+
+Preview CSV
+Preview your csv files directly in Odoo.
+MuK IT GmbH - + www.mukit.at
+
+ 
+
+
+
+
+
+
+ Overview
+Extendes the Preview Dialog to support csv + files. Currently the following extensions are supported:
++ ☑ CSV (*.csv, text/csv) +
+
+
+Our Services
+ +
+ 
+ 
+ 
+ 
+
+
+
+ 
+
+
+
+
+ Help and Support
+Feel free to + contact us, if you need any help with your Odoo integration or + addiontal features.
+ +
+t
c
c
c'; + CAPTION.style.padding = 0; + CAPTION.style.margin = 0; + TABLE.insertBefore(CAPTION, TBODY); + + document.body.appendChild(TABLE); + _hasCaptionProblem = TABLE.offsetHeight < 2 * TABLE.lastChild.offsetHeight; // boolean + document.body.removeChild(TABLE); +} + +function hasCaptionProblem() { + if (_hasCaptionProblem === void 0) { + detectCaptionProblem(); + } + + return _hasCaptionProblem; +} + +var comparisonFunction = void 0; + +/** + * Get string comparison function for sorting purposes. It supports multilingual string comparison base on Internationalization API. + * + * @param {String} [language] + * @param {Object} [options] + * @returns {*} + */ +function getComparisonFunction(language) { + var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + + if (comparisonFunction) { + return comparisonFunction; + } + + if ((typeof Intl === 'undefined' ? 'undefined' : _typeof(Intl)) === 'object') { + comparisonFunction = new Intl.Collator(language, options).compare; + } else if (typeof String.prototype.localeCompare === 'function') { + comparisonFunction = function comparisonFunction(a, b) { + return ('' + a).localeCompare(b); + }; + } else { + comparisonFunction = function comparisonFunction(a, b) { + if (a === b) { + return 0; + } + + return a > b ? -1 : 1; + }; + } + + return comparisonFunction; +} + +/***/ }), +/* 35 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.isFunction = isFunction; +exports.throttle = throttle; +exports.throttleAfterHits = throttleAfterHits; +exports.debounce = debounce; +exports.pipe = pipe; +exports.partial = partial; +exports.curry = curry; +exports.curryRight = curryRight; + +var _array = __webpack_require__(2); + +/** + * Checks if given variable is function. + * + * @param {*} func Variable to check. + * @returns {Boolean} + */ +function isFunction(func) { + return typeof func === 'function'; +} + +/** + * Creates throttle function that enforces a maximum number of times a function (`func`) can be called over time (`wait`). + * + * @param {Function} func Function to invoke. + * @param {Number} wait Delay in miliseconds. + * @returns {Function} + */ +function throttle(func) { + var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200; + + var lastCalled = 0; + var result = { + lastCallThrottled: true + }; + var lastTimer = null; + + function _throttle() { + var _this = this; + + var args = arguments; + var stamp = Date.now(); + var needCall = false; + + result.lastCallThrottled = true; + + if (!lastCalled) { + lastCalled = stamp; + needCall = true; + } + var remaining = wait - (stamp - lastCalled); + + if (needCall) { + result.lastCallThrottled = false; + func.apply(this, args); + } else { + if (lastTimer) { + clearTimeout(lastTimer); + } + lastTimer = setTimeout(function () { + result.lastCallThrottled = false; + func.apply(_this, args); + lastCalled = 0; + lastTimer = void 0; + }, remaining); + } + + return result; + } + + return _throttle; +} + +/** + * Creates throttle function that enforces a maximum number of times a function (`func`) can be called over + * time (`wait`) after specified hits. + * + * @param {Function} func Function to invoke. + * @param {Number} wait Delay in miliseconds. + * @param {Number} hits Number of hits after throttling will be applied. + * @returns {Function} + */ +function throttleAfterHits(func) { + var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200; + var hits = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10; + + var funcThrottle = throttle(func, wait); + var remainHits = hits; + + function _clearHits() { + remainHits = hits; + } + function _throttleAfterHits() { + if (remainHits) { + remainHits--; + + return func.apply(this, arguments); + } + + return funcThrottle.apply(this, arguments); + } + _throttleAfterHits.clearHits = _clearHits; + + return _throttleAfterHits; +} + +/** + * Creates debounce function that enforces a function (`func`) not be called again until a certain amount of time (`wait`) + * has passed without it being called. + * + * @param {Function} func Function to invoke. + * @param {Number} wait Delay in milliseconds. + * @returns {Function} + */ +function debounce(func) { + var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200; + + var lastTimer = null; + var result = void 0; + + function _debounce() { + var _this2 = this; + + var args = arguments; + + if (lastTimer) { + clearTimeout(lastTimer); + } + lastTimer = setTimeout(function () { + result = func.apply(_this2, args); + }, wait); + + return result; + } + + return _debounce; +} + +/** + * Creates the function that returns the result of calling the given functions. Result of the first function is passed to + * the second as an argument and so on. Only first function in the chain can handle multiple arguments. + * + * @param {Function} functions Functions to compose. + * @returns {Function} + */ +function pipe() { + for (var _len = arguments.length, functions = Array(_len), _key = 0; _key < _len; _key++) { + functions[_key] = arguments[_key]; + } + + var firstFunc = functions[0], + restFunc = functions.slice(1); + + + return function _pipe() { + return (0, _array.arrayReduce)(restFunc, function (acc, fn) { + return fn(acc); + }, firstFunc.apply(this, arguments)); + }; +} + +/** + * Creates the function that returns the function with cached arguments. + * + * @param {Function} func Function to partialization. + * @param {Array} params Function arguments to cache. + * @returns {Function} + */ +function partial(func) { + for (var _len2 = arguments.length, params = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + params[_key2 - 1] = arguments[_key2]; + } + + return function _partial() { + for (var _len3 = arguments.length, restParams = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) { + restParams[_key3] = arguments[_key3]; + } + + return func.apply(this, params.concat(restParams)); + }; +} + +/** + * Creates the functions that returns the function with cached arguments. If count if passed arguments will be matched + * to the arguments defined in `func` then function will be invoked. + * Arguments are added to the stack in direction from the left to the right. + * + * @example + * ``` + * var replace = curry(function(find, replace, string) { + * return string.replace(find, replace); + * }); + * + * // returns function with bounded first argument + * var replace = replace('foo') + * + * // returns replaced string - all arguments was passed so function was invoked + * replace('bar', 'Some test with foo...'); + * + * ``` + * + * @param {Function} func Function to currying. + * @returns {Function} + */ +function curry(func) { + var argsLength = func.length; + + function given(argsSoFar) { + return function _curry() { + for (var _len4 = arguments.length, params = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) { + params[_key4] = arguments[_key4]; + } + + var passedArgsSoFar = argsSoFar.concat(params); + var result = void 0; + + if (passedArgsSoFar.length >= argsLength) { + result = func.apply(this, passedArgsSoFar); + } else { + result = given(passedArgsSoFar); + } + + return result; + }; + } + + return given([]); +} + +/** + * Creates the functions that returns the function with cached arguments. If count if passed arguments will be matched + * to the arguments defined in `func` then function will be invoked. + * Arguments are added to the stack in direction from the right to the left. + * + * @example + * ``` + * var replace = curry(function(find, replace, string) { + * return string.replace(find, replace); + * }); + * + * // returns function with bounded first argument + * var replace = replace('Some test with foo...') + * + * // returns replaced string - all arguments was passed so function was invoked + * replace('bar', 'foo'); + * + * ``` + * + * @param {Function} func Function to currying. + * @returns {Function} + */ +function curryRight(func) { + var argsLength = func.length; + + function given(argsSoFar) { + return function _curry() { + for (var _len5 = arguments.length, params = Array(_len5), _key5 = 0; _key5 < _len5; _key5++) { + params[_key5] = arguments[_key5]; + } + + var passedArgsSoFar = argsSoFar.concat(params.reverse()); + var result = void 0; + + if (passedArgsSoFar.length >= argsLength) { + result = func.apply(this, passedArgsSoFar); + } else { + result = given(passedArgsSoFar); + } + + return result; + }; + } + + return given([]); +} + +/***/ }), +/* 36 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.EditorState = undefined; + +var _src = __webpack_require__(11); + +var _mixed = __webpack_require__(20); + +var EditorState = exports.EditorState = { + VIRGIN: 'STATE_VIRGIN', // before editing + EDITING: 'STATE_EDITING', + WAITING: 'STATE_WAITING', // waiting for async validation + FINISHED: 'STATE_FINISHED' +}; + +function BaseEditor(instance) { + this.instance = instance; + this.state = EditorState.VIRGIN; + + this._opened = false; + this._fullEditMode = false; + this._closeCallback = null; + + this.init(); +} + +BaseEditor.prototype._fireCallbacks = function (result) { + if (this._closeCallback) { + this._closeCallback(result); + this._closeCallback = null; + } +}; + +BaseEditor.prototype.init = function () {}; + +BaseEditor.prototype.getValue = function () { + throw Error('Editor getValue() method unimplemented'); +}; + +BaseEditor.prototype.setValue = function (newValue) { + throw Error('Editor setValue() method unimplemented'); +}; + +BaseEditor.prototype.open = function () { + throw Error('Editor open() method unimplemented'); +}; + +BaseEditor.prototype.close = function () { + throw Error('Editor close() method unimplemented'); +}; + +BaseEditor.prototype.prepare = function (row, col, prop, td, originalValue, cellProperties) { + this.TD = td; + this.row = row; + this.col = col; + this.prop = prop; + this.originalValue = originalValue; + this.cellProperties = cellProperties; + this.state = EditorState.VIRGIN; +}; + +BaseEditor.prototype.extend = function () { + var baseClass = this.constructor; + + function Editor() { + baseClass.apply(this, arguments); + } + + function inherit(Child, Parent) { + function Bridge() {} + Bridge.prototype = Parent.prototype; + Child.prototype = new Bridge(); + Child.prototype.constructor = Child; + + return Child; + } + + return inherit(Editor, baseClass); +}; + +BaseEditor.prototype.saveValue = function (value, ctrlDown) { + var selection = void 0; + var tmp = void 0; + + // if ctrl+enter and multiple cells selected, behave like Excel (finish editing and apply to all cells) + if (ctrlDown) { + selection = this.instance.getSelected(); + + if (selection[0] > selection[2]) { + tmp = selection[0]; + selection[0] = selection[2]; + selection[2] = tmp; + } + if (selection[1] > selection[3]) { + tmp = selection[1]; + selection[1] = selection[3]; + selection[3] = tmp; + } + } else { + selection = [this.row, this.col, null, null]; + } + + this.instance.populateFromArray(selection[0], selection[1], value, selection[2], selection[3], 'edit'); +}; + +BaseEditor.prototype.beginEditing = function (initialValue, event) { + if (this.state != EditorState.VIRGIN) { + return; + } + this.instance.view.scrollViewport(new _src.CellCoords(this.row, this.col)); + this.instance.view.render(); + this.state = EditorState.EDITING; + + initialValue = typeof initialValue == 'string' ? initialValue : this.originalValue; + this.setValue((0, _mixed.stringify)(initialValue)); + + this.open(event); + this._opened = true; + this.focus(); + + // only rerender the selections (FillHandle should disappear when beginediting is triggered) + this.instance.view.render(); + + this.instance.runHooks('afterBeginEditing', this.row, this.col); +}; + +BaseEditor.prototype.finishEditing = function (restoreOriginalValue, ctrlDown, callback) { + var _this = this, + val; + + if (callback) { + var previousCloseCallback = this._closeCallback; + + this._closeCallback = function (result) { + if (previousCloseCallback) { + previousCloseCallback(result); + } + + callback(result); + _this.instance.view.render(); + }; + } + + if (this.isWaiting()) { + return; + } + + if (this.state == EditorState.VIRGIN) { + this.instance._registerTimeout(setTimeout(function () { + _this._fireCallbacks(true); + }, 0)); + + return; + } + + if (this.state == EditorState.EDITING) { + if (restoreOriginalValue) { + this.cancelChanges(); + this.instance.view.render(); + + return; + } + + var value = this.getValue(); + + if (this.instance.getSettings().trimWhitespace) { + // We trim only string values + val = [[typeof value === 'string' ? String.prototype.trim.call(value || '') : value]]; + } else { + val = [[value]]; + } + + this.state = EditorState.WAITING; + this.saveValue(val, ctrlDown); + + if (this.instance.getCellValidator(this.cellProperties)) { + this.instance.addHookOnce('postAfterValidate', function (result) { + _this.state = EditorState.FINISHED; + _this.discardEditor(result); + }); + } else { + this.state = EditorState.FINISHED; + this.discardEditor(true); + } + } +}; + +BaseEditor.prototype.cancelChanges = function () { + this.state = EditorState.FINISHED; + this.discardEditor(); +}; + +BaseEditor.prototype.discardEditor = function (result) { + if (this.state !== EditorState.FINISHED) { + return; + } + // validator was defined and failed + if (result === false && this.cellProperties.allowInvalid !== true) { + this.instance.selectCell(this.row, this.col); + this.focus(); + this.state = EditorState.EDITING; + this._fireCallbacks(false); + } else { + this.close(); + this._opened = false; + this._fullEditMode = false; + this.state = EditorState.VIRGIN; + this._fireCallbacks(true); + } +}; + +/** + * Switch editor into full edit mode. In this state navigation keys don't close editor. This mode is activated + * automatically after hit ENTER or F2 key on the cell or while editing cell press F2 key. + */ +BaseEditor.prototype.enableFullEditMode = function () { + this._fullEditMode = true; +}; + +/** + * Checks if editor is in full edit mode. + * + * @returns {Boolean} + */ +BaseEditor.prototype.isInFullEditMode = function () { + return this._fullEditMode; +}; + +BaseEditor.prototype.isOpened = function () { + return this._opened; +}; + +BaseEditor.prototype.isWaiting = function () { + return this.state === EditorState.WAITING; +}; + +BaseEditor.prototype.checkEditorSection = function () { + var totalRows = this.instance.countRows(); + var section = ''; + + if (this.row < this.instance.getSettings().fixedRowsTop) { + if (this.col < this.instance.getSettings().fixedColumnsLeft) { + section = 'top-left-corner'; + } else { + section = 'top'; + } + } else if (this.instance.getSettings().fixedRowsBottom && this.row >= totalRows - this.instance.getSettings().fixedRowsBottom) { + if (this.col < this.instance.getSettings().fixedColumnsLeft) { + section = 'bottom-left-corner'; + } else { + section = 'bottom'; + } + } else if (this.col < this.instance.getSettings().fixedColumnsLeft) { + section = 'left'; + } + + return section; +}; + +exports.default = BaseEditor; + +/***/ }), +/* 37 */ +/***/ (function(module, exports, __webpack_require__) { + +// 22.1.3.31 Array.prototype[@@unscopables] +var UNSCOPABLES = __webpack_require__(10)('unscopables') + , ArrayProto = Array.prototype; +if(ArrayProto[UNSCOPABLES] == undefined)__webpack_require__(32)(ArrayProto, UNSCOPABLES, {}); +module.exports = function(key){ + ArrayProto[UNSCOPABLES][key] = true; +}; + +/***/ }), +/* 38 */ +/***/ (function(module, exports) { + +var toString = {}.toString; + +module.exports = function(it){ + return toString.call(it).slice(8, -1); +}; + +/***/ }), +/* 39 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.2.14 / 15.2.3.14 Object.keys(O) +var $keys = __webpack_require__(169) + , enumBugKeys = __webpack_require__(75); + +module.exports = Object.keys || function keys(O){ + return $keys(O, enumBugKeys); +}; + +/***/ }), +/* 40 */ +/***/ (function(module, exports) { + +module.exports = function(bitmap, value){ + return { + enumerable : !(bitmap & 1), + configurable: !(bitmap & 2), + writable : !(bitmap & 4), + value : value + }; +}; + +/***/ }), +/* 41 */ +/***/ (function(module, exports, __webpack_require__) { + +// 7.1.13 ToObject(argument) +var defined = __webpack_require__(30); +module.exports = function(it){ + return Object(defined(it)); +}; + +/***/ }), +/* 42 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * CellCoords holds cell coordinates (row, column) and few method to validate them and + * retrieve as an array or an object + * + * @class CellCoords + */ +var CellCoords = function () { + /** + * @param {Number} row Row index + * @param {Number} col Column index + */ + function CellCoords(row, col) { + _classCallCheck(this, CellCoords); + + if (typeof row !== 'undefined' && typeof col !== 'undefined') { + this.row = row; + this.col = col; + } else { + this.row = null; + this.col = null; + } + } + + /** + * Checks if given set of coordinates is valid in context of a given Walkontable instance + * + * @param {Walkontable} wotInstance + * @returns {Boolean} + */ + + + _createClass(CellCoords, [{ + key: 'isValid', + value: function isValid(wotInstance) { + // is it a valid cell index (0 or higher) + if (this.row < 0 || this.col < 0) { + return false; + } + // is selection within total rows and columns + if (this.row >= wotInstance.getSetting('totalRows') || this.col >= wotInstance.getSetting('totalColumns')) { + return false; + } + + return true; + } + + /** + * Checks if this cell coords are the same as cell coords given as a parameter + * + * @param {CellCoords} cellCoords + * @returns {Boolean} + */ + + }, { + key: 'isEqual', + value: function isEqual(cellCoords) { + if (cellCoords === this) { + return true; + } + + return this.row === cellCoords.row && this.col === cellCoords.col; + } + + /** + * Checks if tested coordinates are positioned in south-east from this cell coords + * + * @param {Object} testedCoords + * @returns {Boolean} + */ + + }, { + key: 'isSouthEastOf', + value: function isSouthEastOf(testedCoords) { + return this.row >= testedCoords.row && this.col >= testedCoords.col; + } + + /** + * Checks if tested coordinates are positioned in north-east from this cell coords + * + * @param {Object} testedCoords + * @returns {Boolean} + */ + + }, { + key: 'isNorthWestOf', + value: function isNorthWestOf(testedCoords) { + return this.row <= testedCoords.row && this.col <= testedCoords.col; + } + + /** + * Checks if tested coordinates are positioned in south-west from this cell coords + * + * @param {Object} testedCoords + * @returns {Boolean} + */ + + }, { + key: 'isSouthWestOf', + value: function isSouthWestOf(testedCoords) { + return this.row >= testedCoords.row && this.col <= testedCoords.col; + } + + /** + * Checks if tested coordinates are positioned in north-east from this cell coords + * + * @param {Object} testedCoords + * @returns {Boolean} + */ + + }, { + key: 'isNorthEastOf', + value: function isNorthEastOf(testedCoords) { + return this.row <= testedCoords.row && this.col >= testedCoords.col; + } + }]); + + return CellCoords; +}(); + +exports.default = CellCoords; + +/***/ }), +/* 43 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _element = __webpack_require__(0); + +var _autoResize = __webpack_require__(183); + +var _autoResize2 = _interopRequireDefault(_autoResize); + +var _baseEditor = __webpack_require__(36); + +var _baseEditor2 = _interopRequireDefault(_baseEditor); + +var _eventManager = __webpack_require__(4); + +var _eventManager2 = _interopRequireDefault(_eventManager); + +var _unicode = __webpack_require__(16); + +var _event = __webpack_require__(7); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var TextEditor = _baseEditor2.default.prototype.extend(); + +/** + * @private + * @editor TextEditor + * @class TextEditor + * @dependencies autoResize + */ +TextEditor.prototype.init = function () { + var that = this; + this.createElements(); + this.eventManager = new _eventManager2.default(this); + this.bindEvents(); + this.autoResize = (0, _autoResize2.default)(); + + this.instance.addHook('afterDestroy', function () { + that.destroy(); + }); +}; + +TextEditor.prototype.getValue = function () { + return this.TEXTAREA.value; +}; + +TextEditor.prototype.setValue = function (newValue) { + this.TEXTAREA.value = newValue; +}; + +var onBeforeKeyDown = function onBeforeKeyDown(event) { + var instance = this, + that = instance.getActiveEditor(), + ctrlDown; + + // catch CTRL but not right ALT (which in some systems triggers ALT+CTRL) + ctrlDown = (event.ctrlKey || event.metaKey) && !event.altKey; + + // Process only events that have been fired in the editor + if (event.target !== that.TEXTAREA || (0, _event.isImmediatePropagationStopped)(event)) { + return; + } + + if (event.keyCode === 17 || event.keyCode === 224 || event.keyCode === 91 || event.keyCode === 93) { + // when CTRL or its equivalent is pressed and cell is edited, don't prepare selectable text in textarea + (0, _event.stopImmediatePropagation)(event); + return; + } + + switch (event.keyCode) { + case _unicode.KEY_CODES.ARROW_RIGHT: + if (that.isInFullEditMode()) { + if (!that.isWaiting() && !that.allowKeyEventPropagation || !that.isWaiting() && that.allowKeyEventPropagation && !that.allowKeyEventPropagation(event.keyCode)) { + (0, _event.stopImmediatePropagation)(event); + } + } + break; + case _unicode.KEY_CODES.ARROW_LEFT: + if (that.isInFullEditMode()) { + if (!that.isWaiting() && !that.allowKeyEventPropagation || !that.isWaiting() && that.allowKeyEventPropagation && !that.allowKeyEventPropagation(event.keyCode)) { + (0, _event.stopImmediatePropagation)(event); + } + } + break; + case _unicode.KEY_CODES.ARROW_UP: + case _unicode.KEY_CODES.ARROW_DOWN: + if (that.isInFullEditMode()) { + if (!that.isWaiting() && !that.allowKeyEventPropagation || !that.isWaiting() && that.allowKeyEventPropagation && !that.allowKeyEventPropagation(event.keyCode)) { + (0, _event.stopImmediatePropagation)(event); + } + } + break; + + case _unicode.KEY_CODES.ENTER: + var selected = that.instance.getSelected(); + var isMultipleSelection = !(selected[0] === selected[2] && selected[1] === selected[3]); + if (ctrlDown && !isMultipleSelection || event.altKey) { + // if ctrl+enter or alt+enter, add new line + if (that.isOpened()) { + var caretPosition = (0, _element.getCaretPosition)(that.TEXTAREA), + value = that.getValue(); + + var newValue = value.slice(0, caretPosition) + '\n' + value.slice(caretPosition); + + that.setValue(newValue); + + (0, _element.setCaretPosition)(that.TEXTAREA, caretPosition + 1); + } else { + that.beginEditing(that.originalValue + '\n'); + } + (0, _event.stopImmediatePropagation)(event); + } + event.preventDefault(); // don't add newline to field + break; + + case _unicode.KEY_CODES.A: + case _unicode.KEY_CODES.X: + case _unicode.KEY_CODES.C: + case _unicode.KEY_CODES.V: + if (ctrlDown) { + (0, _event.stopImmediatePropagation)(event); // CTRL+A, CTRL+C, CTRL+V, CTRL+X should only work locally when cell is edited (not in table context) + } + break; + + case _unicode.KEY_CODES.BACKSPACE: + case _unicode.KEY_CODES.DELETE: + case _unicode.KEY_CODES.HOME: + case _unicode.KEY_CODES.END: + (0, _event.stopImmediatePropagation)(event); // backspace, delete, home, end should only work locally when cell is edited (not in table context) + break; + default: + break; + } + + if ([_unicode.KEY_CODES.ARROW_UP, _unicode.KEY_CODES.ARROW_RIGHT, _unicode.KEY_CODES.ARROW_DOWN, _unicode.KEY_CODES.ARROW_LEFT].indexOf(event.keyCode) === -1) { + that.autoResize.resize(String.fromCharCode(event.keyCode)); + } +}; + +TextEditor.prototype.open = function () { + this.refreshDimensions(); // need it instantly, to prevent https://github.com/handsontable/handsontable/issues/348 + + this.instance.addHook('beforeKeyDown', onBeforeKeyDown); +}; + +TextEditor.prototype.close = function (tdOutside) { + this.textareaParentStyle.display = 'none'; + + this.autoResize.unObserve(); + + if (document.activeElement === this.TEXTAREA) { + this.instance.listen(); // don't refocus the table if user focused some cell outside of HT on purpose + } + this.instance.removeHook('beforeKeyDown', onBeforeKeyDown); +}; + +TextEditor.prototype.focus = function () { + this.TEXTAREA.focus(); + (0, _element.setCaretPosition)(this.TEXTAREA, this.TEXTAREA.value.length); +}; + +TextEditor.prototype.createElements = function () { + // this.$body = $(document.body); + + this.TEXTAREA = document.createElement('TEXTAREA'); + + (0, _element.addClass)(this.TEXTAREA, 'handsontableInput'); + + this.textareaStyle = this.TEXTAREA.style; + this.textareaStyle.width = 0; + this.textareaStyle.height = 0; + + this.TEXTAREA_PARENT = document.createElement('DIV'); + (0, _element.addClass)(this.TEXTAREA_PARENT, 'handsontableInputHolder'); + + this.textareaParentStyle = this.TEXTAREA_PARENT.style; + this.textareaParentStyle.top = 0; + this.textareaParentStyle.left = 0; + this.textareaParentStyle.display = 'none'; + + this.TEXTAREA_PARENT.appendChild(this.TEXTAREA); + + this.instance.rootElement.appendChild(this.TEXTAREA_PARENT); + + var that = this; + this.instance._registerTimeout(setTimeout(function () { + that.refreshDimensions(); + }, 0)); +}; + +TextEditor.prototype.getEditedCell = function () { + var editorSection = this.checkEditorSection(), + editedCell; + + switch (editorSection) { + case 'top': + editedCell = this.instance.view.wt.wtOverlays.topOverlay.clone.wtTable.getCell({ + row: this.row, + col: this.col + }); + this.textareaParentStyle.zIndex = 101; + break; + case 'top-left-corner': + editedCell = this.instance.view.wt.wtOverlays.topLeftCornerOverlay.clone.wtTable.getCell({ + row: this.row, + col: this.col + }); + this.textareaParentStyle.zIndex = 103; + break; + case 'bottom-left-corner': + editedCell = this.instance.view.wt.wtOverlays.bottomLeftCornerOverlay.clone.wtTable.getCell({ + row: this.row, + col: this.col + }); + this.textareaParentStyle.zIndex = 103; + break; + case 'left': + editedCell = this.instance.view.wt.wtOverlays.leftOverlay.clone.wtTable.getCell({ + row: this.row, + col: this.col + }); + this.textareaParentStyle.zIndex = 102; + break; + case 'bottom': + editedCell = this.instance.view.wt.wtOverlays.bottomOverlay.clone.wtTable.getCell({ + row: this.row, + col: this.col + }); + this.textareaParentStyle.zIndex = 102; + break; + default: + editedCell = this.instance.getCell(this.row, this.col); + this.textareaParentStyle.zIndex = ''; + break; + } + + return editedCell != -1 && editedCell != -2 ? editedCell : void 0; +}; + +TextEditor.prototype.refreshValue = function () { + var sourceData = this.instance.getSourceDataAtCell(this.row, this.prop); + this.originalValue = sourceData; + + this.setValue(sourceData); + this.refreshDimensions(); +}; + +TextEditor.prototype.refreshDimensions = function () { + if (this.state !== _baseEditor.EditorState.EDITING) { + return; + } + this.TD = this.getEditedCell(); + + // TD is outside of the viewport. + if (!this.TD) { + this.close(true); + + return; + } + var currentOffset = (0, _element.offset)(this.TD), + containerOffset = (0, _element.offset)(this.instance.rootElement), + scrollableContainer = (0, _element.getScrollableElement)(this.TD), + totalRowsCount = this.instance.countRows(), + + + // If colHeaders is disabled, cells in the first row have border-top + editTopModifier = currentOffset.top === containerOffset.top ? 0 : 1, + editTop = currentOffset.top - containerOffset.top - editTopModifier - (scrollableContainer.scrollTop || 0), + editLeft = currentOffset.left - containerOffset.left - 1 - (scrollableContainer.scrollLeft || 0), + settings = this.instance.getSettings(), + rowHeadersCount = this.instance.hasRowHeaders(), + colHeadersCount = this.instance.hasColHeaders(), + editorSection = this.checkEditorSection(), + backgroundColor = this.TD.style.backgroundColor, + cssTransformOffset; + + // TODO: Refactor this to the new instance.getCell method (from #ply-59), after 0.12.1 is released + switch (editorSection) { + case 'top': + cssTransformOffset = (0, _element.getCssTransform)(this.instance.view.wt.wtOverlays.topOverlay.clone.wtTable.holder.parentNode); + break; + case 'left': + cssTransformOffset = (0, _element.getCssTransform)(this.instance.view.wt.wtOverlays.leftOverlay.clone.wtTable.holder.parentNode); + break; + case 'top-left-corner': + cssTransformOffset = (0, _element.getCssTransform)(this.instance.view.wt.wtOverlays.topLeftCornerOverlay.clone.wtTable.holder.parentNode); + break; + case 'bottom-left-corner': + cssTransformOffset = (0, _element.getCssTransform)(this.instance.view.wt.wtOverlays.bottomLeftCornerOverlay.clone.wtTable.holder.parentNode); + break; + case 'bottom': + cssTransformOffset = (0, _element.getCssTransform)(this.instance.view.wt.wtOverlays.bottomOverlay.clone.wtTable.holder.parentNode); + break; + default: + break; + } + + if (colHeadersCount && this.instance.getSelected()[0] === 0 || settings.fixedRowsBottom && this.instance.getSelected()[0] === totalRowsCount - settings.fixedRowsBottom) { + editTop += 1; + } + + if (this.instance.getSelected()[1] === 0) { + editLeft += 1; + } + + if (cssTransformOffset && cssTransformOffset != -1) { + this.textareaParentStyle[cssTransformOffset[0]] = cssTransformOffset[1]; + } else { + (0, _element.resetCssTransform)(this.TEXTAREA_PARENT); + } + + this.textareaParentStyle.top = editTop + 'px'; + this.textareaParentStyle.left = editLeft + 'px'; + + var firstRowOffset = this.instance.view.wt.wtViewport.rowsRenderCalculator.startPosition; + var firstColumnOffset = this.instance.view.wt.wtViewport.columnsRenderCalculator.startPosition; + var horizontalScrollPosition = this.instance.view.wt.wtOverlays.leftOverlay.getScrollPosition(); + var verticalScrollPosition = this.instance.view.wt.wtOverlays.topOverlay.getScrollPosition(); + var scrollbarWidth = (0, _element.getScrollbarWidth)(); + + var cellTopOffset = this.TD.offsetTop + firstRowOffset - verticalScrollPosition; + var cellLeftOffset = this.TD.offsetLeft + firstColumnOffset - horizontalScrollPosition; + + var width = (0, _element.innerWidth)(this.TD) - 8; + var actualVerticalScrollbarWidth = (0, _element.hasVerticalScrollbar)(scrollableContainer) ? scrollbarWidth : 0; + var actualHorizontalScrollbarWidth = (0, _element.hasHorizontalScrollbar)(scrollableContainer) ? scrollbarWidth : 0; + var maxWidth = this.instance.view.maximumVisibleElementWidth(cellLeftOffset) - 9 - actualVerticalScrollbarWidth; + var height = this.TD.scrollHeight + 1; + var maxHeight = Math.max(this.instance.view.maximumVisibleElementHeight(cellTopOffset) - actualHorizontalScrollbarWidth, 23); + + var cellComputedStyle = (0, _element.getComputedStyle)(this.TD); + + this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize; + this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily; + this.TEXTAREA.style.backgroundColor = ''; // RESET STYLE + this.TEXTAREA.style.backgroundColor = backgroundColor ? backgroundColor : (0, _element.getComputedStyle)(this.TEXTAREA).backgroundColor; + + this.autoResize.init(this.TEXTAREA, { + minHeight: Math.min(height, maxHeight), + maxHeight: maxHeight, // TEXTAREA should never be wider than visible part of the viewport (should not cover the scrollbar) + minWidth: Math.min(width, maxWidth), + maxWidth: maxWidth // TEXTAREA should never be wider than visible part of the viewport (should not cover the scrollbar) + }, true); + + this.textareaParentStyle.display = 'block'; +}; + +TextEditor.prototype.bindEvents = function () { + var editor = this; + + this.eventManager.addEventListener(this.TEXTAREA, 'cut', function (event) { + (0, _event.stopPropagation)(event); + }); + + this.eventManager.addEventListener(this.TEXTAREA, 'paste', function (event) { + (0, _event.stopPropagation)(event); + }); + + this.instance.addHook('afterScrollHorizontally', function () { + editor.refreshDimensions(); + }); + + this.instance.addHook('afterScrollVertically', function () { + editor.refreshDimensions(); + }); + + this.instance.addHook('afterColumnResize', function () { + editor.refreshDimensions(); + editor.focus(); + }); + + this.instance.addHook('afterRowResize', function () { + editor.refreshDimensions(); + editor.focus(); + }); + + this.instance.addHook('afterDestroy', function () { + editor.eventManager.destroy(); + }); +}; + +TextEditor.prototype.destroy = function () { + this.eventManager.destroy(); +}; + +exports.default = TextEditor; + +/***/ }), +/* 44 */ +/***/ (function(module, exports) { + +var core = module.exports = {version: '2.4.0'}; +if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef + +/***/ }), +/* 45 */ +/***/ (function(module, exports) { + +module.exports = {}; + +/***/ }), +/* 46 */ +/***/ (function(module, exports, __webpack_require__) { + +var META = __webpack_require__(49)('meta') + , isObject = __webpack_require__(15) + , has = __webpack_require__(22) + , setDesc = __webpack_require__(19).f + , id = 0; +var isExtensible = Object.isExtensible || function(){ + return true; +}; +var FREEZE = !__webpack_require__(31)(function(){ + return isExtensible(Object.preventExtensions({})); +}); +var setMeta = function(it){ + setDesc(it, META, {value: { + i: 'O' + ++id, // object ID + w: {} // weak collections IDs + }}); +}; +var fastKey = function(it, create){ + // return primitive with prefix + if(!isObject(it))return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it; + if(!has(it, META)){ + // can't set metadata to uncaught frozen object + if(!isExtensible(it))return 'F'; + // not necessary to add metadata + if(!create)return 'E'; + // add missing metadata + setMeta(it); + // return object ID + } return it[META].i; +}; +var getWeak = function(it, create){ + if(!has(it, META)){ + // can't set metadata to uncaught frozen object + if(!isExtensible(it))return true; + // not necessary to add metadata + if(!create)return false; + // add missing metadata + setMeta(it); + // return hash weak collections IDs + } return it[META].w; +}; +// add metadata on freeze-family methods calling +var onFreeze = function(it){ + if(FREEZE && meta.NEED && isExtensible(it) && !has(it, META))setMeta(it); + return it; +}; +var meta = module.exports = { + KEY: META, + NEED: false, + fastKey: fastKey, + getWeak: getWeak, + onFreeze: onFreeze +}; + +/***/ }), +/* 47 */ +/***/ (function(module, exports) { + +exports.f = {}.propertyIsEnumerable; + +/***/ }), +/* 48 */ +/***/ (function(module, exports, __webpack_require__) { + +var def = __webpack_require__(19).f + , has = __webpack_require__(22) + , TAG = __webpack_require__(10)('toStringTag'); + +module.exports = function(it, tag, stat){ + if(it && !has(it = stat ? it : it.prototype, TAG))def(it, TAG, {configurable: true, value: tag}); +}; + +/***/ }), +/* 49 */ +/***/ (function(module, exports) { + +var id = 0 + , px = Math.random(); +module.exports = function(key){ + return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); +}; + +/***/ }), +/* 50 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.default = staticRegister; + +function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } + +var collection = exports.collection = new Map(); + +function staticRegister() { + var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'common'; + + if (!collection.has(namespace)) { + collection.set(namespace, new Map()); + } + var subCollection = collection.get(namespace); + + /** + * Register an item to the collection. If the item under the same was exist earlier then this item will be replaced with new one. + * + * @param {String} name Identification of the item. + * @param {*} item Item to save in the collection. + */ + function register(name, item) { + subCollection.set(name, item); + } + + /** + * Retrieve the item from the collection. + * + * @param {String} name Identification of the item. + * @returns {*} Returns item which was saved in the collection. + */ + function getItem(name) { + return subCollection.get(name); + } + + /** + * Check if item under specyfied name is exists. + * + * @param {String} name Identification of the item. + * @returns {Boolean} Returns `true` or `false` depends on if element exists in the collection. + */ + function hasItem(name) { + return subCollection.has(name); + } + + /** + * Retrieve list of names registered from the collection. + * + * @returns {Array} Returns an array of strings with all names under which objects are stored. + */ + function getNames() { + return [].concat(_toConsumableArray(subCollection.keys())); + } + + /** + * Retrieve all registered values from the collection. + * + * @returns {Array} Returns an array with all values stored in the collection. + */ + function getValues() { + return [].concat(_toConsumableArray(subCollection.values())); + } + + return { + register: register, + getItem: getItem, + hasItem: hasItem, + getNames: getNames, + getValues: getValues + }; +} + +/***/ }), +/* 51 */ +/***/ (function(module, exports) { + +module.exports = function(it, Constructor, name, forbiddenField){ + if(!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)){ + throw TypeError(name + ': incorrect invocation!'); + } return it; +}; + +/***/ }), +/* 52 */ +/***/ (function(module, exports, __webpack_require__) { + +// 0 -> Array#forEach +// 1 -> Array#map +// 2 -> Array#filter +// 3 -> Array#some +// 4 -> Array#every +// 5 -> Array#find +// 6 -> Array#findIndex +var ctx = __webpack_require__(29) + , IObject = __webpack_require__(77) + , toObject = __webpack_require__(41) + , toLength = __webpack_require__(24) + , asc = __webpack_require__(280); +module.exports = function(TYPE, $create){ + var IS_MAP = TYPE == 1 + , IS_FILTER = TYPE == 2 + , IS_SOME = TYPE == 3 + , IS_EVERY = TYPE == 4 + , IS_FIND_INDEX = TYPE == 6 + , NO_HOLES = TYPE == 5 || IS_FIND_INDEX + , create = $create || asc; + return function($this, callbackfn, that){ + var O = toObject($this) + , self = IObject(O) + , f = ctx(callbackfn, that, 3) + , length = toLength(self.length) + , index = 0 + , result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined + , val, res; + for(;length > index; index++)if(NO_HOLES || index in self){ + val = self[index]; + res = f(val, index, O); + if(TYPE){ + if(IS_MAP)result[index] = res; // map + else if(res)switch(TYPE){ + case 3: return true; // some + case 5: return val; // find + case 6: return index; // findIndex + case 2: result.push(val); // filter + } else if(IS_EVERY)return false; // every + } + } + return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result; + }; +}; + +/***/ }), +/* 53 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var global = __webpack_require__(13) + , $export = __webpack_require__(3) + , redefine = __webpack_require__(33) + , redefineAll = __webpack_require__(58) + , meta = __webpack_require__(46) + , forOf = __webpack_require__(55) + , anInstance = __webpack_require__(51) + , isObject = __webpack_require__(15) + , fails = __webpack_require__(31) + , $iterDetect = __webpack_require__(78) + , setToStringTag = __webpack_require__(48) + , inheritIfRequired = __webpack_require__(283); + +module.exports = function(NAME, wrapper, methods, common, IS_MAP, IS_WEAK){ + var Base = global[NAME] + , C = Base + , ADDER = IS_MAP ? 'set' : 'add' + , proto = C && C.prototype + , O = {}; + var fixMethod = function(KEY){ + var fn = proto[KEY]; + redefine(proto, KEY, + KEY == 'delete' ? function(a){ + return IS_WEAK && !isObject(a) ? false : fn.call(this, a === 0 ? 0 : a); + } : KEY == 'has' ? function has(a){ + return IS_WEAK && !isObject(a) ? false : fn.call(this, a === 0 ? 0 : a); + } : KEY == 'get' ? function get(a){ + return IS_WEAK && !isObject(a) ? undefined : fn.call(this, a === 0 ? 0 : a); + } : KEY == 'add' ? function add(a){ fn.call(this, a === 0 ? 0 : a); return this; } + : function set(a, b){ fn.call(this, a === 0 ? 0 : a, b); return this; } + ); + }; + if(typeof C != 'function' || !(IS_WEAK || proto.forEach && !fails(function(){ + new C().entries().next(); + }))){ + // create collection constructor + C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER); + redefineAll(C.prototype, methods); + meta.NEED = true; + } else { + var instance = new C + // early implementations not supports chaining + , HASNT_CHAINING = instance[ADDER](IS_WEAK ? {} : -0, 1) != instance + // V8 ~ Chromium 40- weak-collections throws on primitives, but should return false + , THROWS_ON_PRIMITIVES = fails(function(){ instance.has(1); }) + // most early implementations doesn't supports iterables, most modern - not close it correctly + , ACCEPT_ITERABLES = $iterDetect(function(iter){ new C(iter); }) // eslint-disable-line no-new + // for early implementations -0 and +0 not the same + , BUGGY_ZERO = !IS_WEAK && fails(function(){ + // V8 ~ Chromium 42- fails only with 5+ elements + var $instance = new C() + , index = 5; + while(index--)$instance[ADDER](index, index); + return !$instance.has(-0); + }); + if(!ACCEPT_ITERABLES){ + C = wrapper(function(target, iterable){ + anInstance(target, C, NAME); + var that = inheritIfRequired(new Base, target, C); + if(iterable != undefined)forOf(iterable, IS_MAP, that[ADDER], that); + return that; + }); + C.prototype = proto; + proto.constructor = C; + } + if(THROWS_ON_PRIMITIVES || BUGGY_ZERO){ + fixMethod('delete'); + fixMethod('has'); + IS_MAP && fixMethod('get'); + } + if(BUGGY_ZERO || HASNT_CHAINING)fixMethod(ADDER); + // weak collections should not contains .clear method + if(IS_WEAK && proto.clear)delete proto.clear; + } + + setToStringTag(C, NAME); + + O[NAME] = C; + $export($export.G + $export.W + $export.F * (C != Base), O); + + if(!IS_WEAK)common.setStrong(C, NAME, IS_MAP); + + return C; +}; + +/***/ }), +/* 54 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var hide = __webpack_require__(32) + , redefine = __webpack_require__(33) + , fails = __webpack_require__(31) + , defined = __webpack_require__(30) + , wks = __webpack_require__(10); + +module.exports = function(KEY, length, exec){ + var SYMBOL = wks(KEY) + , fns = exec(defined, SYMBOL, ''[KEY]) + , strfn = fns[0] + , rxfn = fns[1]; + if(fails(function(){ + var O = {}; + O[SYMBOL] = function(){ return 7; }; + return ''[KEY](O) != 7; + })){ + redefine(String.prototype, KEY, strfn); + hide(RegExp.prototype, SYMBOL, length == 2 + // 21.2.5.8 RegExp.prototype[@@replace](string, replaceValue) + // 21.2.5.11 RegExp.prototype[@@split](string, limit) + ? function(string, arg){ return rxfn.call(string, this, arg); } + // 21.2.5.6 RegExp.prototype[@@match](string) + // 21.2.5.9 RegExp.prototype[@@search](string) + : function(string){ return rxfn.call(string, this); } + ); + } +}; + +/***/ }), +/* 55 */ +/***/ (function(module, exports, __webpack_require__) { + +var ctx = __webpack_require__(29) + , call = __webpack_require__(165) + , isArrayIter = __webpack_require__(161) + , anObject = __webpack_require__(18) + , toLength = __webpack_require__(24) + , getIterFn = __webpack_require__(176) + , BREAK = {} + , RETURN = {}; +var exports = module.exports = function(iterable, entries, fn, that, ITERATOR){ + var iterFn = ITERATOR ? function(){ return iterable; } : getIterFn(iterable) + , f = ctx(fn, that, entries ? 2 : 1) + , index = 0 + , length, step, iterator, result; + if(typeof iterFn != 'function')throw TypeError(iterable + ' is not iterable!'); + // fast case for arrays with default iterator + if(isArrayIter(iterFn))for(length = toLength(iterable.length); length > index; index++){ + result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]); + if(result === BREAK || result === RETURN)return result; + } else for(iterator = iterFn.call(iterable); !(step = iterator.next()).done; ){ + result = call(iterator, f, step.value, entries); + if(result === BREAK || result === RETURN)return result; + } +}; +exports.BREAK = BREAK; +exports.RETURN = RETURN; + +/***/ }), +/* 56 */ +/***/ (function(module, exports) { + +module.exports = false; + +/***/ }), +/* 57 */ +/***/ (function(module, exports) { + +exports.f = Object.getOwnPropertySymbols; + +/***/ }), +/* 58 */ +/***/ (function(module, exports, __webpack_require__) { + +var redefine = __webpack_require__(33); +module.exports = function(target, src, safe){ + for(var key in src)redefine(target, key, src[key], safe); + return target; +}; + +/***/ }), +/* 59 */ +/***/ (function(module, exports, __webpack_require__) { + +var toInteger = __webpack_require__(60) + , max = Math.max + , min = Math.min; +module.exports = function(index, length){ + index = toInteger(index); + return index < 0 ? max(index + length, 0) : min(index, length); +}; + +/***/ }), +/* 60 */ +/***/ (function(module, exports) { + +// 7.1.4 ToInteger +var ceil = Math.ceil + , floor = Math.floor; +module.exports = function(it){ + return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); +}; + +/***/ }), +/* 61 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE_61__; + +/***/ }), +/* 62 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.getRegisteredCellTypes = exports.getRegisteredCellTypeNames = exports.hasCellType = exports.getCellType = exports.registerCellType = undefined; + +var _staticRegister2 = __webpack_require__(50); + +var _staticRegister3 = _interopRequireDefault(_staticRegister2); + +var _editors = __webpack_require__(14); + +var _renderers = __webpack_require__(9); + +var _validators = __webpack_require__(26); + +var _autocompleteType = __webpack_require__(189); + +var _autocompleteType2 = _interopRequireDefault(_autocompleteType); + +var _checkboxType = __webpack_require__(190); + +var _checkboxType2 = _interopRequireDefault(_checkboxType); + +var _dateType = __webpack_require__(191); + +var _dateType2 = _interopRequireDefault(_dateType); + +var _dropdownType = __webpack_require__(192); + +var _dropdownType2 = _interopRequireDefault(_dropdownType); + +var _handsontableType = __webpack_require__(193); + +var _handsontableType2 = _interopRequireDefault(_handsontableType); + +var _numericType = __webpack_require__(194); + +var _numericType2 = _interopRequireDefault(_numericType); + +var _passwordType = __webpack_require__(195); + +var _passwordType2 = _interopRequireDefault(_passwordType); + +var _textType = __webpack_require__(196); + +var _textType2 = _interopRequireDefault(_textType); + +var _timeType = __webpack_require__(197); + +var _timeType2 = _interopRequireDefault(_timeType); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var _staticRegister = (0, _staticRegister3.default)('cellTypes'), + register = _staticRegister.register, + getItem = _staticRegister.getItem, + hasItem = _staticRegister.hasItem, + getNames = _staticRegister.getNames, + getValues = _staticRegister.getValues; + +_register('autocomplete', _autocompleteType2.default); +_register('checkbox', _checkboxType2.default); +_register('date', _dateType2.default); +_register('dropdown', _dropdownType2.default); +_register('handsontable', _handsontableType2.default); +_register('numeric', _numericType2.default); +_register('password', _passwordType2.default); +_register('text', _textType2.default); +_register('time', _timeType2.default); + +/** + * Retrieve cell type object. + * + * @param {String} name Cell type identification. + * @returns {Object} Returns cell type object. + */ +function _getItem(name) { + if (!hasItem(name)) { + throw Error('You declared cell type "' + name + '" as a string that is not mapped to a known object.\n Cell type must be an object or a string mapped to an object registered by "Handsontable.cellTypes.registerCellType" method'); + } + + return getItem(name); +} + +/** + * Register cell type under specified name. + * + * @param {String} name Cell type identification. + * @param {Object} type An object with contains keys (eq: `editor`, `renderer`, `validator`) which describes specified behaviour of the cell. + */ +function _register(name, type) { + var editor = type.editor, + renderer = type.renderer, + validator = type.validator; + + + if (editor) { + (0, _editors.registerEditor)(name, editor); + } + if (renderer) { + (0, _renderers.registerRenderer)(name, renderer); + } + if (validator) { + (0, _validators.registerValidator)(name, validator); + } + + register(name, type); +} + +exports.registerCellType = _register; +exports.getCellType = _getItem; +exports.hasCellType = hasItem; +exports.getRegisteredCellTypeNames = getNames; +exports.getRegisteredCellTypes = getValues; + +/***/ }), +/* 63 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +exports.default = Core; + +var _numbro = __webpack_require__(87); + +var _numbro2 = _interopRequireDefault(_numbro); + +var _element = __webpack_require__(0); + +var _setting = __webpack_require__(65); + +var _function = __webpack_require__(35); + +var _mixed = __webpack_require__(20); + +var _browser = __webpack_require__(25); + +var _dataMap = __webpack_require__(198); + +var _dataMap2 = _interopRequireDefault(_dataMap); + +var _editorManager = __webpack_require__(200); + +var _editorManager2 = _interopRequireDefault(_editorManager); + +var _eventManager = __webpack_require__(4); + +var _eventManager2 = _interopRequireDefault(_eventManager); + +var _object = __webpack_require__(1); + +var _array = __webpack_require__(2); + +var _plugins = __webpack_require__(5); + +var _renderers = __webpack_require__(9); + +var _validators = __webpack_require__(26); + +var _string = __webpack_require__(27); + +var _number = __webpack_require__(6); + +var _tableView = __webpack_require__(269); + +var _tableView2 = _interopRequireDefault(_tableView); + +var _dataSource = __webpack_require__(199); + +var _dataSource2 = _interopRequireDefault(_dataSource); + +var _data = __webpack_require__(64); + +var _recordTranslator = __webpack_require__(153); + +var _src = __webpack_require__(11); + +var _pluginHooks = __webpack_require__(8); + +var _pluginHooks2 = _interopRequireDefault(_pluginHooks); + +var _defaultSettings = __webpack_require__(88); + +var _defaultSettings2 = _interopRequireDefault(_defaultSettings); + +var _cellTypes = __webpack_require__(62); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } + +var activeGuid = null; + +/** + * Handsontable constructor + * + * @core + * @dependencies numbro + * @constructor Core + * @description + * + * After Handsontable is constructed, you can modify the grid behavior using the available public methods. + * + * --- + * ## How to call methods + * + * These are 2 equal ways to call a Handsontable method: + * + * ```js + * // all following examples assume that you constructed Handsontable like this + * var ht = new Handsontable(document.getElementById('example1'), options); + * + * // now, to use setDataAtCell method, you can either: + * ht.setDataAtCell(0, 0, 'new value'); + * ``` + * + * Alternatively, you can call the method using jQuery wrapper (__obsolete__, requires initialization using our jQuery guide + * ```js + * $('#example1').handsontable('setDataAtCell', 0, 0, 'new value'); + * ``` + * --- + */ +function Core(rootElement, userSettings) { + var priv, + datamap, + dataSource, + grid, + selection, + editorManager, + instance = this, + GridSettings = function GridSettings() {}, + eventManager = new _eventManager2.default(instance); + + (0, _object.extend)(GridSettings.prototype, _defaultSettings2.default.prototype); // create grid settings as a copy of default settings + (0, _object.extend)(GridSettings.prototype, userSettings); // overwrite defaults with user settings + (0, _object.extend)(GridSettings.prototype, expandType(userSettings)); + + this.rootElement = rootElement; + this.isHotTableEnv = (0, _element.isChildOfWebComponentTable)(this.rootElement); + _eventManager2.default.isHotTableEnv = this.isHotTableEnv; + + this.container = document.createElement('DIV'); + this.renderCall = false; + + rootElement.insertBefore(this.container, rootElement.firstChild); + + this.guid = 'ht_' + (0, _string.randomString)(); // this is the namespace for global events + + var recordTranslator = (0, _recordTranslator.getTranslator)(instance); + + dataSource = new _dataSource2.default(instance); + + if (!this.rootElement.id || this.rootElement.id.substring(0, 3) === 'ht_') { + this.rootElement.id = this.guid; // if root element does not have an id, assign a random id + } + priv = { + cellSettings: [], + columnSettings: [], + columnsSettingConflicts: ['data', 'width'], + settings: new GridSettings(), // current settings instance + selRange: null, // exposed by public method `getSelectedRange` + isPopulated: null, + scrollable: null, + firstRun: true + }; + + grid = { + /** + * Inserts or removes rows and columns + * + * @memberof Core# + * @function alter + * @private + * @param {String} action Possible values: "insert_row", "insert_col", "remove_row", "remove_col" + * @param {Number} index + * @param {Number} amount + * @param {String} [source] Optional. Source of hook runner. + * @param {Boolean} [keepEmptyRows] Optional. Flag for preventing deletion of empty rows. + */ + alter: function alter(action, index, amount, source, keepEmptyRows) { + var delta; + + amount = amount || 1; + + function spliceWith(data, index, count, toInject) { + var valueFactory = function valueFactory() { + var result = void 0; + + if (toInject === 'array') { + result = []; + } else if (toInject === 'object') { + result = {}; + } + + return result; + }; + var spliceArgs = (0, _array.arrayMap)(new Array(count), function () { + return valueFactory(); + }); + + spliceArgs.unshift(index, 0); + data.splice.apply(data, _toConsumableArray(spliceArgs)); + } + + /* eslint-disable no-case-declarations */ + switch (action) { + case 'insert_row': + + var numberOfSourceRows = instance.countSourceRows(); + + if (instance.getSettings().maxRows === numberOfSourceRows) { + return; + } + + index = (0, _mixed.isDefined)(index) ? index : numberOfSourceRows; + + delta = datamap.createRow(index, amount, source); + spliceWith(priv.cellSettings, index, amount, 'array'); + + if (delta) { + if (selection.isSelected() && priv.selRange.from.row >= index) { + priv.selRange.from.row += delta; + selection.transformEnd(delta, 0); // will call render() internally + } else { + selection.refreshBorders(); // it will call render and prepare methods + } + } + break; + + case 'insert_col': + delta = datamap.createCol(index, amount, source); + + for (var row = 0, len = instance.countSourceRows(); row < len; row++) { + if (priv.cellSettings[row]) { + spliceWith(priv.cellSettings[row], index, amount); + } + } + + if (delta) { + if (Array.isArray(instance.getSettings().colHeaders)) { + var spliceArray = [index, 0]; + spliceArray.length += delta; // inserts empty (undefined) elements at the end of an array + Array.prototype.splice.apply(instance.getSettings().colHeaders, spliceArray); // inserts empty (undefined) elements into the colHeader array + } + + if (selection.isSelected() && priv.selRange.from.col >= index) { + priv.selRange.from.col += delta; + selection.transformEnd(0, delta); // will call render() internally + } else { + selection.refreshBorders(); // it will call render and prepare methods + } + } + break; + + case 'remove_row': + datamap.removeRow(index, amount, source); + priv.cellSettings.splice(index, amount); + + var totalRows = instance.countRows(); + var fixedRowsTop = instance.getSettings().fixedRowsTop; + if (fixedRowsTop >= index + 1) { + instance.getSettings().fixedRowsTop -= Math.min(amount, fixedRowsTop - index); + } + + var fixedRowsBottom = instance.getSettings().fixedRowsBottom; + if (fixedRowsBottom && index >= totalRows - fixedRowsBottom) { + instance.getSettings().fixedRowsBottom -= Math.min(amount, fixedRowsBottom); + } + + grid.adjustRowsAndCols(); + selection.refreshBorders(); // it will call render and prepare methods + break; + + case 'remove_col': + var visualColumnIndex = recordTranslator.toPhysicalColumn(index); + + datamap.removeCol(index, amount, source); + + for (var _row = 0, _len = instance.countSourceRows(); _row < _len; _row++) { + if (priv.cellSettings[_row]) { + // if row hasn't been rendered it wouldn't have cellSettings + priv.cellSettings[_row].splice(visualColumnIndex, amount); + } + } + var fixedColumnsLeft = instance.getSettings().fixedColumnsLeft; + + if (fixedColumnsLeft >= index + 1) { + instance.getSettings().fixedColumnsLeft -= Math.min(amount, fixedColumnsLeft - index); + } + + if (Array.isArray(instance.getSettings().colHeaders)) { + if (typeof visualColumnIndex === 'undefined') { + visualColumnIndex = -1; + } + instance.getSettings().colHeaders.splice(visualColumnIndex, amount); + } + + grid.adjustRowsAndCols(); + selection.refreshBorders(); // it will call render and prepare methods + + break; + default: + throw new Error('There is no such action "' + action + '"'); + } + + if (!keepEmptyRows) { + grid.adjustRowsAndCols(); // makes sure that we did not add rows that will be removed in next refresh + } + }, + + + /** + * Makes sure there are empty rows at the bottom of the table + */ + adjustRowsAndCols: function adjustRowsAndCols() { + if (priv.settings.minRows) { + // should I add empty rows to data source to meet minRows? + var rows = instance.countRows(); + + if (rows < priv.settings.minRows) { + for (var r = 0, minRows = priv.settings.minRows; r < minRows - rows; r++) { + datamap.createRow(instance.countRows(), 1, 'auto'); + } + } + } + if (priv.settings.minSpareRows) { + var emptyRows = instance.countEmptyRows(true); + + // should I add empty rows to meet minSpareRows? + if (emptyRows < priv.settings.minSpareRows) { + for (; emptyRows < priv.settings.minSpareRows && instance.countSourceRows() < priv.settings.maxRows; emptyRows++) { + datamap.createRow(instance.countRows(), 1, 'auto'); + } + } + } + { + var emptyCols = void 0; + + // count currently empty cols + if (priv.settings.minCols || priv.settings.minSpareCols) { + emptyCols = instance.countEmptyCols(true); + } + + // should I add empty cols to meet minCols? + if (priv.settings.minCols && !priv.settings.columns && instance.countCols() < priv.settings.minCols) { + for (; instance.countCols() < priv.settings.minCols; emptyCols++) { + datamap.createCol(instance.countCols(), 1, 'auto'); + } + } + // should I add empty cols to meet minSpareCols? + if (priv.settings.minSpareCols && !priv.settings.columns && instance.dataType === 'array' && emptyCols < priv.settings.minSpareCols) { + for (; emptyCols < priv.settings.minSpareCols && instance.countCols() < priv.settings.maxCols; emptyCols++) { + datamap.createCol(instance.countCols(), 1, 'auto'); + } + } + } + var rowCount = instance.countRows(); + var colCount = instance.countCols(); + + if (rowCount === 0 || colCount === 0) { + selection.deselect(); + } + + if (selection.isSelected()) { + var selectionChanged = false; + var fromRow = priv.selRange.from.row; + var fromCol = priv.selRange.from.col; + var toRow = priv.selRange.to.row; + var toCol = priv.selRange.to.col; + + // if selection is outside, move selection to last row + if (fromRow > rowCount - 1) { + fromRow = rowCount - 1; + selectionChanged = true; + + if (toRow > fromRow) { + toRow = fromRow; + } + } else if (toRow > rowCount - 1) { + toRow = rowCount - 1; + selectionChanged = true; + + if (fromRow > toRow) { + fromRow = toRow; + } + } + // if selection is outside, move selection to last row + if (fromCol > colCount - 1) { + fromCol = colCount - 1; + selectionChanged = true; + + if (toCol > fromCol) { + toCol = fromCol; + } + } else if (toCol > colCount - 1) { + toCol = colCount - 1; + selectionChanged = true; + + if (fromCol > toCol) { + fromCol = toCol; + } + } + + if (selectionChanged) { + instance.selectCell(fromRow, fromCol, toRow, toCol); + } + } + if (instance.view) { + instance.view.wt.wtOverlays.adjustElementsSize(); + } + }, + + + /** + * Populate the data from the provided 2d array from the given cell coordinates. + * + * @private + * @param {Object} start Start selection position. Visual indexes. + * @param {Array} input 2d data array. + * @param {Object} [end] End selection position (only for drag-down mode). Visual indexes. + * @param {String} [source="populateFromArray"] Source information string. + * @param {String} [method="overwrite"] Populate method. Possible options: `shift_down`, `shift_right`, `overwrite`. + * @param {String} direction (left|right|up|down) String specifying the direction. + * @param {Array} deltas The deltas array. A difference between values of adjacent cells. + * Useful **only** when the type of handled cells is `numeric`. + * @returns {Object|undefined} ending td in pasted area (only if any cell was changed). + */ + populateFromArray: function populateFromArray(start, input, end, source, method, direction, deltas) { + // TODO: either remove or implement the `direction` argument. Currently it's not working at all. + var r, + rlen, + c, + clen, + setData = [], + current = {}; + + rlen = input.length; + + if (rlen === 0) { + return false; + } + + var repeatCol, + repeatRow, + cmax, + rmax, + baseEnd = { + row: end === null ? null : end.row, + col: end === null ? null : end.col + }; + + /* eslint-disable no-case-declarations */ + // insert data with specified pasteMode method + switch (method) { + case 'shift_down': + repeatCol = end ? end.col - start.col + 1 : 0; + repeatRow = end ? end.row - start.row + 1 : 0; + input = (0, _data.translateRowsToColumns)(input); + for (c = 0, clen = input.length, cmax = Math.max(clen, repeatCol); c < cmax; c++) { + if (c < clen) { + var _instance; + + for (r = 0, rlen = input[c].length; r < repeatRow - rlen; r++) { + input[c].push(input[c][r % rlen]); + } + input[c].unshift(start.col + c, start.row, 0); + (_instance = instance).spliceCol.apply(_instance, _toConsumableArray(input[c])); + } else { + var _instance2; + + input[c % clen][0] = start.col + c; + (_instance2 = instance).spliceCol.apply(_instance2, _toConsumableArray(input[c % clen])); + } + } + break; + + case 'shift_right': + repeatCol = end ? end.col - start.col + 1 : 0; + repeatRow = end ? end.row - start.row + 1 : 0; + for (r = 0, rlen = input.length, rmax = Math.max(rlen, repeatRow); r < rmax; r++) { + if (r < rlen) { + var _instance3; + + for (c = 0, clen = input[r].length; c < repeatCol - clen; c++) { + input[r].push(input[r][c % clen]); + } + input[r].unshift(start.row + r, start.col, 0); + (_instance3 = instance).spliceRow.apply(_instance3, _toConsumableArray(input[r])); + } else { + var _instance4; + + input[r % rlen][0] = start.row + r; + (_instance4 = instance).spliceRow.apply(_instance4, _toConsumableArray(input[r % rlen])); + } + } + break; + + case 'overwrite': + default: + // overwrite and other not specified options + current.row = start.row; + current.col = start.col; + + var selected = { // selected range + row: end && start ? end.row - start.row + 1 : 1, + col: end && start ? end.col - start.col + 1 : 1 + }; + var skippedRow = 0; + var skippedColumn = 0; + var pushData = true; + var cellMeta = void 0; + + var getInputValue = function getInputValue(row) { + var col = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; + + var rowValue = input[row % input.length]; + + if (col !== null) { + return rowValue[col % rowValue.length]; + } + + return rowValue; + }; + var rowInputLength = input.length; + var rowSelectionLength = end ? end.row - start.row + 1 : 0; + + if (end) { + rlen = rowSelectionLength; + } else { + rlen = Math.max(rowInputLength, rowSelectionLength); + } + for (r = 0; r < rlen; r++) { + if (end && current.row > end.row && rowSelectionLength > rowInputLength || !priv.settings.allowInsertRow && current.row > instance.countRows() - 1 || current.row >= priv.settings.maxRows) { + break; + } + var visualRow = r - skippedRow; + var colInputLength = getInputValue(visualRow).length; + var colSelectionLength = end ? end.col - start.col + 1 : 0; + + if (end) { + clen = colSelectionLength; + } else { + clen = Math.max(colInputLength, colSelectionLength); + } + current.col = start.col; + cellMeta = instance.getCellMeta(current.row, current.col); + + if ((source === 'CopyPaste.paste' || source === 'Autofill.autofill') && cellMeta.skipRowOnPaste) { + skippedRow++; + current.row++; + rlen++; + /* eslint-disable no-continue */ + continue; + } + skippedColumn = 0; + + for (c = 0; c < clen; c++) { + if (end && current.col > end.col && colSelectionLength > colInputLength || !priv.settings.allowInsertColumn && current.col > instance.countCols() - 1 || current.col >= priv.settings.maxCols) { + break; + } + cellMeta = instance.getCellMeta(current.row, current.col); + + if ((source === 'CopyPaste.paste' || source === 'Autofill.fill') && cellMeta.skipColumnOnPaste) { + skippedColumn++; + current.col++; + clen++; + continue; + } + if (cellMeta.readOnly) { + current.col++; + /* eslint-disable no-continue */ + continue; + } + var visualColumn = c - skippedColumn; + var value = getInputValue(visualRow, visualColumn); + var orgValue = instance.getDataAtCell(current.row, current.col); + var index = { + row: visualRow, + col: visualColumn + }; + + if (source === 'Autofill.fill') { + var result = instance.runHooks('beforeAutofillInsidePopulate', index, direction, input, deltas, {}, selected); + + if (result) { + value = (0, _mixed.isUndefined)(result.value) ? value : result.value; + } + } + if (value !== null && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') { + if (orgValue === null || (typeof orgValue === 'undefined' ? 'undefined' : _typeof(orgValue)) !== 'object') { + pushData = false; + } else { + var orgValueSchema = (0, _object.duckSchema)(orgValue[0] || orgValue); + var valueSchema = (0, _object.duckSchema)(value[0] || value); + + /* eslint-disable max-depth */ + if ((0, _object.isObjectEquals)(orgValueSchema, valueSchema)) { + value = (0, _object.deepClone)(value); + } else { + pushData = false; + } + } + } else if (orgValue !== null && (typeof orgValue === 'undefined' ? 'undefined' : _typeof(orgValue)) === 'object') { + pushData = false; + } + if (pushData) { + setData.push([current.row, current.col, value]); + } + pushData = true; + current.col++; + } + current.row++; + } + instance.setDataAtCell(setData, null, null, source || 'populateFromArray'); + break; + } + } + }; + + /* eslint-disable no-multi-assign */ + this.selection = selection = { // this public assignment is only temporary + inProgress: false, + + selectedHeader: { + cols: false, + rows: false + }, + + /** + * @param {Boolean} [rows=false] + * @param {Boolean} [cols=false] + * @param {Boolean} [corner=false] + */ + setSelectedHeaders: function setSelectedHeaders() { + var rows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + var cols = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + var corner = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + + instance.selection.selectedHeader.rows = rows; + instance.selection.selectedHeader.cols = cols; + instance.selection.selectedHeader.corner = corner; + }, + + + /** + * Sets inProgress to `true`. This enables onSelectionEnd and onSelectionEndByProp to function as desired. + */ + begin: function begin() { + instance.selection.inProgress = true; + }, + + + /** + * Sets inProgress to `false`. Triggers onSelectionEnd and onSelectionEndByProp. + */ + finish: function finish() { + var sel = instance.getSelected(); + instance.runHooks('afterSelectionEnd', sel[0], sel[1], sel[2], sel[3]); + instance.runHooks('afterSelectionEndByProp', sel[0], instance.colToProp(sel[1]), sel[2], instance.colToProp(sel[3])); + instance.selection.inProgress = false; + }, + + + /** + * @returns {Boolean} + */ + isInProgress: function isInProgress() { + return instance.selection.inProgress; + }, + + + /** + * Starts selection range on given td object. + * + * @param {CellCoords} coords Visual coords. + * @param keepEditorOpened + */ + setRangeStart: function setRangeStart(coords, keepEditorOpened) { + instance.runHooks('beforeSetRangeStart', coords); + priv.selRange = new _src.CellRange(coords, coords, coords); + selection.setRangeEnd(coords, null, keepEditorOpened); + }, + + + /** + * Starts selection range on given td object. + * + * @param {CellCoords} coords Visual coords. + * @param keepEditorOpened + */ + setRangeStartOnly: function setRangeStartOnly(coords) { + instance.runHooks('beforeSetRangeStartOnly', coords); + priv.selRange = new _src.CellRange(coords, coords, coords); + }, + + + /** + * Ends selection range on given td object. + * + * @param {CellCoords} coords Visual coords. + * @param {Boolean} [scrollToCell=true] If `true`, viewport will be scrolled to range end + * @param {Boolean} [keepEditorOpened] If `true`, cell editor will be still opened after changing selection range + */ + setRangeEnd: function setRangeEnd(coords, scrollToCell, keepEditorOpened) { + if (priv.selRange === null) { + return; + } + var disableVisualSelection, + isHeaderSelected = false, + areCoordsPositive = true; + + var firstVisibleRow = instance.view.wt.wtTable.getFirstVisibleRow(); + var firstVisibleColumn = instance.view.wt.wtTable.getFirstVisibleColumn(); + var newRangeCoords = { + row: null, + col: null + }; + + // trigger handlers + instance.runHooks('beforeSetRangeEnd', coords); + instance.selection.begin(); + + newRangeCoords.row = coords.row < 0 ? firstVisibleRow : coords.row; + newRangeCoords.col = coords.col < 0 ? firstVisibleColumn : coords.col; + + priv.selRange.to = new _src.CellCoords(newRangeCoords.row, newRangeCoords.col); + + if (!priv.settings.multiSelect) { + priv.selRange.from = coords; + } + // set up current selection + instance.view.wt.selections.current.clear(); + + disableVisualSelection = instance.getCellMeta(priv.selRange.highlight.row, priv.selRange.highlight.col).disableVisualSelection; + + if (typeof disableVisualSelection === 'string') { + disableVisualSelection = [disableVisualSelection]; + } + + if (disableVisualSelection === false || Array.isArray(disableVisualSelection) && disableVisualSelection.indexOf('current') === -1) { + instance.view.wt.selections.current.add(priv.selRange.highlight); + } + // set up area selection + instance.view.wt.selections.area.clear(); + + if ((disableVisualSelection === false || Array.isArray(disableVisualSelection) && disableVisualSelection.indexOf('area') === -1) && selection.isMultiple()) { + instance.view.wt.selections.area.add(priv.selRange.from); + instance.view.wt.selections.area.add(priv.selRange.to); + } + // set up highlight + if (priv.settings.currentHeaderClassName || priv.settings.currentRowClassName || priv.settings.currentColClassName) { + instance.view.wt.selections.highlight.clear(); + instance.view.wt.selections.highlight.add(priv.selRange.from); + instance.view.wt.selections.highlight.add(priv.selRange.to); + } + + var preventScrolling = (0, _object.createObjectPropListener)('value'); + + // trigger handlers + instance.runHooks('afterSelection', priv.selRange.from.row, priv.selRange.from.col, priv.selRange.to.row, priv.selRange.to.col, preventScrolling); + instance.runHooks('afterSelectionByProp', priv.selRange.from.row, datamap.colToProp(priv.selRange.from.col), priv.selRange.to.row, datamap.colToProp(priv.selRange.to.col), preventScrolling); + + if (priv.selRange.from.row === 0 && priv.selRange.to.row === instance.countRows() - 1 && instance.countRows() > 1 || priv.selRange.from.col === 0 && priv.selRange.to.col === instance.countCols() - 1 && instance.countCols() > 1) { + isHeaderSelected = true; + } + + if (coords.row < 0 || coords.col < 0) { + areCoordsPositive = false; + } + + if (preventScrolling.isTouched()) { + scrollToCell = !preventScrolling.value; + } + + if (scrollToCell !== false && !isHeaderSelected && areCoordsPositive) { + if (priv.selRange.from && !selection.isMultiple()) { + instance.view.scrollViewport(priv.selRange.from); + } else { + instance.view.scrollViewport(coords); + } + } + + if (selection.selectedHeader.rows && selection.selectedHeader.cols) { + (0, _element.addClass)(instance.rootElement, ['ht__selection--rows', 'ht__selection--columns']); + } else if (selection.selectedHeader.rows) { + (0, _element.removeClass)(instance.rootElement, 'ht__selection--columns'); + (0, _element.addClass)(instance.rootElement, 'ht__selection--rows'); + } else if (selection.selectedHeader.cols) { + (0, _element.removeClass)(instance.rootElement, 'ht__selection--rows'); + (0, _element.addClass)(instance.rootElement, 'ht__selection--columns'); + } else { + (0, _element.removeClass)(instance.rootElement, ['ht__selection--rows', 'ht__selection--columns']); + } + + selection.refreshBorders(null, keepEditorOpened); + }, + + + /** + * Destroys editor, redraws borders around cells, prepares editor. + * + * @param {Boolean} [revertOriginal] + * @param {Boolean} [keepEditor] + */ + refreshBorders: function refreshBorders(revertOriginal, keepEditor) { + if (!keepEditor) { + editorManager.destroyEditor(revertOriginal); + } + instance.view.render(); + + if (selection.isSelected() && !keepEditor) { + editorManager.prepareEditor(); + } + }, + + + /** + * Returns information if we have a multiselection. + * + * @returns {Boolean} + */ + isMultiple: function isMultiple() { + var isMultiple = !(priv.selRange.to.col === priv.selRange.from.col && priv.selRange.to.row === priv.selRange.from.row), + modifier = instance.runHooks('afterIsMultipleSelection', isMultiple); + + if (isMultiple) { + return modifier; + } + }, + + + /** + * Selects cell relative to current cell (if possible). + */ + transformStart: function transformStart(rowDelta, colDelta, force, keepEditorOpened) { + var delta = new _src.CellCoords(rowDelta, colDelta), + rowTransformDir = 0, + colTransformDir = 0, + totalRows, + totalCols, + coords, + fixedRowsBottom; + + instance.runHooks('modifyTransformStart', delta); + totalRows = instance.countRows(); + totalCols = instance.countCols(); + fixedRowsBottom = instance.getSettings().fixedRowsBottom; + + if (priv.selRange.highlight.row + rowDelta > totalRows - 1) { + if (force && priv.settings.minSpareRows > 0 && !(fixedRowsBottom && priv.selRange.highlight.row >= totalRows - fixedRowsBottom - 1)) { + instance.alter('insert_row', totalRows); + totalRows = instance.countRows(); + } else if (priv.settings.autoWrapCol) { + delta.row = 1 - totalRows; + delta.col = priv.selRange.highlight.col + delta.col == totalCols - 1 ? 1 - totalCols : 1; + } + } else if (priv.settings.autoWrapCol && priv.selRange.highlight.row + delta.row < 0 && priv.selRange.highlight.col + delta.col >= 0) { + delta.row = totalRows - 1; + delta.col = priv.selRange.highlight.col + delta.col == 0 ? totalCols - 1 : -1; + } + + if (priv.selRange.highlight.col + delta.col > totalCols - 1) { + if (force && priv.settings.minSpareCols > 0) { + instance.alter('insert_col', totalCols); + totalCols = instance.countCols(); + } else if (priv.settings.autoWrapRow) { + delta.row = priv.selRange.highlight.row + delta.row == totalRows - 1 ? 1 - totalRows : 1; + delta.col = 1 - totalCols; + } + } else if (priv.settings.autoWrapRow && priv.selRange.highlight.col + delta.col < 0 && priv.selRange.highlight.row + delta.row >= 0) { + delta.row = priv.selRange.highlight.row + delta.row == 0 ? totalRows - 1 : -1; + delta.col = totalCols - 1; + } + + coords = new _src.CellCoords(priv.selRange.highlight.row + delta.row, priv.selRange.highlight.col + delta.col); + + if (coords.row < 0) { + rowTransformDir = -1; + coords.row = 0; + } else if (coords.row > 0 && coords.row >= totalRows) { + rowTransformDir = 1; + coords.row = totalRows - 1; + } + + if (coords.col < 0) { + colTransformDir = -1; + coords.col = 0; + } else if (coords.col > 0 && coords.col >= totalCols) { + colTransformDir = 1; + coords.col = totalCols - 1; + } + instance.runHooks('afterModifyTransformStart', coords, rowTransformDir, colTransformDir); + selection.setRangeStart(coords, keepEditorOpened); + }, + + + /** + * Sets selection end cell relative to current selection end cell (if possible). + */ + transformEnd: function transformEnd(rowDelta, colDelta) { + var delta = new _src.CellCoords(rowDelta, colDelta), + rowTransformDir = 0, + colTransformDir = 0, + totalRows, + totalCols, + coords; + + instance.runHooks('modifyTransformEnd', delta); + + totalRows = instance.countRows(); + totalCols = instance.countCols(); + coords = new _src.CellCoords(priv.selRange.to.row + delta.row, priv.selRange.to.col + delta.col); + + if (coords.row < 0) { + rowTransformDir = -1; + coords.row = 0; + } else if (coords.row > 0 && coords.row >= totalRows) { + rowTransformDir = 1; + coords.row = totalRows - 1; + } + + if (coords.col < 0) { + colTransformDir = -1; + coords.col = 0; + } else if (coords.col > 0 && coords.col >= totalCols) { + colTransformDir = 1; + coords.col = totalCols - 1; + } + instance.runHooks('afterModifyTransformEnd', coords, rowTransformDir, colTransformDir); + selection.setRangeEnd(coords, true); + }, + + + /** + * Returns `true` if currently there is a selection on screen, `false` otherwise. + * + * @returns {Boolean} + */ + isSelected: function isSelected() { + return priv.selRange !== null; + }, + + + /** + * Returns `true` if coords is within current selection coords. + * + * @param {CellCoords} coords + * @returns {Boolean} + */ + inInSelection: function inInSelection(coords) { + if (!selection.isSelected()) { + return false; + } + + return priv.selRange.includes(coords); + }, + + + /** + * Deselects all selected cells + */ + deselect: function deselect() { + if (!selection.isSelected()) { + return; + } + instance.selection.inProgress = false; // needed by HT inception + priv.selRange = null; + instance.view.wt.selections.current.clear(); + instance.view.wt.selections.area.clear(); + if (priv.settings.currentHeaderClassName || priv.settings.currentRowClassName || priv.settings.currentColClassName) { + instance.view.wt.selections.highlight.clear(); + } + editorManager.destroyEditor(); + selection.refreshBorders(); + (0, _element.removeClass)(instance.rootElement, ['ht__selection--rows', 'ht__selection--columns']); + instance.runHooks('afterDeselect'); + }, + + + /** + * Select all cells + */ + selectAll: function selectAll() { + if (!priv.settings.multiSelect) { + return; + } + selection.setSelectedHeaders(true, true, true); + selection.setRangeStart(new _src.CellCoords(0, 0)); + selection.setRangeEnd(new _src.CellCoords(instance.countRows() - 1, instance.countCols() - 1), false); + }, + + + /** + * Deletes data from selected cells + */ + empty: function empty() { + if (!selection.isSelected()) { + return; + } + var topLeft = priv.selRange.getTopLeftCorner(); + var bottomRight = priv.selRange.getBottomRightCorner(); + var r, + c, + changes = []; + + for (r = topLeft.row; r <= bottomRight.row; r++) { + for (c = topLeft.col; c <= bottomRight.col; c++) { + if (!instance.getCellMeta(r, c).readOnly) { + changes.push([r, c, '']); + } + } + } + instance.setDataAtCell(changes); + } + }; + + this.init = function () { + dataSource.setData(priv.settings.data); + instance.runHooks('beforeInit'); + + if ((0, _browser.isMobileBrowser)()) { + (0, _element.addClass)(instance.rootElement, 'mobile'); + } + + this.updateSettings(priv.settings, true); + + this.view = new _tableView2.default(this); + editorManager = new _editorManager2.default(instance, priv, selection, datamap); + + this.forceFullRender = true; // used when data was changed + + instance.runHooks('init'); + this.view.render(); + + if (_typeof(priv.firstRun) === 'object') { + instance.runHooks('afterChange', priv.firstRun[0], priv.firstRun[1]); + priv.firstRun = false; + } + instance.runHooks('afterInit'); + }; + + function ValidatorsQueue() { + // moved this one level up so it can be used in any function here. Probably this should be moved to a separate file + var resolved = false; + + return { + validatorsInQueue: 0, + valid: true, + addValidatorToQueue: function addValidatorToQueue() { + this.validatorsInQueue++; + resolved = false; + }, + removeValidatorFormQueue: function removeValidatorFormQueue() { + this.validatorsInQueue = this.validatorsInQueue - 1 < 0 ? 0 : this.validatorsInQueue - 1; + this.checkIfQueueIsEmpty(); + }, + onQueueEmpty: function onQueueEmpty(valid) {}, + checkIfQueueIsEmpty: function checkIfQueueIsEmpty() { + if (this.validatorsInQueue == 0 && resolved == false) { + resolved = true; + this.onQueueEmpty(this.valid); + } + } + }; + } + + function validateChanges(changes, source, callback) { + var waitingForValidator = new ValidatorsQueue(); + waitingForValidator.onQueueEmpty = resolve; + + for (var i = changes.length - 1; i >= 0; i--) { + if (changes[i] === null) { + changes.splice(i, 1); + } else { + var row = changes[i][0]; + var col = datamap.propToCol(changes[i][1]); + + var cellProperties = instance.getCellMeta(row, col); + + if (cellProperties.type === 'numeric' && typeof changes[i][3] === 'string') { + if (changes[i][3].length > 0 && (/^-?[\d\s]*(\.|,)?\d*$/.test(changes[i][3]) || cellProperties.format)) { + var len = changes[i][3].length; + + if ((0, _mixed.isUndefined)(cellProperties.language)) { + _numbro2.default.culture('en-US'); + } else if (changes[i][3].indexOf('.') === len - 3 && changes[i][3].indexOf(',') === -1) { + // this input in format XXXX.XX is likely to come from paste. Let's parse it using international rules + _numbro2.default.culture('en-US'); + } else { + + _numbro2.default.culture(cellProperties.language); + } + + var _numbro$cultureData = _numbro2.default.cultureData(_numbro2.default.culture()), + delimiters = _numbro$cultureData.delimiters; + + // try to parse to float - https://github.com/foretagsplatsen/numbro/pull/183 + + + if (_numbro2.default.validate(changes[i][3]) && !isNaN(changes[i][3])) { + changes[i][3] = parseFloat(changes[i][3]); + } else { + changes[i][3] = (0, _numbro2.default)().unformat(changes[i][3]) || changes[i][3]; + } + } + } + + /* eslint-disable no-loop-func */ + if (instance.getCellValidator(cellProperties)) { + waitingForValidator.addValidatorToQueue(); + instance.validateCell(changes[i][3], cellProperties, function (i, cellProperties) { + return function (result) { + if (typeof result !== 'boolean') { + throw new Error('Validation error: result is not boolean'); + } + if (result === false && cellProperties.allowInvalid === false) { + changes.splice(i, 1); // cancel the change + cellProperties.valid = true; // we cancelled the change, so cell value is still valid + var cell = instance.getCell(cellProperties.row, cellProperties.col); + (0, _element.removeClass)(cell, instance.getSettings().invalidCellClassName); + --i; + } + waitingForValidator.removeValidatorFormQueue(); + }; + }(i, cellProperties), source); + } + } + } + waitingForValidator.checkIfQueueIsEmpty(); + + function resolve() { + var beforeChangeResult; + + if (changes.length) { + beforeChangeResult = instance.runHooks('beforeChange', changes, source); + if ((0, _function.isFunction)(beforeChangeResult)) { + console.warn('Your beforeChange callback returns a function. It\'s not supported since Handsontable 0.12.1 (and the returned function will not be executed).'); + } else if (beforeChangeResult === false) { + changes.splice(0, changes.length); // invalidate all changes (remove everything from array) + } + } + callback(); // called when async validators are resolved and beforeChange was not async + } + } + + /** + * Internal function to apply changes. Called after validateChanges + * + * @private + * @param {Array} changes Array in form of [row, prop, oldValue, newValue] + * @param {String} source String that identifies how this change will be described in changes array (useful in onChange callback) + * @fires Hooks#beforeChangeRender + * @fires Hooks#afterChange + */ + function applyChanges(changes, source) { + var i = changes.length - 1; + + if (i < 0) { + return; + } + + for (; i >= 0; i--) { + var skipThisChange = false; + + if (changes[i] === null) { + changes.splice(i, 1); + /* eslint-disable no-continue */ + continue; + } + + if (changes[i][2] == null && changes[i][3] == null) { + /* eslint-disable no-continue */ + continue; + } + + if (priv.settings.allowInsertRow) { + while (changes[i][0] > instance.countRows() - 1) { + var numberOfCreatedRows = datamap.createRow(void 0, void 0, source); + + if (numberOfCreatedRows === 0) { + skipThisChange = true; + break; + } + } + } + + if (skipThisChange) { + /* eslint-disable no-continue */ + continue; + } + + if (instance.dataType === 'array' && (!priv.settings.columns || priv.settings.columns.length === 0) && priv.settings.allowInsertColumn) { + while (datamap.propToCol(changes[i][1]) > instance.countCols() - 1) { + datamap.createCol(void 0, void 0, source); + } + } + + datamap.set(changes[i][0], changes[i][1], changes[i][3]); + } + + instance.forceFullRender = true; // used when data was changed + grid.adjustRowsAndCols(); + instance.runHooks('beforeChangeRender', changes, source); + selection.refreshBorders(null, true); + instance.view.wt.wtOverlays.adjustElementsSize(); + instance.runHooks('afterChange', changes, source || 'edit'); + + var activeEditor = instance.getActiveEditor(); + + if (activeEditor && (0, _mixed.isDefined)(activeEditor.refreshValue)) { + activeEditor.refreshValue(); + } + } + + this.validateCell = function (value, cellProperties, callback, source) { + var validator = instance.getCellValidator(cellProperties); + + function done(valid) { + var col = cellProperties.visualCol, + row = cellProperties.visualRow, + td = instance.getCell(row, col, true); + + if (td && td.nodeName != 'TH') { + instance.view.wt.wtSettings.settings.cellRenderer(row, col, td); + } + callback(valid); + } + + if ((0, _mixed.isRegExp)(validator)) { + validator = function (validator) { + return function (value, callback) { + callback(validator.test(value)); + }; + }(validator); + } + + if ((0, _function.isFunction)(validator)) { + + value = instance.runHooks('beforeValidate', value, cellProperties.visualRow, cellProperties.prop, source); + + // To provide consistent behaviour, validation should be always asynchronous + instance._registerTimeout(setTimeout(function () { + validator.call(cellProperties, value, function (valid) { + valid = instance.runHooks('afterValidate', valid, value, cellProperties.visualRow, cellProperties.prop, source); + cellProperties.valid = valid; + + done(valid); + instance.runHooks('postAfterValidate', valid, value, cellProperties.visualRow, cellProperties.prop, source); + }); + }, 0)); + } else { + // resolve callback even if validator function was not found + instance._registerTimeout(setTimeout(function () { + cellProperties.valid = true; + done(cellProperties.valid); + }, 0)); + } + }; + + function setDataInputToArray(row, propOrCol, value) { + if ((typeof row === 'undefined' ? 'undefined' : _typeof(row)) === 'object') { + // is it an array of changes + return row; + } + return [[row, propOrCol, value]]; + } + + /** + * @description + * Set new value to a cell. To change many cells at once, pass an array of `changes` in format `[[row, col, value], ...]` as + * the only parameter. `col` is the index of a __visible__ column (note that if columns were reordered, + * the current visible order will be used). `source` is a flag for before/afterChange events. If you pass only array of + * changes then `source` could be set as second parameter. + * + * @memberof Core# + * @function setDataAtCell + * @param {Number|Array} row Visual row index or array of changes in format `[[row, col, value], ...]`. + * @param {Number} col Visual column index. + * @param {String} value New value. + * @param {String} [source] String that identifies how this change will be described in the changes array (useful in onAfterChange or onBeforeChange callback). + */ + this.setDataAtCell = function (row, col, value, source) { + var input = setDataInputToArray(row, col, value), + i, + ilen, + changes = [], + prop; + + for (i = 0, ilen = input.length; i < ilen; i++) { + if (_typeof(input[i]) !== 'object') { + throw new Error('Method `setDataAtCell` accepts row number or changes array of arrays as its first parameter'); + } + if (typeof input[i][1] !== 'number') { + throw new Error('Method `setDataAtCell` accepts row and column number as its parameters. If you want to use object property name, use method `setDataAtRowProp`'); + } + prop = datamap.colToProp(input[i][1]); + changes.push([input[i][0], prop, dataSource.getAtCell(recordTranslator.toPhysicalRow(input[i][0]), input[i][1]), input[i][2]]); + } + + if (!source && (typeof row === 'undefined' ? 'undefined' : _typeof(row)) === 'object') { + source = col; + } + + instance.runHooks('afterSetDataAtCell', changes, source); + + validateChanges(changes, source, function () { + applyChanges(changes, source); + }); + }; + + /** + * @description + * Set new value to a cell. To change many cells at once, pass an array of `changes` in format `[[row, prop, value], ...]` as + * the only parameter. `prop` is the name of the object property (e.g. `first.name`). `source` is a flag for before/afterChange events. + * If you pass only array of changes then `source` could be set as second parameter. + * + * @memberof Core# + * @function setDataAtRowProp + * @param {Number|Array} row Visual row index or array of changes in format `[[row, prop, value], ...]`. + * @param {String} prop Property name or the source string. + * @param {String} value Value to be set. + * @param {String} [source] String that identifies how this change will be described in changes array (useful in onChange callback). + */ + this.setDataAtRowProp = function (row, prop, value, source) { + var input = setDataInputToArray(row, prop, value), + i, + ilen, + changes = []; + + for (i = 0, ilen = input.length; i < ilen; i++) { + changes.push([input[i][0], input[i][1], dataSource.getAtCell(recordTranslator.toPhysicalRow(input[i][0]), input[i][1]), input[i][2]]); + } + + if (!source && (typeof row === 'undefined' ? 'undefined' : _typeof(row)) === 'object') { + source = prop; + } + + instance.runHooks('afterSetDataAtRowProp', changes, source); + + validateChanges(changes, source, function () { + applyChanges(changes, source); + }); + }; + + /** + * Listen to the keyboard input on document body. + * + * @memberof Core# + * @function listen + * @since 0.11 + */ + this.listen = function () { + var invalidActiveElement = !document.activeElement || document.activeElement && document.activeElement.nodeName === void 0; + + if (document.activeElement && document.activeElement !== document.body && !invalidActiveElement) { + document.activeElement.blur(); + } else if (invalidActiveElement) { + // IE + document.body.focus(); + } + + activeGuid = instance.guid; + }; + + /** + * Stop listening to keyboard input on the document body. + * + * @memberof Core# + * @function unlisten + * @since 0.11 + */ + this.unlisten = function () { + if (this.isListening()) { + activeGuid = null; + } + }; + + /** + * Returns `true` if the current Handsontable instance is listening to keyboard input on document body. + * + * @memberof Core# + * @function isListening + * @since 0.11 + * @returns {Boolean} `true` if the instance is listening, `false` otherwise. + */ + this.isListening = function () { + return activeGuid === instance.guid; + }; + + /** + * Destroys the current editor, renders and selects the current cell. + * + * @memberof Core# + * @function destroyEditor + * @param {Boolean} [revertOriginal] If != `true`, edited data is saved. Otherwise the previous value is restored. + */ + this.destroyEditor = function (revertOriginal) { + selection.refreshBorders(revertOriginal); + }; + + /** + * Populate cells at position with 2D input array (e.g. `[[1, 2], [3, 4]]`). + * Use `endRow`, `endCol` when you want to cut input when a certain row is reached. + * Optional `source` parameter (default value "populateFromArray") is used to identify this call in the resulting events (beforeChange, afterChange). + * Optional `populateMethod` parameter (default value "overwrite", possible values "shift_down" and "shift_right") + * has the same effect as pasteMode option {@link Options#pasteMode} + * + * @memberof Core# + * @function populateFromArray + * @since 0.9.0 + * @param {Number} row Start visual row index. + * @param {Number} col Start visual column index. + * @param {Array} input 2d array + * @param {Number} [endRow] End visual row index (use when you want to cut input when certain row is reached). + * @param {Number} [endCol] End visual column index (use when you want to cut input when certain column is reached). + * @param {String} [source="populateFromArray"] Source string. + * @param {String} [method="overwrite"] Populate method. Possible options: `shift_down`, `shift_right`, `overwrite`. + * @param {String} direction Populate direction. (left|right|up|down) + * @param {Array} deltas Deltas array. + * @returns {Object|undefined} The ending TD element in pasted area (only if any cells were changed). + */ + this.populateFromArray = function (row, col, input, endRow, endCol, source, method, direction, deltas) { + var c; + + if (!((typeof input === 'undefined' ? 'undefined' : _typeof(input)) === 'object' && _typeof(input[0]) === 'object')) { + throw new Error('populateFromArray parameter `input` must be an array of arrays'); // API changed in 0.9-beta2, let's check if you use it correctly + } + c = typeof endRow === 'number' ? new _src.CellCoords(endRow, endCol) : null; + + return grid.populateFromArray(new _src.CellCoords(row, col), input, c, source, method, direction, deltas); + }; + + /** + * Adds/removes data from the column. This function is modelled after Array.splice. + * Parameter `col` is the index of the column in which do you want to do splice. + * Parameter `index` is the row index at which to start changing the array. + * If negative, will begin that many elements from the end. Parameter `amount`, is the number of the old array elements to remove. + * If the amount is 0, no elements are removed. Fourth and further parameters are the `elements` to add to the array. + * If you don't specify any elements, spliceCol simply removes elements from the array. + * {@link DataMap#spliceCol} + * + * @memberof Core# + * @function spliceCol + * @since 0.9-beta2 + * @param {Number} col Index of the column in which do you want to do splice. + * @param {Number} index Index at which to start changing the array. If negative, will begin that many elements from the end. + * @param {Number} amount An integer indicating the number of old array elements to remove. If amount is 0, no elements are removed. + * @param {*} [elements] The elements to add to the array. If you don't specify any elements, spliceCol simply removes elements from the array. + */ + this.spliceCol = function (col, index, amount /* , elements... */) { + var _datamap; + + return (_datamap = datamap).spliceCol.apply(_datamap, arguments); + }; + + /** + * Adds/removes data from the row. This function works is modelled after Array.splice. + * Parameter `row` is the index of row in which do you want to do splice. + * Parameter `index` is the column index at which to start changing the array. + * If negative, will begin that many elements from the end. Parameter `amount`, is the number of old array elements to remove. + * If the amount is 0, no elements are removed. Fourth and further parameters are the `elements` to add to the array. + * If you don't specify any elements, spliceCol simply removes elements from the array. + * {@link DataMap#spliceRow} + * + * @memberof Core# + * @function spliceRow + * @since 0.11 + * @param {Number} row Index of column in which do you want to do splice. + * @param {Number} index Index at which to start changing the array. If negative, will begin that many elements from the end. + * @param {Number} amount An integer indicating the number of old array elements to remove. If amount is 0, no elements are removed. + * @param {*} [elements] The elements to add to the array. If you don't specify any elements, spliceCol simply removes elements from the array. + */ + this.spliceRow = function (row, index, amount /* , elements... */) { + var _datamap2; + + return (_datamap2 = datamap).spliceRow.apply(_datamap2, arguments); + }; + + /** + * Returns indexes of the currently selected cells as an array `[startRow, startCol, endRow, endCol]`. + * + * Start row and start col are the coordinates of the active cell (where the selection was started). + * + * @memberof Core# + * @function getSelected + * @returns {Array} Array of the selection's indexes. + */ + this.getSelected = function () { + // https://github.com/handsontable/handsontable/issues/44 //cjl + if (selection.isSelected()) { + return [priv.selRange.from.row, priv.selRange.from.col, priv.selRange.to.row, priv.selRange.to.col]; + } + }; + + /** + * Returns the current selection as a CellRange object. + * + * @memberof Core# + * @function getSelectedRange + * @since 0.11 + * @returns {CellRange} Selected range object or undefined` if there is no selection. + */ + this.getSelectedRange = function () { + // https://github.com/handsontable/handsontable/issues/44 //cjl + if (selection.isSelected()) { + return priv.selRange; + } + }; + + /** + * Rerender the table. + * + * @memberof Core# + * @function render + */ + this.render = function () { + if (instance.view) { + instance.renderCall = true; + instance.forceFullRender = true; // used when data was changed + selection.refreshBorders(null, true); + } + }; + + /** + * Reset all cells in the grid to contain data from the data array. + * + * @memberof Core# + * @function loadData + * @param {Array} data Array of arrays or array of objects containing data. + * @fires Hooks#afterLoadData + * @fires Hooks#afterChange + */ + this.loadData = function (data) { + if (Array.isArray(priv.settings.dataSchema)) { + instance.dataType = 'array'; + } else if ((0, _function.isFunction)(priv.settings.dataSchema)) { + instance.dataType = 'function'; + } else { + instance.dataType = 'object'; + } + + if (datamap) { + datamap.destroy(); + } + datamap = new _dataMap2.default(instance, priv, GridSettings); + + if ((typeof data === 'undefined' ? 'undefined' : _typeof(data)) === 'object' && data !== null) { + if (!(data.push && data.splice)) { + // check if data is array. Must use duck-type check so Backbone Collections also pass it + // when data is not an array, attempt to make a single-row array of it + data = [data]; + } + } else if (data === null) { + data = []; + var row; + var r = 0; + var rlen = 0; + var dataSchema = datamap.getSchema(); + + for (r = 0, rlen = priv.settings.startRows; r < rlen; r++) { + if ((instance.dataType === 'object' || instance.dataType === 'function') && priv.settings.dataSchema) { + row = (0, _object.deepClone)(dataSchema); + data.push(row); + } else if (instance.dataType === 'array') { + row = (0, _object.deepClone)(dataSchema[0]); + data.push(row); + } else { + row = []; + + for (var c = 0, clen = priv.settings.startCols; c < clen; c++) { + row.push(null); + } + + data.push(row); + } + } + } else { + throw new Error('loadData only accepts array of objects or array of arrays (' + (typeof data === 'undefined' ? 'undefined' : _typeof(data)) + ' given)'); + } + + priv.isPopulated = false; + GridSettings.prototype.data = data; + + if (Array.isArray(data[0])) { + instance.dataType = 'array'; + } + + datamap.dataSource = data; + dataSource.data = data; + dataSource.dataType = instance.dataType; + dataSource.colToProp = datamap.colToProp.bind(datamap); + dataSource.propToCol = datamap.propToCol.bind(datamap); + + clearCellSettingCache(); + + grid.adjustRowsAndCols(); + instance.runHooks('afterLoadData', priv.firstRun); + + if (priv.firstRun) { + priv.firstRun = [null, 'loadData']; + } else { + instance.runHooks('afterChange', null, 'loadData'); + instance.render(); + } + priv.isPopulated = true; + + function clearCellSettingCache() { + priv.cellSettings.length = 0; + } + }; + + /** + * Returns the current data object (the same one that was passed by `data` configuration option or `loadData` method, + * unless the `modifyRow` hook was used to trim some of the rows. If that's the case - use the {@link Core#getSourceData} method.). + * Optionally you can provide cell range by defining `row`, `col`, `row2`, `col2` to get only a fragment of grid data. + * + * Note: getData functionality changed with the release of version 0.20. If you're looking for the previous functionality, + * you should use the {@link Core#getSourceData} method. + * + * @memberof Core# + * @function getData + * @param {Number} [r] From visual row index. + * @param {Number} [c] From visual column index. + * @param {Number} [r2] To visual row index. + * @param {Number} [c2] To visual column index. + * @returns {Array} Array with the data. + */ + this.getData = function (r, c, r2, c2) { + if ((0, _mixed.isUndefined)(r)) { + return datamap.getAll(); + } + return datamap.getRange(new _src.CellCoords(r, c), new _src.CellCoords(r2, c2), datamap.DESTINATION_RENDERER); + }; + + /** + * Returns a string value of the selected range. Each column is separated by tab, each row is separated by a new line character. + * {@link DataMap#getCopyableText} + * + * @memberof Core# + * @function getCopyableText + * @since 0.11 + * @param {Number} startRow From visual row index. + * @param {Number} startCol From visual column index. + * @param {Number} endRow To visual row index. + * @param {Number} endCol To visual column index. + * @returns {String} + */ + this.getCopyableText = function (startRow, startCol, endRow, endCol) { + return datamap.getCopyableText(new _src.CellCoords(startRow, startCol), new _src.CellCoords(endRow, endCol)); + }; + + /** + * Returns the data's copyable value at specified row and column index ({@link DataMap#getCopyable}). + * + * @memberof Core# + * @function getCopyableData + * @since 0.19.0 + * @param {Number} row Visual row index. + * @param {Number} column Visual column index. + * @returns {String} + */ + this.getCopyableData = function (row, column) { + return datamap.getCopyable(row, datamap.colToProp(column)); + }; + + /** + * Returns schema provided by constructor settings. If it doesn't exist then it returns the schema based on the data + * structure in the first row. + * + * @memberof Core# + * @function getSchema + * @since 0.13.2 + * @returns {Object} Schema object. + */ + this.getSchema = function () { + return datamap.getSchema(); + }; + + /** + * Use it if you need to change configuration after initialization. The `settings` parameter is an object containing the new + * settings, declared the same way as in the initial settings object. + * Note, that although the `updateSettings` method doesn't overwrite the previously declared settings, it might reset + * the settings made post-initialization. (for example - ignore changes made using the columnResize feature). + * + * @memberof Core# + * @function updateSettings + * @param {Object} settings New settings object. + * @param {Boolean} init Calls this method in the initialization mode. Internal use only. + * Used by API could be cause of the unexpected behaviour of the Handsontable. + * @example + * ```js + * hot.updateSettings({ + * contextMenu: true, + * colHeaders: true, + * fixedRowsTop: 2 + * }); + * ``` + * @fires Hooks#afterCellMetaReset + * @fires Hooks#afterUpdateSettings + */ + this.updateSettings = function (settings, init) { + var columnsAsFunc = false; + var i = void 0; + var j = void 0; + var clen = void 0; + + if ((0, _mixed.isDefined)(settings.rows)) { + throw new Error('"rows" setting is no longer supported. do you mean startRows, minRows or maxRows?'); + } + if ((0, _mixed.isDefined)(settings.cols)) { + throw new Error('"cols" setting is no longer supported. do you mean startCols, minCols or maxCols?'); + } + + for (i in settings) { + if (i === 'data') { + /* eslint-disable no-continue */ + continue; // loadData will be triggered later + } else if (_pluginHooks2.default.getSingleton().getRegistered().indexOf(i) > -1) { + if ((0, _function.isFunction)(settings[i]) || Array.isArray(settings[i])) { + settings[i].initialHook = true; + instance.addHook(i, settings[i]); + } + } else if (!init && (0, _object.hasOwnProperty)(settings, i)) { + // Update settings + GridSettings.prototype[i] = settings[i]; + } + } + + // Load data or create data map + if (settings.data === void 0 && priv.settings.data === void 0) { + instance.loadData(null); // data source created just now + } else if (settings.data !== void 0) { + instance.loadData(settings.data); // data source given as option + } else if (settings.columns !== void 0) { + datamap.createMap(); + } + + clen = instance.countCols(); + + var columnSetting = settings.columns || GridSettings.prototype.columns; + + // Init columns constructors configuration + if (columnSetting && (0, _function.isFunction)(columnSetting)) { + clen = instance.countSourceCols(); + columnsAsFunc = true; + } + + // Clear cellSettings cache + if (settings.cell !== void 0 || settings.cells !== void 0 || settings.columns !== void 0) { + priv.cellSettings.length = 0; + } + + if (clen > 0) { + var proto = void 0; + var column = void 0; + + for (i = 0, j = 0; i < clen; i++) { + if (columnsAsFunc && !columnSetting(i)) { + /* eslint-disable no-continue */ + continue; + } + priv.columnSettings[j] = (0, _setting.columnFactory)(GridSettings, priv.columnsSettingConflicts); + + // shortcut for prototype + proto = priv.columnSettings[j].prototype; + + // Use settings provided by user + if (columnSetting) { + if (columnsAsFunc) { + column = columnSetting(i); + } else { + column = columnSetting[j]; + } + + if (column) { + (0, _object.extend)(proto, column); + (0, _object.extend)(proto, expandType(column)); + } + } + + j++; + } + } + + if ((0, _mixed.isDefined)(settings.cell)) { + for (var key in settings.cell) { + if ((0, _object.hasOwnProperty)(settings.cell, key)) { + var cell = settings.cell[key]; + + instance.setCellMetaObject(cell.row, cell.col, cell); + } + } + } + + instance.runHooks('afterCellMetaReset'); + + if ((0, _mixed.isDefined)(settings.className)) { + if (GridSettings.prototype.className) { + (0, _element.removeClass)(instance.rootElement, GridSettings.prototype.className); + } + if (settings.className) { + (0, _element.addClass)(instance.rootElement, settings.className); + } + } + + var currentHeight = instance.rootElement.style.height; + if (currentHeight !== '') { + currentHeight = parseInt(instance.rootElement.style.height, 10); + } + + var height = settings.height; + if ((0, _function.isFunction)(height)) { + height = height(); + } + + if (init) { + var initialStyle = instance.rootElement.getAttribute('style'); + + if (initialStyle) { + instance.rootElement.setAttribute('data-initialstyle', instance.rootElement.getAttribute('style')); + } + } + + if (height === null) { + var _initialStyle = instance.rootElement.getAttribute('data-initialstyle'); + + if (_initialStyle && (_initialStyle.indexOf('height') > -1 || _initialStyle.indexOf('overflow') > -1)) { + instance.rootElement.setAttribute('style', _initialStyle); + } else { + instance.rootElement.style.height = ''; + instance.rootElement.style.overflow = ''; + } + } else if (height !== void 0) { + instance.rootElement.style.height = height + 'px'; + instance.rootElement.style.overflow = 'hidden'; + } + + if (typeof settings.width !== 'undefined') { + var width = settings.width; + + if ((0, _function.isFunction)(width)) { + width = width(); + } + + instance.rootElement.style.width = width + 'px'; + } + + if (!init) { + datamap.clearLengthCache(); // force clear cache length on updateSettings() #3416 + + if (instance.view) { + instance.view.wt.wtViewport.resetHasOversizedColumnHeadersMarked(); + } + + instance.runHooks('afterUpdateSettings', settings); + } + + grid.adjustRowsAndCols(); + if (instance.view && !priv.firstRun) { + instance.forceFullRender = true; // used when data was changed + selection.refreshBorders(null, true); + } + + if (!init && instance.view && (currentHeight === '' || height === '' || height === void 0) && currentHeight !== height) { + instance.view.wt.wtOverlays.updateMainScrollableElements(); + } + }; + + /** + * Get value from the selected cell. + * + * @memberof Core# + * @function getValue + * @since 0.11 + * @returns {*} Value of selected cell. + */ + this.getValue = function () { + var sel = instance.getSelected(); + if (GridSettings.prototype.getValue) { + if ((0, _function.isFunction)(GridSettings.prototype.getValue)) { + return GridSettings.prototype.getValue.call(instance); + } else if (sel) { + return instance.getData()[sel[0]][GridSettings.prototype.getValue]; + } + } else if (sel) { + return instance.getDataAtCell(sel[0], sel[1]); + } + }; + + function expandType(obj) { + if (!(0, _object.hasOwnProperty)(obj, 'type')) { + // ignore obj.prototype.type + return; + } + + var type, + expandedType = {}; + + if (_typeof(obj.type) === 'object') { + type = obj.type; + } else if (typeof obj.type === 'string') { + type = (0, _cellTypes.getCellType)(obj.type); + } + + for (var i in type) { + if ((0, _object.hasOwnProperty)(type, i) && !(0, _object.hasOwnProperty)(obj, i)) { + expandedType[i] = type[i]; + } + } + + return expandedType; + } + + /** + * Returns the object settings. + * + * @memberof Core# + * @function getSettings + * @returns {Object} Object containing the current grid settings. + */ + this.getSettings = function () { + return priv.settings; + }; + + /** + * Clears the data from the grid. (The table settings remain intact.) + * + * @memberof Core# + * @function clear + * @since 0.11 + */ + this.clear = function () { + selection.selectAll(); + selection.empty(); + }; + + /** + * @memberof Core# + * @function alter + * @param {String} action See grid.alter for possible values: `"insert_row"`, `"insert_col"`, `"remove_row"`, `"remove_col"` + * @param {Number} index Visual index of the row/column before which the new row/column will be inserted/removed. + * @param {Number} [amount = 1] Amound of rows/columns to be inserted/removed. + * @param {String} [source] Source indicator. + * @param {Boolean} [keepEmptyRows] Flag for preventing deletion of empty rows. + * @description + * + * Allows altering the table structure by either inserting/removing rows or inserting/removing columns: + * + * Insert new row(s) above the row with a given `index`. If index is `null` or `undefined`, the new row will be + * added after the last row. + * ```js + * var hot = new Handsontable(document.getElementById('example')); + * hot.alter('insert_row', 10); + * ``` + * + * Insert new column(s) before the column with a given `index`. If index is `null` or `undefined`, the new column + * will be added after the last column. + * ```js + * var hot = new Handsontable(document.getElementById('example')); + * hot.alter('insert_col', 10); + * ``` + * + * Remove the row(s) at the given `index`. + * ```js + * var hot = new Handsontable(document.getElementById('example')); + * hot.alter('remove_row', 10); + * ``` + * + * Remove the column(s) at the given `index`. + * ```js + * var hot = new Handsontable(document.getElementById('example')); + * hot.alter('remove_col', 10); + * ``` + */ + this.alter = function (action, index, amount, source, keepEmptyRows) { + grid.alter(action, index, amount, source, keepEmptyRows); + }; + + /** + * Returns a TD element for the given `row` and `col` arguments, if it is rendered on screen. + * Returns `null` if the TD is not rendered on screen (probably because that part of the table is not visible). + * + * @memberof Core# + * @function getCell + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @param {Boolean} topmost If set to true, it returns the TD element from the topmost overlay. For example, + * if the wanted cell is in the range of fixed rows, it will return a TD element from the `top` overlay. + * @returns {Element} The cell's TD element. + */ + this.getCell = function (row, col, topmost) { + return instance.view.getCellAtCoords(new _src.CellCoords(row, col), topmost); + }; + + /** + * Returns the coordinates of the cell, provided as a HTML Element. + * + * @memberof Core# + * @function getCoords + * @param {Element} elem The HTML Element representing the cell. + * @returns {CellCoords} Visual coordinates object. + */ + this.getCoords = function (elem) { + return this.view.wt.wtTable.getCoords.call(this.view.wt.wtTable, elem); + }; + + /** + * Returns the property name that corresponds with the given column index. {@link DataMap#colToProp} + * If the data source is an array of arrays, it returns the columns index. + * + * @memberof Core# + * @function colToProp + * @param {Number} col Visual column index. + * @returns {String|Number} Column property or physical column index. + */ + this.colToProp = function (col) { + return datamap.colToProp(col); + }; + + /** + * Returns column index that corresponds with the given property. {@link DataMap#propToCol} + * + * @memberof Core# + * @function propToCol + * @param {String|Number} prop Property name or physical column index. + * @returns {Number} Visual column index. + */ + this.propToCol = function (prop) { + return datamap.propToCol(prop); + }; + + /** + * Translate physical row index into visual. + * + * @since 0.29.0 + * @memberof Core# + * @function toVisualRow + * @param {Number} row Physical row index. + * @returns {Number} Returns visual row index. + */ + this.toVisualRow = function (row) { + return recordTranslator.toVisualRow(row); + }; + + /** + * Translate physical column index into visual. + * + * @since 0.29.0 + * @memberof Core# + * @function toVisualColumn + * @param {Number} column Physical column index. + * @returns {Number} Returns visual column index. + */ + this.toVisualColumn = function (column) { + return recordTranslator.toVisualColumn(column); + }; + + /** + * Translate visual row index into physical. + * If displayed rows order is different than the order of rows stored in memory (i.e. sorting is applied) + * to retrieve valid physical row index you can use this method. + * + * @since 0.29.0 + * @memberof Core# + * @function toPhysicalRow + * @param {Number} row Visual row index. + * @returns {Number} Returns physical row index. + */ + this.toPhysicalRow = function (row) { + return recordTranslator.toPhysicalRow(row); + }; + + /** + * Translate visual column index into physical. + * If displayed columns order is different than the order of columns stored in memory (i.e. manual column move is applied) + * to retrieve valid physical column index you can use this method. + * + * @since 0.29.0 + * @memberof Core# + * @function toPhysicalColumn + * @param {Number} column Visual column index. + * @returns {Number} Returns physical column index. + */ + this.toPhysicalColumn = function (column) { + return recordTranslator.toPhysicalColumn(column); + }; + + /** + * @description + * Returns the cell value at `row`, `col`. `row` and `col` are the __visible__ indexes (note, that if columns were reordered or sorted, + * the currently visible order will be used). + * + * @memberof Core# + * @function getDataAtCell + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @returns {String|Boolean|null} Data at cell. + */ + this.getDataAtCell = function (row, col) { + return datamap.get(row, datamap.colToProp(col)); + }; + + /** + * Return value at `row`, `prop`. (Uses {@link DataMap#get}) + * + * @memberof Core# + * @function getDataAtRowProp + * @param {Number} row Visual row index. + * @param {String} prop Property name. + * @returns {*} Cell value. + */ + this.getDataAtRowProp = function (row, prop) { + return datamap.get(row, prop); + }; + + /** + * @description + * Returns array of column values from the data source. `col` is the __visible__ index of the column. + * Note, that if columns were reordered or sorted, the currently visible order will be used. + * + * @memberof Core# + * @function getDataAtCol + * @since 0.9-beta2 + * @param {Number} col Visual column index. + * @returns {Array} Array of cell values. + */ + this.getDataAtCol = function (col) { + var out = []; + return out.concat.apply(out, _toConsumableArray(datamap.getRange(new _src.CellCoords(0, col), new _src.CellCoords(priv.settings.data.length - 1, col), datamap.DESTINATION_RENDERER))); + }; + + /** + * Given the object property name (e.g. `'first.name'`), returns an array of column's values from the data source. + * You can also provide a column index as the first argument. + * + * @memberof Core# + * @function getDataAtProp + * @since 0.9-beta2 + * @param {String|Number} prop Property name / physical column index. + * @returns {Array} Array of cell values. + */ + // TODO: Getting data from `datamap` should work on visual indexes. + this.getDataAtProp = function (prop) { + var out = [], + range; + + range = datamap.getRange(new _src.CellCoords(0, datamap.propToCol(prop)), new _src.CellCoords(priv.settings.data.length - 1, datamap.propToCol(prop)), datamap.DESTINATION_RENDERER); + + return out.concat.apply(out, _toConsumableArray(range)); + }; + + /** + * Returns the source data object (the same that was passed by `data` configuration option or `loadData` method). + * Optionally you can provide a cell range by using the `row`, `col`, `row2`, `col2` arguments, to get only a fragment of grid data. + * + * @memberof Core# + * @function getSourceData + * @since 0.20.0 + * @param {Number} [r] From physical row index. + * @param {Number} [c] From physical column index (or visual index, if data type is an array of objects). + * @param {Number} [r2] To physical row index. + * @param {Number} [c2] To physical column index (or visual index, if data type is an array of objects). + * @returns {Array} Array of grid data. + */ + this.getSourceData = function (r, c, r2, c2) { + var data = void 0; + + if (r === void 0) { + data = dataSource.getData(); + } else { + data = dataSource.getByRange(new _src.CellCoords(r, c), new _src.CellCoords(r2, c2)); + } + + return data; + }; + + /** + * Returns the source data object as an arrays of arrays format even when source data was provided in another format. + * Optionally you can provide a cell range by using the `row`, `col`, `row2`, `col2` arguments, to get only a fragment of grid data. + * + * @memberof Core# + * @function getSourceDataArray + * @since 0.28.0 + * @param {Number} [r] From physical row index. + * @param {Number} [c] From physical column index (or visual index, if data type is an array of objects). + * @param {Number} [r2] To physical row index. + * @param {Number} [c2] To physical column index (or visual index, if data type is an array of objects). + * @returns {Array} An array of arrays. + */ + this.getSourceDataArray = function (r, c, r2, c2) { + var data = void 0; + + if (r === void 0) { + data = dataSource.getData(true); + } else { + data = dataSource.getByRange(new _src.CellCoords(r, c), new _src.CellCoords(r2, c2), true); + } + + return data; + }; + + /** + * Returns an array of column values from the data source. `col` is the index of the row in the data source. + * + * @memberof Core# + * @function getSourceDataAtCol + * @since 0.11.0-beta3 + * @param {Number} column Visual column index. + * @returns {Array} Array of the column's cell values. + */ + // TODO: Getting data from `sourceData` should work always on physical indexes. + this.getSourceDataAtCol = function (column) { + return dataSource.getAtColumn(column); + }; + + /** + * Returns a single row of the data (array or object, depending on what you have). `row` is the index of the row in the data source. + * + * @memberof Core# + * @function getSourceDataAtRow + * @since 0.11.0-beta3 + * @param {Number} row Physical row index. + * @returns {Array|Object} Single row of data. + */ + this.getSourceDataAtRow = function (row) { + return dataSource.getAtRow(row); + }; + + /** + * Returns a single value from the data source. + * + * @memberof Core# + * @function getSourceDataAtCell + * @param {Number} row Physical row index. + * @param {Number} column Visual column index. + * @returns {*} Cell data. + * @since 0.20.0 + */ + // TODO: Getting data from `sourceData` should work always on physical indexes. + this.getSourceDataAtCell = function (row, column) { + return dataSource.getAtCell(row, column); + }; + + /** + * @description + * Returns a single row of the data. The `row` argument is the __visible__ index of the row. + * + * @memberof Core# + * @function getDataAtRow + * @param {Number} row Visual row index. + * @returns {Array} Array of row's cell data. + * @since 0.9-beta2 + */ + this.getDataAtRow = function (row) { + var data = datamap.getRange(new _src.CellCoords(row, 0), new _src.CellCoords(row, this.countCols() - 1), datamap.DESTINATION_RENDERER); + + return data[0] || []; + }; + + /** + * @description + * Returns a data type defined in the Handsontable settings under the `type` key ([Options#type](http://docs.handsontable.com/Options.html#type)). + * If there are cells with different types in the selected range, it returns `'mixed'`. + * + * @since 0.18.1 + * @memberof Core# + * @function getDataType + * @param {Number} rowFrom From visual row index. + * @param {Number} columnFrom From visual column index. + * @param {Number} rowTo To visual row index. + * @param {Number} columnTo To visual column index. + * @returns {String} Cell type (e.q: `'mixed'`, `'text'`, `'numeric'`, `'autocomplete'`). + */ + this.getDataType = function (rowFrom, columnFrom, rowTo, columnTo) { + var _this = this; + + var previousType = null; + var currentType = null; + + if (rowFrom === void 0) { + rowFrom = 0; + rowTo = this.countRows(); + columnFrom = 0; + columnTo = this.countCols(); + } + if (rowTo === void 0) { + rowTo = rowFrom; + } + if (columnTo === void 0) { + columnTo = columnFrom; + } + var type = 'mixed'; + + (0, _number.rangeEach)(Math.min(rowFrom, rowTo), Math.max(rowFrom, rowTo), function (row) { + var isTypeEqual = true; + + (0, _number.rangeEach)(Math.min(columnFrom, columnTo), Math.max(columnFrom, columnTo), function (column) { + var cellType = _this.getCellMeta(row, column); + + currentType = cellType.type; + + if (previousType) { + isTypeEqual = previousType === currentType; + } else { + previousType = currentType; + } + + return isTypeEqual; + }); + type = isTypeEqual ? currentType : 'mixed'; + + return isTypeEqual; + }); + + return type; + }; + + /** + * Remove a property defined by the `key` argument from the cell meta object for the provided `row` and `col` coordinates. + * + * @memberof Core# + * @function removeCellMeta + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @param {String} key Property name. + * @fires Hooks#beforeRemoveCellMeta + * @fires Hooks#afterRemoveCellMeta + */ + this.removeCellMeta = function (row, col, key) { + var _recordTranslator$toP = recordTranslator.toPhysical(row, col), + _recordTranslator$toP2 = _slicedToArray(_recordTranslator$toP, 2), + physicalRow = _recordTranslator$toP2[0], + physicalColumn = _recordTranslator$toP2[1]; + + var cachedValue = priv.cellSettings[physicalRow][physicalColumn][key]; + + var hookResult = instance.runHooks('beforeRemoveCellMeta', row, col, key, cachedValue); + + if (hookResult !== false) { + delete priv.cellSettings[physicalRow][physicalColumn][key]; + + instance.runHooks('afterRemoveCellMeta', row, col, key, cachedValue); + } + + cachedValue = null; + }; + + /** + * Remove one or more rows from the cell meta object. + * + * @since 0.30.0 + * @param {Number} index An integer that specifies at what position to add/remove items, Use negative values to specify the position from the end of the array. + * @param {Number} deleteAmount The number of items to be removed. If set to 0, no items will be removed. + * @param {Array} items The new items to be added to the array. + */ + this.spliceCellsMeta = function (index, deleteAmount) { + var _priv$cellSettings; + + for (var _len2 = arguments.length, items = Array(_len2 > 2 ? _len2 - 2 : 0), _key = 2; _key < _len2; _key++) { + items[_key - 2] = arguments[_key]; + } + + (_priv$cellSettings = priv.cellSettings).splice.apply(_priv$cellSettings, [index, deleteAmount].concat(items)); + }; + + /** + * Set cell meta data object defined by `prop` to the corresponding params `row` and `col`. + * + * @memberof Core# + * @function setCellMetaObject + * @since 0.11 + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @param {Object} prop Meta object. + */ + this.setCellMetaObject = function (row, col, prop) { + if ((typeof prop === 'undefined' ? 'undefined' : _typeof(prop)) === 'object') { + for (var key in prop) { + if ((0, _object.hasOwnProperty)(prop, key)) { + var value = prop[key]; + this.setCellMeta(row, col, key, value); + } + } + } + }; + + /** + * Sets a property defined by the `key` object to the meta object of a cell corresponding to params `row` and `col`. + * + * @memberof Core# + * @function setCellMeta + * @since 0.11 + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @param {String} key Property name. + * @param {String} val Property value. + * @fires Hooks#afterSetCellMeta + */ + this.setCellMeta = function (row, col, key, val) { + var _recordTranslator$toP3 = recordTranslator.toPhysical(row, col), + _recordTranslator$toP4 = _slicedToArray(_recordTranslator$toP3, 2), + physicalRow = _recordTranslator$toP4[0], + physicalColumn = _recordTranslator$toP4[1]; + + if (!priv.columnSettings[physicalColumn]) { + priv.columnSettings[physicalColumn] = (0, _setting.columnFactory)(GridSettings, priv.columnsSettingConflicts); + } + + if (!priv.cellSettings[physicalRow]) { + priv.cellSettings[physicalRow] = []; + } + if (!priv.cellSettings[physicalRow][physicalColumn]) { + priv.cellSettings[physicalRow][physicalColumn] = new priv.columnSettings[physicalColumn](); + } + priv.cellSettings[physicalRow][physicalColumn][key] = val; + instance.runHooks('afterSetCellMeta', row, col, key, val); + }; + + /** + * Get all the cells meta settings at least once generated in the table (in order of cell initialization). + * + * @since 0.19.0 + * @returns {Array} Returns Array of ColumnSettings object. + */ + this.getCellsMeta = function () { + return (0, _array.arrayFlatten)(priv.cellSettings); + }; + + /** + * Returns the cell properties object for the given `row` and `col` coordinates. + * + * @memberof Core# + * @function getCellMeta + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @returns {Object} The cell properties object. + * @fires Hooks#beforeGetCellMeta + * @fires Hooks#afterGetCellMeta + */ + this.getCellMeta = function (row, col) { + var prop = datamap.colToProp(col); + var cellProperties = void 0; + + var _recordTranslator$toP5 = recordTranslator.toPhysical(row, col), + _recordTranslator$toP6 = _slicedToArray(_recordTranslator$toP5, 2), + physicalRow = _recordTranslator$toP6[0], + physicalColumn = _recordTranslator$toP6[1]; + + if (!priv.columnSettings[physicalColumn]) { + priv.columnSettings[physicalColumn] = (0, _setting.columnFactory)(GridSettings, priv.columnsSettingConflicts); + } + + if (!priv.cellSettings[physicalRow]) { + priv.cellSettings[physicalRow] = []; + } + if (!priv.cellSettings[physicalRow][physicalColumn]) { + priv.cellSettings[physicalRow][physicalColumn] = new priv.columnSettings[physicalColumn](); + } + + cellProperties = priv.cellSettings[physicalRow][physicalColumn]; // retrieve cellProperties from cache + + cellProperties.row = physicalRow; + cellProperties.col = physicalColumn; + cellProperties.visualRow = row; + cellProperties.visualCol = col; + cellProperties.prop = prop; + cellProperties.instance = instance; + + instance.runHooks('beforeGetCellMeta', row, col, cellProperties); + (0, _object.extend)(cellProperties, expandType(cellProperties)); // for `type` added in beforeGetCellMeta + + if (cellProperties.cells) { + var settings = cellProperties.cells.call(cellProperties, physicalRow, physicalColumn, prop); + + if (settings) { + (0, _object.extend)(cellProperties, settings); + (0, _object.extend)(cellProperties, expandType(settings)); // for `type` added in cells + } + } + + instance.runHooks('afterGetCellMeta', row, col, cellProperties); + + return cellProperties; + }; + + /** + * Returns a row off the cell meta array. + * + * @memberof Core# + * @function getCellMetaAtRow + * @since 0.30.0 + * @param {Number} row Physical index of the row to return cell meta for. + * @returns {Array} + */ + this.getCellMetaAtRow = function (row) { + return priv.cellSettings[row]; + }; + + /** + * Checks if the data format and config allows user to modify the column structure. + * @returns {boolean} + */ + this.isColumnModificationAllowed = function () { + return !(instance.dataType === 'object' || instance.getSettings().columns); + }; + + var rendererLookup = (0, _data.cellMethodLookupFactory)('renderer'); + + /** + * Returns the cell renderer function by given `row` and `col` arguments. + * + * @memberof Core# + * @function getCellRenderer + * @since 0.11 + * @param {Number|Object} row Visual row index or cell meta object. + * @param {Number} [col] Visual column index. + * @returns {Function} The renderer function. + */ + this.getCellRenderer = function (row, col) { + return (0, _renderers.getRenderer)(rendererLookup.call(this, row, col)); + }; + + /** + * Returns the cell editor by the provided `row` and `col` arguments. + * + * @memberof Core# + * @function getCellEditor + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @returns {Object} The Editor object. + */ + this.getCellEditor = (0, _data.cellMethodLookupFactory)('editor'); + + var validatorLookup = (0, _data.cellMethodLookupFactory)('validator'); + + /** + * Returns the cell validator by `row` and `col`, provided a validator is defined. If not - it doesn't return anything. + * + * @memberof Core# + * @function getCellValidator + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @returns {Function|RegExp|undefined} The validator function. + */ + this.getCellValidator = function (row, col) { + var validator = validatorLookup.call(this, row, col); + + if (typeof validator === 'string') { + validator = (0, _validators.getValidator)(validator); + } + + return validator; + }; + + /** + * Validates all cells using their validator functions and calls callback when finished. + * + * If one of the cells is invalid, the callback will be fired with `'valid'` arguments as `false` - otherwise it would equal `true`. + * + * @memberof Core# + * @function validateCells + * @param {Function} [callback] The callback function. + */ + this.validateCells = function (callback) { + var waitingForValidator = new ValidatorsQueue(); + + if (callback) { + waitingForValidator.onQueueEmpty = callback; + } + + var i = instance.countRows() - 1; + + while (i >= 0) { + var j = instance.countCols() - 1; + + while (j >= 0) { + waitingForValidator.addValidatorToQueue(); + + instance.validateCell(instance.getDataAtCell(i, j), instance.getCellMeta(i, j), function (result) { + if (typeof result !== 'boolean') { + throw new Error('Validation error: result is not boolean'); + } + if (result === false) { + waitingForValidator.valid = false; + } + waitingForValidator.removeValidatorFormQueue(); + }, 'validateCells'); + j--; + } + i--; + } + waitingForValidator.checkIfQueueIsEmpty(); + }; + + /** + * Returns an array of row headers' values (if they are enabled). If param `row` was given, it returns the header of the given row as a string. + * + * @memberof Core# + * @function getRowHeader + * @param {Number} [row] Visual row index. + * @fires Hooks#modifyRowHeader + * @returns {Array|String} Array of header values / single header value. + */ + this.getRowHeader = function (row) { + var rowHeader = priv.settings.rowHeaders; + + if (row !== void 0) { + row = instance.runHooks('modifyRowHeader', row); + } + if (row === void 0) { + rowHeader = []; + (0, _number.rangeEach)(instance.countRows() - 1, function (i) { + rowHeader.push(instance.getRowHeader(i)); + }); + } else if (Array.isArray(rowHeader) && rowHeader[row] !== void 0) { + rowHeader = rowHeader[row]; + } else if ((0, _function.isFunction)(rowHeader)) { + rowHeader = rowHeader(row); + } else if (rowHeader && typeof rowHeader !== 'string' && typeof rowHeader !== 'number') { + rowHeader = row + 1; + } + + return rowHeader; + }; + + /** + * Returns information about if this table is configured to display row headers. + * + * @memberof Core# + * @function hasRowHeaders + * @returns {Boolean} `true` if the instance has the row headers enabled, `false` otherwise. + * @since 0.11 + */ + this.hasRowHeaders = function () { + return !!priv.settings.rowHeaders; + }; + + /** + * Returns information about if this table is configured to display column headers. + * + * @memberof Core# + * @function hasColHeaders + * @since 0.11 + * @returns {Boolean} `True` if the instance has the column headers enabled, `false` otherwise. + */ + this.hasColHeaders = function () { + if (priv.settings.colHeaders !== void 0 && priv.settings.colHeaders !== null) { + // Polymer has empty value = null + return !!priv.settings.colHeaders; + } + for (var i = 0, ilen = instance.countCols(); i < ilen; i++) { + if (instance.getColHeader(i)) { + return true; + } + } + + return false; + }; + + /** + * Returns an array of column headers (in string format, if they are enabled). If param `col` is given, it returns the header at the given column as a string. + * + * @memberof Core# + * @function getColHeader + * @param {Number} [col] Visual column index. + * @fires Hooks#modifyColHeader + * @returns {Array|String} The column header(s). + */ + this.getColHeader = function (col) { + var columnsAsFunc = priv.settings.columns && (0, _function.isFunction)(priv.settings.columns); + var result = priv.settings.colHeaders; + + col = instance.runHooks('modifyColHeader', col); + + if (col === void 0) { + var out = []; + var ilen = columnsAsFunc ? instance.countSourceCols() : instance.countCols(); + + for (var i = 0; i < ilen; i++) { + out.push(instance.getColHeader(i)); + } + + result = out; + } else { + var translateVisualIndexToColumns = function translateVisualIndexToColumns(col) { + var arr = []; + var columnsLen = instance.countSourceCols(); + var index = 0; + + for (; index < columnsLen; index++) { + if ((0, _function.isFunction)(instance.getSettings().columns) && instance.getSettings().columns(index)) { + arr.push(index); + } + } + + return arr[col]; + }; + var baseCol = col; + col = instance.runHooks('modifyCol', col); + + var prop = translateVisualIndexToColumns(col); + + if (priv.settings.columns && (0, _function.isFunction)(priv.settings.columns) && priv.settings.columns(prop) && priv.settings.columns(prop).title) { + result = priv.settings.columns(prop).title; + } else if (priv.settings.columns && priv.settings.columns[col] && priv.settings.columns[col].title) { + result = priv.settings.columns[col].title; + } else if (Array.isArray(priv.settings.colHeaders) && priv.settings.colHeaders[col] !== void 0) { + result = priv.settings.colHeaders[col]; + } else if ((0, _function.isFunction)(priv.settings.colHeaders)) { + result = priv.settings.colHeaders(col); + } else if (priv.settings.colHeaders && typeof priv.settings.colHeaders !== 'string' && typeof priv.settings.colHeaders !== 'number') { + result = (0, _data.spreadsheetColumnLabel)(baseCol); // see #1458 + } + } + + return result; + }; + + /** + * Return column width from settings (no guessing). Private use intended. + * + * @private + * @memberof Core# + * @function _getColWidthFromSettings + * @param {Number} col Visual col index. + * @returns {Number} + */ + this._getColWidthFromSettings = function (col) { + var cellProperties = instance.getCellMeta(0, col); + var width = cellProperties.width; + + if (width === void 0 || width === priv.settings.width) { + width = cellProperties.colWidths; + } + if (width !== void 0 && width !== null) { + switch (typeof width === 'undefined' ? 'undefined' : _typeof(width)) { + case 'object': + // array + width = width[col]; + break; + + case 'function': + width = width(col); + break; + default: + break; + } + if (typeof width === 'string') { + width = parseInt(width, 10); + } + } + + return width; + }; + + /** + * Returns the width of the requested column. + * + * @memberof Core# + * @function getColWidth + * @since 0.11 + * @param {Number} col Visual column index. + * @returns {Number} Column width. + * @fires Hooks#modifyColWidth + */ + this.getColWidth = function (col) { + var width = instance._getColWidthFromSettings(col); + + width = instance.runHooks('modifyColWidth', width, col); + + if (width === void 0) { + width = _src.ViewportColumnsCalculator.DEFAULT_WIDTH; + } + + return width; + }; + + /** + * Return row height from settings (no guessing). Private use intended. + * + * @private + * @memberof Core# + * @function _getRowHeightFromSettings + * @param {Number} row Visual row index. + * @returns {Number} + */ + this._getRowHeightFromSettings = function (row) { + // let cellProperties = instance.getCellMeta(row, 0); + // let height = cellProperties.height; + // + // if (height === void 0 || height === priv.settings.height) { + // height = cellProperties.rowHeights; + // } + var height = priv.settings.rowHeights; + + if (height !== void 0 && height !== null) { + switch (typeof height === 'undefined' ? 'undefined' : _typeof(height)) { + case 'object': + // array + height = height[row]; + break; + + case 'function': + height = height(row); + break; + default: + break; + } + if (typeof height === 'string') { + height = parseInt(height, 10); + } + } + + return height; + }; + + /** + * Returns the row height. + * + * @memberof Core# + * @function getRowHeight + * @since 0.11 + * @param {Number} row Visual row index. + * @returns {Number} The given row's height. + * @fires Hooks#modifyRowHeight + */ + this.getRowHeight = function (row) { + var height = instance._getRowHeightFromSettings(row); + + height = instance.runHooks('modifyRowHeight', height, row); + + return height; + }; + + /** + * Returns the total number of rows in the data source. + * + * @memberof Core# + * @function countSourceRows + * @since 0.20.0 + * @returns {Number} Total number in rows in data source. + */ + this.countSourceRows = function () { + var sourceLength = instance.runHooks('modifySourceLength'); + return sourceLength || (instance.getSourceData() ? instance.getSourceData().length : 0); + }; + + /** + * Returns the total number of columns in the data source. + * + * @memberof Core# + * @function countSourceCols + * @since 0.26.1 + * @returns {Number} Total number in columns in data source. + */ + this.countSourceCols = function () { + var len = 0; + var obj = instance.getSourceData() && instance.getSourceData()[0] ? instance.getSourceData()[0] : []; + + if ((0, _object.isObject)(obj)) { + len = (0, _object.deepObjectSize)(obj); + } else { + len = obj.length || 0; + } + + return len; + }; + + /** + * Returns the total number of rows in the grid. + * + * @memberof Core# + * @function countRows + * @returns {Number} Total number in rows the grid. + */ + this.countRows = function () { + return datamap.getLength(); + }; + + /** + * Returns the total number of columns in the grid. + * + * @memberof Core# + * @function countCols + * @returns {Number} Total number of columns. + */ + this.countCols = function () { + var maxCols = this.getSettings().maxCols; + var dataHasLength = false; + var dataLen = 0; + + if (instance.dataType === 'array') { + dataHasLength = priv.settings.data && priv.settings.data[0] && priv.settings.data[0].length; + } + + if (dataHasLength) { + dataLen = priv.settings.data[0].length; + } + + if (priv.settings.columns) { + var columnsIsFunction = (0, _function.isFunction)(priv.settings.columns); + + if (columnsIsFunction) { + if (instance.dataType === 'array') { + var columnLen = 0; + + for (var i = 0; i < dataLen; i++) { + if (priv.settings.columns(i)) { + columnLen++; + } + } + + dataLen = columnLen; + } else if (instance.dataType === 'object' || instance.dataType === 'function') { + dataLen = datamap.colToPropCache.length; + } + } else { + dataLen = priv.settings.columns.length; + } + } else if (instance.dataType === 'object' || instance.dataType === 'function') { + dataLen = datamap.colToPropCache.length; + } + + return Math.min(maxCols, dataLen); + }; + + /** + * Returns an visual index of the first rendered row. + * + * @memberof Core# + * @function rowOffset + * @returns {Number} Visual index of first rendered row. + */ + this.rowOffset = function () { + return instance.view.wt.wtTable.getFirstRenderedRow(); + }; + + /** + * Returns the visual index of the first rendered column. + * + * @memberof Core# + * @function colOffset + * @returns {Number} Visual index of the first visible column. + */ + this.colOffset = function () { + return instance.view.wt.wtTable.getFirstRenderedColumn(); + }; + + /** + * Returns the number of rendered rows (including rows partially or fully rendered outside viewport). + * + * @memberof Core# + * @function countRenderedRows + * @returns {Number} Returns -1 if table is not visible. + */ + this.countRenderedRows = function () { + return instance.view.wt.drawn ? instance.view.wt.wtTable.getRenderedRowsCount() : -1; + }; + + /** + * Returns the number of visible rows (rendered rows that fully fit inside viewport). + * + * @memberof Core# + * @function countVisibleRows + * @returns {Number} Number of visible rows or -1. + */ + this.countVisibleRows = function () { + return instance.view.wt.drawn ? instance.view.wt.wtTable.getVisibleRowsCount() : -1; + }; + + /** + * Returns the number of rendered columns (including columns partially or fully rendered outside viewport). + * + * @memberof Core# + * @function countRenderedCols + * @returns {Number} Returns -1 if table is not visible. + */ + this.countRenderedCols = function () { + return instance.view.wt.drawn ? instance.view.wt.wtTable.getRenderedColumnsCount() : -1; + }; + + /** + * Returns the number of visible columns. Returns -1 if table is not visible + * + * @memberof Core# + * @function countVisibleCols + * @return {Number} Number of visible columns or -1. + */ + this.countVisibleCols = function () { + return instance.view.wt.drawn ? instance.view.wt.wtTable.getVisibleColumnsCount() : -1; + }; + + /** + * Returns the number of empty rows. If the optional ending parameter is `true`, returns the + * number of empty rows at the bottom of the table. + * + * @memberof Core# + * @function countEmptyRows + * @param {Boolean} [ending] If `true`, will only count empty rows at the end of the data source. + * @returns {Number} Count empty rows + * @fires Hooks#modifyRow + */ + this.countEmptyRows = function (ending) { + var i = instance.countRows() - 1, + empty = 0, + row; + + while (i >= 0) { + row = instance.runHooks('modifyRow', i); + + if (instance.isEmptyRow(row)) { + empty++; + } else if (ending) { + break; + } + i--; + } + + return empty; + }; + + /** + * Returns the number of empty columns. If the optional ending parameter is `true`, returns the number of empty + * columns at right hand edge of the table. + * + * @memberof Core# + * @function countEmptyCols + * @param {Boolean} [ending] If `true`, will only count empty columns at the end of the data source row. + * @returns {Number} Count empty cols + */ + this.countEmptyCols = function (ending) { + if (instance.countRows() < 1) { + return 0; + } + var i = instance.countCols() - 1, + empty = 0; + + while (i >= 0) { + if (instance.isEmptyCol(i)) { + empty++; + } else if (ending) { + break; + } + i--; + } + + return empty; + }; + + /** + * Check if all cells in the row declared by the `row` argument are empty. + * + * @memberof Core# + * @function isEmptyRow + * @param {Number} row Row index. + * @returns {Boolean} `true` if the row at the given `row` is empty, `false` otherwise. + */ + this.isEmptyRow = function (row) { + return priv.settings.isEmptyRow.call(instance, row); + }; + + /** + * Check if all cells in the the column declared by the `col` argument are empty. + * + * @memberof Core# + * @function isEmptyCol + * @param {Number} col Column index. + * @returns {Boolean} `true` if the column at the given `col` is empty, `false` otherwise. + */ + this.isEmptyCol = function (col) { + return priv.settings.isEmptyCol.call(instance, col); + }; + + /** + * Select cell specified by `row` and `col` values or a range of cells finishing at `endRow`, `endCol`. + * By default, viewport will be scrolled to selection. + * After the `selectCell` method had finished, the instance will be listening to keyboard input on the document. + * + * @memberof Core# + * @function selectCell + * @param {Number} row Visual row index. + * @param {Number} col Visual column index. + * @param {Number} [endRow] Visual end row index (if selecting a range). + * @param {Number} [endCol] Visual end column index (if selecting a range). + * @param {Boolean} [scrollToCell=true] If `true`, the viewport will be scrolled to the selection. + * @param {Boolean} [changeListener=true] If `false`, Handsontable will not change keyboard events listener to himself. + * @returns {Boolean} `true` if selection was successful, `false` otherwise. + */ + this.selectCell = function (row, col, endRow, endCol, scrollToCell, changeListener) { + var coords; + + changeListener = (0, _mixed.isUndefined)(changeListener) || changeListener === true; + + if (typeof row !== 'number' || row < 0 || row >= instance.countRows()) { + return false; + } + if (typeof col !== 'number' || col < 0 || col >= instance.countCols()) { + return false; + } + if ((0, _mixed.isDefined)(endRow)) { + if (typeof endRow !== 'number' || endRow < 0 || endRow >= instance.countRows()) { + return false; + } + if (typeof endCol !== 'number' || endCol < 0 || endCol >= instance.countCols()) { + return false; + } + } + coords = new _src.CellCoords(row, col); + priv.selRange = new _src.CellRange(coords, coords, coords); + + if (changeListener) { + instance.listen(); + } + + if ((0, _mixed.isUndefined)(endRow)) { + selection.setRangeEnd(priv.selRange.from, scrollToCell); + } else { + selection.setRangeEnd(new _src.CellCoords(endRow, endCol), scrollToCell); + } + instance.selection.finish(); + + return true; + }; + + /** + * Select the cell specified by the `row` and `prop` arguments, or a range finishing at `endRow`, `endProp`. + * By default, viewport will be scrolled to selection. + * + * @memberof Core# + * @function selectCellByProp + * @param {Number} row Visual row index. + * @param {String} prop Property name. + * @param {Number} [endRow] visual end row index (if selecting a range). + * @param {String} [endProp] End property name (if selecting a range). + * @param {Boolean} [scrollToCell=true] If `true`, viewport will be scrolled to the selection. + * @returns {Boolean} `true` if selection was successful, `false` otherwise. + */ + this.selectCellByProp = function (row, prop, endRow, endProp, scrollToCell) { + var _instance5; + + arguments[1] = datamap.propToCol(arguments[1]); + + if ((0, _mixed.isDefined)(arguments[3])) { + arguments[3] = datamap.propToCol(arguments[3]); + } + + return (_instance5 = instance).selectCell.apply(_instance5, arguments); + }; + + /** + * Deselects the current cell selection on grid. + * + * @memberof Core# + * @function deselectCell + */ + this.deselectCell = function () { + selection.deselect(); + }; + + /** + * Scroll viewport to coords specified by the `row` and `column` arguments. + * + * @since 0.24.3 + * @memberof Core# + * @function scrollViewportTo + * @param {Number} [row] Visual row index. + * @param {Number} [column] Visual column index. + * @param {Boolean} [snapToBottom = false] If `true`, viewport is scrolled to show the cell on the bottom of the table. + * @param {Boolean} [snapToRight = false] If `true`, viewport is scrolled to show the cell on the right side of the table. + * @returns {Boolean} `true` if scroll was successful, `false` otherwise. + */ + this.scrollViewportTo = function (row, column) { + var snapToBottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + var snapToRight = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; + + if (row !== void 0 && (row < 0 || row >= instance.countRows())) { + return false; + } + if (column !== void 0 && (column < 0 || column >= instance.countCols())) { + return false; + } + + var result = false; + + if (row !== void 0 && column !== void 0) { + instance.view.wt.wtOverlays.topOverlay.scrollTo(row, snapToBottom); + instance.view.wt.wtOverlays.leftOverlay.scrollTo(column, snapToRight); + + result = true; + } + if (typeof row === 'number' && typeof column !== 'number') { + instance.view.wt.wtOverlays.topOverlay.scrollTo(row, snapToBottom); + + result = true; + } + if (typeof column === 'number' && typeof row !== 'number') { + instance.view.wt.wtOverlays.leftOverlay.scrollTo(column, snapToRight); + + result = true; + } + + return result; + }; + + /** + * Removes grid from the DOM. + * + * @memberof Core# + * @function destroy + * @fires Hooks#afterDestroy + */ + this.destroy = function () { + + instance._clearTimeouts(); + if (instance.view) { + // in case HT is destroyed before initialization has finished + instance.view.destroy(); + } + if (dataSource) { + dataSource.destroy(); + } + dataSource = null; + + (0, _element.empty)(instance.rootElement); + eventManager.destroy(); + + instance.runHooks('afterDestroy'); + _pluginHooks2.default.getSingleton().destroy(instance); + + for (var i in instance) { + if ((0, _object.hasOwnProperty)(instance, i)) { + // replace instance methods with post mortem + if ((0, _function.isFunction)(instance[i])) { + instance[i] = postMortem; + } else if (i !== 'guid') { + // replace instance properties with null (restores memory) + // it should not be necessary but this prevents a memory leak side effects that show itself in Jasmine tests + instance[i] = null; + } + } + } + + // replace private properties with null (restores memory) + // it should not be necessary but this prevents a memory leak side effects that show itself in Jasmine tests + if (datamap) { + datamap.destroy(); + } + datamap = null; + priv = null; + grid = null; + selection = null; + editorManager = null; + instance = null; + GridSettings = null; + }; + + /** + * Replacement for all methods after Handsotnable was destroyed. + * + * @private + */ + function postMortem() { + throw new Error('This method cannot be called because this Handsontable instance has been destroyed'); + } + + /** + * Returns the active editor object. + * + * @memberof Core# + * @function getActiveEditor + * @returns {Object} The active editor object. + */ + this.getActiveEditor = function () { + return editorManager.getActiveEditor(); + }; + + /** + * Returns plugin instance using the plugin name provided. + * + * @memberof Core# + * @function getPlugin + * @param {String} pluginName The plugin name. + * @returns {*} The plugin instance. + * @since 0.15.0 + */ + this.getPlugin = function (pluginName) { + return (0, _plugins.getPlugin)(this, pluginName); + }; + + /** + * Returns the Handsontable instance. + * + * @memberof Core# + * @function getInstance + * @returns {Handsontable} The Handsontable instance. + */ + this.getInstance = function () { + return instance; + }; + + /** + * Adds listener to the specified hook name (only for this Handsontable instance). + * + * @memberof Core# + * @function addHook + * @see Hooks#add + * @param {String} key Hook name. + * @param {Function|Array} callback Function or array of Functions. + * + * @example + * ```js + * hot.addHook('beforeInit', myCallback); + * ``` + */ + this.addHook = function (key, callback) { + _pluginHooks2.default.getSingleton().add(key, callback, instance); + }; + + /** + * Check if for a specified hook name there are added listeners (only for this Handsontable instance). + * + * @memberof Core# + * @function hasHook + * @see Hooks#has + * @param {String} key Hook name + * @return {Boolean} + * + * @example + * ```js + * var hasBeforeInitListeners = hot.hasHook('beforeInit'); + * ``` + */ + this.hasHook = function (key) { + return _pluginHooks2.default.getSingleton().has(key, instance); + }; + + /** + * Adds listener to specified hook name (only for this Handsontable instance). + * After the listener is triggered, it will be automatically removed. + * + * @memberof Core# + * @function addHookOnce + * @see Hooks#once + * @param {String} key Hook name. + * @param {Function|Array} callback Function or array of Functions. + * + * @example + * ```js + * hot.addHookOnce('beforeInit', myCallback); + * ``` + */ + this.addHookOnce = function (key, callback) { + _pluginHooks2.default.getSingleton().once(key, callback, instance); + }; + + /** + * Removes the hook listener previously registered with {@link Core#addHook}. + * + * @memberof Core# + * @function removeHook + * @see Hooks#remove + * @param {String} key Hook name. + * @param {Function} callback Function which have been registered via {@link Core#addHook}. + * + * @example + * ```js + * hot.removeHook('beforeInit', myCallback); + * ``` + */ + this.removeHook = function (key, callback) { + _pluginHooks2.default.getSingleton().remove(key, callback, instance); + }; + + /** + * Run the callbacks for the hook provided in the `key` argument using the parameters given in the other arguments. + * + * @memberof Core# + * @function runHooks + * @see Hooks#run + * @param {String} key Hook name. + * @param {*} [p1] Argument passed to the callback. + * @param {*} [p2] Argument passed to the callback. + * @param {*} [p3] Argument passed to the callback. + * @param {*} [p4] Argument passed to the callback. + * @param {*} [p5] Argument passed to the callback. + * @param {*} [p6] Argument passed to the callback. + * @returns {*} + * + * @example + * ```js + * hot.runHooks('beforeInit'); + * ``` + */ + this.runHooks = function (key, p1, p2, p3, p4, p5, p6) { + return _pluginHooks2.default.getSingleton().run(instance, key, p1, p2, p3, p4, p5, p6); + }; + + this.timeouts = []; + + /** + * Sets timeout. Purpose of this method is to clear all known timeouts when `destroy` method is called. + * + * @param {*} handle + * @private + */ + this._registerTimeout = function (handle) { + this.timeouts.push(handle); + }; + + /** + * Clears all known timeouts. + * + * @private + */ + this._clearTimeouts = function () { + for (var i = 0, ilen = this.timeouts.length; i < ilen; i++) { + clearTimeout(this.timeouts[i]); + } + }; + + /** + * Handsontable version + * + * @type {String} + */ + // this.version = Handsontable.version; + + _pluginHooks2.default.getSingleton().run(instance, 'construct'); +}; + +/***/ }), +/* 64 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.spreadsheetColumnLabel = spreadsheetColumnLabel; +exports.spreadsheetColumnIndex = spreadsheetColumnIndex; +exports.createSpreadsheetData = createSpreadsheetData; +exports.createSpreadsheetObjectData = createSpreadsheetObjectData; +exports.createEmptySpreadsheetData = createEmptySpreadsheetData; +exports.translateRowsToColumns = translateRowsToColumns; +exports.cellMethodLookupFactory = cellMethodLookupFactory; + +var _cellTypes = __webpack_require__(62); + +var _object = __webpack_require__(1); + +var COLUMN_LABEL_BASE = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; +var COLUMN_LABEL_BASE_LENGTH = COLUMN_LABEL_BASE.length; + +/** + * Generates spreadsheet-like column names: A, B, C, ..., Z, AA, AB, etc. + * + * @param {Number} index Column index. + * @returns {String} + */ +function spreadsheetColumnLabel(index) { + var dividend = index + 1; + var columnLabel = ''; + var modulo = void 0; + + while (dividend > 0) { + modulo = (dividend - 1) % COLUMN_LABEL_BASE_LENGTH; + columnLabel = String.fromCharCode(65 + modulo) + columnLabel; + dividend = parseInt((dividend - modulo) / COLUMN_LABEL_BASE_LENGTH, 10); + } + + return columnLabel; +} + +/** + * Generates spreadsheet-like column index from theirs labels: A, B, C ...., Z, AA, AB, etc. + * + * @param {String} label Column label. + * @returns {Number} + */ +function spreadsheetColumnIndex(label) { + var result = 0; + + if (label) { + for (var i = 0, j = label.length - 1; i < label.length; i += 1, j -= 1) { + result += Math.pow(COLUMN_LABEL_BASE_LENGTH, j) * (COLUMN_LABEL_BASE.indexOf(label[i]) + 1); + } + } + --result; + + return result; +} + +/** + * Creates 2D array of Excel-like values "A1", "A2", ... + * + * @param {Number} rows Number of rows to generate. + * @param {Number} columns Number of columns to generate. + * @returns {Array} + */ +function createSpreadsheetData() { + var rows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 100; + var columns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4; + + var _rows = [], + i, + j; + + for (i = 0; i < rows; i++) { + var row = []; + + for (j = 0; j < columns; j++) { + row.push(spreadsheetColumnLabel(j) + (i + 1)); + } + _rows.push(row); + } + + return _rows; +} + +/** + * Creates 2D array of Excel-like values "A1", "A2", as an array of objects. + * + * @param {Number} rows Number of rows to generate. + * @param {Number} colCount Number of columns to generate. + * @returns {Array} + */ +function createSpreadsheetObjectData() { + var rows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 100; + var colCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4; + + var _rows = [], + i, + j; + + for (i = 0; i < rows; i++) { + var row = {}; + + for (j = 0; j < colCount; j++) { + row['prop' + j] = spreadsheetColumnLabel(j) + (i + 1); + } + _rows.push(row); + } + + return _rows; +} + +/** + * Generates an empty data object. + * + * @param {Number} rows Number of rows to generate. + * @param {Number} columns Number of columns to generate + * @returns {Array} + */ +function createEmptySpreadsheetData(rows, columns) { + var data = []; + var row = void 0; + + for (var i = 0; i < rows; i++) { + row = []; + for (var j = 0; j < columns; j++) { + row.push(''); + } + data.push(row); + } + + return data; +} + +function translateRowsToColumns(input) { + var i, + ilen, + j, + jlen, + output = [], + olen = 0; + + for (i = 0, ilen = input.length; i < ilen; i++) { + for (j = 0, jlen = input[i].length; j < jlen; j++) { + if (j == olen) { + output.push([]); + olen++; + } + output[j].push(input[i][j]); + } + } + + return output; +} + +/** + * Factory that produces a function for searching methods (or any properties) which could be defined directly in + * table configuration or implicitly, within cell type definition. + * + * For example: renderer can be defined explicitly using "renderer" property in column configuration or it can be + * defined implicitly using "type" property. + * + * Methods/properties defined explicitly always takes precedence over those defined through "type". + * + * If the method/property is not found in an object, searching is continued recursively through prototype chain, until + * it reaches the Object.prototype. + * + * + * @param methodName {String} name of the method/property to search (i.e. 'renderer', 'validator', 'copyable') + * @param allowUndefined {Boolean} [optional] if false, the search is continued if methodName has not been found in cell "type" + * @returns {Function} + */ +function cellMethodLookupFactory(methodName, allowUndefined) { + + allowUndefined = typeof allowUndefined == 'undefined' ? true : allowUndefined; + + return function cellMethodLookup(row, col) { + return function getMethodFromProperties(properties) { + + if (!properties) { + return; // method not found + } else if ((0, _object.hasOwnProperty)(properties, methodName) && properties[methodName] !== void 0) { + // check if it is own and is not empty + return properties[methodName]; // method defined directly + } else if ((0, _object.hasOwnProperty)(properties, 'type') && properties.type) { + // check if it is own and is not empty + var type; + + if (typeof properties.type != 'string') { + throw new Error('Cell type must be a string '); + } + type = (0, _cellTypes.getCellType)(properties.type); + + if ((0, _object.hasOwnProperty)(type, methodName)) { + return type[methodName]; // method defined in type. + } else if (allowUndefined) { + return; // method does not defined in type (eg. validator), returns undefined + } + } + + return getMethodFromProperties(Object.getPrototypeOf(properties)); + }(typeof row == 'number' ? this.getCellMeta(row, col) : row); + }; +} + +/***/ }), +/* 65 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.columnFactory = columnFactory; + +var _object = __webpack_require__(1); + +/* eslint-disable import/prefer-default-export */ +/** + * Factory for columns constructors. + * + * @param {Object} GridSettings + * @param {Array} conflictList + * @return {Object} ColumnSettings + */ +function columnFactory(GridSettings, conflictList) { + function ColumnSettings() {}; + + (0, _object.inherit)(ColumnSettings, GridSettings); + + // Clear conflict settings + for (var i = 0, len = conflictList.length; i < len; i++) { + ColumnSettings.prototype[conflictList[i]] = void 0; + } + + return ColumnSettings; +} + +/***/ }), +/* 66 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _array = __webpack_require__(2); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class GhostTable + * @util + */ +var GhostTable = function () { + function GhostTable(hotInstance) { + _classCallCheck(this, GhostTable); + + /** + * Handsontable instance. + * + * @type {Core} + */ + this.hot = hotInstance; + /** + * Container element where every table will be injected. + * + * @type {HTMLElement|null} + */ + this.container = null; + /** + * Flag which determine is table was injected to DOM. + * + * @type {Boolean} + */ + this.injected = false; + /** + * Added rows collection. + * + * @type {Array} + */ + this.rows = []; + /** + * Added columns collection. + * + * @type {Array} + */ + this.columns = []; + /** + * Samples prepared for calculations. + * + * @type {Map} + * @default {null} + */ + this.samples = null; + /** + * Ghost table settings. + * + * @type {Object} + * @default {Object} + */ + this.settings = { + useHeaders: true + }; + } + + /** + * Add row. + * + * @param {Number} row Row index. + * @param {Map} samples Samples Map object. + */ + + + _createClass(GhostTable, [{ + key: 'addRow', + value: function addRow(row, samples) { + if (this.columns.length) { + throw new Error('Doesn\'t support multi-dimensional table'); + } + if (!this.rows.length) { + this.container = this.createContainer(this.hot.rootElement.className); + } + var rowObject = { row: row }; + this.rows.push(rowObject); + + this.samples = samples; + this.table = this.createTable(this.hot.table.className); + this.table.colGroup.appendChild(this.createColGroupsCol()); + this.table.tr.appendChild(this.createRow(row)); + this.container.container.appendChild(this.table.fragment); + + rowObject.table = this.table.table; + } + + /** + * Add a row consisting of the column headers. + */ + + }, { + key: 'addColumnHeadersRow', + value: function addColumnHeadersRow(samples) { + if (this.hot.getColHeader(0) != null) { + var rowObject = { row: -1 }; + this.rows.push(rowObject); + + this.container = this.createContainer(this.hot.rootElement.className); + + this.samples = samples; + this.table = this.createTable(this.hot.table.className); + this.table.colGroup.appendChild(this.createColGroupsCol()); + this.table.tHead.appendChild(this.createColumnHeadersRow()); + this.container.container.appendChild(this.table.fragment); + + rowObject.table = this.table.table; + } + } + + /** + * Add column. + * + * @param {Number} column Column index. + * @param {Map} samples Samples Map object. + */ + + }, { + key: 'addColumn', + value: function addColumn(column, samples) { + if (this.rows.length) { + throw new Error('Doesn\'t support multi-dimensional table'); + } + if (!this.columns.length) { + this.container = this.createContainer(this.hot.rootElement.className); + } + var columnObject = { col: column }; + this.columns.push(columnObject); + + this.samples = samples; + this.table = this.createTable(this.hot.table.className); + + if (this.getSetting('useHeaders') && this.hot.getColHeader(column) !== null) { + this.hot.view.appendColHeader(column, this.table.th); + } + this.table.tBody.appendChild(this.createCol(column)); + this.container.container.appendChild(this.table.fragment); + + columnObject.table = this.table.table; + } + + /** + * Get calculated heights. + * + * @param {Function} callback Callback which will be fired for each calculated row. + */ + + }, { + key: 'getHeights', + value: function getHeights(callback) { + if (!this.injected) { + this.injectTable(); + } + (0, _array.arrayEach)(this.rows, function (row) { + // -1 <- reduce border-top from table + callback(row.row, (0, _element.outerHeight)(row.table) - 1); + }); + } + + /** + * Get calculated widths. + * + * @param {Function} callback Callback which will be fired for each calculated column. + */ + + }, { + key: 'getWidths', + value: function getWidths(callback) { + if (!this.injected) { + this.injectTable(); + } + (0, _array.arrayEach)(this.columns, function (column) { + callback(column.col, (0, _element.outerWidth)(column.table)); + }); + } + + /** + * Set the Ghost Table settings to the provided object. + * + * @param {Object} settings New Ghost Table Settings + */ + + }, { + key: 'setSettings', + value: function setSettings(settings) { + this.settings = settings; + } + + /** + * Set a single setting of the Ghost Table. + * + * @param {String} name Setting name. + * @param {*} value Setting value. + */ + + }, { + key: 'setSetting', + value: function setSetting(name, value) { + if (!this.settings) { + this.settings = {}; + } + + this.settings[name] = value; + } + + /** + * Get the Ghost Table settings. + * + * @returns {Object|null} + */ + + }, { + key: 'getSettings', + value: function getSettings() { + return this.settings; + } + + /** + * Get a single Ghost Table setting. + * + * @param {String} name + * @returns {Boolean|null} + */ + + }, { + key: 'getSetting', + value: function getSetting(name) { + if (this.settings) { + return this.settings[name]; + } + return null; + } + + /** + * Create colgroup col elements. + * + * @returns {DocumentFragment} + */ + + }, { + key: 'createColGroupsCol', + value: function createColGroupsCol() { + var _this = this; + + var d = document; + var fragment = d.createDocumentFragment(); + + if (this.hot.hasRowHeaders()) { + fragment.appendChild(this.createColElement(-1)); + } + + this.samples.forEach(function (sample) { + (0, _array.arrayEach)(sample.strings, function (string) { + fragment.appendChild(_this.createColElement(string.col)); + }); + }); + + return fragment; + } + + /** + * Create table row element. + * + * @param {Number} row Row index. + * @returns {DocumentFragment} Returns created table row elements. + */ + + }, { + key: 'createRow', + value: function createRow(row) { + var _this2 = this; + + var d = document; + var fragment = d.createDocumentFragment(); + var th = d.createElement('th'); + + if (this.hot.hasRowHeaders()) { + this.hot.view.appendRowHeader(row, th); + + fragment.appendChild(th); + } + + this.samples.forEach(function (sample) { + (0, _array.arrayEach)(sample.strings, function (string) { + var column = string.col; + var cellProperties = _this2.hot.getCellMeta(row, column); + + cellProperties.col = column; + cellProperties.row = row; + + var renderer = _this2.hot.getCellRenderer(cellProperties); + var td = d.createElement('td'); + + renderer(_this2.hot, td, row, column, _this2.hot.colToProp(column), string.value, cellProperties); + fragment.appendChild(td); + }); + }); + + return fragment; + } + }, { + key: 'createColumnHeadersRow', + value: function createColumnHeadersRow() { + var _this3 = this; + + var d = document; + var fragment = d.createDocumentFragment(); + + if (this.hot.hasRowHeaders()) { + var th = d.createElement('th'); + this.hot.view.appendColHeader(-1, th); + fragment.appendChild(th); + } + + this.samples.forEach(function (sample) { + (0, _array.arrayEach)(sample.strings, function (string) { + var column = string.col; + + var th = d.createElement('th'); + + _this3.hot.view.appendColHeader(column, th); + fragment.appendChild(th); + }); + }); + + return fragment; + } + + /** + * Create table column elements. + * + * @param {Number} column Column index. + * @returns {DocumentFragment} Returns created column table column elements. + */ + + }, { + key: 'createCol', + value: function createCol(column) { + var _this4 = this; + + var d = document; + var fragment = d.createDocumentFragment(); + + this.samples.forEach(function (sample) { + (0, _array.arrayEach)(sample.strings, function (string) { + var row = string.row; + var cellProperties = _this4.hot.getCellMeta(row, column); + + cellProperties.col = column; + cellProperties.row = row; + + var renderer = _this4.hot.getCellRenderer(cellProperties); + var td = d.createElement('td'); + var tr = d.createElement('tr'); + + renderer(_this4.hot, td, row, column, _this4.hot.colToProp(column), string.value, cellProperties); + tr.appendChild(td); + fragment.appendChild(tr); + }); + }); + + return fragment; + } + + /** + * Remove table from document and reset internal state. + */ + + }, { + key: 'clean', + value: function clean() { + this.rows.length = 0; + this.rows[-1] = void 0; + this.columns.length = 0; + + if (this.samples) { + this.samples.clear(); + } + this.samples = null; + this.removeTable(); + } + + /** + * Inject generated table into document. + * + * @param {HTMLElement} [parent=null] + */ + + }, { + key: 'injectTable', + value: function injectTable() { + var parent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; + + if (!this.injected) { + (parent || this.hot.rootElement).appendChild(this.container.fragment); + this.injected = true; + } + } + + /** + * Remove table from document. + */ + + }, { + key: 'removeTable', + value: function removeTable() { + if (this.injected && this.container.container.parentNode) { + this.container.container.parentNode.removeChild(this.container.container); + this.container = null; + this.injected = false; + } + } + + /** + * Create col element. + * + * @param {Number} column Column index. + * @returns {HTMLElement} + */ + + }, { + key: 'createColElement', + value: function createColElement(column) { + var d = document; + var col = d.createElement('col'); + + col.style.width = this.hot.view.wt.wtTable.getStretchedColumnWidth(column) + 'px'; + + return col; + } + + /** + * Create table element. + * + * @param {String} className + * @returns {Object} + */ + + }, { + key: 'createTable', + value: function createTable() { + var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + + var d = document; + var fragment = d.createDocumentFragment(); + var table = d.createElement('table'); + var tHead = d.createElement('thead'); + var tBody = d.createElement('tbody'); + var colGroup = d.createElement('colgroup'); + var tr = d.createElement('tr'); + var th = d.createElement('th'); + + if (this.isVertical()) { + table.appendChild(colGroup); + } + if (this.isHorizontal()) { + tr.appendChild(th); + tHead.appendChild(tr); + table.style.tableLayout = 'auto'; + table.style.width = 'auto'; + } + table.appendChild(tHead); + + if (this.isVertical()) { + tBody.appendChild(tr); + } + table.appendChild(tBody); + (0, _element.addClass)(table, className); + fragment.appendChild(table); + + return { fragment: fragment, table: table, tHead: tHead, tBody: tBody, colGroup: colGroup, tr: tr, th: th }; + } + + /** + * Create container for tables. + * + * @param {String} className + * @returns {Object} + */ + + }, { + key: 'createContainer', + value: function createContainer() { + var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + + var d = document; + var fragment = d.createDocumentFragment(); + var container = d.createElement('div'); + + className = 'htGhostTable htAutoSize ' + className.trim(); + (0, _element.addClass)(container, className); + fragment.appendChild(container); + + return { fragment: fragment, container: container }; + } + + /** + * Checks if table is raised vertically (checking rows). + * + * @returns {Boolean} + */ + + }, { + key: 'isVertical', + value: function isVertical() { + return !!(this.rows.length && !this.columns.length); + } + + /** + * Checks if table is raised horizontally (checking columns). + * + * @returns {Boolean} + */ + + }, { + key: 'isHorizontal', + value: function isHorizontal() { + return !!(this.columns.length && !this.rows.length); + } + }]); + + return GhostTable; +}(); + +exports.default = GhostTable; + +/***/ }), +/* 67 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var addToUnscopables = __webpack_require__(37) + , step = __webpack_require__(167) + , Iterators = __webpack_require__(45) + , toIObject = __webpack_require__(23); + +// 22.1.3.4 Array.prototype.entries() +// 22.1.3.13 Array.prototype.keys() +// 22.1.3.29 Array.prototype.values() +// 22.1.3.30 Array.prototype[@@iterator]() +module.exports = __webpack_require__(166)(Array, 'Array', function(iterated, kind){ + this._t = toIObject(iterated); // target + this._i = 0; // next index + this._k = kind; // kind +// 22.1.5.2.1 %ArrayIteratorPrototype%.next() +}, function(){ + var O = this._t + , kind = this._k + , index = this._i++; + if(!O || index >= O.length){ + this._t = undefined; + return step(1); + } + if(kind == 'keys' )return step(0, index); + if(kind == 'values')return step(0, O[index]); + return step(0, [index, O[index]]); +}, 'values'); + +// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7) +Iterators.Arguments = Iterators.Array; + +addToUnscopables('keys'); +addToUnscopables('values'); +addToUnscopables('entries'); + +/***/ }), +/* 68 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _coords = __webpack_require__(42); + +var _coords2 = _interopRequireDefault(_coords); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * A cell range is a set of exactly two CellCoords (that can be the same or different) + * + * @class CellRange + */ +var CellRange = function () { + /** + * @param {CellCoords} highlight Used to draw bold border around a cell where selection was + * started and to edit the cell when you press Enter + * @param {CellCoords} from Usually the same as highlight, but in Excel there is distinction - one can change + * highlight within a selection + * @param {CellCoords} to End selection + */ + function CellRange(highlight, from, to) { + _classCallCheck(this, CellRange); + + this.highlight = highlight; + this.from = from; + this.to = to; + } + + /** + * Checks if given coords are valid in context of a given Walkontable instance + * + * @param {Walkontable} wotInstance + * @returns {Boolean} + */ + + + _createClass(CellRange, [{ + key: 'isValid', + value: function isValid(wotInstance) { + return this.from.isValid(wotInstance) && this.to.isValid(wotInstance); + } + + /** + * Checks if this cell range is restricted to one cell + * + * @returns {Boolean} + */ + + }, { + key: 'isSingle', + value: function isSingle() { + return this.from.row === this.to.row && this.from.col === this.to.col; + } + + /** + * Returns selected range height (in number of rows) + * + * @returns {Number} + */ + + }, { + key: 'getHeight', + value: function getHeight() { + return Math.max(this.from.row, this.to.row) - Math.min(this.from.row, this.to.row) + 1; + } + + /** + * Returns selected range width (in number of columns) + * + * @returns {Number} + */ + + }, { + key: 'getWidth', + value: function getWidth() { + return Math.max(this.from.col, this.to.col) - Math.min(this.from.col, this.to.col) + 1; + } + + /** + * Checks if given cell coords is within `from` and `to` cell coords of this range + * + * @param {CellCoords} cellCoords + * @returns {Boolean} + */ + + }, { + key: 'includes', + value: function includes(cellCoords) { + var row = cellCoords.row, + col = cellCoords.col; + + var topLeft = this.getTopLeftCorner(); + var bottomRight = this.getBottomRightCorner(); + + return topLeft.row <= row && bottomRight.row >= row && topLeft.col <= col && bottomRight.col >= col; + } + + /** + * Checks if given range is within of this range + * + * @param {CellRange} testedRange + * @returns {Boolean} + */ + + }, { + key: 'includesRange', + value: function includesRange(testedRange) { + return this.includes(testedRange.getTopLeftCorner()) && this.includes(testedRange.getBottomRightCorner()); + } + + /** + * Checks if given range is equal to this range + * + * @param {CellRange} testedRange + * @returns {Boolean} + */ + + }, { + key: 'isEqual', + value: function isEqual(testedRange) { + return Math.min(this.from.row, this.to.row) == Math.min(testedRange.from.row, testedRange.to.row) && Math.max(this.from.row, this.to.row) == Math.max(testedRange.from.row, testedRange.to.row) && Math.min(this.from.col, this.to.col) == Math.min(testedRange.from.col, testedRange.to.col) && Math.max(this.from.col, this.to.col) == Math.max(testedRange.from.col, testedRange.to.col); + } + + /** + * Checks if tested range overlaps with the range. + * Range A is considered to to be overlapping with range B if intersection of A and B or B and A is not empty. + * + * @param {CellRange} testedRange + * @returns {Boolean} + */ + + }, { + key: 'overlaps', + value: function overlaps(testedRange) { + return testedRange.isSouthEastOf(this.getTopLeftCorner()) && testedRange.isNorthWestOf(this.getBottomRightCorner()); + } + + /** + * @param {CellRange} testedCoords + * @returns {Boolean} + */ + + }, { + key: 'isSouthEastOf', + value: function isSouthEastOf(testedCoords) { + return this.getTopLeftCorner().isSouthEastOf(testedCoords) || this.getBottomRightCorner().isSouthEastOf(testedCoords); + } + + /** + * @param {CellRange} testedCoords + * @returns {Boolean} + */ + + }, { + key: 'isNorthWestOf', + value: function isNorthWestOf(testedCoords) { + return this.getTopLeftCorner().isNorthWestOf(testedCoords) || this.getBottomRightCorner().isNorthWestOf(testedCoords); + } + + /** + * Adds a cell to a range (only if exceeds corners of the range). Returns information if range was expanded + * + * @param {CellCoords} cellCoords + * @returns {Boolean} + */ + + }, { + key: 'expand', + value: function expand(cellCoords) { + var topLeft = this.getTopLeftCorner(); + var bottomRight = this.getBottomRightCorner(); + + if (cellCoords.row < topLeft.row || cellCoords.col < topLeft.col || cellCoords.row > bottomRight.row || cellCoords.col > bottomRight.col) { + this.from = new _coords2.default(Math.min(topLeft.row, cellCoords.row), Math.min(topLeft.col, cellCoords.col)); + this.to = new _coords2.default(Math.max(bottomRight.row, cellCoords.row), Math.max(bottomRight.col, cellCoords.col)); + + return true; + } + + return false; + } + + /** + * @param {CellRange} expandingRange + * @returns {Boolean} + */ + + }, { + key: 'expandByRange', + value: function expandByRange(expandingRange) { + if (this.includesRange(expandingRange) || !this.overlaps(expandingRange)) { + return false; + } + + var topLeft = this.getTopLeftCorner(); + var bottomRight = this.getBottomRightCorner(); + var topRight = this.getTopRightCorner(); + var bottomLeft = this.getBottomLeftCorner(); + + var expandingTopLeft = expandingRange.getTopLeftCorner(); + var expandingBottomRight = expandingRange.getBottomRightCorner(); + + var resultTopRow = Math.min(topLeft.row, expandingTopLeft.row); + var resultTopCol = Math.min(topLeft.col, expandingTopLeft.col); + var resultBottomRow = Math.max(bottomRight.row, expandingBottomRight.row); + var resultBottomCol = Math.max(bottomRight.col, expandingBottomRight.col); + + var finalFrom = new _coords2.default(resultTopRow, resultTopCol), + finalTo = new _coords2.default(resultBottomRow, resultBottomCol); + var isCorner = new CellRange(finalFrom, finalFrom, finalTo).isCorner(this.from, expandingRange), + onlyMerge = expandingRange.isEqual(new CellRange(finalFrom, finalFrom, finalTo)); + + if (isCorner && !onlyMerge) { + if (this.from.col > finalFrom.col) { + finalFrom.col = resultBottomCol; + finalTo.col = resultTopCol; + } + if (this.from.row > finalFrom.row) { + finalFrom.row = resultBottomRow; + finalTo.row = resultTopRow; + } + } + this.from = finalFrom; + this.to = finalTo; + + return true; + } + + /** + * @returns {String} + */ + + }, { + key: 'getDirection', + value: function getDirection() { + if (this.from.isNorthWestOf(this.to)) { + // NorthWest - SouthEast + return 'NW-SE'; + } else if (this.from.isNorthEastOf(this.to)) { + // NorthEast - SouthWest + return 'NE-SW'; + } else if (this.from.isSouthEastOf(this.to)) { + // SouthEast - NorthWest + return 'SE-NW'; + } else if (this.from.isSouthWestOf(this.to)) { + // SouthWest - NorthEast + return 'SW-NE'; + } + } + + /** + * @param {String} direction + */ + + }, { + key: 'setDirection', + value: function setDirection(direction) { + switch (direction) { + case 'NW-SE': + var _ref = [this.getTopLeftCorner(), this.getBottomRightCorner()]; + this.from = _ref[0]; + this.to = _ref[1]; + + break; + case 'NE-SW': + var _ref2 = [this.getTopRightCorner(), this.getBottomLeftCorner()]; + this.from = _ref2[0]; + this.to = _ref2[1]; + + break; + case 'SE-NW': + var _ref3 = [this.getBottomRightCorner(), this.getTopLeftCorner()]; + this.from = _ref3[0]; + this.to = _ref3[1]; + + break; + case 'SW-NE': + var _ref4 = [this.getBottomLeftCorner(), this.getTopRightCorner()]; + this.from = _ref4[0]; + this.to = _ref4[1]; + + break; + default: + break; + } + } + + /** + * Get top left corner of this range + * + * @returns {CellCoords} + */ + + }, { + key: 'getTopLeftCorner', + value: function getTopLeftCorner() { + return new _coords2.default(Math.min(this.from.row, this.to.row), Math.min(this.from.col, this.to.col)); + } + + /** + * Get bottom right corner of this range + * + * @returns {CellCoords} + */ + + }, { + key: 'getBottomRightCorner', + value: function getBottomRightCorner() { + return new _coords2.default(Math.max(this.from.row, this.to.row), Math.max(this.from.col, this.to.col)); + } + + /** + * Get top right corner of this range + * + * @returns {CellCoords} + */ + + }, { + key: 'getTopRightCorner', + value: function getTopRightCorner() { + return new _coords2.default(Math.min(this.from.row, this.to.row), Math.max(this.from.col, this.to.col)); + } + + /** + * Get bottom left corner of this range + * + * @returns {CellCoords} + */ + + }, { + key: 'getBottomLeftCorner', + value: function getBottomLeftCorner() { + return new _coords2.default(Math.max(this.from.row, this.to.row), Math.min(this.from.col, this.to.col)); + } + + /** + * @param {CellCoords} coords + * @param {CellRange} expandedRange + * @returns {*} + */ + + }, { + key: 'isCorner', + value: function isCorner(coords, expandedRange) { + if (expandedRange) { + if (expandedRange.includes(coords)) { + if (this.getTopLeftCorner().isEqual(new _coords2.default(expandedRange.from.row, expandedRange.from.col)) || this.getTopRightCorner().isEqual(new _coords2.default(expandedRange.from.row, expandedRange.to.col)) || this.getBottomLeftCorner().isEqual(new _coords2.default(expandedRange.to.row, expandedRange.from.col)) || this.getBottomRightCorner().isEqual(new _coords2.default(expandedRange.to.row, expandedRange.to.col))) { + return true; + } + } + } + + return coords.isEqual(this.getTopLeftCorner()) || coords.isEqual(this.getTopRightCorner()) || coords.isEqual(this.getBottomLeftCorner()) || coords.isEqual(this.getBottomRightCorner()); + } + + /** + * @param {CellCoords} coords + * @param {CellRange} expandedRange + * @returns {CellCoords} + */ + + }, { + key: 'getOppositeCorner', + value: function getOppositeCorner(coords, expandedRange) { + if (!(coords instanceof _coords2.default)) { + return false; + } + + if (expandedRange) { + if (expandedRange.includes(coords)) { + if (this.getTopLeftCorner().isEqual(new _coords2.default(expandedRange.from.row, expandedRange.from.col))) { + return this.getBottomRightCorner(); + } + if (this.getTopRightCorner().isEqual(new _coords2.default(expandedRange.from.row, expandedRange.to.col))) { + return this.getBottomLeftCorner(); + } + if (this.getBottomLeftCorner().isEqual(new _coords2.default(expandedRange.to.row, expandedRange.from.col))) { + return this.getTopRightCorner(); + } + if (this.getBottomRightCorner().isEqual(new _coords2.default(expandedRange.to.row, expandedRange.to.col))) { + return this.getTopLeftCorner(); + } + } + } + + if (coords.isEqual(this.getBottomRightCorner())) { + return this.getTopLeftCorner(); + } else if (coords.isEqual(this.getTopLeftCorner())) { + return this.getBottomRightCorner(); + } else if (coords.isEqual(this.getTopRightCorner())) { + return this.getBottomLeftCorner(); + } else if (coords.isEqual(this.getBottomLeftCorner())) { + return this.getTopRightCorner(); + } + } + + /** + * @param {CellRange} range + * @returns {Array} + */ + + }, { + key: 'getBordersSharedWith', + value: function getBordersSharedWith(range) { + if (!this.includesRange(range)) { + return []; + } + + var thisBorders = { + top: Math.min(this.from.row, this.to.row), + bottom: Math.max(this.from.row, this.to.row), + left: Math.min(this.from.col, this.to.col), + right: Math.max(this.from.col, this.to.col) + }; + var rangeBorders = { + top: Math.min(range.from.row, range.to.row), + bottom: Math.max(range.from.row, range.to.row), + left: Math.min(range.from.col, range.to.col), + right: Math.max(range.from.col, range.to.col) + }; + var result = []; + + if (thisBorders.top == rangeBorders.top) { + result.push('top'); + } + if (thisBorders.right == rangeBorders.right) { + result.push('right'); + } + if (thisBorders.bottom == rangeBorders.bottom) { + result.push('bottom'); + } + if (thisBorders.left == rangeBorders.left) { + result.push('left'); + } + + return result; + } + + /** + * Get inner selected cell coords defined by this range + * + * @returns {Array} + */ + + }, { + key: 'getInner', + value: function getInner() { + var topLeft = this.getTopLeftCorner(); + var bottomRight = this.getBottomRightCorner(); + var out = []; + + for (var r = topLeft.row; r <= bottomRight.row; r++) { + for (var c = topLeft.col; c <= bottomRight.col; c++) { + if (!(this.from.row === r && this.from.col === c) && !(this.to.row === r && this.to.col === c)) { + out.push(new _coords2.default(r, c)); + } + } + } + return out; + } + + /** + * Get all selected cell coords defined by this range + * + * @returns {Array} + */ + + }, { + key: 'getAll', + value: function getAll() { + var topLeft = this.getTopLeftCorner(); + var bottomRight = this.getBottomRightCorner(); + var out = []; + + for (var r = topLeft.row; r <= bottomRight.row; r++) { + for (var c = topLeft.col; c <= bottomRight.col; c++) { + if (topLeft.row === r && topLeft.col === c) { + out.push(topLeft); + } else if (bottomRight.row === r && bottomRight.col === c) { + out.push(bottomRight); + } else { + out.push(new _coords2.default(r, c)); + } + } + } + + return out; + } + + /** + * Runs a callback function against all cells in the range. You can break the iteration by returning + * `false` in the callback function + * + * @param callback {Function} + */ + + }, { + key: 'forAll', + value: function forAll(callback) { + var topLeft = this.getTopLeftCorner(); + var bottomRight = this.getBottomRightCorner(); + + for (var r = topLeft.row; r <= bottomRight.row; r++) { + for (var c = topLeft.col; c <= bottomRight.col; c++) { + var breakIteration = callback(r, c); + + if (breakIteration === false) { + return; + } + } + } + } + }]); + + return CellRange; +}(); + +exports.default = CellRange; + +/***/ }), +/* 69 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _array = __webpack_require__(2); + +var _object = __webpack_require__(1); + +var MIXIN_NAME = 'localHooks'; + +/** + * Mixin object to extend objects functionality for local hooks. + * + * @type {Object} + */ +var localHooks = { + /** + * Internal hooks storage. + */ + _localHooks: Object.create(null), + + /** + * Add hook to the collection. + * + * @param {String} key Hook name. + * @param {Function} callback Hook callback + */ + addLocalHook: function addLocalHook(key, callback) { + if (!this._localHooks[key]) { + this._localHooks[key] = []; + } + this._localHooks[key].push(callback); + }, + + + /** + * Run hooks. + * + * @param {String} key Hook name. + * @param {*} params + */ + runLocalHooks: function runLocalHooks(key) { + var _this = this; + + for (var _len = arguments.length, params = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + params[_key - 1] = arguments[_key]; + } + + if (this._localHooks[key]) { + (0, _array.arrayEach)(this._localHooks[key], function (callback) { + return callback.apply(_this, params); + }); + } + }, + + + /** + * Clear all added hooks. + */ + clearLocalHooks: function clearLocalHooks() { + this._localHooks = {}; + } +}; + +(0, _object.defineGetter)(localHooks, 'MIXIN_NAME', MIXIN_NAME, { + writable: false, + enumerable: false +}); + +exports.default = localHooks; + +/***/ }), +/* 70 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.ITEMS = exports.UNDO = exports.SEPARATOR = exports.ROW_BELOW = exports.ROW_ABOVE = exports.REMOVE_ROW = exports.REMOVE_COLUMN = exports.REDO = exports.READ_ONLY = exports.COLUMN_RIGHT = exports.COLUMN_LEFT = exports.CLEAR_COLUMN = exports.ALIGNMENT = undefined; + +var _predefinedItems2; + +var _alignment = __webpack_require__(223); + +Object.defineProperty(exports, 'ALIGNMENT', { + enumerable: true, + get: function get() { + return _alignment.KEY; + } +}); + +var _clearColumn = __webpack_require__(224); + +Object.defineProperty(exports, 'CLEAR_COLUMN', { + enumerable: true, + get: function get() { + return _clearColumn.KEY; + } +}); + +var _columnLeft = __webpack_require__(225); + +Object.defineProperty(exports, 'COLUMN_LEFT', { + enumerable: true, + get: function get() { + return _columnLeft.KEY; + } +}); + +var _columnRight = __webpack_require__(226); + +Object.defineProperty(exports, 'COLUMN_RIGHT', { + enumerable: true, + get: function get() { + return _columnRight.KEY; + } +}); + +var _readOnly = __webpack_require__(227); + +Object.defineProperty(exports, 'READ_ONLY', { + enumerable: true, + get: function get() { + return _readOnly.KEY; + } +}); + +var _redo = __webpack_require__(228); + +Object.defineProperty(exports, 'REDO', { + enumerable: true, + get: function get() { + return _redo.KEY; + } +}); + +var _removeColumn = __webpack_require__(229); + +Object.defineProperty(exports, 'REMOVE_COLUMN', { + enumerable: true, + get: function get() { + return _removeColumn.KEY; + } +}); + +var _removeRow = __webpack_require__(230); + +Object.defineProperty(exports, 'REMOVE_ROW', { + enumerable: true, + get: function get() { + return _removeRow.KEY; + } +}); + +var _rowAbove = __webpack_require__(231); + +Object.defineProperty(exports, 'ROW_ABOVE', { + enumerable: true, + get: function get() { + return _rowAbove.KEY; + } +}); + +var _rowBelow = __webpack_require__(232); + +Object.defineProperty(exports, 'ROW_BELOW', { + enumerable: true, + get: function get() { + return _rowBelow.KEY; + } +}); + +var _separator = __webpack_require__(71); + +Object.defineProperty(exports, 'SEPARATOR', { + enumerable: true, + get: function get() { + return _separator.KEY; + } +}); + +var _undo = __webpack_require__(233); + +Object.defineProperty(exports, 'UNDO', { + enumerable: true, + get: function get() { + return _undo.KEY; + } +}); +exports.predefinedItems = predefinedItems; +exports.addItem = addItem; + +var _object = __webpack_require__(1); + +var _alignment2 = _interopRequireDefault(_alignment); + +var _clearColumn2 = _interopRequireDefault(_clearColumn); + +var _columnLeft2 = _interopRequireDefault(_columnLeft); + +var _columnRight2 = _interopRequireDefault(_columnRight); + +var _readOnly2 = _interopRequireDefault(_readOnly); + +var _redo2 = _interopRequireDefault(_redo); + +var _removeColumn2 = _interopRequireDefault(_removeColumn); + +var _removeRow2 = _interopRequireDefault(_removeRow); + +var _rowAbove2 = _interopRequireDefault(_rowAbove); + +var _rowBelow2 = _interopRequireDefault(_rowBelow); + +var _separator2 = _interopRequireDefault(_separator); + +var _undo2 = _interopRequireDefault(_undo); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var ITEMS = exports.ITEMS = [_rowAbove.KEY, _rowBelow.KEY, _columnLeft.KEY, _columnRight.KEY, _clearColumn.KEY, _removeRow.KEY, _removeColumn.KEY, _undo.KEY, _redo.KEY, _readOnly.KEY, _alignment.KEY, _separator.KEY]; + +var _predefinedItems = (_predefinedItems2 = {}, _defineProperty(_predefinedItems2, _separator.KEY, _separator2.default), _defineProperty(_predefinedItems2, _rowAbove.KEY, _rowAbove2.default), _defineProperty(_predefinedItems2, _rowBelow.KEY, _rowBelow2.default), _defineProperty(_predefinedItems2, _columnLeft.KEY, _columnLeft2.default), _defineProperty(_predefinedItems2, _columnRight.KEY, _columnRight2.default), _defineProperty(_predefinedItems2, _clearColumn.KEY, _clearColumn2.default), _defineProperty(_predefinedItems2, _removeRow.KEY, _removeRow2.default), _defineProperty(_predefinedItems2, _removeColumn.KEY, _removeColumn2.default), _defineProperty(_predefinedItems2, _undo.KEY, _undo2.default), _defineProperty(_predefinedItems2, _redo.KEY, _redo2.default), _defineProperty(_predefinedItems2, _readOnly.KEY, _readOnly2.default), _defineProperty(_predefinedItems2, _alignment.KEY, _alignment2.default), _predefinedItems2); + +/** + * Gets new object with all predefined menu items. + * + * @returns {Object} + */ +function predefinedItems() { + var items = {}; + + (0, _object.objectEach)(_predefinedItems, function (itemFactory, key) { + items[key] = itemFactory(); + }); + + return items; +} + +/** + * Add new predefined menu item to the collection. + * + * @param {String} key Menu command id. + * @param {Object} item Object command descriptor. + */ +function addItem(key, item) { + if (ITEMS.indexOf(key) === -1) { + _predefinedItems[key] = item; + } +} + +/***/ }), +/* 71 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.default = separatorItem; +var KEY = exports.KEY = '---------'; + +function separatorItem() { + return { + name: KEY + }; +} + +/***/ }), +/* 72 */ +/***/ (function(module, exports) { + +module.exports = function(it){ + if(typeof it != 'function')throw TypeError(it + ' is not a function!'); + return it; +}; + +/***/ }), +/* 73 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var $defineProperty = __webpack_require__(19) + , createDesc = __webpack_require__(40); + +module.exports = function(object, index, value){ + if(index in object)$defineProperty.f(object, index, createDesc(0, value)); + else object[index] = value; +}; + +/***/ }), +/* 74 */ +/***/ (function(module, exports, __webpack_require__) { + +var isObject = __webpack_require__(15) + , document = __webpack_require__(13).document + // in old IE typeof document.createElement is 'object' + , is = isObject(document) && isObject(document.createElement); +module.exports = function(it){ + return is ? document.createElement(it) : {}; +}; + +/***/ }), +/* 75 */ +/***/ (function(module, exports) { + +// IE 8- don't enum bug keys +module.exports = ( + 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' +).split(','); + +/***/ }), +/* 76 */ +/***/ (function(module, exports, __webpack_require__) { + +var MATCH = __webpack_require__(10)('match'); +module.exports = function(KEY){ + var re = /./; + try { + '/./'[KEY](re); + } catch(e){ + try { + re[MATCH] = false; + return !'/./'[KEY](re); + } catch(f){ /* empty */ } + } return true; +}; + +/***/ }), +/* 77 */ +/***/ (function(module, exports, __webpack_require__) { + +// fallback for non-array-like ES3 and non-enumerable old V8 strings +var cof = __webpack_require__(38); +module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){ + return cof(it) == 'String' ? it.split('') : Object(it); +}; + +/***/ }), +/* 78 */ +/***/ (function(module, exports, __webpack_require__) { + +var ITERATOR = __webpack_require__(10)('iterator') + , SAFE_CLOSING = false; + +try { + var riter = [7][ITERATOR](); + riter['return'] = function(){ SAFE_CLOSING = true; }; + Array.from(riter, function(){ throw 2; }); +} catch(e){ /* empty */ } + +module.exports = function(exec, skipClosing){ + if(!skipClosing && !SAFE_CLOSING)return false; + var safe = false; + try { + var arr = [7] + , iter = arr[ITERATOR](); + iter.next = function(){ return {done: safe = true}; }; + arr[ITERATOR] = function(){ return iter; }; + exec(arr); + } catch(e){ /* empty */ } + return safe; +}; + +/***/ }), +/* 79 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) +var anObject = __webpack_require__(18) + , dPs = __webpack_require__(288) + , enumBugKeys = __webpack_require__(75) + , IE_PROTO = __webpack_require__(82)('IE_PROTO') + , Empty = function(){ /* empty */ } + , PROTOTYPE = 'prototype'; + +// Create object with fake `null` prototype: use iframe Object with cleared prototype +var createDict = function(){ + // Thrash, waste and sodomy: IE GC bug + var iframe = __webpack_require__(74)('iframe') + , i = enumBugKeys.length + , lt = '<' + , gt = '>' + , iframeDocument; + iframe.style.display = 'none'; + __webpack_require__(159).appendChild(iframe); + iframe.src = 'javascript:'; // eslint-disable-line no-script-url + // createDict = iframe.contentWindow.Object; + // html.removeChild(iframe); + iframeDocument = iframe.contentWindow.document; + iframeDocument.open(); + iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); + iframeDocument.close(); + createDict = iframeDocument.F; + while(i--)delete createDict[PROTOTYPE][enumBugKeys[i]]; + return createDict(); +}; + +module.exports = Object.create || function create(O, Properties){ + var result; + if(O !== null){ + Empty[PROTOTYPE] = anObject(O); + result = new Empty; + Empty[PROTOTYPE] = null; + // add "__proto__" for Object.getPrototypeOf polyfill + result[IE_PROTO] = O; + } else result = createDict(); + return Properties === undefined ? result : dPs(result, Properties); +}; + + +/***/ }), +/* 80 */ +/***/ (function(module, exports, __webpack_require__) { + +var pIE = __webpack_require__(47) + , createDesc = __webpack_require__(40) + , toIObject = __webpack_require__(23) + , toPrimitive = __webpack_require__(86) + , has = __webpack_require__(22) + , IE8_DOM_DEFINE = __webpack_require__(160) + , gOPD = Object.getOwnPropertyDescriptor; + +exports.f = __webpack_require__(21) ? gOPD : function getOwnPropertyDescriptor(O, P){ + O = toIObject(O); + P = toPrimitive(P, true); + if(IE8_DOM_DEFINE)try { + return gOPD(O, P); + } catch(e){ /* empty */ } + if(has(O, P))return createDesc(!pIE.f.call(O, P), O[P]); +}; + +/***/ }), +/* 81 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O) +var $keys = __webpack_require__(169) + , hiddenKeys = __webpack_require__(75).concat('length', 'prototype'); + +exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O){ + return $keys(O, hiddenKeys); +}; + +/***/ }), +/* 82 */ +/***/ (function(module, exports, __webpack_require__) { + +var shared = __webpack_require__(83)('keys') + , uid = __webpack_require__(49); +module.exports = function(key){ + return shared[key] || (shared[key] = uid(key)); +}; + +/***/ }), +/* 83 */ +/***/ (function(module, exports, __webpack_require__) { + +var global = __webpack_require__(13) + , SHARED = '__core-js_shared__' + , store = global[SHARED] || (global[SHARED] = {}); +module.exports = function(key){ + return store[key] || (store[key] = {}); +}; + +/***/ }), +/* 84 */ +/***/ (function(module, exports, __webpack_require__) { + +// helper for String#{startsWith, endsWith, includes} +var isRegExp = __webpack_require__(164) + , defined = __webpack_require__(30); + +module.exports = function(that, searchString, NAME){ + if(isRegExp(searchString))throw TypeError('String#' + NAME + " doesn't accept regex!"); + return String(defined(that)); +}; + +/***/ }), +/* 85 */ +/***/ (function(module, exports, __webpack_require__) { + +var ctx = __webpack_require__(29) + , invoke = __webpack_require__(284) + , html = __webpack_require__(159) + , cel = __webpack_require__(74) + , global = __webpack_require__(13) + , process = global.process + , setTask = global.setImmediate + , clearTask = global.clearImmediate + , MessageChannel = global.MessageChannel + , counter = 0 + , queue = {} + , ONREADYSTATECHANGE = 'onreadystatechange' + , defer, channel, port; +var run = function(){ + var id = +this; + if(queue.hasOwnProperty(id)){ + var fn = queue[id]; + delete queue[id]; + fn(); + } +}; +var listener = function(event){ + run.call(event.data); +}; +// Node.js 0.9+ & IE10+ has setImmediate, otherwise: +if(!setTask || !clearTask){ + setTask = function setImmediate(fn){ + var args = [], i = 1; + while(arguments.length > i)args.push(arguments[i++]); + queue[++counter] = function(){ + invoke(typeof fn == 'function' ? fn : Function(fn), args); + }; + defer(counter); + return counter; + }; + clearTask = function clearImmediate(id){ + delete queue[id]; + }; + // Node.js 0.8- + if(__webpack_require__(38)(process) == 'process'){ + defer = function(id){ + process.nextTick(ctx(run, id, 1)); + }; + // Browsers with MessageChannel, includes WebWorkers + } else if(MessageChannel){ + channel = new MessageChannel; + port = channel.port2; + channel.port1.onmessage = listener; + defer = ctx(port.postMessage, port, 1); + // Browsers with postMessage, skip WebWorkers + // IE8 has postMessage, but it's sync & typeof its postMessage is 'object' + } else if(global.addEventListener && typeof postMessage == 'function' && !global.importScripts){ + defer = function(id){ + global.postMessage(id + '', '*'); + }; + global.addEventListener('message', listener, false); + // IE8- + } else if(ONREADYSTATECHANGE in cel('script')){ + defer = function(id){ + html.appendChild(cel('script'))[ONREADYSTATECHANGE] = function(){ + html.removeChild(this); + run.call(id); + }; + }; + // Rest old browsers + } else { + defer = function(id){ + setTimeout(ctx(run, id, 1), 0); + }; + } +} +module.exports = { + set: setTask, + clear: clearTask +}; + +/***/ }), +/* 86 */ +/***/ (function(module, exports, __webpack_require__) { + +// 7.1.1 ToPrimitive(input [, PreferredType]) +var isObject = __webpack_require__(15); +// instead of the ES6 spec version, we didn't implement @@toPrimitive case +// and the second argument - flag - preferred type is a string +module.exports = function(it, S){ + if(!isObject(it))return it; + var fn, val; + if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; + if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val; + if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; + throw TypeError("Can't convert object to primitive value"); +}; + +/***/ }), +/* 87 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE_87__; + +/***/ }), +/* 88 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +var _mixed = __webpack_require__(20); + +var _object = __webpack_require__(1); + +/** + * @alias Options + * @constructor + * @description + + * ## Constructor options + * + * Constructor options are applied using an object literal passed as a second argument to the Handsontable constructor. + * + * ```js + * var hot = new Handsontable(document.getElementById('example1'), { + * data: myArray, + * width: 400, + * height: 300 + * }); + * ``` + * + * --- + * ## Cascading configuration + * + * Handsontable 0.9 and newer is using *Cascading Configuration*, which is a fast way to provide configuration options + * for the entire table, including its columns and particular cells. + * + * Consider the following example: + * ```js + * var hot = new Handsontable(document.getElementById('example'), { + * readOnly: true, + * columns: [ + * {readOnly: false}, + * {}, + * {} + * ], + * cells: function (row, col, prop) { + * var cellProperties = {}; + * + * if (row === 0 && col === 0) { + * cellProperties.readOnly = true; + * } + * + * return cellProperties; + * } + * }); + * ``` + * + * The above notation will result in all TDs being *read only*, except for first column TDs which will be *editable*, except for the TD in top left corner which will still be *read only*. + * + * ### The Cascading Configuration model + * + * ##### 1. Constructor + * + * Configuration options that are provided using first-level `handsontable(container, {option: "value"})` and `updateSettings` method. + * + * ##### 2. Columns + * + * Configuration options that are provided using second-level object `handsontable(container, {columns: {option: "value"}]})` + * + * ##### 3. Cells + * + * Configuration options that are provided using second-level function `handsontable(container, {cells: function: (row, col, prop){ }})` + * + * --- + * ## Architecture performance + * + * The Cascading Configuration model is based on prototypical inheritance. It is much faster and memory efficient compared + * to the previous model that used jQuery extend. See: [http://jsperf.com/extending-settings](http://jsperf.com/extending-settings). + * + * --- + * __Important notice:__ In order for the data separation to work properly, make sure that each instance of Handsontable has a unique `id`. + */ +function DefaultSettings() {}; + +DefaultSettings.prototype = { + /** + * @description + * Initial data source that will be bound to the data grid __by reference__ (editing data grid alters the data source). + * Can be declared as an Array of Arrays, Array of Objects or a Function. + * + * See [Understanding binding as reference](http://docs.handsontable.com/tutorial-data-binding.html#page-reference). + * + * @type {Array|Function} + * @default undefined + */ + data: void 0, + + /** + * @description + * Defines the structure of a new row when data source is an array of objects. + * + * See [data-schema](http://docs.handsontable.com/tutorial-data-sources.html#page-data-schema) for examples. + * + * @type {Object} + * @default undefined + */ + dataSchema: void 0, + + /** + * Width of the grid. Can be a value or a function that returns a value. + * + * @type {Number|Function} + * @default undefined + */ + width: void 0, + + /** + * Height of the grid. Can be a number or a function that returns a number. + * + * @type {Number|Function} + * @default undefined + */ + height: void 0, + + /** + * @description + * Initial number of rows. + * + * __Notice:__ This option only has effect in Handsontable constructor and only if `data` option is not provided + * + * @type {Number} + * @default 5 + */ + startRows: 5, + + /** + * @description + * Initial number of columns. + * + * __Notice:__ This option only has effect in Handsontable constructor and only if `data` option is not provided + * + * @type {Number} + * @default 5 + */ + startCols: 5, + + /** + * Setting `true` or `false` will enable or disable the default row headers (1, 2, 3). + * You can also define an array `['One', 'Two', 'Three', ...]` or a function to define the headers. + * If a function is set the index of the row is passed as a parameter. + * + * @type {Boolean|Array|Function} + * @default null + * @example + * ```js + * ... + * // as boolean + * rowHeaders: true, + * ... + * + * ... + * // as array + * rowHeaders: [1, 2, 3], + * ... + * + * ... + * // as function + * rowHeaders: function(index) { + * return index + ': AB'; + * }, + * ... + * ``` + */ + rowHeaders: void 0, + + /** + * Setting `true` or `false` will enable or disable the default column headers (A, B, C). + * You can also define an array `['One', 'Two', 'Three', ...]` or a function to define the headers. + * If a function is set, then the index of the column is passed as a parameter. + * + * @type {Boolean|Array|Function} + * @default null + * @example + * ```js + * ... + * // as boolean + * colHeaders: true, + * ... + * + * ... + * // as array + * colHeaders: ['A', 'B', 'C'], + * ... + * + * ... + * // as function + * colHeaders: function(index) { + * return index + ': AB'; + * }, + * ... + * ``` + */ + colHeaders: null, + + /** + * Defines column widths in pixels. Accepts number, string (that will be converted to a number), + * array of numbers (if you want to define column width separately for each column) or a + * function (if you want to set column width dynamically on each render). + * + * @type {Array|Function|Number|String} + * @default undefined + * @example + * ```js + * ... + * // as numeric, for each column. + * colWidths: 100, + * ... + * + * * ... + * // as string, for each column. + * colWidths: '100px', + * ... + * + * ... + * // as array, based on visual indexes. The rest of the columns have a default width. + * colWidths: [100, 120, 90], + * ... + * + * ... + * // as function, based on visual indexes. + * colWidths: function(index) { + * return index * 10; + * }, + * ... + * ``` + */ + colWidths: void 0, + + /** + * Defines row heights in pixels. Accepts numbers, strings (that will be converted into a number), + * array of numbers (if you want to define row height separately for each row) or a + * function (if you want to set row height dynamically on each render). + * If the ManualRowResize or AutoRowSize plugins are enabled, this is also the minimum height that can be set + * via either of those two plugins. + * Height should be equal or greater than 23px. Table is rendered incorrectly if height is less than 23px. + * + * @type {Array|Function|Number|String} + * @default undefined + * @example + * ```js + * ... + * // as numeric, for each row. + * rowHeights: 100, + * ... + * + * * ... + * // as string, for each row. + * rowHeights: '100px', + * ... + * + * ... + * // as array, based on visual indexes. The rest of the rows have a default height. + * rowHeights: [100, 120, 90], + * ... + * + * ... + * // as function, based on visual indexes. + * rowHeights: function(index) { + * return index * 10; + * }, + * ... + * ``` + */ + rowHeights: void 0, + + /** + * @description + * Defines the cell properties and data binding for certain columns. + * + * __Notice:__ Using this option sets a fixed number of columns (options `startCols`, `minCols`, `maxCols` will be ignored). + * + * See [documentation -> datasources.html](http://docs.handsontable.com/tutorial-data-sources.html#page-nested) for examples. + * + * @type {Array|Function} + * @default undefined + * @example + * ```js + * ... + * // as an array of objects. Order of the objects in array is representation of physical indexes. + * columns: [ + * { + * // column options for the first column + * type: 'numeric', + * format: '0,0.00 $' + * }, + * { + * // column options for the second column + * type: 'text', + * readOnly: true + * } + * ], + * ... + * + * // or as function, based on physical indexes + * ... + * columns: function(index) { + * return { + * type: index > 0 ? 'numeric' : 'text', + * readOnly: index < 1 + * } + * } + * ... + * ``` + */ + columns: void 0, + + /** + * @description + * Defines the cell properties for given `row`, `col`, `prop` coordinates. + * Any constructor or column option may be overwritten for a particular cell (row/column combination) + * using the `cells` property in the Handsontable constructor. + * + * __Note:__ Parameters `row` and `col` always represent __physical indexes__. Example below show how to execute + * operations based on the __visual__ representation of Handsontable. + * + * Possible values of `prop`: + * - property name for column's data source object, when dataset is an [array of objects](/tutorial-data-sources.html#page-object) + * - the same number as `col`, when dataset is an [array of arrays](/tutorial-data-sources.html#page-array) + * + * @type {Function} + * @default undefined + * @example + * ```js + * ... + * cells: function (row, col, prop) { + * var cellProperties = {}; + * var visualRowIndex = this.instance.toVisualRow(row); + * var visualColIndex = this.instance.toVisualColumn(col); + * + * if (visualRowIndex === 0 && visualColIndex === 0) { + * cellProperties.readOnly = true; + * } + * + * return cellProperties; + * }, + * ... + * ``` + */ + cells: void 0, + + /** + * Any constructor or column option may be overwritten for a particular cell (row/column combination), using `cell` + * array passed to the Handsontable constructor. + * + * @type {Array} + * @default [] + * @example + * ```js + * ... + * cell: [ + * {row: 0, col: 0, readOnly: true} + * ], + * ... + * ``` + */ + cell: [], + + /** + * @description + * If `true`, enables the {@link Comments} plugin, which enables an option to apply cell comments through the context menu + * (configurable with context menu keys `commentsAddEdit`, `commentsRemove`). + * + * To initialize Handsontable with predefined comments, provide cell coordinates and comment text values in a form of an array. + * + * See [Comments](http://docs.handsontable.com/demo-comments_.html) demo for examples. + * + * @since 0.11.0 + * @type {Boolean|Array} + * @default false + * @example + * ```js + * ... + * comments: [{row: 1, col: 1, comment: {value: "Test comment"}}], + * ... + * ``` + */ + comments: false, + + /** + * @description + * If `true`, enables the Custom Borders plugin, which enables an option to apply custom borders through the context menu (configurable with context menu key `borders`). + * + * To initialize Handsontable with predefined custom borders, provide cell coordinates and border styles in a form of an array. + * + * See [Custom Borders](http://docs.handsontable.com/demo-custom-borders.html) demo for examples. + * + * @since 0.11.0 + * @type {Boolean|Array} + * @default false + * @example + * ```js + * ... + * customBorders: [ + * {range: { + * from: {row: 1, col: 1}, + * to: {row: 3, col: 4}}, + * left: {}, + * right: {}, + * top: {}, + * bottom: {} + * } + * ], + * ... + * + * // or + * ... + * customBorders: [ + * {row: 2, col: 2, left: {width: 2, color: 'red'}, + * right: {width: 1, color: 'green'}, top: '', bottom: ''} + * ], + * ... + * ``` + */ + customBorders: false, + + /** + * Minimum number of rows. At least that number of rows will be created during initialization. + * + * @type {Number} + * @default 0 + */ + minRows: 0, + + /** + * Minimum number of columns. At least that number of columns will be created during initialization. + * + * @type {Number} + * @default 0 + */ + minCols: 0, + + /** + * Maximum number of rows. If set to a value lower than the initial row count, the data will be trimmed to the provided value as the number of rows. + * + * @type {Number} + * @default Infinity + */ + maxRows: Infinity, + + /** + * Maximum number of cols. If set to a value lower than the initial col count, the data will be trimmed to the provided value as the number of cols. + * + * @type {Number} + * @default Infinity + */ + maxCols: Infinity, + + /** + * When set to 1 (or more), Handsontable will add a new row at the end of grid if there are no more empty rows. + * (unless the number of rows exceeds the one set in the `maxRows` property) + * + * @type {Number} + * @default 0 + */ + minSpareRows: 0, + + /** + * When set to 1 (or more), Handsontable will add a new column at the end of grid if there are no more empty columns. + * (unless the number of rows exceeds the one set in the `maxCols` property) + * + * @type {Number} + * @default 0 + */ + minSpareCols: 0, + + /** + * If set to `false`, there won't be an option to insert new rows in the Context Menu. + * + * @type {Boolean} + * @default true + */ + allowInsertRow: true, + + /** + * If set to `false`, there won't be an option to insert new columns in the Context Menu. + * + * @type {Boolean} + * @default true + */ + allowInsertColumn: true, + + /** + * If set to `false`, there won't be an option to remove rows in the Context Menu. + * + * @type {Boolean} + * @default true + */ + allowRemoveRow: true, + + /** + * If set to `false`, there won't be an option to remove columns in the Context Menu. + * + * @type {Boolean} + * @default true + */ + allowRemoveColumn: true, + + /** + * If true, selection of multiple cells using keyboard or mouse is allowed. + * + * @type {Boolean} + * @default true + */ + multiSelect: true, + + /** + * Enables the fill handle (drag-down and copy-down) functionality, which shows a small rectangle in bottom + * right corner of the selected area, that let's you expand values to the adjacent cells. + * + * Possible values: `true` (to enable in all directions), `'vertical'` or `'horizontal'` (to enable in one direction), + * `false` (to disable completely). Setting to `true` enables the fillHandle plugin. + * + * Since 0.23.0 you can pass object to plugin which allows you to add more options for this functionality. If `autoInsertRow` + * option is `true`, fill-handler will create new rows till it reaches the last row. It is enabled by default. + * + * @example + * ```js + * ... + * fillHandle: true // enable plugin in all directions and with autoInsertRow as true + * ... + * // or + * ... + * fillHandle: 'vertical' // enable plugin in vertical direction and with autoInsertRow as true + * ... + * // or + * ... + * fillHandle: { // enable plugin in both directions and with autoInsertRow as false + * autoInsertRow: false, + * } + * // or + * ... + * fillHandle: { // enable plugin in vertical direction and with autoInsertRow as false + * autoInsertRow: false, + * direction: 'vertical' // 'vertical' or 'horizontal' + * } + * ``` + * + * @type {Boolean|String|Object} + * @default true + */ + fillHandle: true, + + /** + * Allows to specify the number of fixed (or *frozen*) rows at the top of the table. + * + * @type {Number} + * @default 0 + * @example + * ```js + * fixedRowsTop: 3 // This would freeze the top 3 rows of the table. + * ``` + */ + fixedRowsTop: 0, + + /** + * Allows to specify the number of fixed (or *frozen*) rows at the bottom of the table. + * + * @pro + * @type {Number} + * @default 0 + * @example + * ```js + * fixedRowsBottom: 3 // This would freeze the top 3 rows of the table. + * ``` + */ + fixedRowsBottom: 0, + + /** + * Allows to specify the number of fixed (or *frozen*) columns on the left of the table. + * + * @type {Number} + * @default 0 + * @example + * ```js + * fixedColumnsLeft: 3 // This would freeze the top 3 rows of the table. + * ``` + */ + fixedColumnsLeft: 0, + + /** + * If `true`, mouse click outside the grid will deselect the current selection. + * Can be a function that takes the click event target and returns a boolean. + * + * @type {Boolean|Function} + * @default true + */ + outsideClickDeselects: true, + + /** + * If `true`, ENTER begins editing mode (like in Google Docs). If `false`, ENTER moves to next + * row (like Excel) and adds a new row if necessary. TAB adds new column if necessary. + * + * @type {Boolean} + * @default true + */ + enterBeginsEditing: true, + + /** + * Defines the cursor movement after ENTER was pressed (SHIFT + ENTER uses a negative vector). + * Can be an object or a function that returns an object. The event argument passed to the function + * is a DOM Event object received after the ENTER key has been pressed. This event object can be used to check + * whether user pressed ENTER or SHIFT + ENTER. + * + * @type {Object|Function} + * @default {row: 1, col: 0} + */ + enterMoves: { row: 1, col: 0 }, + + /** + * Defines the cursor movement after TAB is pressed (SHIFT + TAB uses a negative vector). + * Can be an object or a function that returns an object. The event argument passed to the function + * is a DOM Event object received after the TAB key has been pressed. This event object can be used to check + * whether user pressed TAB or SHIFT + TAB. + * + * @type {Object} + * @default {row: 0, col: 1} + */ + tabMoves: { row: 0, col: 1 }, + + /** + * If `true`, pressing TAB or right arrow in the last column will move to first column in next row. + * + * @type {Boolean} + * @default false + */ + autoWrapRow: false, + + /** + * If `true`, pressing ENTER or down arrow in the last row will move to the first row in the next column. + * + * @type {Boolean} + * @default false + */ + autoWrapCol: false, + + /** + * @description + * Turns on saving the state of column sorting, column positions and column sizes in local storage. + * + * You can save any sort of data in local storage to preserve table state between page reloads. + * In order to enable data storage mechanism, `persistentState` option must be set to `true` (you can set it + * either during Handsontable initialization or using the `updateSettings` method). When `persistentState` is enabled it exposes 3 hooks: + * + * __persistentStateSave__ (key: String, value: Mixed) + * + * * Saves value under given key in browser local storage. + * + * __persistentStateLoad__ (key: String, valuePlaceholder: Object) + * + * * Loads `value`, saved under given key, form browser local storage. The loaded `value` will be saved in `valuePlaceholder.value` + * (this is due to specific behaviour of `Hooks.run()` method). If no value have been saved under key `valuePlaceholder.value` + * will be `undefined`. + * + * __persistentStateReset__ (key: String) + * + * * Clears the value saved under `key`. If no `key` is given, all values associated with table will be cleared. + * + * __Note:__ The main reason behind using `persistentState` hooks rather than regular LocalStorage API is that it + * ensures separation of data stored by multiple Handsontable instances. In other words, if you have two (or more) + * instances of Handsontable on one page, data saved by one instance won't be accessible by the second instance. + * Those two instances can store data under the same key and no data would be overwritten. + * + * __Important:__ In order for the data separation to work properly, make sure that each instance of Handsontable has a unique `id`. + * + * @type {Boolean} + * @default false + */ + persistentState: void 0, + + /** + * Class name for all visible rows in the current selection. + * + * @type {String} + * @default undefined + * @example + * ```js + * currentRowClassName: 'currentRow' // This will add a 'currentRow' class name to appropriate table cells. + * ``` + */ + currentRowClassName: void 0, + + /** + * Class name for all visible columns in the current selection. + * + * @type {String} + * @default undefined + * @example + * ```js + * currentColClassName: 'currentColumn' // This will add a 'currentColumn' class name to appropriate table cells. + * ``` + */ + currentColClassName: void 0, + + /** + * Class name for all visible headers in current selection. + * + * @type {String} + * @since 0.27.0 + * @default 'ht__highlight' + * @example + * ```js + * currentHeaderClassName: 'ht__highlight' // This will add a 'ht__highlight' class name to appropriate table headers. + * ``` + */ + currentHeaderClassName: 'ht__highlight', + /** + * Class name for the Handsontable container element. + * + * @type {String|Array} + * @default undefined + */ + className: void 0, + + /** + * Class name for all tables inside container element. + * + * @since 0.17.0 + * @type {String|Array} + * @default undefined + */ + tableClassName: void 0, + + /** + * @description + * Defines how the columns react, when the declared table width is different than the calculated sum of all column widths. + * [See more](http://docs.handsontable.com/demo-stretching.html) mode. Possible values: + * * `'none'` Disable stretching + * * `'last'` Stretch only the last column + * * `'all'` Stretch all the columns evenly + * + * @type {String} + * @default 'none' + */ + stretchH: 'none', + + /** + * Lets you overwrite the default `isEmptyRow` method, which checks if row at the provided index is empty. + * + * @type {Function} + * @param {Number} row Visual row index. + * @returns {Boolean} + */ + isEmptyRow: function isEmptyRow(row) { + var col, colLen, value, meta; + + for (col = 0, colLen = this.countCols(); col < colLen; col++) { + value = this.getDataAtCell(row, col); + + if (value !== '' && value !== null && (0, _mixed.isDefined)(value)) { + if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') { + meta = this.getCellMeta(row, col); + + return (0, _object.isObjectEquals)(this.getSchema()[meta.prop], value); + } + return false; + } + } + + return true; + }, + + + /** + * Lets you overwrite the default `isEmptyCol` method, which checks if column at the provided index is empty. + * + * @type {Function} + * @param {Number} col Visual column index + * @returns {Boolean} + */ + isEmptyCol: function isEmptyCol(col) { + var row, rowLen, value; + + for (row = 0, rowLen = this.countRows(); row < rowLen; row++) { + value = this.getDataAtCell(row, col); + + if (value !== '' && value !== null && (0, _mixed.isDefined)(value)) { + return false; + } + } + + return true; + }, + + + /** + * When set to `true`, the table is re-rendered when it is detected that it was made visible in DOM. + * + * @type {Boolean} + * @default true + */ + observeDOMVisibility: true, + + /** + * If set to `true`, Handsontable will accept values that were marked as invalid by the cell `validator`. + * It will result with *invalid* cells being treated as *valid* (will save the *invalid* value into the Handsontable data source). + * If set to `false`, Handsontable will *not* accept the invalid values and won't allow the user to close the editor. + * This option will be particularly useful when used with the Autocomplete's `strict` mode. + * + * @type {Boolean} + * @default true + * @since 0.9.5 + */ + allowInvalid: true, + + /** + * If set to `true`, Handsontable will accept values that are empty (`null`, `undefined` or `''`). + * If set to `false`, Handsontable will *not* accept the empty values and mark cell as invalid. + * + * @example + * ```js + * ... + * allowEmpty: true // allow empty values for all cells (whole table) + * ... + * // or + * ... + * columns: [ + * // allow empty values only for 'date' column + * {data: 'date', dateFormat: 'DD/MM/YYYY', allowEmpty: true} + * ] + * ... + * ``` + * + * @type {Boolean} + * @default true + * @since 0.23.0 + */ + allowEmpty: true, + + /** + * CSS class name for cells that did not pass validation. + * + * @type {String} + * @default 'htInvalid' + */ + invalidCellClassName: 'htInvalid', + + /** + * When set to an non-empty string, displayed as the cell content for empty cells. If a value of a different type is provided, + * it will be stringified and applied as a string. + * + * @type {Mixed} + * @default false + */ + placeholder: false, + + /** + * CSS class name for cells that have a placeholder in use. + * + * @type {String} + * @default 'htPlaceholder' + */ + placeholderCellClassName: 'htPlaceholder', + + /** + * CSS class name for read-only cells. + * + * @type {String} + * @default 'htDimmed' + */ + readOnlyCellClassName: 'htDimmed', + + /** + * @description + * If a string is provided, it may be one of the following predefined values: + * * `autocomplete`, + * * `checkbox`, + * * `html`, + * * `numeric`, + * * `password`. + * * `text`. + * + * Or you can [register](http://docs.handsontable.com/demo-custom-renderers.html) the custom renderer under specified name and use + * its name as an alias in your configuration. + * + * If a function is provided, it will receive the following arguments: + * ```js + * function(instance, TD, row, col, prop, value, cellProperties) {} + * ``` + * + * You can read more about custom renderes [in the documentation](http://docs.handsontable.com/demo-custom-renderers.html). + * + * @example + * ```js + * ... + * Handsontable.renderers.registerRenderer('my.renderer', function(instance, TD, row, col, prop, value, cellProperties) { + * TD.innerHTML = value; + * }); + * ... + * columns: [ + * { + * editor: 'select', + * renderer: 'autocomplete' // as string + * }, + * { + * renderer: 'my.renderer' // custom renderer as an alias + * }, + * { + * // renderer as custom function + * renderer: function(hotInstance, TD, row, col, prop, value, cellProperties) { + * TD.style.color = 'blue'; + * TD.innerHTML = value; + * } + * } + * ] + * ... + * ``` + * + * @type {String|Function} + * @default undefined + */ + renderer: void 0, + + /** + * CSS class name added to the commented cells. + * + * @type {String} + * @default 'htCommentCell' + */ + commentedCellClassName: 'htCommentCell', + + /** + * If set to `true`, it enables the browser's native selection of a fragment of the text within a single cell, between adjacent cells or in a whole table. + * If set to `'cell'`, it enables the possibility of selecting a fragment of the text within a single cell's body. + * + * @type {Boolean|String} + * @default false + */ + fragmentSelection: false, + + /** + * @description + * Make cell [read only](http://docs.handsontable.com/demo-read-only.html). + * + * @type {Boolean} + * @default false + */ + readOnly: false, + + /** + * @description + * When added to a `column` property, it skips the column on paste and pastes the data on the next column to the right. + * + * @type {Boolean} + * @default false + */ + skipColumnOnPaste: false, + + /** + * @description + * Setting to true enables the search plugin (see [demo](http://docs.handsontable.com/demo-search-for-values.html)). + * + * @type {Boolean} + * @default false + */ + search: false, + + /** + * @description + * Shortcut to define the combination of the cell renderer, editor and validator for the column, cell or whole table. + * + * Possible values: + * * [autocomplete](http://docs.handsontable.com/demo-autocomplete.html) + * * [checkbox](http://docs.handsontable.com/demo-checkbox.html) + * * [date](http://docs.handsontable.com/demo-date.html) + * * [dropdown](http://docs.handsontable.com/demo-dropdown.html) + * * [handsontable](http://docs.handsontable.com/demo-handsontable.html) + * * [numeric](http://docs.handsontable.com/demo-numeric.html) + * * [password](http://docs.handsontable.com/demo-password.html) + * * text + * * [time](http://docs.handsontable.com/demo-time.html) + * + * Or you can register the custom cell type under specified name and use + * its name as an alias in your configuration. + * + * @example + * ```js + * ... + * Handsontable.cellTypes.registerCellType('my.type', { + * editor: MyEditorClass, + * renderer: function(hot, td, row, col, prop, value, cellProperties) { + * td.innerHTML = value; + * }, + * validator: function(value, callback) { + * callback(value === 'foo' ? true : false); + * } + * }); + * ... + * columns: [ + * { + * type: 'text' + * }, + * { + * type: 'my.type' // an alias to custom type + * }, + * { + * type: 'checkbox' + * } + * ] + * ... + * ``` + * + * @type {String} + * @default 'text' + */ + type: 'text', + + /** + * @description + * Make cell copyable (pressing CTRL + C on your keyboard moves its value to system clipboard). + * + * __Note:__ this setting is `false` by default for cells with type `password`. + * + * @type {Boolean} + * @default true + * @since 0.10.2 + */ + copyable: true, + + /** + * Defines the editor for the table/column/cell. + * + * If a string is provided, it may be one of the following predefined values: + * * [autocomplete](http://docs.handsontable.com/demo-autocomplete.html) + * * [checkbox](http://docs.handsontable.com/demo-checkbox.html) + * * [date](http://docs.handsontable.com/demo-date.html) + * * [dropdown](http://docs.handsontable.com/demo-dropdown.html) + * * [handsontable](http://docs.handsontable.com/demo-handsontable.html) + * * [mobile](http://docs.handsontable.com/demo-mobiles-and-tablets.html) + * * [password](http://docs.handsontable.com/demo-password.html) + * * [select](http://docs.handsontable.com/demo-select.html) + * * text + * + * Or you can [register](http://docs.handsontable.com/tutorial-cell-editor.html#registering-an-editor) the custom editor under specified name and use + * its name as an alias in your configuration. + * + * To disable cell editing completely set `editor` property to `false`. + * + * @example + * ```js + * ... + * columns: [ + * { + * editor: 'select' + * }, + * { + * editor: false + * } + * ] + * ... + * ``` + * + * @type {String|Function|Boolean} + * @default 'text' + */ + editor: void 0, + + /** + * @description + * Autocomplete definitions. See [autocomplete demo](http://docs.handsontable.com/demo-autocomplete.html) for examples and definitions. + * + * @type {Array} + * @default undefined + */ + autoComplete: void 0, + + /** + * Control number of choices for the autocomplete (or dropdown) typed cells. After exceeding it, a scrollbar for the dropdown list of choices will appear. + * + * @since 0.18.0 + * @type {Number} + * @default 10 + */ + visibleRows: 10, + + /** + * Makes autocomplete or dropdown width the same as the edited cell width. If `false` then editor will be scaled + * according to its content. + * + * @since 0.17.0 + * @type {Boolean} + * @default true + */ + trimDropdown: true, + + /** + * Setting to true enables the debug mode, currently used to test the correctness of the row and column + * header fixed positioning on a layer above the master table. + * + * @type {Boolean} + * @default false + */ + debug: false, + + /** + * When set to `true`, the text of the cell content is wrapped if it does not fit in the fixed column width. + * + * @type {Boolean} + * @default true + * @since 0.11.0 + */ + wordWrap: true, + + /** + * CSS class name added to cells with cell meta `wordWrap: false`. + * + * @type {String} + * @default 'htNoWrap' + * @since 0.11.0 + */ + noWordWrapClassName: 'htNoWrap', + + /** + * @description + * Defines if the right-click context menu should be enabled. Context menu allows to create new row or + * column at any place in the grid among [other features](http://docs.handsontable.com/demo-context-menu.html). + * Possible values: + * * `true` (to enable default options), + * * `false` (to disable completely) + * * an array of [predefined options](https://docs.handsontable.com/demo-context-menu.html#page-specific), + * * an object [with defined structure](http://docs.handsontable.com/demo-context-menu.html#page-custom) + * + * See [the context menu demo](http://docs.handsontable.com/demo-context-menu.html) for examples. + * + * @example + * ```js + * ... + * // as a boolean + * contextMenu: true + * ... + * // as an array + * contextMenu: ['row_above', 'row_below', '--------', 'undo', 'redo'] + * ... + * ``` + * ... + * // as an object (`name` attribute is required in the custom keys) + * contextMenu: { + * items: { + * "option1": { + * name: "option1" + * }, + * "option2": { + * name: "option2", + * submenu: { + * items: [ + * { + * key: "option2:suboption1", + * name: "option2:suboption1", + * callback: function(key, options) { + * ... + * } + * }, + * ... + * ] + * } + * } + * } + * } + * ... + * ``` + * @type {Boolean|Array|Object} + * @default undefined + */ + contextMenu: void 0, + + /** + * @description + * Disable or enable the copy/paste functionality. + * + * @example + * ```js + * ... + * copyPaste: false, + * ... + * ``` + * + * @type {Boolean} + * @default true + */ + copyPaste: true, + + /** + * If `true`, undo/redo functionality is enabled. + * + * @type {Boolean} + * @default undefined + */ + undo: void 0, + + /** + * @description + * Turns on [Column sorting](http://docs.handsontable.com/demo-sorting-data.html). + * Can be either a boolean (true/false) or an object with a declared sorting options. See the below example: + * + * @example + * ```js + * ... + * // as boolean + * columnSorting: true + * ... + * // as a object with initial order (sort ascending column at index 2) + * columnSorting: { + * column: 2, + * sortOrder: true, // true = ascending, false = descending, undefined = original order + * sortEmptyCells: true // true = the table sorts empty cells, false = the table moves all empty cells to the end of the table + * } + * ... + * ``` + * + * @type {Boolean|Object} + * @default undefined + */ + columnSorting: void 0, + + /** + * @description + * Turns on [Manual column move](http://docs.handsontable.com/demo-moving-rows-and-columns.html), if set to a boolean or define initial + * column order, if set to an array of column indexes. + * + * @example + * ```js + * ... + * // as boolean + * manualColumnMove: true + * ... + * // as a array with initial order (move column index at 0 to 1 and move column index at 1 to 4) + * manualColumnMove: [1, 4] + * ... + * ``` + * + * @type {Boolean|Array} + * @default undefined + */ + manualColumnMove: void 0, + + /** + * @description + * Turns on [Manual column resize](http://docs.handsontable.com/demo-resizing.html), if set to a boolean or define initial + * column resized widths, if set to an array of numbers. + * + * @example + * ```js + * ... + * // as boolean + * manualColumnResize: true + * ... + * // as a array with initial widths (column at 0 index has 40px and column at 1 index has 50px) + * manualColumnResize: [40, 50] + * ... + * ``` + * + * @type {Boolean|Array} + * @default undefined + */ + manualColumnResize: void 0, + + /** + * @description + * Turns on [Manual row move](http://docs.handsontable.com/demo-moving-rows-and-columns.html), if set to a boolean or define initial + * row order, if set to an array of row indexes. + * + * @example + * ```js + * ... + * // as boolean + * manualRowMove: true + * ... + * // as a array with initial order (move row index at 0 to 1 and move row index at 1 to 4) + * manualRowMove: [1, 4] + * ... + * ``` + * + * @type {Boolean|Array} + * @default undefined + * @since 0.11.0 + */ + manualRowMove: void 0, + + /** + * @description + * Turns on [Manual row resize](http://docs.handsontable.com/demo-resizing.html), if set to a boolean or define initial + * row resized heights, if set to an array of numbers. + * + * @example + * ```js + * ... + * // as boolean + * manualRowResize: true + * ... + * // as a array with initial heights (row at 0 index has 40px and row at 1 index has 50px) + * manualRowResize: [40, 50] + * ... + * ``` + * + * @type {Boolean|Array} + * @default undefined + * @since 0.11.0 + */ + manualRowResize: void 0, + + /** + * @description + * If set to `true`, it enables a possibility to merge cells. If set to an array of objects, it merges the cells provided in the objects (see the example below). + * [More information on the demo page.](http://docs.handsontable.com/demo-merge-cells.html) + * + * @example + * ```js + * // enables the mergeCells plugin: + * margeCells: true + * ... + * // declares a list of merged sections: + * mergeCells: [ + * {row: 1, col: 1, rowspan: 3, colspan: 3}, // rowspan and colspan properties declare the width and height of a merged section in cells + * {row: 3, col: 4, rowspan: 2, colspan: 2}, + * {row: 5, col: 6, rowspan: 3, colspan: 3} + * ] + * ``` + * @type {Boolean|Array} + * @default false + */ + mergeCells: false, + + /** + * Number of rows to be rendered outside of the visible part of the table. + * By default, it's set to `'auto'`, which makes Handsontable to attempt to calculate the best offset performance-wise. + * + * You may test out different values to find the best one that works for your specific implementation. + * + * @type {Number|String} + * @default 'auto' + */ + viewportRowRenderingOffset: 'auto', + + /** + * Number of columns to be rendered outside of the visible part of the table. + * By default, it's set to `'auto'`, which makes Handsontable try calculating the best offset performance-wise. + * + * You may experiment with the value to find the one that works best for your specific implementation. + * + * @type {Number|String} + * @default 'auto' + */ + viewportColumnRenderingOffset: 'auto', + + /** + * A function, regular expression or a string, which will be used in the process of cell validation. + * If a function is used, be sure to execute the callback argument with either `true` (`callback(true)`) if the validation passed + * or with `false` (`callback(false)`), if the validation failed. + * Note, that `this` in the function points to the `cellProperties` object. + * + * If a string is provided, it may be one of the following predefined values: + * * `autocomplete`, + * * `date`, + * * `numeric`, + * * `time`. + * + * Or you can [register](http://docs.handsontable.com/demo-data-validation.html) the validator function under specified name and use + * its name as an alias in your configuration. + * + * See more [in the demo](http://docs.handsontable.com/demo-data-validation.html). + * + * @example + * ```js + * // as a function + * columns: [ + * { + * validator: function(value, callback) { // validation rules } + * } + * ] + * ... + * // as a regexp + * columns: [ + * { + * validator: /^[0-9]$/ // regular expression + * } + * ] + * // as a string + * columns: [ + * { + * validator: 'numeric' + * } + * ] + * ``` + * @type {Function|RegExp|String} + * @default undefined + * @since 0.9.5 + */ + validator: void 0, + + /** + * @description + * Disable visual cells selection. + * + * Possible values: + * * `true` - Disables any type of visual selection (current and area selection), + * * `false` - Enables any type of visual selection. This is default value. + * * `current` - Disables the selection of a currently selected cell, the area selection is still present. + * * `area` - Disables the area selection, the currently selected cell selection is still present. + * + * @type {Boolean|String|Array} + * @default false + * @since 0.13.2 + * @example + * ```js + * ... + * // as boolean + * disableVisualSelection: true, + * ... + * + * ... + * // as string ('current' or 'area') + * disableVisualSelection: 'current', + * ... + * + * ... + * // as array + * disableVisualSelection: ['current', 'area'], + * ... + * ``` + */ + disableVisualSelection: false, + + /** + * @description + * Set whether to display the current sorting order indicator (a triangle icon in the column header, specifying the sorting order). + * + * @type {Boolean} + * @default false + * @since 0.15.0-beta3 + */ + sortIndicator: void 0, + + /** + * Disable or enable ManualColumnFreeze plugin. + * + * @type {Boolean} + * @default false + */ + manualColumnFreeze: void 0, + + /** + * @description + * Defines whether Handsontable should trim the whitespace at the beginning and the end of the cell contents. + * + * @type {Boolean} + * @default true + */ + trimWhitespace: true, + + settings: void 0, + + /** + * @description + * Defines data source for Autocomplete or Dropdown cell types. + * + * @example + * ```js + * ... + * // source as a array + * columns: [{ + * type: 'autocomplete', + * source: ['A', 'B', 'C', 'D'] + * }] + * ... + * // source as a function + * columns: [{ + * type: 'autocomplete', + * source: function(query, callback) { + * fetch('http://example.com/query?q=' + query, function(response) { + * callback(response.items); + * }) + * } + * }] + * ... + * ``` + * + * @type {Array|Function} + * @default undefined + */ + source: void 0, + + /** + * @description + * Defines the column header name. + * + * @example + * ```js + * ... + * columns: [{ + * title: 'First name', + * type: 'text', + * }, + * { + * title: 'Last name', + * type: 'text', + * }] + * ... + * ``` + * + * @type {String} + * @default undefined + */ + title: void 0, + + /** + * Data template for `'checkbox'` type when checkbox is checked. + * + * @example + * ```js + * checkedTemplate: 'good' + * + * // if a checkbox-typed cell is checked, then getDataAtCell(x,y), where x and y are the coordinates of the cell + * // will return 'good'. + * ``` + * @type {Boolean|String} + * @default true + */ + checkedTemplate: void 0, + + /** + * Data template for `'checkbox'` type when checkbox is unchecked. + * + * @example + * ```js + * uncheckedTemplate: 'bad' + * + * // if a checkbox-typed cell is not checked, then getDataAtCell(x,y), where x and y are the coordinates of the cell + * // will return 'bad'. + * ``` + * @type {Boolean|String} + * @default false + */ + uncheckedTemplate: void 0, + + /** + * @description + * Object which describes if renderer should create checkbox element with label element as a parent. Option desired for + * [checkbox](http://docs.handsontable.com/demo-checkbox.html)-typed cells. + * + * By default the [checkbox](http://docs.handsontable.com/demo-checkbox.html) renderer renders the checkbox without a label. + * + * Possible object properties: + * * `property` - Defines the property name of the data object, which will to be used as a label. + * (eg. `label: {property: 'name.last'}`). This option works only if data was passed as an array of objects. + * * `position` - String which describes where to place the label text (before or after checkbox element). + * Valid values are `'before'` and '`after`' (defaults to `'after'`). + * * `value` - String or a Function which will be used as label text. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'checkbox', + * label: {position: 'after', value: 'My label: '} + * }] + * ... + * ``` + * + * @since 0.19.0 + * @type {Object} + * @default undefined + */ + label: void 0, + + /** + * Display format. See [numbrojs](http://numbrojs.com). This option is desired for + * [numeric](http://docs.handsontable.com/demo-numeric.html)-typed cells. + * + * Since 0.26.0 Handsontable uses [numbro](http://numbrojs.com/) as a main library for numbers formatting. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'numeric', + * format: '0,00' + * }] + * ... + * ``` + * + * @type {String} + * @default '0' + */ + format: void 0, + + /** + * Language display format. See [numbrojs](http://numbrojs.com/languages.html#supported-languages). This option is desired for + * [numeric](http://docs.handsontable.com/demo-numeric.html)-typed cells. + * + * Since 0.26.0 Handsontable uses [numbro](http://numbrojs.com/) as a main library for numbers formatting. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'numeric', + * language: 'en-US' + * }] + * ... + * ``` + * + * @type {String} + * @default 'en-US' + */ + language: void 0, + + /** + * @description + * Data source for [select](http://docs.handsontable.com/demo-select.html)-typed cells. + * + * @example + * ```js + * ... + * columns: [{ + * editor: 'select', + * selectOptions: ['A', 'B', 'C'], + * }] + * ... + * ``` + * + * @type {Array} + */ + selectOptions: void 0, + + /** + * Enables or disables the autoColumnSize plugin. Default value is `undefined`, which has the same effect as `true`. + * Disabling this plugin can increase performance, as no size-related calculations would be done. + * + * Column width calculations are divided into sync and async part. Each of this parts has their own advantages and + * disadvantages. Synchronous calculations are faster but they block the browser UI, while the slower asynchronous operations don't + * block the browser UI. + * + * To configure the sync/async distribution, you can pass an absolute value (number of columns) or a percentage value. + * `syncLimit` option is available since 0.16.0. + * + * You can also use the `useHeaders` option to take the column headers with into calculation. + * + * @example + * ```js + * ... + * // as a number (300 columns in sync, rest async) + * autoColumnSize: {syncLimit: 300}, + * ... + * + * ... + * // as a string (percent) + * autoColumnSize: {syncLimit: '40%'}, + * ... + * + * ... + * // use headers width while calculation the column width + * autoColumnSize: {useHeaders: true}, + * ... + * + * ``` + * + * @type {Object|Boolean} + * @default {syncLimit: 50} + */ + autoColumnSize: void 0, + + /** + * Enables or disables autoRowSize plugin. Default value is `undefined`, which has the same effect as `false` (disabled). + * Enabling this plugin can decrease performance, as size-related calculations would be performed. + * + * Row height calculations are divided into sync and async stages. Each of these stages has their own advantages and + * disadvantages. Synchronous calculations are faster but they block the browser UI, while the slower asynchronous operations don't + * block the browser UI. + * + * To configure the sync/async distribution, you can pass an absolute value (number of columns) or a percentage value. + * `syncLimit` options is available since 0.16.0. + * + * @example + * ```js + * ... + * // as number (300 columns in sync, rest async) + * autoRowSize: {syncLimit: 300}, + * ... + * + * ... + * // as string (percent) + * autoRowSize: {syncLimit: '40%'}, + * ... + * ``` + * @type {Object|Boolean} + * @default {syncLimit: 1000} + */ + autoRowSize: void 0, + + /** + * Date validation format. + * + * Option desired for `'date'` - typed cells. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'date', + * dateFormat: 'MM/DD/YYYY' + * }] + * ... + * ``` + * + * @type {String} + * @default 'DD/MM/YYYY' + */ + dateFormat: void 0, + + /** + * If `true` then dates will be automatically formatted to match the desired format. + * + * Option desired for `'date'`-typed typed cells. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'date', + * dateFormat: 'YYYY-MM-DD', + * correctFormat: true + * }] + * ... + * ``` + * + * @type {Boolean} + * @default false + */ + correctFormat: false, + + /** + * Definition of default value which will fill the empty cells. + * + * Option desired for `'date'`-typed cells. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'date', + * defaultData: '2015-02-02' + * }] + * ... + * ``` + * + * @type {String} + */ + defaultDate: void 0, + + /** + * If set to `true`, the value entered into the cell must match (case-sensitive) the autocomplete source. Otherwise, cell won't pass the validation. + * When filtering the autocomplete source list, the editor will be working in case-insensitive mode. + * + * Option desired for `autocomplete`-typed cells. + * + * @example + * ```js + * ... + * columns: [{ + * type: 'autocomplete', + * source: ['A', 'B', 'C'], + * strict: true + * }] + * ... + * ``` + * + * @type {Boolean} + */ + strict: void 0, + + /** + * @description + * If typed `true`, data defined in `source` of the autocomplete or dropdown cell will be treated as HTML. + * + * __Warning:__ Enabling this option can cause serious XSS vulnerabilities. + * + * Option desired for `'autocomplete'`-typed cells. + * @example + * ```js + * ... + * columns: [{ + * type: 'autocomplete', + * allowHtml: true, + * source: ['foo', 'bar'] + * }] + * ... + * ``` + * @type {Boolean} + * @default false + */ + allowHtml: false, + + /** + * If typed `true` then virtual rendering mechanism for handsontable will be disabled. + * + * @type {Boolean} + */ + renderAllRows: void 0, + + /** + * Prevents table to overlap outside the parent element. If `'horizontal'` option is chosen then table will appear horizontal + * scrollbar in case where parent's width is narrower then table's width. + * + * Possible values: + * * `false` - Disables functionality (Default option). + * * `horizontal` - Prevents horizontal overflow table. + * * `vertical` - Prevents vertical overflow table (Not implemented yet). + * + * @since 0.20.3 + * @example + * ```js + * ... + * preventOverflow: 'horizontal' + * ... + * ``` + * + * @type {String|Boolean} + */ + preventOverflow: false, + + /** + * @description + * Plugin allowing binding the table rows with their headers. + * If the plugin is enabled, the table row headers will "stick" to the rows, when they are hidden/moved. Basically, if at the initialization + * row 0 has a header titled "A", it will have it no matter what you do with the table. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|String} + * @example + * + * ```js + * ... + * var hot = new Handsontable(document.getElementById('example'), { + * date: getData(), + * bindRowsWithHeaders: true + * }); + * ... + * ``` + * + */ + bindRowsWithHeaders: void 0, + + /** + * @description + * The CollapsibleColumns plugin allows collapsing of columns, covered by a header with the `colspan` property defined. + * + * Clicking the "collapse/expand" button collapses (or expands) all "child" headers except the first one. + * + * Setting the `collapsibleColumns` property to `true` will display a "collapse/expand" button in every header with a defined + * `colspan` property. + * + * To limit this functionality to a smaller group of headers, define the `collapsibleColumns` property as an array of objects, as in + * the example below. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|Array} + * @example + * ```js + * ... + * collapsibleColumns: [ + * {row: -4, col: 1, collapsible: true}, + * {row: -3, col: 5, collapsible: true} + * ] + * ... + * // or + * ... + * collapsibleColumns: true + * ... + * ``` + */ + collapsibleColumns: void 0, + + /** + * @description + * Allows making pre-defined calculations on the cell values and display the results within Handsontable. + * See the demo for more information. + * + * @pro + * @since 1.0.0-beta1 + * @type {Object} + */ + columnSummary: void 0, + + /** + * This plugin allows adding a configurable dropdown menu to the table's column headers. + * The dropdown menu acts like the Context Menu, but is triggered by clicking the button in the header. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|Object|Array} + */ + dropdownMenu: void 0, + + /** + * The filters plugin. + * It allows filtering the table data either by the built-in component or with the API. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean} + */ + filters: void 0, + + /** + * It allows Handsontable to process formula expressions defined in the provided data. + * + * @pro + * @since 1.7.0 + * @type {Boolean} + */ + formulas: void 0, + + /** + * @description + * GanttChart plugin enables a possibility to create a Gantt chart using a Handsontable instance. + * In this case, the whole table becomes read-only. + * + * @pro + * @since 1.0.0-beta1 + * @type {Object} + */ + ganttChart: void 0, + + /** + * @description + * Allows adding a tooltip to the table headers. + * + * Available options: + * * the `rows` property defines if tooltips should be added to row headers, + * * the `columns` property defines if tooltips should be added to column headers, + * * the `onlyTrimmed` property defines if tooltips should be added only to headers, which content is trimmed by the header itself (the content being wider then the header). + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|Object} + */ + headerTooltips: void 0, + + /** + * Plugin allowing hiding of certain columns. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|Object} + */ + hiddenColumns: void 0, + + /** + * @description + * Plugin allowing hiding of certain rows. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|Object} + */ + hiddenRows: void 0, + + /** + * @description + * Allows creating a nested header structure, using the HTML's colspan attribute. + * + * @pro + * @since 1.0.0-beta1 + * @type {Array} + */ + nestedHeaders: void 0, + + /** + * @description + * Plugin allowing hiding of certain rows. + * + * @pro + * @since 1.0.0-beta1 + * @type {Boolean|Array} + */ + trimRows: void 0, + + /** + * @description + * Allows setting a custom width of the row headers. You can provide a number or an array of widths, if many row header levels are defined. + * + * @since 0.22.0 + * @type {Number|Array} + */ + rowHeaderWidth: void 0, + + /** + * @description + * Allows setting a custom height of the column headers. You can provide a number or an array of heights, if many column header levels are defined. + * + * @since 0.22.0 + * @type {Number|Array} + */ + columnHeaderHeight: void 0, + + /** + * @description + * Enabling this plugin switches table into one-way data binding where changes are applied into data source (from outside table) + * will be automatically reflected in the table. + * + * For every data change [afterChangesObserved](Hooks.html#event:afterChangesObserved) hook will be fired. + * + * @type {Boolean} + * @default false + */ + observeChanges: void 0, + + /** + * @description + * When passed to the `column` property, allows specifying a custom sorting function for the desired column. + * + * @since 0.24.0 + * @type {Function} + * @example + * ```js + * columns: [ + * { + * sortFunction: function(sortOrder) { + * return function(a, b) { + * // sorting function body. + * // + * // Function parameters: + * // sortOrder: If true, the order is ascending, if false - descending. undefined = original order + * // a, b: Two compared elements. These are 2-element arrays, with the first element being the row index, the second - cell value. + * } + * } + * } + * ] + * ``` + */ + sortFunction: void 0, + + /** + * If defined as 'true', the Autocomplete's suggestion list would be sorted by relevance (the closer to the left the match is, the higher the suggestion). + * + * Option desired for cells of the `'autocomplete'` type. + * + * @type {Boolean} + * @default true + */ + sortByRelevance: true, + + /** + * If defined as 'true', when the user types into the input area the Autocomplete's suggestion list is updated to only + * include those choices starting with what has been typed; if defined as 'false' all suggestions remain shown, with + * those matching what has been typed marked in bold. + * + * @type {Boolean} + * @default true + */ + filter: true, + + /** + * If defined as 'true', filtering in the Autocomplete Editor will be case-sensitive. + * + * @type {Boolean} + * @default: false + */ + filteringCaseSensitive: false +}; + +exports.default = DefaultSettings; + +/***/ }), +/* 89 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; +exports.getNormalizedDate = getNormalizedDate; +/* eslint-disable import/prefer-default-export */ + +/** + * Get normalized Date object for the ISO formatted date strings. + * Natively, the date object parsed from a ISO 8601 string will be offsetted by the timezone difference, which may result in returning a wrong date. + * See: Github issue #3338. + * + * @param {String} dateString String representing the date. + * @returns {Date} The proper Date object. + */ +function getNormalizedDate(dateString) { + var nativeDate = new Date(dateString); + + // NaN if dateString is not in ISO format + if (!isNaN(new Date(dateString + "T00:00").getDate())) { + + // Compensate timezone offset + return new Date(nativeDate.getTime() + nativeDate.getTimezoneOffset() * 60000); + } + + return nativeDate; +} + +/***/ }), +/* 90 */ +/***/ (function(module, exports, __webpack_require__) { + +// 22.1.3.3 Array.prototype.copyWithin(target, start, end = this.length) +var $export = __webpack_require__(3); + +$export($export.P, 'Array', {copyWithin: __webpack_require__(277)}); + +__webpack_require__(37)('copyWithin'); + +/***/ }), +/* 91 */ +/***/ (function(module, exports, __webpack_require__) { + +// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length) +var $export = __webpack_require__(3); + +$export($export.P, 'Array', {fill: __webpack_require__(278)}); + +__webpack_require__(37)('fill'); + +/***/ }), +/* 92 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +// 22.1.3.9 Array.prototype.findIndex(predicate, thisArg = undefined) +var $export = __webpack_require__(3) + , $find = __webpack_require__(52)(6) + , KEY = 'findIndex' + , forced = true; +// Shouldn't skip holes +if(KEY in [])Array(1)[KEY](function(){ forced = false; }); +$export($export.P + $export.F * forced, 'Array', { + findIndex: function findIndex(callbackfn/*, that = undefined */){ + return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined); + } +}); +__webpack_require__(37)(KEY); + +/***/ }), +/* 93 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined) +var $export = __webpack_require__(3) + , $find = __webpack_require__(52)(5) + , KEY = 'find' + , forced = true; +// Shouldn't skip holes +if(KEY in [])Array(1)[KEY](function(){ forced = false; }); +$export($export.P + $export.F * forced, 'Array', { + find: function find(callbackfn/*, that = undefined */){ + return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined); + } +}); +__webpack_require__(37)(KEY); + +/***/ }), +/* 94 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var ctx = __webpack_require__(29) + , $export = __webpack_require__(3) + , toObject = __webpack_require__(41) + , call = __webpack_require__(165) + , isArrayIter = __webpack_require__(161) + , toLength = __webpack_require__(24) + , createProperty = __webpack_require__(73) + , getIterFn = __webpack_require__(176); + +$export($export.S + $export.F * !__webpack_require__(78)(function(iter){ Array.from(iter); }), 'Array', { + // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined) + from: function from(arrayLike/*, mapfn = undefined, thisArg = undefined*/){ + var O = toObject(arrayLike) + , C = typeof this == 'function' ? this : Array + , aLen = arguments.length + , mapfn = aLen > 1 ? arguments[1] : undefined + , mapping = mapfn !== undefined + , index = 0 + , iterFn = getIterFn(O) + , length, result, step, iterator; + if(mapping)mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2); + // if object isn't iterable or it's array with default iterator - use simple case + if(iterFn != undefined && !(C == Array && isArrayIter(iterFn))){ + for(iterator = iterFn.call(O), result = new C; !(step = iterator.next()).done; index++){ + createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value); + } + } else { + length = toLength(O.length); + for(result = new C(length); length > index; index++){ + createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]); + } + } + result.length = index; + return result; + } +}); + + +/***/ }), +/* 95 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var $export = __webpack_require__(3) + , createProperty = __webpack_require__(73); + +// WebKit Array.of isn't generic +$export($export.S + $export.F * __webpack_require__(31)(function(){ + function F(){} + return !(Array.of.call(F) instanceof F); +}), 'Array', { + // 22.1.2.3 Array.of( ...items) + of: function of(/* ...args */){ + var index = 0 + , aLen = arguments.length + , result = new (typeof this == 'function' ? this : Array)(aLen); + while(aLen > index)createProperty(result, index, arguments[index++]); + result.length = aLen; + return result; + } +}); + +/***/ }), +/* 96 */ +/***/ (function(module, exports, __webpack_require__) { + +var dP = __webpack_require__(19).f + , createDesc = __webpack_require__(40) + , has = __webpack_require__(22) + , FProto = Function.prototype + , nameRE = /^\s*function ([^ (]*)/ + , NAME = 'name'; + +var isExtensible = Object.isExtensible || function(){ + return true; +}; + +// 19.2.4.2 name +NAME in FProto || __webpack_require__(21) && dP(FProto, NAME, { + configurable: true, + get: function(){ + try { + var that = this + , name = ('' + that).match(nameRE)[1]; + has(that, NAME) || !isExtensible(that) || dP(that, NAME, createDesc(5, name)); + return name; + } catch(e){ + return ''; + } + } +}); + +/***/ }), +/* 97 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var strong = __webpack_require__(157); + +// 23.1 Map Objects +module.exports = __webpack_require__(53)('Map', function(get){ + return function Map(){ return get(this, arguments.length > 0 ? arguments[0] : undefined); }; +}, { + // 23.1.3.6 Map.prototype.get(key) + get: function get(key){ + var entry = strong.getEntry(this, key); + return entry && entry.v; + }, + // 23.1.3.9 Map.prototype.set(key, value) + set: function set(key, value){ + return strong.def(this, key === 0 ? 0 : key, value); + } +}, strong, true); + +/***/ }), +/* 98 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.1 Number.EPSILON +var $export = __webpack_require__(3); + +$export($export.S, 'Number', {EPSILON: Math.pow(2, -52)}); + +/***/ }), +/* 99 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.2 Number.isFinite(number) +var $export = __webpack_require__(3) + , _isFinite = __webpack_require__(13).isFinite; + +$export($export.S, 'Number', { + isFinite: function isFinite(it){ + return typeof it == 'number' && _isFinite(it); + } +}); + +/***/ }), +/* 100 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.3 Number.isInteger(number) +var $export = __webpack_require__(3); + +$export($export.S, 'Number', {isInteger: __webpack_require__(163)}); + +/***/ }), +/* 101 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.4 Number.isNaN(number) +var $export = __webpack_require__(3); + +$export($export.S, 'Number', { + isNaN: function isNaN(number){ + return number != number; + } +}); + +/***/ }), +/* 102 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.5 Number.isSafeInteger(number) +var $export = __webpack_require__(3) + , isInteger = __webpack_require__(163) + , abs = Math.abs; + +$export($export.S, 'Number', { + isSafeInteger: function isSafeInteger(number){ + return isInteger(number) && abs(number) <= 0x1fffffffffffff; + } +}); + +/***/ }), +/* 103 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.6 Number.MAX_SAFE_INTEGER +var $export = __webpack_require__(3); + +$export($export.S, 'Number', {MAX_SAFE_INTEGER: 0x1fffffffffffff}); + +/***/ }), +/* 104 */ +/***/ (function(module, exports, __webpack_require__) { + +// 20.1.2.10 Number.MIN_SAFE_INTEGER +var $export = __webpack_require__(3); + +$export($export.S, 'Number', {MIN_SAFE_INTEGER: -0x1fffffffffffff}); + +/***/ }), +/* 105 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.3.1 Object.assign(target, source) +var $export = __webpack_require__(3); + +$export($export.S + $export.F, 'Object', {assign: __webpack_require__(168)}); + +/***/ }), +/* 106 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.3.10 Object.is(value1, value2) +var $export = __webpack_require__(3); +$export($export.S, 'Object', {is: __webpack_require__(292)}); + +/***/ }), +/* 107 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.3.19 Object.setPrototypeOf(O, proto) +var $export = __webpack_require__(3); +$export($export.S, 'Object', {setPrototypeOf: __webpack_require__(171).set}); + +/***/ }), +/* 108 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var LIBRARY = __webpack_require__(56) + , global = __webpack_require__(13) + , ctx = __webpack_require__(29) + , classof = __webpack_require__(156) + , $export = __webpack_require__(3) + , isObject = __webpack_require__(15) + , aFunction = __webpack_require__(72) + , anInstance = __webpack_require__(51) + , forOf = __webpack_require__(55) + , speciesConstructor = __webpack_require__(293) + , task = __webpack_require__(85).set + , microtask = __webpack_require__(287)() + , PROMISE = 'Promise' + , TypeError = global.TypeError + , process = global.process + , $Promise = global[PROMISE] + , process = global.process + , isNode = classof(process) == 'process' + , empty = function(){ /* empty */ } + , Internal, GenericPromiseCapability, Wrapper; + +var USE_NATIVE = !!function(){ + try { + // correct subclassing with @@species support + var promise = $Promise.resolve(1) + , FakePromise = (promise.constructor = {})[__webpack_require__(10)('species')] = function(exec){ exec(empty, empty); }; + // unhandled rejections tracking support, NodeJS Promise without it fails @@species test + return (isNode || typeof PromiseRejectionEvent == 'function') && promise.then(empty) instanceof FakePromise; + } catch(e){ /* empty */ } +}(); + +// helpers +var sameConstructor = function(a, b){ + // with library wrapper special case + return a === b || a === $Promise && b === Wrapper; +}; +var isThenable = function(it){ + var then; + return isObject(it) && typeof (then = it.then) == 'function' ? then : false; +}; +var newPromiseCapability = function(C){ + return sameConstructor($Promise, C) + ? new PromiseCapability(C) + : new GenericPromiseCapability(C); +}; +var PromiseCapability = GenericPromiseCapability = function(C){ + var resolve, reject; + this.promise = new C(function($$resolve, $$reject){ + if(resolve !== undefined || reject !== undefined)throw TypeError('Bad Promise constructor'); + resolve = $$resolve; + reject = $$reject; + }); + this.resolve = aFunction(resolve); + this.reject = aFunction(reject); +}; +var perform = function(exec){ + try { + exec(); + } catch(e){ + return {error: e}; + } +}; +var notify = function(promise, isReject){ + if(promise._n)return; + promise._n = true; + var chain = promise._c; + microtask(function(){ + var value = promise._v + , ok = promise._s == 1 + , i = 0; + var run = function(reaction){ + var handler = ok ? reaction.ok : reaction.fail + , resolve = reaction.resolve + , reject = reaction.reject + , domain = reaction.domain + , result, then; + try { + if(handler){ + if(!ok){ + if(promise._h == 2)onHandleUnhandled(promise); + promise._h = 1; + } + if(handler === true)result = value; + else { + if(domain)domain.enter(); + result = handler(value); + if(domain)domain.exit(); + } + if(result === reaction.promise){ + reject(TypeError('Promise-chain cycle')); + } else if(then = isThenable(result)){ + then.call(result, resolve, reject); + } else resolve(result); + } else reject(value); + } catch(e){ + reject(e); + } + }; + while(chain.length > i)run(chain[i++]); // variable length - can't use forEach + promise._c = []; + promise._n = false; + if(isReject && !promise._h)onUnhandled(promise); + }); +}; +var onUnhandled = function(promise){ + task.call(global, function(){ + var value = promise._v + , abrupt, handler, console; + if(isUnhandled(promise)){ + abrupt = perform(function(){ + if(isNode){ + process.emit('unhandledRejection', value, promise); + } else if(handler = global.onunhandledrejection){ + handler({promise: promise, reason: value}); + } else if((console = global.console) && console.error){ + console.error('Unhandled promise rejection', value); + } + }); + // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should + promise._h = isNode || isUnhandled(promise) ? 2 : 1; + } promise._a = undefined; + if(abrupt)throw abrupt.error; + }); +}; +var isUnhandled = function(promise){ + if(promise._h == 1)return false; + var chain = promise._a || promise._c + , i = 0 + , reaction; + while(chain.length > i){ + reaction = chain[i++]; + if(reaction.fail || !isUnhandled(reaction.promise))return false; + } return true; +}; +var onHandleUnhandled = function(promise){ + task.call(global, function(){ + var handler; + if(isNode){ + process.emit('rejectionHandled', promise); + } else if(handler = global.onrejectionhandled){ + handler({promise: promise, reason: promise._v}); + } + }); +}; +var $reject = function(value){ + var promise = this; + if(promise._d)return; + promise._d = true; + promise = promise._w || promise; // unwrap + promise._v = value; + promise._s = 2; + if(!promise._a)promise._a = promise._c.slice(); + notify(promise, true); +}; +var $resolve = function(value){ + var promise = this + , then; + if(promise._d)return; + promise._d = true; + promise = promise._w || promise; // unwrap + try { + if(promise === value)throw TypeError("Promise can't be resolved itself"); + if(then = isThenable(value)){ + microtask(function(){ + var wrapper = {_w: promise, _d: false}; // wrap + try { + then.call(value, ctx($resolve, wrapper, 1), ctx($reject, wrapper, 1)); + } catch(e){ + $reject.call(wrapper, e); + } + }); + } else { + promise._v = value; + promise._s = 1; + notify(promise, false); + } + } catch(e){ + $reject.call({_w: promise, _d: false}, e); // wrap + } +}; + +// constructor polyfill +if(!USE_NATIVE){ + // 25.4.3.1 Promise(executor) + $Promise = function Promise(executor){ + anInstance(this, $Promise, PROMISE, '_h'); + aFunction(executor); + Internal.call(this); + try { + executor(ctx($resolve, this, 1), ctx($reject, this, 1)); + } catch(err){ + $reject.call(this, err); + } + }; + Internal = function Promise(executor){ + this._c = []; // <- awaiting reactions + this._a = undefined; // <- checked in isUnhandled reactions + this._s = 0; // <- state + this._d = false; // <- done + this._v = undefined; // <- value + this._h = 0; // <- rejection state, 0 - default, 1 - handled, 2 - unhandled + this._n = false; // <- notify + }; + Internal.prototype = __webpack_require__(58)($Promise.prototype, { + // 25.4.5.3 Promise.prototype.then(onFulfilled, onRejected) + then: function then(onFulfilled, onRejected){ + var reaction = newPromiseCapability(speciesConstructor(this, $Promise)); + reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true; + reaction.fail = typeof onRejected == 'function' && onRejected; + reaction.domain = isNode ? process.domain : undefined; + this._c.push(reaction); + if(this._a)this._a.push(reaction); + if(this._s)notify(this, false); + return reaction.promise; + }, + // 25.4.5.1 Promise.prototype.catch(onRejected) + 'catch': function(onRejected){ + return this.then(undefined, onRejected); + } + }); + PromiseCapability = function(){ + var promise = new Internal; + this.promise = promise; + this.resolve = ctx($resolve, promise, 1); + this.reject = ctx($reject, promise, 1); + }; +} + +$export($export.G + $export.W + $export.F * !USE_NATIVE, {Promise: $Promise}); +__webpack_require__(48)($Promise, PROMISE); +__webpack_require__(172)(PROMISE); +Wrapper = __webpack_require__(44)[PROMISE]; + +// statics +$export($export.S + $export.F * !USE_NATIVE, PROMISE, { + // 25.4.4.5 Promise.reject(r) + reject: function reject(r){ + var capability = newPromiseCapability(this) + , $$reject = capability.reject; + $$reject(r); + return capability.promise; + } +}); +$export($export.S + $export.F * (LIBRARY || !USE_NATIVE), PROMISE, { + // 25.4.4.6 Promise.resolve(x) + resolve: function resolve(x){ + // instanceof instead of internal slot check because we should fix it without replacement native Promise core + if(x instanceof $Promise && sameConstructor(x.constructor, this))return x; + var capability = newPromiseCapability(this) + , $$resolve = capability.resolve; + $$resolve(x); + return capability.promise; + } +}); +$export($export.S + $export.F * !(USE_NATIVE && __webpack_require__(78)(function(iter){ + $Promise.all(iter)['catch'](empty); +})), PROMISE, { + // 25.4.4.1 Promise.all(iterable) + all: function all(iterable){ + var C = this + , capability = newPromiseCapability(C) + , resolve = capability.resolve + , reject = capability.reject; + var abrupt = perform(function(){ + var values = [] + , index = 0 + , remaining = 1; + forOf(iterable, false, function(promise){ + var $index = index++ + , alreadyCalled = false; + values.push(undefined); + remaining++; + C.resolve(promise).then(function(value){ + if(alreadyCalled)return; + alreadyCalled = true; + values[$index] = value; + --remaining || resolve(values); + }, reject); + }); + --remaining || resolve(values); + }); + if(abrupt)reject(abrupt.error); + return capability.promise; + }, + // 25.4.4.4 Promise.race(iterable) + race: function race(iterable){ + var C = this + , capability = newPromiseCapability(C) + , reject = capability.reject; + var abrupt = perform(function(){ + forOf(iterable, false, function(promise){ + C.resolve(promise).then(capability.resolve, reject); + }); + }); + if(abrupt)reject(abrupt.error); + return capability.promise; + } +}); + +/***/ }), +/* 109 */ +/***/ (function(module, exports, __webpack_require__) { + +// 21.2.5.3 get RegExp.prototype.flags() +if(__webpack_require__(21) && /./g.flags != 'g')__webpack_require__(19).f(RegExp.prototype, 'flags', { + configurable: true, + get: __webpack_require__(282) +}); + +/***/ }), +/* 110 */ +/***/ (function(module, exports, __webpack_require__) { + +// @@match logic +__webpack_require__(54)('match', 1, function(defined, MATCH, $match){ + // 21.1.3.11 String.prototype.match(regexp) + return [function match(regexp){ + 'use strict'; + var O = defined(this) + , fn = regexp == undefined ? undefined : regexp[MATCH]; + return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[MATCH](String(O)); + }, $match]; +}); + +/***/ }), +/* 111 */ +/***/ (function(module, exports, __webpack_require__) { + +// @@replace logic +__webpack_require__(54)('replace', 2, function(defined, REPLACE, $replace){ + // 21.1.3.14 String.prototype.replace(searchValue, replaceValue) + return [function replace(searchValue, replaceValue){ + 'use strict'; + var O = defined(this) + , fn = searchValue == undefined ? undefined : searchValue[REPLACE]; + return fn !== undefined + ? fn.call(searchValue, O, replaceValue) + : $replace.call(String(O), searchValue, replaceValue); + }, $replace]; +}); + +/***/ }), +/* 112 */ +/***/ (function(module, exports, __webpack_require__) { + +// @@search logic +__webpack_require__(54)('search', 1, function(defined, SEARCH, $search){ + // 21.1.3.15 String.prototype.search(regexp) + return [function search(regexp){ + 'use strict'; + var O = defined(this) + , fn = regexp == undefined ? undefined : regexp[SEARCH]; + return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O)); + }, $search]; +}); + +/***/ }), +/* 113 */ +/***/ (function(module, exports, __webpack_require__) { + +// @@split logic +__webpack_require__(54)('split', 2, function(defined, SPLIT, $split){ + 'use strict'; + var isRegExp = __webpack_require__(164) + , _split = $split + , $push = [].push + , $SPLIT = 'split' + , LENGTH = 'length' + , LAST_INDEX = 'lastIndex'; + if( + 'abbc'[$SPLIT](/(b)*/)[1] == 'c' || + 'test'[$SPLIT](/(?:)/, -1)[LENGTH] != 4 || + 'ab'[$SPLIT](/(?:ab)*/)[LENGTH] != 2 || + '.'[$SPLIT](/(.?)(.?)/)[LENGTH] != 4 || + '.'[$SPLIT](/()()/)[LENGTH] > 1 || + ''[$SPLIT](/.?/)[LENGTH] + ){ + var NPCG = /()??/.exec('')[1] === undefined; // nonparticipating capturing group + // based on es5-shim implementation, need to rework it + $split = function(separator, limit){ + var string = String(this); + if(separator === undefined && limit === 0)return []; + // If `separator` is not a regex, use native split + if(!isRegExp(separator))return _split.call(string, separator, limit); + var output = []; + var flags = (separator.ignoreCase ? 'i' : '') + + (separator.multiline ? 'm' : '') + + (separator.unicode ? 'u' : '') + + (separator.sticky ? 'y' : ''); + var lastLastIndex = 0; + var splitLimit = limit === undefined ? 4294967295 : limit >>> 0; + // Make `global` and avoid `lastIndex` issues by working with a copy + var separatorCopy = new RegExp(separator.source, flags + 'g'); + var separator2, match, lastIndex, lastLength, i; + // Doesn't need flags gy, but they don't hurt + if(!NPCG)separator2 = new RegExp('^' + separatorCopy.source + '$(?!\\s)', flags); + while(match = separatorCopy.exec(string)){ + // `separatorCopy.lastIndex` is not reliable cross-browser + lastIndex = match.index + match[0][LENGTH]; + if(lastIndex > lastLastIndex){ + output.push(string.slice(lastLastIndex, match.index)); + // Fix browsers whose `exec` methods don't consistently return `undefined` for NPCG + if(!NPCG && match[LENGTH] > 1)match[0].replace(separator2, function(){ + for(i = 1; i < arguments[LENGTH] - 2; i++)if(arguments[i] === undefined)match[i] = undefined; + }); + if(match[LENGTH] > 1 && match.index < string[LENGTH])$push.apply(output, match.slice(1)); + lastLength = match[0][LENGTH]; + lastLastIndex = lastIndex; + if(output[LENGTH] >= splitLimit)break; + } + if(separatorCopy[LAST_INDEX] === match.index)separatorCopy[LAST_INDEX]++; // Avoid an infinite loop + } + if(lastLastIndex === string[LENGTH]){ + if(lastLength || !separatorCopy.test(''))output.push(''); + } else output.push(string.slice(lastLastIndex)); + return output[LENGTH] > splitLimit ? output.slice(0, splitLimit) : output; + }; + // Chakra, V8 + } else if('0'[$SPLIT](undefined, 0)[LENGTH]){ + $split = function(separator, limit){ + return separator === undefined && limit === 0 ? [] : _split.call(this, separator, limit); + }; + } + // 21.1.3.17 String.prototype.split(separator, limit) + return [function split(separator, limit){ + var O = defined(this) + , fn = separator == undefined ? undefined : separator[SPLIT]; + return fn !== undefined ? fn.call(separator, O, limit) : $split.call(String(O), separator, limit); + }, $split]; +}); + +/***/ }), +/* 114 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var strong = __webpack_require__(157); + +// 23.2 Set Objects +module.exports = __webpack_require__(53)('Set', function(get){ + return function Set(){ return get(this, arguments.length > 0 ? arguments[0] : undefined); }; +}, { + // 23.2.3.1 Set.prototype.add(value) + add: function add(value){ + return strong.def(this, value = value === 0 ? 0 : value, value); + } +}, strong); + +/***/ }), +/* 115 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var $export = __webpack_require__(3) + , $at = __webpack_require__(294)(false); +$export($export.P, 'String', { + // 21.1.3.3 String.prototype.codePointAt(pos) + codePointAt: function codePointAt(pos){ + return $at(this, pos); + } +}); + +/***/ }), +/* 116 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +// 21.1.3.6 String.prototype.endsWith(searchString [, endPosition]) + +var $export = __webpack_require__(3) + , toLength = __webpack_require__(24) + , context = __webpack_require__(84) + , ENDS_WITH = 'endsWith' + , $endsWith = ''[ENDS_WITH]; + +$export($export.P + $export.F * __webpack_require__(76)(ENDS_WITH), 'String', { + endsWith: function endsWith(searchString /*, endPosition = @length */){ + var that = context(this, searchString, ENDS_WITH) + , endPosition = arguments.length > 1 ? arguments[1] : undefined + , len = toLength(that.length) + , end = endPosition === undefined ? len : Math.min(toLength(endPosition), len) + , search = String(searchString); + return $endsWith + ? $endsWith.call(that, search, end) + : that.slice(end - search.length, end) === search; + } +}); + +/***/ }), +/* 117 */ +/***/ (function(module, exports, __webpack_require__) { + +var $export = __webpack_require__(3) + , toIndex = __webpack_require__(59) + , fromCharCode = String.fromCharCode + , $fromCodePoint = String.fromCodePoint; + +// length should be 1, old FF problem +$export($export.S + $export.F * (!!$fromCodePoint && $fromCodePoint.length != 1), 'String', { + // 21.1.2.2 String.fromCodePoint(...codePoints) + fromCodePoint: function fromCodePoint(x){ // eslint-disable-line no-unused-vars + var res = [] + , aLen = arguments.length + , i = 0 + , code; + while(aLen > i){ + code = +arguments[i++]; + if(toIndex(code, 0x10ffff) !== code)throw RangeError(code + ' is not a valid code point'); + res.push(code < 0x10000 + ? fromCharCode(code) + : fromCharCode(((code -= 0x10000) >> 10) + 0xd800, code % 0x400 + 0xdc00) + ); + } return res.join(''); + } +}); + +/***/ }), +/* 118 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +// 21.1.3.7 String.prototype.includes(searchString, position = 0) + +var $export = __webpack_require__(3) + , context = __webpack_require__(84) + , INCLUDES = 'includes'; + +$export($export.P + $export.F * __webpack_require__(76)(INCLUDES), 'String', { + includes: function includes(searchString /*, position = 0 */){ + return !!~context(this, searchString, INCLUDES) + .indexOf(searchString, arguments.length > 1 ? arguments[1] : undefined); + } +}); + +/***/ }), +/* 119 */ +/***/ (function(module, exports, __webpack_require__) { + +var $export = __webpack_require__(3) + , toIObject = __webpack_require__(23) + , toLength = __webpack_require__(24); + +$export($export.S, 'String', { + // 21.1.2.4 String.raw(callSite, ...substitutions) + raw: function raw(callSite){ + var tpl = toIObject(callSite.raw) + , len = toLength(tpl.length) + , aLen = arguments.length + , res = [] + , i = 0; + while(len > i){ + res.push(String(tpl[i++])); + if(i < aLen)res.push(String(arguments[i])); + } return res.join(''); + } +}); + +/***/ }), +/* 120 */ +/***/ (function(module, exports, __webpack_require__) { + +var $export = __webpack_require__(3); + +$export($export.P, 'String', { + // 21.1.3.13 String.prototype.repeat(count) + repeat: __webpack_require__(174) +}); + +/***/ }), +/* 121 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +// 21.1.3.18 String.prototype.startsWith(searchString [, position ]) + +var $export = __webpack_require__(3) + , toLength = __webpack_require__(24) + , context = __webpack_require__(84) + , STARTS_WITH = 'startsWith' + , $startsWith = ''[STARTS_WITH]; + +$export($export.P + $export.F * __webpack_require__(76)(STARTS_WITH), 'String', { + startsWith: function startsWith(searchString /*, position = 0 */){ + var that = context(this, searchString, STARTS_WITH) + , index = toLength(Math.min(arguments.length > 1 ? arguments[1] : undefined, that.length)) + , search = String(searchString); + return $startsWith + ? $startsWith.call(that, search, index) + : that.slice(index, index + search.length) === search; + } +}); + +/***/ }), +/* 122 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +// ECMAScript 6 symbols shim +var global = __webpack_require__(13) + , has = __webpack_require__(22) + , DESCRIPTORS = __webpack_require__(21) + , $export = __webpack_require__(3) + , redefine = __webpack_require__(33) + , META = __webpack_require__(46).KEY + , $fails = __webpack_require__(31) + , shared = __webpack_require__(83) + , setToStringTag = __webpack_require__(48) + , uid = __webpack_require__(49) + , wks = __webpack_require__(10) + , wksExt = __webpack_require__(175) + , wksDefine = __webpack_require__(295) + , keyOf = __webpack_require__(286) + , enumKeys = __webpack_require__(281) + , isArray = __webpack_require__(162) + , anObject = __webpack_require__(18) + , toIObject = __webpack_require__(23) + , toPrimitive = __webpack_require__(86) + , createDesc = __webpack_require__(40) + , _create = __webpack_require__(79) + , gOPNExt = __webpack_require__(289) + , $GOPD = __webpack_require__(80) + , $DP = __webpack_require__(19) + , $keys = __webpack_require__(39) + , gOPD = $GOPD.f + , dP = $DP.f + , gOPN = gOPNExt.f + , $Symbol = global.Symbol + , $JSON = global.JSON + , _stringify = $JSON && $JSON.stringify + , PROTOTYPE = 'prototype' + , HIDDEN = wks('_hidden') + , TO_PRIMITIVE = wks('toPrimitive') + , isEnum = {}.propertyIsEnumerable + , SymbolRegistry = shared('symbol-registry') + , AllSymbols = shared('symbols') + , OPSymbols = shared('op-symbols') + , ObjectProto = Object[PROTOTYPE] + , USE_NATIVE = typeof $Symbol == 'function' + , QObject = global.QObject; +// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173 +var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild; + +// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687 +var setSymbolDesc = DESCRIPTORS && $fails(function(){ + return _create(dP({}, 'a', { + get: function(){ return dP(this, 'a', {value: 7}).a; } + })).a != 7; +}) ? function(it, key, D){ + var protoDesc = gOPD(ObjectProto, key); + if(protoDesc)delete ObjectProto[key]; + dP(it, key, D); + if(protoDesc && it !== ObjectProto)dP(ObjectProto, key, protoDesc); +} : dP; + +var wrap = function(tag){ + var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]); + sym._k = tag; + return sym; +}; + +var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function(it){ + return typeof it == 'symbol'; +} : function(it){ + return it instanceof $Symbol; +}; + +var $defineProperty = function defineProperty(it, key, D){ + if(it === ObjectProto)$defineProperty(OPSymbols, key, D); + anObject(it); + key = toPrimitive(key, true); + anObject(D); + if(has(AllSymbols, key)){ + if(!D.enumerable){ + if(!has(it, HIDDEN))dP(it, HIDDEN, createDesc(1, {})); + it[HIDDEN][key] = true; + } else { + if(has(it, HIDDEN) && it[HIDDEN][key])it[HIDDEN][key] = false; + D = _create(D, {enumerable: createDesc(0, false)}); + } return setSymbolDesc(it, key, D); + } return dP(it, key, D); +}; +var $defineProperties = function defineProperties(it, P){ + anObject(it); + var keys = enumKeys(P = toIObject(P)) + , i = 0 + , l = keys.length + , key; + while(l > i)$defineProperty(it, key = keys[i++], P[key]); + return it; +}; +var $create = function create(it, P){ + return P === undefined ? _create(it) : $defineProperties(_create(it), P); +}; +var $propertyIsEnumerable = function propertyIsEnumerable(key){ + var E = isEnum.call(this, key = toPrimitive(key, true)); + if(this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return false; + return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true; +}; +var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key){ + it = toIObject(it); + key = toPrimitive(key, true); + if(it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return; + var D = gOPD(it, key); + if(D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key]))D.enumerable = true; + return D; +}; +var $getOwnPropertyNames = function getOwnPropertyNames(it){ + var names = gOPN(toIObject(it)) + , result = [] + , i = 0 + , key; + while(names.length > i){ + if(!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META)result.push(key); + } return result; +}; +var $getOwnPropertySymbols = function getOwnPropertySymbols(it){ + var IS_OP = it === ObjectProto + , names = gOPN(IS_OP ? OPSymbols : toIObject(it)) + , result = [] + , i = 0 + , key; + while(names.length > i){ + if(has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true))result.push(AllSymbols[key]); + } return result; +}; + +// 19.4.1.1 Symbol([description]) +if(!USE_NATIVE){ + $Symbol = function Symbol(){ + if(this instanceof $Symbol)throw TypeError('Symbol is not a constructor!'); + var tag = uid(arguments.length > 0 ? arguments[0] : undefined); + var $set = function(value){ + if(this === ObjectProto)$set.call(OPSymbols, value); + if(has(this, HIDDEN) && has(this[HIDDEN], tag))this[HIDDEN][tag] = false; + setSymbolDesc(this, tag, createDesc(1, value)); + }; + if(DESCRIPTORS && setter)setSymbolDesc(ObjectProto, tag, {configurable: true, set: $set}); + return wrap(tag); + }; + redefine($Symbol[PROTOTYPE], 'toString', function toString(){ + return this._k; + }); + + $GOPD.f = $getOwnPropertyDescriptor; + $DP.f = $defineProperty; + __webpack_require__(81).f = gOPNExt.f = $getOwnPropertyNames; + __webpack_require__(47).f = $propertyIsEnumerable; + __webpack_require__(57).f = $getOwnPropertySymbols; + + if(DESCRIPTORS && !__webpack_require__(56)){ + redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true); + } + + wksExt.f = function(name){ + return wrap(wks(name)); + } +} + +$export($export.G + $export.W + $export.F * !USE_NATIVE, {Symbol: $Symbol}); + +for(var symbols = ( + // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14 + 'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables' +).split(','), i = 0; symbols.length > i; )wks(symbols[i++]); + +for(var symbols = $keys(wks.store), i = 0; symbols.length > i; )wksDefine(symbols[i++]); + +$export($export.S + $export.F * !USE_NATIVE, 'Symbol', { + // 19.4.2.1 Symbol.for(key) + 'for': function(key){ + return has(SymbolRegistry, key += '') + ? SymbolRegistry[key] + : SymbolRegistry[key] = $Symbol(key); + }, + // 19.4.2.5 Symbol.keyFor(sym) + keyFor: function keyFor(key){ + if(isSymbol(key))return keyOf(SymbolRegistry, key); + throw TypeError(key + ' is not a symbol!'); + }, + useSetter: function(){ setter = true; }, + useSimple: function(){ setter = false; } +}); + +$export($export.S + $export.F * !USE_NATIVE, 'Object', { + // 19.1.2.2 Object.create(O [, Properties]) + create: $create, + // 19.1.2.4 Object.defineProperty(O, P, Attributes) + defineProperty: $defineProperty, + // 19.1.2.3 Object.defineProperties(O, Properties) + defineProperties: $defineProperties, + // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P) + getOwnPropertyDescriptor: $getOwnPropertyDescriptor, + // 19.1.2.7 Object.getOwnPropertyNames(O) + getOwnPropertyNames: $getOwnPropertyNames, + // 19.1.2.8 Object.getOwnPropertySymbols(O) + getOwnPropertySymbols: $getOwnPropertySymbols +}); + +// 24.3.2 JSON.stringify(value [, replacer [, space]]) +$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function(){ + var S = $Symbol(); + // MS Edge converts symbol values to JSON as {} + // WebKit converts symbol values to JSON as null + // V8 throws on boxed symbols + return _stringify([S]) != '[null]' || _stringify({a: S}) != '{}' || _stringify(Object(S)) != '{}'; +})), 'JSON', { + stringify: function stringify(it){ + if(it === undefined || isSymbol(it))return; // IE8 returns string on undefined + var args = [it] + , i = 1 + , replacer, $replacer; + while(arguments.length > i)args.push(arguments[i++]); + replacer = args[1]; + if(typeof replacer == 'function')$replacer = replacer; + if($replacer || !isArray(replacer))replacer = function(key, value){ + if($replacer)value = $replacer.call(this, key, value); + if(!isSymbol(value))return value; + }; + args[1] = replacer; + return _stringify.apply($JSON, args); + } +}); + +// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint) +$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(32)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf); +// 19.4.3.5 Symbol.prototype[@@toStringTag] +setToStringTag($Symbol, 'Symbol'); +// 20.2.1.9 Math[@@toStringTag] +setToStringTag(Math, 'Math', true); +// 24.3.3 JSON[@@toStringTag] +setToStringTag(global.JSON, 'JSON', true); + +/***/ }), +/* 123 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var each = __webpack_require__(52)(0) + , redefine = __webpack_require__(33) + , meta = __webpack_require__(46) + , assign = __webpack_require__(168) + , weak = __webpack_require__(158) + , isObject = __webpack_require__(15) + , getWeak = meta.getWeak + , isExtensible = Object.isExtensible + , uncaughtFrozenStore = weak.ufstore + , tmp = {} + , InternalMap; + +var wrapper = function(get){ + return function WeakMap(){ + return get(this, arguments.length > 0 ? arguments[0] : undefined); + }; +}; + +var methods = { + // 23.3.3.3 WeakMap.prototype.get(key) + get: function get(key){ + if(isObject(key)){ + var data = getWeak(key); + if(data === true)return uncaughtFrozenStore(this).get(key); + return data ? data[this._i] : undefined; + } + }, + // 23.3.3.5 WeakMap.prototype.set(key, value) + set: function set(key, value){ + return weak.def(this, key, value); + } +}; + +// 23.3 WeakMap Objects +var $WeakMap = module.exports = __webpack_require__(53)('WeakMap', wrapper, methods, weak, true, true); + +// IE11 WeakMap frozen keys fix +if(new $WeakMap().set((Object.freeze || Object)(tmp), 7).get(tmp) != 7){ + InternalMap = weak.getConstructor(wrapper); + assign(InternalMap.prototype, methods); + meta.NEED = true; + each(['delete', 'has', 'get', 'set'], function(key){ + var proto = $WeakMap.prototype + , method = proto[key]; + redefine(proto, key, function(a, b){ + // store frozen objects on internal weakmap shim + if(isObject(a) && !isExtensible(a)){ + if(!this._f)this._f = new InternalMap; + var result = this._f[key](a, b); + return key == 'set' ? this : result; + // store all the rest on native weakmap + } return method.call(this, a, b); + }); + }); +} + +/***/ }), +/* 124 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +var weak = __webpack_require__(158); + +// 23.4 WeakSet Objects +__webpack_require__(53)('WeakSet', function(get){ + return function WeakSet(){ return get(this, arguments.length > 0 ? arguments[0] : undefined); }; +}, { + // 23.4.3.1 WeakSet.prototype.add(value) + add: function add(value){ + return weak.def(this, value, true); + } +}, weak, false, true); + +/***/ }), +/* 125 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +// https://github.com/tc39/Array.prototype.includes +var $export = __webpack_require__(3) + , $includes = __webpack_require__(155)(true); + +$export($export.P, 'Array', { + includes: function includes(el /*, fromIndex = 0 */){ + return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined); + } +}); + +__webpack_require__(37)('includes'); + +/***/ }), +/* 126 */ +/***/ (function(module, exports, __webpack_require__) { + +// https://github.com/tc39/proposal-object-values-entries +var $export = __webpack_require__(3) + , $entries = __webpack_require__(170)(true); + +$export($export.S, 'Object', { + entries: function entries(it){ + return $entries(it); + } +}); + +/***/ }), +/* 127 */ +/***/ (function(module, exports, __webpack_require__) { + +// https://github.com/tc39/proposal-object-getownpropertydescriptors +var $export = __webpack_require__(3) + , ownKeys = __webpack_require__(291) + , toIObject = __webpack_require__(23) + , gOPD = __webpack_require__(80) + , createProperty = __webpack_require__(73); + +$export($export.S, 'Object', { + getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object){ + var O = toIObject(object) + , getDesc = gOPD.f + , keys = ownKeys(O) + , result = {} + , i = 0 + , key; + while(keys.length > i)createProperty(result, key = keys[i++], getDesc(O, key)); + return result; + } +}); + +/***/ }), +/* 128 */ +/***/ (function(module, exports, __webpack_require__) { + +// https://github.com/tc39/proposal-object-values-entries +var $export = __webpack_require__(3) + , $values = __webpack_require__(170)(false); + +$export($export.S, 'Object', { + values: function values(it){ + return $values(it); + } +}); + +/***/ }), +/* 129 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +// https://github.com/tc39/proposal-string-pad-start-end +var $export = __webpack_require__(3) + , $pad = __webpack_require__(173); + +$export($export.P, 'String', { + padEnd: function padEnd(maxLength /*, fillString = ' ' */){ + return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, false); + } +}); + +/***/ }), +/* 130 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + +// https://github.com/tc39/proposal-string-pad-start-end +var $export = __webpack_require__(3) + , $pad = __webpack_require__(173); + +$export($export.P, 'String', { + padStart: function padStart(maxLength /*, fillString = ' ' */){ + return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true); + } +}); + +/***/ }), +/* 131 */ +/***/ (function(module, exports, __webpack_require__) { + +var $iterators = __webpack_require__(67) + , redefine = __webpack_require__(33) + , global = __webpack_require__(13) + , hide = __webpack_require__(32) + , Iterators = __webpack_require__(45) + , wks = __webpack_require__(10) + , ITERATOR = wks('iterator') + , TO_STRING_TAG = wks('toStringTag') + , ArrayValues = Iterators.Array; + +for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList', 'CSSRuleList'], i = 0; i < 5; i++){ + var NAME = collections[i] + , Collection = global[NAME] + , proto = Collection && Collection.prototype + , key; + if(proto){ + if(!proto[ITERATOR])hide(proto, ITERATOR, ArrayValues); + if(!proto[TO_STRING_TAG])hide(proto, TO_STRING_TAG, NAME); + Iterators[NAME] = ArrayValues; + for(key in $iterators)if(!proto[key])redefine(proto, key, $iterators[key], true); + } +} + +/***/ }), +/* 132 */ +/***/ (function(module, exports, __webpack_require__) { + +var $export = __webpack_require__(3) + , $task = __webpack_require__(85); +$export($export.G + $export.B, { + setImmediate: $task.set, + clearImmediate: $task.clear +}); + +/***/ }), +/* 133 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +/** + * SheetClip - Spreadsheet Clipboard Parser + * version 0.2 + * + * This tiny library transforms JavaScript arrays to strings that are pasteable by LibreOffice, OpenOffice, + * Google Docs and Microsoft Excel. + * + * Copyright 2012, Marcin Warpechowski + * Licensed under the MIT license. + * http://github.com/warpech/sheetclip/ + */ +/*jslint white: true*/ +(function (global) { + "use strict"; + + function countQuotes(str) { + return str.split('"').length - 1; + } + + var SheetClip = { + /** + * Decode spreadsheet string into array + * + * @param {String} str + * @returns {Array} + */ + parse: function parse(str) { + var r, + rLen, + rows, + arr = [], + a = 0, + c, + cLen, + multiline, + last; + + rows = str.split('\n'); + + if (rows.length > 1 && rows[rows.length - 1] === '') { + rows.pop(); + } + for (r = 0, rLen = rows.length; r < rLen; r += 1) { + rows[r] = rows[r].split('\t'); + + for (c = 0, cLen = rows[r].length; c < cLen; c += 1) { + if (!arr[a]) { + arr[a] = []; + } + if (multiline && c === 0) { + last = arr[a].length - 1; + arr[a][last] = arr[a][last] + '\n' + rows[r][0]; + + if (multiline && countQuotes(rows[r][0]) & 1) { + //& 1 is a bitwise way of performing mod 2 + multiline = false; + arr[a][last] = arr[a][last].substring(0, arr[a][last].length - 1).replace(/""/g, '"'); + } + } else { + if (c === cLen - 1 && rows[r][c].indexOf('"') === 0 && countQuotes(rows[r][c]) & 1) { + arr[a].push(rows[r][c].substring(1).replace(/""/g, '"')); + multiline = true; + } else { + arr[a].push(rows[r][c].replace(/""/g, '"')); + multiline = false; + } + } + } + if (!multiline) { + a += 1; + } + } + + return arr; + }, + + /** + * Encode array into valid spreadsheet string + * + * @param arr + * @returns {String} + */ + stringify: function stringify(arr) { + var r, + rLen, + c, + cLen, + str = '', + val; + + for (r = 0, rLen = arr.length; r < rLen; r += 1) { + cLen = arr[r].length; + + for (c = 0; c < cLen; c += 1) { + if (c > 0) { + str += '\t'; + } + val = arr[r][c]; + + if (typeof val === 'string') { + if (val.indexOf('\n') > -1) { + str += '"' + val.replace(/"/g, '""') + '"'; + } else { + str += val; + } + } else if (val === null || val === void 0) { + // void 0 resolves to undefined + str += ''; + } else { + str += val; + } + } + + if (r !== rLen - 1) { + str += '\n'; + } + } + + return str; + } + }; + + if (true) { + exports.parse = SheetClip.parse; + exports.stringify = SheetClip.stringify; + } else { + global.SheetClip = SheetClip; + } +})(window); + +/***/ }), +/* 134 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +/*! + * https://github.com/Starcounter-Jack/JSON-Patch + * json-patch-duplex.js version: 0.5.7 + * (c) 2013 Joachim Wester + * MIT license + */ +var __extends = undefined && undefined.__extends || function (d, b) { + for (var p in b) { + if (b.hasOwnProperty(p)) d[p] = b[p]; + }function __() { + this.constructor = d; + } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); +}; +var OriginalError = Error; +var jsonpatch; +(function (jsonpatch) { + var _objectKeys = function _objectKeys(obj) { + if (_isArray(obj)) { + var keys = new Array(obj.length); + for (var k = 0; k < keys.length; k++) { + keys[k] = "" + k; + } + return keys; + } + if (Object.keys) { + return Object.keys(obj); + } + var keys = []; + for (var i in obj) { + if (obj.hasOwnProperty(i)) { + keys.push(i); + } + } + return keys; + }; + function _equals(a, b) { + switch (typeof a === 'undefined' ? 'undefined' : _typeof(a)) { + case 'undefined': //backward compatibility, but really I think we should return false + case 'boolean': + case 'string': + case 'number': + return a === b; + case 'object': + if (a === null) return b === null; + if (_isArray(a)) { + if (!_isArray(b) || a.length !== b.length) return false; + for (var i = 0, l = a.length; i < l; i++) { + if (!_equals(a[i], b[i])) return false; + }return true; + } + var bKeys = _objectKeys(b); + var bLength = bKeys.length; + if (_objectKeys(a).length !== bLength) return false; + for (var i = 0; i < bLength; i++) { + if (!_equals(a[i], b[i])) return false; + }return true; + default: + return false; + } + } + /* We use a Javascript hash to store each + function. Each hash entry (property) uses + the operation identifiers specified in rfc6902. + In this way, we can map each patch operation + to its dedicated function in efficient way. + */ + /* The operations applicable to an object */ + var objOps = { + add: function add(obj, key) { + obj[key] = this.value; + return true; + }, + remove: function remove(obj, key) { + delete obj[key]; + return true; + }, + replace: function replace(obj, key) { + obj[key] = this.value; + return true; + }, + move: function move(obj, key, tree) { + var temp = { op: "_get", path: this.from }; + apply(tree, [temp]); + apply(tree, [{ op: "remove", path: this.from }]); + apply(tree, [{ op: "add", path: this.path, value: temp.value }]); + return true; + }, + copy: function copy(obj, key, tree) { + var temp = { op: "_get", path: this.from }; + apply(tree, [temp]); + apply(tree, [{ op: "add", path: this.path, value: temp.value }]); + return true; + }, + test: function test(obj, key) { + return _equals(obj[key], this.value); + }, + _get: function _get(obj, key) { + this.value = obj[key]; + } + }; + /* The operations applicable to an array. Many are the same as for the object */ + var arrOps = { + add: function add(arr, i) { + arr.splice(i, 0, this.value); + return true; + }, + remove: function remove(arr, i) { + arr.splice(i, 1); + return true; + }, + replace: function replace(arr, i) { + arr[i] = this.value; + return true; + }, + move: objOps.move, + copy: objOps.copy, + test: objOps.test, + _get: objOps._get + }; + /* The operations applicable to object root. Many are the same as for the object */ + var rootOps = { + add: function add(obj) { + rootOps.remove.call(this, obj); + for (var key in this.value) { + if (this.value.hasOwnProperty(key)) { + obj[key] = this.value[key]; + } + } + return true; + }, + remove: function remove(obj) { + for (var key in obj) { + if (obj.hasOwnProperty(key)) { + objOps.remove.call(this, obj, key); + } + } + return true; + }, + replace: function replace(obj) { + apply(obj, [{ op: "remove", path: this.path }]); + apply(obj, [{ op: "add", path: this.path, value: this.value }]); + return true; + }, + move: objOps.move, + copy: objOps.copy, + test: function test(obj) { + return JSON.stringify(obj) === JSON.stringify(this.value); + }, + _get: function _get(obj) { + this.value = obj; + } + }; + var observeOps = { + add: function add(patches, path) { + var patch = { + op: "add", + path: path + escapePathComponent(this.name), + value: this.object[this.name] }; + patches.push(patch); + }, + 'delete': function _delete(patches, path) { + var patch = { + op: "remove", + path: path + escapePathComponent(this.name) + }; + patches.push(patch); + }, + update: function update(patches, path) { + var patch = { + op: "replace", + path: path + escapePathComponent(this.name), + value: this.object[this.name] + }; + patches.push(patch); + } + }; + function escapePathComponent(str) { + if (str.indexOf('/') === -1 && str.indexOf('~') === -1) return str; + return str.replace(/~/g, '~0').replace(/\//g, '~1'); + } + function _getPathRecursive(root, obj) { + var found; + for (var key in root) { + if (root.hasOwnProperty(key)) { + if (root[key] === obj) { + return escapePathComponent(key) + '/'; + } else if (_typeof(root[key]) === 'object') { + found = _getPathRecursive(root[key], obj); + if (found != '') { + return escapePathComponent(key) + '/' + found; + } + } + } + } + return ''; + } + function getPath(root, obj) { + if (root === obj) { + return '/'; + } + var path = _getPathRecursive(root, obj); + if (path === '') { + throw new OriginalError("Object not found in root"); + } + return '/' + path; + } + var beforeDict = []; + var Mirror = function () { + function Mirror(obj) { + this.observers = []; + this.obj = obj; + } + return Mirror; + }(); + var ObserverInfo = function () { + function ObserverInfo(callback, observer) { + this.callback = callback; + this.observer = observer; + } + return ObserverInfo; + }(); + function getMirror(obj) { + for (var i = 0, ilen = beforeDict.length; i < ilen; i++) { + if (beforeDict[i].obj === obj) { + return beforeDict[i]; + } + } + } + function getObserverFromMirror(mirror, callback) { + for (var j = 0, jlen = mirror.observers.length; j < jlen; j++) { + if (mirror.observers[j].callback === callback) { + return mirror.observers[j].observer; + } + } + } + function removeObserverFromMirror(mirror, observer) { + for (var j = 0, jlen = mirror.observers.length; j < jlen; j++) { + if (mirror.observers[j].observer === observer) { + mirror.observers.splice(j, 1); + return; + } + } + } + function unobserve(root, observer) { + observer.unobserve(); + } + jsonpatch.unobserve = unobserve; + function deepClone(obj) { + if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === "object") { + return JSON.parse(JSON.stringify(obj)); //Faster than ES5 clone - http://jsperf.com/deep-cloning-of-objects/5 + } else { + return obj; //no need to clone primitives + } + } + function observe(obj, callback) { + var patches = []; + var root = obj; + var observer; + var mirror = getMirror(obj); + if (!mirror) { + mirror = new Mirror(obj); + beforeDict.push(mirror); + } else { + observer = getObserverFromMirror(mirror, callback); + } + if (observer) { + return observer; + } + observer = {}; + mirror.value = deepClone(obj); + if (callback) { + observer.callback = callback; + observer.next = null; + var intervals = this.intervals || [100, 1000, 10000, 60000]; + if (intervals.push === void 0) { + throw new OriginalError("jsonpatch.intervals must be an array"); + } + var currentInterval = 0; + var dirtyCheck = function dirtyCheck() { + generate(observer); + }; + var fastCheck = function fastCheck() { + clearTimeout(observer.next); + observer.next = setTimeout(function () { + dirtyCheck(); + currentInterval = 0; + observer.next = setTimeout(slowCheck, intervals[currentInterval++]); + }, 0); + }; + var slowCheck = function slowCheck() { + dirtyCheck(); + if (currentInterval == intervals.length) currentInterval = intervals.length - 1; + observer.next = setTimeout(slowCheck, intervals[currentInterval++]); + }; + if (typeof window !== 'undefined') { + if (window.addEventListener) { + window.addEventListener('mousedown', fastCheck); + window.addEventListener('mouseup', fastCheck); + window.addEventListener('keydown', fastCheck); + } else { + document.documentElement.attachEvent('onmousedown', fastCheck); + document.documentElement.attachEvent('onmouseup', fastCheck); + document.documentElement.attachEvent('onkeydown', fastCheck); + } + } + observer.next = setTimeout(slowCheck, intervals[currentInterval++]); + } + observer.patches = patches; + observer.object = obj; + observer.unobserve = function () { + generate(observer); + clearTimeout(observer.next); + removeObserverFromMirror(mirror, observer); + if (typeof window !== 'undefined') { + if (window.removeEventListener) { + window.removeEventListener('mousedown', fastCheck); + window.removeEventListener('mouseup', fastCheck); + window.removeEventListener('keydown', fastCheck); + } else { + document.documentElement.detachEvent('onmousedown', fastCheck); + document.documentElement.detachEvent('onmouseup', fastCheck); + document.documentElement.detachEvent('onkeydown', fastCheck); + } + } + }; + mirror.observers.push(new ObserverInfo(callback, observer)); + return observer; + } + jsonpatch.observe = observe; + function generate(observer) { + var mirror; + for (var i = 0, ilen = beforeDict.length; i < ilen; i++) { + if (beforeDict[i].obj === observer.object) { + mirror = beforeDict[i]; + break; + } + } + _generate(mirror.value, observer.object, observer.patches, ""); + if (observer.patches.length) { + apply(mirror.value, observer.patches); + } + var temp = observer.patches; + if (temp.length > 0) { + observer.patches = []; + if (observer.callback) { + observer.callback(temp); + } + } + return temp; + } + jsonpatch.generate = generate; + // Dirty check if obj is different from mirror, generate patches and update mirror + function _generate(mirror, obj, patches, path) { + var newKeys = _objectKeys(obj); + var oldKeys = _objectKeys(mirror); + var changed = false; + var deleted = false; + //if ever "move" operation is implemented here, make sure this test runs OK: "should not generate the same patch twice (move)" + for (var t = oldKeys.length - 1; t >= 0; t--) { + var key = oldKeys[t]; + var oldVal = mirror[key]; + if (obj.hasOwnProperty(key)) { + var newVal = obj[key]; + if ((typeof oldVal === 'undefined' ? 'undefined' : _typeof(oldVal)) == "object" && oldVal != null && (typeof newVal === 'undefined' ? 'undefined' : _typeof(newVal)) == "object" && newVal != null) { + _generate(oldVal, newVal, patches, path + "/" + escapePathComponent(key)); + } else { + if (oldVal != newVal) { + changed = true; + patches.push({ op: "replace", path: path + "/" + escapePathComponent(key), value: deepClone(newVal) }); + } + } + } else { + patches.push({ op: "remove", path: path + "/" + escapePathComponent(key) }); + deleted = true; // property has been deleted + } + } + if (!deleted && newKeys.length == oldKeys.length) { + return; + } + for (var t = 0; t < newKeys.length; t++) { + var key = newKeys[t]; + if (!mirror.hasOwnProperty(key)) { + patches.push({ op: "add", path: path + "/" + escapePathComponent(key), value: deepClone(obj[key]) }); + } + } + } + var _isArray; + if (Array.isArray) { + _isArray = Array.isArray; + } else { + _isArray = function _isArray(obj) { + return obj.push && typeof obj.length === 'number'; + }; + } + //3x faster than cached /^\d+$/.test(str) + function isInteger(str) { + var i = 0; + var len = str.length; + var charCode; + while (i < len) { + charCode = str.charCodeAt(i); + if (charCode >= 48 && charCode <= 57) { + i++; + continue; + } + return false; + } + return true; + } + /// Apply a json-patch operation on an object tree + function apply(tree, patches, validate) { + var result = false, + p = 0, + plen = patches.length, + patch, + key; + while (p < plen) { + patch = patches[p]; + p++; + // Find the object + var path = patch.path || ""; + var keys = path.split('/'); + var obj = tree; + var t = 1; //skip empty element - http://jsperf.com/to-shift-or-not-to-shift + var len = keys.length; + var existingPathFragment = undefined; + while (true) { + key = keys[t]; + if (validate) { + if (existingPathFragment === undefined) { + if (obj[key] === undefined) { + existingPathFragment = keys.slice(0, t).join('/'); + } else if (t == len - 1) { + existingPathFragment = patch.path; + } + if (existingPathFragment !== undefined) { + this.validator(patch, p - 1, tree, existingPathFragment); + } + } + } + t++; + if (key === undefined) { + if (t >= len) { + result = rootOps[patch.op].call(patch, obj, key, tree); // Apply patch + break; + } + } + if (_isArray(obj)) { + if (key === '-') { + key = obj.length; + } else { + if (validate && !isInteger(key)) { + throw new JsonPatchError("Expected an unsigned base-10 integer value, making the new referenced value the array element with the zero-based index", "OPERATION_PATH_ILLEGAL_ARRAY_INDEX", p - 1, patch.path, patch); + } + key = parseInt(key, 10); + } + if (t >= len) { + if (validate && patch.op === "add" && key > obj.length) { + throw new JsonPatchError("The specified index MUST NOT be greater than the number of elements in the array", "OPERATION_VALUE_OUT_OF_BOUNDS", p - 1, patch.path, patch); + } + result = arrOps[patch.op].call(patch, obj, key, tree); // Apply patch + break; + } + } else { + if (key && key.indexOf('~') != -1) key = key.replace(/~1/g, '/').replace(/~0/g, '~'); // escape chars + if (t >= len) { + result = objOps[patch.op].call(patch, obj, key, tree); // Apply patch + break; + } + } + obj = obj[key]; + } + } + return result; + } + jsonpatch.apply = apply; + function compare(tree1, tree2) { + var patches = []; + _generate(tree1, tree2, patches, ''); + return patches; + } + jsonpatch.compare = compare; + var JsonPatchError = function (_super) { + __extends(JsonPatchError, _super); + function JsonPatchError(message, name, index, operation, tree) { + _super.call(this, message); + this.message = message; + this.name = name; + this.index = index; + this.operation = operation; + this.tree = tree; + } + return JsonPatchError; + }(OriginalError); + jsonpatch.JsonPatchError = JsonPatchError; + jsonpatch.Error = JsonPatchError; + /** + * Recursively checks whether an object has any undefined values inside. + */ + function hasUndefined(obj) { + if (obj === undefined) { + return true; + } + if (typeof obj == "array" || (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) == "object") { + for (var i in obj) { + if (hasUndefined(obj[i])) { + return true; + } + } + } + return false; + } + /** + * Validates a single operation. Called from `jsonpatch.validate`. Throws `JsonPatchError` in case of an error. + * @param {object} operation - operation object (patch) + * @param {number} index - index of operation in the sequence + * @param {object} [tree] - object where the operation is supposed to be applied + * @param {string} [existingPathFragment] - comes along with `tree` + */ + function validator(operation, index, tree, existingPathFragment) { + if ((typeof operation === 'undefined' ? 'undefined' : _typeof(operation)) !== 'object' || operation === null || _isArray(operation)) { + throw new JsonPatchError('Operation is not an object', 'OPERATION_NOT_AN_OBJECT', index, operation, tree); + } else if (!objOps[operation.op]) { + throw new JsonPatchError('Operation `op` property is not one of operations defined in RFC-6902', 'OPERATION_OP_INVALID', index, operation, tree); + } else if (typeof operation.path !== 'string') { + throw new JsonPatchError('Operation `path` property is not a string', 'OPERATION_PATH_INVALID', index, operation, tree); + } else if ((operation.op === 'move' || operation.op === 'copy') && typeof operation.from !== 'string') { + throw new JsonPatchError('Operation `from` property is not present (applicable in `move` and `copy` operations)', 'OPERATION_FROM_REQUIRED', index, operation, tree); + } else if ((operation.op === 'add' || operation.op === 'replace' || operation.op === 'test') && operation.value === undefined) { + throw new JsonPatchError('Operation `value` property is not present (applicable in `add`, `replace` and `test` operations)', 'OPERATION_VALUE_REQUIRED', index, operation, tree); + } else if ((operation.op === 'add' || operation.op === 'replace' || operation.op === 'test') && hasUndefined(operation.value)) { + throw new JsonPatchError('Operation `value` property is not present (applicable in `add`, `replace` and `test` operations)', 'OPERATION_VALUE_CANNOT_CONTAIN_UNDEFINED', index, operation, tree); + } else if (tree) { + if (operation.op == "add") { + var pathLen = operation.path.split("/").length; + var existingPathLen = existingPathFragment.split("/").length; + if (pathLen !== existingPathLen + 1 && pathLen !== existingPathLen) { + throw new JsonPatchError('Cannot perform an `add` operation at the desired path', 'OPERATION_PATH_CANNOT_ADD', index, operation, tree); + } + } else if (operation.op === 'replace' || operation.op === 'remove' || operation.op === '_get') { + if (operation.path !== existingPathFragment) { + throw new JsonPatchError('Cannot perform the operation at a path that does not exist', 'OPERATION_PATH_UNRESOLVABLE', index, operation, tree); + } + } else if (operation.op === 'move' || operation.op === 'copy') { + var existingValue = { op: "_get", path: operation.from, value: undefined }; + var error = jsonpatch.validate([existingValue], tree); + if (error && error.name === 'OPERATION_PATH_UNRESOLVABLE') { + throw new JsonPatchError('Cannot perform the operation from a path that does not exist', 'OPERATION_FROM_UNRESOLVABLE', index, operation, tree); + } + } + } + } + jsonpatch.validator = validator; + /** + * Validates a sequence of operations. If `tree` parameter is provided, the sequence is additionally validated against the object tree. + * If error is encountered, returns a JsonPatchError object + * @param sequence + * @param tree + * @returns {JsonPatchError|undefined} + */ + function validate(sequence, tree) { + try { + if (!_isArray(sequence)) { + throw new JsonPatchError('Patch sequence must be an array', 'SEQUENCE_NOT_AN_ARRAY'); + } + if (tree) { + tree = JSON.parse(JSON.stringify(tree)); //clone tree so that we can safely try applying operations + apply.call(this, tree, sequence, true); + } else { + for (var i = 0; i < sequence.length; i++) { + this.validator(sequence[i], i); + } + } + } catch (e) { + if (e instanceof JsonPatchError) { + return e; + } else { + throw e; + } + } + } + jsonpatch.validate = validate; +})(jsonpatch || (jsonpatch = {})); +if (true) { + exports.apply = jsonpatch.apply; + exports.observe = jsonpatch.observe; + exports.unobserve = jsonpatch.unobserve; + exports.generate = jsonpatch.generate; + exports.compare = jsonpatch.compare; + exports.validate = jsonpatch.validate; + exports.validator = jsonpatch.validator; + exports.JsonPatchError = jsonpatch.JsonPatchError; + exports.Error = jsonpatch.Error; +} + +/***/ }), +/* 135 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _event = __webpack_require__(7); + +var _object = __webpack_require__(1); + +var _browser = __webpack_require__(25); + +var _eventManager = __webpack_require__(4); + +var _eventManager2 = _interopRequireDefault(_eventManager); + +var _coords = __webpack_require__(42); + +var _coords2 = _interopRequireDefault(_coords); + +var _base = __webpack_require__(28); + +var _base2 = _interopRequireDefault(_base); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * + */ +var Border = function () { + /** + * @param {Walkontable} wotInstance + * @param {Object} settings + */ + function Border(wotInstance, settings) { + _classCallCheck(this, Border); + + if (!settings) { + return; + } + this.eventManager = new _eventManager2.default(wotInstance); + this.instance = wotInstance; + this.wot = wotInstance; + this.settings = settings; + this.mouseDown = false; + this.main = null; + + this.top = null; + this.left = null; + this.bottom = null; + this.right = null; + + this.topStyle = null; + this.leftStyle = null; + this.bottomStyle = null; + this.rightStyle = null; + + this.cornerDefaultStyle = { + width: '5px', + height: '5px', + borderWidth: '2px', + borderStyle: 'solid', + borderColor: '#FFF' + }; + this.corner = null; + this.cornerStyle = null; + + this.createBorders(settings); + this.registerListeners(); + } + + /** + * Register all necessary events + */ + + + _createClass(Border, [{ + key: 'registerListeners', + value: function registerListeners() { + var _this2 = this; + + this.eventManager.addEventListener(document.body, 'mousedown', function () { + return _this2.onMouseDown(); + }); + this.eventManager.addEventListener(document.body, 'mouseup', function () { + return _this2.onMouseUp(); + }); + + var _loop = function _loop(c, len) { + _this2.eventManager.addEventListener(_this2.main.childNodes[c], 'mouseenter', function (event) { + return _this2.onMouseEnter(event, _this2.main.childNodes[c]); + }); + }; + + for (var c = 0, len = this.main.childNodes.length; c < len; c++) { + _loop(c, len); + } + } + + /** + * Mouse down listener + * + * @private + */ + + }, { + key: 'onMouseDown', + value: function onMouseDown() { + this.mouseDown = true; + } + + /** + * Mouse up listener + * + * @private + */ + + }, { + key: 'onMouseUp', + value: function onMouseUp() { + this.mouseDown = false; + } + + /** + * Mouse enter listener for fragment selection functionality. + * + * @private + * @param {Event} event Dom event + * @param {HTMLElement} parentElement Part of border element. + */ + + }, { + key: 'onMouseEnter', + value: function onMouseEnter(event, parentElement) { + if (!this.mouseDown || !this.wot.getSetting('hideBorderOnMouseDownOver')) { + return; + } + event.preventDefault(); + (0, _event.stopImmediatePropagation)(event); + + var _this = this; + var bounds = parentElement.getBoundingClientRect(); + // Hide border to prevents selection jumping when fragmentSelection is enabled. + parentElement.style.display = 'none'; + + function isOutside(event) { + if (event.clientY < Math.floor(bounds.top)) { + return true; + } + if (event.clientY > Math.ceil(bounds.top + bounds.height)) { + return true; + } + if (event.clientX < Math.floor(bounds.left)) { + return true; + } + if (event.clientX > Math.ceil(bounds.left + bounds.width)) { + return true; + } + } + + function handler(event) { + if (isOutside(event)) { + _this.eventManager.removeEventListener(document.body, 'mousemove', handler); + parentElement.style.display = 'block'; + } + } + + this.eventManager.addEventListener(document.body, 'mousemove', handler); + } + + /** + * Create border elements + * + * @param {Object} settings + */ + + }, { + key: 'createBorders', + value: function createBorders(settings) { + this.main = document.createElement('div'); + + var borderDivs = ['top', 'left', 'bottom', 'right', 'corner']; + var style = this.main.style; + style.position = 'absolute'; + style.top = 0; + style.left = 0; + + for (var i = 0; i < 5; i++) { + var position = borderDivs[i]; + var div = document.createElement('div'); + div.className = 'wtBorder ' + (this.settings.className || ''); // + borderDivs[i]; + + if (this.settings[position] && this.settings[position].hide) { + div.className += ' hidden'; + } + style = div.style; + style.backgroundColor = this.settings[position] && this.settings[position].color ? this.settings[position].color : settings.border.color; + style.height = this.settings[position] && this.settings[position].width ? this.settings[position].width + 'px' : settings.border.width + 'px'; + style.width = this.settings[position] && this.settings[position].width ? this.settings[position].width + 'px' : settings.border.width + 'px'; + + this.main.appendChild(div); + } + this.top = this.main.childNodes[0]; + this.left = this.main.childNodes[1]; + this.bottom = this.main.childNodes[2]; + this.right = this.main.childNodes[3]; + + this.topStyle = this.top.style; + this.leftStyle = this.left.style; + this.bottomStyle = this.bottom.style; + this.rightStyle = this.right.style; + + this.corner = this.main.childNodes[4]; + this.corner.className += ' corner'; + this.cornerStyle = this.corner.style; + this.cornerStyle.width = this.cornerDefaultStyle.width; + this.cornerStyle.height = this.cornerDefaultStyle.height; + this.cornerStyle.border = [this.cornerDefaultStyle.borderWidth, this.cornerDefaultStyle.borderStyle, this.cornerDefaultStyle.borderColor].join(' '); + + if ((0, _browser.isMobileBrowser)()) { + this.createMultipleSelectorHandles(); + } + this.disappear(); + + if (!this.wot.wtTable.bordersHolder) { + this.wot.wtTable.bordersHolder = document.createElement('div'); + this.wot.wtTable.bordersHolder.className = 'htBorders'; + this.wot.wtTable.spreader.appendChild(this.wot.wtTable.bordersHolder); + } + this.wot.wtTable.bordersHolder.insertBefore(this.main, this.wot.wtTable.bordersHolder.firstChild); + } + + /** + * Create multiple selector handler for mobile devices + */ + + }, { + key: 'createMultipleSelectorHandles', + value: function createMultipleSelectorHandles() { + this.selectionHandles = { + topLeft: document.createElement('DIV'), + topLeftHitArea: document.createElement('DIV'), + bottomRight: document.createElement('DIV'), + bottomRightHitArea: document.createElement('DIV') + }; + var width = 10; + var hitAreaWidth = 40; + + this.selectionHandles.topLeft.className = 'topLeftSelectionHandle'; + this.selectionHandles.topLeftHitArea.className = 'topLeftSelectionHandle-HitArea'; + this.selectionHandles.bottomRight.className = 'bottomRightSelectionHandle'; + this.selectionHandles.bottomRightHitArea.className = 'bottomRightSelectionHandle-HitArea'; + + this.selectionHandles.styles = { + topLeft: this.selectionHandles.topLeft.style, + topLeftHitArea: this.selectionHandles.topLeftHitArea.style, + bottomRight: this.selectionHandles.bottomRight.style, + bottomRightHitArea: this.selectionHandles.bottomRightHitArea.style + }; + + var hitAreaStyle = { + position: 'absolute', + height: hitAreaWidth + 'px', + width: hitAreaWidth + 'px', + 'border-radius': parseInt(hitAreaWidth / 1.5, 10) + 'px' + }; + + for (var prop in hitAreaStyle) { + if ((0, _object.hasOwnProperty)(hitAreaStyle, prop)) { + this.selectionHandles.styles.bottomRightHitArea[prop] = hitAreaStyle[prop]; + this.selectionHandles.styles.topLeftHitArea[prop] = hitAreaStyle[prop]; + } + } + + var handleStyle = { + position: 'absolute', + height: width + 'px', + width: width + 'px', + 'border-radius': parseInt(width / 1.5, 10) + 'px', + background: '#F5F5FF', + border: '1px solid #4285c8' + }; + + for (var _prop in handleStyle) { + if ((0, _object.hasOwnProperty)(handleStyle, _prop)) { + this.selectionHandles.styles.bottomRight[_prop] = handleStyle[_prop]; + this.selectionHandles.styles.topLeft[_prop] = handleStyle[_prop]; + } + } + this.main.appendChild(this.selectionHandles.topLeft); + this.main.appendChild(this.selectionHandles.bottomRight); + this.main.appendChild(this.selectionHandles.topLeftHitArea); + this.main.appendChild(this.selectionHandles.bottomRightHitArea); + } + }, { + key: 'isPartRange', + value: function isPartRange(row, col) { + if (this.wot.selections.area.cellRange) { + if (row != this.wot.selections.area.cellRange.to.row || col != this.wot.selections.area.cellRange.to.col) { + return true; + } + } + + return false; + } + }, { + key: 'updateMultipleSelectionHandlesPosition', + value: function updateMultipleSelectionHandlesPosition(row, col, top, left, width, height) { + var handleWidth = parseInt(this.selectionHandles.styles.topLeft.width, 10); + var hitAreaWidth = parseInt(this.selectionHandles.styles.topLeftHitArea.width, 10); + + this.selectionHandles.styles.topLeft.top = parseInt(top - handleWidth, 10) + 'px'; + this.selectionHandles.styles.topLeft.left = parseInt(left - handleWidth, 10) + 'px'; + + this.selectionHandles.styles.topLeftHitArea.top = parseInt(top - hitAreaWidth / 4 * 3, 10) + 'px'; + this.selectionHandles.styles.topLeftHitArea.left = parseInt(left - hitAreaWidth / 4 * 3, 10) + 'px'; + + this.selectionHandles.styles.bottomRight.top = parseInt(top + height, 10) + 'px'; + this.selectionHandles.styles.bottomRight.left = parseInt(left + width, 10) + 'px'; + + this.selectionHandles.styles.bottomRightHitArea.top = parseInt(top + height - hitAreaWidth / 4, 10) + 'px'; + this.selectionHandles.styles.bottomRightHitArea.left = parseInt(left + width - hitAreaWidth / 4, 10) + 'px'; + + if (this.settings.border.multipleSelectionHandlesVisible && this.settings.border.multipleSelectionHandlesVisible()) { + this.selectionHandles.styles.topLeft.display = 'block'; + this.selectionHandles.styles.topLeftHitArea.display = 'block'; + + if (this.isPartRange(row, col)) { + this.selectionHandles.styles.bottomRight.display = 'none'; + this.selectionHandles.styles.bottomRightHitArea.display = 'none'; + } else { + this.selectionHandles.styles.bottomRight.display = 'block'; + this.selectionHandles.styles.bottomRightHitArea.display = 'block'; + } + } else { + this.selectionHandles.styles.topLeft.display = 'none'; + this.selectionHandles.styles.bottomRight.display = 'none'; + this.selectionHandles.styles.topLeftHitArea.display = 'none'; + this.selectionHandles.styles.bottomRightHitArea.display = 'none'; + } + + if (row == this.wot.wtSettings.getSetting('fixedRowsTop') || col == this.wot.wtSettings.getSetting('fixedColumnsLeft')) { + this.selectionHandles.styles.topLeft.zIndex = '9999'; + this.selectionHandles.styles.topLeftHitArea.zIndex = '9999'; + } else { + this.selectionHandles.styles.topLeft.zIndex = ''; + this.selectionHandles.styles.topLeftHitArea.zIndex = ''; + } + } + + /** + * Show border around one or many cells + * + * @param {Array} corners + */ + + }, { + key: 'appear', + value: function appear(corners) { + if (this.disabled) { + return; + } + var isMultiple, fromTD, toTD, fromOffset, toOffset, containerOffset, top, minTop, left, minLeft, height, width, fromRow, fromColumn, toRow, toColumn, trimmingContainer, cornerOverlappingContainer, ilen; + + ilen = this.wot.wtTable.getRenderedRowsCount(); + + for (var i = 0; i < ilen; i++) { + var s = this.wot.wtTable.rowFilter.renderedToSource(i); + + if (s >= corners[0] && s <= corners[2]) { + fromRow = s; + break; + } + } + + for (var _i = ilen - 1; _i >= 0; _i--) { + var _s = this.wot.wtTable.rowFilter.renderedToSource(_i); + + if (_s >= corners[0] && _s <= corners[2]) { + toRow = _s; + break; + } + } + + ilen = this.wot.wtTable.getRenderedColumnsCount(); + + for (var _i2 = 0; _i2 < ilen; _i2++) { + var _s2 = this.wot.wtTable.columnFilter.renderedToSource(_i2); + + if (_s2 >= corners[1] && _s2 <= corners[3]) { + fromColumn = _s2; + break; + } + } + + for (var _i3 = ilen - 1; _i3 >= 0; _i3--) { + var _s3 = this.wot.wtTable.columnFilter.renderedToSource(_i3); + + if (_s3 >= corners[1] && _s3 <= corners[3]) { + toColumn = _s3; + break; + } + } + if (fromRow === void 0 || fromColumn === void 0) { + this.disappear(); + + return; + } + isMultiple = fromRow !== toRow || fromColumn !== toColumn; + fromTD = this.wot.wtTable.getCell(new _coords2.default(fromRow, fromColumn)); + toTD = isMultiple ? this.wot.wtTable.getCell(new _coords2.default(toRow, toColumn)) : fromTD; + fromOffset = (0, _element.offset)(fromTD); + toOffset = isMultiple ? (0, _element.offset)(toTD) : fromOffset; + containerOffset = (0, _element.offset)(this.wot.wtTable.TABLE); + + minTop = fromOffset.top; + height = toOffset.top + (0, _element.outerHeight)(toTD) - minTop; + minLeft = fromOffset.left; + width = toOffset.left + (0, _element.outerWidth)(toTD) - minLeft; + + top = minTop - containerOffset.top - 1; + left = minLeft - containerOffset.left - 1; + var style = (0, _element.getComputedStyle)(fromTD); + + if (parseInt(style.borderTopWidth, 10) > 0) { + top += 1; + height = height > 0 ? height - 1 : 0; + } + if (parseInt(style.borderLeftWidth, 10) > 0) { + left += 1; + width = width > 0 ? width - 1 : 0; + } + + this.topStyle.top = top + 'px'; + this.topStyle.left = left + 'px'; + this.topStyle.width = width + 'px'; + this.topStyle.display = 'block'; + + this.leftStyle.top = top + 'px'; + this.leftStyle.left = left + 'px'; + this.leftStyle.height = height + 'px'; + this.leftStyle.display = 'block'; + + var delta = Math.floor(this.settings.border.width / 2); + + this.bottomStyle.top = top + height - delta + 'px'; + this.bottomStyle.left = left + 'px'; + this.bottomStyle.width = width + 'px'; + this.bottomStyle.display = 'block'; + + this.rightStyle.top = top + 'px'; + this.rightStyle.left = left + width - delta + 'px'; + this.rightStyle.height = height + 1 + 'px'; + this.rightStyle.display = 'block'; + + if ((0, _browser.isMobileBrowser)() || !this.hasSetting(this.settings.border.cornerVisible) || this.isPartRange(toRow, toColumn)) { + this.cornerStyle.display = 'none'; + } else { + this.cornerStyle.top = top + height - 4 + 'px'; + this.cornerStyle.left = left + width - 4 + 'px'; + this.cornerStyle.borderRightWidth = this.cornerDefaultStyle.borderWidth; + this.cornerStyle.width = this.cornerDefaultStyle.width; + + // Hide the fill handle, so the possible further adjustments won't force unneeded scrollbars. + this.cornerStyle.display = 'none'; + + trimmingContainer = (0, _element.getTrimmingContainer)(this.wot.wtTable.TABLE); + + if (toColumn === this.wot.getSetting('totalColumns') - 1) { + cornerOverlappingContainer = toTD.offsetLeft + (0, _element.outerWidth)(toTD) + parseInt(this.cornerDefaultStyle.width, 10) / 2 >= (0, _element.innerWidth)(trimmingContainer); + + if (cornerOverlappingContainer) { + this.cornerStyle.left = Math.floor(left + width - 3 - parseInt(this.cornerDefaultStyle.width, 10) / 2) + 'px'; + this.cornerStyle.borderRightWidth = 0; + } + } + + if (toRow === this.wot.getSetting('totalRows') - 1) { + cornerOverlappingContainer = toTD.offsetTop + (0, _element.outerHeight)(toTD) + parseInt(this.cornerDefaultStyle.height, 10) / 2 >= (0, _element.innerHeight)(trimmingContainer); + + if (cornerOverlappingContainer) { + this.cornerStyle.top = Math.floor(top + height - 3 - parseInt(this.cornerDefaultStyle.height, 10) / 2) + 'px'; + this.cornerStyle.borderBottomWidth = 0; + } + } + + this.cornerStyle.display = 'block'; + } + + if ((0, _browser.isMobileBrowser)()) { + this.updateMultipleSelectionHandlesPosition(fromRow, fromColumn, top, left, width, height); + } + } + + /** + * Hide border + */ + + }, { + key: 'disappear', + value: function disappear() { + this.topStyle.display = 'none'; + this.leftStyle.display = 'none'; + this.bottomStyle.display = 'none'; + this.rightStyle.display = 'none'; + this.cornerStyle.display = 'none'; + + if ((0, _browser.isMobileBrowser)()) { + this.selectionHandles.styles.topLeft.display = 'none'; + this.selectionHandles.styles.bottomRight.display = 'none'; + } + } + + /** + * @param {Function} setting + * @returns {*} + */ + + }, { + key: 'hasSetting', + value: function hasSetting(setting) { + if (typeof setting === 'function') { + return setting(); + } + + return !!setting; + } + }]); + + return Border; +}(); + +exports.default = Border; + +/***/ }), +/* 136 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var privatePool = new WeakMap(); + +/** + * Calculates indexes of columns to render OR columns that are visible. + * To redo the calculation, you need to create a new calculator. + * + * @class ViewportColumnsCalculator + */ + +var ViewportColumnsCalculator = function () { + _createClass(ViewportColumnsCalculator, null, [{ + key: 'DEFAULT_WIDTH', + + /** + * Default column width + * + * @type {Number} + */ + get: function get() { + return 50; + } + + /** + * @param {Number} viewportWidth Width of the viewport + * @param {Number} scrollOffset Current horizontal scroll position of the viewport + * @param {Number} totalColumns Total number of rows + * @param {Function} columnWidthFn Function that returns the width of the column at a given index (in px) + * @param {Function} overrideFn Function that changes calculated this.startRow, this.endRow (used by MergeCells plugin) + * @param {Boolean} onlyFullyVisible if `true`, only startRow and endRow will be indexes of rows that are fully in viewport + * @param {Boolean} stretchH + * @param {Function} [stretchingColumnWidthFn] Function that returns the new width of the stretched column. + */ + + }]); + + function ViewportColumnsCalculator(viewportWidth, scrollOffset, totalColumns, columnWidthFn, overrideFn, onlyFullyVisible, stretchH) { + var stretchingColumnWidthFn = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : function (width) { + return width; + }; + + _classCallCheck(this, ViewportColumnsCalculator); + + privatePool.set(this, { + viewportWidth: viewportWidth, + scrollOffset: scrollOffset, + totalColumns: totalColumns, + columnWidthFn: columnWidthFn, + overrideFn: overrideFn, + onlyFullyVisible: onlyFullyVisible, + stretchingColumnWidthFn: stretchingColumnWidthFn + }); + + /** + * Number of rendered/visible columns + * + * @type {Number} + */ + this.count = 0; + + /** + * Index of the first rendered/visible column (can be overwritten using overrideFn) + * + * @type {Number|null} + */ + this.startColumn = null; + + /** + * Index of the last rendered/visible column (can be overwritten using overrideFn) + * + * @type {null} + */ + this.endColumn = null; + + /** + * Position of the first rendered/visible column (in px) + * + * @type {Number|null} + */ + this.startPosition = null; + + this.stretchAllRatio = 0; + this.stretchLastWidth = 0; + this.stretch = stretchH; + this.totalTargetWidth = 0; + this.needVerifyLastColumnWidth = true; + this.stretchAllColumnsWidth = []; + + this.calculate(); + } + + /** + * Calculates viewport + */ + + + _createClass(ViewportColumnsCalculator, [{ + key: 'calculate', + value: function calculate() { + var sum = 0; + var needReverse = true; + var startPositions = []; + var columnWidth = void 0; + + var priv = privatePool.get(this); + var onlyFullyVisible = priv.onlyFullyVisible; + var overrideFn = priv.overrideFn; + var scrollOffset = priv.scrollOffset; + var totalColumns = priv.totalColumns; + var viewportWidth = priv.viewportWidth; + + for (var i = 0; i < totalColumns; i++) { + columnWidth = this._getColumnWidth(i); + + if (sum <= scrollOffset && !onlyFullyVisible) { + this.startColumn = i; + } + + // +1 pixel for row header width compensation for horizontal scroll > 0 + var compensatedViewportWidth = scrollOffset > 0 ? viewportWidth + 1 : viewportWidth; + + if (sum >= scrollOffset && sum + columnWidth <= scrollOffset + compensatedViewportWidth) { + if (this.startColumn == null) { + this.startColumn = i; + } + this.endColumn = i; + } + startPositions.push(sum); + sum += columnWidth; + + if (!onlyFullyVisible) { + this.endColumn = i; + } + if (sum >= scrollOffset + viewportWidth) { + needReverse = false; + break; + } + } + + if (this.endColumn === totalColumns - 1 && needReverse) { + this.startColumn = this.endColumn; + + while (this.startColumn > 0) { + var viewportSum = startPositions[this.endColumn] + columnWidth - startPositions[this.startColumn - 1]; + + if (viewportSum <= viewportWidth || !onlyFullyVisible) { + this.startColumn--; + } + if (viewportSum > viewportWidth) { + break; + } + } + } + + if (this.startColumn !== null && overrideFn) { + overrideFn(this); + } + this.startPosition = startPositions[this.startColumn]; + + if (this.startPosition == void 0) { + this.startPosition = null; + } + if (this.startColumn !== null) { + this.count = this.endColumn - this.startColumn + 1; + } + } + + /** + * Recalculate columns stretching. + * + * @param {Number} totalWidth + */ + + }, { + key: 'refreshStretching', + value: function refreshStretching(totalWidth) { + if (this.stretch === 'none') { + return; + } + this.totalTargetWidth = totalWidth; + + var priv = privatePool.get(this); + var totalColumns = priv.totalColumns; + var sumAll = 0; + + for (var i = 0; i < totalColumns; i++) { + var columnWidth = this._getColumnWidth(i); + var permanentColumnWidth = priv.stretchingColumnWidthFn(void 0, i); + + if (typeof permanentColumnWidth === 'number') { + totalWidth -= permanentColumnWidth; + } else { + sumAll += columnWidth; + } + } + var remainingSize = totalWidth - sumAll; + + if (this.stretch === 'all' && remainingSize > 0) { + this.stretchAllRatio = totalWidth / sumAll; + this.stretchAllColumnsWidth = []; + this.needVerifyLastColumnWidth = true; + } else if (this.stretch === 'last' && totalWidth !== Infinity) { + var _columnWidth = this._getColumnWidth(totalColumns - 1); + var lastColumnWidth = remainingSize + _columnWidth; + + this.stretchLastWidth = lastColumnWidth >= 0 ? lastColumnWidth : _columnWidth; + } + } + + /** + * Get stretched column width based on stretchH (all or last) setting passed in handsontable instance. + * + * @param {Number} column + * @param {Number} baseWidth + * @returns {Number|null} + */ + + }, { + key: 'getStretchedColumnWidth', + value: function getStretchedColumnWidth(column, baseWidth) { + var result = null; + + if (this.stretch === 'all' && this.stretchAllRatio !== 0) { + result = this._getStretchedAllColumnWidth(column, baseWidth); + } else if (this.stretch === 'last' && this.stretchLastWidth !== 0) { + result = this._getStretchedLastColumnWidth(column); + } + + return result; + } + + /** + * @param {Number} column + * @param {Number} baseWidth + * @returns {Number} + * @private + */ + + }, { + key: '_getStretchedAllColumnWidth', + value: function _getStretchedAllColumnWidth(column, baseWidth) { + var sumRatioWidth = 0; + var priv = privatePool.get(this); + var totalColumns = priv.totalColumns; + + if (!this.stretchAllColumnsWidth[column]) { + var stretchedWidth = Math.round(baseWidth * this.stretchAllRatio); + var newStretchedWidth = priv.stretchingColumnWidthFn(stretchedWidth, column); + + if (newStretchedWidth === void 0) { + this.stretchAllColumnsWidth[column] = stretchedWidth; + } else { + this.stretchAllColumnsWidth[column] = isNaN(newStretchedWidth) ? this._getColumnWidth(column) : newStretchedWidth; + } + } + + if (this.stretchAllColumnsWidth.length === totalColumns && this.needVerifyLastColumnWidth) { + this.needVerifyLastColumnWidth = false; + + for (var i = 0; i < this.stretchAllColumnsWidth.length; i++) { + sumRatioWidth += this.stretchAllColumnsWidth[i]; + } + if (sumRatioWidth !== this.totalTargetWidth) { + this.stretchAllColumnsWidth[this.stretchAllColumnsWidth.length - 1] += this.totalTargetWidth - sumRatioWidth; + } + } + + return this.stretchAllColumnsWidth[column]; + } + + /** + * @param {Number} column + * @returns {Number|null} + * @private + */ + + }, { + key: '_getStretchedLastColumnWidth', + value: function _getStretchedLastColumnWidth(column) { + var priv = privatePool.get(this); + var totalColumns = priv.totalColumns; + + if (column === totalColumns - 1) { + return this.stretchLastWidth; + } + + return null; + } + + /** + * @param {Number} column Column index. + * @returns {Number} + * @private + */ + + }, { + key: '_getColumnWidth', + value: function _getColumnWidth(column) { + var width = privatePool.get(this).columnWidthFn(column); + + if (width === void 0) { + width = ViewportColumnsCalculator.DEFAULT_WIDTH; + } + + return width; + } + }]); + + return ViewportColumnsCalculator; +}(); + +exports.default = ViewportColumnsCalculator; + +/***/ }), +/* 137 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var privatePool = new WeakMap(); + +/** + * Calculates indexes of rows to render OR rows that are visible. + * To redo the calculation, you need to create a new calculator. + * + * @class ViewportRowsCalculator + */ + +var ViewportRowsCalculator = function () { + _createClass(ViewportRowsCalculator, null, [{ + key: "DEFAULT_HEIGHT", + + /** + * Default row height + * + * @type {Number} + */ + get: function get() { + return 23; + } + + /** + * @param {Number} viewportHeight Height of the viewport + * @param {Number} scrollOffset Current vertical scroll position of the viewport + * @param {Number} totalRows Total number of rows + * @param {Function} rowHeightFn Function that returns the height of the row at a given index (in px) + * @param {Function} overrideFn Function that changes calculated this.startRow, this.endRow (used by MergeCells plugin) + * @param {Boolean} onlyFullyVisible if `true`, only startRow and endRow will be indexes of rows that are fully in viewport + * @param {Number} horizontalScrollbarHeight + */ + + }]); + + function ViewportRowsCalculator(viewportHeight, scrollOffset, totalRows, rowHeightFn, overrideFn, onlyFullyVisible, horizontalScrollbarHeight) { + _classCallCheck(this, ViewportRowsCalculator); + + privatePool.set(this, { + viewportHeight: viewportHeight, + scrollOffset: scrollOffset, + totalRows: totalRows, + rowHeightFn: rowHeightFn, + overrideFn: overrideFn, + onlyFullyVisible: onlyFullyVisible, + horizontalScrollbarHeight: horizontalScrollbarHeight + }); + + /** + * Number of rendered/visible rows + * + * @type {Number} + */ + this.count = 0; + + /** + * Index of the first rendered/visible row (can be overwritten using overrideFn) + * + * @type {Number|null} + */ + this.startRow = null; + + /** + * Index of the last rendered/visible row (can be overwritten using overrideFn) + * + * @type {null} + */ + this.endRow = null; + + /** + * Position of the first rendered/visible row (in px) + * + * @type {Number|null} + */ + this.startPosition = null; + + this.calculate(); + } + + /** + * Calculates viewport + */ + + + _createClass(ViewportRowsCalculator, [{ + key: "calculate", + value: function calculate() { + var sum = 0; + var needReverse = true; + var startPositions = []; + + var priv = privatePool.get(this); + var onlyFullyVisible = priv.onlyFullyVisible; + var overrideFn = priv.overrideFn; + var rowHeightFn = priv.rowHeightFn; + var scrollOffset = priv.scrollOffset; + var totalRows = priv.totalRows; + var viewportHeight = priv.viewportHeight; + var horizontalScrollbarHeight = priv.horizontalScrollbarHeight || 0; + var rowHeight = void 0; + + // Calculate the number (start and end index) of rows needed + for (var i = 0; i < totalRows; i++) { + rowHeight = rowHeightFn(i); + + if (rowHeight === undefined) { + rowHeight = ViewportRowsCalculator.DEFAULT_HEIGHT; + } + if (sum <= scrollOffset && !onlyFullyVisible) { + this.startRow = i; + } + + // the row is within the "visible range" + if (sum >= scrollOffset && sum + rowHeight <= scrollOffset + viewportHeight - horizontalScrollbarHeight) { + if (this.startRow === null) { + this.startRow = i; + } + this.endRow = i; + } + startPositions.push(sum); + sum += rowHeight; + + if (!onlyFullyVisible) { + this.endRow = i; + } + if (sum >= scrollOffset + viewportHeight - horizontalScrollbarHeight) { + needReverse = false; + break; + } + } + + // If the estimation has reached the last row and there is still some space available in the viewport, + // we need to render in reverse in order to fill the whole viewport with rows + if (this.endRow === totalRows - 1 && needReverse) { + this.startRow = this.endRow; + + while (this.startRow > 0) { + // rowHeight is the height of the last row + var viewportSum = startPositions[this.endRow] + rowHeight - startPositions[this.startRow - 1]; + + if (viewportSum <= viewportHeight - horizontalScrollbarHeight || !onlyFullyVisible) { + this.startRow--; + } + if (viewportSum >= viewportHeight - horizontalScrollbarHeight) { + break; + } + } + } + + if (this.startRow !== null && overrideFn) { + overrideFn(this); + } + this.startPosition = startPositions[this.startRow]; + + if (this.startPosition == void 0) { + this.startPosition = null; + } + if (this.startRow !== null) { + this.count = this.endRow - this.startRow + 1; + } + } + }]); + + return ViewportRowsCalculator; +}(); + +exports.default = ViewportRowsCalculator; + +/***/ }), +/* 138 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _object = __webpack_require__(1); + +var _string = __webpack_require__(27); + +var _event = __webpack_require__(139); + +var _event2 = _interopRequireDefault(_event); + +var _overlays = __webpack_require__(142); + +var _overlays2 = _interopRequireDefault(_overlays); + +var _scroll = __webpack_require__(143); + +var _scroll2 = _interopRequireDefault(_scroll); + +var _settings = __webpack_require__(144); + +var _settings2 = _interopRequireDefault(_settings); + +var _table = __webpack_require__(145); + +var _table2 = _interopRequireDefault(_table); + +var _viewport = __webpack_require__(147); + +var _viewport2 = _interopRequireDefault(_viewport); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class Walkontable + */ +var Walkontable = function () { + /** + * @param {Object} settings + */ + function Walkontable(settings) { + _classCallCheck(this, Walkontable); + + var originalHeaders = []; + + // this is the namespace for global events + this.guid = 'wt_' + (0, _string.randomString)(); + + // bootstrap from settings + if (settings.cloneSource) { + this.cloneSource = settings.cloneSource; + this.cloneOverlay = settings.cloneOverlay; + this.wtSettings = settings.cloneSource.wtSettings; + this.wtTable = new _table2.default(this, settings.table, settings.wtRootElement); + this.wtScroll = new _scroll2.default(this); + this.wtViewport = settings.cloneSource.wtViewport; + this.wtEvent = new _event2.default(this); + this.selections = this.cloneSource.selections; + } else { + this.wtSettings = new _settings2.default(this, settings); + this.wtTable = new _table2.default(this, settings.table); + this.wtScroll = new _scroll2.default(this); + this.wtViewport = new _viewport2.default(this); + this.wtEvent = new _event2.default(this); + this.selections = this.getSetting('selections'); + this.wtOverlays = new _overlays2.default(this); + this.exportSettingsAsClassNames(); + } + + // find original headers + if (this.wtTable.THEAD.childNodes.length && this.wtTable.THEAD.childNodes[0].childNodes.length) { + for (var c = 0, clen = this.wtTable.THEAD.childNodes[0].childNodes.length; c < clen; c++) { + originalHeaders.push(this.wtTable.THEAD.childNodes[0].childNodes[c].innerHTML); + } + if (!this.getSetting('columnHeaders').length) { + this.update('columnHeaders', [function (column, TH) { + (0, _element.fastInnerText)(TH, originalHeaders[column]); + }]); + } + } + this.drawn = false; + this.drawInterrupted = false; + } + + /** + * Force rerender of Walkontable + * + * @param {Boolean} [fastDraw=false] When `true`, try to refresh only the positions of borders without rerendering + * the data. It will only work if Table.draw() does not force + * rendering anyway + * @returns {Walkontable} + */ + + + _createClass(Walkontable, [{ + key: 'draw', + value: function draw() { + var fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + + this.drawInterrupted = false; + + if (!fastDraw && !(0, _element.isVisible)(this.wtTable.TABLE)) { + // draw interrupted because TABLE is not visible + this.drawInterrupted = true; + } else { + this.wtTable.draw(fastDraw); + } + + return this; + } + + /** + * Returns the TD at coords. If topmost is set to true, returns TD from the topmost overlay layer, + * if not set or set to false, returns TD from the master table. + * + * @param {CellCoords} coords + * @param {Boolean} [topmost=false] + * @returns {Object} + */ + + }, { + key: 'getCell', + value: function getCell(coords) { + var topmost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + + if (!topmost) { + return this.wtTable.getCell(coords); + } + + var totalRows = this.wtSettings.getSetting('totalRows'); + var fixedRowsTop = this.wtSettings.getSetting('fixedRowsTop'); + var fixedRowsBottom = this.wtSettings.getSetting('fixedRowsBottom'); + var fixedColumns = this.wtSettings.getSetting('fixedColumnsLeft'); + + if (coords.row < fixedRowsTop && coords.col < fixedColumns) { + return this.wtOverlays.topLeftCornerOverlay.clone.wtTable.getCell(coords); + } else if (coords.row < fixedRowsTop) { + return this.wtOverlays.topOverlay.clone.wtTable.getCell(coords); + } else if (coords.col < fixedColumns && coords.row >= totalRows - fixedRowsBottom) { + if (this.wtOverlays.bottomLeftCornerOverlay && this.wtOverlays.bottomLeftCornerOverlay.clone) { + return this.wtOverlays.bottomLeftCornerOverlay.clone.wtTable.getCell(coords); + } + } else if (coords.col < fixedColumns) { + return this.wtOverlays.leftOverlay.clone.wtTable.getCell(coords); + } else if (coords.row < totalRows && coords.row > totalRows - fixedRowsBottom) { + if (this.wtOverlays.bottomOverlay && this.wtOverlays.bottomOverlay.clone) { + return this.wtOverlays.bottomOverlay.clone.wtTable.getCell(coords); + } + } + + return this.wtTable.getCell(coords); + } + + /** + * @param {Object} settings + * @param {*} value + * @returns {Walkontable} + */ + + }, { + key: 'update', + value: function update(settings, value) { + return this.wtSettings.update(settings, value); + } + + /** + * Scroll the viewport to a row at the given index in the data source + * + * @param {Number} row + * @returns {Walkontable} + */ + + }, { + key: 'scrollVertical', + value: function scrollVertical(row) { + this.wtOverlays.topOverlay.scrollTo(row); + this.getSetting('onScrollVertically'); + + return this; + } + + /** + * Scroll the viewport to a column at the given index in the data source + * + * @param {Number} column + * @returns {Walkontable} + */ + + }, { + key: 'scrollHorizontal', + value: function scrollHorizontal(column) { + this.wtOverlays.leftOverlay.scrollTo(column); + this.getSetting('onScrollHorizontally'); + + return this; + } + + /** + * Scrolls the viewport to a cell (rerenders if needed) + * + * @param {CellCoords} coords + * @returns {Walkontable} + */ + + }, { + key: 'scrollViewport', + value: function scrollViewport(coords) { + this.wtScroll.scrollViewport(coords); + + return this; + } + + /** + * @returns {Array} + */ + + }, { + key: 'getViewport', + value: function getViewport() { + return [this.wtTable.getFirstVisibleRow(), this.wtTable.getFirstVisibleColumn(), this.wtTable.getLastVisibleRow(), this.wtTable.getLastVisibleColumn()]; + } + + /** + * Get overlay name + * + * @returns {String} + */ + + }, { + key: 'getOverlayName', + value: function getOverlayName() { + return this.cloneOverlay ? this.cloneOverlay.type : 'master'; + } + + /** + * Check overlay type of this Walkontable instance. + * + * @param {String} name Clone type @see {Overlay.CLONE_TYPES}. + * @returns {Boolean} + */ + + }, { + key: 'isOverlayName', + value: function isOverlayName(name) { + if (this.cloneOverlay) { + return this.cloneOverlay.type === name; + } + + return false; + } + + /** + * Export settings as class names added to the parent element of the table. + */ + + }, { + key: 'exportSettingsAsClassNames', + value: function exportSettingsAsClassNames() { + var _this = this; + + var toExport = { + rowHeaders: ['array'], + columnHeaders: ['array'] + }; + var allClassNames = []; + var newClassNames = []; + + (0, _object.objectEach)(toExport, function (optionType, key) { + if (optionType.indexOf('array') > -1 && _this.getSetting(key).length) { + newClassNames.push('ht' + (0, _string.toUpperCaseFirst)(key)); + } + allClassNames.push('ht' + (0, _string.toUpperCaseFirst)(key)); + }); + (0, _element.removeClass)(this.wtTable.wtRootElement.parentNode, allClassNames); + (0, _element.addClass)(this.wtTable.wtRootElement.parentNode, newClassNames); + } + + /** + * Get/Set Walkontable instance setting + * + * @param {String} key + * @param {*} [param1] + * @param {*} [param2] + * @param {*} [param3] + * @param {*} [param4] + * @returns {*} + */ + + }, { + key: 'getSetting', + value: function getSetting(key, param1, param2, param3, param4) { + // this is faster than .apply - https://github.com/handsontable/handsontable/wiki/JavaScript-&-DOM-performance-tips + return this.wtSettings.getSetting(key, param1, param2, param3, param4); + } + + /** + * Checks if setting exists + * + * @param {String} key + * @returns {Boolean} + */ + + }, { + key: 'hasSetting', + value: function hasSetting(key) { + return this.wtSettings.has(key); + } + + /** + * Destroy instance + */ + + }, { + key: 'destroy', + value: function destroy() { + this.wtOverlays.destroy(); + this.wtEvent.destroy(); + } + }]); + + return Walkontable; +}(); + +exports.default = Walkontable; + +/***/ }), +/* 139 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _element = __webpack_require__(0); + +var _function = __webpack_require__(35); + +var _browser = __webpack_require__(25); + +var _eventManager = __webpack_require__(4); + +var _eventManager2 = _interopRequireDefault(_eventManager); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +/** + * + */ +function Event(instance) { + var that = this; + var eventManager = new _eventManager2.default(instance); + + this.instance = instance; + + var dblClickOrigin = [null, null]; + this.dblClickTimeout = [null, null]; + + var onMouseDown = function onMouseDown(event) { + var activeElement = document.activeElement; + var getParentNode = (0, _function.partial)(_element.getParent, event.realTarget); + var realTarget = event.realTarget; + + // ignore focusable element from mouse down processing (https://github.com/handsontable/handsontable/issues/3555) + if (realTarget === activeElement || getParentNode(0) === activeElement || getParentNode(1) === activeElement) { + return; + } + + var cell = that.parentCell(realTarget); + + if ((0, _element.hasClass)(realTarget, 'corner')) { + that.instance.getSetting('onCellCornerMouseDown', event, realTarget); + } else if (cell.TD) { + if (that.instance.hasSetting('onCellMouseDown')) { + that.instance.getSetting('onCellMouseDown', event, cell.coords, cell.TD, that.instance); + } + } + + if (event.button !== 2) { + // if not right mouse button + if (cell.TD) { + dblClickOrigin[0] = cell.TD; + clearTimeout(that.dblClickTimeout[0]); + that.dblClickTimeout[0] = setTimeout(function () { + dblClickOrigin[0] = null; + }, 1000); + } + } + }; + + var onTouchMove = function onTouchMove(event) { + that.instance.touchMoving = true; + }; + + var longTouchTimeout; + + var onTouchStart = function onTouchStart(event) { + var container = this; + + eventManager.addEventListener(this, 'touchmove', onTouchMove); + + // Prevent cell selection when scrolling with touch event - not the best solution performance-wise + that.checkIfTouchMove = setTimeout(function () { + if (that.instance.touchMoving === true) { + that.instance.touchMoving = void 0; + + eventManager.removeEventListener('touchmove', onTouchMove, false); + } + + onMouseDown(event); + }, 30); + }; + + var onMouseOver = function onMouseOver(event) { + var table, td, mainWOT; + + if (that.instance.hasSetting('onCellMouseOver')) { + table = that.instance.wtTable.TABLE; + td = (0, _element.closestDown)(event.realTarget, ['TD', 'TH'], table); + mainWOT = that.instance.cloneSource || that.instance; + + if (td && td !== mainWOT.lastMouseOver && (0, _element.isChildOf)(td, table)) { + mainWOT.lastMouseOver = td; + + that.instance.getSetting('onCellMouseOver', event, that.instance.wtTable.getCoords(td), td, that.instance); + } + } + }; + + var onMouseOut = function onMouseOut(event) { + var table = void 0; + var lastTD = void 0; + var nextTD = void 0; + + if (that.instance.hasSetting('onCellMouseOut')) { + table = that.instance.wtTable.TABLE; + lastTD = (0, _element.closestDown)(event.realTarget, ['TD', 'TH'], table); + nextTD = (0, _element.closestDown)(event.relatedTarget, ['TD', 'TH'], table); + + if (lastTD && lastTD !== nextTD && (0, _element.isChildOf)(lastTD, table)) { + that.instance.getSetting('onCellMouseOut', event, that.instance.wtTable.getCoords(lastTD), lastTD, that.instance); + } + } + }; + + var onMouseUp = function onMouseUp(event) { + if (event.button !== 2) { + // if not right mouse button + var cell = that.parentCell(event.realTarget); + + if (cell.TD === dblClickOrigin[0] && cell.TD === dblClickOrigin[1]) { + if ((0, _element.hasClass)(event.realTarget, 'corner')) { + that.instance.getSetting('onCellCornerDblClick', event, cell.coords, cell.TD, that.instance); + } else { + that.instance.getSetting('onCellDblClick', event, cell.coords, cell.TD, that.instance); + } + + dblClickOrigin[0] = null; + dblClickOrigin[1] = null; + } else if (cell.TD === dblClickOrigin[0]) { + that.instance.getSetting('onCellMouseUp', event, cell.coords, cell.TD, that.instance); + + dblClickOrigin[1] = cell.TD; + clearTimeout(that.dblClickTimeout[1]); + that.dblClickTimeout[1] = setTimeout(function () { + dblClickOrigin[1] = null; + }, 500); + } else if (cell.TD && that.instance.hasSetting('onCellMouseUp')) { + that.instance.getSetting('onCellMouseUp', event, cell.coords, cell.TD, that.instance); + } + } + }; + + var onTouchEnd = function onTouchEnd(event) { + clearTimeout(longTouchTimeout); + // that.instance.longTouch == void 0; + + event.preventDefault(); + onMouseUp(event); + + // eventManager.removeEventListener(that.instance.wtTable.holder, "mouseup", onMouseUp); + }; + + eventManager.addEventListener(this.instance.wtTable.holder, 'mousedown', onMouseDown); + eventManager.addEventListener(this.instance.wtTable.TABLE, 'mouseover', onMouseOver); + eventManager.addEventListener(this.instance.wtTable.TABLE, 'mouseout', onMouseOut); + eventManager.addEventListener(this.instance.wtTable.holder, 'mouseup', onMouseUp); + + // check if full HOT instance, or detached WOT AND run on mobile device + if (this.instance.wtTable.holder.parentNode.parentNode && (0, _browser.isMobileBrowser)() && !that.instance.wtTable.isWorkingOnClone()) { + var classSelector = '.' + this.instance.wtTable.holder.parentNode.className.split(' ').join('.'); + + eventManager.addEventListener(this.instance.wtTable.holder, 'touchstart', function (event) { + that.instance.touchApplied = true; + if ((0, _element.isChildOf)(event.target, classSelector)) { + onTouchStart.call(event.target, event); + } + }); + eventManager.addEventListener(this.instance.wtTable.holder, 'touchend', function (event) { + that.instance.touchApplied = false; + if ((0, _element.isChildOf)(event.target, classSelector)) { + onTouchEnd.call(event.target, event); + } + }); + + if (!that.instance.momentumScrolling) { + that.instance.momentumScrolling = {}; + } + eventManager.addEventListener(this.instance.wtTable.holder, 'scroll', function (event) { + clearTimeout(that.instance.momentumScrolling._timeout); + + if (!that.instance.momentumScrolling.ongoing) { + that.instance.getSetting('onBeforeTouchScroll'); + } + that.instance.momentumScrolling.ongoing = true; + + that.instance.momentumScrolling._timeout = setTimeout(function () { + if (!that.instance.touchApplied) { + that.instance.momentumScrolling.ongoing = false; + + that.instance.getSetting('onAfterMomentumScroll'); + } + }, 200); + }); + } + + eventManager.addEventListener(window, 'resize', function () { + if (that.instance.getSetting('stretchH') !== 'none') { + that.instance.draw(); + } + }); + + this.destroy = function () { + clearTimeout(this.dblClickTimeout[0]); + clearTimeout(this.dblClickTimeout[1]); + + eventManager.destroy(); + }; +} + +Event.prototype.parentCell = function (elem) { + var cell = {}; + var TABLE = this.instance.wtTable.TABLE; + var TD = (0, _element.closestDown)(elem, ['TD', 'TH'], TABLE); + + if (TD) { + cell.coords = this.instance.wtTable.getCoords(TD); + cell.TD = TD; + } else if ((0, _element.hasClass)(elem, 'wtBorder') && (0, _element.hasClass)(elem, 'current')) { + cell.coords = this.instance.selections.current.cellRange.highlight; // selections.current is current selected cell + cell.TD = this.instance.wtTable.getCell(cell.coords); + } else if ((0, _element.hasClass)(elem, 'wtBorder') && (0, _element.hasClass)(elem, 'area')) { + if (this.instance.selections.area.cellRange) { + cell.coords = this.instance.selections.area.cellRange.to; // selections.area is area selected cells + cell.TD = this.instance.wtTable.getCell(cell.coords); + } + } + + return cell; +}; + +exports.default = Event; + +/***/ }), +/* 140 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class ColumnFilter + */ +var ColumnFilter = function () { + /** + * @param {Number} offset + * @param {Number} total + * @param {Number} countTH + */ + function ColumnFilter(offset, total, countTH) { + _classCallCheck(this, ColumnFilter); + + this.offset = offset; + this.total = total; + this.countTH = countTH; + } + + /** + * @param index + * @returns {Number} + */ + + + _createClass(ColumnFilter, [{ + key: "offsetted", + value: function offsetted(index) { + return index + this.offset; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "unOffsetted", + value: function unOffsetted(index) { + return index - this.offset; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "renderedToSource", + value: function renderedToSource(index) { + return this.offsetted(index); + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "sourceToRendered", + value: function sourceToRendered(index) { + return this.unOffsetted(index); + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "offsettedTH", + value: function offsettedTH(index) { + return index - this.countTH; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "unOffsettedTH", + value: function unOffsettedTH(index) { + return index + this.countTH; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "visibleRowHeadedColumnToSourceColumn", + value: function visibleRowHeadedColumnToSourceColumn(index) { + return this.renderedToSource(this.offsettedTH(index)); + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "sourceColumnToVisibleRowHeadedColumn", + value: function sourceColumnToVisibleRowHeadedColumn(index) { + return this.unOffsettedTH(this.sourceToRendered(index)); + } + }]); + + return ColumnFilter; +}(); + +exports.default = ColumnFilter; + +/***/ }), +/* 141 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class RowFilter + */ +var RowFilter = function () { + /** + * @param {Number} offset + * @param {Number} total + * @param {Number} countTH + */ + function RowFilter(offset, total, countTH) { + _classCallCheck(this, RowFilter); + + this.offset = offset; + this.total = total; + this.countTH = countTH; + } + + /** + * @param index + * @returns {Number} + */ + + + _createClass(RowFilter, [{ + key: "offsetted", + value: function offsetted(index) { + return index + this.offset; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "unOffsetted", + value: function unOffsetted(index) { + return index - this.offset; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "renderedToSource", + value: function renderedToSource(index) { + return this.offsetted(index); + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "sourceToRendered", + value: function sourceToRendered(index) { + return this.unOffsetted(index); + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "offsettedTH", + value: function offsettedTH(index) { + return index - this.countTH; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "unOffsettedTH", + value: function unOffsettedTH(index) { + return index + this.countTH; + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "visibleColHeadedRowToSourceRow", + value: function visibleColHeadedRowToSourceRow(index) { + return this.renderedToSource(this.offsettedTH(index)); + } + + /** + * @param index + * @returns {Number} + */ + + }, { + key: "sourceRowToVisibleColHeadedRow", + value: function sourceRowToVisibleColHeadedRow(index) { + return this.unOffsettedTH(this.sourceToRendered(index)); + } + }]); + + return RowFilter; +}(); + +exports.default = RowFilter; + +/***/ }), +/* 142 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _array = __webpack_require__(2); + +var _unicode = __webpack_require__(16); + +var _browser = __webpack_require__(25); + +var _eventManager = __webpack_require__(4); + +var _eventManager2 = _interopRequireDefault(_eventManager); + +var _base = __webpack_require__(28); + +var _base2 = _interopRequireDefault(_base); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class Overlays + */ +var Overlays = function () { + /** + * @param {Walkontable} wotInstance + */ + function Overlays(wotInstance) { + _classCallCheck(this, Overlays); + + this.wot = wotInstance; + + // legacy support + this.instance = this.wot; + this.eventManager = new _eventManager2.default(this.wot); + + this.wot.update('scrollbarWidth', (0, _element.getScrollbarWidth)()); + this.wot.update('scrollbarHeight', (0, _element.getScrollbarWidth)()); + + this.scrollableElement = (0, _element.getScrollableElement)(this.wot.wtTable.TABLE); + + this.prepareOverlays(); + + this.destroyed = false; + this.keyPressed = false; + this.spreaderLastSize = { + width: null, + height: null + }; + this.overlayScrollPositions = { + master: { + top: 0, + left: 0 + }, + top: { + top: null, + left: 0 + }, + bottom: { + top: null, + left: 0 + }, + left: { + top: 0, + left: null + } + }; + + this.pendingScrollCallbacks = { + master: { + top: 0, + left: 0 + }, + top: { + left: 0 + }, + bottom: { + left: 0 + }, + left: { + top: 0 + } + }; + + this.verticalScrolling = false; + this.horizontalScrolling = false; + this.delegatedScrollCallback = false; + + this.registeredListeners = []; + + this.registerListeners(); + } + + /** + * Prepare overlays based on user settings. + * + * @returns {Boolean} Returns `true` if changes applied to overlay needs scroll synchronization. + */ + + + _createClass(Overlays, [{ + key: 'prepareOverlays', + value: function prepareOverlays() { + var syncScroll = false; + + if (this.topOverlay) { + syncScroll = this.topOverlay.updateStateOfRendering() || syncScroll; + } else { + this.topOverlay = _base2.default.createOverlay(_base2.default.CLONE_TOP, this.wot); + } + + if (!_base2.default.hasOverlay(_base2.default.CLONE_BOTTOM)) { + this.bottomOverlay = { + needFullRender: false, + updateStateOfRendering: function updateStateOfRendering() { + return false; + } + }; + } + if (!_base2.default.hasOverlay(_base2.default.CLONE_BOTTOM_LEFT_CORNER)) { + this.bottomLeftCornerOverlay = { + needFullRender: false, + updateStateOfRendering: function updateStateOfRendering() { + return false; + } + }; + } + + if (this.bottomOverlay) { + syncScroll = this.bottomOverlay.updateStateOfRendering() || syncScroll; + } else { + this.bottomOverlay = _base2.default.createOverlay(_base2.default.CLONE_BOTTOM, this.wot); + } + + if (this.leftOverlay) { + syncScroll = this.leftOverlay.updateStateOfRendering() || syncScroll; + } else { + this.leftOverlay = _base2.default.createOverlay(_base2.default.CLONE_LEFT, this.wot); + } + + if (this.topOverlay.needFullRender && this.leftOverlay.needFullRender) { + if (this.topLeftCornerOverlay) { + syncScroll = this.topLeftCornerOverlay.updateStateOfRendering() || syncScroll; + } else { + this.topLeftCornerOverlay = _base2.default.createOverlay(_base2.default.CLONE_TOP_LEFT_CORNER, this.wot); + } + } + + if (this.bottomOverlay.needFullRender && this.leftOverlay.needFullRender) { + if (this.bottomLeftCornerOverlay) { + syncScroll = this.bottomLeftCornerOverlay.updateStateOfRendering() || syncScroll; + } else { + this.bottomLeftCornerOverlay = _base2.default.createOverlay(_base2.default.CLONE_BOTTOM_LEFT_CORNER, this.wot); + } + } + + if (this.wot.getSetting('debug') && !this.debug) { + this.debug = _base2.default.createOverlay(_base2.default.CLONE_DEBUG, this.wot); + } + + return syncScroll; + } + + /** + * Refresh and redraw table + */ + + }, { + key: 'refreshAll', + value: function refreshAll() { + if (!this.wot.drawn) { + return; + } + if (!this.wot.wtTable.holder.parentNode) { + // Walkontable was detached from DOM, but this handler was not removed + this.destroy(); + + return; + } + this.wot.draw(true); + + if (this.verticalScrolling) { + this.leftOverlay.onScroll(); + } + + if (this.horizontalScrolling) { + this.topOverlay.onScroll(); + } + + this.verticalScrolling = false; + this.horizontalScrolling = false; + } + + /** + * Register all necessary event listeners. + */ + + }, { + key: 'registerListeners', + value: function registerListeners() { + var _this = this; + + var topOverlayScrollable = this.topOverlay.mainTableScrollableElement; + var leftOverlayScrollable = this.leftOverlay.mainTableScrollableElement; + + var listenersToRegister = []; + listenersToRegister.push([document.documentElement, 'keydown', function (event) { + return _this.onKeyDown(event); + }]); + listenersToRegister.push([document.documentElement, 'keyup', function () { + return _this.onKeyUp(); + }]); + listenersToRegister.push([document, 'visibilitychange', function () { + return _this.onKeyUp(); + }]); + listenersToRegister.push([topOverlayScrollable, 'scroll', function (event) { + return _this.onTableScroll(event); + }]); + + if (topOverlayScrollable !== leftOverlayScrollable) { + listenersToRegister.push([leftOverlayScrollable, 'scroll', function (event) { + return _this.onTableScroll(event); + }]); + } + + if (this.topOverlay.needFullRender) { + listenersToRegister.push([this.topOverlay.clone.wtTable.holder, 'scroll', function (event) { + return _this.onTableScroll(event); + }]); + listenersToRegister.push([this.topOverlay.clone.wtTable.holder, 'wheel', function (event) { + return _this.onTableScroll(event); + }]); + } + + if (this.bottomOverlay.needFullRender) { + listenersToRegister.push([this.bottomOverlay.clone.wtTable.holder, 'scroll', function (event) { + return _this.onTableScroll(event); + }]); + listenersToRegister.push([this.bottomOverlay.clone.wtTable.holder, 'wheel', function (event) { + return _this.onTableScroll(event); + }]); + } + + if (this.leftOverlay.needFullRender) { + listenersToRegister.push([this.leftOverlay.clone.wtTable.holder, 'scroll', function (event) { + return _this.onTableScroll(event); + }]); + listenersToRegister.push([this.leftOverlay.clone.wtTable.holder, 'wheel', function (event) { + return _this.onTableScroll(event); + }]); + } + + if (this.topLeftCornerOverlay && this.topLeftCornerOverlay.needFullRender) { + listenersToRegister.push([this.topLeftCornerOverlay.clone.wtTable.holder, 'wheel', function (event) { + return _this.onTableScroll(event); + }]); + } + + if (this.bottomLeftCornerOverlay && this.bottomLeftCornerOverlay.needFullRender) { + listenersToRegister.push([this.bottomLeftCornerOverlay.clone.wtTable.holder, 'wheel', function (event) { + return _this.onTableScroll(event); + }]); + } + + if (this.topOverlay.trimmingContainer !== window && this.leftOverlay.trimmingContainer !== window) { + // This is necessary? + // eventManager.addEventListener(window, 'scroll', (event) => this.refreshAll(event)); + listenersToRegister.push([window, 'wheel', function (event) { + var overlay = void 0; + var deltaY = event.wheelDeltaY || event.deltaY; + var deltaX = event.wheelDeltaX || event.deltaX; + + if (_this.topOverlay.clone.wtTable.holder.contains(event.realTarget)) { + overlay = 'top'; + } else if (_this.bottomOverlay.clone && _this.bottomOverlay.clone.wtTable.holder.contains(event.realTarget)) { + overlay = 'bottom'; + } else if (_this.leftOverlay.clone.wtTable.holder.contains(event.realTarget)) { + overlay = 'left'; + } else if (_this.topLeftCornerOverlay && _this.topLeftCornerOverlay.clone && _this.topLeftCornerOverlay.clone.wtTable.holder.contains(event.realTarget)) { + overlay = 'topLeft'; + } else if (_this.bottomLeftCornerOverlay && _this.bottomLeftCornerOverlay.clone && _this.bottomLeftCornerOverlay.clone.wtTable.holder.contains(event.realTarget)) { + overlay = 'bottomLeft'; + } + + if (overlay == 'top' && deltaY !== 0 || overlay == 'left' && deltaX !== 0 || overlay == 'bottom' && deltaY !== 0 || (overlay === 'topLeft' || overlay === 'bottomLeft') && (deltaY !== 0 || deltaX !== 0)) { + + event.preventDefault(); + } + }]); + } + + while (listenersToRegister.length) { + var listener = listenersToRegister.pop(); + this.eventManager.addEventListener(listener[0], listener[1], listener[2]); + + this.registeredListeners.push(listener); + } + } + + /** + * Deregister all previously registered listeners. + */ + + }, { + key: 'deregisterListeners', + value: function deregisterListeners() { + while (this.registeredListeners.length) { + var listener = this.registeredListeners.pop(); + this.eventManager.removeEventListener(listener[0], listener[1], listener[2]); + } + } + + /** + * Scroll listener + * + * @param {Event} event + */ + + }, { + key: 'onTableScroll', + value: function onTableScroll(event) { + // if mobile browser, do not update scroll positions, as the overlays are hidden during the scroll + if ((0, _browser.isMobileBrowser)()) { + return; + } + var masterHorizontal = this.leftOverlay.mainTableScrollableElement; + var masterVertical = this.topOverlay.mainTableScrollableElement; + var target = event.target; + + // For key press, sync only master -> overlay position because while pressing Walkontable.render is triggered + // by hot.refreshBorder + if (this.keyPressed) { + if (masterVertical !== window && target !== window && !event.target.contains(masterVertical) || masterHorizontal !== window && target !== window && !event.target.contains(masterHorizontal)) { + return; + } + } + + if (event.type === 'scroll') { + this.syncScrollPositions(event); + } else { + this.translateMouseWheelToScroll(event); + } + } + + /** + * Key down listener + */ + + }, { + key: 'onKeyDown', + value: function onKeyDown(event) { + this.keyPressed = (0, _unicode.isKey)(event.keyCode, 'ARROW_UP|ARROW_RIGHT|ARROW_DOWN|ARROW_LEFT'); + } + + /** + * Key up listener + */ + + }, { + key: 'onKeyUp', + value: function onKeyUp() { + this.keyPressed = false; + } + + /** + * Translate wheel event into scroll event and sync scroll overlays position + * + * @private + * @param {Event} event + * @returns {Boolean} + */ + + }, { + key: 'translateMouseWheelToScroll', + value: function translateMouseWheelToScroll(event) { + var topOverlay = this.topOverlay.clone.wtTable.holder; + var bottomOverlay = this.bottomOverlay.clone ? this.bottomOverlay.clone.wtTable.holder : null; + var leftOverlay = this.leftOverlay.clone.wtTable.holder; + var topLeftCornerOverlay = this.topLeftCornerOverlay && this.topLeftCornerOverlay.clone ? this.topLeftCornerOverlay.clone.wtTable.holder : null; + var bottomLeftCornerOverlay = this.bottomLeftCornerOverlay && this.bottomLeftCornerOverlay.clone ? this.bottomLeftCornerOverlay.clone.wtTable.holder : null; + var mouseWheelSpeedRatio = -0.2; + var deltaY = event.wheelDeltaY || -1 * event.deltaY; + var deltaX = event.wheelDeltaX || -1 * event.deltaX; + var parentHolder = null; + var eventMockup = { type: 'wheel' }; + var tempElem = event.target; + var delta = null; + + // Fix for extremely slow header scrolling with a mousewheel on Firefox + if (event.deltaMode === 1) { + deltaY *= 120; + deltaX *= 120; + } + + while (tempElem != document && tempElem != null) { + if (tempElem.className.indexOf('wtHolder') > -1) { + parentHolder = tempElem; + break; + } + tempElem = tempElem.parentNode; + } + eventMockup.target = parentHolder; + + if (parentHolder === topLeftCornerOverlay || parentHolder === bottomLeftCornerOverlay) { + this.syncScrollPositions(eventMockup, mouseWheelSpeedRatio * deltaX, 'x'); + this.syncScrollPositions(eventMockup, mouseWheelSpeedRatio * deltaY, 'y'); + } else { + if (parentHolder === topOverlay || parentHolder === bottomOverlay) { + delta = deltaY; + } else if (parentHolder === leftOverlay) { + delta = deltaX; + } + + this.syncScrollPositions(eventMockup, mouseWheelSpeedRatio * delta); + } + + return false; + } + + /** + * Synchronize scroll position between master table and overlay table. + * + * @private + * @param {Event|Object} event + * @param {Number} [fakeScrollValue=null] + * @param {String} [fakeScrollDirection=null] `x` or `y`. + */ + + }, { + key: 'syncScrollPositions', + value: function syncScrollPositions(event) { + var fakeScrollValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; + var fakeScrollDirection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; + + if (this.destroyed) { + return; + } + if (arguments.length === 0) { + this.syncScrollWithMaster(); + + return; + } + var masterHorizontal = this.leftOverlay.mainTableScrollableElement; + var masterVertical = this.topOverlay.mainTableScrollableElement; + var target = event.target; + var tempScrollValue = 0; + var scrollValueChanged = false; + var topOverlay = void 0; + var leftOverlay = void 0; + var topLeftCornerOverlay = void 0; + var bottomLeftCornerOverlay = void 0; + var bottomOverlay = void 0; + var delegatedScroll = false; + var preventOverflow = this.wot.getSetting('preventOverflow'); + + if (this.topOverlay.needFullRender) { + topOverlay = this.topOverlay.clone.wtTable.holder; + } + + if (this.bottomOverlay.needFullRender) { + bottomOverlay = this.bottomOverlay.clone.wtTable.holder; + } + + if (this.leftOverlay.needFullRender) { + leftOverlay = this.leftOverlay.clone.wtTable.holder; + } + + if (this.leftOverlay.needFullRender && this.topOverlay.needFullRender) { + topLeftCornerOverlay = this.topLeftCornerOverlay.clone.wtTable.holder; + } + + if (this.leftOverlay.needFullRender && this.bottomOverlay.needFullRender) { + bottomLeftCornerOverlay = this.bottomLeftCornerOverlay.clone.wtTable.holder; + } + + if (target === document) { + target = window; + } + + if (target === masterHorizontal || target === masterVertical) { + if (preventOverflow) { + tempScrollValue = (0, _element.getScrollLeft)(this.scrollableElement); + } else { + tempScrollValue = (0, _element.getScrollLeft)(target); + } + + // if scrolling the master table - populate the scroll values to both top and left overlays + this.horizontalScrolling = true; + this.overlayScrollPositions.master.left = tempScrollValue; + scrollValueChanged = true; + + if (this.pendingScrollCallbacks.master.left > 0) { + this.pendingScrollCallbacks.master.left--; + } else { + if (topOverlay && topOverlay.scrollLeft !== tempScrollValue) { + + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.top.left++; + } + + topOverlay.scrollLeft = tempScrollValue; + delegatedScroll = masterHorizontal !== window; + } + + if (bottomOverlay && bottomOverlay.scrollLeft !== tempScrollValue) { + + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.bottom.left++; + } + + bottomOverlay.scrollLeft = tempScrollValue; + delegatedScroll = masterHorizontal !== window; + } + } + + tempScrollValue = (0, _element.getScrollTop)(target); + + this.verticalScrolling = true; + this.overlayScrollPositions.master.top = tempScrollValue; + scrollValueChanged = true; + + if (this.pendingScrollCallbacks.master.top > 0) { + this.pendingScrollCallbacks.master.top--; + } else if (leftOverlay && leftOverlay.scrollTop !== tempScrollValue) { + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.left.top++; + } + + leftOverlay.scrollTop = tempScrollValue; + delegatedScroll = masterVertical !== window; + } + } else if (target === bottomOverlay) { + tempScrollValue = (0, _element.getScrollLeft)(target); + + // if scrolling the bottom overlay - populate the horizontal scroll to the master table + this.horizontalScrolling = true; + this.overlayScrollPositions.bottom.left = tempScrollValue; + scrollValueChanged = true; + + if (this.pendingScrollCallbacks.bottom.left > 0) { + this.pendingScrollCallbacks.bottom.left--; + } else { + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.master.left++; + } + + masterHorizontal.scrollLeft = tempScrollValue; + + if (topOverlay && topOverlay.scrollLeft !== tempScrollValue) { + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.top.left++; + } + + topOverlay.scrollLeft = tempScrollValue; + delegatedScroll = masterVertical !== window; + } + } + + // "fake" scroll value calculated from the mousewheel event + if (fakeScrollValue !== null) { + scrollValueChanged = true; + masterVertical.scrollTop += fakeScrollValue; + } + } else if (target === topOverlay) { + tempScrollValue = (0, _element.getScrollLeft)(target); + + // if scrolling the top overlay - populate the horizontal scroll to the master table + this.horizontalScrolling = true; + this.overlayScrollPositions.top.left = tempScrollValue; + scrollValueChanged = true; + + if (this.pendingScrollCallbacks.top.left > 0) { + this.pendingScrollCallbacks.top.left--; + } else { + + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.master.left++; + } + + masterHorizontal.scrollLeft = tempScrollValue; + } + + // "fake" scroll value calculated from the mousewheel event + if (fakeScrollValue !== null) { + scrollValueChanged = true; + masterVertical.scrollTop += fakeScrollValue; + } + + if (bottomOverlay && bottomOverlay.scrollLeft !== tempScrollValue) { + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.bottom.left++; + } + + bottomOverlay.scrollLeft = tempScrollValue; + delegatedScroll = masterVertical !== window; + } + } else if (target === leftOverlay) { + tempScrollValue = (0, _element.getScrollTop)(target); + + // if scrolling the left overlay - populate the vertical scroll to the master table + if (this.overlayScrollPositions.left.top !== tempScrollValue) { + this.verticalScrolling = true; + this.overlayScrollPositions.left.top = tempScrollValue; + scrollValueChanged = true; + + if (this.pendingScrollCallbacks.left.top > 0) { + this.pendingScrollCallbacks.left.top--; + } else { + if (fakeScrollValue == null) { + this.pendingScrollCallbacks.master.top++; + } + + masterVertical.scrollTop = tempScrollValue; + } + } + + // "fake" scroll value calculated from the mousewheel event + if (fakeScrollValue !== null) { + scrollValueChanged = true; + masterVertical.scrollLeft += fakeScrollValue; + } + } else if (target === topLeftCornerOverlay || target === bottomLeftCornerOverlay) { + if (fakeScrollValue !== null) { + scrollValueChanged = true; + + if (fakeScrollDirection === 'x') { + masterVertical.scrollLeft += fakeScrollValue; + } else if (fakeScrollDirection === 'y') { + masterVertical.scrollTop += fakeScrollValue; + } + } + } + + if (!this.keyPressed && scrollValueChanged && event.type === 'scroll') { + if (this.delegatedScrollCallback) { + this.delegatedScrollCallback = false; + } else { + this.refreshAll(); + } + + if (delegatedScroll) { + this.delegatedScrollCallback = true; + } + } + } + + /** + * Synchronize overlay scrollbars with the master scrollbar + */ + + }, { + key: 'syncScrollWithMaster', + value: function syncScrollWithMaster() { + var master = this.topOverlay.mainTableScrollableElement; + var scrollLeft = master.scrollLeft, + scrollTop = master.scrollTop; + + + if (this.topOverlay.needFullRender) { + this.topOverlay.clone.wtTable.holder.scrollLeft = scrollLeft; + } + if (this.bottomOverlay.needFullRender) { + this.bottomOverlay.clone.wtTable.holder.scrollLeft = scrollLeft; + } + if (this.leftOverlay.needFullRender) { + this.leftOverlay.clone.wtTable.holder.scrollTop = scrollTop; + } + } + + /** + * Update the main scrollable elements for all the overlays. + */ + + }, { + key: 'updateMainScrollableElements', + value: function updateMainScrollableElements() { + this.deregisterListeners(); + + this.leftOverlay.updateMainScrollableElement(); + this.topOverlay.updateMainScrollableElement(); + + if (this.bottomOverlay.needFullRender) { + this.bottomOverlay.updateMainScrollableElement(); + } + + this.scrollableElement = (0, _element.getScrollableElement)(this.wot.wtTable.TABLE); + + this.registerListeners(); + } + + /** + * + */ + + }, { + key: 'destroy', + value: function destroy() { + this.eventManager.destroy(); + this.topOverlay.destroy(); + + if (this.bottomOverlay.clone) { + this.bottomOverlay.destroy(); + } + this.leftOverlay.destroy(); + + if (this.topLeftCornerOverlay) { + this.topLeftCornerOverlay.destroy(); + } + + if (this.bottomLeftCornerOverlay && this.bottomLeftCornerOverlay.clone) { + this.bottomLeftCornerOverlay.destroy(); + } + + if (this.debug) { + this.debug.destroy(); + } + this.destroyed = true; + } + + /** + * @param {Boolean} [fastDraw=false] + */ + + }, { + key: 'refresh', + value: function refresh() { + var fastDraw = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + + if (this.topOverlay.areElementSizesAdjusted && this.leftOverlay.areElementSizesAdjusted) { + var container = this.wot.wtTable.wtRootElement.parentNode || this.wot.wtTable.wtRootElement; + var width = container.clientWidth; + var height = container.clientHeight; + + if (width !== this.spreaderLastSize.width || height !== this.spreaderLastSize.height) { + this.spreaderLastSize.width = width; + this.spreaderLastSize.height = height; + this.adjustElementsSize(); + } + } + + if (this.bottomOverlay.clone) { + this.bottomOverlay.refresh(fastDraw); + } + + this.leftOverlay.refresh(fastDraw); + this.topOverlay.refresh(fastDraw); + + if (this.topLeftCornerOverlay) { + this.topLeftCornerOverlay.refresh(fastDraw); + } + + if (this.bottomLeftCornerOverlay && this.bottomLeftCornerOverlay.clone) { + this.bottomLeftCornerOverlay.refresh(fastDraw); + } + + if (this.debug) { + this.debug.refresh(fastDraw); + } + } + + /** + * Adjust overlays elements size and master table size + * + * @param {Boolean} [force=false] + */ + + }, { + key: 'adjustElementsSize', + value: function adjustElementsSize() { + var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + + var totalColumns = this.wot.getSetting('totalColumns'); + var totalRows = this.wot.getSetting('totalRows'); + var headerRowSize = this.wot.wtViewport.getRowHeaderWidth(); + var headerColumnSize = this.wot.wtViewport.getColumnHeaderHeight(); + var hiderStyle = this.wot.wtTable.hider.style; + + hiderStyle.width = headerRowSize + this.leftOverlay.sumCellSizes(0, totalColumns) + 'px'; + hiderStyle.height = headerColumnSize + this.topOverlay.sumCellSizes(0, totalRows) + 1 + 'px'; + + this.topOverlay.adjustElementsSize(force); + this.leftOverlay.adjustElementsSize(force); + + if (this.bottomOverlay.clone) { + this.bottomOverlay.adjustElementsSize(force); + } + } + + /** + * + */ + + }, { + key: 'applyToDOM', + value: function applyToDOM() { + if (!this.topOverlay.areElementSizesAdjusted || !this.leftOverlay.areElementSizesAdjusted) { + this.adjustElementsSize(); + } + this.topOverlay.applyToDOM(); + + if (this.bottomOverlay.clone) { + this.bottomOverlay.applyToDOM(); + } + + this.leftOverlay.applyToDOM(); + } + + /** + * Get the parent overlay of the provided element. + * + * @param {HTMLElement} element + * @returns {Object|null} + */ + + }, { + key: 'getParentOverlay', + value: function getParentOverlay(element) { + if (!element) { + return null; + } + + var overlays = [this.topOverlay, this.leftOverlay, this.bottomOverlay, this.topLeftCornerOverlay, this.bottomLeftCornerOverlay]; + var result = null; + + (0, _array.arrayEach)(overlays, function (elem, i) { + if (!elem) { + return; + } + + if (elem.clone && elem.clone.wtTable.TABLE.contains(element)) { + result = elem.clone; + } + }); + + return result; + } + }]); + + return Overlays; +}(); + +exports.default = Overlays; + +/***/ }), +/* 143 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _number = __webpack_require__(6); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class Scroll + */ +var Scroll = function () { + /** + * @param {Walkontable} wotInstance + */ + function Scroll(wotInstance) { + _classCallCheck(this, Scroll); + + this.wot = wotInstance; + + // legacy support + this.instance = wotInstance; + } + + /** + * Scrolls viewport to a cell by minimum number of cells + * + * @param {CellCoords} coords + */ + + + _createClass(Scroll, [{ + key: 'scrollViewport', + value: function scrollViewport(coords) { + if (!this.wot.drawn) { + return; + } + + var _getVariables2 = this._getVariables(), + topOverlay = _getVariables2.topOverlay, + leftOverlay = _getVariables2.leftOverlay, + totalRows = _getVariables2.totalRows, + totalColumns = _getVariables2.totalColumns, + fixedRowsTop = _getVariables2.fixedRowsTop, + fixedRowsBottom = _getVariables2.fixedRowsBottom, + fixedColumnsLeft = _getVariables2.fixedColumnsLeft; + + if (coords.row < 0 || coords.row > Math.max(totalRows - 1, 0)) { + throw new Error('row ' + coords.row + ' does not exist'); + } + + if (coords.col < 0 || coords.col > Math.max(totalColumns - 1, 0)) { + throw new Error('column ' + coords.col + ' does not exist'); + } + + if (coords.row >= fixedRowsTop && coords.row < this.getFirstVisibleRow()) { + topOverlay.scrollTo(coords.row); + } else if (coords.row > this.getLastVisibleRow() && coords.row < totalRows - fixedRowsBottom) { + topOverlay.scrollTo(coords.row, true); + } + + if (coords.col >= fixedColumnsLeft && coords.col < this.getFirstVisibleColumn()) { + leftOverlay.scrollTo(coords.col); + } else if (coords.col > this.getLastVisibleColumn()) { + leftOverlay.scrollTo(coords.col, true); + } + } + + /** + * Get first visible row based on virtual dom and how table is visible in browser window viewport. + * + * @returns {Number} + */ + + }, { + key: 'getFirstVisibleRow', + value: function getFirstVisibleRow() { + var _getVariables3 = this._getVariables(), + topOverlay = _getVariables3.topOverlay, + wtTable = _getVariables3.wtTable, + wtViewport = _getVariables3.wtViewport, + totalRows = _getVariables3.totalRows, + fixedRowsTop = _getVariables3.fixedRowsTop; + + var firstVisibleRow = wtTable.getFirstVisibleRow(); + + if (topOverlay.mainTableScrollableElement === window) { + var rootElementOffset = (0, _element.offset)(wtTable.wtRootElement); + var totalTableHeight = (0, _element.innerHeight)(wtTable.hider); + var windowHeight = (0, _element.innerHeight)(window); + var windowScrollTop = (0, _element.getScrollTop)(window); + + // Only calculate firstVisibleRow when table didn't filled (from up) whole viewport space + if (rootElementOffset.top + totalTableHeight - windowHeight <= windowScrollTop) { + var rowsHeight = wtViewport.getColumnHeaderHeight(); + + rowsHeight += topOverlay.sumCellSizes(0, fixedRowsTop); + + (0, _number.rangeEachReverse)(totalRows, 1, function (row) { + rowsHeight += topOverlay.sumCellSizes(row - 1, row); + + if (rootElementOffset.top + totalTableHeight - rowsHeight <= windowScrollTop) { + // Return physical row + 1 + firstVisibleRow = row; + + return false; + } + }); + } + } + + return firstVisibleRow; + } + + /** + * Get last visible row based on virtual dom and how table is visible in browser window viewport. + * + * @returns {Number} + */ + + }, { + key: 'getLastVisibleRow', + value: function getLastVisibleRow() { + var _getVariables4 = this._getVariables(), + topOverlay = _getVariables4.topOverlay, + wtTable = _getVariables4.wtTable, + wtViewport = _getVariables4.wtViewport, + totalRows = _getVariables4.totalRows; + + var lastVisibleRow = wtTable.getLastVisibleRow(); + + if (topOverlay.mainTableScrollableElement === window) { + var rootElementOffset = (0, _element.offset)(wtTable.wtRootElement); + var windowHeight = (0, _element.innerHeight)(window); + var windowScrollTop = (0, _element.getScrollTop)(window); + + // Only calculate lastVisibleRow when table didn't filled (from bottom) whole viewport space + if (rootElementOffset.top > windowScrollTop) { + var rowsHeight = wtViewport.getColumnHeaderHeight(); + + (0, _number.rangeEach)(1, totalRows, function (row) { + rowsHeight += topOverlay.sumCellSizes(row - 1, row); + + if (rootElementOffset.top + rowsHeight - windowScrollTop >= windowHeight) { + // Return physical row - 1 (-2 because rangeEach gives row index + 1 - sumCellSizes requirements) + lastVisibleRow = row - 2; + + return false; + } + }); + } + } + + return lastVisibleRow; + } + + /** + * Get first visible column based on virtual dom and how table is visible in browser window viewport. + * + * @returns {Number} + */ + + }, { + key: 'getFirstVisibleColumn', + value: function getFirstVisibleColumn() { + var _getVariables5 = this._getVariables(), + leftOverlay = _getVariables5.leftOverlay, + wtTable = _getVariables5.wtTable, + wtViewport = _getVariables5.wtViewport, + totalColumns = _getVariables5.totalColumns, + fixedColumnsLeft = _getVariables5.fixedColumnsLeft; + + var firstVisibleColumn = wtTable.getFirstVisibleColumn(); + + if (leftOverlay.mainTableScrollableElement === window) { + var rootElementOffset = (0, _element.offset)(wtTable.wtRootElement); + var totalTableWidth = (0, _element.innerWidth)(wtTable.hider); + var windowWidth = (0, _element.innerWidth)(window); + var windowScrollLeft = (0, _element.getScrollLeft)(window); + + // Only calculate firstVisibleColumn when table didn't filled (from left) whole viewport space + if (rootElementOffset.left + totalTableWidth - windowWidth <= windowScrollLeft) { + var columnsWidth = wtViewport.getRowHeaderWidth(); + + (0, _number.rangeEachReverse)(totalColumns, 1, function (column) { + columnsWidth += leftOverlay.sumCellSizes(column - 1, column); + + if (rootElementOffset.left + totalTableWidth - columnsWidth <= windowScrollLeft) { + // Return physical column + 1 + firstVisibleColumn = column; + + return false; + } + }); + } + } + + return firstVisibleColumn; + } + + /** + * Get last visible column based on virtual dom and how table is visible in browser window viewport. + * + * @returns {Number} + */ + + }, { + key: 'getLastVisibleColumn', + value: function getLastVisibleColumn() { + var _getVariables6 = this._getVariables(), + leftOverlay = _getVariables6.leftOverlay, + wtTable = _getVariables6.wtTable, + wtViewport = _getVariables6.wtViewport, + totalColumns = _getVariables6.totalColumns; + + var lastVisibleColumn = wtTable.getLastVisibleColumn(); + + if (leftOverlay.mainTableScrollableElement === window) { + var rootElementOffset = (0, _element.offset)(wtTable.wtRootElement); + var windowWidth = (0, _element.innerWidth)(window); + var windowScrollLeft = (0, _element.getScrollLeft)(window); + + // Only calculate lastVisibleColumn when table didn't filled (from right) whole viewport space + if (rootElementOffset.left > windowScrollLeft) { + var columnsWidth = wtViewport.getRowHeaderWidth(); + + (0, _number.rangeEach)(1, totalColumns, function (column) { + columnsWidth += leftOverlay.sumCellSizes(column - 1, column); + + if (rootElementOffset.left + columnsWidth - windowScrollLeft >= windowWidth) { + // Return physical column - 1 (-2 because rangeEach gives column index + 1 - sumCellSizes requirements) + lastVisibleColumn = column - 2; + + return false; + } + }); + } + } + + return lastVisibleColumn; + } + + /** + * Returns collection of variables used to rows and columns visibility calculations. + * + * @returns {Object} + * @private + */ + + }, { + key: '_getVariables', + value: function _getVariables() { + var wot = this.wot; + var topOverlay = wot.wtOverlays.topOverlay; + var leftOverlay = wot.wtOverlays.leftOverlay; + var wtTable = wot.wtTable; + var wtViewport = wot.wtViewport; + var totalRows = wot.getSetting('totalRows'); + var totalColumns = wot.getSetting('totalColumns'); + var fixedRowsTop = wot.getSetting('fixedRowsTop'); + var fixedRowsBottom = wot.getSetting('fixedRowsBottom'); + var fixedColumnsLeft = wot.getSetting('fixedColumnsLeft'); + + return { + topOverlay: topOverlay, + leftOverlay: leftOverlay, + wtTable: wtTable, + wtViewport: wtViewport, + totalRows: totalRows, + totalColumns: totalColumns, + fixedRowsTop: fixedRowsTop, + fixedRowsBottom: fixedRowsBottom, + fixedColumnsLeft: fixedColumnsLeft + }; + } + }]); + + return Scroll; +}(); + +exports.default = Scroll; + +/***/ }), +/* 144 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _object = __webpack_require__(1); + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class Settings + */ +var Settings = function () { + /** + * @param {Walkontable} wotInstance + * @param {Object} settings + */ + function Settings(wotInstance, settings) { + var _this = this; + + _classCallCheck(this, Settings); + + this.wot = wotInstance; + + // legacy support + this.instance = wotInstance; + + // default settings. void 0 means it is required, null means it can be empty + this.defaults = { + table: void 0, + debug: false, // shows WalkontableDebugOverlay + + // presentation mode + externalRowCalculator: false, + stretchH: 'none', // values: all, last, none + currentRowClassName: null, + currentColumnClassName: null, + preventOverflow: function preventOverflow() { + return false; + }, + + + // data source + data: void 0, + freezeOverlays: false, + fixedColumnsLeft: 0, + fixedRowsTop: 0, + fixedRowsBottom: 0, + minSpareRows: 0, + + // this must be array of functions: [function (row, TH) {}] + rowHeaders: function rowHeaders() { + return []; + }, + + + // this must be array of functions: [function (column, TH) {}] + columnHeaders: function columnHeaders() { + return []; + }, + + totalRows: void 0, + totalColumns: void 0, + cellRenderer: function cellRenderer(row, column, TD) { + var cellData = _this.getSetting('data', row, column); + + (0, _element.fastInnerText)(TD, cellData === void 0 || cellData === null ? '' : cellData); + }, + + // columnWidth: 50, + columnWidth: function columnWidth(col) { + // return undefined means use default size for the rendered cell content + }, + rowHeight: function rowHeight(row) { + // return undefined means use default size for the rendered cell content + }, + + defaultRowHeight: 23, + defaultColumnWidth: 50, + selections: null, + hideBorderOnMouseDownOver: false, + viewportRowCalculatorOverride: null, + viewportColumnCalculatorOverride: null, + + // callbacks + onCellMouseDown: null, + onCellMouseOver: null, + onCellMouseOut: null, + onCellMouseUp: null, + + // onCellMouseOut: null, + onCellDblClick: null, + onCellCornerMouseDown: null, + onCellCornerDblClick: null, + beforeDraw: null, + onDraw: null, + onBeforeDrawBorders: null, + onScrollVertically: null, + onScrollHorizontally: null, + onBeforeTouchScroll: null, + onAfterMomentumScroll: null, + onBeforeStretchingColumnWidth: function onBeforeStretchingColumnWidth(width) { + return width; + }, + onModifyRowHeaderWidth: null, + + // constants + scrollbarWidth: 10, + scrollbarHeight: 10, + + renderAllRows: false, + groups: false, + rowHeaderWidth: null, + columnHeaderHeight: null, + headerClassName: null + }; + + // reference to settings + this.settings = {}; + + for (var i in this.defaults) { + if ((0, _object.hasOwnProperty)(this.defaults, i)) { + if (settings[i] !== void 0) { + this.settings[i] = settings[i]; + } else if (this.defaults[i] === void 0) { + throw new Error('A required setting "' + i + '" was not provided'); + } else { + this.settings[i] = this.defaults[i]; + } + } + } + } + + /** + * Update settings + * + * @param {Object} settings + * @param {*} value + * @returns {Walkontable} + */ + + + _createClass(Settings, [{ + key: 'update', + value: function update(settings, value) { + if (value === void 0) { + // settings is object + for (var i in settings) { + if ((0, _object.hasOwnProperty)(settings, i)) { + this.settings[i] = settings[i]; + } + } + } else { + // if value is defined then settings is the key + this.settings[settings] = value; + } + return this.wot; + } + + /** + * Get setting by name + * + * @param {String} key + * @param {*} param1 + * @param {*} param2 + * @param {*} param3 + * @param {*} param4 + * @returns {*} + */ + + }, { + key: 'getSetting', + value: function getSetting(key, param1, param2, param3, param4) { + if (typeof this.settings[key] === 'function') { + // this is faster than .apply - https://github.com/handsontable/handsontable/wiki/JavaScript-&-DOM-performance-tips + return this.settings[key](param1, param2, param3, param4); + } else if (param1 !== void 0 && Array.isArray(this.settings[key])) { + // perhaps this can be removed, it is only used in tests + return this.settings[key][param1]; + } + + return this.settings[key]; + } + + /** + * Checks if setting exists + * + * @param {Boolean} key + * @returns {Boolean} + */ + + }, { + key: 'has', + value: function has(key) { + return !!this.settings[key]; + } + }]); + + return Settings; +}(); + +exports.default = Settings; + +/***/ }), +/* 145 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _function = __webpack_require__(35); + +var _coords = __webpack_require__(42); + +var _coords2 = _interopRequireDefault(_coords); + +var _range = __webpack_require__(68); + +var _range2 = _interopRequireDefault(_range); + +var _column = __webpack_require__(140); + +var _column2 = _interopRequireDefault(_column); + +var _row = __webpack_require__(141); + +var _row2 = _interopRequireDefault(_row); + +var _tableRenderer = __webpack_require__(146); + +var _tableRenderer2 = _interopRequireDefault(_tableRenderer); + +var _base = __webpack_require__(28); + +var _base2 = _interopRequireDefault(_base); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * + */ +var Table = function () { + /** + * @param {Walkontable} wotInstance + * @param {HTMLTableElement} table + */ + function Table(wotInstance, table) { + var _this = this; + + _classCallCheck(this, Table); + + this.wot = wotInstance; + + // legacy support + this.instance = this.wot; + this.TABLE = table; + this.TBODY = null; + this.THEAD = null; + this.COLGROUP = null; + this.tableOffset = 0; + this.holderOffset = 0; + + (0, _element.removeTextNodes)(this.TABLE); + + this.spreader = this.createSpreader(this.TABLE); + this.hider = this.createHider(this.spreader); + this.holder = this.createHolder(this.hider); + + this.wtRootElement = this.holder.parentNode; + this.alignOverlaysWithTrimmingContainer(); + this.fixTableDomTree(); + + this.colgroupChildrenLength = this.COLGROUP.childNodes.length; + this.theadChildrenLength = this.THEAD.firstChild ? this.THEAD.firstChild.childNodes.length : 0; + this.tbodyChildrenLength = this.TBODY.childNodes.length; + + this.rowFilter = null; + this.columnFilter = null; + this.correctHeaderWidth = false; + + var origRowHeaderWidth = this.wot.wtSettings.settings.rowHeaderWidth; + + // Fix for jumping row headers (https://github.com/handsontable/handsontable/issues/3850) + this.wot.wtSettings.settings.rowHeaderWidth = function () { + return _this._modifyRowHeaderWidth(origRowHeaderWidth); + }; + } + + /** + * + */ + + + _createClass(Table, [{ + key: 'fixTableDomTree', + value: function fixTableDomTree() { + this.TBODY = this.TABLE.querySelector('tbody'); + + if (!this.TBODY) { + this.TBODY = document.createElement('tbody'); + this.TABLE.appendChild(this.TBODY); + } + this.THEAD = this.TABLE.querySelector('thead'); + + if (!this.THEAD) { + this.THEAD = document.createElement('thead'); + this.TABLE.insertBefore(this.THEAD, this.TBODY); + } + this.COLGROUP = this.TABLE.querySelector('colgroup'); + + if (!this.COLGROUP) { + this.COLGROUP = document.createElement('colgroup'); + this.TABLE.insertBefore(this.COLGROUP, this.THEAD); + } + + if (this.wot.getSetting('columnHeaders').length && !this.THEAD.childNodes.length) { + this.THEAD.appendChild(document.createElement('TR')); + } + } + + /** + * @param table + * @returns {HTMLElement} + */ + + }, { + key: 'createSpreader', + value: function createSpreader(table) { + var parent = table.parentNode; + var spreader = void 0; + + if (!parent || parent.nodeType !== 1 || !(0, _element.hasClass)(parent, 'wtHolder')) { + spreader = document.createElement('div'); + spreader.className = 'wtSpreader'; + + if (parent) { + // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it + parent.insertBefore(spreader, table); + } + spreader.appendChild(table); + } + spreader.style.position = 'relative'; + + return spreader; + } + + /** + * @param spreader + * @returns {HTMLElement} + */ + + }, { + key: 'createHider', + value: function createHider(spreader) { + var parent = spreader.parentNode; + var hider = void 0; + + if (!parent || parent.nodeType !== 1 || !(0, _element.hasClass)(parent, 'wtHolder')) { + hider = document.createElement('div'); + hider.className = 'wtHider'; + + if (parent) { + // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it + parent.insertBefore(hider, spreader); + } + hider.appendChild(spreader); + } + + return hider; + } + + /** + * + * @param hider + * @returns {HTMLElement} + */ + + }, { + key: 'createHolder', + value: function createHolder(hider) { + var parent = hider.parentNode; + var holder = void 0; + + if (!parent || parent.nodeType !== 1 || !(0, _element.hasClass)(parent, 'wtHolder')) { + holder = document.createElement('div'); + holder.style.position = 'relative'; + holder.className = 'wtHolder'; + + if (parent) { + // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it + parent.insertBefore(holder, hider); + } + if (!this.isWorkingOnClone()) { + holder.parentNode.className += 'ht_master handsontable'; + } + holder.appendChild(hider); + } + + return holder; + } + }, { + key: 'alignOverlaysWithTrimmingContainer', + value: function alignOverlaysWithTrimmingContainer() { + var trimmingElement = (0, _element.getTrimmingContainer)(this.wtRootElement); + + if (!this.isWorkingOnClone()) { + this.holder.parentNode.style.position = 'relative'; + + if (trimmingElement === window) { + var preventOverflow = this.wot.getSetting('preventOverflow'); + + if (!preventOverflow) { + this.holder.style.overflow = 'visible'; + this.wtRootElement.style.overflow = 'visible'; + } + } else { + this.holder.style.width = (0, _element.getStyle)(trimmingElement, 'width'); + this.holder.style.height = (0, _element.getStyle)(trimmingElement, 'height'); + this.holder.style.overflow = ''; + } + } + } + }, { + key: 'isWorkingOnClone', + value: function isWorkingOnClone() { + return !!this.wot.cloneSource; + } + + /** + * Redraws the table + * + * @param {Boolean} fastDraw If TRUE, will try to avoid full redraw and only update the border positions. If FALSE or UNDEFINED, will perform a full redraw + * @returns {Table} + */ + + }, { + key: 'draw', + value: function draw(fastDraw) { + var _wot = this.wot, + wtOverlays = _wot.wtOverlays, + wtViewport = _wot.wtViewport; + + var totalRows = this.instance.getSetting('totalRows'); + var rowHeaders = this.wot.getSetting('rowHeaders').length; + var columnHeaders = this.wot.getSetting('columnHeaders').length; + var syncScroll = false; + + if (!this.isWorkingOnClone()) { + this.holderOffset = (0, _element.offset)(this.holder); + fastDraw = wtViewport.createRenderCalculators(fastDraw); + + if (rowHeaders && !this.wot.getSetting('fixedColumnsLeft')) { + var leftScrollPos = wtOverlays.leftOverlay.getScrollPosition(); + var previousState = this.correctHeaderWidth; + + this.correctHeaderWidth = leftScrollPos > 0; + + if (previousState !== this.correctHeaderWidth) { + fastDraw = false; + } + } + } + + if (!this.isWorkingOnClone()) { + syncScroll = wtOverlays.prepareOverlays(); + } + + if (fastDraw) { + if (!this.isWorkingOnClone()) { + // in case we only scrolled without redraw, update visible rows information in oldRowsCalculator + wtViewport.createVisibleCalculators(); + } + if (wtOverlays) { + wtOverlays.refresh(true); + } + } else { + if (this.isWorkingOnClone()) { + this.tableOffset = this.wot.cloneSource.wtTable.tableOffset; + } else { + this.tableOffset = (0, _element.offset)(this.TABLE); + } + var startRow = void 0; + + if (_base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_DEBUG) || _base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_TOP) || _base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_TOP_LEFT_CORNER)) { + startRow = 0; + } else if (_base2.default.isOverlayTypeOf(this.instance.cloneOverlay, _base2.default.CLONE_BOTTOM) || _base2.default.isOverlayTypeOf(this.instance.cloneOverlay, _base2.default.CLONE_BOTTOM_LEFT_CORNER)) { + startRow = Math.max(totalRows - this.wot.getSetting('fixedRowsBottom'), 0); + } else { + startRow = wtViewport.rowsRenderCalculator.startRow; + } + var startColumn = void 0; + + if (_base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_DEBUG) || _base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_LEFT) || _base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_TOP_LEFT_CORNER) || _base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_BOTTOM_LEFT_CORNER)) { + startColumn = 0; + } else { + startColumn = wtViewport.columnsRenderCalculator.startColumn; + } + this.rowFilter = new _row2.default(startRow, totalRows, columnHeaders); + this.columnFilter = new _column2.default(startColumn, this.wot.getSetting('totalColumns'), rowHeaders); + + this.alignOverlaysWithTrimmingContainer(); + this._doDraw(); // creates calculator after draw + } + this.refreshSelections(fastDraw); + + if (!this.isWorkingOnClone()) { + wtOverlays.topOverlay.resetFixedPosition(); + + if (wtOverlays.bottomOverlay.clone) { + wtOverlays.bottomOverlay.resetFixedPosition(); + } + + wtOverlays.leftOverlay.resetFixedPosition(); + + if (wtOverlays.topLeftCornerOverlay) { + wtOverlays.topLeftCornerOverlay.resetFixedPosition(); + } + + if (wtOverlays.bottomLeftCornerOverlay && wtOverlays.bottomLeftCornerOverlay.clone) { + wtOverlays.bottomLeftCornerOverlay.resetFixedPosition(); + } + } + if (syncScroll) { + wtOverlays.syncScrollWithMaster(); + } + this.wot.drawn = true; + + return this; + } + }, { + key: '_doDraw', + value: function _doDraw() { + var wtRenderer = new _tableRenderer2.default(this); + + wtRenderer.render(); + } + }, { + key: 'removeClassFromCells', + value: function removeClassFromCells(className) { + var nodes = this.TABLE.querySelectorAll('.' + className); + + for (var i = 0, len = nodes.length; i < len; i++) { + (0, _element.removeClass)(nodes[i], className); + } + } + }, { + key: 'refreshSelections', + value: function refreshSelections(fastDraw) { + if (!this.wot.selections) { + return; + } + var len = this.wot.selections.length; + + if (fastDraw) { + for (var i = 0; i < len; i++) { + // there was no rerender, so we need to remove classNames by ourselves + if (this.wot.selections[i].settings.className) { + this.removeClassFromCells(this.wot.selections[i].settings.className); + } + if (this.wot.selections[i].settings.highlightHeaderClassName) { + this.removeClassFromCells(this.wot.selections[i].settings.highlightHeaderClassName); + } + if (this.wot.selections[i].settings.highlightRowClassName) { + this.removeClassFromCells(this.wot.selections[i].settings.highlightRowClassName); + } + if (this.wot.selections[i].settings.highlightColumnClassName) { + this.removeClassFromCells(this.wot.selections[i].settings.highlightColumnClassName); + } + } + } + for (var _i = 0; _i < len; _i++) { + this.wot.selections[_i].draw(this.wot, fastDraw); + } + } + + /** + * Get cell element at coords. + * + * @param {CellCoords} coords + * @returns {HTMLElement|Number} HTMLElement on success or Number one of the exit codes on error: + * -1 row before viewport + * -2 row after viewport + */ + + }, { + key: 'getCell', + value: function getCell(coords) { + if (this.isRowBeforeRenderedRows(coords.row)) { + // row before rendered rows + return -1; + } else if (this.isRowAfterRenderedRows(coords.row)) { + // row after rendered rows + return -2; + } + + var TR = this.TBODY.childNodes[this.rowFilter.sourceToRendered(coords.row)]; + + if (TR) { + return TR.childNodes[this.columnFilter.sourceColumnToVisibleRowHeadedColumn(coords.col)]; + } + } + + /** + * getColumnHeader + * + * @param {Number} col Column index + * @param {Number} [level=0] Header level (0 = most distant to the table) + * @returns {Object} HTMLElement on success or undefined on error + */ + + }, { + key: 'getColumnHeader', + value: function getColumnHeader(col) { + var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; + + var TR = this.THEAD.childNodes[level]; + + if (TR) { + return TR.childNodes[this.columnFilter.sourceColumnToVisibleRowHeadedColumn(col)]; + } + } + + /** + * getRowHeader + * + * @param {Number} row Row index + * @returns {HTMLElement} HTMLElement on success or Number one of the exit codes on error: `null table doesn't have row headers` + */ + + }, { + key: 'getRowHeader', + value: function getRowHeader(row) { + if (this.columnFilter.sourceColumnToVisibleRowHeadedColumn(0) === 0) { + return null; + } + var TR = this.TBODY.childNodes[this.rowFilter.sourceToRendered(row)]; + + if (TR) { + return TR.childNodes[0]; + } + } + + /** + * Returns cell coords object for a given TD (or a child element of a TD element). + * + * @param {HTMLTableCellElement} TD A cell DOM element (or a child of one). + * @returns {CellCoords|null} The coordinates of the provided TD element (or the closest TD element) or null, if the provided element is not applicable. + */ + + }, { + key: 'getCoords', + value: function getCoords(TD) { + if (TD.nodeName !== 'TD' && TD.nodeName !== 'TH') { + TD = (0, _element.closest)(TD, ['TD', 'TH']); + } + + if (TD === null) { + return null; + } + + var TR = TD.parentNode; + var CONTAINER = TR.parentNode; + var row = (0, _element.index)(TR); + var col = TD.cellIndex; + + if ((0, _element.overlayContainsElement)(_base2.default.CLONE_TOP_LEFT_CORNER, TD) || (0, _element.overlayContainsElement)(_base2.default.CLONE_TOP, TD)) { + if (CONTAINER.nodeName === 'THEAD') { + row -= CONTAINER.childNodes.length; + } + } else if (CONTAINER === this.THEAD) { + row = this.rowFilter.visibleColHeadedRowToSourceRow(row); + } else { + row = this.rowFilter.renderedToSource(row); + } + + if ((0, _element.overlayContainsElement)(_base2.default.CLONE_TOP_LEFT_CORNER, TD) || (0, _element.overlayContainsElement)(_base2.default.CLONE_LEFT, TD)) { + col = this.columnFilter.offsettedTH(col); + } else { + col = this.columnFilter.visibleRowHeadedColumnToSourceColumn(col); + } + + return new _coords2.default(row, col); + } + }, { + key: 'getTrForRow', + value: function getTrForRow(row) { + return this.TBODY.childNodes[this.rowFilter.sourceToRendered(row)]; + } + }, { + key: 'getFirstRenderedRow', + value: function getFirstRenderedRow() { + return this.wot.wtViewport.rowsRenderCalculator.startRow; + } + }, { + key: 'getFirstVisibleRow', + value: function getFirstVisibleRow() { + return this.wot.wtViewport.rowsVisibleCalculator.startRow; + } + }, { + key: 'getFirstRenderedColumn', + value: function getFirstRenderedColumn() { + return this.wot.wtViewport.columnsRenderCalculator.startColumn; + } + + /** + * @returns {Number} Returns -1 if no row is visible + */ + + }, { + key: 'getFirstVisibleColumn', + value: function getFirstVisibleColumn() { + return this.wot.wtViewport.columnsVisibleCalculator.startColumn; + } + + /** + * @returns {Number} Returns -1 if no row is visible + */ + + }, { + key: 'getLastRenderedRow', + value: function getLastRenderedRow() { + return this.wot.wtViewport.rowsRenderCalculator.endRow; + } + }, { + key: 'getLastVisibleRow', + value: function getLastVisibleRow() { + return this.wot.wtViewport.rowsVisibleCalculator.endRow; + } + }, { + key: 'getLastRenderedColumn', + value: function getLastRenderedColumn() { + return this.wot.wtViewport.columnsRenderCalculator.endColumn; + } + + /** + * @returns {Number} Returns -1 if no column is visible + */ + + }, { + key: 'getLastVisibleColumn', + value: function getLastVisibleColumn() { + return this.wot.wtViewport.columnsVisibleCalculator.endColumn; + } + }, { + key: 'isRowBeforeRenderedRows', + value: function isRowBeforeRenderedRows(row) { + return this.rowFilter && this.rowFilter.sourceToRendered(row) < 0 && row >= 0; + } + }, { + key: 'isRowAfterViewport', + value: function isRowAfterViewport(row) { + return this.rowFilter && this.rowFilter.sourceToRendered(row) > this.getLastVisibleRow(); + } + }, { + key: 'isRowAfterRenderedRows', + value: function isRowAfterRenderedRows(row) { + return this.rowFilter && this.rowFilter.sourceToRendered(row) > this.getLastRenderedRow(); + } + }, { + key: 'isColumnBeforeViewport', + value: function isColumnBeforeViewport(column) { + return this.columnFilter && this.columnFilter.sourceToRendered(column) < 0 && column >= 0; + } + }, { + key: 'isColumnAfterViewport', + value: function isColumnAfterViewport(column) { + return this.columnFilter && this.columnFilter.sourceToRendered(column) > this.getLastVisibleColumn(); + } + }, { + key: 'isLastRowFullyVisible', + value: function isLastRowFullyVisible() { + return this.getLastVisibleRow() === this.getLastRenderedRow(); + } + }, { + key: 'isLastColumnFullyVisible', + value: function isLastColumnFullyVisible() { + return this.getLastVisibleColumn() === this.getLastRenderedColumn(); + } + }, { + key: 'getRenderedColumnsCount', + value: function getRenderedColumnsCount() { + var columnsCount = this.wot.wtViewport.columnsRenderCalculator.count; + var totalColumns = this.wot.getSetting('totalColumns'); + + if (this.wot.isOverlayName(_base2.default.CLONE_DEBUG)) { + columnsCount = totalColumns; + } else if (this.wot.isOverlayName(_base2.default.CLONE_LEFT) || this.wot.isOverlayName(_base2.default.CLONE_TOP_LEFT_CORNER) || this.wot.isOverlayName(_base2.default.CLONE_BOTTOM_LEFT_CORNER)) { + return Math.min(this.wot.getSetting('fixedColumnsLeft'), totalColumns); + } + + return columnsCount; + } + }, { + key: 'getRenderedRowsCount', + value: function getRenderedRowsCount() { + var rowsCount = this.wot.wtViewport.rowsRenderCalculator.count; + var totalRows = this.wot.getSetting('totalRows'); + + if (this.wot.isOverlayName(_base2.default.CLONE_DEBUG)) { + rowsCount = totalRows; + } else if (this.wot.isOverlayName(_base2.default.CLONE_TOP) || this.wot.isOverlayName(_base2.default.CLONE_TOP_LEFT_CORNER)) { + rowsCount = Math.min(this.wot.getSetting('fixedRowsTop'), totalRows); + } else if (this.wot.isOverlayName(_base2.default.CLONE_BOTTOM) || this.wot.isOverlayName(_base2.default.CLONE_BOTTOM_LEFT_CORNER)) { + rowsCount = Math.min(this.wot.getSetting('fixedRowsBottom'), totalRows); + } + + return rowsCount; + } + }, { + key: 'getVisibleRowsCount', + value: function getVisibleRowsCount() { + return this.wot.wtViewport.rowsVisibleCalculator.count; + } + }, { + key: 'allRowsInViewport', + value: function allRowsInViewport() { + return this.wot.getSetting('totalRows') == this.getVisibleRowsCount(); + } + + /** + * Checks if any of the row's cells content exceeds its initial height, and if so, returns the oversized height + * + * @param {Number} sourceRow + * @returns {Number} + */ + + }, { + key: 'getRowHeight', + value: function getRowHeight(sourceRow) { + var height = this.wot.wtSettings.settings.rowHeight(sourceRow); + var oversizedHeight = this.wot.wtViewport.oversizedRows[sourceRow]; + + if (oversizedHeight !== void 0) { + height = height === void 0 ? oversizedHeight : Math.max(height, oversizedHeight); + } + + return height; + } + }, { + key: 'getColumnHeaderHeight', + value: function getColumnHeaderHeight(level) { + var height = this.wot.wtSettings.settings.defaultRowHeight; + var oversizedHeight = this.wot.wtViewport.oversizedColumnHeaders[level]; + + if (oversizedHeight !== void 0) { + height = height ? Math.max(height, oversizedHeight) : oversizedHeight; + } + + return height; + } + }, { + key: 'getVisibleColumnsCount', + value: function getVisibleColumnsCount() { + return this.wot.wtViewport.columnsVisibleCalculator.count; + } + }, { + key: 'allColumnsInViewport', + value: function allColumnsInViewport() { + return this.wot.getSetting('totalColumns') == this.getVisibleColumnsCount(); + } + }, { + key: 'getColumnWidth', + value: function getColumnWidth(sourceColumn) { + var width = this.wot.wtSettings.settings.columnWidth; + + if (typeof width === 'function') { + width = width(sourceColumn); + } else if ((typeof width === 'undefined' ? 'undefined' : _typeof(width)) === 'object') { + width = width[sourceColumn]; + } + + return width || this.wot.wtSettings.settings.defaultColumnWidth; + } + }, { + key: 'getStretchedColumnWidth', + value: function getStretchedColumnWidth(sourceColumn) { + var columnWidth = this.getColumnWidth(sourceColumn); + var width = columnWidth == null ? this.instance.wtSettings.settings.defaultColumnWidth : columnWidth; + var calculator = this.wot.wtViewport.columnsRenderCalculator; + + if (calculator) { + var stretchedWidth = calculator.getStretchedColumnWidth(sourceColumn, width); + + if (stretchedWidth) { + width = stretchedWidth; + } + } + + return width; + } + + /** + * Modify row header widths provided by user in class contructor. + * + * @private + */ + + }, { + key: '_modifyRowHeaderWidth', + value: function _modifyRowHeaderWidth(rowHeaderWidthFactory) { + var widths = (0, _function.isFunction)(rowHeaderWidthFactory) ? rowHeaderWidthFactory() : null; + + if (Array.isArray(widths)) { + widths = [].concat(_toConsumableArray(widths)); + widths[widths.length - 1] = this._correctRowHeaderWidth(widths[widths.length - 1]); + } else { + widths = this._correctRowHeaderWidth(widths); + } + + return widths; + } + + /** + * Correct row header width if necessary. + * + * @private + */ + + }, { + key: '_correctRowHeaderWidth', + value: function _correctRowHeaderWidth(width) { + if (typeof width !== 'number') { + width = this.wot.getSetting('defaultColumnWidth'); + } + if (this.correctHeaderWidth) { + width++; + } + + return width; + } + }]); + + return Table; +}(); + +exports.default = Table; + +/***/ }), +/* 146 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _base = __webpack_require__(28); + +var _base2 = _interopRequireDefault(_base); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +var performanceWarningAppeared = false; + +/** + * @class TableRenderer + */ + +var TableRenderer = function () { + /** + * @param {WalkontableTable} wtTable + */ + function TableRenderer(wtTable) { + _classCallCheck(this, TableRenderer); + + this.wtTable = wtTable; + this.wot = wtTable.instance; + + // legacy support + this.instance = wtTable.instance; + + this.rowFilter = wtTable.rowFilter; + this.columnFilter = wtTable.columnFilter; + + this.TABLE = wtTable.TABLE; + this.THEAD = wtTable.THEAD; + this.TBODY = wtTable.TBODY; + this.COLGROUP = wtTable.COLGROUP; + + this.rowHeaders = []; + this.rowHeaderCount = 0; + this.columnHeaders = []; + this.columnHeaderCount = 0; + this.fixedRowsTop = 0; + this.fixedRowsBottom = 0; + } + + /** + * + */ + + + _createClass(TableRenderer, [{ + key: 'render', + value: function render() { + if (!this.wtTable.isWorkingOnClone()) { + var skipRender = {}; + this.wot.getSetting('beforeDraw', true, skipRender); + + if (skipRender.skipRender === true) { + return; + } + } + + this.rowHeaders = this.wot.getSetting('rowHeaders'); + this.rowHeaderCount = this.rowHeaders.length; + this.fixedRowsTop = this.wot.getSetting('fixedRowsTop'); + this.fixedRowsBottom = this.wot.getSetting('fixedRowsBottom'); + this.columnHeaders = this.wot.getSetting('columnHeaders'); + this.columnHeaderCount = this.columnHeaders.length; + + var columnsToRender = this.wtTable.getRenderedColumnsCount(); + var rowsToRender = this.wtTable.getRenderedRowsCount(); + var totalColumns = this.wot.getSetting('totalColumns'); + var totalRows = this.wot.getSetting('totalRows'); + var workspaceWidth = void 0; + var adjusted = false; + + if (_base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_BOTTOM) || _base2.default.isOverlayTypeOf(this.wot.cloneOverlay, _base2.default.CLONE_BOTTOM_LEFT_CORNER)) { + + // do NOT render headers on the bottom or bottom-left corner overlay + this.columnHeaders = []; + this.columnHeaderCount = 0; + } + + if (totalColumns >= 0) { + // prepare COL and TH elements for rendering + this.adjustAvailableNodes(); + adjusted = true; + + // adjust column widths according to user widths settings + this.renderColumnHeaders(); + + // Render table rows + this.renderRows(totalRows, rowsToRender, columnsToRender); + + if (!this.wtTable.isWorkingOnClone()) { + workspaceWidth = this.wot.wtViewport.getWorkspaceWidth(); + this.wot.wtViewport.containerWidth = null; + } + + this.adjustColumnWidths(columnsToRender); + this.markOversizedColumnHeaders(); + this.adjustColumnHeaderHeights(); + } + + if (!adjusted) { + this.adjustAvailableNodes(); + } + this.removeRedundantRows(rowsToRender); + + if (!this.wtTable.isWorkingOnClone() || this.wot.isOverlayName(_base2.default.CLONE_BOTTOM)) { + this.markOversizedRows(); + } + if (!this.wtTable.isWorkingOnClone()) { + this.wot.wtViewport.createVisibleCalculators(); + this.wot.wtOverlays.refresh(false); + + this.wot.wtOverlays.applyToDOM(); + + var hiderWidth = (0, _element.outerWidth)(this.wtTable.hider); + var tableWidth = (0, _element.outerWidth)(this.wtTable.TABLE); + + if (hiderWidth !== 0 && tableWidth !== hiderWidth) { + // Recalculate the column widths, if width changes made in the overlays removed the scrollbar, thus changing the viewport width. + this.adjustColumnWidths(columnsToRender); + } + + if (workspaceWidth !== this.wot.wtViewport.getWorkspaceWidth()) { + // workspace width changed though to shown/hidden vertical scrollbar. Let's reapply stretching + this.wot.wtViewport.containerWidth = null; + + var firstRendered = this.wtTable.getFirstRenderedColumn(); + var lastRendered = this.wtTable.getLastRenderedColumn(); + var defaultColumnWidth = this.wot.getSetting('defaultColumnWidth'); + var rowHeaderWidthSetting = this.wot.getSetting('rowHeaderWidth'); + + rowHeaderWidthSetting = this.instance.getSetting('onModifyRowHeaderWidth', rowHeaderWidthSetting); + + if (rowHeaderWidthSetting != null) { + for (var i = 0; i < this.rowHeaderCount; i++) { + var width = Array.isArray(rowHeaderWidthSetting) ? rowHeaderWidthSetting[i] : rowHeaderWidthSetting; + + width = width == null ? defaultColumnWidth : width; + + this.COLGROUP.childNodes[i].style.width = width + 'px'; + } + } + + for (var _i = firstRendered; _i < lastRendered; _i++) { + var _width = this.wtTable.getStretchedColumnWidth(_i); + var renderedIndex = this.columnFilter.sourceToRendered(_i); + + this.COLGROUP.childNodes[renderedIndex + this.rowHeaderCount].style.width = _width + 'px'; + } + } + + this.wot.getSetting('onDraw', true); + } else if (this.wot.isOverlayName(_base2.default.CLONE_BOTTOM)) { + this.wot.cloneSource.wtOverlays.adjustElementsSize(); + } + } + + /** + * @param {Number} renderedRowsCount + */ + + }, { + key: 'removeRedundantRows', + value: function removeRedundantRows(renderedRowsCount) { + while (this.wtTable.tbodyChildrenLength > renderedRowsCount) { + this.TBODY.removeChild(this.TBODY.lastChild); + this.wtTable.tbodyChildrenLength--; + } + } + + /** + * @param {Number} totalRows + * @param {Number} rowsToRender + * @param {Number} columnsToRender + */ + + }, { + key: 'renderRows', + value: function renderRows(totalRows, rowsToRender, columnsToRender) { + var lastTD = void 0, + TR = void 0; + var visibleRowIndex = 0; + var sourceRowIndex = this.rowFilter.renderedToSource(visibleRowIndex); + var isWorkingOnClone = this.wtTable.isWorkingOnClone(); + + while (sourceRowIndex < totalRows && sourceRowIndex >= 0) { + if (!performanceWarningAppeared && visibleRowIndex > 1000) { + performanceWarningAppeared = true; + console.warn('Performance tip: Handsontable rendered more than 1000 visible rows. Consider limiting the number ' + 'of rendered rows by specifying the table height and/or turning off the "renderAllRows" option.'); + } + if (rowsToRender !== void 0 && visibleRowIndex === rowsToRender) { + // We have as much rows as needed for this clone + break; + } + TR = this.getOrCreateTrForRow(visibleRowIndex, TR); + + // Render row headers + this.renderRowHeaders(sourceRowIndex, TR); + // Add and/or remove TDs to TR to match the desired number + this.adjustColumns(TR, columnsToRender + this.rowHeaderCount); + + lastTD = this.renderCells(sourceRowIndex, TR, columnsToRender); + + if (!isWorkingOnClone || + // Necessary to refresh oversized row heights after editing cell in overlays + this.wot.isOverlayName(_base2.default.CLONE_BOTTOM)) { + // Reset the oversized row cache for this row + this.resetOversizedRow(sourceRowIndex); + } + + if (TR.firstChild) { + // if I have 2 fixed columns with one-line content and the 3rd column has a multiline content, this is + // the way to make sure that the overlay will has same row height + var height = this.wot.wtTable.getRowHeight(sourceRowIndex); + + if (height) { + // Decrease height. 1 pixel will be "replaced" by 1px border top + height--; + TR.firstChild.style.height = height + 'px'; + } else { + TR.firstChild.style.height = ''; + } + } + visibleRowIndex++; + sourceRowIndex = this.rowFilter.renderedToSource(visibleRowIndex); + } + } + + /** + * Reset the oversized row cache for the provided index + * + * @param {Number} sourceRow Row index + */ + + }, { + key: 'resetOversizedRow', + value: function resetOversizedRow(sourceRow) { + if (this.wot.getSetting('externalRowCalculator')) { + return; + } + if (this.wot.wtViewport.oversizedRows && this.wot.wtViewport.oversizedRows[sourceRow]) { + this.wot.wtViewport.oversizedRows[sourceRow] = void 0; + } + } + + /** + * Check if any of the rendered rows is higher than expected, and if so, cache them + */ + + }, { + key: 'markOversizedRows', + value: function markOversizedRows() { + if (this.wot.getSetting('externalRowCalculator')) { + return; + } + var rowCount = this.instance.wtTable.TBODY.childNodes.length; + var expectedTableHeight = rowCount * this.instance.wtSettings.settings.defaultRowHeight; + var actualTableHeight = (0, _element.innerHeight)(this.instance.wtTable.TBODY) - 1; + var previousRowHeight = void 0; + var rowInnerHeight = void 0; + var sourceRowIndex = void 0; + var currentTr = void 0; + var rowHeader = void 0; + var totalRows = this.instance.getSetting('totalRows'); + + if (expectedTableHeight === actualTableHeight && !this.instance.getSetting('fixedRowsBottom')) { + // If the actual table height equals rowCount * default single row height, no row is oversized -> no need to iterate over them + return; + } + + while (rowCount) { + rowCount--; + sourceRowIndex = this.instance.wtTable.rowFilter.renderedToSource(rowCount); + previousRowHeight = this.instance.wtTable.getRowHeight(sourceRowIndex); + currentTr = this.instance.wtTable.getTrForRow(sourceRowIndex); + rowHeader = currentTr.querySelector('th'); + + if (rowHeader) { + rowInnerHeight = (0, _element.innerHeight)(rowHeader); + } else { + rowInnerHeight = (0, _element.innerHeight)(currentTr) - 1; + } + + if (!previousRowHeight && this.instance.wtSettings.settings.defaultRowHeight < rowInnerHeight || previousRowHeight < rowInnerHeight) { + this.instance.wtViewport.oversizedRows[sourceRowIndex] = ++rowInnerHeight; + } + } + } + + /** + * Check if any of the rendered columns is higher than expected, and if so, cache them. + */ + + }, { + key: 'markOversizedColumnHeaders', + value: function markOversizedColumnHeaders() { + var overlayName = this.wot.getOverlayName(); + + if (!this.columnHeaderCount || this.wot.wtViewport.hasOversizedColumnHeadersMarked[overlayName] || this.wtTable.isWorkingOnClone()) { + return; + } + var columnCount = this.wtTable.getRenderedColumnsCount(); + + for (var i = 0; i < this.columnHeaderCount; i++) { + for (var renderedColumnIndex = -1 * this.rowHeaderCount; renderedColumnIndex < columnCount; renderedColumnIndex++) { + this.markIfOversizedColumnHeader(renderedColumnIndex); + } + } + this.wot.wtViewport.hasOversizedColumnHeadersMarked[overlayName] = true; + } + + /** + * + */ + + }, { + key: 'adjustColumnHeaderHeights', + value: function adjustColumnHeaderHeights() { + var columnHeaders = this.wot.getSetting('columnHeaders'); + var children = this.wot.wtTable.THEAD.childNodes; + var oversizedColumnHeaders = this.wot.wtViewport.oversizedColumnHeaders; + + for (var i = 0, len = columnHeaders.length; i < len; i++) { + if (oversizedColumnHeaders[i]) { + if (!children[i] || children[i].childNodes.length === 0) { + return; + } + children[i].childNodes[0].style.height = oversizedColumnHeaders[i] + 'px'; + } + } + } + + /** + * Check if column header for the specified column is higher than expected, and if so, cache it + * + * @param {Number} col Index of column + */ + + }, { + key: 'markIfOversizedColumnHeader', + value: function markIfOversizedColumnHeader(col) { + var sourceColIndex = this.wot.wtTable.columnFilter.renderedToSource(col); + var level = this.columnHeaderCount; + var defaultRowHeight = this.wot.wtSettings.settings.defaultRowHeight; + var previousColHeaderHeight = void 0; + var currentHeader = void 0; + var currentHeaderHeight = void 0; + var columnHeaderHeightSetting = this.wot.getSetting('columnHeaderHeight') || []; + + while (level) { + level--; + + previousColHeaderHeight = this.wot.wtTable.getColumnHeaderHeight(level); + currentHeader = this.wot.wtTable.getColumnHeader(sourceColIndex, level); + + if (!currentHeader) { + /* eslint-disable no-continue */ + continue; + } + currentHeaderHeight = (0, _element.innerHeight)(currentHeader); + + if (!previousColHeaderHeight && defaultRowHeight < currentHeaderHeight || previousColHeaderHeight < currentHeaderHeight) { + this.wot.wtViewport.oversizedColumnHeaders[level] = currentHeaderHeight; + } + + if (Array.isArray(columnHeaderHeightSetting)) { + if (columnHeaderHeightSetting[level] != null) { + this.wot.wtViewport.oversizedColumnHeaders[level] = columnHeaderHeightSetting[level]; + } + } else if (!isNaN(columnHeaderHeightSetting)) { + this.wot.wtViewport.oversizedColumnHeaders[level] = columnHeaderHeightSetting; + } + + if (this.wot.wtViewport.oversizedColumnHeaders[level] < (columnHeaderHeightSetting[level] || columnHeaderHeightSetting)) { + this.wot.wtViewport.oversizedColumnHeaders[level] = columnHeaderHeightSetting[level] || columnHeaderHeightSetting; + } + } + } + + /** + * @param {Number} sourceRowIndex + * @param {HTMLTableRowElement} TR + * @param {Number} columnsToRender + * @returns {HTMLTableCellElement} + */ + + }, { + key: 'renderCells', + value: function renderCells(sourceRowIndex, TR, columnsToRender) { + var TD = void 0; + var sourceColIndex = void 0; + + for (var visibleColIndex = 0; visibleColIndex < columnsToRender; visibleColIndex++) { + sourceColIndex = this.columnFilter.renderedToSource(visibleColIndex); + + if (visibleColIndex === 0) { + TD = TR.childNodes[this.columnFilter.sourceColumnToVisibleRowHeadedColumn(sourceColIndex)]; + } else { + TD = TD.nextSibling; // http://jsperf.com/nextsibling-vs-indexed-childnodes + } + // If the number of headers has been reduced, we need to replace excess TH with TD + if (TD.nodeName == 'TH') { + TD = replaceThWithTd(TD, TR); + } + if (!(0, _element.hasClass)(TD, 'hide')) { + TD.className = ''; + } + TD.removeAttribute('style'); + this.wot.wtSettings.settings.cellRenderer(sourceRowIndex, sourceColIndex, TD); + } + + return TD; + } + + /** + * @param {Number} columnsToRender Number of columns to render. + */ + + }, { + key: 'adjustColumnWidths', + value: function adjustColumnWidths(columnsToRender) { + var scrollbarCompensation = 0; + var sourceInstance = this.wot.cloneSource ? this.wot.cloneSource : this.wot; + var mainHolder = sourceInstance.wtTable.holder; + var defaultColumnWidth = this.wot.getSetting('defaultColumnWidth'); + var rowHeaderWidthSetting = this.wot.getSetting('rowHeaderWidth'); + + if (mainHolder.offsetHeight < mainHolder.scrollHeight) { + scrollbarCompensation = (0, _element.getScrollbarWidth)(); + } + this.wot.wtViewport.columnsRenderCalculator.refreshStretching(this.wot.wtViewport.getViewportWidth() - scrollbarCompensation); + + rowHeaderWidthSetting = this.instance.getSetting('onModifyRowHeaderWidth', rowHeaderWidthSetting); + + if (rowHeaderWidthSetting != null) { + for (var i = 0; i < this.rowHeaderCount; i++) { + var width = Array.isArray(rowHeaderWidthSetting) ? rowHeaderWidthSetting[i] : rowHeaderWidthSetting; + + width = width == null ? defaultColumnWidth : width; + + this.COLGROUP.childNodes[i].style.width = width + 'px'; + } + } + + for (var renderedColIndex = 0; renderedColIndex < columnsToRender; renderedColIndex++) { + var _width2 = this.wtTable.getStretchedColumnWidth(this.columnFilter.renderedToSource(renderedColIndex)); + + this.COLGROUP.childNodes[renderedColIndex + this.rowHeaderCount].style.width = _width2 + 'px'; + } + } + + /** + * @param {HTMLTableCellElement} TR + */ + + }, { + key: 'appendToTbody', + value: function appendToTbody(TR) { + this.TBODY.appendChild(TR); + this.wtTable.tbodyChildrenLength++; + } + + /** + * @param {Number} rowIndex + * @param {HTMLTableRowElement} currentTr + * @returns {HTMLTableCellElement} + */ + + }, { + key: 'getOrCreateTrForRow', + value: function getOrCreateTrForRow(rowIndex, currentTr) { + var TR = void 0; + + if (rowIndex >= this.wtTable.tbodyChildrenLength) { + TR = this.createRow(); + this.appendToTbody(TR); + } else if (rowIndex === 0) { + TR = this.TBODY.firstChild; + } else { + // http://jsperf.com/nextsibling-vs-indexed-childnodes + TR = currentTr.nextSibling; + } + if (TR.className) { + TR.removeAttribute('class'); + } + + return TR; + } + + /** + * @returns {HTMLTableCellElement} + */ + + }, { + key: 'createRow', + value: function createRow() { + var TR = document.createElement('TR'); + + for (var visibleColIndex = 0; visibleColIndex < this.rowHeaderCount; visibleColIndex++) { + TR.appendChild(document.createElement('TH')); + } + + return TR; + } + + /** + * @param {Number} row + * @param {Number} col + * @param {HTMLTableCellElement} TH + */ + + }, { + key: 'renderRowHeader', + value: function renderRowHeader(row, col, TH) { + TH.className = ''; + TH.removeAttribute('style'); + this.rowHeaders[col](row, TH, col); + } + + /** + * @param {Number} row + * @param {HTMLTableCellElement} TR + */ + + }, { + key: 'renderRowHeaders', + value: function renderRowHeaders(row, TR) { + for (var TH = TR.firstChild, visibleColIndex = 0; visibleColIndex < this.rowHeaderCount; visibleColIndex++) { + // If the number of row headers increased we need to create TH or replace an existing TD node with TH + if (!TH) { + TH = document.createElement('TH'); + TR.appendChild(TH); + } else if (TH.nodeName == 'TD') { + TH = replaceTdWithTh(TH, TR); + } + this.renderRowHeader(row, visibleColIndex, TH); + // http://jsperf.com/nextsibling-vs-indexed-childnodes + TH = TH.nextSibling; + } + } + + /** + * Adjust the number of COL and TH elements to match the number of columns and headers that need to be rendered + */ + + }, { + key: 'adjustAvailableNodes', + value: function adjustAvailableNodes() { + this.adjustColGroups(); + this.adjustThead(); + } + + /** + * Renders the column headers + */ + + }, { + key: 'renderColumnHeaders', + value: function renderColumnHeaders() { + if (!this.columnHeaderCount) { + return; + } + var columnCount = this.wtTable.getRenderedColumnsCount(); + + for (var i = 0; i < this.columnHeaderCount; i++) { + var TR = this.getTrForColumnHeaders(i); + + for (var renderedColumnIndex = -1 * this.rowHeaderCount; renderedColumnIndex < columnCount; renderedColumnIndex++) { + var sourceCol = this.columnFilter.renderedToSource(renderedColumnIndex); + + this.renderColumnHeader(i, sourceCol, TR.childNodes[renderedColumnIndex + this.rowHeaderCount]); + } + } + } + + /** + * Adjusts the number of COL elements to match the number of columns that need to be rendered + */ + + }, { + key: 'adjustColGroups', + value: function adjustColGroups() { + var columnCount = this.wtTable.getRenderedColumnsCount(); + + while (this.wtTable.colgroupChildrenLength < columnCount + this.rowHeaderCount) { + this.COLGROUP.appendChild(document.createElement('COL')); + this.wtTable.colgroupChildrenLength++; + } + while (this.wtTable.colgroupChildrenLength > columnCount + this.rowHeaderCount) { + this.COLGROUP.removeChild(this.COLGROUP.lastChild); + this.wtTable.colgroupChildrenLength--; + } + if (this.rowHeaderCount) { + (0, _element.addClass)(this.COLGROUP.childNodes[0], 'rowHeader'); + } + } + + /** + * Adjusts the number of TH elements in THEAD to match the number of headers and columns that need to be rendered + */ + + }, { + key: 'adjustThead', + value: function adjustThead() { + var columnCount = this.wtTable.getRenderedColumnsCount(); + var TR = this.THEAD.firstChild; + + if (this.columnHeaders.length) { + for (var i = 0, len = this.columnHeaders.length; i < len; i++) { + TR = this.THEAD.childNodes[i]; + + if (!TR) { + TR = document.createElement('TR'); + this.THEAD.appendChild(TR); + } + this.theadChildrenLength = TR.childNodes.length; + + while (this.theadChildrenLength < columnCount + this.rowHeaderCount) { + TR.appendChild(document.createElement('TH')); + this.theadChildrenLength++; + } + while (this.theadChildrenLength > columnCount + this.rowHeaderCount) { + TR.removeChild(TR.lastChild); + this.theadChildrenLength--; + } + } + var theadChildrenLength = this.THEAD.childNodes.length; + + if (theadChildrenLength > this.columnHeaders.length) { + for (var _i2 = this.columnHeaders.length; _i2 < theadChildrenLength; _i2++) { + this.THEAD.removeChild(this.THEAD.lastChild); + } + } + } else if (TR) { + (0, _element.empty)(TR); + } + } + + /** + * @param {Number} index + * @returns {HTMLTableCellElement} + */ + + }, { + key: 'getTrForColumnHeaders', + value: function getTrForColumnHeaders(index) { + return this.THEAD.childNodes[index]; + } + + /** + * @param {Number} row + * @param {Number} col + * @param {HTMLTableCellElement} TH + * @returns {*} + */ + + }, { + key: 'renderColumnHeader', + value: function renderColumnHeader(row, col, TH) { + TH.className = ''; + TH.removeAttribute('style'); + + return this.columnHeaders[row](col, TH, row); + } + + /** + * Add and/or remove the TDs to match the desired number + * + * @param {HTMLTableCellElement} TR Table row in question + * @param {Number} desiredCount The desired number of TDs in the TR + */ + + }, { + key: 'adjustColumns', + value: function adjustColumns(TR, desiredCount) { + var count = TR.childNodes.length; + + while (count < desiredCount) { + var TD = document.createElement('TD'); + + TR.appendChild(TD); + count++; + } + while (count > desiredCount) { + TR.removeChild(TR.lastChild); + count--; + } + } + + /** + * @param {Number} columnsToRender + */ + + }, { + key: 'removeRedundantColumns', + value: function removeRedundantColumns(columnsToRender) { + while (this.wtTable.tbodyChildrenLength > columnsToRender) { + this.TBODY.removeChild(this.TBODY.lastChild); + this.wtTable.tbodyChildrenLength--; + } + } + }]); + + return TableRenderer; +}(); + +function replaceTdWithTh(TD, TR) { + var TH = document.createElement('TH'); + + TR.insertBefore(TH, TD); + TR.removeChild(TD); + + return TH; +} + +function replaceThWithTd(TH, TR) { + var TD = document.createElement('TD'); + + TR.insertBefore(TD, TH); + TR.removeChild(TH); + + return TD; +} + +exports.default = TableRenderer; + +/***/ }), +/* 147 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +exports.__esModule = true; + +var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _element = __webpack_require__(0); + +var _object = __webpack_require__(1); + +var _eventManager = __webpack_require__(4); + +var _eventManager2 = _interopRequireDefault(_eventManager); + +var _viewportColumns = __webpack_require__(136); + +var _viewportColumns2 = _interopRequireDefault(_viewportColumns); + +var _viewportRows = __webpack_require__(137); + +var _viewportRows2 = _interopRequireDefault(_viewportRows); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +/** + * @class Viewport + */ +var Viewport = function () { + /** + * @param wotInstance + */ + function Viewport(wotInstance) { + var _this = this; + + _classCallCheck(this, Viewport); + + this.wot = wotInstance; + // legacy support + this.instance = this.wot; + + this.oversizedRows = []; + this.oversizedColumnHeaders = []; + this.hasOversizedColumnHeadersMarked = {}; + this.clientHeight = 0; + this.containerWidth = NaN; + this.rowHeaderWidth = NaN; + this.rowsVisibleCalculator = null; + this.columnsVisibleCalculator = null; + + this.eventManager = new _eventManager2.default(this.wot); + this.eventManager.addEventListener(window, 'resize', function () { + _this.clientHeight = _this.getWorkspaceHeight(); + }); + } + + /** + * @returns {number} + */ + + + _createClass(Viewport, [{ + key: 'getWorkspaceHeight', + value: function getWorkspaceHeight() { + var trimmingContainer = this.instance.wtOverlays.topOverlay.trimmingContainer; + var elemHeight = void 0; + var height = 0; + + if (trimmingContainer === window) { + height = document.documentElement.clientHeight; + } else { + elemHeight = (0, _element.outerHeight)(trimmingContainer); + // returns height without DIV scrollbar + height = elemHeight > 0 && trimmingContainer.clientHeight > 0 ? trimmingContainer.clientHeight : Infinity; + } + + return height; + } + }, { + key: 'getWorkspaceWidth', + value: function getWorkspaceWidth() { + var width = void 0; + var totalColumns = this.wot.getSetting('totalColumns'); + var trimmingContainer = this.instance.wtOverlays.leftOverlay.trimmingContainer; + var overflow = void 0; + var stretchSetting = this.wot.getSetting('stretchH'); + var docOffsetWidth = document.documentElement.offsetWidth; + var preventOverflow = this.wot.getSetting('preventOverflow'); + + if (preventOverflow) { + return (0, _element.outerWidth)(this.instance.wtTable.wtRootElement); + } + + if (this.wot.getSetting('freezeOverlays')) { + width = Math.min(docOffsetWidth - this.getWorkspaceOffset().left, docOffsetWidth); + } else { + width = Math.min(this.getContainerFillWidth(), docOffsetWidth - this.getWorkspaceOffset().left, docOffsetWidth); + } + + if (trimmingContainer === window && totalColumns > 0 && this.sumColumnWidths(0, totalColumns - 1) > width) { + // in case sum of column widths is higher than available stylesheet width, let's assume using the whole window + // otherwise continue below, which will allow stretching + // this is used in `scroll_window.html` + // TODO test me + return document.documentElement.clientWidth; + } + + if (trimmingContainer !== window) { + overflow = (0, _element.getStyle)(this.instance.wtOverlays.leftOverlay.trimmingContainer, 'overflow'); + + if (overflow == 'scroll' || overflow == 'hidden' || overflow == 'auto') { + // this is used in `scroll.html` + // TODO test me + return Math.max(width, trimmingContainer.clientWidth); + } + } + + if (stretchSetting === 'none' || !stretchSetting) { + // if no stretching is used, return the maximum used workspace width + return Math.max(width, (0, _element.outerWidth)(this.instance.wtTable.TABLE)); + } + + // if stretching is used, return the actual container width, so the columns can fit inside it + return width; + } + + /** + * Checks if viewport has vertical scroll + * + * @returns {Boolean} + */ + + }, { + key: 'hasVerticalScroll', + value: function hasVerticalScroll() { + return this.getWorkspaceActualHeight() > this.getWorkspaceHeight(); + } + + /** + * Checks if viewport has horizontal scroll + * + * @returns {Boolean} + */ + + }, { + key: 'hasHorizontalScroll', + value: function hasHorizontalScroll() { + return this.getWorkspaceActualWidth() > this.getWorkspaceWidth(); + } + + /** + * @param from + * @param length + * @returns {Number} + */ + + }, { + key: 'sumColumnWidths', + value: function sumColumnWidths(from, length) { + var sum = 0; + + while (from < length) { + sum += this.wot.wtTable.getColumnWidth(from); + from++; + } + + return sum; + } + + /** + * @returns {Number} + */ + + }, { + key: 'getContainerFillWidth', + value: function getContainerFillWidth() { + if (this.containerWidth) { + return this.containerWidth; + } + var mainContainer = this.instance.wtTable.holder; + var fillWidth = void 0; + var dummyElement = void 0; + + dummyElement = document.createElement('div'); + dummyElement.style.width = '100%'; + dummyElement.style.height = '1px'; + mainContainer.appendChild(dummyElement); + fillWidth = dummyElement.offsetWidth; + + this.containerWidth = fillWidth; + mainContainer.removeChild(dummyElement); + + return fillWidth; + } + + /** + * @returns {Number} + */ + + }, { + key: 'getWorkspaceOffset', + value: function getWorkspaceOffset() { + return (0, _element.offset)(this.wot.wtTable.TABLE); + } + + /** + * @returns {Number} + */ + + }, { + key: 'getWorkspaceActualHeight', + value: function getWorkspaceActualHeight() { + return (0, _element.outerHeight)(this.wot.wtTable.TABLE); + } + + /** + * @returns {Number} + */ + + }, { + key: 'getWorkspaceActualWidth', + value: function getWorkspaceActualWidth() { + return (0, _element.outerWidth)(this.wot.wtTable.TABLE) || (0, _element.outerWidth)(this.wot.wtTable.TBODY) || (0, _element.outerWidth)(this.wot.wtTable.THEAD); // IE8 reports 0 as
| '; + } + } + if (opts.isDisabled) { + arr.push('is-disabled'); + } + if (opts.isToday) { + arr.push('is-today'); + } + if (opts.isSelected) { + arr.push('is-selected'); + ariaSelected = 'true'; + } + if (opts.isInRange) { + arr.push('is-inrange'); + } + if (opts.isStartRange) { + arr.push('is-startrange'); + } + if (opts.isEndRange) { + arr.push('is-endrange'); + } + return ' | ' + + '' + + ' | '; + }, + + renderWeek = function (d, m, y) { + // Lifted from http://javascript.about.com/library/blweekyear.htm, lightly modified. + var onejan = new Date(y, 0, 1), + weekNum = Math.ceil((((new Date(y, m, d) - onejan) / 86400000) + onejan.getDay()+1)/7); + return '' + weekNum + ' | '; + }, + + renderRow = function(days, isRTL) + { + return '
| '); + } + for (i = 0; i < 7; i++) { + arr.push(' | ' + renderDayName(opts, i, true) + ' | '); + } + return '
|---|
' + renderTitle(this, c, this.calendars[c].year, this.calendars[c].month, this.calendars[0].year, randId) + this.render(this.calendars[c].year, this.calendars[c].month, randId) + '
';
+ }
+
+ this.el.innerHTML = html;
+
+ if (opts.bound) {
+ if(opts.field.type !== 'hidden') {
+ sto(function() {
+ opts.trigger.focus();
+ }, 1);
+ }
+ }
+
+ if (typeof this._o.onDraw === 'function') {
+ this._o.onDraw(this);
+ }
+
+ if (opts.bound) {
+ // let the screen reader user know to use arrow keys
+ opts.field.setAttribute('aria-label', 'Use the arrow keys to pick a date');
+ }
+ },
+
+ adjustPosition: function()
+ {
+ var field, pEl, width, height, viewportWidth, viewportHeight, scrollTop, left, top, clientRect;
+
+ if (this._o.container) return;
+
+ this.el.style.position = 'absolute';
+
+ field = this._o.trigger;
+ pEl = field;
+ width = this.el.offsetWidth;
+ height = this.el.offsetHeight;
+ viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+ viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+ scrollTop = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
+
+ if (typeof field.getBoundingClientRect === 'function') {
+ clientRect = field.getBoundingClientRect();
+ left = clientRect.left + window.pageXOffset;
+ top = clientRect.bottom + window.pageYOffset;
+ } else {
+ left = pEl.offsetLeft;
+ top = pEl.offsetTop + pEl.offsetHeight;
+ while((pEl = pEl.offsetParent)) {
+ left += pEl.offsetLeft;
+ top += pEl.offsetTop;
+ }
+ }
+
+ // default position is bottom & left
+ if ((this._o.reposition && left + width > viewportWidth) ||
+ (
+ this._o.position.indexOf('right') > -1 &&
+ left - width + field.offsetWidth > 0
+ )
+ ) {
+ left = left - width + field.offsetWidth;
+ }
+ if ((this._o.reposition && top + height > viewportHeight + scrollTop) ||
+ (
+ this._o.position.indexOf('top') > -1 &&
+ top - height - field.offsetHeight > 0
+ )
+ ) {
+ top = top - height - field.offsetHeight;
+ }
+
+ this.el.style.left = left + 'px';
+ this.el.style.top = top + 'px';
+ },
+
+ /**
+ * render HTML for a particular month
+ */
+ render: function(year, month, randId)
+ {
+ var opts = this._o,
+ now = new Date(),
+ days = getDaysInMonth(year, month),
+ before = new Date(year, month, 1).getDay(),
+ data = [],
+ row = [];
+ setToStartOfDay(now);
+ if (opts.firstDay > 0) {
+ before -= opts.firstDay;
+ if (before < 0) {
+ before += 7;
+ }
+ }
+ var previousMonth = month === 0 ? 11 : month - 1,
+ nextMonth = month === 11 ? 0 : month + 1,
+ yearOfPreviousMonth = month === 0 ? year - 1 : year,
+ yearOfNextMonth = month === 11 ? year + 1 : year,
+ daysInPreviousMonth = getDaysInMonth(yearOfPreviousMonth, previousMonth);
+ var cells = days + before,
+ after = cells;
+ while(after > 7) {
+ after -= 7;
+ }
+ cells += 7 - after;
+ for (var i = 0, r = 0; i < cells; i++)
+ {
+ var day = new Date(year, month, 1 + (i - before)),
+ isSelected = isDate(this._d) ? compareDates(day, this._d) : false,
+ isToday = compareDates(day, now),
+ isEmpty = i < before || i >= (days + before),
+ dayNumber = 1 + (i - before),
+ monthNumber = month,
+ yearNumber = year,
+ isStartRange = opts.startRange && compareDates(opts.startRange, day),
+ isEndRange = opts.endRange && compareDates(opts.endRange, day),
+ isInRange = opts.startRange && opts.endRange && opts.startRange < day && day < opts.endRange,
+ isDisabled = (opts.minDate && day < opts.minDate) ||
+ (opts.maxDate && day > opts.maxDate) ||
+ (opts.disableWeekends && isWeekend(day)) ||
+ (opts.disableDayFn && opts.disableDayFn(day));
+
+ if (isEmpty) {
+ if (i < before) {
+ dayNumber = daysInPreviousMonth + dayNumber;
+ monthNumber = previousMonth;
+ yearNumber = yearOfPreviousMonth;
+ } else {
+ dayNumber = dayNumber - days;
+ monthNumber = nextMonth;
+ yearNumber = yearOfNextMonth;
+ }
+ }
+
+ var dayConfig = {
+ day: dayNumber,
+ month: monthNumber,
+ year: yearNumber,
+ isSelected: isSelected,
+ isToday: isToday,
+ isDisabled: isDisabled,
+ isEmpty: isEmpty,
+ isStartRange: isStartRange,
+ isEndRange: isEndRange,
+ isInRange: isInRange,
+ showDaysInNextAndPreviousMonths: opts.showDaysInNextAndPreviousMonths
+ };
+
+ row.push(renderDay(dayConfig));
+
+ if (++r === 7) {
+ if (opts.showWeekNumber) {
+ row.unshift(renderWeek(i - before, month, year));
+ }
+ data.push(renderRow(row, opts.isRTL));
+ row = [];
+ r = 0;
+ }
+ }
+ return renderTable(opts, data, randId);
+ },
+
+ isVisible: function()
+ {
+ return this._v;
+ },
+
+ show: function()
+ {
+ if (!this.isVisible()) {
+ removeClass(this.el, 'is-hidden');
+ this._v = true;
+ this.draw();
+ if (this._o.bound) {
+ addEvent(document, 'click', this._onClick);
+ this.adjustPosition();
+ }
+ if (typeof this._o.onOpen === 'function') {
+ this._o.onOpen.call(this);
+ }
+ }
+ },
+
+ hide: function()
+ {
+ var v = this._v;
+ if (v !== false) {
+ if (this._o.bound) {
+ removeEvent(document, 'click', this._onClick);
+ }
+ this.el.style.position = 'static'; // reset
+ this.el.style.left = 'auto';
+ this.el.style.top = 'auto';
+ addClass(this.el, 'is-hidden');
+ this._v = false;
+ if (v !== undefined && typeof this._o.onClose === 'function') {
+ this._o.onClose.call(this);
+ }
+ }
+ },
+
+ /**
+ * GAME OVER
+ */
+ destroy: function()
+ {
+ this.hide();
+ removeEvent(this.el, 'mousedown', this._onMouseDown, true);
+ removeEvent(this.el, 'touchend', this._onMouseDown, true);
+ removeEvent(this.el, 'change', this._onChange);
+ if (this._o.field) {
+ removeEvent(this._o.field, 'change', this._onInputChange);
+ if (this._o.bound) {
+ removeEvent(this._o.trigger, 'click', this._onInputClick);
+ removeEvent(this._o.trigger, 'focus', this._onInputFocus);
+ removeEvent(this._o.trigger, 'blur', this._onInputBlur);
+ }
+ }
+ if (this.el.parentNode) {
+ this.el.parentNode.removeChild(this.el);
+ }
+ }
+
+ };
+
+ return Pikaday;
+
+}));
diff --git a/muk_web_preview_csv/static/src/js/csv.js b/muk_web_preview_csv/static/src/js/csv.js
new file mode 100644
index 0000000..2cd5b25
--- /dev/null
+++ b/muk_web_preview_csv/static/src/js/csv.js
@@ -0,0 +1,87 @@
+/**********************************************************************************
+*
+* Copyright (C) 2017 MuK IT GmbH
+*
+* This program is free software: you can redistribute it and/or modify
+* it under the terms of the GNU Affero General Public License as
+* published by the Free Software Foundation, either version 3 of the
+* License, or (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+* GNU Affero General Public License for more details.
+*
+* You should have received a copy of the GNU Affero General Public License
+* along with this program. If not, see
+
+
+