diff --git a/dist/grid.comb.js b/dist/grid.comb.js
index 8af33e9e4..f7d1ae972 100644
--- a/dist/grid.comb.js
+++ b/dist/grid.comb.js
@@ -1,6 +1,6 @@
 /*!
- * bundle created at "Thu Dec 15 2016 17:38:35 GMT+0900 (KST)"
- * version: 1.6.2
+ * bundle created at "Wed Jan 04 2017 12:39:59 GMT+0900 (KST)"
+ * version: 1.7.0
  */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -58,20 +58,20 @@
 
 	var View = __webpack_require__(2);
 	var ModelManager = __webpack_require__(6);
-	var ViewFactory = __webpack_require__(27);
-	var DomState = __webpack_require__(48);
-	var PublicEventEmitter = __webpack_require__(49);
-	var PainterManager = __webpack_require__(50);
-	var PainterController = __webpack_require__(60);
-	var NetAddOn = __webpack_require__(61);
-	var ComponentHolder = __webpack_require__(64);
+	var ViewFactory = __webpack_require__(29);
+	var DomState = __webpack_require__(50);
+	var PublicEventEmitter = __webpack_require__(51);
+	var PainterManager = __webpack_require__(52);
+	var PainterController = __webpack_require__(62);
+	var NetAddOn = __webpack_require__(63);
+	var ComponentHolder = __webpack_require__(66);
 	var util = __webpack_require__(9);
-	var themeManager = __webpack_require__(65);
+	var themeManager = __webpack_require__(67);
 	var themeNameConst = __webpack_require__(10).themeName;
 
 	var instanceMap = {};
 
-	__webpack_require__(71);
+	__webpack_require__(73);
 
 	 /**
 	  * Toast UI Namespace
@@ -313,7 +313,6 @@
 
 	    /**
 	     * Disables all rows.
-	     * @api
 	     */
 	    disable: function() {
 	        this.modelManager.dataModel.setDisabled(true);
@@ -321,7 +320,6 @@
 
 	    /**
 	     * Enables all rows.
-	     * @api
 	     */
 	    enable: function() {
 	        this.modelManager.dataModel.setDisabled(false);
@@ -329,7 +327,6 @@
 
 	    /**
 	     * Disables the row identified by the rowkey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row
 	     */
 	    disableRow: function(rowKey) {
@@ -338,7 +335,6 @@
 
 	    /**
 	     * Enables the row identified by the rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row
 	     */
 	    enableRow: function(rowKey) {
@@ -347,7 +343,6 @@
 
 	    /**
 	     * Returns the value of the cell identified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row.
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isOriginal] - It set to true, the original value will be return.
@@ -359,7 +354,6 @@
 
 	    /**
 	     * Returns a list of all values in the specified column.
-	     * @api
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isJsonString=false] - It set to true, return value will be converted to JSON string.
 	     * @returns {(Array|string)} - A List of all values in the specified column. (or JSON string of the list)
@@ -370,7 +364,6 @@
 
 	    /**
 	     * Returns the object that contains all values in the specified row.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row
 	     * @param {boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {(Object|string)} - The object that contains all values in the row. (or JSON string of the object)
@@ -381,7 +374,6 @@
 
 	    /**
 	     * Returns the object that contains all values in the row at specified index.
-	     * @api
 	     * @param {number} index - The index of the row
 	     * @param {Boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {Object|string} - The object that contains all values in the row. (or JSON string of the object)
@@ -392,7 +384,6 @@
 
 	    /**
 	     * Returns the total number of the rows.
-	     * @api
 	     * @returns {number} - The total number of the rows
 	     */
 	    getRowCount: function() {
@@ -401,7 +392,6 @@
 
 	    /**
 	     * Returns the rowKey of the currently selected row.
-	     * @api
 	     * @returns {(number|string)} - The rowKey of the row
 	     */
 	    getSelectedRowKey: function() {
@@ -410,7 +400,6 @@
 
 	    /**
 	     * Returns the jquery object of the cell identified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @returns {jQuery} - The jquery object of the cell element
@@ -421,7 +410,6 @@
 
 	    /**
 	     * Sets the value of the cell identified by the specified rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {(number|string)} columnValue - The value to be set
@@ -432,7 +420,6 @@
 
 	    /**
 	     * Sets the all values in the specified column.
-	     * @api
 	     * @param {string} columnName - The name of the column
 	     * @param {(number|string)} columnValue - The value to be set
 	     * @param {Boolean} [isCheckCellState=true] - If set to true, only editable and not disabled cells will be affected.
@@ -443,7 +430,6 @@
 
 	    /**
 	     * Replace all rows with the specified list. This will not change the original data.
-	     * @api
 	     * @param {Array} rowList - A list of new rows
 	     */
 	    replaceRowList: function(rowList) {
@@ -452,7 +438,6 @@
 
 	    /**
 	     * Replace all rows with the specified list. This will change the original data.
-	     * @api
 	     * @param {Array} rowList - A list of new rows
 	     * @param {function} callback - The function that will be called when done.
 	     */
@@ -460,9 +445,16 @@
 	        this.modelManager.dataModel.setRowList(rowList, true, callback);
 	    },
 
+	    /**
+	     * Sets the height of body-area.
+	     * @param {number} value - The number of pixel
+	     */
+	    setBodyHeight: function(value) {
+	        this.modelManager.dimensionModel.set('bodyHeight', value);
+	    },
+
 	    /**
 	     * Sets focus on the cell identified by the specified rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
@@ -474,7 +466,6 @@
 
 	    /**
 	     * Sets focus on the cell at the specified index of row and column.
-	     * @api
 	     * @param {(number|string)} rowIndex - The index of the row
 	     * @param {string} columnIndex - The index of the column
 	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
@@ -485,7 +476,6 @@
 
 	    /**
 	     * Sets focus on the cell at the specified index of row and column and starts to edit.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
@@ -496,17 +486,16 @@
 
 	    /**
 	     * Sets focus on the cell at the specified index of row and column and starts to edit.
-	     * @api
 	     * @param {(number|string)} rowIndex - The index of the row
 	     * @param {string} columnIndex - The index of the column
-	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.     */
+	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
+	     */
 	    focusInAt: function(rowIndex, columnIndex, isScrollable) {
 	        this.modelManager.focusModel.focusInAt(rowIndex, columnIndex, isScrollable);
 	    },
 
 	    /**
 	     * Makes view ready to get keyboard input.
-	     * @api
 	     */
 	    readyForKeyControl: function() {
 	        this.modelManager.focusModel.focusClipboard();
@@ -514,7 +503,6 @@
 
 	    /**
 	     * Removes focus from the focused cell.
-	     * @api
 	     */
 	    blur: function() {
 	        this.modelManager.focusModel.blur();
@@ -522,7 +510,6 @@
 
 	    /**
 	     * Checks all rows.
-	     * @api
 	     */
 	    checkAll: function() {
 	        this.modelManager.dataModel.checkAll();
@@ -530,7 +517,6 @@
 
 	    /**
 	     * Checks the row identified by the specified rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    check: function(rowKey) {
@@ -539,7 +525,6 @@
 
 	    /**
 	     * Unchecks all rows.
-	     * @api
 	     */
 	    uncheckAll: function() {
 	        this.modelManager.dataModel.uncheckAll();
@@ -547,7 +532,6 @@
 
 	    /**
 	     * Unchecks the row identified by the specified rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    uncheck: function(rowKey) {
@@ -556,7 +540,6 @@
 
 	    /**
 	     * Removes all rows.
-	     * @api
 	     */
 	    clear: function() {
 	        this.modelManager.dataModel.setRowList([]);
@@ -564,7 +547,6 @@
 
 	    /**
 	     * Removes the row identified by the specified rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {(boolean|object)} [options] - Options. If the type is boolean, this value is equivalent to
 	     *     options.removeOriginalData.
@@ -583,7 +565,6 @@
 
 	    /**
 	     * Removes all checked rows.
-	     * @api
 	     * @param {boolean} isConfirm - If set to true, confirm message will be shown before remove.
 	     * @returns {boolean} - True if there's at least one row removed.
 	     */
@@ -602,7 +583,6 @@
 
 	    /**
 	     * Enables the row identified by the rowKey to be able to check.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    enableCheck: function(rowKey) {
@@ -611,7 +591,6 @@
 
 	    /**
 	     * Disables the row identified by the spcified rowKey to not be abled to check.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique keyof the row.
 	     */
 	    disableCheck: function(rowKey) {
@@ -620,7 +599,6 @@
 
 	    /**
 	     * Returns a list of the rowKey of checked rows.
-	     * @api
 	     * @param {Boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {Array|string} - A list of the rowKey. (or JSON string of the list)
 	     */
@@ -633,7 +611,6 @@
 
 	    /**
 	     * Returns a list of the checked rows.
-	     * @api
 	     * @param {Boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {Array|string} - A list of the checked rows. (or JSON string of the list)
 	     */
@@ -645,7 +622,6 @@
 
 	    /**
 	     * Returns a list of the column model.
-	     * @api
 	     * @returns {Array} - A list of the column model.
 	     */
 	    getColumnModelList: function() {
@@ -655,7 +631,6 @@
 	    /**
 	     * Returns the object that contains the lists of changed data compared to the original data.
 	     * The object has properties 'createList', 'updateList', 'deleteList'.
-	     * @api
 	     * @param {Object} [options] Options
 	     *      @param {boolean} [options.isOnlyChecked=false] - If set to true, only checked rows will be considered.
 	     *      @param {boolean} [options.isRaw=false] - If set to true, the data will contains
@@ -671,7 +646,6 @@
 
 	    /**
 	     * Insert the new row with specified data to the end of table.
-	     * @api
 	     * @param {object} [row] - The data for the new row
 	     * @param {object} [options] - Options
 	     * @param {number} [options.at] - The index at which new row will be inserted
@@ -685,7 +659,6 @@
 
 	    /**
 	     * Insert the new row with specified data to the beginning of table.
-	     * @api
 	     * @param {object} [row] - The data for the new row
 	     * @param {object} [options] - Options
 	     * @param {boolean} [options.focus] - If set to true, move focus to the new row after appending
@@ -696,7 +669,6 @@
 
 	    /**
 	     * Returns true if there are at least one row changed.
-	     * @api
 	     * @returns {boolean} - True if there are at least one row changed.
 	     */
 	    isChanged: function() {
@@ -705,7 +677,6 @@
 
 	    /**
 	     * Returns the instance of specified AddOn.
-	     * @api
 	     * @param {string} name - The name of the AddOn
 	     * @returns {instance} addOn - The instance of the AddOn
 	     */
@@ -716,7 +687,6 @@
 	    /**
 	     * Restores the data to the original data.
 	     * (Original data is set by {@link tui.Grid#setRowList|setRowList}
-	     * @api
 	     */
 	    restore: function() {
 	        this.modelManager.dataModel.restore();
@@ -724,7 +694,6 @@
 
 	    /**
 	     * Selects the row identified by the rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    select: function(rowKey) {
@@ -735,7 +704,6 @@
 
 	    /**
 	     * Unselects selected rows.
-	     * @api
 	     */
 	    unselect: function() {
 	        this.modelManager.focusModel.unselect(true);
@@ -743,7 +711,6 @@
 
 	    /**
 	     * Sets the count of fixed column.
-	     * @api
 	     * @param {number} count - The count of column to be fixed
 	     */
 	    setColumnFixCount: function(count) {
@@ -752,7 +719,6 @@
 
 	    /**
 	     * Sets the list of column model.
-	     * @api
 	     * @param {Array} columnModelList - A new list of column model
 	     */
 	    setColumnModelList: function(columnModelList) {
@@ -761,7 +727,6 @@
 
 	    /**
 	     * Create an specified AddOn and use it on this instance.
-	     * @api
 	     * @param {string} name - The name of the AddOn to use.
 	     * @param {object} options - The option objects for configuring the AddON.
 	     * @returns {tui.Grid} - This instance.
@@ -782,7 +747,6 @@
 
 	    /**
 	     * Returns a list of all rows.
-	     * @api
 	     * @returns {Array} - A list of all rows
 	     */
 	    getRowList: function() {
@@ -791,7 +755,6 @@
 
 	    /**
 	     * Sorts all rows by the specified column.
-	     * @api
 	     * @param {string} columnName - The name of the column to be used to compare the rows
 	     * @param {boolean} [isAscending] - Whether the sort order is ascending.
 	     *        If not specified, use the negative value of the current order.
@@ -802,7 +765,6 @@
 
 	    /**
 	     * Unsorts all rows. (Sorts by rowKey).
-	     * @api
 	     */
 	    unSort: function() {
 	        this.sort('rowKey');
@@ -810,7 +772,6 @@
 
 	    /**
 	     * Adds the specified css class to cell element identified by the rowKey and className
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {string} className - The css class name to add
@@ -821,7 +782,6 @@
 
 	    /**
 	     * Adds the specified css class to all cell elements in the row identified by the rowKey
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} className - The css class name to add
 	     */
@@ -831,7 +791,6 @@
 
 	    /**
 	     * Removes the specified css class from the cell element indentified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {string} className - The css class name to be removed
@@ -842,7 +801,6 @@
 
 	    /**
 	     * Removes the specified css class from all cell elements in the row identified by the rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} className - The css class name to be removed
 	     */
@@ -852,7 +810,6 @@
 
 	    /**
 	     * Returns the rowspan data of the cell identified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @returns {Object} - Row span data
@@ -863,7 +820,6 @@
 
 	    /**
 	     * Returns the index of the row indentified by the rowKey.
-	     * @api
 	     * @param {number|string} rowKey - The unique key of the row
 	     * @returns {number} - The index of the row
 	     */
@@ -881,7 +837,6 @@
 
 	    /**
 	     * Sets the number of rows to be shown in the table area.
-	     * @api
 	     * @deprecated
 	     * @param {number} count - The number of rows
 	     */
@@ -891,7 +846,6 @@
 
 	    /**
 	     * Sets the width and height of the dimension.
-	     * @api
 	     * @param  {(number|null)} width - The width of the dimension
 	     * @param  {(number|null)} height - The height of the dimension
 	     */
@@ -901,7 +855,6 @@
 
 	    /**
 	     * Refresh the layout view. Use this method when the view was rendered while hidden.
-	     * @api
 	     */
 	    refreshLayout: function() {
 	        this.modelManager.dimensionModel.refreshLayout();
@@ -909,15 +862,13 @@
 
 	    /**
 	     * Reset the width of each column by using initial setting of column models.
-	     * @api
 	     */
 	    resetColumnWidths: function() {
-	        this.modelManager.dimensionModel.resetColumnWidths();
+	        this.modelManager.coordColumnModel.resetColumnWidths();
 	    },
 
 	    /**
 	     * Show columns
-	     * @api
 	     * @param {...string} arguments - Column names to show
 	     */
 	    showColumn: function() {
@@ -927,7 +878,6 @@
 
 	    /**
 	     * Hide columns
-	     * @api
 	     * @param {...string} arguments - Column names to hide
 	     */
 	    hideColumn: function() {
@@ -939,7 +889,6 @@
 	     * Sets the HTML string of given column footer.
 	     * @param {string} columnName - column name
 	     * @param {string} contents - HTML string
-	     * @api
 	     */
 	    setFooterColumnContent: function(columnName, contents) {
 	        this.modelManager.columnModel.setFooterContent(columnName, contents);
@@ -949,7 +898,6 @@
 	     * Validates all data and returns the result.
 	     * Return value is an array which contains only rows which have invalid cell data.
 	     * @returns {Array.<Object>} An array of error object
-	     * @api
 	     * @example
 	     // return value example
 	    [
@@ -983,7 +931,6 @@
 
 	    /**
 	     * Destroys the instance.
-	     * @api
 	     */
 	    destroy: function() {
 	        this.modelManager.destroy();
@@ -2744,14 +2691,19 @@
 /* 3 */
 /***/ function(module, exports, __webpack_require__) {
 
-	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;//     Backbone.js 1.1.2
+	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(global) {//     Backbone.js 1.3.3
 
-	//     (c) 2010-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+	//     (c) 2010-2016 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
 	//     Backbone may be freely distributed under the MIT license.
 	//     For all details and documentation:
 	//     http://backbonejs.org
 
-	(function(root, factory) {
+	(function(factory) {
+
+	  // Establish the root object, `window` (`self`) in the browser, or `global` on the server.
+	  // We use `self` instead of `window` for `WebWorker` support.
+	  var root = (typeof self == 'object' && self.self === self && self) ||
+	            (typeof global == 'object' && global.global === global && global);
 
 	  // Set up Backbone appropriately for the environment. Start with AMD.
 	  if (true) {
@@ -2763,15 +2715,16 @@
 
 	  // Next for Node.js or CommonJS. jQuery may not be needed as a module.
 	  } else if (typeof exports !== 'undefined') {
-	    var _ = require('underscore');
-	    factory(root, exports, _);
+	    var _ = require('underscore'), $;
+	    try { $ = require('jquery'); } catch (e) {}
+	    factory(root, exports, _, $);
 
 	  // Finally, as a browser global.
 	  } else {
 	    root.Backbone = factory(root, {}, root._, (root.jQuery || root.Zepto || root.ender || root.$));
 	  }
 
-	}(this, function(root, Backbone, _, $) {
+	})(function(root, Backbone, _, $) {
 
 	  // Initial Setup
 	  // -------------
@@ -2780,14 +2733,11 @@
 	  // restored later on, if `noConflict` is used.
 	  var previousBackbone = root.Backbone;
 
-	  // Create local references to array methods we'll want to use later.
-	  var array = [];
-	  var push = array.push;
-	  var slice = array.slice;
-	  var splice = array.splice;
+	  // Create a local reference to a common array method we'll want to use later.
+	  var slice = Array.prototype.slice;
 
 	  // Current version of the library. Keep in sync with `package.json`.
-	  Backbone.VERSION = '1.1.2';
+	  Backbone.VERSION = '1.3.3';
 
 	  // For Backbone's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns
 	  // the `$` variable.
@@ -2806,17 +2756,65 @@
 	  Backbone.emulateHTTP = false;
 
 	  // Turn on `emulateJSON` to support legacy servers that can't deal with direct
-	  // `application/json` requests ... will encode the body as
+	  // `application/json` requests ... this will encode the body as
 	  // `application/x-www-form-urlencoded` instead and will send the model in a
 	  // form param named `model`.
 	  Backbone.emulateJSON = false;
 
+	  // Proxy Backbone class methods to Underscore functions, wrapping the model's
+	  // `attributes` object or collection's `models` array behind the scenes.
+	  //
+	  // collection.filter(function(model) { return model.get('age') > 10 });
+	  // collection.each(this.addView);
+	  //
+	  // `Function#apply` can be slow so we use the method's arg count, if we know it.
+	  var addMethod = function(length, method, attribute) {
+	    switch (length) {
+	      case 1: return function() {
+	        return _[method](this[attribute]);
+	      };
+	      case 2: return function(value) {
+	        return _[method](this[attribute], value);
+	      };
+	      case 3: return function(iteratee, context) {
+	        return _[method](this[attribute], cb(iteratee, this), context);
+	      };
+	      case 4: return function(iteratee, defaultVal, context) {
+	        return _[method](this[attribute], cb(iteratee, this), defaultVal, context);
+	      };
+	      default: return function() {
+	        var args = slice.call(arguments);
+	        args.unshift(this[attribute]);
+	        return _[method].apply(_, args);
+	      };
+	    }
+	  };
+	  var addUnderscoreMethods = function(Class, methods, attribute) {
+	    _.each(methods, function(length, method) {
+	      if (_[method]) Class.prototype[method] = addMethod(length, method, attribute);
+	    });
+	  };
+
+	  // Support `collection.sortBy('attr')` and `collection.findWhere({id: 1})`.
+	  var cb = function(iteratee, instance) {
+	    if (_.isFunction(iteratee)) return iteratee;
+	    if (_.isObject(iteratee) && !instance._isModel(iteratee)) return modelMatcher(iteratee);
+	    if (_.isString(iteratee)) return function(model) { return model.get(iteratee); };
+	    return iteratee;
+	  };
+	  var modelMatcher = function(attrs) {
+	    var matcher = _.matches(attrs);
+	    return function(model) {
+	      return matcher(model.attributes);
+	    };
+	  };
+
 	  // Backbone.Events
 	  // ---------------
 
 	  // A module that can be mixed in to *any object* in order to provide it with
-	  // custom events. You may bind with `on` or remove with `off` callback
-	  // functions to an event; `trigger`-ing an event fires all callbacks in
+	  // a custom event channel. You may bind a callback to an event with `on` or
+	  // remove with `off`; `trigger`-ing an event fires all callbacks in
 	  // succession.
 	  //
 	  //     var object = {};
@@ -2824,123 +2822,234 @@
 	  //     object.on('expand', function(){ alert('expanded'); });
 	  //     object.trigger('expand');
 	  //
-	  var Events = Backbone.Events = {
-
-	    // Bind an event to a `callback` function. Passing `"all"` will bind
-	    // the callback to all events fired.
-	    on: function(name, callback, context) {
-	      if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this;
-	      this._events || (this._events = {});
-	      var events = this._events[name] || (this._events[name] = []);
-	      events.push({callback: callback, context: context, ctx: context || this});
-	      return this;
-	    },
+	  var Events = Backbone.Events = {};
 
-	    // Bind an event to only be triggered a single time. After the first time
-	    // the callback is invoked, it will be removed.
-	    once: function(name, callback, context) {
-	      if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this;
-	      var self = this;
-	      var once = _.once(function() {
-	        self.off(name, once);
-	        callback.apply(this, arguments);
-	      });
-	      once._callback = callback;
-	      return this.on(name, once, context);
-	    },
-
-	    // Remove one or many callbacks. If `context` is null, removes all
-	    // callbacks with that function. If `callback` is null, removes all
-	    // callbacks for the event. If `name` is null, removes all bound
-	    // callbacks for all events.
-	    off: function(name, callback, context) {
-	      var retain, ev, events, names, i, l, j, k;
-	      if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this;
-	      if (!name && !callback && !context) {
-	        this._events = void 0;
-	        return this;
+	  // Regular expression used to split event strings.
+	  var eventSplitter = /\s+/;
+
+	  // Iterates over the standard `event, callback` (as well as the fancy multiple
+	  // space-separated events `"change blur", callback` and jQuery-style event
+	  // maps `{event: callback}`).
+	  var eventsApi = function(iteratee, events, name, callback, opts) {
+	    var i = 0, names;
+	    if (name && typeof name === 'object') {
+	      // Handle event maps.
+	      if (callback !== void 0 && 'context' in opts && opts.context === void 0) opts.context = callback;
+	      for (names = _.keys(name); i < names.length ; i++) {
+	        events = eventsApi(iteratee, events, names[i], name[names[i]], opts);
 	      }
-	      names = name ? [name] : _.keys(this._events);
-	      for (i = 0, l = names.length; i < l; i++) {
-	        name = names[i];
-	        if (events = this._events[name]) {
-	          this._events[name] = retain = [];
-	          if (callback || context) {
-	            for (j = 0, k = events.length; j < k; j++) {
-	              ev = events[j];
-	              if ((callback && callback !== ev.callback && callback !== ev.callback._callback) ||
-	                  (context && context !== ev.context)) {
-	                retain.push(ev);
-	              }
-	            }
-	          }
-	          if (!retain.length) delete this._events[name];
-	        }
+	    } else if (name && eventSplitter.test(name)) {
+	      // Handle space-separated event names by delegating them individually.
+	      for (names = name.split(eventSplitter); i < names.length; i++) {
+	        events = iteratee(events, names[i], callback, opts);
 	      }
+	    } else {
+	      // Finally, standard events.
+	      events = iteratee(events, name, callback, opts);
+	    }
+	    return events;
+	  };
 
-	      return this;
-	    },
+	  // Bind an event to a `callback` function. Passing `"all"` will bind
+	  // the callback to all events fired.
+	  Events.on = function(name, callback, context) {
+	    return internalOn(this, name, callback, context);
+	  };
 
-	    // Trigger one or many events, firing all bound callbacks. Callbacks are
-	    // passed the same arguments as `trigger` is, apart from the event name
-	    // (unless you're listening on `"all"`, which will cause your callback to
-	    // receive the true name of the event as the first argument).
-	    trigger: function(name) {
-	      if (!this._events) return this;
-	      var args = slice.call(arguments, 1);
-	      if (!eventsApi(this, 'trigger', name, args)) return this;
-	      var events = this._events[name];
-	      var allEvents = this._events.all;
-	      if (events) triggerEvents(events, args);
-	      if (allEvents) triggerEvents(allEvents, arguments);
-	      return this;
-	    },
+	  // Guard the `listening` argument from the public API.
+	  var internalOn = function(obj, name, callback, context, listening) {
+	    obj._events = eventsApi(onApi, obj._events || {}, name, callback, {
+	      context: context,
+	      ctx: obj,
+	      listening: listening
+	    });
 
-	    // Tell this object to stop listening to either specific events ... or
-	    // to every object it's currently listening to.
-	    stopListening: function(obj, name, callback) {
-	      var listeningTo = this._listeningTo;
-	      if (!listeningTo) return this;
-	      var remove = !name && !callback;
-	      if (!callback && typeof name === 'object') callback = this;
-	      if (obj) (listeningTo = {})[obj._listenId] = obj;
-	      for (var id in listeningTo) {
-	        obj = listeningTo[id];
-	        obj.off(name, callback, this);
-	        if (remove || _.isEmpty(obj._events)) delete this._listeningTo[id];
-	      }
-	      return this;
+	    if (listening) {
+	      var listeners = obj._listeners || (obj._listeners = {});
+	      listeners[listening.id] = listening;
 	    }
 
+	    return obj;
 	  };
 
-	  // Regular expression used to split event strings.
-	  var eventSplitter = /\s+/;
+	  // Inversion-of-control versions of `on`. Tell *this* object to listen to
+	  // an event in another object... keeping track of what it's listening to
+	  // for easier unbinding later.
+	  Events.listenTo = function(obj, name, callback) {
+	    if (!obj) return this;
+	    var id = obj._listenId || (obj._listenId = _.uniqueId('l'));
+	    var listeningTo = this._listeningTo || (this._listeningTo = {});
+	    var listening = listeningTo[id];
+
+	    // This object is not listening to any other events on `obj` yet.
+	    // Setup the necessary references to track the listening callbacks.
+	    if (!listening) {
+	      var thisId = this._listenId || (this._listenId = _.uniqueId('l'));
+	      listening = listeningTo[id] = {obj: obj, objId: id, id: thisId, listeningTo: listeningTo, count: 0};
+	    }
+
+	    // Bind callbacks on obj, and keep track of them on listening.
+	    internalOn(obj, name, callback, this, listening);
+	    return this;
+	  };
+
+	  // The reducing API that adds a callback to the `events` object.
+	  var onApi = function(events, name, callback, options) {
+	    if (callback) {
+	      var handlers = events[name] || (events[name] = []);
+	      var context = options.context, ctx = options.ctx, listening = options.listening;
+	      if (listening) listening.count++;
+
+	      handlers.push({callback: callback, context: context, ctx: context || ctx, listening: listening});
+	    }
+	    return events;
+	  };
+
+	  // Remove one or many callbacks. If `context` is null, removes all
+	  // callbacks with that function. If `callback` is null, removes all
+	  // callbacks for the event. If `name` is null, removes all bound
+	  // callbacks for all events.
+	  Events.off = function(name, callback, context) {
+	    if (!this._events) return this;
+	    this._events = eventsApi(offApi, this._events, name, callback, {
+	      context: context,
+	      listeners: this._listeners
+	    });
+	    return this;
+	  };
+
+	  // Tell this object to stop listening to either specific events ... or
+	  // to every object it's currently listening to.
+	  Events.stopListening = function(obj, name, callback) {
+	    var listeningTo = this._listeningTo;
+	    if (!listeningTo) return this;
+
+	    var ids = obj ? [obj._listenId] : _.keys(listeningTo);
+
+	    for (var i = 0; i < ids.length; i++) {
+	      var listening = listeningTo[ids[i]];
+
+	      // If listening doesn't exist, this object is not currently
+	      // listening to obj. Break out early.
+	      if (!listening) break;
 
-	  // Implement fancy features of the Events API such as multiple event
-	  // names `"change blur"` and jQuery-style event maps `{change: action}`
-	  // in terms of the existing API.
-	  var eventsApi = function(obj, action, name, rest) {
-	    if (!name) return true;
+	      listening.obj.off(name, callback, this);
+	    }
+
+	    return this;
+	  };
 
-	    // Handle event maps.
-	    if (typeof name === 'object') {
-	      for (var key in name) {
-	        obj[action].apply(obj, [key, name[key]].concat(rest));
+	  // The reducing API that removes a callback from the `events` object.
+	  var offApi = function(events, name, callback, options) {
+	    if (!events) return;
+
+	    var i = 0, listening;
+	    var context = options.context, listeners = options.listeners;
+
+	    // Delete all events listeners and "drop" events.
+	    if (!name && !callback && !context) {
+	      var ids = _.keys(listeners);
+	      for (; i < ids.length; i++) {
+	        listening = listeners[ids[i]];
+	        delete listeners[listening.id];
+	        delete listening.listeningTo[listening.objId];
 	      }
-	      return false;
+	      return;
 	    }
 
-	    // Handle space separated event names.
-	    if (eventSplitter.test(name)) {
-	      var names = name.split(eventSplitter);
-	      for (var i = 0, l = names.length; i < l; i++) {
-	        obj[action].apply(obj, [names[i]].concat(rest));
+	    var names = name ? [name] : _.keys(events);
+	    for (; i < names.length; i++) {
+	      name = names[i];
+	      var handlers = events[name];
+
+	      // Bail out if there are no events stored.
+	      if (!handlers) break;
+
+	      // Replace events if there are any remaining.  Otherwise, clean up.
+	      var remaining = [];
+	      for (var j = 0; j < handlers.length; j++) {
+	        var handler = handlers[j];
+	        if (
+	          callback && callback !== handler.callback &&
+	            callback !== handler.callback._callback ||
+	              context && context !== handler.context
+	        ) {
+	          remaining.push(handler);
+	        } else {
+	          listening = handler.listening;
+	          if (listening && --listening.count === 0) {
+	            delete listeners[listening.id];
+	            delete listening.listeningTo[listening.objId];
+	          }
+	        }
+	      }
+
+	      // Update tail event if the list has any events.  Otherwise, clean up.
+	      if (remaining.length) {
+	        events[name] = remaining;
+	      } else {
+	        delete events[name];
 	      }
-	      return false;
 	    }
+	    return events;
+	  };
 
-	    return true;
+	  // Bind an event to only be triggered a single time. After the first time
+	  // the callback is invoked, its listener will be removed. If multiple events
+	  // are passed in using the space-separated syntax, the handler will fire
+	  // once for each event, not once for a combination of all events.
+	  Events.once = function(name, callback, context) {
+	    // Map the event into a `{event: once}` object.
+	    var events = eventsApi(onceMap, {}, name, callback, _.bind(this.off, this));
+	    if (typeof name === 'string' && context == null) callback = void 0;
+	    return this.on(events, callback, context);
+	  };
+
+	  // Inversion-of-control versions of `once`.
+	  Events.listenToOnce = function(obj, name, callback) {
+	    // Map the event into a `{event: once}` object.
+	    var events = eventsApi(onceMap, {}, name, callback, _.bind(this.stopListening, this, obj));
+	    return this.listenTo(obj, events);
+	  };
+
+	  // Reduces the event callbacks into a map of `{event: onceWrapper}`.
+	  // `offer` unbinds the `onceWrapper` after it has been called.
+	  var onceMap = function(map, name, callback, offer) {
+	    if (callback) {
+	      var once = map[name] = _.once(function() {
+	        offer(name, once);
+	        callback.apply(this, arguments);
+	      });
+	      once._callback = callback;
+	    }
+	    return map;
+	  };
+
+	  // Trigger one or many events, firing all bound callbacks. Callbacks are
+	  // passed the same arguments as `trigger` is, apart from the event name
+	  // (unless you're listening on `"all"`, which will cause your callback to
+	  // receive the true name of the event as the first argument).
+	  Events.trigger = function(name) {
+	    if (!this._events) return this;
+
+	    var length = Math.max(0, arguments.length - 1);
+	    var args = Array(length);
+	    for (var i = 0; i < length; i++) args[i] = arguments[i + 1];
+
+	    eventsApi(triggerApi, this._events, name, void 0, args);
+	    return this;
+	  };
+
+	  // Handles triggering the appropriate event callbacks.
+	  var triggerApi = function(objEvents, name, callback, args) {
+	    if (objEvents) {
+	      var events = objEvents[name];
+	      var allEvents = objEvents.all;
+	      if (events && allEvents) allEvents = allEvents.slice();
+	      if (events) triggerEvents(events, args);
+	      if (allEvents) triggerEvents(allEvents, [name].concat(args));
+	    }
+	    return objEvents;
 	  };
 
 	  // A difficult-to-believe, but optimized internal dispatch function for
@@ -2957,22 +3066,6 @@
 	    }
 	  };
 
-	  var listenMethods = {listenTo: 'on', listenToOnce: 'once'};
-
-	  // Inversion-of-control versions of `on` and `once`. Tell *this* object to
-	  // listen to an event in another object ... keeping track of what it's
-	  // listening to.
-	  _.each(listenMethods, function(implementation, method) {
-	    Events[method] = function(obj, name, callback) {
-	      var listeningTo = this._listeningTo || (this._listeningTo = {});
-	      var id = obj._listenId || (obj._listenId = _.uniqueId('l'));
-	      listeningTo[id] = obj;
-	      if (!callback && typeof name === 'object') callback = this;
-	      obj[implementation](name, callback, this);
-	      return this;
-	    };
-	  });
-
 	  // Aliases for backwards compatibility.
 	  Events.bind   = Events.on;
 	  Events.unbind = Events.off;
@@ -2994,11 +3087,12 @@
 	  var Model = Backbone.Model = function(attributes, options) {
 	    var attrs = attributes || {};
 	    options || (options = {});
-	    this.cid = _.uniqueId('c');
+	    this.cid = _.uniqueId(this.cidPrefix);
 	    this.attributes = {};
 	    if (options.collection) this.collection = options.collection;
 	    if (options.parse) attrs = this.parse(attrs, options) || {};
-	    attrs = _.defaults({}, attrs, _.result(this, 'defaults'));
+	    var defaults = _.result(this, 'defaults');
+	    attrs = _.defaults(_.extend({}, defaults, attrs), defaults);
 	    this.set(attrs, options);
 	    this.changed = {};
 	    this.initialize.apply(this, arguments);
@@ -3017,6 +3111,10 @@
 	    // CouchDB users may want to set this to `"_id"`.
 	    idAttribute: 'id',
 
+	    // The prefix is used to create the client id which is used to identify models locally.
+	    // You may want to override this if you're experiencing name clashes with model ids.
+	    cidPrefix: 'c',
+
 	    // Initialize is an empty function by default. Override it with your own
 	    // initialization logic.
 	    initialize: function(){},
@@ -3048,14 +3146,19 @@
 	      return this.get(attr) != null;
 	    },
 
+	    // Special-cased proxy to underscore's `_.matches` method.
+	    matches: function(attrs) {
+	      return !!_.iteratee(attrs, this)(this.attributes);
+	    },
+
 	    // Set a hash of model attributes on the object, firing `"change"`. This is
 	    // the core primitive operation of a model, updating the data and notifying
 	    // anyone who needs to know about the change in state. The heart of the beast.
 	    set: function(key, val, options) {
-	      var attr, attrs, unset, changes, silent, changing, prev, current;
 	      if (key == null) return this;
 
 	      // Handle both `"key", value` and `{key: value}` -style arguments.
+	      var attrs;
 	      if (typeof key === 'object') {
 	        attrs = key;
 	        options = val;
@@ -3069,37 +3172,40 @@
 	      if (!this._validate(attrs, options)) return false;
 
 	      // Extract attributes and options.
-	      unset           = options.unset;
-	      silent          = options.silent;
-	      changes         = [];
-	      changing        = this._changing;
-	      this._changing  = true;
+	      var unset      = options.unset;
+	      var silent     = options.silent;
+	      var changes    = [];
+	      var changing   = this._changing;
+	      this._changing = true;
 
 	      if (!changing) {
 	        this._previousAttributes = _.clone(this.attributes);
 	        this.changed = {};
 	      }
-	      current = this.attributes, prev = this._previousAttributes;
 
-	      // Check for changes of `id`.
-	      if (this.idAttribute in attrs) this.id = attrs[this.idAttribute];
+	      var current = this.attributes;
+	      var changed = this.changed;
+	      var prev    = this._previousAttributes;
 
 	      // For each `set` attribute, update or delete the current value.
-	      for (attr in attrs) {
+	      for (var attr in attrs) {
 	        val = attrs[attr];
 	        if (!_.isEqual(current[attr], val)) changes.push(attr);
 	        if (!_.isEqual(prev[attr], val)) {
-	          this.changed[attr] = val;
+	          changed[attr] = val;
 	        } else {
-	          delete this.changed[attr];
+	          delete changed[attr];
 	        }
 	        unset ? delete current[attr] : current[attr] = val;
 	      }
 
+	      // Update the `id`.
+	      if (this.idAttribute in attrs) this.id = this.get(this.idAttribute);
+
 	      // Trigger all relevant attribute changes.
 	      if (!silent) {
 	        if (changes.length) this._pending = options;
-	        for (var i = 0, l = changes.length; i < l; i++) {
+	        for (var i = 0; i < changes.length; i++) {
 	          this.trigger('change:' + changes[i], this, current[changes[i]], options);
 	        }
 	      }
@@ -3147,13 +3253,14 @@
 	    // determining if there *would be* a change.
 	    changedAttributes: function(diff) {
 	      if (!diff) return this.hasChanged() ? _.clone(this.changed) : false;
-	      var val, changed = false;
 	      var old = this._changing ? this._previousAttributes : this.attributes;
+	      var changed = {};
 	      for (var attr in diff) {
-	        if (_.isEqual(old[attr], (val = diff[attr]))) continue;
-	        (changed || (changed = {}))[attr] = val;
+	        var val = diff[attr];
+	        if (_.isEqual(old[attr], val)) continue;
+	        changed[attr] = val;
 	      }
-	      return changed;
+	      return _.size(changed) ? changed : false;
 	    },
 
 	    // Get the previous value of an attribute, recorded at the time the last
@@ -3169,17 +3276,16 @@
 	      return _.clone(this._previousAttributes);
 	    },
 
-	    // Fetch the model from the server. If the server's representation of the
-	    // model differs from its current attributes, they will be overridden,
-	    // triggering a `"change"` event.
+	    // Fetch the model from the server, merging the response with the model's
+	    // local attributes. Any changed attributes will trigger a "change" event.
 	    fetch: function(options) {
-	      options = options ? _.clone(options) : {};
-	      if (options.parse === void 0) options.parse = true;
+	      options = _.extend({parse: true}, options);
 	      var model = this;
 	      var success = options.success;
 	      options.success = function(resp) {
-	        if (!model.set(model.parse(resp, options), options)) return false;
-	        if (success) success(model, resp, options);
+	        var serverAttrs = options.parse ? model.parse(resp, options) : resp;
+	        if (!model.set(serverAttrs, options)) return false;
+	        if (success) success.call(options.context, model, resp, options);
 	        model.trigger('sync', model, resp, options);
 	      };
 	      wrapError(this, options);
@@ -3190,9 +3296,8 @@
 	    // If the server returns an attributes hash that differs, the model's
 	    // state will be `set` again.
 	    save: function(key, val, options) {
-	      var attrs, method, xhr, attributes = this.attributes;
-
 	      // Handle both `"key", value` and `{key: value}` -style arguments.
+	      var attrs;
 	      if (key == null || typeof key === 'object') {
 	        attrs = key;
 	        options = val;
@@ -3200,46 +3305,43 @@
 	        (attrs = {})[key] = val;
 	      }
 
-	      options = _.extend({validate: true}, options);
+	      options = _.extend({validate: true, parse: true}, options);
+	      var wait = options.wait;
 
 	      // If we're not waiting and attributes exist, save acts as
 	      // `set(attr).save(null, opts)` with validation. Otherwise, check if
 	      // the model will be valid when the attributes, if any, are set.
-	      if (attrs && !options.wait) {
+	      if (attrs && !wait) {
 	        if (!this.set(attrs, options)) return false;
-	      } else {
-	        if (!this._validate(attrs, options)) return false;
-	      }
-
-	      // Set temporary attributes if `{wait: true}`.
-	      if (attrs && options.wait) {
-	        this.attributes = _.extend({}, attributes, attrs);
+	      } else if (!this._validate(attrs, options)) {
+	        return false;
 	      }
 
 	      // After a successful server-side save, the client is (optionally)
 	      // updated with the server-side state.
-	      if (options.parse === void 0) options.parse = true;
 	      var model = this;
 	      var success = options.success;
+	      var attributes = this.attributes;
 	      options.success = function(resp) {
 	        // Ensure attributes are restored during synchronous saves.
 	        model.attributes = attributes;
-	        var serverAttrs = model.parse(resp, options);
-	        if (options.wait) serverAttrs = _.extend(attrs || {}, serverAttrs);
-	        if (_.isObject(serverAttrs) && !model.set(serverAttrs, options)) {
-	          return false;
-	        }
-	        if (success) success(model, resp, options);
+	        var serverAttrs = options.parse ? model.parse(resp, options) : resp;
+	        if (wait) serverAttrs = _.extend({}, attrs, serverAttrs);
+	        if (serverAttrs && !model.set(serverAttrs, options)) return false;
+	        if (success) success.call(options.context, model, resp, options);
 	        model.trigger('sync', model, resp, options);
 	      };
 	      wrapError(this, options);
 
-	      method = this.isNew() ? 'create' : (options.patch ? 'patch' : 'update');
-	      if (method === 'patch') options.attrs = attrs;
-	      xhr = this.sync(method, this, options);
+	      // Set temporary attributes if `{wait: true}` to properly find new ids.
+	      if (attrs && wait) this.attributes = _.extend({}, attributes, attrs);
+
+	      var method = this.isNew() ? 'create' : (options.patch ? 'patch' : 'update');
+	      if (method === 'patch' && !options.attrs) options.attrs = attrs;
+	      var xhr = this.sync(method, this, options);
 
 	      // Restore attributes.
-	      if (attrs && options.wait) this.attributes = attributes;
+	      this.attributes = attributes;
 
 	      return xhr;
 	    },
@@ -3251,25 +3353,27 @@
 	      options = options ? _.clone(options) : {};
 	      var model = this;
 	      var success = options.success;
+	      var wait = options.wait;
 
 	      var destroy = function() {
+	        model.stopListening();
 	        model.trigger('destroy', model, model.collection, options);
 	      };
 
 	      options.success = function(resp) {
-	        if (options.wait || model.isNew()) destroy();
-	        if (success) success(model, resp, options);
+	        if (wait) destroy();
+	        if (success) success.call(options.context, model, resp, options);
 	        if (!model.isNew()) model.trigger('sync', model, resp, options);
 	      };
 
+	      var xhr = false;
 	      if (this.isNew()) {
-	        options.success();
-	        return false;
+	        _.defer(options.success);
+	      } else {
+	        wrapError(this, options);
+	        xhr = this.sync('delete', this, options);
 	      }
-	      wrapError(this, options);
-
-	      var xhr = this.sync('delete', this, options);
-	      if (!options.wait) destroy();
+	      if (!wait) destroy();
 	      return xhr;
 	    },
 
@@ -3282,7 +3386,8 @@
 	        _.result(this.collection, 'url') ||
 	        urlError();
 	      if (this.isNew()) return base;
-	      return base.replace(/([^\/])$/, '$1/') + encodeURIComponent(this.id);
+	      var id = this.get(this.idAttribute);
+	      return base.replace(/[^\/]$/, '$&/') + encodeURIComponent(id);
 	    },
 
 	    // **parse** converts a response into the hash of attributes to be `set` on
@@ -3303,7 +3408,7 @@
 
 	    // Check if the model is currently in a valid state.
 	    isValid: function(options) {
-	      return this._validate({}, _.extend(options || {}, { validate: true }));
+	      return this._validate({}, _.extend({}, options, {validate: true}));
 	    },
 
 	    // Run validation against the next complete set of model attributes,
@@ -3319,23 +3424,19 @@
 
 	  });
 
-	  // Underscore methods that we want to implement on the Model.
-	  var modelMethods = ['keys', 'values', 'pairs', 'invert', 'pick', 'omit'];
+	  // Underscore methods that we want to implement on the Model, mapped to the
+	  // number of arguments they take.
+	  var modelMethods = {keys: 1, values: 1, pairs: 1, invert: 1, pick: 0,
+	      omit: 0, chain: 1, isEmpty: 1};
 
 	  // Mix in each Underscore method as a proxy to `Model#attributes`.
-	  _.each(modelMethods, function(method) {
-	    Model.prototype[method] = function() {
-	      var args = slice.call(arguments);
-	      args.unshift(this.attributes);
-	      return _[method].apply(_, args);
-	    };
-	  });
+	  addUnderscoreMethods(Model, modelMethods, 'attributes');
 
 	  // Backbone.Collection
 	  // -------------------
 
 	  // If models tend to represent a single row of data, a Backbone Collection is
-	  // more analagous to a table full of data ... or a small slice or page of that
+	  // more analogous to a table full of data ... or a small slice or page of that
 	  // table, or a collection of rows that belong together for a particular reason
 	  // -- all of the messages in this particular folder, all of the documents
 	  // belonging to this particular author, and so on. Collections maintain
@@ -3357,6 +3458,17 @@
 	  var setOptions = {add: true, remove: true, merge: true};
 	  var addOptions = {add: true, remove: false};
 
+	  // Splices `insert` into `array` at index `at`.
+	  var splice = function(array, insert, at) {
+	    at = Math.min(Math.max(at, 0), array.length);
+	    var tail = Array(array.length - at);
+	    var length = insert.length;
+	    var i;
+	    for (i = 0; i < tail.length; i++) tail[i] = array[i + at];
+	    for (i = 0; i < length; i++) array[i + at] = insert[i];
+	    for (i = 0; i < tail.length; i++) array[i + length + at] = tail[i];
+	  };
+
 	  // Define the Collection's inheritable methods.
 	  _.extend(Collection.prototype, Events, {
 
@@ -3371,7 +3483,7 @@
 	    // The JSON representation of a Collection is an array of the
 	    // models' attributes.
 	    toJSON: function(options) {
-	      return this.map(function(model){ return model.toJSON(options); });
+	      return this.map(function(model) { return model.toJSON(options); });
 	    },
 
 	    // Proxy `Backbone.sync` by default.
@@ -3379,32 +3491,24 @@
 	      return Backbone.sync.apply(this, arguments);
 	    },
 
-	    // Add a model, or list of models to the set.
+	    // Add a model, or list of models to the set. `models` may be Backbone
+	    // Models or raw JavaScript objects to be converted to Models, or any
+	    // combination of the two.
 	    add: function(models, options) {
 	      return this.set(models, _.extend({merge: false}, options, addOptions));
 	    },
 
 	    // Remove a model, or a list of models from the set.
 	    remove: function(models, options) {
+	      options = _.extend({}, options);
 	      var singular = !_.isArray(models);
-	      models = singular ? [models] : _.clone(models);
-	      options || (options = {});
-	      var i, l, index, model;
-	      for (i = 0, l = models.length; i < l; i++) {
-	        model = models[i] = this.get(models[i]);
-	        if (!model) continue;
-	        delete this._byId[model.id];
-	        delete this._byId[model.cid];
-	        index = this.indexOf(model);
-	        this.models.splice(index, 1);
-	        this.length--;
-	        if (!options.silent) {
-	          options.index = index;
-	          model.trigger('remove', model, this, options);
-	        }
-	        this._removeReference(model, options);
+	      models = singular ? [models] : models.slice();
+	      var removed = this._removeModels(models, options);
+	      if (!options.silent && removed.length) {
+	        options.changes = {added: [], merged: [], removed: removed};
+	        this.trigger('update', this, options);
 	      }
-	      return singular ? models[0] : models;
+	      return singular ? removed[0] : removed;
 	    },
 
 	    // Update a collection by `set`-ing a new list of models, adding new ones,
@@ -3412,89 +3516,114 @@
 	    // already exist in the collection, as necessary. Similar to **Model#set**,
 	    // the core operation for updating the data contained by the collection.
 	    set: function(models, options) {
-	      options = _.defaults({}, options, setOptions);
-	      if (options.parse) models = this.parse(models, options);
+	      if (models == null) return;
+
+	      options = _.extend({}, setOptions, options);
+	      if (options.parse && !this._isModel(models)) {
+	        models = this.parse(models, options) || [];
+	      }
+
 	      var singular = !_.isArray(models);
-	      models = singular ? (models ? [models] : []) : _.clone(models);
-	      var i, l, id, model, attrs, existing, sort;
+	      models = singular ? [models] : models.slice();
+
 	      var at = options.at;
-	      var targetModel = this.model;
-	      var sortable = this.comparator && (at == null) && options.sort !== false;
+	      if (at != null) at = +at;
+	      if (at > this.length) at = this.length;
+	      if (at < 0) at += this.length + 1;
+
+	      var set = [];
+	      var toAdd = [];
+	      var toMerge = [];
+	      var toRemove = [];
+	      var modelMap = {};
+
+	      var add = options.add;
+	      var merge = options.merge;
+	      var remove = options.remove;
+
+	      var sort = false;
+	      var sortable = this.comparator && at == null && options.sort !== false;
 	      var sortAttr = _.isString(this.comparator) ? this.comparator : null;
-	      var toAdd = [], toRemove = [], modelMap = {};
-	      var add = options.add, merge = options.merge, remove = options.remove;
-	      var order = !sortable && add && remove ? [] : false;
 
 	      // Turn bare objects into model references, and prevent invalid models
 	      // from being added.
-	      for (i = 0, l = models.length; i < l; i++) {
-	        attrs = models[i] || {};
-	        if (attrs instanceof Model) {
-	          id = model = attrs;
-	        } else {
-	          id = attrs[targetModel.prototype.idAttribute || 'id'];
-	        }
+	      var model, i;
+	      for (i = 0; i < models.length; i++) {
+	        model = models[i];
 
 	        // If a duplicate is found, prevent it from being added and
 	        // optionally merge it into the existing model.
-	        if (existing = this.get(id)) {
-	          if (remove) modelMap[existing.cid] = true;
-	          if (merge) {
-	            attrs = attrs === model ? model.attributes : attrs;
+	        var existing = this.get(model);
+	        if (existing) {
+	          if (merge && model !== existing) {
+	            var attrs = this._isModel(model) ? model.attributes : model;
 	            if (options.parse) attrs = existing.parse(attrs, options);
 	            existing.set(attrs, options);
-	            if (sortable && !sort && existing.hasChanged(sortAttr)) sort = true;
+	            toMerge.push(existing);
+	            if (sortable && !sort) sort = existing.hasChanged(sortAttr);
+	          }
+	          if (!modelMap[existing.cid]) {
+	            modelMap[existing.cid] = true;
+	            set.push(existing);
 	          }
 	          models[i] = existing;
 
 	        // If this is a new, valid model, push it to the `toAdd` list.
 	        } else if (add) {
-	          model = models[i] = this._prepareModel(attrs, options);
-	          if (!model) continue;
-	          toAdd.push(model);
-	          this._addReference(model, options);
+	          model = models[i] = this._prepareModel(model, options);
+	          if (model) {
+	            toAdd.push(model);
+	            this._addReference(model, options);
+	            modelMap[model.cid] = true;
+	            set.push(model);
+	          }
 	        }
-
-	        // Do not add multiple models with the same `id`.
-	        model = existing || model;
-	        if (order && (model.isNew() || !modelMap[model.id])) order.push(model);
-	        modelMap[model.id] = true;
 	      }
 
-	      // Remove nonexistent models if appropriate.
+	      // Remove stale models.
 	      if (remove) {
-	        for (i = 0, l = this.length; i < l; ++i) {
-	          if (!modelMap[(model = this.models[i]).cid]) toRemove.push(model);
+	        for (i = 0; i < this.length; i++) {
+	          model = this.models[i];
+	          if (!modelMap[model.cid]) toRemove.push(model);
 	        }
-	        if (toRemove.length) this.remove(toRemove, options);
+	        if (toRemove.length) this._removeModels(toRemove, options);
 	      }
 
 	      // See if sorting is needed, update `length` and splice in new models.
-	      if (toAdd.length || (order && order.length)) {
+	      var orderChanged = false;
+	      var replace = !sortable && add && remove;
+	      if (set.length && replace) {
+	        orderChanged = this.length !== set.length || _.some(this.models, function(m, index) {
+	          return m !== set[index];
+	        });
+	        this.models.length = 0;
+	        splice(this.models, set, 0);
+	        this.length = this.models.length;
+	      } else if (toAdd.length) {
 	        if (sortable) sort = true;
-	        this.length += toAdd.length;
-	        if (at != null) {
-	          for (i = 0, l = toAdd.length; i < l; i++) {
-	            this.models.splice(at + i, 0, toAdd[i]);
-	          }
-	        } else {
-	          if (order) this.models.length = 0;
-	          var orderedModels = order || toAdd;
-	          for (i = 0, l = orderedModels.length; i < l; i++) {
-	            this.models.push(orderedModels[i]);
-	          }
-	        }
+	        splice(this.models, toAdd, at == null ? this.length : at);
+	        this.length = this.models.length;
 	      }
 
 	      // Silently sort the collection if appropriate.
 	      if (sort) this.sort({silent: true});
 
-	      // Unless silenced, it's time to fire all appropriate add/sort events.
+	      // Unless silenced, it's time to fire all appropriate add/sort/update events.
 	      if (!options.silent) {
-	        for (i = 0, l = toAdd.length; i < l; i++) {
-	          (model = toAdd[i]).trigger('add', model, this, options);
+	        for (i = 0; i < toAdd.length; i++) {
+	          if (at != null) options.index = at + i;
+	          model = toAdd[i];
+	          model.trigger('add', model, this, options);
+	        }
+	        if (sort || orderChanged) this.trigger('sort', this, options);
+	        if (toAdd.length || toRemove.length || toMerge.length) {
+	          options.changes = {
+	            added: toAdd,
+	            removed: toRemove,
+	            merged: toMerge
+	          };
+	          this.trigger('update', this, options);
 	        }
-	        if (sort || (order && order.length)) this.trigger('sort', this, options);
 	      }
 
 	      // Return the added (or merged) model (or models).
@@ -3506,8 +3635,8 @@
 	    // any granular `add` or `remove` events. Fires `reset` when finished.
 	    // Useful for bulk operations and optimizations.
 	    reset: function(models, options) {
-	      options || (options = {});
-	      for (var i = 0, l = this.models.length; i < l; i++) {
+	      options = options ? _.clone(options) : {};
+	      for (var i = 0; i < this.models.length; i++) {
 	        this._removeReference(this.models[i], options);
 	      }
 	      options.previousModels = this.models;
@@ -3525,8 +3654,7 @@
 	    // Remove a model from the end of the collection.
 	    pop: function(options) {
 	      var model = this.at(this.length - 1);
-	      this.remove(model, options);
-	      return model;
+	      return this.remove(model, options);
 	    },
 
 	    // Add a model to the beginning of the collection.
@@ -3537,8 +3665,7 @@
 	    // Remove a model from the beginning of the collection.
 	    shift: function(options) {
 	      var model = this.at(0);
-	      this.remove(model, options);
-	      return model;
+	      return this.remove(model, options);
 	    },
 
 	    // Slice out a sub-array of models from the collection.
@@ -3546,27 +3673,30 @@
 	      return slice.apply(this.models, arguments);
 	    },
 
-	    // Get a model from the set by id.
+	    // Get a model from the set by id, cid, model object with id or cid
+	    // properties, or an attributes object that is transformed through modelId.
 	    get: function(obj) {
 	      if (obj == null) return void 0;
-	      return this._byId[obj] || this._byId[obj.id] || this._byId[obj.cid];
+	      return this._byId[obj] ||
+	        this._byId[this.modelId(obj.attributes || obj)] ||
+	        obj.cid && this._byId[obj.cid];
+	    },
+
+	    // Returns `true` if the model is in the collection.
+	    has: function(obj) {
+	      return this.get(obj) != null;
 	    },
 
 	    // Get the model at the given index.
 	    at: function(index) {
+	      if (index < 0) index += this.length;
 	      return this.models[index];
 	    },
 
 	    // Return models with matching attributes. Useful for simple cases of
 	    // `filter`.
 	    where: function(attrs, first) {
-	      if (_.isEmpty(attrs)) return first ? void 0 : [];
-	      return this[first ? 'find' : 'filter'](function(model) {
-	        for (var key in attrs) {
-	          if (attrs[key] !== model.get(key)) return false;
-	        }
-	        return true;
-	      });
+	      return this[first ? 'find' : 'filter'](attrs);
 	    },
 
 	    // Return the first model with matching attributes. Useful for simple cases
@@ -3579,37 +3709,39 @@
 	    // normal circumstances, as the set will maintain sort order as each item
 	    // is added.
 	    sort: function(options) {
-	      if (!this.comparator) throw new Error('Cannot sort a set without a comparator');
+	      var comparator = this.comparator;
+	      if (!comparator) throw new Error('Cannot sort a set without a comparator');
 	      options || (options = {});
 
+	      var length = comparator.length;
+	      if (_.isFunction(comparator)) comparator = _.bind(comparator, this);
+
 	      // Run sort based on type of `comparator`.
-	      if (_.isString(this.comparator) || this.comparator.length === 1) {
-	        this.models = this.sortBy(this.comparator, this);
+	      if (length === 1 || _.isString(comparator)) {
+	        this.models = this.sortBy(comparator);
 	      } else {
-	        this.models.sort(_.bind(this.comparator, this));
+	        this.models.sort(comparator);
 	      }
-
 	      if (!options.silent) this.trigger('sort', this, options);
 	      return this;
 	    },
 
 	    // Pluck an attribute from each model in the collection.
 	    pluck: function(attr) {
-	      return _.invoke(this.models, 'get', attr);
+	      return this.map(attr + '');
 	    },
 
 	    // Fetch the default set of models for this collection, resetting the
 	    // collection when they arrive. If `reset: true` is passed, the response
 	    // data will be passed through the `reset` method instead of `set`.
 	    fetch: function(options) {
-	      options = options ? _.clone(options) : {};
-	      if (options.parse === void 0) options.parse = true;
+	      options = _.extend({parse: true}, options);
 	      var success = options.success;
 	      var collection = this;
 	      options.success = function(resp) {
 	        var method = options.reset ? 'reset' : 'set';
 	        collection[method](resp, options);
-	        if (success) success(collection, resp, options);
+	        if (success) success.call(options.context, collection, resp, options);
 	        collection.trigger('sync', collection, resp, options);
 	      };
 	      wrapError(this, options);
@@ -3621,13 +3753,15 @@
 	    // wait for the server to agree.
 	    create: function(model, options) {
 	      options = options ? _.clone(options) : {};
-	      if (!(model = this._prepareModel(model, options))) return false;
-	      if (!options.wait) this.add(model, options);
+	      var wait = options.wait;
+	      model = this._prepareModel(model, options);
+	      if (!model) return false;
+	      if (!wait) this.add(model, options);
 	      var collection = this;
 	      var success = options.success;
-	      options.success = function(model, resp) {
-	        if (options.wait) collection.add(model, options);
-	        if (success) success(model, resp, options);
+	      options.success = function(m, resp, callbackOpts) {
+	        if (wait) collection.add(m, callbackOpts);
+	        if (success) success.call(callbackOpts.context, m, resp, callbackOpts);
 	      };
 	      model.save(null, options);
 	      return model;
@@ -3641,7 +3775,15 @@
 
 	    // Create a new collection with an identical list of models as this one.
 	    clone: function() {
-	      return new this.constructor(this.models);
+	      return new this.constructor(this.models, {
+	        model: this.model,
+	        comparator: this.comparator
+	      });
+	    },
+
+	    // Define how to uniquely identify models in the collection.
+	    modelId: function(attrs) {
+	      return attrs[this.model.prototype.idAttribute || 'id'];
 	    },
 
 	    // Private method to reset all internal state. Called when the collection
@@ -3655,7 +3797,10 @@
 	    // Prepare a hash of attributes (or other model) to be added to this
 	    // collection.
 	    _prepareModel: function(attrs, options) {
-	      if (attrs instanceof Model) return attrs;
+	      if (this._isModel(attrs)) {
+	        if (!attrs.collection) attrs.collection = this;
+	        return attrs;
+	      }
 	      options = options ? _.clone(options) : {};
 	      options.collection = this;
 	      var model = new this.model(attrs, options);
@@ -3664,16 +3809,53 @@
 	      return false;
 	    },
 
+	    // Internal method called by both remove and set.
+	    _removeModels: function(models, options) {
+	      var removed = [];
+	      for (var i = 0; i < models.length; i++) {
+	        var model = this.get(models[i]);
+	        if (!model) continue;
+
+	        var index = this.indexOf(model);
+	        this.models.splice(index, 1);
+	        this.length--;
+
+	        // Remove references before triggering 'remove' event to prevent an
+	        // infinite loop. #3693
+	        delete this._byId[model.cid];
+	        var id = this.modelId(model.attributes);
+	        if (id != null) delete this._byId[id];
+
+	        if (!options.silent) {
+	          options.index = index;
+	          model.trigger('remove', model, this, options);
+	        }
+
+	        removed.push(model);
+	        this._removeReference(model, options);
+	      }
+	      return removed;
+	    },
+
+	    // Method for checking whether an object should be considered a model for
+	    // the purposes of adding to the collection.
+	    _isModel: function(model) {
+	      return model instanceof Model;
+	    },
+
 	    // Internal method to create a model's ties to a collection.
 	    _addReference: function(model, options) {
 	      this._byId[model.cid] = model;
-	      if (model.id != null) this._byId[model.id] = model;
-	      if (!model.collection) model.collection = this;
+	      var id = this.modelId(model.attributes);
+	      if (id != null) this._byId[id] = model;
 	      model.on('all', this._onModelEvent, this);
 	    },
 
 	    // Internal method to sever a model's ties to a collection.
 	    _removeReference: function(model, options) {
+	      delete this._byId[model.cid];
+	      var id = this.modelId(model.attributes);
+	      if (id != null) delete this._byId[id];
 	      if (this === model.collection) delete model.collection;
 	      model.off('all', this._onModelEvent, this);
 	    },
@@ -3683,11 +3865,17 @@
 	    // events simply proxy through. "add" and "remove" events that originate
 	    // in other collections are ignored.
 	    _onModelEvent: function(event, model, collection, options) {
-	      if ((event === 'add' || event === 'remove') && collection !== this) return;
-	      if (event === 'destroy') this.remove(model, options);
-	      if (model && event === 'change:' + model.idAttribute) {
-	        delete this._byId[model.previous(model.idAttribute)];
-	        if (model.id != null) this._byId[model.id] = model;
+	      if (model) {
+	        if ((event === 'add' || event === 'remove') && collection !== this) return;
+	        if (event === 'destroy') this.remove(model, options);
+	        if (event === 'change') {
+	          var prevId = this.modelId(model.previousAttributes());
+	          var id = this.modelId(model.attributes);
+	          if (prevId !== id) {
+	            if (prevId != null) delete this._byId[prevId];
+	            if (id != null) this._byId[id] = model;
+	          }
+	        }
 	      }
 	      this.trigger.apply(this, arguments);
 	    }
@@ -3697,34 +3885,17 @@
 	  // Underscore methods that we want to implement on the Collection.
 	  // 90% of the core usefulness of Backbone Collections is actually implemented
 	  // right here:
-	  var methods = ['forEach', 'each', 'map', 'collect', 'reduce', 'foldl',
-	    'inject', 'reduceRight', 'foldr', 'find', 'detect', 'filter', 'select',
-	    'reject', 'every', 'all', 'some', 'any', 'include', 'contains', 'invoke',
-	    'max', 'min', 'toArray', 'size', 'first', 'head', 'take', 'initial', 'rest',
-	    'tail', 'drop', 'last', 'without', 'difference', 'indexOf', 'shuffle',
-	    'lastIndexOf', 'isEmpty', 'chain', 'sample'];
+	  var collectionMethods = {forEach: 3, each: 3, map: 3, collect: 3, reduce: 0,
+	      foldl: 0, inject: 0, reduceRight: 0, foldr: 0, find: 3, detect: 3, filter: 3,
+	      select: 3, reject: 3, every: 3, all: 3, some: 3, any: 3, include: 3, includes: 3,
+	      contains: 3, invoke: 0, max: 3, min: 3, toArray: 1, size: 1, first: 3,
+	      head: 3, take: 3, initial: 3, rest: 3, tail: 3, drop: 3, last: 3,
+	      without: 0, difference: 0, indexOf: 3, shuffle: 1, lastIndexOf: 3,
+	      isEmpty: 1, chain: 1, sample: 3, partition: 3, groupBy: 3, countBy: 3,
+	      sortBy: 3, indexBy: 3, findIndex: 3, findLastIndex: 3};
 
 	  // Mix in each Underscore method as a proxy to `Collection#models`.
-	  _.each(methods, function(method) {
-	    Collection.prototype[method] = function() {
-	      var args = slice.call(arguments);
-	      args.unshift(this.models);
-	      return _[method].apply(_, args);
-	    };
-	  });
-
-	  // Underscore methods that take a property name as an argument.
-	  var attributeMethods = ['groupBy', 'countBy', 'sortBy', 'indexBy'];
-
-	  // Use attributes instead of properties.
-	  _.each(attributeMethods, function(method) {
-	    Collection.prototype[method] = function(value, context) {
-	      var iterator = _.isFunction(value) ? value : function(model) {
-	        return model.get(value);
-	      };
-	      return _[method](this.models, iterator, context);
-	    };
-	  });
+	  addUnderscoreMethods(Collection, collectionMethods, 'models');
 
 	  // Backbone.View
 	  // -------------
@@ -3741,17 +3912,15 @@
 	  // if an existing element is not provided...
 	  var View = Backbone.View = function(options) {
 	    this.cid = _.uniqueId('view');
-	    options || (options = {});
 	    _.extend(this, _.pick(options, viewOptions));
 	    this._ensureElement();
 	    this.initialize.apply(this, arguments);
-	    this.delegateEvents();
 	  };
 
 	  // Cached regex to split keys for `delegate`.
 	  var delegateEventSplitter = /^(\S+)\s*(.*)$/;
 
-	  // List of view options to be merged as properties.
+	  // List of view options to be set as properties.
 	  var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'events'];
 
 	  // Set up all inheritable **Backbone.View** properties and methods.
@@ -3780,21 +3949,37 @@
 	    // Remove this view by taking the element out of the DOM, and removing any
 	    // applicable Backbone.Events listeners.
 	    remove: function() {
-	      this.$el.remove();
+	      this._removeElement();
 	      this.stopListening();
 	      return this;
 	    },
 
-	    // Change the view's element (`this.el` property), including event
-	    // re-delegation.
-	    setElement: function(element, delegate) {
-	      if (this.$el) this.undelegateEvents();
-	      this.$el = element instanceof Backbone.$ ? element : Backbone.$(element);
-	      this.el = this.$el[0];
-	      if (delegate !== false) this.delegateEvents();
+	    // Remove this view's element from the document and all event listeners
+	    // attached to it. Exposed for subclasses using an alternative DOM
+	    // manipulation API.
+	    _removeElement: function() {
+	      this.$el.remove();
+	    },
+
+	    // Change the view's element (`this.el` property) and re-delegate the
+	    // view's events on the new element.
+	    setElement: function(element) {
+	      this.undelegateEvents();
+	      this._setElement(element);
+	      this.delegateEvents();
 	      return this;
 	    },
 
+	    // Creates the `this.el` and `this.$el` references for this view using the
+	    // given `el`. `el` can be a CSS selector or an HTML string, a jQuery
+	    // context or an element. Subclasses can override this to utilize an
+	    // alternative DOM manipulation API and are only required to set the
+	    // `this.el` property.
+	    _setElement: function(el) {
+	      this.$el = el instanceof Backbone.$ ? el : Backbone.$(el);
+	      this.el = this.$el[0];
+	    },
+
 	    // Set callbacks, where `this.events` is a hash of
 	    //
 	    // *{"event selector": "callback"}*
@@ -3808,37 +3993,49 @@
 	    // pairs. Callbacks will be bound to the view, with `this` set properly.
 	    // Uses event delegation for efficiency.
 	    // Omitting the selector binds the event to `this.el`.
-	    // This only works for delegate-able events: not `focus`, `blur`, and
-	    // not `change`, `submit`, and `reset` in Internet Explorer.
 	    delegateEvents: function(events) {
-	      if (!(events || (events = _.result(this, 'events')))) return this;
+	      events || (events = _.result(this, 'events'));
+	      if (!events) return this;
 	      this.undelegateEvents();
 	      for (var key in events) {
 	        var method = events[key];
-	        if (!_.isFunction(method)) method = this[events[key]];
+	        if (!_.isFunction(method)) method = this[method];
 	        if (!method) continue;
-
 	        var match = key.match(delegateEventSplitter);
-	        var eventName = match[1], selector = match[2];
-	        method = _.bind(method, this);
-	        eventName += '.delegateEvents' + this.cid;
-	        if (selector === '') {
-	          this.$el.on(eventName, method);
-	        } else {
-	          this.$el.on(eventName, selector, method);
-	        }
+	        this.delegate(match[1], match[2], _.bind(method, this));
 	      }
 	      return this;
 	    },
 
-	    // Clears all callbacks previously bound to the view with `delegateEvents`.
+	    // Add a single event listener to the view's element (or a child element
+	    // using `selector`). This only works for delegate-able events: not `focus`,
+	    // `blur`, and not `change`, `submit`, and `reset` in Internet Explorer.
+	    delegate: function(eventName, selector, listener) {
+	      this.$el.on(eventName + '.delegateEvents' + this.cid, selector, listener);
+	      return this;
+	    },
+
+	    // Clears all callbacks previously bound to the view by `delegateEvents`.
 	    // You usually don't need to use this, but may wish to if you have multiple
 	    // Backbone views attached to the same DOM element.
 	    undelegateEvents: function() {
-	      this.$el.off('.delegateEvents' + this.cid);
+	      if (this.$el) this.$el.off('.delegateEvents' + this.cid);
+	      return this;
+	    },
+
+	    // A finer-grained `undelegateEvents` for removing a single delegated event.
+	    // `selector` and `listener` are both optional.
+	    undelegate: function(eventName, selector, listener) {
+	      this.$el.off(eventName + '.delegateEvents' + this.cid, selector, listener);
 	      return this;
 	    },
 
+	    // Produces a DOM element to be assigned to your view. Exposed for
+	    // subclasses using an alternative DOM manipulation API.
+	    _createElement: function(tagName) {
+	      return document.createElement(tagName);
+	    },
+
 	    // Ensure that the View has a DOM element to render into.
 	    // If `this.el` is a string, pass it through `$()`, take the first
 	    // matching element, and re-assign it to `el`. Otherwise, create
@@ -3848,11 +4045,17 @@
 	        var attrs = _.extend({}, _.result(this, 'attributes'));
 	        if (this.id) attrs.id = _.result(this, 'id');
 	        if (this.className) attrs['class'] = _.result(this, 'className');
-	        var $el = Backbone.$('<' + _.result(this, 'tagName') + '>').attr(attrs);
-	        this.setElement($el, false);
+	        this.setElement(this._createElement(_.result(this, 'tagName')));
+	        this._setAttributes(attrs);
 	      } else {
-	        this.setElement(_.result(this, 'el'), false);
+	        this.setElement(_.result(this, 'el'));
 	      }
+	    },
+
+	    // Set attributes from a hash on this view's element.  Exposed for
+	    // subclasses using an alternative DOM manipulation API.
+	    _setAttributes: function(attributes) {
+	      this.$el.attr(attributes);
 	    }
 
 	  });
@@ -3921,14 +4124,13 @@
 	      params.processData = false;
 	    }
 
-	    // If we're sending a `PATCH` request, and we're in an old Internet Explorer
-	    // that still has ActiveX enabled by default, override jQuery to use that
-	    // for XHR instead. Remove this line when jQuery supports `PATCH` on IE8.
-	    if (params.type === 'PATCH' && noXhrPatch) {
-	      params.xhr = function() {
-	        return new ActiveXObject("Microsoft.XMLHTTP");
-	      };
-	    }
+	    // Pass along `textStatus` and `errorThrown` from jQuery.
+	    var error = options.error;
+	    options.error = function(xhr, textStatus, errorThrown) {
+	      options.textStatus = textStatus;
+	      options.errorThrown = errorThrown;
+	      if (error) error.call(options.context, xhr, textStatus, errorThrown);
+	    };
 
 	    // Make the request, allowing the user to override any Ajax options.
 	    var xhr = options.xhr = Backbone.ajax(_.extend(params, options));
@@ -3936,17 +4138,13 @@
 	    return xhr;
 	  };
 
-	  var noXhrPatch =
-	    typeof window !== 'undefined' && !!window.ActiveXObject &&
-	      !(window.XMLHttpRequest && (new XMLHttpRequest).dispatchEvent);
-
 	  // Map from CRUD to HTTP for our default `Backbone.sync` implementation.
 	  var methodMap = {
 	    'create': 'POST',
 	    'update': 'PUT',
-	    'patch':  'PATCH',
+	    'patch': 'PATCH',
 	    'delete': 'DELETE',
-	    'read':   'GET'
+	    'read': 'GET'
 	  };
 
 	  // Set the default implementation of `Backbone.ajax` to proxy through to `$`.
@@ -3997,17 +4195,18 @@
 	      var router = this;
 	      Backbone.history.route(route, function(fragment) {
 	        var args = router._extractParameters(route, fragment);
-	        router.execute(callback, args);
-	        router.trigger.apply(router, ['route:' + name].concat(args));
-	        router.trigger('route', name, args);
-	        Backbone.history.trigger('route', router, name, args);
+	        if (router.execute(callback, args, name) !== false) {
+	          router.trigger.apply(router, ['route:' + name].concat(args));
+	          router.trigger('route', name, args);
+	          Backbone.history.trigger('route', router, name, args);
+	        }
 	      });
 	      return this;
 	    },
 
 	    // Execute a route handler with the provided parameters.  This is an
 	    // excellent place to do pre-route setup or post-route cleanup.
-	    execute: function(callback, args) {
+	    execute: function(callback, args, name) {
 	      if (callback) callback.apply(this, args);
 	    },
 
@@ -4065,7 +4264,7 @@
 	  // falls back to polling.
 	  var History = Backbone.History = function() {
 	    this.handlers = [];
-	    _.bindAll(this, 'checkUrl');
+	    this.checkUrl = _.bind(this.checkUrl, this);
 
 	    // Ensure that `History` can be used outside of the browser.
 	    if (typeof window !== 'undefined') {
@@ -4080,12 +4279,6 @@
 	  // Cached regex for stripping leading and trailing slashes.
 	  var rootStripper = /^\/+|\/+$/g;
 
-	  // Cached regex for detecting MSIE.
-	  var isExplorer = /msie [\w.]+/;
-
-	  // Cached regex for removing a trailing slash.
-	  var trailingSlash = /\/$/;
-
 	  // Cached regex for stripping urls of hash.
 	  var pathStripper = /#.*$/;
 
@@ -4101,7 +4294,29 @@
 
 	    // Are we at the app root?
 	    atRoot: function() {
-	      return this.location.pathname.replace(/[^\/]$/, '$&/') === this.root;
+	      var path = this.location.pathname.replace(/[^\/]$/, '$&/');
+	      return path === this.root && !this.getSearch();
+	    },
+
+	    // Does the pathname match the root?
+	    matchRoot: function() {
+	      var path = this.decodeFragment(this.location.pathname);
+	      var rootPath = path.slice(0, this.root.length - 1) + '/';
+	      return rootPath === this.root;
+	    },
+
+	    // Unicode characters in `location.pathname` are percent encoded so they're
+	    // decoded for comparison. `%25` should not be decoded since it may be part
+	    // of an encoded parameter.
+	    decodeFragment: function(fragment) {
+	      return decodeURI(fragment.replace(/%25/g, '%2525'));
+	    },
+
+	    // In IE6, the hash fragment and search params are incorrect if the
+	    // fragment contains `?`.
+	    getSearch: function() {
+	      var match = this.location.href.replace(/#.*/, '').match(/\?.+/);
+	      return match ? match[0] : '';
 	    },
 
 	    // Gets the true hash value. Cannot use location.hash directly due to bug
@@ -4111,14 +4326,19 @@
 	      return match ? match[1] : '';
 	    },
 
-	    // Get the cross-browser normalized URL fragment, either from the URL,
-	    // the hash, or the override.
-	    getFragment: function(fragment, forcePushState) {
+	    // Get the pathname and search params, without the root.
+	    getPath: function() {
+	      var path = this.decodeFragment(
+	        this.location.pathname + this.getSearch()
+	      ).slice(this.root.length - 1);
+	      return path.charAt(0) === '/' ? path.slice(1) : path;
+	    },
+
+	    // Get the cross-browser normalized URL fragment from the path or hash.
+	    getFragment: function(fragment) {
 	      if (fragment == null) {
-	        if (this._hasPushState || !this._wantsHashChange || forcePushState) {
-	          fragment = decodeURI(this.location.pathname + this.location.search);
-	          var root = this.root.replace(trailingSlash, '');
-	          if (!fragment.indexOf(root)) fragment = fragment.slice(root.length);
+	        if (this._usePushState || !this._wantsHashChange) {
+	          fragment = this.getPath();
 	        } else {
 	          fragment = this.getHash();
 	        }
@@ -4129,7 +4349,7 @@
 	    // Start the hash change handling, returning `true` if the current URL matches
 	    // an existing route, and `false` otherwise.
 	    start: function(options) {
-	      if (History.started) throw new Error("Backbone.history has already been started");
+	      if (History.started) throw new Error('Backbone.history has already been started');
 	      History.started = true;
 
 	      // Figure out the initial configuration. Do we need an iframe?
@@ -4137,36 +4357,16 @@
 	      this.options          = _.extend({root: '/'}, this.options, options);
 	      this.root             = this.options.root;
 	      this._wantsHashChange = this.options.hashChange !== false;
+	      this._hasHashChange   = 'onhashchange' in window && (document.documentMode === void 0 || document.documentMode > 7);
+	      this._useHashChange   = this._wantsHashChange && this._hasHashChange;
 	      this._wantsPushState  = !!this.options.pushState;
-	      this._hasPushState    = !!(this.options.pushState && this.history && this.history.pushState);
-	      var fragment          = this.getFragment();
-	      var docMode           = document.documentMode;
-	      var oldIE             = (isExplorer.exec(navigator.userAgent.toLowerCase()) && (!docMode || docMode <= 7));
+	      this._hasPushState    = !!(this.history && this.history.pushState);
+	      this._usePushState    = this._wantsPushState && this._hasPushState;
+	      this.fragment         = this.getFragment();
 
 	      // Normalize root to always include a leading and trailing slash.
 	      this.root = ('/' + this.root + '/').replace(rootStripper, '/');
 
-	      if (oldIE && this._wantsHashChange) {
-	        var frame = Backbone.$('<iframe src="javascript:0" tabindex="-1">');
-	        this.iframe = frame.hide().appendTo('body')[0].contentWindow;
-	        this.navigate(fragment);
-	      }
-
-	      // Depending on whether we're using pushState or hashes, and whether
-	      // 'onhashchange' is supported, determine how we check the URL state.
-	      if (this._hasPushState) {
-	        Backbone.$(window).on('popstate', this.checkUrl);
-	      } else if (this._wantsHashChange && ('onhashchange' in window) && !oldIE) {
-	        Backbone.$(window).on('hashchange', this.checkUrl);
-	      } else if (this._wantsHashChange) {
-	        this._checkUrlInterval = setInterval(this.checkUrl, this.interval);
-	      }
-
-	      // Determine if we need to change the base url, for a pushState link
-	      // opened by a non-pushState browser.
-	      this.fragment = fragment;
-	      var loc = this.location;
-
 	      // Transition from hashChange to pushState or vice versa if both are
 	      // requested.
 	      if (this._wantsHashChange && this._wantsPushState) {
@@ -4174,27 +4374,75 @@
 	        // If we've started off with a route from a `pushState`-enabled
 	        // browser, but we're currently in a browser that doesn't support it...
 	        if (!this._hasPushState && !this.atRoot()) {
-	          this.fragment = this.getFragment(null, true);
-	          this.location.replace(this.root + '#' + this.fragment);
+	          var rootPath = this.root.slice(0, -1) || '/';
+	          this.location.replace(rootPath + '#' + this.getPath());
 	          // Return immediately as browser will do redirect to new url
 	          return true;
 
 	        // Or if we've started out with a hash-based route, but we're currently
 	        // in a browser where it could be `pushState`-based instead...
-	        } else if (this._hasPushState && this.atRoot() && loc.hash) {
-	          this.fragment = this.getHash().replace(routeStripper, '');
-	          this.history.replaceState({}, document.title, this.root + this.fragment);
+	        } else if (this._hasPushState && this.atRoot()) {
+	          this.navigate(this.getHash(), {replace: true});
 	        }
 
 	      }
 
+	      // Proxy an iframe to handle location events if the browser doesn't
+	      // support the `hashchange` event, HTML5 history, or the user wants
+	      // `hashChange` but not `pushState`.
+	      if (!this._hasHashChange && this._wantsHashChange && !this._usePushState) {
+	        this.iframe = document.createElement('iframe');
+	        this.iframe.src = 'javascript:0';
+	        this.iframe.style.display = 'none';
+	        this.iframe.tabIndex = -1;
+	        var body = document.body;
+	        // Using `appendChild` will throw on IE < 9 if the document is not ready.
+	        var iWindow = body.insertBefore(this.iframe, body.firstChild).contentWindow;
+	        iWindow.document.open();
+	        iWindow.document.close();
+	        iWindow.location.hash = '#' + this.fragment;
+	      }
+
+	      // Add a cross-platform `addEventListener` shim for older browsers.
+	      var addEventListener = window.addEventListener || function(eventName, listener) {
+	        return attachEvent('on' + eventName, listener);
+	      };
+
+	      // Depending on whether we're using pushState or hashes, and whether
+	      // 'onhashchange' is supported, determine how we check the URL state.
+	      if (this._usePushState) {
+	        addEventListener('popstate', this.checkUrl, false);
+	      } else if (this._useHashChange && !this.iframe) {
+	        addEventListener('hashchange', this.checkUrl, false);
+	      } else if (this._wantsHashChange) {
+	        this._checkUrlInterval = setInterval(this.checkUrl, this.interval);
+	      }
+
 	      if (!this.options.silent) return this.loadUrl();
 	    },
 
 	    // Disable Backbone.history, perhaps temporarily. Not useful in a real app,
 	    // but possibly useful for unit testing Routers.
 	    stop: function() {
-	      Backbone.$(window).off('popstate', this.checkUrl).off('hashchange', this.checkUrl);
+	      // Add a cross-platform `removeEventListener` shim for older browsers.
+	      var removeEventListener = window.removeEventListener || function(eventName, listener) {
+	        return detachEvent('on' + eventName, listener);
+	      };
+
+	      // Remove window listeners.
+	      if (this._usePushState) {
+	        removeEventListener('popstate', this.checkUrl, false);
+	      } else if (this._useHashChange && !this.iframe) {
+	        removeEventListener('hashchange', this.checkUrl, false);
+	      }
+
+	      // Clean up the iframe if necessary.
+	      if (this.iframe) {
+	        document.body.removeChild(this.iframe);
+	        this.iframe = null;
+	      }
+
+	      // Some environments will throw when clearing an undefined interval.
 	      if (this._checkUrlInterval) clearInterval(this._checkUrlInterval);
 	      History.started = false;
 	    },
@@ -4209,9 +4457,13 @@
 	    // calls `loadUrl`, normalizing across the hidden iframe.
 	    checkUrl: function(e) {
 	      var current = this.getFragment();
+
+	      // If the user pressed the back button, the iframe's hash will have
+	      // changed and we should use that for comparison.
 	      if (current === this.fragment && this.iframe) {
-	        current = this.getFragment(this.getHash(this.iframe));
+	        current = this.getHash(this.iframe.contentWindow);
 	      }
+
 	      if (current === this.fragment) return false;
 	      if (this.iframe) this.navigate(current);
 	      this.loadUrl();
@@ -4221,8 +4473,10 @@
 	    // match, returns `true`. If no defined routes matches the fragment,
 	    // returns `false`.
 	    loadUrl: function(fragment) {
+	      // If the root doesn't match, no routes can match either.
+	      if (!this.matchRoot()) return false;
 	      fragment = this.fragment = this.getFragment(fragment);
-	      return _.any(this.handlers, function(handler) {
+	      return _.some(this.handlers, function(handler) {
 	        if (handler.route.test(fragment)) {
 	          handler.callback(fragment);
 	          return true;
@@ -4241,31 +4495,42 @@
 	      if (!History.started) return false;
 	      if (!options || options === true) options = {trigger: !!options};
 
-	      var url = this.root + (fragment = this.getFragment(fragment || ''));
+	      // Normalize the fragment.
+	      fragment = this.getFragment(fragment || '');
+
+	      // Don't include a trailing slash on the root.
+	      var rootPath = this.root;
+	      if (fragment === '' || fragment.charAt(0) === '?') {
+	        rootPath = rootPath.slice(0, -1) || '/';
+	      }
+	      var url = rootPath + fragment;
 
-	      // Strip the hash for matching.
-	      fragment = fragment.replace(pathStripper, '');
+	      // Strip the hash and decode for matching.
+	      fragment = this.decodeFragment(fragment.replace(pathStripper, ''));
 
 	      if (this.fragment === fragment) return;
 	      this.fragment = fragment;
 
-	      // Don't include a trailing slash on the root.
-	      if (fragment === '' && url !== '/') url = url.slice(0, -1);
-
 	      // If pushState is available, we use it to set the fragment as a real URL.
-	      if (this._hasPushState) {
+	      if (this._usePushState) {
 	        this.history[options.replace ? 'replaceState' : 'pushState']({}, document.title, url);
 
 	      // If hash changes haven't been explicitly disabled, update the hash
 	      // fragment to store history.
 	      } else if (this._wantsHashChange) {
 	        this._updateHash(this.location, fragment, options.replace);
-	        if (this.iframe && (fragment !== this.getFragment(this.getHash(this.iframe)))) {
+	        if (this.iframe && fragment !== this.getHash(this.iframe.contentWindow)) {
+	          var iWindow = this.iframe.contentWindow;
+
 	          // Opening and closing the iframe tricks IE7 and earlier to push a
 	          // history entry on hash-tag change.  When replace is true, we don't
 	          // want this.
-	          if(!options.replace) this.iframe.document.open().close();
-	          this._updateHash(this.iframe.location, fragment, options.replace);
+	          if (!options.replace) {
+	            iWindow.document.open();
+	            iWindow.document.close();
+	          }
+
+	          this._updateHash(iWindow.location, fragment, options.replace);
 	        }
 
 	      // If you've told us that you explicitly don't want fallback hashchange-
@@ -4296,7 +4561,7 @@
 	  // Helpers
 	  // -------
 
-	  // Helper function to correctly set up the prototype chain, for subclasses.
+	  // Helper function to correctly set up the prototype chain for subclasses.
 	  // Similar to `goog.inherits`, but uses a hash of prototype properties and
 	  // class properties to be extended.
 	  var extend = function(protoProps, staticProps) {
@@ -4305,7 +4570,7 @@
 
 	    // The constructor function for the new subclass is either defined by you
 	    // (the "constructor" property in your `extend` definition), or defaulted
-	    // by us to simply call the parent's constructor.
+	    // by us to simply call the parent constructor.
 	    if (protoProps && _.has(protoProps, 'constructor')) {
 	      child = protoProps.constructor;
 	    } else {
@@ -4316,14 +4581,9 @@
 	    _.extend(child, parent, staticProps);
 
 	    // Set the prototype chain to inherit from `parent`, without calling
-	    // `parent`'s constructor function.
-	    var Surrogate = function(){ this.constructor = child; };
-	    Surrogate.prototype = parent.prototype;
-	    child.prototype = new Surrogate;
-
-	    // Add prototype properties (instance properties) to the subclass,
-	    // if supplied.
-	    if (protoProps) _.extend(child.prototype, protoProps);
+	    // `parent`'s constructor function and add the prototype properties.
+	    child.prototype = _.create(parent.prototype, protoProps);
+	    child.prototype.constructor = child;
 
 	    // Set a convenience property in case the parent's prototype is needed
 	    // later.
@@ -4344,15 +4604,15 @@
 	  var wrapError = function(model, options) {
 	    var error = options.error;
 	    options.error = function(resp) {
-	      if (error) error(model, resp, options);
+	      if (error) error.call(options.context, model, resp, options);
 	      model.trigger('error', model, resp, options);
 	    };
 	  };
 
 	  return Backbone;
+	});
 
-	}));
-
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
 /***/ },
 /* 4 */
@@ -4409,11 +4669,13 @@
 	var ToolbarModel = __webpack_require__(16);
 	var DimensionModel = __webpack_require__(17);
 	var CoordRowModel = __webpack_require__(18);
-	var FocusModel = __webpack_require__(19);
-	var RenderModel = __webpack_require__(21);
-	var SmartRenderModel = __webpack_require__(24);
-	var SelectionModel = __webpack_require__(25);
-	var SummaryModel = __webpack_require__(26);
+	var CoordColumnModel = __webpack_require__(19);
+	var CoordConverterModel = __webpack_require__(20);
+	var FocusModel = __webpack_require__(21);
+	var RenderModel = __webpack_require__(23);
+	var SmartRenderModel = __webpack_require__(26);
+	var SelectionModel = __webpack_require__(27);
+	var SummaryModel = __webpack_require__(28);
 	var util = __webpack_require__(9);
 
 	var defaultOptions = {
@@ -4453,15 +4715,15 @@
 	        this.toolbarModel = this._createToolbarModel(options);
 	        this.dimensionModel = this._createDimensionModel(options, domState);
 	        this.coordRowModel = this._createCoordRowModel(domState);
+	        this.coordColumnModel = this._createCoordColumnModel();
 	        this.focusModel = this._createFocusModel(domState);
 	        this.renderModel = this._createRenderModel(options);
+	        this.coordConverterModel = this._createCoordConverterModel();
 	        this.selectionModel = this._createSelectionModel();
 	        this.summaryModel = this._createSummaryModel(options.footer);
 
 	        // todo: remove dependency
 	        this.focusModel.renderModel = this.renderModel;
-	        this.dimensionModel.renderModel = this.renderModel;
-	        this.dimensionModel.coordRowModel = this.coordRowModel;
 	    },
 
 	    /**
@@ -4557,13 +4819,42 @@
 	     * @private
 	     */
 	    _createCoordRowModel: function(domState) {
-	        return new CoordRowModel({
+	        return new CoordRowModel(null, {
 	            dataModel: this.dataModel,
 	            dimensionModel: this.dimensionModel,
 	            domState: domState
 	        });
 	    },
 
+	    /**
+	     * Creates an instance of coordColumn model and returns it
+	     * @returns {module:model/coordColumnModel}
+	     * @private
+	     */
+	    _createCoordColumnModel: function() {
+	        return new CoordColumnModel(null, {
+	            columnModel: this.columnModel,
+	            dimensionModel: this.dimensionModel
+	        });
+	    },
+
+	    /**
+	     * Creates an instance of coordConvert model and returns it
+	     * @returns {module:model/coordConverterModel}
+	     * @private
+	     */
+	    _createCoordConverterModel: function() {
+	        return new CoordConverterModel(null, {
+	            columnModel: this.columnModel,
+	            dataModel: this.dataModel,
+	            dimensionModel: this.dimensionModel,
+	            focusModel: this.focusModel,
+	            coordRowModel: this.coordRowModel,
+	            renderModel: this.renderModel,
+	            coordColumnModel: this.coordColumnModel
+	        });
+	    },
+
 	    /**
 	     * Creates an instance of focus model and returns it.
 	     * @param  {module:domState} domState - DomState instance
@@ -4590,6 +4881,7 @@
 	            columnModel: this.columnModel,
 	            dataModel: this.dataModel,
 	            dimensionModel: this.dimensionModel,
+	            coordConverterModel: this.coordConverterModel,
 	            renderModel: this.renderModel,
 	            focusModel: this.focusModel
 	        });
@@ -4613,7 +4905,8 @@
 	            dataModel: this.dataModel,
 	            dimensionModel: this.dimensionModel,
 	            focusModel: this.focusModel,
-	            coordRowModel: this.coordRowModel
+	            coordRowModel: this.coordRowModel,
+	            coordColumnModel: this.coordColumnModel
 	        };
 	        Constructor = options.notUseSmartRendering ? RenderModel : SmartRenderModel;
 
@@ -4678,6 +4971,7 @@
 
 	var Model = __webpack_require__(8);
 	var util = __webpack_require__(9);
+	var frameConst = __webpack_require__(10).frame;
 
 	/**
 	 * 컬럼 모델 데이터를 다루는 객체
@@ -4859,9 +5153,9 @@
 
 	        whichSide = whichSide && whichSide.toUpperCase();
 
-	        if (whichSide === 'L') {
+	        if (whichSide === frameConst.L) {
 	            columnModelList = this.get('visibleList').slice(startIndex, visibleColumnFixCount);
-	        } else if (whichSide === 'R') {
+	        } else if (whichSide === frameConst.R) {
 	            columnModelList = this.get('visibleList').slice(visibleColumnFixCount);
 	        } else {
 	            columnModelList = this.get('visibleList').slice(startIndex);
@@ -5588,6 +5882,10 @@
 	        TABLE_BORDER_WIDTH: 1,
 	        RESIZE_HANDLE_WIDTH: 7
 	    },
+	    frame: {
+	        L: 'L',
+	        R: 'R'
+	    },
 	    attrName: {
 	        ROW_KEY: 'data-row-key',
 	        COLUMN_NAME: 'data-column-name',
@@ -6498,7 +6796,7 @@
 	        // 추가/ 수정된 행 추출
 	        _.each(current, function(row, rowKey) {
 	            var originalRow = original[rowKey],
-	                item = isOnlyRowKeyList ? row.rowKey : row;
+	                item = isOnlyRowKeyList ? row.rowKey : _.omit(row, filteringColumnList);
 
 	            if (!isOnlyChecked || (isOnlyChecked && this.get(rowKey).get('_button'))) {
 	                if (!originalRow) {
@@ -6511,7 +6809,7 @@
 
 	        //삭제된 행 추출
 	        _.each(original, function(obj, rowKey) {
-	            var item = isOnlyRowKeyList ? obj.rowKey : obj;
+	            var item = isOnlyRowKeyList ? obj.rowKey : _.omit(obj, filteringColumnList);
 	            if (!current[rowKey]) {
 	                result.deleteList.push(item);
 	            }
@@ -7812,22 +8110,19 @@
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
-	 * @fileoverview 크기에 관련된 데이터를 다루는 모델
+	 * @fileoverview module:model/dimension
 	 * @author NHN Ent. FE Development Team
 	 */
 	'use strict';
 
-	var _ = __webpack_require__(1);
-
 	var Model = __webpack_require__(8);
-	var util = __webpack_require__(9);
 	var dimensionConstMap = __webpack_require__(10).dimension;
 
 	var TABLE_BORDER_WIDTH = dimensionConstMap.TABLE_BORDER_WIDTH;
 	var CELL_BORDER_WIDTH = dimensionConstMap.CELL_BORDER_WIDTH;
 
 	/**
-	 * 크기 관련 데이터 저장
+	 * Manage values about dimension (layout)
 	 * @module model/dimension
 	 * @param {Object} attrs - Attributes
 	 * @param {Object} options - Options
@@ -7838,30 +8133,13 @@
 	    initialize: function(attrs, options) {
 	        Model.prototype.initialize.apply(this, arguments);
 
-	        /**
-	         * An array of the fixed flags of the columns
-	         * @private
-	         * @type {boolean[]}
-	         */
-	        this._columnWidthFixedFlags = null;
-
-	        /**
-	         * An array of the minimum width of the columns
-	         * @private
-	         * @type {number[]}
-	         */
-	        this._minColumnWidthList = null;
-
 	        this.columnModel = options.columnModel;
 	        this.dataModel = options.dataModel;
 	        this.domState = options.domState;
 
-	        this.listenTo(this.columnModel, 'columnModelChange', this.resetColumnWidths);
-	        this.on('change:width', this._onWidthChange, this);
 	        this.on('change:isFixedHeight', this._resetSyncHeightHandler);
 
 	        this._resetSyncHeightHandler();
-	        this.resetColumnWidths();
 	    },
 
 	    defaults: {
@@ -7884,7 +8162,6 @@
 
 	        rsideWidth: 0,
 	        lsideWidth: 0,
-	        columnWidthList: [],
 
 	        minimumColumnWidth: 0,
 	        scrollBarSize: 17,
@@ -7894,21 +8171,6 @@
 	        isFixedHeight: false
 	    },
 
-	    /**
-	     * 전체 넓이에서 스크롤바, border등의 넓이를 제외하고 실제 셀의 넓이에 사용되는 값만 반환한다.
-	     * @param {number} columnLength - 컬럼의 개수
-	     * @returns {number} 사용가능한 전체 셀의 넓이
-	     * @private
-	     */
-	    _getAvailableTotalWidth: function(columnLength) {
-	        var totalWidth = this.get('width');
-	        var borderCount = columnLength + 1 + (this.isDivisionBorderDoubled() ? 1 : 0);
-	        var totalBorderWidth = borderCount * CELL_BORDER_WIDTH;
-	        var availableTotalWidth = totalWidth - this.getScrollYWidth() - totalBorderWidth;
-
-	        return availableTotalWidth;
-	    },
-
 	    /**
 	     * Attach/Detach event handler of change:totalRowHeight event based on the isFixedHeight.
 	     * @private
@@ -7933,301 +8195,137 @@
 	    },
 
 	    /**
-	     * Makes all width of columns not less than minimumColumnWidth.
-	     * @param {number[]} columnWidthList - 컬럼 넓이값 배열
-	     * @returns {number[]} - 수정된 새로운 넓이값 배열
-	     * @private
+	     * Returns whether division border (between meta column and data column) is doubled or not.
+	     * Division border should be doubled only if visible fixed data column exists.
+	     * @returns {Boolean}
 	     */
-	    _applyMinimumColumnWidth: function(columnWidthList) {
-	        var minWidthList = this._minColumnWidthList;
-	        var appliedList = _.clone(columnWidthList);
-
-	        _.each(appliedList, function(width, index) {
-	            var minWidth = minWidthList[index];
-	            if (width < minWidth) {
-	                appliedList[index] = minWidth;
-	            }
-	        });
-
-	        return appliedList;
+	    isDivisionBorderDoubled: function() {
+	        return this.columnModel.getVisibleColumnFixCount() > 0;
 	    },
 
 	    /**
-	     * Sets the width of columns whose width is not assigned by distributing extra width to them equally.
-	     * @param {number[]} columnWidthList - An array of column widths
-	     * @returns {number[]} - A new array of column widths
+	     * 전체 넓이에서 스크롤바, border등의 넓이를 제외하고 실제 셀의 넓이에 사용되는 값만 반환한다.
+	     * @param {number} columnLength - 컬럼의 개수
+	     * @returns {number} 사용가능한 전체 셀의 넓이
 	     * @private
 	     */
-	    _fillEmptyColumnWidth: function(columnWidthList) {
-	        var totalWidth = this._getAvailableTotalWidth(columnWidthList.length);
-	        var remainTotalWidth = totalWidth - util.sum(columnWidthList);
-	        var emptyIndexes = [];
-
-	        _.each(columnWidthList, function(width, index) {
-	            if (!width) {
-	                emptyIndexes.push(index);
-	            }
-	        });
+	    getAvailableTotalWidth: function(columnLength) {
+	        var totalWidth = this.get('width');
+	        var borderCount = columnLength + 1 + (this.isDivisionBorderDoubled() ? 1 : 0);
+	        var totalBorderWidth = borderCount * CELL_BORDER_WIDTH;
+	        var availableTotalWidth = totalWidth - this.getScrollYWidth() - totalBorderWidth;
 
-	        return this._distributeExtraWidthEqually(columnWidthList, remainTotalWidth, emptyIndexes);
+	        return availableTotalWidth;
 	    },
 
 	    /**
-	     * Adds extra widths of the column equally.
-	     * @param {number[]} columnWidthList - An array of column widths
-	     * @param {number} totalExtraWidth - Total extra width
-	     * @returns {number[]} - A new array of column widths
-	     * @private
+	     * Calc body size of grid except scrollBar
+	     * @returns {{height: number, totalWidth: number, rsideWidth: number}} Body size
 	     */
-	    _addExtraColumnWidth: function(columnWidthList, totalExtraWidth) {
-	        var fixedFlags = this._columnWidthFixedFlags;
-	        var columnIndexes = [];
+	    getBodySize: function() {
+	        var lsideWidth = this.get('lsideWidth'),
+	            rsideWidth = this.get('rsideWidth') - this.getScrollYWidth(),
+	            height = this.get('bodyHeight') - this.getScrollXHeight();
 
-	        _.each(fixedFlags, function(flag, index) {
-	            if (!flag) {
-	                columnIndexes.push(index);
-	            }
-	        });
-	        return this._distributeExtraWidthEqually(columnWidthList, totalExtraWidth, columnIndexes);
+	        return {
+	            height: height,
+	            rsideWidth: rsideWidth,
+	            totalWidth: lsideWidth + rsideWidth
+	        };
 	    },
 
 	    /**
-	     * Reduces excess widths of the column equally.
-	     * @param {number[]} columnWidthList - An array of column widths
-	     * @param {number} totalExcessWidth - Total excess width (negative number)
-	     * @returns {number[]} - A new array of column widths
-	     * @private
+	     * Calc and get overflow values from container position
+	     * @param {Number} pageX - Mouse X-position based on page
+	     * @param {Number} pageY - Mouse Y-position based on page
+	     * @returns {{x: number, y: number}} Mouse-overflow
 	     */
-	    _reduceExcessColumnWidth: function(columnWidthList, totalExcessWidth) {
-	        var minWidthList = this._minColumnWidthList;
-	        var fixedFlags = this._columnWidthFixedFlags;
-	        var availableList = [];
-
-	        _.each(columnWidthList, function(width, index) {
-	            if (!fixedFlags[index]) {
-	                availableList.push({
-	                    index: index,
-	                    width: width - minWidthList[index]
-	                });
-	            }
-	        });
+	    getOverflowFromMousePosition: function(pageX, pageY) {
+	        var containerPos = this.getPositionFromBodyArea(pageX, pageY);
+	        var bodySize = this.getBodySize();
 
-	        return this._reduceExcessColumnWidthSub(_.clone(columnWidthList), totalExcessWidth, availableList);
+	        return this._judgeOverflow(containerPos, bodySize);
 	    },
 
 	    /**
-	     * Reduce the (remaining) excess widths of the column.
-	     * This method will be called recursively by _reduceExcessColumnWidth.
-	     * @param {number[]} columnWidthList - An array of column Width
-	     * @param {number} totalRemainWidth - Remaining excess width (negative number)
-	     * @param {object[]} availableList - An array of infos about available column.
-	     *                                 Each item of the array has {index:number, width:number}.
-	     * @returns {number[]} - A new array of column widths
+	     * Judge overflow
+	     * @param {{x: number, y: number}} containerPosition - Position values based on container
+	     * @param {{height: number, totalWidth: number, rsideWidth: number}} bodySize - Real body size
+	     * @returns {{x: number, y: number}} Overflow values
 	     * @private
 	     */
-	    _reduceExcessColumnWidthSub: function(columnWidthList, totalRemainWidth, availableList) {
-	        var avgValue = Math.round(totalRemainWidth / availableList.length);
-	        var newAvailableList = [];
-	        var columnIndexes;
+	    _judgeOverflow: function(containerPosition, bodySize) {
+	        var containerX = containerPosition.x;
+	        var containerY = containerPosition.y;
+	        var overflowY = 0;
+	        var overflowX = 0;
 
-	        _.each(availableList, function(available) {
-	            // note that totalRemainWidth and avgValue are negative number.
-	            if (available.width < Math.abs(avgValue)) {
-	                totalRemainWidth += available.width;
-	                columnWidthList[available.index] -= available.width;
-	            } else {
-	                newAvailableList.push(available);
-	            }
-	        });
-	        // call recursively until all available width are less than average
-	        if (availableList.length > newAvailableList.length) {
-	            return this._reduceExcessColumnWidthSub(columnWidthList, totalRemainWidth, newAvailableList);
+	        if (containerY < 0) {
+	            overflowY = -1;
+	        } else if (containerY > bodySize.height) {
+	            overflowY = 1;
 	        }
-	        columnIndexes = _.pluck(availableList, 'index');
 
-	        return this._distributeExtraWidthEqually(columnWidthList, totalRemainWidth, columnIndexes);
-	    },
-
-	    /**
-	     * Distributes the extra width equally to each column at specified indexes.
-	     * @param {number[]} columnWidthList - An array of column width
-	     * @param {number} extraWidth - Extra width
-	     * @param {number[]} columnIndexes - An array of indexes of target columns
-	     * @returns {number[]} - A new array of column widths
-	     * @private
-	     */
-	    _distributeExtraWidthEqually: function(columnWidthList, extraWidth, columnIndexes) {
-	        var length = columnIndexes.length;
-	        var avgValue = Math.round(extraWidth / length);
-	        var errorValue = (avgValue * length) - extraWidth; // to correct total width
-	        var resultList = _.clone(columnWidthList);
-
-	        _.each(columnIndexes, function(columnIndex) {
-	            resultList[columnIndex] += avgValue;
-	        });
-
-	        if (columnIndexes.length) {
-	            resultList[_.last(columnIndexes)] -= errorValue;
+	        if (containerX < 0) {
+	            overflowX = -1;
+	        } else if (containerX > bodySize.totalWidth) {
+	            overflowX = 1;
 	        }
 
-	        return resultList;
+	        return {
+	            x: overflowX,
+	            y: overflowY
+	        };
 	    },
 
 	    /**
-	     * Adjust the column widths to make them fit into the dimension.
-	     * @param {number[]} columnWidthList - An array of column width
-	     * @param {boolean} [fitToReducedTotal] - If set to true and the total width is smaller than dimension(width),
-	     *                                    the column widths will be reduced.
-	     * @returns {number[]} - A new array of column widths
-	     * @private
+	     * Return height of X-scrollBar.
+	     * If no X-scrollBar, return 0
+	     * @returns {number} Height of X-scrollBar
 	     */
-	    _adjustColumnWidthList: function(columnWidthList, fitToReducedTotal) {
-	        var columnLength = columnWidthList.length;
-	        var availableWidth = this._getAvailableTotalWidth(columnLength);
-	        var totalExtraWidth = availableWidth - util.sum(columnWidthList);
-	        var fixedCount = _.filter(this._columnWidthFixedFlags).length;
-	        var adjustedList;
-
-	        if (totalExtraWidth > 0) {
-	            if (columnLength > fixedCount) {
-	                adjustedList = this._addExtraColumnWidth(columnWidthList, totalExtraWidth);
-	            } else {
-	                // If all column has fixed width, add extra width to the last column.
-	                adjustedList = _.clone(columnWidthList);
-	                adjustedList[columnLength - 1] += totalExtraWidth;
-	            }
-	        } else if (fitToReducedTotal && totalExtraWidth < 0) {
-	            adjustedList = this._reduceExcessColumnWidth(columnWidthList, totalExtraWidth);
-	        } else {
-	            adjustedList = columnWidthList;
-	        }
-
-	        return adjustedList;
+	    getScrollXHeight: function() {
+	        return (this.get('scrollX') ? this.get('scrollBarSize') : 0);
 	    },
 
 	    /**
-	     * Reset the width of each column by using initial setting of column models.
+	     * Return width of Y-scrollBar.
+	     * If no Y-scrollBar, return 0
+	     * @returns {number} Width of Y-scrollBar
 	     */
-	    resetColumnWidths: function() {
-	        var columnModelList = this.columnModel.getVisibleColumnModelList(null, true);
-	        var commonMinWidth = this.get('minimumColumnWidth');
-	        var widthList = [];
-	        var fixedFlags = [];
-	        var minWidthList = [];
-
-	        _.each(columnModelList, function(columnModel) {
-	            var width = columnModel.width > 0 ? columnModel.width : 0;
-	            var minWidth = Math.max(width, commonMinWidth);
-
-	            // Meta columns are not affected by common 'minimumColumnWidth' value
-	            if (util.isMetaColumn(columnModel.columnName)) {
-	                minWidth = width;
-	            }
-
-	            // If the width is not assigned (in other words, the width is not positive number),
-	            // set it to zero (no need to worry about minimum width at this point)
-	            // so that #_fillEmptyColumnWidth() can detect which one is empty.
-	            // After then, minimum width will be applied by #_applyMinimumColumnWidth().
-	            widthList.push(width ? minWidth : 0);
-	            minWidthList.push(minWidth);
-	            fixedFlags.push(!!columnModel.isFixedWidth);
-	        }, this);
-
-	        this._columnWidthFixedFlags = fixedFlags;
-	        this._minColumnWidthList = minWidthList;
-
-	        this._setColumnWidthVariables(this._calculateColumnWidth(widthList), true);
+	    getScrollYWidth: function() {
+	        return (this.get('scrollY') ? this.get('scrollBarSize') : 0);
 	    },
 
 	    /**
-	     * calculate column width list
-	     * @param {Array.<Number>} widthList - widthList
-	     * @returns {Array.<Number>}
+	     * Returns the height of table body.
+	     * @param  {number} height - The height of the dimension
+	     * @returns {number} The height of the table body
 	     * @private
 	     */
-	    _calculateColumnWidth: function(widthList) {
-	        widthList = this._fillEmptyColumnWidth(widthList);
-	        widthList = this._applyMinimumColumnWidth(widthList);
-	        widthList = this._adjustColumnWidthList(widthList);
-
-	        return widthList;
-	    },
-
-	    /**
-	     * Returns whether division border (between meta column and data column) is doubled or not.
-	     * Division border should be doubled only if visible fixed data column exists.
-	     * @returns {Boolean}
-	     */
-	    isDivisionBorderDoubled: function() {
-	        return this.columnModel.getVisibleColumnFixCount() > 0;
-	    },
-
-	    /**
-	     * L, R 중 하나를 입력받아 frame 의 너비를 구한다.
-	     * @param {String} [whichSide]  지정하지 않을 경우 전체 너비.
-	     * @returns {Number} 해당 frame 의 너비
-	     */
-	    getFrameWidth: function(whichSide) {
-	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
-	        var columnWidthList = this.getColumnWidthList(whichSide);
-	        var frameWidth = this._getFrameWidth(columnWidthList);
-
-	        if (_.isUndefined(whichSide) && columnFixCount > 0) {
-	            frameWidth += CELL_BORDER_WIDTH;
-	        }
+	    _calcRealBodyHeight: function(height) {
+	        var extraHeight = this.get('headerHeight') + this.get('footerHeight') +
+	            this.get('toolbarHeight') + TABLE_BORDER_WIDTH;
 
-	        return frameWidth;
+	        return height - extraHeight;
 	    },
 
 	    /**
-	     * widthList 로부터 보더 값을 포함하여 계산한 frameWidth 를 구한다.
-	     * @param {Array} widthList 너비 리스트 배열
-	     * @returns {Number} 계산된 frame 너비값
+	     * Returns the minimum height of table body.
+	     * @returns {number} The minimum height of table body
 	     * @private
 	     */
-	    _getFrameWidth: function(widthList) {
-	        var frameWidth = 0;
-
-	        if (widthList.length) {
-	            frameWidth = util.sum(widthList) + ((widthList.length + 1) * CELL_BORDER_WIDTH);
-	        }
-
-	        return frameWidth;
+	    _getMinBodyHeight: function() {
+	        return this.get('rowHeight') + (CELL_BORDER_WIDTH * 2) + this.getScrollXHeight();
 	    },
 
 	    /**
-	     * columnWidthList 로 부터, lside 와 rside 의 전체 너비를 계산하여 저장한다.
-	     * @param {array} columnWidthList - 컬럼 넓이값 배열
-	     * @param {boolean} [isSaveWidthList] - 저장 여부. true이면 넓이값 배열을 originalWidthList로 저장한다.
+	     * Sets the height of the dimension.
+	     * (Resets the bodyHeight relative to the dimension height)
+	     * @param  {number} height - The height of the dimension
 	     * @private
 	     */
-	    _setColumnWidthVariables: function(columnWidthList, isSaveWidthList) {
-	        var totalWidth = this.get('width');
-	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
-	        var maxLeftSideWidth = this._getMaxLeftSideWidth();
-	        var rsideWidth, lsideWidth, lsideWidthList, rsideWidthList;
-
-	        lsideWidthList = columnWidthList.slice(0, columnFixCount);
-	        rsideWidthList = columnWidthList.slice(columnFixCount);
-
-	        lsideWidth = this._getFrameWidth(lsideWidthList);
-	        if (maxLeftSideWidth && maxLeftSideWidth < lsideWidth) {
-	            lsideWidthList = this._adjustLeftSideWidthList(lsideWidthList, maxLeftSideWidth);
-	            lsideWidth = this._getFrameWidth(lsideWidthList);
-	            columnWidthList = lsideWidthList.concat(rsideWidthList);
-	        }
-	        rsideWidth = totalWidth - lsideWidth;
-
-	        this.set({
-	            columnWidthList: columnWidthList,
-	            rsideWidth: rsideWidth,
-	            lsideWidth: lsideWidth
-	        });
-
-	        if (isSaveWidthList) {
-	            this.set('originalWidthList', _.clone(columnWidthList));
-	        }
-	        this.trigger('columnWidthChanged');
+	    _setHeight: function(height) {
+	        this.set('bodyHeight', Math.max(this._calcRealBodyHeight(height), this._getMinBodyHeight()));
 	    },
 
 	    /**
@@ -8254,7 +8352,7 @@
 	     * @returns {number} 열고정 영역의 최대 너비값.
 	     * @private
 	     */
-	    _getMaxLeftSideWidth: function() {
+	    getMaxLeftSideWidth: function() {
 	        var maxWidth = Math.ceil(this.get('width') * 0.9); // eslint-disable-line no-magic-number
 
 	        if (maxWidth) {
@@ -8265,698 +8363,1007 @@
 	    },
 
 	    /**
-	     * Returns the horizontal position of the given column
-	     * @param {String} columnName - column name
-	     * @returns {{left: Number, right: Number}}
-	     * @private
+	     * Sets the width and height of the dimension.
+	     * @param {(Number|Null)} width - Width
+	     * @param {(Number|Null)} height - Height
 	     */
-	    _getCellHorizontalPosition: function(columnName) {
-	        var columnModel = this.columnModel;
-	        var metaColumnCount = columnModel.getVisibleMetaColumnCount();
-	        var columnWidthList = this.get('columnWidthList');
-	        var leftColumnCount = columnModel.getVisibleColumnFixCount() + metaColumnCount;
-	        var targetIdx = columnModel.indexOfColumnName(columnName, true) + metaColumnCount;
-	        var idx = leftColumnCount > targetIdx ? 0 : leftColumnCount;
-	        var left = 0;
-
-	        for (; idx < targetIdx; idx += 1) {
-	            left += columnWidthList[idx] + CELL_BORDER_WIDTH;
+	    setSize: function(width, height) {
+	        if (width > 0) {
+	            this.set('width', width);
+	            this.trigger('setWidth', width);
+	        }
+	        if (height > 0) {
+	            this._setHeight(height);
 	        }
+	    },
 
-	        return {
-	            left: left,
-	            right: left + columnWidthList[targetIdx] + CELL_BORDER_WIDTH
-	        };
+	    /**
+	     * Returns the height of the dimension.
+	     * @returns {Number} Height
+	     */
+	    getHeight: function() {
+	        return this.get('bodyHeight') + this.get('headerHeight') + this.get('toolbarHeight');
 	    },
 
 	    /**
-	     * Returns the vertical position of the given row
-	     * @param {Number} rowKey - row key
-	     * @param {Number} rowSpanCount - the count of rowspan
-	     * @returns {{top: Number, bottom: Number}}
-	     * @private
+	     * layout 에 필요한 크기 및 위치 데이터를 갱신한다.
 	     */
-	    _getCellVerticalPosition: function(rowKey, rowSpanCount) {
-	        var firstIdx, lastIdx, top, bottom;
-	        var coordRowModel = this.coordRowModel;
+	    refreshLayout: function() {
+	        var domState = this.domState;
+	        var offset = domState.getOffset();
 
-	        firstIdx = this.dataModel.indexOfRowKey(rowKey);
-	        lastIdx = firstIdx + rowSpanCount - 1;
-	        top = coordRowModel.getOffsetAt(firstIdx);
-	        bottom = coordRowModel.getOffsetAt(lastIdx) +
-	            coordRowModel.getHeightAt(lastIdx) + CELL_BORDER_WIDTH;
+	        this.set({
+	            offsetTop: offset.top,
+	            offsetLeft: offset.left,
+	            width: domState.getWidth()
+	        });
 
-	        return {
-	            top: top,
-	            bottom: bottom
-	        };
+	        if (this.get('fitToParentHeight')) {
+	            this._setHeight(domState.getParentHeight());
+	        }
 	    },
 
 	    /**
-	     * Returns the count of rowspan of given cell
-	     * @param {Number} rowKey - row key
-	     * @param {String} columnName - column name
-	     * @returns {Number}
-	     * @private
+	     * Set bodyHeight value based on the count of row.
+	     * (This method is temporary and required only until the displayRowCount option is removed)
+	     * @param {number} rowCount - row count
 	     */
-	    _getRowSpanCount: function(rowKey, columnName) {
-	        var rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
+	    setBodyHeightWithRowCount: function(rowCount) {
+	        var rowHeight = this.get('rowHeight');
+	        var scrollXHeight = this.getScrollXHeight();
 
-	        if (!rowSpanData.isMainRow) {
-	            rowKey = rowSpanData.mainRowKey;
-	            rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
-	        }
+	        this.set({
+	            isFixedHeight: true,
+	            bodyHeight: (rowHeight + CELL_BORDER_WIDTH) * rowCount + scrollXHeight
+	        });
+	    },
 
-	        return rowSpanData.count || 1;
+	    /**
+	     * Returns the offset.top of body
+	     * @returns {number}
+	     */
+	    getBodyOffsetTop: function() {
+	        return this.get('offsetTop') + this.get('headerHeight') + this.get('toolbarHeight')
+	            + CELL_BORDER_WIDTH + TABLE_BORDER_WIDTH;
 	    },
 
 	    /**
-	     * 계산한 cell 의 위치를 리턴한다.
-	     * @param {Number|String} rowKey - 데이터의 키값
-	     * @param {String} columnName - 칼럼명
-	     * @returns {{top: number, left: number, right: number, bottom: number}} - cell의 위치
-	     * @todo TC
+	     * Returns the position relative to the body-area.
+	     * @param {Number} pageX - x-pos relative to document
+	     * @param {Number} pageY - y-pos relative to document
+	     * @returns {{x: number, y: number}}
+	     * @private
 	     */
-	    getCellPosition: function(rowKey, columnName) {
-	        var rowSpanCount, vPos, hPos;
+	    getPositionFromBodyArea: function(pageX, pageY) {
+	        var bodyOffsetX = this.get('offsetLeft');
+	        var bodyOffsetY = this.getBodyOffsetTop();
 
-	        rowKey = this.dataModel.getMainRowKey(rowKey, columnName);
+	        return {
+	            x: pageX - bodyOffsetX,
+	            y: pageY - bodyOffsetY
+	        };
+	    }
+	});
 
-	        if (!this.dataModel.get(rowKey)) {
-	            return {};
-	        }
+	module.exports = Dimension;
 
-	        rowSpanCount = this._getRowSpanCount(rowKey, columnName);
-	        vPos = this._getCellVerticalPosition(rowKey, rowSpanCount);
-	        hPos = this._getCellHorizontalPosition(columnName);
 
-	        return {
-	            top: vPos.top,
-	            bottom: vPos.bottom,
-	            left: hPos.left,
-	            right: hPos.right
-	        };
+/***/ },
+/* 18 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/**
+	 * @fileoverview Manage coordinates of rows
+	 * @author NHN Ent. FE Development Lab
+	 */
+	'use strict';
+
+	var Model = __webpack_require__(8);
+	var CELL_BORDER_WIDTH = __webpack_require__(10).dimension.CELL_BORDER_WIDTH;
+
+	/**
+	 * @module model/coordRow
+	 * @param {Object} attrs - Attributes
+	 * @param {Object} options - Options
+	 * @extends module:base/model
+	 * @ignore
+	 */
+	var CoordRow = Model.extend(/**@lends module:model/coordRow.prototype */{
+	    initialize: function(attrs, options) {
+	        this.dataModel = options.dataModel;
+	        this.dimensionModel = options.dimensionModel;
+	        this.domState = options.domState;
+
+	        /**
+	         * Height of each rows
+	         * @type {Array}
+	         */
+	        this.rowHeights = [];
+
+	        /**
+	         * Offset of each rows
+	         * @type {Array}
+	         */
+	        this.rowOffsets = [];
+
+	        // Sync height and offest data when dataModel is changed only if the isFixedRowHeight is true.
+	        // If the isFixedRowHeight is false, as the height of each row should be synced with DOM,
+	        // syncWithDom() method is called instead at the end of rendering process.
+	        if (this.dimensionModel.get('isFixedRowHeight')) {
+	            this.listenTo(this.dataModel, 'add remove reset sort', this.syncWithDataModel);
+	        }
 	    },
 
 	    /**
-	     * Return scroll position from the received index
-	     * @param {Number|String} rowKey - Row-key of target cell
-	     * @param {String} columnName - Column name of target cell
-	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
+	     * Refresh coordinate data with real DOM height of cells
 	     */
-	    getScrollPosition: function(rowKey, columnName) {
-	        var isRsideColumn = !this.columnModel.isLside(columnName);
-	        var targetPosition = this.getCellPosition(rowKey, columnName);
-	        var bodySize = this._getBodySize();
-	        var scrollDirection = this._judgeScrollDirection(targetPosition, isRsideColumn, bodySize);
+	    syncWithDom: function() {
+	        var domRowHeights, dataRowHeights, rowHeights;
+	        var i, len;
 
-	        return this._makeScrollPosition(scrollDirection, targetPosition, bodySize);
+
+	        if (this.dimensionModel.get('isFixedRowHeight')) {
+	            return;
+	        }
+
+	        domRowHeights = this.domState.getRowHeights();
+	        dataRowHeights = this._getHeightFromData();
+	        rowHeights = [];
+
+	        for (i = 0, len = dataRowHeights.length; i < len; i += 1) {
+	            rowHeights[i] = Math.max(domRowHeights[i], dataRowHeights[i]);
+	        }
+	        this._reset(rowHeights);
 	    },
 
 	    /**
-	     * Calc body size of grid except scrollBar
-	     * @returns {{height: number, totalWidth: number, rsideWidth: number}} Body size
+	     * Returns the height of rows from dataModel as an array
+	     * @returns {Array.<number>}
 	     * @private
 	     */
-	    _getBodySize: function() {
-	        var lsideWidth = this.get('lsideWidth'),
-	            rsideWidth = this.get('rsideWidth') - this.getScrollYWidth(),
-	            height = this.get('bodyHeight') - this.getScrollXHeight();
+	    _getHeightFromData: function() {
+	        var defHeight = this.dimensionModel.get('rowHeight');
+	        var rowHeights = [];
 
-	        return {
-	            height: height,
-	            rsideWidth: rsideWidth,
-	            totalWidth: lsideWidth + rsideWidth
-	        };
+	        this.dataModel.each(function(row, index) {
+	            rowHeights[index] = (row.getHeight() || defHeight);
+	        });
+
+	        return rowHeights;
 	    },
 
 	    /**
-	     * Judge scroll direction.
-	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
-	     * @param {boolean} isRsideColumn - Whether the target cell is in rside
-	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
-	     * @returns {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} Direction
+	     * Refresh coordinate data with extraData.height
+	     */
+	    syncWithDataModel: function() {
+	        this._reset(this._getHeightFromData());
+	    },
+
+	    /**
+	     * Initialize the values of rowHeights and rowOffsets
+	     * @param {Array.<number>} rowHeights - array of row height
 	     * @private
 	     */
-	    _judgeScrollDirection: function(targetPosition, isRsideColumn, bodySize) {
-	        var renderModel = this.renderModel;
-	        var currentTop = renderModel.get('scrollTop');
-	        var currentLeft = renderModel.get('scrollLeft');
-	        var isUp, isDown, isLeft, isRight;
+	    _reset: function(rowHeights) {
+	        var rowOffsets = [];
+	        var totalRowHeight = 0;
 
-	        isUp = targetPosition.top < currentTop;
-	        isDown = !isUp && (targetPosition.bottom > (currentTop + bodySize.height));
-	        if (isRsideColumn) {
-	            isLeft = targetPosition.left < currentLeft;
-	            isRight = !isLeft && (targetPosition.right > (currentLeft + bodySize.rsideWidth - 1));
-	        } else {
-	            isLeft = isRight = false;
+	        _.each(rowHeights, function(height, index) {
+	            var prevOffset = index ? (rowOffsets[index - 1] + CELL_BORDER_WIDTH) : 0;
+	            var prevHeight = index ? rowHeights[index - 1] : 0;
+
+	            rowOffsets[index] = prevOffset + prevHeight;
+	        });
+
+	        this.rowHeights = rowHeights;
+	        this.rowOffsets = rowOffsets;
+
+	        if (rowHeights.length) {
+	            totalRowHeight = _.last(rowOffsets) + _.last(rowHeights) + CELL_BORDER_WIDTH;
 	        }
+	        this.dimensionModel.set('totalRowHeight', totalRowHeight);
+	        this.trigger('reset');
+	    },
 
-	        return {
-	            isUp: isUp,
-	            isDown: isDown,
-	            isLeft: isLeft,
-	            isRight: isRight
-	        };
+	    /**
+	     * Returns the height of the row of given index
+	     * @param {number} index - row index
+	     * @returns {number}
+	     */
+	    getHeightAt: function(index) {
+	        return this.rowHeights[index];
 	    },
 
 	    /**
-	     * Make scroll position
-	     * @param {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} scrollDirection - Direction
-	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
-	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
-	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
-	     * @private
+	     * Returns the offset of the row of given index
+	     * @param {number} index - row index
+	     * @returns {number}
 	     */
-	    _makeScrollPosition: function(scrollDirection, targetPosition, bodySize) {
-	        var pos = {};
+	    getOffsetAt: function(index) {
+	        return this.rowOffsets[index];
+	    },
 
-	        if (scrollDirection.isUp) {
-	            pos.scrollTop = targetPosition.top;
-	        } else if (scrollDirection.isDown) {
-	            pos.scrollTop = targetPosition.bottom - bodySize.height;
-	        }
+	    /**
+	     * Returns the height of the row of the given rowKey
+	     * @param {number} rowKey - rowKey
+	     * @returns {number}
+	     */
+	    getHeight: function(rowKey) {
+	        var index = this.dataModel.indexOfRowKey(rowKey);
+	        return this.getHeightAt(index);
+	    },
 
-	        if (scrollDirection.isLeft) {
-	            pos.scrollLeft = targetPosition.left;
-	        } else if (scrollDirection.isRight) {
-	            pos.scrollLeft = targetPosition.right - bodySize.rsideWidth + TABLE_BORDER_WIDTH;
+	    /**
+	     * Returns the offset of the row of the given rowKey
+	     * @param {number} rowKey - rowKey
+	     * @returns {number}
+	     */
+	    getOffset: function(rowKey) {
+	        var index = this.dataModel.indexOfRowKey(rowKey);
+	        return this.getOffsetAt(index);
+	    },
+
+	    /**
+	     * Returns the index of the row which contains given position
+	     * @param {number} position - target position
+	     * @returns {number}
+	     */
+	    indexOf: function(position) {
+	        var rowOffsets = this.rowOffsets;
+	        var idx = 0;
+
+	        position += CELL_BORDER_WIDTH;
+	        while (rowOffsets[idx] <= position) {
+	            idx += 1;
 	        }
 
-	        return pos;
+	        return idx - 1;
+	    }
+	});
+
+	module.exports = CoordRow;
+
+
+/***/ },
+/* 19 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/**
+	 * @fileoverview Manage coordinates of rows
+	 * @author NHN Ent. FE Development Lab
+	 */
+	'use strict';
+
+	var Model = __webpack_require__(8);
+	var util = __webpack_require__(9);
+	var constMap = __webpack_require__(10);
+	var dimensionConst = constMap.dimension;
+	var frameConst = constMap.frame;
+
+	var CELL_BORDER_WIDTH = dimensionConst.CELL_BORDER_WIDTH;
+
+	/**
+	 * @module model/coordColumn
+	 * @param {Object} attrs - Attributes
+	 * @param {Object} options - Options
+	 * @extends module:base/model
+	 * @ignore
+	 */
+	var CoordColumn = Model.extend(/**@lends module:model/coordColumn.prototype */{
+	    initialize: function(attrs, options) {
+	        this.dimensionModel = options.dimensionModel;
+	        this.columnModel = options.columnModel;
+
+	        /**
+	         * An array of the fixed flags of the columns
+	         * @private
+	         * @type {boolean[]}
+	         */
+	        this._columnWidthFixedFlags = null;
+
+	        /**
+	         * An array of the minimum width of the columns
+	         * @private
+	         * @type {number[]}
+	         */
+	        this._minColumnWidthList = null;
+
+	        /**
+	         * Whether the column width is modified by user.
+	         * @type {boolean}
+	         */
+	        this._isModified = false;
+
+	        this.listenTo(this.columnModel, 'columnModelChange', this.resetColumnWidths);
+	        this.listenTo(this.dimensionModel, 'change:width', this._onDimensionWidthChange);
+	        this.resetColumnWidths();
+	    },
+
+	    defaults: {
+	        columnWidthList: []
 	    },
 
 	    /**
-	     * Calc and get overflow values from container position
-	     * @param {Number} pageX - Mouse X-position based on page
-	     * @param {Number} pageY - Mouse Y-position based on page
-	     * @returns {{x: number, y: number}} Mouse-overflow
+	     * Reset the width of each column by using initial setting of column models.
 	     */
-	    getOverflowFromMousePosition: function(pageX, pageY) {
-	        var containerPos = this._rebasePositionToContainer(pageX, pageY);
-	        var bodySize = this._getBodySize();
+	    resetColumnWidths: function() {
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(null, true);
+	        var commonMinWidth = this.dimensionModel.get('minimumColumnWidth');
+	        var widthList = [];
+	        var fixedFlags = [];
+	        var minWidthList = [];
 
-	        return this._judgeOverflow(containerPos, bodySize);
+	        _.each(columnModelList, function(columnModel) {
+	            var width = columnModel.width > 0 ? columnModel.width : 0;
+	            var minWidth = Math.max(width, commonMinWidth);
+
+	            // Meta columns are not affected by common 'minimumColumnWidth' value
+	            if (util.isMetaColumn(columnModel.columnName)) {
+	                minWidth = width;
+	            }
+
+	            // If the width is not assigned (in other words, the width is not positive number),
+	            // set it to zero (no need to worry about minimum width at this point)
+	            // so that #_fillEmptyColumnWidth() can detect which one is empty.
+	            // After then, minimum width will be applied by #_applyMinimumColumnWidth().
+	            widthList.push(width ? minWidth : 0);
+	            minWidthList.push(minWidth);
+	            fixedFlags.push(!!columnModel.isFixedWidth);
+	        }, this);
+
+	        this._columnWidthFixedFlags = fixedFlags;
+	        this._minColumnWidthList = minWidthList;
+
+	        this._setColumnWidthVariables(this._calculateColumnWidth(widthList), true);
 	    },
 
 	    /**
-	     * Judge overflow
-	     * @param {{x: number, y: number}} containerPosition - Position values based on container
-	     * @param {{height: number, totalWidth: number, rsideWidth: number}} bodySize - Real body size
-	     * @returns {{x: number, y: number}} Overflow values
+	     * columnWidthList 로 부터, lside 와 rside 의 전체 너비를 계산하여 저장한다.
+	     * @param {array} columnWidthList - 컬럼 넓이값 배열
+	     * @param {boolean} [isSaveWidthList] - 저장 여부. true이면 넓이값 배열을 originalWidthList로 저장한다.
 	     * @private
 	     */
-	    _judgeOverflow: function(containerPosition, bodySize) {
-	        var containerX = containerPosition.x;
-	        var containerY = containerPosition.y;
-	        var overflowY = 0;
-	        var overflowX = 0;
+	    _setColumnWidthVariables: function(columnWidthList, isSaveWidthList) {
+	        var totalWidth = this.dimensionModel.get('width');
+	        var maxLeftSideWidth = this.dimensionModel.getMaxLeftSideWidth();
+	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
+	        var rsideWidth, lsideWidth, lsideWidthList, rsideWidthList;
 
-	        if (containerY < 0) {
-	            overflowY = -1;
-	        } else if (containerY > bodySize.height) {
-	            overflowY = 1;
-	        }
+	        lsideWidthList = columnWidthList.slice(0, columnFixCount);
+	        rsideWidthList = columnWidthList.slice(columnFixCount);
 
-	        if (containerX < 0) {
-	            overflowX = -1;
-	        } else if (containerX > bodySize.totalWidth) {
-	            overflowX = 1;
+	        lsideWidth = this._getFrameWidth(lsideWidthList);
+	        if (maxLeftSideWidth && maxLeftSideWidth < lsideWidth) {
+	            lsideWidthList = this._adjustLeftSideWidthList(lsideWidthList, maxLeftSideWidth);
+	            lsideWidth = this._getFrameWidth(lsideWidthList);
+	            columnWidthList = lsideWidthList.concat(rsideWidthList);
 	        }
+	        rsideWidth = totalWidth - lsideWidth;
 
-	        return {
-	            x: overflowX,
-	            y: overflowY
-	        };
+	        this.set({
+	            columnWidthList: columnWidthList
+	        });
+	        this.dimensionModel.set({
+	            rsideWidth: rsideWidth,
+	            lsideWidth: lsideWidth
+	        });
+
+	        if (isSaveWidthList) {
+	            this.set('originalWidthList', _.clone(columnWidthList));
+	        }
+	        this.trigger('columnWidthChanged');
 	    },
 
 	    /**
-	     * Get cell index from mouse position
-	     * @param {Number} pageX - Mouse X-position based on page
-	     * @param {Number} pageY - Mouse Y-position based on page
-	     * @param {boolean} [withMeta] - Whether the meta columns go with this calculation
-	     * @returns {{row: number, column: number}} Cell index
+	     * columnFixCount 가 적용되었을 때, window resize 시 left side 의 너비를 조정한다.
+	     * @param {Array} lsideWidthList    열고정 영역의 너비 리스트 배열
+	     * @param {Number} totalWidth   grid 전체 너비
+	     * @returns {Array} 열고정 영역의 너비 리스트
+	     * @private
 	     */
-	    getIndexFromMousePosition: function(pageX, pageY, withMeta) {
-	        var containerPos = this._rebasePositionToContainer(pageX, pageY);
+	    _adjustLeftSideWidthList: function(lsideWidthList, totalWidth) {
+	        var i = lsideWidthList.length - 1;
+	        var minimumColumnWidth = this.dimensionModel.get('minimumColumnWidth');
+	        var currentWidth = this._getFrameWidth(lsideWidthList);
+	        var diff = currentWidth - totalWidth;
+	        var changedWidth;
 
-	        return {
-	            row: this._calcRowIndexFromPositionY(containerPos.y),
-	            column: this._calcColumnIndexFromPositionX(containerPos.x, withMeta)
-	        };
+	        if (diff > 0) {
+	            while (i >= 0 && diff > 0) {
+	                changedWidth = Math.max(minimumColumnWidth, lsideWidthList[i] - diff);
+	                diff -= lsideWidthList[i] - changedWidth;
+	                lsideWidthList[i] = changedWidth;
+	                i -= 1;
+	            }
+	        } else if (diff < 0) {
+	            lsideWidthList[i] += Math.abs(diff);
+	        }
+
+	        return lsideWidthList;
 	    },
 
 	    /**
-	     * Calc and get column index from Y-position based on the container
-	     * @param {number} containerY - X-position based on the container
-	     * @returns {number} Row index
+	     * calculate column width list
+	     * @param {Array.<Number>} widthList - widthList
+	     * @returns {Array.<Number>}
 	     * @private
 	     */
-	    _calcRowIndexFromPositionY: function(containerY) {
-	        var cellY = containerY + this.renderModel.get('scrollTop');
+	    _calculateColumnWidth: function(widthList) {
+	        widthList = this._fillEmptyColumnWidth(widthList);
+	        widthList = this._applyMinimumColumnWidth(widthList);
+	        widthList = this._adjustColumnWidthList(widthList);
 
-	        return this.coordRowModel.indexOf(cellY);
+	        return widthList;
 	    },
 
 	    /**
-	     * Calc and get column index from X-position based on the container
-	     * @param {number} containerX - X-position based on the container
-	     * @param {boolean} withMeta - Whether the meta columns go with this calculation
-	     * @returns {number} Column index
+	     * Sets the width of columns whose width is not assigned by distributing extra width to them equally.
+	     * @param {number[]} columnWidthList - An array of column widths
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _calcColumnIndexFromPositionX: function(containerX, withMeta) {
-	        var columnWidthList = this.getColumnWidthList();
-	        var totalColumnWidth = this.getFrameWidth();
-	        var cellX = containerX;
-	        var isRsidePosition = containerX >= this.get('lsideWidth');
-	        var adjustableIndex = (withMeta) ? 0 : this.columnModel.getVisibleMetaColumnCount();
-	        var columnIndex = 0;
-
-	        if (isRsidePosition) {
-	            cellX += this.renderModel.get('scrollLeft');
-	        }
-
-	        if (cellX >= totalColumnWidth) {
-	            columnIndex = columnWidthList.length - 1;
-	        } else {
-	            tui.util.forEachArray(columnWidthList, function(width, index) { // eslint-disable-line consistent-return
-	                width += CELL_BORDER_WIDTH;
-	                columnIndex = index;
+	    _fillEmptyColumnWidth: function(columnWidthList) {
+	        var totalWidth = this.dimensionModel.getAvailableTotalWidth(columnWidthList.length);
+	        var remainTotalWidth = totalWidth - util.sum(columnWidthList);
+	        var emptyIndexes = [];
 
-	                if (cellX > width) {
-	                    cellX -= width;
-	                } else {
-	                    return false;
-	                }
-	            });
-	        }
+	        _.each(columnWidthList, function(width, index) {
+	            if (!width) {
+	                emptyIndexes.push(index);
+	            }
+	        });
 
-	        return Math.max(0, columnIndex - adjustableIndex);
+	        return this._distributeExtraWidthEqually(columnWidthList, remainTotalWidth, emptyIndexes);
 	    },
 
 	    /**
-	     * 마우스 위치 정보에 해당하는 grid container 기준 pageX 와 pageY 를 반환한다.
-	     * @param {Number} pageX    마우스 x 좌표
-	     * @param {Number} pageY    마우스 y 좌표
-	     * @returns {{x: number, y: number}} 그리드 container 기준의 x, y 값
+	     * widthList 로부터 보더 값을 포함하여 계산한 frameWidth 를 구한다.
+	     * @param {Array} widthList 너비 리스트 배열
+	     * @returns {Number} 계산된 frame 너비값
 	     * @private
 	     */
-	    _rebasePositionToContainer: function(pageX, pageY) {
-	        var offsetX = this.get('offsetLeft');
-	        var offsetY = this.get('offsetTop') + this.get('headerHeight') + this.get('toolbarHeight')
-	             + CELL_BORDER_WIDTH + TABLE_BORDER_WIDTH;
+	    _getFrameWidth: function(widthList) {
+	        var frameWidth = 0;
 
-	        return {
-	            x: pageX - offsetX,
-	            y: pageY - offsetY
-	        };
+	        if (widthList.length) {
+	            frameWidth = util.sum(widthList) + ((widthList.length + 1) * CELL_BORDER_WIDTH);
+	        }
+
+	        return frameWidth;
 	    },
 
 	    /**
-	     * columnFixCount 가 적용되었을 때, window resize 시 left side 의 너비를 조정한다.
-	     * @param {Array} lsideWidthList    열고정 영역의 너비 리스트 배열
-	     * @param {Number} totalWidth   grid 전체 너비
-	     * @returns {Array} 열고정 영역의 너비 리스트
+	     * Adds extra widths of the column equally.
+	     * @param {number[]} columnWidthList - An array of column widths
+	     * @param {number} totalExtraWidth - Total extra width
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _adjustLeftSideWidthList: function(lsideWidthList, totalWidth) {
-	        var i = lsideWidthList.length - 1;
-	        var minimumColumnWidth = this.get('minimumColumnWidth');
-	        var currentWidth = this._getFrameWidth(lsideWidthList);
-	        var diff = currentWidth - totalWidth;
-	        var changedWidth;
+	    _addExtraColumnWidth: function(columnWidthList, totalExtraWidth) {
+	        var fixedFlags = this._columnWidthFixedFlags;
+	        var columnIndexes = [];
 
-	        if (diff > 0) {
-	            while (i >= 0 && diff > 0) {
-	                changedWidth = Math.max(minimumColumnWidth, lsideWidthList[i] - diff);
-	                diff -= lsideWidthList[i] - changedWidth;
-	                lsideWidthList[i] = changedWidth;
-	                i -= 1;
+	        _.each(fixedFlags, function(flag, index) {
+	            if (!flag) {
+	                columnIndexes.push(index);
 	            }
-	        } else if (diff < 0) {
-	            lsideWidthList[i] += Math.abs(diff);
-	        }
-
-	        return lsideWidthList;
+	        });
+	        return this._distributeExtraWidthEqually(columnWidthList, totalExtraWidth, columnIndexes);
 	    },
 
 	    /**
-	     * Return height of X-scrollBar.
-	     * If no X-scrollBar, return 0
-	     * @returns {number} Height of X-scrollBar
+	     * Reduces excess widths of the column equally.
+	     * @param {number[]} columnWidthList - An array of column widths
+	     * @param {number} totalExcessWidth - Total excess width (negative number)
+	     * @returns {number[]} - A new array of column widths
+	     * @private
 	     */
-	    getScrollXHeight: function() {
-	        return (this.get('scrollX') ? this.get('scrollBarSize') : 0);
-	    },
+	    _reduceExcessColumnWidth: function(columnWidthList, totalExcessWidth) {
+	        var minWidthList = this._minColumnWidthList;
+	        var fixedFlags = this._columnWidthFixedFlags;
+	        var availableList = [];
 
-	    /**
-	     * Return width of Y-scrollBar.
-	     * If no Y-scrollBar, return 0
-	     * @returns {number} Width of Y-scrollBar
-	     */
-	    getScrollYWidth: function() {
-	        return (this.get('scrollY') ? this.get('scrollBarSize') : 0);
+	        _.each(columnWidthList, function(width, index) {
+	            if (!fixedFlags[index]) {
+	                availableList.push({
+	                    index: index,
+	                    width: width - minWidthList[index]
+	                });
+	            }
+	        });
+
+	        return this._reduceExcessColumnWidthSub(_.clone(columnWidthList), totalExcessWidth, availableList);
 	    },
 
 	    /**
-	     * width 값 변경시 각 column 별 너비를 계산한다.
+	     * Reduce the (remaining) excess widths of the column.
+	     * This method will be called recursively by _reduceExcessColumnWidth.
+	     * @param {number[]} columnWidthList - An array of column Width
+	     * @param {number} totalRemainWidth - Remaining excess width (negative number)
+	     * @param {object[]} availableList - An array of infos about available column.
+	     *                                 Each item of the array has {index:number, width:number}.
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _onWidthChange: function() {
-	        var widthList = this._adjustColumnWidthList(this.get('columnWidthList'), true);
+	    _reduceExcessColumnWidthSub: function(columnWidthList, totalRemainWidth, availableList) {
+	        var avgValue = Math.round(totalRemainWidth / availableList.length);
+	        var newAvailableList = [];
+	        var columnIndexes;
 
-	        this._setColumnWidthVariables(widthList);
+	        _.each(availableList, function(available) {
+	            // note that totalRemainWidth and avgValue are negative number.
+	            if (available.width < Math.abs(avgValue)) {
+	                totalRemainWidth += available.width;
+	                columnWidthList[available.index] -= available.width;
+	            } else {
+	                newAvailableList.push(available);
+	            }
+	        });
+	        // call recursively until all available width are less than average
+	        if (availableList.length > newAvailableList.length) {
+	            return this._reduceExcessColumnWidthSub(columnWidthList, totalRemainWidth, newAvailableList);
+	        }
+	        columnIndexes = _.pluck(availableList, 'index');
+
+	        return this._distributeExtraWidthEqually(columnWidthList, totalRemainWidth, columnIndexes);
 	    },
 
 	    /**
-	     * columnResize 발생 시 index 에 해당하는 컬럼의 width 를 변경하여 반영한다.
-	     * @param {Number} index    너비를 변경할 컬럼의 인덱스
-	     * @param {Number} width    변경할 너비 pixel값
+	     * Distributes the extra width equally to each column at specified indexes.
+	     * @param {number[]} columnWidthList - An array of column width
+	     * @param {number} extraWidth - Extra width
+	     * @param {number[]} columnIndexes - An array of indexes of target columns
+	     * @returns {number[]} - A new array of column widths
+	     * @private
 	     */
-	    setColumnWidth: function(index, width) {
-	        var columnWidthList = this.get('columnWidthList');
-	        var fixedFlags = this._columnWidthFixedFlags;
-	        var minWidth = this._minColumnWidthList[index];
-	        var adjustedList;
+	    _distributeExtraWidthEqually: function(columnWidthList, extraWidth, columnIndexes) {
+	        var length = columnIndexes.length;
+	        var avgValue = Math.round(extraWidth / length);
+	        var errorValue = (avgValue * length) - extraWidth; // to correct total width
+	        var resultList = _.clone(columnWidthList);
 
-	        if (!fixedFlags[index] && columnWidthList[index]) {
-	            columnWidthList[index] = Math.max(width, minWidth);
-	            // makes width of the target column fixed temporarily
-	            // to not be influenced while adjusting column widths.
-	            fixedFlags[index] = true;
-	            adjustedList = this._adjustColumnWidthList(columnWidthList);
-	            fixedFlags[index] = false;
-	            this._setColumnWidthVariables(adjustedList);
+	        _.each(columnIndexes, function(columnIndex) {
+	            resultList[columnIndex] += avgValue;
+	        });
+
+	        if (columnIndexes.length) {
+	            resultList[_.last(columnIndexes)] -= errorValue;
 	        }
+
+	        return resultList;
 	    },
 
 	    /**
-	     * Returns the height of table body.
-	     * @param  {number} height - The height of the dimension
-	     * @returns {number} The height of the table body
+	     * Makes all width of columns not less than minimumColumnWidth.
+	     * @param {number[]} columnWidthList - 컬럼 넓이값 배열
+	     * @returns {number[]} - 수정된 새로운 넓이값 배열
 	     * @private
 	     */
-	    _calcRealBodyHeight: function(height) {
-	        var extraHeight = this.get('headerHeight') + this.get('footerHeight') +
-	            this.get('toolbarHeight') + TABLE_BORDER_WIDTH;
+	    _applyMinimumColumnWidth: function(columnWidthList) {
+	        var minWidthList = this._minColumnWidthList;
+	        var appliedList = _.clone(columnWidthList);
 
-	        return height - extraHeight;
+	        _.each(appliedList, function(width, index) {
+	            var minWidth = minWidthList[index];
+	            if (width < minWidth) {
+	                appliedList[index] = minWidth;
+	            }
+	        });
+
+	        return appliedList;
 	    },
 
 	    /**
-	     * Returns the minimum height of table body.
-	     * @returns {number} The minimum height of table body
+	     * Adjust the column widths to make them fit into the dimension.
+	     * @param {number[]} columnWidthList - An array of column width
+	     * @param {boolean} [fitToReducedTotal] - If set to true and the total width is smaller than dimension(width),
+	     *                                    the column widths will be reduced.
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _getMinBodyHeight: function() {
-	        return this.get('rowHeight') + (CELL_BORDER_WIDTH * 2) + this.getScrollXHeight();
+	    _adjustColumnWidthList: function(columnWidthList, fitToReducedTotal) {
+	        var columnLength = columnWidthList.length;
+	        var availableWidth = this.dimensionModel.getAvailableTotalWidth(columnLength);
+	        var totalExtraWidth = availableWidth - util.sum(columnWidthList);
+	        var fixedCount = _.filter(this._columnWidthFixedFlags).length;
+	        var adjustedList;
+
+	        if (totalExtraWidth > 0) {
+	            if (columnLength > fixedCount) {
+	                adjustedList = this._addExtraColumnWidth(columnWidthList, totalExtraWidth);
+	            } else {
+	                // If all column has fixed width, add extra width to the last column.
+	                adjustedList = _.clone(columnWidthList);
+	                adjustedList[columnLength - 1] += totalExtraWidth;
+	            }
+	        } else if (fitToReducedTotal && totalExtraWidth < 0) {
+	            adjustedList = this._reduceExcessColumnWidth(columnWidthList, totalExtraWidth);
+	        } else {
+	            adjustedList = columnWidthList;
+	        }
+
+	        return adjustedList;
 	    },
 
 	    /**
-	     * Sets the height of the dimension.
-	     * (Resets the bodyHeight relative to the dimension height)
-	     * @param  {number} height - The height of the dimension
+	     * width 값 변경시 각 column 별 너비를 계산한다.
 	     * @private
 	     */
-	    _setHeight: function(height) {
-	        this.set('bodyHeight', Math.max(this._calcRealBodyHeight(height), this._getMinBodyHeight()));
-	    },
+	    _onDimensionWidthChange: function() {
+	        var widthList = this.get('columnWidthList');
 
-	    /**
-	     * Sets the width and height of the dimension.
-	     * @param {(Number|Null)} width - Width
-	     * @param {(Number|Null)} height - Height
-	     */
-	    setSize: function(width, height) {
-	        if (width > 0) {
-	            this.set('width', width);
-	            this.trigger('setWidth', width);
-	        }
-	        if (height > 0) {
-	            this._setHeight(height);
+	        if (!this._isModified) {
+	            widthList = this._adjustColumnWidthList(widthList, true);
 	        }
+	        this._setColumnWidthVariables(widthList);
 	    },
 
 	    /**
-	     * Returns the height of the dimension.
-	     * @returns {Number} Height
+	     * L side 와 R side 에 따른 columnWidthList 를 반환한다.
+	     * @param {String} [whichSide] 어느 영역인지 여부. L,R 중 하나를 인자로 넘긴다. 생략시 전체 columnList 반환
+	     * @returns {Array}  조회한 영역의 columnWidthList
 	     */
-	    getHeight: function() {
-	        return this.get('bodyHeight') + this.get('headerHeight') + this.get('toolbarHeight');
+	    getColumnWidthList: function(whichSide) {
+	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
+	        var columnWidthList = [];
+
+	        switch (whichSide) {
+	            case frameConst.L:
+	                columnWidthList = this.get('columnWidthList').slice(0, columnFixCount);
+	                break;
+	            case frameConst.R:
+	                columnWidthList = this.get('columnWidthList').slice(columnFixCount);
+	                break;
+	            default :
+	                columnWidthList = this.get('columnWidthList');
+	                break;
+	        }
+
+	        return columnWidthList;
 	    },
 
 	    /**
-	     * layout 에 필요한 크기 및 위치 데이터를 갱신한다.
+	     * L, R 중 하나를 입력받아 frame 의 너비를 구한다.
+	     * @param {String} [whichSide]  지정하지 않을 경우 전체 너비.
+	     * @returns {Number} 해당 frame 의 너비
 	     */
-	    refreshLayout: function() {
-	        var domState = this.domState;
-	        var offset = domState.getOffset();
-
-	        this.set({
-	            offsetTop: offset.top,
-	            offsetLeft: offset.left,
-	            width: domState.getWidth()
-	        });
+	    getFrameWidth: function(whichSide) {
+	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
+	        var columnWidthList = this.getColumnWidthList(whichSide);
+	        var frameWidth = this._getFrameWidth(columnWidthList);
 
-	        if (this.get('fitToParentHeight')) {
-	            this._setHeight(domState.getParentHeight());
+	        if (_.isUndefined(whichSide) && columnFixCount > 0) {
+	            frameWidth += CELL_BORDER_WIDTH;
 	        }
+
+	        return frameWidth;
 	    },
 
 	    /**
-	     * 초기 너비로 돌린다.
+	     * columnResize 발생 시 index 에 해당하는 컬럼의 width 를 변경하여 반영한다.
 	     * @param {Number} index    너비를 변경할 컬럼의 인덱스
+	     * @param {Number} width    변경할 너비 pixel값
 	     */
-	    restoreColumnWidth: function(index) {
-	        var orgWidth = this.get('originalWidthList')[index];
+	    setColumnWidth: function(index, width) {
+	        var columnWidthList = this.get('columnWidthList');
+	        var fixedFlags = this._columnWidthFixedFlags;
+	        var minWidth = this._minColumnWidthList[index];
 
-	        this.setColumnWidth(index, orgWidth);
+	        if (!fixedFlags[index] && columnWidthList[index]) {
+	            columnWidthList[index] = Math.max(width, minWidth);
+	            this._setColumnWidthVariables(columnWidthList);
+	            this._isModified = true;
+	        }
 	    },
 
 	    /**
-	     * L side 와 R side 에 따른 columnWidthList 를 반환한다.
-	     * @param {String} [whichSide] 어느 영역인지 여부. 'L|R' 중 하나를 인자로 넘긴다. 생략시 전체 columnList 반환
-	     * @returns {Array}  조회한 영역의 columnWidthList
+	     * Returns column index from X-position relative to the body-area
+	     * @param {number} posX - X-position relative to the body-area
+	     * @param {boolean} withMeta - Whether the meta columns go with this calculation
+	     * @returns {number} Column index
+	     * @private
 	     */
-	    getColumnWidthList: function(whichSide) {
-	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
-	        var columnWidthList = [];
+	    indexOf: function(posX, withMeta) {
+	        var columnWidthList = this.getColumnWidthList();
+	        var totalColumnWidth = this.getFrameWidth();
+	        var adjustableIndex = (withMeta) ? 0 : this.columnModel.getVisibleMetaColumnCount();
+	        var columnIndex = 0;
 
-	        switch (whichSide) {
-	            case 'l':
-	            case 'L':
-	                columnWidthList = this.get('columnWidthList').slice(0, columnFixCount);
-	                break;
-	            case 'r':
-	            case 'R':
-	                columnWidthList = this.get('columnWidthList').slice(columnFixCount);
-	                break;
-	            default :
-	                columnWidthList = this.get('columnWidthList');
-	                break;
+	        if (posX >= totalColumnWidth) {
+	            columnIndex = columnWidthList.length - 1;
+	        } else {
+	            tui.util.forEachArray(columnWidthList, function(width, index) { // eslint-disable-line consistent-return
+	                width += CELL_BORDER_WIDTH;
+	                columnIndex = index;
+
+	                if (posX > width) {
+	                    posX -= width;
+	                } else {
+	                    return false;
+	                }
+	            });
 	        }
 
-	        return columnWidthList;
+	        return Math.max(0, columnIndex - adjustableIndex);
 	    },
 
 	    /**
-	     * Set bodyHeight value based on the count of row.
-	     * (This method is temporary and required only until the displayRowCount option is removed)
-	     * @param {number} rowCount - row count
+	     * Restore a column to the default width.
+	     * @param {Number} index - target column index
 	     */
-	    setBodyHeightWithRowCount: function(rowCount) {
-	        var rowHeight = this.get('rowHeight');
-	        var scrollXHeight = this.getScrollXHeight();
+	    restoreColumnWidth: function(index) {
+	        var orgWidth = this.get('originalWidthList')[index];
 
-	        this.set({
-	            isFixedHeight: true,
-	            bodyHeight: (rowHeight + CELL_BORDER_WIDTH) * rowCount + scrollXHeight
-	        });
+	        this.setColumnWidth(index, orgWidth);
 	    }
 	});
 
-	module.exports = Dimension;
+	module.exports = CoordColumn;
 
 
 /***/ },
-/* 18 */
+/* 20 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
-	 * @fileoverview Manage coordinates of rows
+	 * @fileoverview Converts coordinates to index of rows and columns
 	 * @author NHN Ent. FE Development Lab
 	 */
 	'use strict';
 
 	var Model = __webpack_require__(8);
-	var CELL_BORDER_WIDTH = __webpack_require__(10).dimension.CELL_BORDER_WIDTH;
+	var dimensionConstMap = __webpack_require__(10).dimension;
+
+	var TABLE_BORDER_WIDTH = dimensionConstMap.TABLE_BORDER_WIDTH;
+	var CELL_BORDER_WIDTH = dimensionConstMap.CELL_BORDER_WIDTH;
 
 	/**
-	 * @module model/coordRow
+	 * @module model/coordConverter
+	 * @param {Object} attrs - Attributes
 	 * @param {Object} options - Options
 	 * @extends module:base/model
 	 * @ignore
 	 */
-	var CoordRow = Model.extend(/**@lends module:model/coordRow.prototype */{
-	    initialize: function(options) {
+	var CoordConverter = Model.extend(/**@lends module:model/coordConverter.prototype */{
+	    initialize: function(attrs, options) {
 	        this.dataModel = options.dataModel;
+	        this.columnModel = options.columnModel;
+	        this.focusModel = options.focusModel;
 	        this.dimensionModel = options.dimensionModel;
-	        this.domState = options.domState;
+	        this.renderModel = options.renderModel;
+	        this.coordRowModel = options.coordRowModel;
+	        this.coordColumnModel = options.coordColumnModel;
 
-	        /**
-	         * Height of each rows
-	         * @type {Array}
-	         */
-	        this.rowHeights = [];
+	        this.listenTo(this.focusModel, 'focus', this._onFocus);
+	    },
 
-	        /**
-	         * Offset of each rows
-	         * @type {Array}
-	         */
-	        this.rowOffsets = [];
+	    /**
+	     * Get cell index from mouse position
+	     * @param {Number} pageX - Mouse X-position based on page
+	     * @param {Number} pageY - Mouse Y-position based on page
+	     * @param {boolean} [withMeta] - Whether the meta columns go with this calculation
+	     * @returns {{row: number, column: number}} Cell index
+	     */
+	    getIndexFromMousePosition: function(pageX, pageY, withMeta) {
+	        var position = this.dimensionModel.getPositionFromBodyArea(pageX, pageY);
+	        var posWithScroll = this._getScrolledPosition(position);
 
-	        // Sync height and offest data when dataModel is changed only if the isFixedRowHeight is true.
-	        // If the isFixedRowHeight is false, as the height of each row should be synced with DOM,
-	        // syncWithDom() method is called instead at the end of rendering process.
-	        if (this.dimensionModel.get('isFixedRowHeight')) {
-	            this.listenTo(this.dataModel, 'add remove reset sort', this.syncWithDataModel);
-	        }
+	        return {
+	            row: this.coordRowModel.indexOf(posWithScroll.y),
+	            column: this.coordColumnModel.indexOf(posWithScroll.x, withMeta)
+	        };
 	    },
 
 	    /**
-	     * Refresh coordinate data with real DOM height of cells
+	     * Returns the scrolled position in addition to given position
+	     * @param {{x: number, y: number}} position - position
+	     * @returns {{x: number, y: number}}
+	     * @private
 	     */
-	    syncWithDom: function() {
-	        var domRowHeights, dataRowHeights, rowHeights;
-	        var i, len;
-
+	    _getScrolledPosition: function(position) {
+	        var renderModel = this.renderModel;
+	        var isRside = position.x > this.dimensionModel.get('lsideWidth');
+	        var scrollLeft = isRside ? renderModel.get('scrollLeft') : 0;
+	        var scrollTop = renderModel.get('scrollTop');
 
-	        if (this.dimensionModel.get('isFixedRowHeight')) {
-	            return;
-	        }
+	        return {
+	            x: position.x + scrollLeft,
+	            y: position.y + scrollTop
+	        };
+	    },
 
-	        domRowHeights = this.domState.getRowHeights();
-	        dataRowHeights = this._getHeightFromData();
-	        rowHeights = [];
+	    /**
+	     * Returns the count of rowspan of given cell
+	     * @param {Number} rowKey - row key
+	     * @param {String} columnName - column name
+	     * @returns {Number}
+	     * @private
+	     */
+	    _getRowSpanCount: function(rowKey, columnName) {
+	        var rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
 
-	        for (i = 0, len = dataRowHeights.length; i < len; i += 1) {
-	            rowHeights[i] = Math.max(domRowHeights[i], dataRowHeights[i]);
+	        if (!rowSpanData.isMainRow) {
+	            rowKey = rowSpanData.mainRowKey;
+	            rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
 	        }
-	        this._reset(rowHeights);
+
+	        return rowSpanData.count || 1;
 	    },
 
 	    /**
-	     * Returns the height of rows from dataModel as an array
-	     * @returns {Array.<number>}
+	     * Returns the vertical position of the given row
+	     * @param {Number} rowKey - row key
+	     * @param {Number} rowSpanCount - the count of rowspan
+	     * @returns {{top: Number, bottom: Number}}
 	     * @private
 	     */
-	    _getHeightFromData: function() {
-	        var defHeight = this.dimensionModel.get('rowHeight');
-	        var rowHeights = [];
+	    _getCellVerticalPosition: function(rowKey, rowSpanCount) {
+	        var firstIdx, lastIdx, top, bottom;
+	        var coordRowModel = this.coordRowModel;
 
-	        this.dataModel.each(function(row, index) {
-	            rowHeights[index] = (row.getHeight() || defHeight);
-	        });
+	        firstIdx = this.dataModel.indexOfRowKey(rowKey);
+	        lastIdx = firstIdx + rowSpanCount - 1;
+	        top = coordRowModel.getOffsetAt(firstIdx);
+	        bottom = coordRowModel.getOffsetAt(lastIdx) +
+	            coordRowModel.getHeightAt(lastIdx) + CELL_BORDER_WIDTH;
 
-	        return rowHeights;
+	        return {
+	            top: top,
+	            bottom: bottom
+	        };
 	    },
 
 	    /**
-	     * Refresh coordinate data with extraData.height
+	     * Returns the horizontal position of the given column
+	     * @param {String} columnName - column name
+	     * @returns {{left: Number, right: Number}}
+	     * @private
 	     */
-	    syncWithDataModel: function() {
-	        this._reset(this._getHeightFromData());
+	    _getCellHorizontalPosition: function(columnName) {
+	        var columnModel = this.columnModel;
+	        var metaColumnCount = columnModel.getVisibleMetaColumnCount();
+	        var columnWidthList = this.coordColumnModel.get('columnWidthList');
+	        var leftColumnCount = columnModel.getVisibleColumnFixCount() + metaColumnCount;
+	        var targetIdx = columnModel.indexOfColumnName(columnName, true) + metaColumnCount;
+	        var idx = leftColumnCount > targetIdx ? 0 : leftColumnCount;
+	        var left = 0;
+
+	        for (; idx < targetIdx; idx += 1) {
+	            left += columnWidthList[idx] + CELL_BORDER_WIDTH;
+	        }
+
+	        return {
+	            left: left,
+	            right: left + columnWidthList[targetIdx] + CELL_BORDER_WIDTH
+	        };
 	    },
 
 	    /**
-	     * Initialize the values of rowHeights and rowOffsets
-	     * @param {Array.<number>} rowHeights - array of row height
-	     * @private
+	     * Returns the bounds of the cell identified by given address
+	     * @param {Number|String} rowKey - row key
+	     * @param {String} columnName - column name
+	     * @returns {{top: number, left: number, right: number, bottom: number}}
+	     * @todo TC
 	     */
-	    _reset: function(rowHeights) {
-	        var rowOffsets = [];
-	        var totalRowHeight = 0;
+	    getCellPosition: function(rowKey, columnName) {
+	        var rowSpanCount, vPos, hPos;
 
-	        _.each(rowHeights, function(height, index) {
-	            var prevOffset = index ? (rowOffsets[index - 1] + CELL_BORDER_WIDTH) : 0;
-	            var prevHeight = index ? rowHeights[index - 1] : 0;
+	        rowKey = this.dataModel.getMainRowKey(rowKey, columnName);
 
-	            rowOffsets[index] = prevOffset + prevHeight;
-	        });
+	        if (!this.dataModel.get(rowKey)) {
+	            return {};
+	        }
 
-	        this.rowHeights = rowHeights;
-	        this.rowOffsets = rowOffsets;
+	        rowSpanCount = this._getRowSpanCount(rowKey, columnName);
+	        vPos = this._getCellVerticalPosition(rowKey, rowSpanCount);
+	        hPos = this._getCellHorizontalPosition(columnName);
 
-	        if (rowHeights.length) {
-	            totalRowHeight = _.last(rowOffsets) + _.last(rowHeights) + CELL_BORDER_WIDTH;
-	        }
-	        this.dimensionModel.set('totalRowHeight', totalRowHeight);
-	        this.trigger('reset');
+	        return {
+	            top: vPos.top,
+	            bottom: vPos.bottom,
+	            left: hPos.left,
+	            right: hPos.right
+	        };
 	    },
 
 	    /**
-	     * Returns the height of the row of given index
-	     * @param {number} index - row index
-	     * @returns {number}
+	     * Judge scroll direction.
+	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
+	     * @param {boolean} isRsideColumn - Whether the target cell is in rside
+	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
+	     * @returns {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} Direction
+	     * @private
 	     */
-	    getHeightAt: function(index) {
-	        return this.rowHeights[index];
-	    },
+	    _judgeScrollDirection: function(targetPosition, isRsideColumn, bodySize) {
+	        var renderModel = this.renderModel;
+	        var currentTop = renderModel.get('scrollTop');
+	        var currentLeft = renderModel.get('scrollLeft');
+	        var isUp, isDown, isLeft, isRight;
 
-	    /**
-	     * Returns the offset of the row of given index
-	     * @param {number} index - row index
-	     * @returns {number}
-	     */
-	    getOffsetAt: function(index) {
-	        return this.rowOffsets[index];
+	        isUp = targetPosition.top < currentTop;
+	        isDown = !isUp && (targetPosition.bottom > (currentTop + bodySize.height));
+	        if (isRsideColumn) {
+	            isLeft = targetPosition.left < currentLeft;
+	            isRight = !isLeft && (targetPosition.right > (currentLeft + bodySize.rsideWidth - 1));
+	        } else {
+	            isLeft = isRight = false;
+	        }
+
+	        return {
+	            isUp: isUp,
+	            isDown: isDown,
+	            isLeft: isLeft,
+	            isRight: isRight
+	        };
 	    },
 
 	    /**
-	     * Returns the height of the row of the given rowKey
-	     * @param {number} rowKey - rowKey
-	     * @returns {number}
+	     * Scroll to focus
+	     * @param {number} rowKey - row key
+	     * @param {string} columnName - column name
+	     * @param {boolean} shouldScroll - whether scroll to the target cell
+	     * @private
 	     */
-	    getHeight: function(rowKey) {
-	        var index = this.dataModel.indexOfRowKey(rowKey);
-	        return this.getHeightAt(index);
+	    _onFocus: function(rowKey, columnName, shouldScroll) {
+	        var scrollPosition;
+
+	        if (!shouldScroll) {
+	            return;
+	        }
+	        scrollPosition = this.getScrollPosition(rowKey, columnName);
+
+	        if (!tui.util.isEmpty(scrollPosition)) {
+	            this.renderModel.set(scrollPosition);
+	        }
 	    },
 
 	    /**
-	     * Returns the offset of the row of the given rowKey
-	     * @param {number} rowKey - rowKey
-	     * @returns {number}
+	     * Make scroll position
+	     * @param {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} scrollDirection - Direction
+	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
+	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
+	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
+	     * @private
 	     */
-	    getOffset: function(rowKey) {
-	        var index = this.dataModel.indexOfRowKey(rowKey);
-	        return this.getOffsetAt(index);
+	    _makeScrollPosition: function(scrollDirection, targetPosition, bodySize) {
+	        var pos = {};
+
+	        if (scrollDirection.isUp) {
+	            pos.scrollTop = targetPosition.top;
+	        } else if (scrollDirection.isDown) {
+	            pos.scrollTop = targetPosition.bottom - bodySize.height;
+	        }
+
+	        if (scrollDirection.isLeft) {
+	            pos.scrollLeft = targetPosition.left;
+	        } else if (scrollDirection.isRight) {
+	            pos.scrollLeft = targetPosition.right - bodySize.rsideWidth + TABLE_BORDER_WIDTH;
+	        }
+
+	        return pos;
 	    },
 
 	    /**
-	     * Returns the index of the row which contains given position
-	     * @param {number} position - target position
-	     * @returns {number}
+	     * Return scroll position from the received index
+	     * @param {Number|String} rowKey - Row-key of target cell
+	     * @param {String} columnName - Column name of target cell
+	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
 	     */
-	    indexOf: function(position) {
-	        var rowOffsets = this.rowOffsets;
-	        var idx = 0;
-
-	        position += CELL_BORDER_WIDTH;
-	        while (rowOffsets[idx] <= position) {
-	            idx += 1;
-	        }
+	    getScrollPosition: function(rowKey, columnName) {
+	        var isRsideColumn = !this.columnModel.isLside(columnName);
+	        var targetPosition = this.getCellPosition(rowKey, columnName);
+	        var bodySize = this.dimensionModel.getBodySize();
+	        var scrollDirection = this._judgeScrollDirection(targetPosition, isRsideColumn, bodySize);
 
-	        return idx - 1;
+	        return this._makeScrollPosition(scrollDirection, targetPosition, bodySize);
 	    }
 	});
 
-	module.exports = CoordRow;
+	module.exports = CoordConverter;
 
 
 /***/ },
-/* 19 */
+/* 21 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -8969,7 +9376,7 @@
 
 	var Model = __webpack_require__(8);
 	var util = __webpack_require__(9);
-	var GridEvent = __webpack_require__(20);
+	var GridEvent = __webpack_require__(22);
 
 	/**
 	 * Focus model
@@ -9159,11 +9566,8 @@
 	        }
 
 	        this.set('columnName', columnName);
-	        this.trigger('focus', rowKey, columnName);
+	        this.trigger('focus', rowKey, columnName, isScrollable);
 
-	        if (isScrollable) {
-	            this.scrollToFocus();
-	        }
 	        return true;
 	    },
 
@@ -9252,19 +9656,6 @@
 	        }
 	    },
 
-	    /**
-	     * Scroll to focus
-	     */
-	    scrollToFocus: function() {
-	        var rowKey = this.get('rowKey');
-	        var columnName = this.get('columnName');
-	        var scrollPosition = this.dimensionModel.getScrollPosition(rowKey, columnName);
-
-	        if (!tui.util.isEmpty(scrollPosition)) {
-	            this.renderModel.set(scrollPosition);
-	        }
-	    },
-
 	    /**
 	     * 디자인 blur 처리한다.
 	     * @returns {Model.Focus} This object
@@ -9696,7 +10087,7 @@
 
 
 /***/ },
-/* 20 */
+/* 22 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9748,7 +10139,7 @@
 
 
 /***/ },
-/* 21 */
+/* 23 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9760,7 +10151,7 @@
 	var _ = __webpack_require__(1);
 
 	var Model = __webpack_require__(8);
-	var RowList = __webpack_require__(22);
+	var RowList = __webpack_require__(24);
 	var renderStateMap = __webpack_require__(10).renderState;
 	var CELL_BORDER_WIDTH = __webpack_require__(10).dimension.CELL_BORDER_WIDTH;
 
@@ -9783,7 +10174,8 @@
 	            columnModel: options.columnModel,
 	            focusModel: options.focusModel,
 	            dimensionModel: options.dimensionModel,
-	            coordRowModel: options.coordRowModel
+	            coordRowModel: options.coordRowModel,
+	            coordColumnModel: options.coordColumnModel
 	        });
 
 	        rowListOptions = {
@@ -9879,7 +10271,7 @@
 	     */
 	    _updateMaxScrollLeft: function() {
 	        var dimension = this.dimensionModel;
-	        var maxScrollLeft = dimension.getFrameWidth('R') - dimension.get('rsideWidth') +
+	        var maxScrollLeft = this.coordColumnModel.getFrameWidth('R') - dimension.get('rsideWidth') +
 	                dimension.getScrollYWidth();
 
 	        this.set('maxScrollLeft', maxScrollLeft);
@@ -10353,7 +10745,7 @@
 
 
 /***/ },
-/* 22 */
+/* 24 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10363,7 +10755,7 @@
 	'use strict';
 
 	var Collection = __webpack_require__(12);
-	var Row = __webpack_require__(23);
+	var Row = __webpack_require__(25);
 
 	/**
 	  * View Model rowList collection
@@ -10389,7 +10781,7 @@
 
 
 /***/ },
-/* 23 */
+/* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10814,7 +11206,7 @@
 
 
 /***/ },
-/* 24 */
+/* 26 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10825,7 +11217,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Renderer = __webpack_require__(21);
+	var Renderer = __webpack_require__(23);
 	var dimensionConst = __webpack_require__(10).dimension;
 
 	var CELL_BORDER_WIDTH = dimensionConst.CELL_BORDER_WIDTH;
@@ -10956,7 +11348,7 @@
 
 
 /***/ },
-/* 25 */
+/* 27 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10989,6 +11381,7 @@
 	            dimensionModel: options.dimensionModel,
 	            focusModel: options.focusModel,
 	            renderModel: options.renderModel,
+	            coordConverterModel: options.coordConverterModel,
 
 	            inputRange: null,
 	            intervalIdForAutoScroll: null,
@@ -11128,7 +11521,7 @@
 	     */
 	    extendColumnSelection: function(columnIndexes, pageX, pageY) {
 	        var minimumColumnRange = this._minimumColumnRange;
-	        var index = this.dimensionModel.getIndexFromMousePosition(pageX, pageY);
+	        var index = this.coordConverterModel.getIndexFromMousePosition(pageX, pageY);
 	        var range = {
 	            row: [0, this.dataModel.length - 1],
 	            column: []
@@ -11174,7 +11567,7 @@
 	     * @param {string} [type] - Selection type
 	     */
 	    updateByMousePosition: function(pageX, pageY, type) {
-	        var index = this.dimensionModel.getIndexFromMousePosition(pageX, pageY);
+	        var index = this.coordConverterModel.getIndexFromMousePosition(pageX, pageY);
 
 	        this._setScrolling(pageX, pageY);
 	        this.update(index.row, index.column, type);
@@ -11552,7 +11945,7 @@
 
 
 /***/ },
-/* 26 */
+/* 28 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -11717,7 +12110,7 @@
 
 
 /***/ },
-/* 27 */
+/* 29 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -11726,26 +12119,27 @@
 	 */
 	'use strict';
 
-	var ContainerView = __webpack_require__(28);
-	var ContentAreaView = __webpack_require__(29);
-	var ToolbarView = __webpack_require__(30);
-	var PaginationView = __webpack_require__(31);
-	var HeightResizeHandleView = __webpack_require__(32);
-	var StateLayerView = __webpack_require__(33);
-	var ClipboardView = __webpack_require__(34);
-	var LsideFrameView = __webpack_require__(35);
-	var RsideFrameView = __webpack_require__(37);
-	var HeaderView = __webpack_require__(38);
-	var HeaderResizeHandlerView = __webpack_require__(39);
-	var BodyView = __webpack_require__(40);
-	var BodyTableView = __webpack_require__(41);
-	var FooterView = __webpack_require__(42);
-	var RowListView = __webpack_require__(43);
-	var SelectionLayerView = __webpack_require__(44);
-	var EditingLayerView = __webpack_require__(45);
-	var DatePickeLayerView = __webpack_require__(46);
-	var FocusLayerView = __webpack_require__(47);
+	var ContainerView = __webpack_require__(30);
+	var ContentAreaView = __webpack_require__(31);
+	var ToolbarView = __webpack_require__(32);
+	var PaginationView = __webpack_require__(33);
+	var HeightResizeHandleView = __webpack_require__(34);
+	var StateLayerView = __webpack_require__(35);
+	var ClipboardView = __webpack_require__(36);
+	var LsideFrameView = __webpack_require__(37);
+	var RsideFrameView = __webpack_require__(39);
+	var HeaderView = __webpack_require__(40);
+	var HeaderResizeHandlerView = __webpack_require__(41);
+	var BodyView = __webpack_require__(42);
+	var BodyTableView = __webpack_require__(43);
+	var FooterView = __webpack_require__(44);
+	var RowListView = __webpack_require__(45);
+	var SelectionLayerView = __webpack_require__(46);
+	var EditingLayerView = __webpack_require__(47);
+	var DatePickeLayerView = __webpack_require__(48);
+	var FocusLayerView = __webpack_require__(49);
 	var isOptionEnabled = __webpack_require__(9).isOptionEnabled;
+	var frameConst = __webpack_require__(10).frame;
 
 	/**
 	 * View Factory
@@ -11861,18 +12255,18 @@
 	            focusModel: this.modelManager.focusModel,
 	            renderModel: this.modelManager.renderModel,
 	            coordRowModel: this.modelManager.coordRowModel,
-	            painterManager: this.modelManager.painterManager,
+	            coordConverterModel: this.modelManager.coordConverterModel,
 	            copyOption: this.copyOption
 	        });
 	    },
 
 	    /**
 	     * Creates frame view and returns it.
-	     * @param  {String} whichSide - 'L'(left) or 'R'(right)
+	     * @param  {String} whichSide - L(left) or R(right)
 	     * @returns {module:view/layout/frame} New frame view instance
 	     */
 	    createFrame: function(whichSide) {
-	        var Constructor = whichSide === 'L' ? LsideFrameView : RsideFrameView;
+	        var Constructor = whichSide === frameConst.L ? LsideFrameView : RsideFrameView;
 
 	        return new Constructor({
 	            dimensionModel: this.modelManager.dimensionModel,
@@ -11896,6 +12290,7 @@
 	            dataModel: this.modelManager.dataModel,
 	            columnModel: this.modelManager.columnModel,
 	            coordRowModel: this.modelManager.coordRowModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
 	            viewFactory: this
 	        });
 	    },
@@ -11923,6 +12318,7 @@
 	            columnModel: this.modelManager.columnModel,
 	            renderModel: this.modelManager.renderModel,
 	            dimensionModel: this.modelManager.dimensionModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
 	            summaryModel: this.modelManager.summaryModel,
 	            columnTemplateMap: templateMap
 	        });
@@ -11937,7 +12333,8 @@
 	        return new HeaderResizeHandlerView({
 	            whichSide: whichSide,
 	            dimensionModel: this.modelManager.dimensionModel,
-	            columnModel: this.modelManager.columnModel
+	            columnModel: this.modelManager.columnModel,
+	            coordColumnModel: this.modelManager.coordColumnModel
 	        });
 	    },
 
@@ -11951,6 +12348,7 @@
 	            whichSide: whichSide,
 	            renderModel: this.modelManager.renderModel,
 	            dimensionModel: this.modelManager.dimensionModel,
+	            coordConverterModel: this.modelManager.coordConverterModel,
 	            dataModel: this.modelManager.dataModel,
 	            columnModel: this.modelManager.columnModel,
 	            selectionModel: this.modelManager.selectionModel,
@@ -11968,6 +12366,7 @@
 	        return new BodyTableView({
 	            whichSide: whichSide,
 	            dimensionModel: this.modelManager.dimensionModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
 	            renderModel: this.modelManager.renderModel,
 	            columnModel: this.modelManager.columnModel,
 	            painterManager: this.painterManager,
@@ -12010,7 +12409,8 @@
 	            selectionModel: this.modelManager.selectionModel,
 	            dimensionModel: this.modelManager.dimensionModel,
 	            columnModel: this.modelManager.columnModel,
-	            coordRowModel: this.modelManager.coordRowModel
+	            coordRowModel: this.modelManager.coordRowModel,
+	            coordColumnModel: this.modelManager.coordColumnModel
 	        });
 	    },
 
@@ -12055,7 +12455,9 @@
 	            dimensionModel: this.modelManager.dimensionModel,
 	            columnModel: this.modelManager.columnModel,
 	            focusModel: this.modelManager.focusModel,
-	            coordRowModel: this.modelManager.coordRowModel
+	            coordRowModel: this.modelManager.coordRowModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
+	            coordConverterModel: this.modelManager.coordConverterModel
 	        });
 	    }
 	});
@@ -12064,7 +12466,7 @@
 
 
 /***/ },
-/* 28 */
+/* 30 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12076,7 +12478,7 @@
 	var _ = __webpack_require__(1);
 
 	var View = __webpack_require__(2);
-	var GridEvent = __webpack_require__(20);
+	var GridEvent = __webpack_require__(22);
 	var attrNameConst = __webpack_require__(10).attrName;
 	var classNameConst = __webpack_require__(15);
 
@@ -12401,7 +12803,7 @@
 
 
 /***/ },
-/* 29 */
+/* 31 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12412,6 +12814,7 @@
 
 	var View = __webpack_require__(2);
 	var classNameConst = __webpack_require__(15);
+	var frameConst = __webpack_require__(10).frame;
 	var ContentArea;
 
 	/**
@@ -12452,8 +12855,8 @@
 	        var factory = this.viewFactory;
 
 	        this._addChildren([
-	            factory.createFrame('L'),
-	            factory.createFrame('R')
+	            factory.createFrame(frameConst.L),
+	            factory.createFrame(frameConst.R)
 	        ]);
 	    },
 
@@ -12489,7 +12892,7 @@
 
 
 /***/ },
-/* 30 */
+/* 32 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12598,7 +13001,7 @@
 
 
 /***/ },
-/* 31 */
+/* 33 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12706,7 +13109,7 @@
 
 
 /***/ },
-/* 32 */
+/* 34 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12850,7 +13253,7 @@
 
 
 /***/ },
-/* 33 */
+/* 35 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12971,7 +13374,7 @@
 
 
 /***/ },
-/* 34 */
+/* 36 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12999,13 +13402,14 @@
 	var Clipboard = View.extend(/**@lends module:view/clipboard.prototype */{
 	    initialize: function(options) {
 	        this.setOwnProperties({
+	            dataModel: options.dataModel,
+	            columnModel: options.columnModel,
 	            focusModel: options.focusModel,
 	            selectionModel: options.selectionModel,
 	            dimensionModel: options.dimensionModel,
-	            dataModel: options.dataModel,
-	            columnModel: options.columnModel,
-	            renderModel: options.renderModel,
 	            coordRowModel: options.coordRowModel,
+	            coordConverterModel: options.coordConverterModel,
+	            renderModel: options.renderModel,
 	            useFormattedValue: !!tui.util.pick(options, 'copyOption', 'useFormattedValue'),
 	            timeoutIdForKeyIn: 0,
 	            isLocked: false
@@ -13234,8 +13638,8 @@
 	     */
 	    _keyInWithShift: function(keyDownEvent) { // eslint-disable-line complexity
 	        var focusModel = this.focusModel;
-	        var dimensionModel = this.dimensionModel;
 	        var columnModelList = this.columnModel.getVisibleColumnModelList();
+	        var coordConverterModel = this.coordConverterModel;
 	        var keyCode = keyDownEvent.keyCode || keyDownEvent.which;
 	        var index = this._getIndexBeforeMove();
 	        var isKeyIdentified = true;
@@ -13286,7 +13690,7 @@
 
 	        if (isSelection && isValid) {
 	            this._updateSelectionByKeyIn(index.row, index.column);
-	            scrollPosition = dimensionModel.getScrollPosition(index.row, columnModel.columnName);
+	            scrollPosition = coordConverterModel.getScrollPosition(index.row, columnModel.columnName);
 	            if (scrollPosition) {
 	                selectionType = this.selectionModel.getType();
 	                if (selectionType === selTypeConst.COLUMN) {
@@ -13499,7 +13903,7 @@
 
 
 /***/ },
-/* 35 */
+/* 37 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13508,8 +13912,9 @@
 	 */
 	'use strict';
 
-	var Frame = __webpack_require__(36);
+	var Frame = __webpack_require__(38);
 	var classNameConst = __webpack_require__(15);
+	var frameConst = __webpack_require__(10).frame;
 
 	/**
 	 * Left Side Frame
@@ -13521,18 +13926,19 @@
 	    initialize: function() {
 	        Frame.prototype.initialize.apply(this, arguments);
 	        this.setOwnProperties({
-	            whichSide: 'L'
+	            whichSide: frameConst.L
 	        });
+
+	        this.listenTo(this.dimensionModel, 'change:lsideWidth', this._onFrameWidthChanged);
 	    },
 
 	    className: classNameConst.LSIDE_AREA,
 
 	    /**
-	     * Event handler for 'changeColumnWidth' event on module:model/dimension
-	     * @override
+	     * Event handler for 'change:lsideWidth' event on module:model/dimension
 	     * @private
 	     */
-	    _onColumnWidthChanged: function() {
+	    _onFrameWidthChanged: function() {
 	        this.$el.css({
 	            width: this.dimensionModel.get('lsideWidth')
 	        });
@@ -13566,7 +13972,7 @@
 
 
 /***/ },
-/* 36 */
+/* 38 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13576,13 +13982,14 @@
 	'use strict';
 
 	var View = __webpack_require__(2);
+	var frameConst = __webpack_require__(10).frame;
 
 	/**
 	 * Base class for frame view.
 	 * @module view/layout/frame
 	 * @extends module:base/view
 	 * @param {Object} options Options
-	 *      @param {String} [options.whichSide='R'] 'R' for Right side, 'L' for Left side
+	 *      @param {String} [options.whichSide=R] R for Right side, L for Left side
 	 * @ignore
 	 */
 	var Frame = View.extend(/**@lends module:view/layout/frame.prototype */{
@@ -13593,11 +14000,10 @@
 	            viewFactory: options.viewFactory,
 	            renderModel: options.renderModel,
 	            dimensionModel: options.dimensionModel,
-	            whichSide: options.whichSide || 'R'
+	            whichSide: options.whichSide || frameConst.R
 	        });
 
-	        this.listenTo(this.renderModel, 'columnModelChanged', this.render)
-	            .listenTo(this.dimensionModel, 'columnWidthChanged', this._onColumnWidthChanged);
+	        this.listenTo(this.renderModel, 'columnModelChanged', this.render);
 	    },
 
 	    /**
@@ -13622,13 +14028,6 @@
 	        return this;
 	    },
 
-	    /**
-	     * Event handler for 'columnWidthChanged' event on module:module/dimension
-	     * @abstract
-	     * @private
-	     */
-	    _onColumnWidthChanged: function() {},
-
 	    /**
 	     * To be called at the beginning of the 'render' method.
 	     * @abstract
@@ -13646,7 +14045,7 @@
 
 
 /***/ },
-/* 37 */
+/* 39 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13655,9 +14054,11 @@
 	 */
 	'use strict';
 
-	var Frame = __webpack_require__(36);
+	var Frame = __webpack_require__(38);
 	var classNameConst = __webpack_require__(15);
-	var CELL_BORDER_WIDTH = __webpack_require__(10).dimension.CELL_BORDER_WIDTH;
+	var constMap = __webpack_require__(10);
+	var frameConst = constMap.frame;
+	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 
 	/**
 	 * right side frame class
@@ -13669,9 +14070,10 @@
 	    initialize: function() {
 	        Frame.prototype.initialize.apply(this, arguments);
 	        this.setOwnProperties({
-	            whichSide: 'R',
+	            whichSide: frameConst.R,
 	            $scrollBorder: null
 	        });
+	        this.listenTo(this.dimensionModel, 'change:lsideWidth change:rsideWidth', this._onFrameWidthChanged);
 	        this.listenTo(this.dimensionModel, 'change:bodyHeight change:headerHeight',
 	            this._resetScrollBorderHeight);
 	    },
@@ -13679,11 +14081,11 @@
 	    className: classNameConst.RSIDE_AREA,
 
 	    /**
-	     * Event handler for 'columnWidthChanged' event on dimensionModel
+	     * Event handler for 'change:rsideWidth' event on dimensionModel
 	     * @private
 	     * @override
 	     */
-	    _onColumnWidthChanged: function() {
+	    _onFrameWidthChanged: function() {
 	        this._refreshLayout();
 	    },
 
@@ -13692,9 +14094,9 @@
 	     * @private
 	     */
 	    _refreshLayout: function() {
-	        var dimensionModel = this.dimensionModel,
-	            width = dimensionModel.get('rsideWidth'),
-	            marginLeft = dimensionModel.get('lsideWidth');
+	        var dimensionModel = this.dimensionModel;
+	        var width = dimensionModel.get('rsideWidth');
+	        var marginLeft = dimensionModel.get('lsideWidth');
 
 	        // If the left side exists and the division border should not be doubled,
 	        // left side should cover the right side by border-width to hide the left border of the right side.
@@ -13782,7 +14184,7 @@
 
 
 /***/ },
-/* 38 */
+/* 40 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13797,6 +14199,7 @@
 	var util = __webpack_require__(9);
 	var constMap = __webpack_require__(10);
 	var classNameConst = __webpack_require__(15);
+	var frameConst = constMap.frame;
 
 	var DELAY_SYNC_CHECK = 10;
 	var keyCodeMap = constMap.keyCode;
@@ -13810,7 +14213,7 @@
 	 * @module view/layout/header
 	 * @extends module:base/view
 	 * @param {Object} options - options
-	 * @param {String} [options.whichSide='R']  'R': Right, 'L': Left
+	 * @param {String} [options.whichSide=R]  R: Right, L: Left
 	 * @ignore
 	 */
 	var Header = View.extend(/**@lends module:view/layout/header.prototype */{
@@ -13819,6 +14222,7 @@
 
 	        this.setOwnProperties({
 	            renderModel: options.renderModel,
+	            coordColumnModel: options.coordColumnModel,
 	            dimensionModel: options.dimensionModel,
 	            selectionModel: options.selectionModel,
 	            focusModel: options.focusModel,
@@ -13826,16 +14230,16 @@
 	            dataModel: options.dataModel,
 	            viewFactory: options.viewFactory,
 	            coordRowModel: options.coordRowModel,
-	            whichSide: options.whichSide || 'R'
+	            whichSide: options.whichSide || frameConst.R
 	        });
 
 	        this.listenTo(this.renderModel, 'change:scrollLeft', this._onScrollLeftChange)
-	            .listenTo(this.dimensionModel, 'columnWidthChanged', this._onColumnWidthChanged)
+	            .listenTo(this.coordColumnModel, 'columnWidthChanged', this._onColumnWidthChanged)
 	            .listenTo(this.selectionModel, 'change:range', this._refreshSelectedHeaders)
 	            .listenTo(this.focusModel, 'change:columnName', this._refreshSelectedHeaders)
 	            .listenTo(this.dataModel, 'sortChanged', this._updateBtnSortState);
 
-	        if (this.whichSide === 'L' && this.columnModel.get('selectType') === 'checkbox') {
+	        if (this.whichSide === frameConst.L && this.columnModel.get('selectType') === 'checkbox') {
 	            this.listenTo(this.dataModel,
 	                'change:_button disabledChanged extraDataChanged add remove reset',
 	                _.debounce(_.bind(this._syncCheckedState, this), DELAY_SYNC_CHECK));
@@ -14169,18 +14573,20 @@
 	     * @private
 	     */
 	    _onColumnWidthChanged: function() {
-	        var columnData = this._getColumnData();
-	        var columnWidthList = columnData.widthList;
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 	        var $colList = this.$el.find('col');
 	        var coordRowModel = this.coordRowModel;
+	        var totalWidth = 0;
 
 	        _.each(columnWidthList, function(columnWidth, index) {
 	            $colList.eq(index).css('width', columnWidth + CELL_BORDER_WIDTH);
+	            totalWidth += columnWidth;
 	        });
+	        this.$el.find('table').css('width', totalWidth);
 
 	        // Calls syncWithDom only from the Rside to prevent calling twice.
 	        // Defered call to ensure that the execution occurs after both sides are rendered.
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            _.defer(function() {
 	                coordRowModel.syncWithDom();
 	            });
@@ -14195,7 +14601,7 @@
 	     */
 	    /* istanbul ignore next: scrollLeft 를 확인할 수 없음 */
 	    _onScrollLeftChange: function(model, value) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.el.scrollLeft = value;
 	        }
 	    },
@@ -14264,10 +14670,8 @@
 	     * @private
 	     */
 	    _getColumnData: function() {
-	        var columnModel = this.columnModel;
-	        var dimensionModel = this.dimensionModel;
-	        var columnWidthList = dimensionModel.getColumnWidthList(this.whichSide);
-	        var columnModelList = columnModel.getVisibleColumnModelList(this.whichSide, true);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(this.whichSide, true);
 
 	        return {
 	            widthList: columnWidthList,
@@ -14405,7 +14809,7 @@
 
 
 /***/ },
-/* 39 */
+/* 41 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14420,6 +14824,7 @@
 	var constMap = __webpack_require__(10);
 	var classNameConst = __webpack_require__(15);
 	var attrNameConst = constMap.attrName;
+	var frameConst = constMap.frame;
 	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 	var RESIZE_HANDLE_WIDTH = constMap.dimension.RESIZE_HANDLE_WIDTH;
 
@@ -14435,7 +14840,8 @@
 	        this.setOwnProperties({
 	            dimensionModel: options.dimensionModel,
 	            columnModel: options.columnModel,
-	            whichSide: options.whichSide || 'R',
+	            coordColumnModel: options.coordColumnModel,
+	            whichSide: options.whichSide || frameConst.R,
 
 	            isResizing: false,
 	            $target: null,
@@ -14445,7 +14851,7 @@
 	            initialLeft: 0
 	        });
 
-	        this.listenTo(this.dimensionModel, 'change:which columnWidthChanged', this._refreshHandlerPosition);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._refreshHandlerPosition);
 	    },
 
 	    className: classNameConst.COLUMN_RESIZE_CONTAINER,
@@ -14475,10 +14881,8 @@
 	     * @private
 	     */
 	    _getColumnData: function() {
-	        var columnModel = this.columnModel;
-	        var dimensionModel = this.dimensionModel;
-	        var columnWidthList = dimensionModel.getColumnWidthList(this.whichSide);
-	        var columnModelList = columnModel.getVisibleColumnModelList(this.whichSide, true);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(this.whichSide, true);
 
 	        return {
 	            widthList: columnWidthList,
@@ -14571,7 +14975,7 @@
 	        var $target = $(mouseEvent.target);
 	        var index = parseInt($target.attr(attrNameConst.COLUMN_INDEX), 10);
 
-	        this.dimensionModel.restoreColumnWidth(this._getHandlerColumnIndex(index));
+	        this.coordColumnModel.restoreColumnWidth(this._getHandlerColumnIndex(index));
 	        this._refreshHandlerPosition();
 	    },
 
@@ -14597,7 +15001,7 @@
 	            width = this._calculateWidth(mouseEvent.pageX);
 	            index = parseInt(this.$target.attr(attrNameConst.COLUMN_INDEX), 10);
 
-	            this.dimensionModel.setColumnWidth(this._getHandlerColumnIndex(index), width);
+	            this.coordColumnModel.setColumnWidth(this._getHandlerColumnIndex(index), width);
 	            this._refreshHandlerPosition();
 	        }
 	    },
@@ -14620,7 +15024,7 @@
 	     * @private
 	     */
 	    _getHandlerColumnIndex: function(index) {
-	        return (this.whichSide === 'R') ? (index + this.columnModel.getVisibleColumnFixCount(true)) : index;
+	        return (this.whichSide === frameConst.R) ? (index + this.columnModel.getVisibleColumnFixCount(true)) : index;
 	    },
 
 	    /**
@@ -14684,7 +15088,7 @@
 
 
 /***/ },
-/* 40 */
+/* 42 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14700,7 +15104,8 @@
 	var constMap = __webpack_require__(10);
 	var classNameConst = __webpack_require__(15);
 	var attrNameConst = constMap.attrName;
-	var selTypeMap = constMap.selectionType;
+	var selTypeConst = constMap.selectionType;
+	var frameConst = constMap.frame;
 
 	// Minimum time (ms) to detect if an alert or confirm dialog has been displayed.
 	var MIN_INTERVAL_FOR_PAUSED = 200;
@@ -14713,7 +15118,7 @@
 	 * @module view/layout/body
 	 * @extends module:base/view
 	 * @param {Object} options - Options
-	 * @param {String} [options.whichSide='R'] L or R (which side)
+	 * @param {String} [options.whichSide=R] L or R (which side)
 	 * @ignore
 	 */
 	var Body = View.extend(/**@lends module:view/layout/body.prototype */{
@@ -14725,18 +15130,18 @@
 	            dataModel: options.dataModel,
 	            columnModel: options.columnModel,
 	            renderModel: options.renderModel,
+	            coordConverterModel: options.coordConverterModel,
 	            selectionModel: options.selectionModel,
 	            focusModel: options.focusModel,
 	            viewFactory: options.viewFactory,
 
 	            // DIV for setting rendering position of entire child-nodes of $el.
 	            $container: null,
-	            whichSide: options && options.whichSide || 'R'
+	            whichSide: options && options.whichSide || frameConst.R
 	        });
 
 	        this.listenTo(this.dimensionModel, 'change:bodyHeight', this._onBodyHeightChange)
 	            .listenTo(this.dimensionModel, 'change:totalRowHeight', this._resetContainerHeight)
-	            .listenTo(this.dataModel, 'add remove reset', this._resetContainerHeight)
 	            .listenTo(this.renderModel, 'change:scrollTop', this._onScrollTopChange)
 	            .listenTo(this.renderModel, 'change:scrollLeft', this._onScrollLeftChange);
 	    },
@@ -14781,7 +15186,7 @@
 	            scrollTop: event.target.scrollTop
 	        };
 
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            attrs.scrollLeft = event.target.scrollLeft;
 	        }
 	        this.renderModel.set(attrs);
@@ -14794,7 +15199,7 @@
 	     * @private
 	     */
 	    _onScrollLeftChange: function(model, value) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.el.scrollLeft = value;
 	        }
 	    },
@@ -14837,7 +15242,7 @@
 	        var indexData;
 
 	        if (!$td.length) { // selection layer, focus layer
-	            indexData = this.dimensionModel.getIndexFromMousePosition(event.pageX, event.pageY);
+	            indexData = this.coordConverterModel.getIndexFromMousePosition(event.pageX, event.pageY);
 	            columnName = this._getColumnNameByVisibleIndex(indexData.column);
 	        } else if (rowKey && columnName) { // valid cell
 	            indexData = {
@@ -14878,7 +15283,7 @@
 	        }
 
 	        if (!util.isMetaColumn(columnName)) {
-	            selectionModel.setType(selTypeMap.CELL);
+	            selectionModel.setType(selTypeConst.CELL);
 	            if (inputData.shiftKey && !isInput) {
 	                selectionModel.update(rowIndex, columnIndex);
 	            } else {
@@ -14905,7 +15310,7 @@
 	     */
 	    _updateSelectionByRow: function(rowIndex, shiftKey) {
 	        if (shiftKey) {
-	            this.selectionModel.update(rowIndex, 0, selTypeMap.ROW);
+	            this.selectionModel.update(rowIndex, 0, selTypeConst.ROW);
 	        } else {
 	            this.selectionModel.selectRow(rowIndex);
 	        }
@@ -15009,7 +15414,7 @@
 	        if (!this.dimensionModel.get('scrollX')) {
 	            this.$el.css('overflow-x', 'hidden');
 	        }
-	        if (!this.dimensionModel.get('scrollY') && whichSide === 'R') {
+	        if (!this.dimensionModel.get('scrollY') && whichSide === frameConst.R) {
 	            this.$el.css('overflow-y', 'hidden');
 	        }
 	        this.$el.css('height', this.dimensionModel.get('bodyHeight'));
@@ -15032,7 +15437,7 @@
 
 
 /***/ },
-/* 41 */
+/* 43 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -15064,6 +15469,7 @@
 
 	        this.setOwnProperties({
 	            dimensionModel: options.dimensionModel,
+	            coordColumnModel: options.coordColumnModel,
 	            renderModel: options.renderModel,
 	            columnModel: options.columnModel,
 	            viewFactory: options.viewFactory,
@@ -15071,7 +15477,7 @@
 	            whichSide: options.whichSide || 'R'
 	        });
 
-	        this.listenTo(this.dimensionModel, 'columnWidthChanged', this._onColumnWidthChanged);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._onColumnWidthChanged);
 
 	        // To prevent issue of appearing vertical scrollbar when dummy rows exist
 	        this.listenTo(this.renderModel, 'change:dummyRowCount', this._onChangeDummyRowCount);
@@ -15097,12 +15503,16 @@
 	     * @private
 	     */
 	    _onColumnWidthChanged: function() {
-	        var columnWidthList = this.dimensionModel.getColumnWidthList(this.whichSide);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 	        var $colList = this.$el.find('col');
+	        var totalWidth = 0;
 
 	        _.each(columnWidthList, function(width, index) {
 	            $colList.eq(index).css('width', width + CELL_BORDER_WIDTH);
+	            totalWidth += width;
 	        }, this);
+
+	        this.$el.find('table').css('width', totalWidth);
 	    },
 
 	    /**
@@ -15207,10 +15617,10 @@
 	     * @private
 	     */
 	    _getColGroupMarkup: function() {
-	        var whichSide = this.whichSide,
-	            columnWidthList = this.dimensionModel.getColumnWidthList(whichSide),
-	            columnModelList = this.columnModel.getVisibleColumnModelList(whichSide, true),
-	            html = '';
+	        var whichSide = this.whichSide;
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(whichSide);
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(whichSide, true);
+	        var html = '';
 
 	        _.each(columnModelList, function(columnModel, index) {
 	            html += this.templateCol({
@@ -15228,7 +15638,7 @@
 
 
 /***/ },
-/* 42 */
+/* 44 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -15241,6 +15651,7 @@
 	var View = __webpack_require__(2);
 	var classNameConst = __webpack_require__(15);
 	var constMap = __webpack_require__(10);
+	var frameConst = constMap.frame;
 
 	var ATTR_COLUMN_NAME = constMap.attrName.COLUMN_NAME;
 
@@ -15267,7 +15678,7 @@
 	        this.columnTemplateMap = options.columnTemplateMap || {};
 
 	        /**
-	         * 'L': Left, 'R': Right
+	         * L: Left, R: Right
 	         * @type {string}
 	         */
 	        this.whichSide = options.whichSide;
@@ -15275,11 +15686,13 @@
 	        // models
 	        this.columnModel = options.columnModel;
 	        this.dimensionModel = options.dimensionModel;
+	        this.coordColumnModel = options.coordColumnModel;
 	        this.renderModel = options.renderModel;
 	        this.summaryModel = options.summaryModel;
 
 	        // events
 	        this.listenTo(this.renderModel, 'change:scrollLeft', this._onChangeScrollLeft);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._onChangeColumnWidth);
 	        this.listenTo(this.columnModel, 'setFooterContent', this._setcolumnContent);
 	        if (this.summaryModel) {
 	            this.listenTo(this.summaryModel, 'change', this._onChangeSummaryValue);
@@ -15319,7 +15732,7 @@
 	     * @private
 	     */
 	    _onScrollView: function(event) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.renderModel.set('scrollLeft', event.target.scrollLeft);
 	        }
 	    },
@@ -15331,11 +15744,20 @@
 	     * @private
 	     */
 	    _onChangeScrollLeft: function(model, value) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.el.scrollLeft = value;
 	        }
 	    },
 
+	    _onChangeColumnWidth: function() {
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
+	        var $ths = this.$el.find('th');
+
+	        _.each(columnWidthList, function(columnWidth, index) {
+	            $ths.eq(index).css('width', columnWidth);
+	        });
+	    },
+
 	    /**
 	     * Sets the HTML string of <th> of given column
 	     * @param {string} columnName - column name
@@ -15386,7 +15808,7 @@
 	    _generateTbodyHTML: function() {
 	        var summaryModel = this.summaryModel;
 	        var columnModelList = this.columnModel.getVisibleColumnModelList(this.whichSide, true);
-	        var columnWidthList = this.dimensionModel.getColumnWidthList(this.whichSide);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 
 	        return _.reduce(columnModelList, function(memo, column, index) {
 	            var columnName = column.columnName;
@@ -15429,7 +15851,7 @@
 
 
 /***/ },
-/* 43 */
+/* 45 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -15445,6 +15867,7 @@
 	var classNameConst = __webpack_require__(15);
 
 	var attrNameConst = constMap.attrName;
+	var frameConst = constMap.frame;
 	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 
 	/**
@@ -15483,7 +15906,7 @@
 	            .listenTo(focusModel, 'change:rowKey', this._refreshFocusedRow)
 	            .listenTo(renderModel, 'rowListChanged', this.render);
 
-	        if (this.whichSide === 'L') {
+	        if (this.whichSide === frameConst.L) {
 	            this.listenTo(focusModel, 'change:rowKey', this._refreshSelectedMetaColumns)
 	                .listenTo(selectionModel, 'change:range', this._refreshSelectedMetaColumns)
 	                .listenTo(renderModel, 'rowListChanged', this._refreshSelectedMetaColumns);
@@ -15735,7 +16158,7 @@
 
 
 /***/ },
-/* 44 */
+/* 46 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -15749,6 +16172,7 @@
 	var View = __webpack_require__(2);
 	var classNameConst = __webpack_require__(15);
 	var CELL_BORDER_WIDTH = __webpack_require__(10).dimension.CELL_BORDER_WIDTH;
+	var frameConst = __webpack_require__(10).frame;
 
 	/**
 	 * Class for the selection layer
@@ -15761,15 +16185,16 @@
 	var SelectionLayer = View.extend(/**@lends module:view/selectionLayer.prototype */{
 	    initialize: function(options) {
 	        this.setOwnProperties({
-	            whichSide: options.whichSide || 'R',
+	            whichSide: options.whichSide || frameConst.R,
 	            dimensionModel: options.dimensionModel,
 	            coordRowModel: options.coordRowModel,
+	            coordColumnModel: options.coordColumnModel,
 	            columnModel: options.columnModel,
 	            selectionModel: options.selectionModel
 	        });
 	        this._updateColumnWidthList();
 
-	        this.listenTo(this.dimensionModel, 'columnWidthChanged', this._onChangeColumnWidth);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._onChangeColumnWidth);
 	        this.listenTo(this.selectionModel, 'change:range', this.render);
 	    },
 
@@ -15780,7 +16205,7 @@
 	     * @private
 	     */
 	    _updateColumnWidthList: function() {
-	        this.columnWidthList = this.dimensionModel.getColumnWidthList(this.whichSide);
+	        this.columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 	    },
 
 	    /**
@@ -15802,7 +16227,7 @@
 	        var columnFixCount = this.columnModel.getVisibleColumnFixCount();
 	        var ownColumnRange = null;
 
-	        if (this.whichSide === 'L') {
+	        if (this.whichSide === frameConst.L) {
 	            if (columnRange[0] < columnFixCount) {
 	                ownColumnRange = [
 	                    columnRange[0],
@@ -15843,15 +16268,15 @@
 	     * @returns {{left: string, width: string}} - css values
 	     */
 	    _getHorizontalStyles: function(columnRange) {
-	        var columnWidthList = this.columnWidthList,
-	            metaColumnCount = this.columnModel.getVisibleMetaColumnCount(),
-	            startIndex = columnRange[0],
-	            endIndex = columnRange[1],
-	            left = 0,
-	            width = 0,
-	            i = 0;
-
-	        if (this.whichSide === 'L') {
+	        var columnWidthList = this.columnWidthList;
+	        var metaColumnCount = this.columnModel.getVisibleMetaColumnCount();
+	        var startIndex = columnRange[0];
+	        var endIndex = columnRange[1];
+	        var left = 0;
+	        var width = 0;
+	        var i = 0;
+
+	        if (this.whichSide === frameConst.L) {
 	            startIndex += metaColumnCount;
 	            endIndex += metaColumnCount;
 	        }
@@ -15901,7 +16326,7 @@
 
 
 /***/ },
-/* 45 */
+/* 47 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16067,7 +16492,7 @@
 
 
 /***/ },
-/* 46 */
+/* 48 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16265,7 +16690,7 @@
 
 
 /***/ },
-/* 47 */
+/* 49 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16277,9 +16702,11 @@
 	var _ = __webpack_require__(1);
 
 	var View = __webpack_require__(2);
-	var CELL_BORDER_WIDTH = __webpack_require__(10).dimension.CELL_BORDER_WIDTH;
+	var constMap = __webpack_require__(10);
 	var classNameConst = __webpack_require__(15);
 
+	var frameConst = constMap.frame;
+	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 	var HTML_BORDER_DIV = '<div class="' + classNameConst.LAYER_FOCUS_BORDER + '"></div>';
 
 	/**
@@ -16293,8 +16720,9 @@
 	    initialize: function(options) {
 	        this.focusModel = options.focusModel;
 	        this.columnModel = options.columnModel;
-	        this.dimensionModel = options.dimensionModel;
 	        this.coordRowModel = options.coordRowModel;
+	        this.coordColumnModel = options.coordColumnModel;
+	        this.coordConverterModel = options.coordConverterModel;
 	        this.whichSide = options.whichSide;
 
 	        this.borderEl = {
@@ -16304,7 +16732,7 @@
 	            $bottom: $(HTML_BORDER_DIV)
 	        };
 
-	        this.listenTo(this.dimensionModel, 'columnWidthChanged', this._refreshCurrentLayout);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._refreshCurrentLayout);
 	        this.listenTo(this.coordRowModel, 'reset', this._refreshCurrentLayout);
 	        this.listenTo(this.focusModel, 'blur', this._onBlur);
 	        this.listenTo(this.focusModel, 'focus', this._onFocus);
@@ -16339,7 +16767,7 @@
 	     * @private
 	     */
 	    _onFocus: function(rowKey, columnName) {
-	        var targetSide = this.columnModel.isLside(columnName) ? 'L' : 'R';
+	        var targetSide = this.columnModel.isLside(columnName) ? frameConst.L : frameConst.R;
 
 	        if (targetSide === this.whichSide) {
 	            this._refreshBorderLayout(rowKey, columnName);
@@ -16354,7 +16782,7 @@
 	     * @private
 	     */
 	    _refreshBorderLayout: function(rowKey, columnName) {
-	        var pos = this.dimensionModel.getCellPosition(rowKey, columnName);
+	        var pos = this.coordConverterModel.getCellPosition(rowKey, columnName);
 	        var width = pos.right - pos.left;
 	        var height = pos.bottom - pos.top;
 
@@ -16407,7 +16835,7 @@
 
 
 /***/ },
-/* 48 */
+/* 50 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16523,7 +16951,7 @@
 
 
 /***/ },
-/* 49 */
+/* 51 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16627,7 +17055,7 @@
 
 
 /***/ },
-/* 50 */
+/* 52 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16638,13 +17066,13 @@
 
 	var _ = __webpack_require__(1);
 
-	var RowPainter = __webpack_require__(51);
-	var CellPainter = __webpack_require__(53);
-	var DummyCellPainter = __webpack_require__(54);
-	var TextPainter = __webpack_require__(55);
-	var SelectPainter = __webpack_require__(57);
-	var ButtonPainter = __webpack_require__(58);
-	var MainButtonPainter = __webpack_require__(59);
+	var RowPainter = __webpack_require__(53);
+	var CellPainter = __webpack_require__(55);
+	var DummyCellPainter = __webpack_require__(56);
+	var TextPainter = __webpack_require__(57);
+	var SelectPainter = __webpack_require__(59);
+	var ButtonPainter = __webpack_require__(60);
+	var MainButtonPainter = __webpack_require__(61);
 
 	/**
 	 * Painter manager
@@ -16785,7 +17213,7 @@
 
 
 /***/ },
-/* 51 */
+/* 53 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16796,7 +17224,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(52);
+	var Painter = __webpack_require__(54);
 	var constMap = __webpack_require__(10);
 	var attrNameConst = constMap.attrName;
 	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
@@ -16940,7 +17368,7 @@
 
 
 /***/ },
-/* 52 */
+/* 54 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17020,7 +17448,7 @@
 
 
 /***/ },
-/* 53 */
+/* 55 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17031,7 +17459,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(52);
+	var Painter = __webpack_require__(54);
 	var util = __webpack_require__(9);
 	var attrNameConst = __webpack_require__(10).attrName;
 	var classNameConst = __webpack_require__(15);
@@ -17275,7 +17703,7 @@
 
 
 /***/ },
-/* 54 */
+/* 56 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17286,7 +17714,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(52);
+	var Painter = __webpack_require__(54);
 	var util = __webpack_require__(9);
 	var attrNameConst = __webpack_require__(10).attrName;
 	var classNameConst = __webpack_require__(15);
@@ -17349,7 +17777,7 @@
 
 
 /***/ },
-/* 55 */
+/* 57 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17360,7 +17788,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var InputPainter = __webpack_require__(56);
+	var InputPainter = __webpack_require__(58);
 	var util = __webpack_require__(9);
 	var classNameConst = __webpack_require__(15);
 
@@ -17499,7 +17927,7 @@
 
 
 /***/ },
-/* 56 */
+/* 58 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17510,7 +17938,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(52);
+	var Painter = __webpack_require__(54);
 	var keyNameMap = __webpack_require__(10).keyName;
 
 	/**
@@ -17707,7 +18135,7 @@
 
 
 /***/ },
-/* 57 */
+/* 59 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17718,7 +18146,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var InputPainter = __webpack_require__(56);
+	var InputPainter = __webpack_require__(58);
 	var util = __webpack_require__(9);
 
 	/**
@@ -17797,7 +18225,7 @@
 
 
 /***/ },
-/* 58 */
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17808,7 +18236,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var InputPainter = __webpack_require__(56);
+	var InputPainter = __webpack_require__(58);
 	var util = __webpack_require__(9);
 
 	/**
@@ -18057,7 +18485,7 @@
 
 
 /***/ },
-/* 59 */
+/* 61 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -18068,7 +18496,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(52);
+	var Painter = __webpack_require__(54);
 	var classNameConst = __webpack_require__(15);
 	var keyCodeMap = __webpack_require__(10).keyCode;
 
@@ -18153,7 +18581,7 @@
 
 
 /***/ },
-/* 60 */
+/* 62 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -18339,12 +18767,12 @@
 
 
 /***/ },
-/* 61 */
+/* 63 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
-	 * @fileoverview Network 모듈 addon
-	 * @author NHN Ent. FE Development Team
+	 * @fileoverview Add-on for binding to remote data
+	 * @author NHN Ent. FE Development Lab
 	 */
 	'use strict';
 
@@ -18352,85 +18780,84 @@
 	var _ = __webpack_require__(1);
 
 	var View = __webpack_require__(2);
-	var Router = __webpack_require__(62);
+	var Router = __webpack_require__(64);
 	var util = __webpack_require__(9);
-	var formUtil = __webpack_require__(63);
-	var GridEvent = __webpack_require__(20);
+	var formUtil = __webpack_require__(65);
+	var GridEvent = __webpack_require__(22);
 
 	var renderStateMap = __webpack_require__(10).renderState;
 	var DELAY_FOR_LOADING_STATE = 200;
 
 	/**
-	 * Net Addon
+	 * Add-on for binding to remote data
 	 * @module addon/net
 	 * @param {object} options
-	 *      @param {jquery} options.el   form 엘리먼트
-	 *      @param {boolean} [options.initialRequest=true]   Net 인스턴스 생성과 동시에 readData request 요청을 할 지 여부.
-	 *      @param {object} [options.api]   사용할 API URL 리스트
-	 *          @param {string} [options.api.readData]  데이터 조회 API 주소
-	 *          @param {string} [options.api.createData] 데이터 생성 API 주소
-	 *          @param {string} [options.api.updateData] 데이터 업데이트 API 주소
-	 *          @param {string} [options.api.modifyData] 데이터 수정 API 주소 (생성/조회/삭제 한번에 처리하는 API 주소)
-	 *          @param {string} [options.api.deleteData] 데이터 삭제 API 주소
-	 *      @param {number} [options.perPage=500]  한 페이지당 보여줄 item 개수
-	 *      @param {boolean} [options.enableAjaxHistory=true]   ajaxHistory 를 사용할지 여부
+	 *      @param {jquery} [options.el] - Form element (to be used for ajax request)
+	 *      @param {boolean} [options.initialRequest=true] - Whether to request 'readData' after initialized
+	 *      @param {string} [options.readDataMethod='POST'] - Http method to be used for 'readData' API ('POST' or 'GET')
+	 *      @param {object} [options.api] - URL map
+	 *          @param {string} [options.api.readData] - URL for read-data
+	 *          @param {string} [options.api.createData] - URL for create
+	 *          @param {string} [options.api.updateData] - URL for update
+	 *          @param {string} [options.api.modifyData] - URL for modify (create/update/delete at once)
+	 *          @param {string} [options.api.deleteData] - URL for delete
+	 *          @param {string} [options.api.downloadExcel] - URL for download data of this page as an excel-file
+	 *          @param {string} [options.api.downloadExcelAll] - URL for download all data as an excel-file
+	 *      @param {number} [options.perPage=500] - The number of items to be shown in a page
+	 *      @param {boolean} [options.enableAjaxHistory=true] - Whether to use the browser history for the ajax requests
 	 * @example
 	 *   <form id="data_form">
 	 *   <input type="text" name="query"/>
 	 *   </form>
 	 *   <script>
-	 *      var net,
-	 *          grid = new tui.Grid({
-	 *                 //...option 생략...
-	 *          });
+	 *      var net;
+	 *      var grid = new tui.Grid({
+	 *          //...options...
+	 *      });
 	 *
-	 *      //Net AddOn 을 그리드 내부에서 인스턴스화 하며 초기화 한다.
+	 *      // Activate 'Net' addon
 	 *      grid.use('Net', {
-	 *         el: $('#data_form'),         //필수 - form 엘리먼트
-	 *         initialRequest: true,   //(default: true) Net 인스턴스 생성과 동시에 readData request 요청을 할 지 여부.
-	 *         perPage: 500,           //(default: 500) 한 페이지당 load 할 데이터 개수
-	 *         enableAjaxHistory: true, //(default: true) ajaxHistory 를 사용할지 여부
-	 *         //사용할 API URL 리스트
+	 *         el: $('#data_form'),
+	 *         initialRequest: true,
+	 *         readDataMethod: 'GET',
+	 *         perPage: 500,
+	 *         enableAjaxHistory: true,
 	 *         api: {
-	 *             'readData': './api/read',                       //데이터 조회 API 주소
-	 *             'createData': './api/create',                   //데이터 생성 API 주소
-	 *             'updateData': './api/update',                   //데이터 업데이트 API 주소
-	 *             'deleteData': './api/delete',                   //데이터 삭제 API 주소
-	 *             'modifyData': './api/modify',                   //데이터 수정 API 주소 (생성/조회/삭제 한번에 처리하는 API 주소)
-	 *             'downloadExcel': './api/download/excel',        //엑셀 다운로드 (현재페이지) API 주소
-	 *             'downloadExcelAll': './api/download/excelAll'   //엑셀 다운로드 (전체 데이터) API 주소
+	 *             'readData': './api/read',
+	 *             'createData': './api/create',
+	 *             'updateData': './api/update',
+	 *             'deleteData': './api/delete',
+	 *             'modifyData': './api/modify',
+	 *             'downloadExcel': './api/download/excel',
+	 *             'downloadExcelAll': './api/download/excelAll'
 	 *         }
 	 *      });
-	 *       //이벤트 핸들러 바인딩
-	 *       grid.on('beforeRequest', function(data) {
-	 *          //모든 dataRequest 시 호출된다.
+	 *
+	 *      // Bind event handlers
+	 *      grid.on('beforeRequest', function(data) {
+	 *          // For all requests
 	 *      }).on('response', function(data) {
-	 *          //response 이벤트 핸들러
-	 *          //성공/실패와 관계없이 response 를 받을 떄 호출된다.
+	 *          // For all response (regardless of success or failure)
 	 *      }).on('successResponse', function(data) {
-	 *          //successResponse 이벤트 핸들러
-	 *          //response.result 가 true 일 때 호출된다.
+	 *          // Only if response.result is true
 	 *      }).on('failResponse', function(data) {
-	 *          //failResponse 이벤트 핸들러
-	 *          //response.result 가 false 일 때 호출된다.
+	 *          // Only if response.result is false
 	 *      }).on('errorResponse', function(data) {
-	 *          //ajax error response 이벤트 핸들러
+	 *          // For error response
 	 *      });
 	 *
-	 *      //grid 로부터 사용할 net 인스턴스를 가져온다.
 	 *      net = grid.getAddOn('Net');
 	 *
-	 *      //request 관련 자세한 옵션은 Net#request 를 참고한다.
-	 *      //createData API 요청
+	 *      // Request create
 	 *      net.request('createData');
 	 *
-	 *      //updateData API 요청
+	 *      // Request update
 	 *      net.request('updateData');
 	 *
-	 *      //deleteData API 요청
+	 *      // Request delete
 	 *      net.request('deleteData');
 	 *
-	 *      //modifyData API 요청
+	 *      // Request create/update/delete at once
 	 *      net.request('modifyData');
 	 *   </script>
 	 */
@@ -18467,6 +18894,7 @@
 	            // configs
 	            api: options.api,
 	            enableAjaxHistory: options.enableAjaxHistory,
+	            readDataMethod: options.readDataMethod || 'POST',
 	            perPage: options.perPage,
 
 	            // state data
@@ -18552,8 +18980,8 @@
 	     * @private
 	     */
 	    _showToolbarExcelBtns: function() {
-	        var toolbarModel = this.toolbarModel,
-	            api = this.api;
+	        var toolbarModel = this.toolbarModel;
+	        var api = this.api;
 
 	        if (!toolbarModel) {
 	            return;
@@ -18697,7 +19125,6 @@
 
 	    /**
 	     * Requests 'readData' with last requested data.
-	     * @api
 	     */
 	    reloadData: function() {
 	        this._requestReadData(this.lastRequestedReadData);
@@ -18705,7 +19132,6 @@
 
 	    /**
 	     * Requests 'readData' to the server. The last requested data will be extended with new data.
-	     * @api
 	     * @param {Number} page - Page number
 	     * @param {Object} data - Data(parameters) to send to the server
 	     * @param {Boolean} resetData - If set to true, last requested data will be ignored.
@@ -18750,7 +19176,7 @@
 	            this.dataModel.fetch({
 	                requestType: 'readData',
 	                data: data,
-	                type: 'POST',
+	                type: this.readDataMethod,
 	                success: $.proxy(this._onReadSuccess, this),
 	                error: $.proxy(this._onReadError, this),
 	                reset: true
@@ -18820,17 +19246,14 @@
 	    },
 
 	    /**
-	     * 서버로 API request 한다.
-	     * @api
-	     * @param {String} requestType 요청 타입. 'createData|updateData|deleteData|modifyData' 중 하나를 인자로 넘긴다.
-	     * @param {object} options Options
-	     *      @param {String} [options.url]  url 정보. 생략시 Net 에 설정된 api 옵션 정보로 요청한다.
-	     *      @param {String} [options.hasDataParam=true] rowList 데이터 파라미터를 포함하여 보낼지 여부
-	     *      @param {String} [options.isOnlyChecked=true]  선택(Check)된 row 에 대한 목록 데이터를 포함하여 요청한다.
-	     *      isOnlyModified 도 설정되었을 경우, 선택&변경된 목록을 요청한다.
-	     *      @param {String} [options.isOnlyModified=true]  수정된 행 데이터 목록을 간추려 요청한다.
-	     *      isOnlyChecked 도 설정되었을 경우, 선택&변경된 목록을 요청한다.
-	     *      @param {String} [options.isSkipConfirm=false]  confirm 메세지를 보여줄지 여부를 지정한다.
+	     * Send request to server to sync data
+	     * @param {String} requestType - 'createData|updateData|deleteData|modifyData'
+	     * @param {object} options - Options
+	     *      @param {String} [options.url] - URL to send the request
+	     *      @param {String} [options.hasDataParam=true] - Whether the row-data to be included in the request param
+	     *      @param {String} [options.isOnlyChecked=true] - Whether the request param only contains checked rows
+	     *      @param {String} [options.isOnlyModified=true] - Whether the request param only contains modified rows
+	     *      @param {String} [options.isSkipConfirm=false] - Whether to show confirm dialog before sending request
 	     */
 	    request: function(requestType, options) {
 	        var defaultOptions = {
@@ -18851,7 +19274,6 @@
 
 	    /**
 	     * Change window.location to registered url for downloading data
-	     * @api
 	     * @param {string} type - Download type. 'excel' or 'excelAll'.
 	     *        Will be matched with API 'downloadExcel', 'downloadExcelAll'.
 	     */
@@ -18874,7 +19296,6 @@
 
 	    /**
 	     * Set number of rows per page and reload current page
-	     * @api
 	     * @param {number} perPage - Number of rows per page
 	     */
 	    setPerPage: function(perPage) {
@@ -19031,7 +19452,6 @@
 
 	        /**
 	         * Occurs before the http request is sent
-	         * @api
 	         * @event tui.Grid#beforeRequest
 	         * @type {module:common/gridEvent}
 	         */
@@ -19086,7 +19506,6 @@
 
 	        /**
 	         * Occurs when the response is received from the server
-	         * @api
 	         * @event tui.Grid#reponse
 	         * @type {module:common/gridEvent}
 	         * @property {number} httpStatus - HTTP status
@@ -19101,7 +19520,6 @@
 	        if (responseData && responseData.result) {
 	            /**
 	             * Occurs after the response event, if the result is true
-	             * @api
 	             * @event tui.Grid#successReponse
 	             * @type {module:common/gridEvent}
 	             * @property {number} httpStatus - HTTP status
@@ -19119,7 +19537,6 @@
 	        } else {
 	            /**
 	             * Occurs after the response event, if the result is false
-	             * @api
 	             * @event tui.Grid#failResponse
 	             * @type {module:common/gridEvent}
 	             * @property {number} httpStatus - HTTP status
@@ -19162,7 +19579,6 @@
 
 	        /**
 	         * Occurs after the response event, if the response is Error
-	         * @api
 	         * @event tui.Grid#errorResponse
 	         * @type {module:common/gridEvent}
 	         * @property {number} httpStatus - HTTP status
@@ -19184,7 +19600,7 @@
 
 
 /***/ },
-/* 62 */
+/* 64 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -19215,7 +19631,7 @@
 
 
 /***/ },
-/* 63 */
+/* 65 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -19444,7 +19860,7 @@
 
 
 /***/ },
-/* 64 */
+/* 66 */
 /***/ function(module, exports) {
 
 	/**
@@ -19500,7 +19916,7 @@
 
 
 /***/ },
-/* 65 */
+/* 67 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -19510,15 +19926,15 @@
 	'use strict';
 
 	var util = __webpack_require__(9);
-	var styleGen = __webpack_require__(66);
+	var styleGen = __webpack_require__(68);
 	var themeNameConst = __webpack_require__(10).themeName;
 
 	var STYLE_ELEMENT_ID = 'tui-grid-theme-style';
 
 	var presetOptions = {};
-	presetOptions[themeNameConst.DEFAULT] = __webpack_require__(68);
-	presetOptions[themeNameConst.STRIPED] = __webpack_require__(69);
-	presetOptions[themeNameConst.CLEAN] = __webpack_require__(70);
+	presetOptions[themeNameConst.DEFAULT] = __webpack_require__(70);
+	presetOptions[themeNameConst.STRIPED] = __webpack_require__(71);
+	presetOptions[themeNameConst.CLEAN] = __webpack_require__(72);
 
 	/**
 	 * build css string with given options.
@@ -19597,7 +20013,7 @@
 
 
 /***/ },
-/* 66 */
+/* 68 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -19608,10 +20024,9 @@
 
 	var _ = __webpack_require__(1);
 
-	var builder = __webpack_require__(67);
+	var builder = __webpack_require__(69);
 	var classNameConst = __webpack_require__(15);
 
-
 	/**
 	 * Shortcut for the builder.createClassRule() method.
 	 * @ignore
@@ -19688,13 +20103,15 @@
 	        var leftBottomRule = classRule(classNameConst.SCROLLBAR_LEFT_BOTTOM).bg(options.background);
 	        var scrollHeadRule = classRule(classNameConst.SCROLLBAR_HEAD).bg(options.background);
 	        var footerRightRule = classRule(classNameConst.FOOT_AREA_RIGHT).bg(options.background);
+	        var bodyAreaRule = classRule(classNameConst.BODY_AREA).bg(options.background);
 
 	        return builder.buildAll(webkitScrollbarRules.concat([
 	            ieScrollbarRule,
 	            rightBottomRule,
 	            leftBottomRule,
 	            scrollHeadRule,
-	            footerRightRule
+	            footerRightRule,
+	            bodyAreaRule
 	        ]));
 	    },
 
@@ -19761,7 +20178,10 @@
 	            .borderWidth(options)
 	            .text(options.text);
 
-	        return headRule.build();
+	        var headAreaRule = classRule(classNameConst.HEAD_AREA)
+	            .bg(options.background);
+
+	        return builder.buildAll([headRule, headAreaRule]);
 	    },
 
 	    /**
@@ -19867,7 +20287,7 @@
 
 
 /***/ },
-/* 67 */
+/* 69 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -20052,7 +20472,7 @@
 
 
 /***/ },
-/* 68 */
+/* 70 */
 /***/ function(module, exports) {
 
 	/**
@@ -20130,7 +20550,7 @@
 
 
 /***/ },
-/* 69 */
+/* 71 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -20139,7 +20559,7 @@
 	*/
 	'use strict';
 
-	var presetDefault = __webpack_require__(68);
+	var presetDefault = __webpack_require__(70);
 
 	module.exports = $.extend(true, {}, presetDefault, {
 	    cell: {
@@ -20165,7 +20585,7 @@
 
 
 /***/ },
-/* 70 */
+/* 72 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -20174,7 +20594,7 @@
 	*/
 	'use strict';
 
-	var presetDefault = __webpack_require__(68);
+	var presetDefault = __webpack_require__(70);
 
 	module.exports = $.extend(true, {}, presetDefault, {
 	    grid: {
@@ -20204,7 +20624,7 @@
 
 
 /***/ },
-/* 71 */
+/* 73 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
diff --git a/dist/grid.comb.min.js b/dist/grid.comb.min.js
index ecba2acf9..73ee78614 100644
--- a/dist/grid.comb.min.js
+++ b/dist/grid.comb.min.js
@@ -1,11 +1,11 @@
 /*!
- * bundle created at "Thu Dec 15 2016 17:38:35 GMT+0900 (KST)"
- * version: 1.6.2
+ * bundle created at "Wed Jan 04 2017 12:39:59 GMT+0900 (KST)"
+ * version: 1.7.0
  */
-!function(t){function e(n){if(i[n])return i[n].exports;var o=i[n]={exports:{},id:n,loaded:!1};return t[n].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(6),r=i(27),a=i(48),l=i(49),u=i(50),h=i(60),d=i(61),c=i(64),f=i(9),g=i(65),m=i(10).themeName,p={};i(71),tui=window.tui=tui||{},tui.Grid=o.extend({initialize:function(t){var e=new a(this.$el);t=f.enableDeprecatedOptions(t),this.id=f.getUniqueKey(),this.modelManager=this._createModelManager(t,e),this.painterManager=this._createPainterManager(),this.componentHolder=this._createComponentHolder(t.pagination),this.viewFactory=this._createViewFactory(e,t),this.container=this.viewFactory.createContainer(),this.publicEventEmitter=this._createPublicEventEmitter(),this.domState=e,this.container.render(),this.refreshLayout(),g.isApplied()||g.apply(m.DEFAULT),this.addOn={},p[this.id]=this},_createModelManager:function(t,e){var i=n.assign({},t,{gridId:this.id});return n.omit(i,"el","singleClickEdit"),new s(i,e)},_createPainterManager:function(){var t=new h({focusModel:this.modelManager.focusModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel});return new u({gridId:this.id,selectType:this.modelManager.columnModel.get("selectType"),isFixedRowHeight:this.modelManager.dimensionModel.get("isFixedRowHeight"),controller:t})},_createViewFactory:function(t,e){var i=n.pick(e,["singleClickEdit","resizeHandle","toolbar","copyOption","footer"]),o={modelManager:this.modelManager,painterManager:this.painterManager,componentHolder:this.componentHolder,domState:t};return new r(n.assign(o,i))},_createComponentHolder:function(t){return new c({pagination:t})},_createPublicEventEmitter:function(){var t=new l(this);return t.listenToFocusModel(this.modelManager.focusModel),t.listenToContainerView(this.container),t},disable:function(){this.modelManager.dataModel.setDisabled(!0)},enable:function(){this.modelManager.dataModel.setDisabled(!1)},disableRow:function(t){this.modelManager.dataModel.disableRow(t)},enableRow:function(t){this.modelManager.dataModel.enableRow(t)},getValue:function(t,e,i){return this.modelManager.dataModel.getValue(t,e,i)},getColumnValues:function(t,e){return this.modelManager.dataModel.getColumnValues(t,e)},getRow:function(t,e){return this.modelManager.dataModel.getRowData(t,e)},getRowAt:function(t,e){return this.modelManager.dataModel.getRowDataAt(t,e)},getRowCount:function(){return this.modelManager.dataModel.length},getSelectedRowKey:function(){return this.modelManager.focusModel.which().rowKey},getElement:function(t,e){return this.modelManager.dataModel.getElement(t,e)},setValue:function(t,e,i){this.modelManager.dataModel.setValue(t,e,i)},setColumnValues:function(t,e,i){this.modelManager.dataModel.setColumnValues(t,e,i)},replaceRowList:function(t){this.modelManager.dataModel.replaceRowList(t)},setRowList:function(t,e){this.modelManager.dataModel.setRowList(t,!0,e)},focus:function(t,e,i){this.modelManager.focusModel.focusClipboard(),this.modelManager.focusModel.focus(t,e,i)},focusAt:function(t,e,i){this.modelManager.focusModel.focusAt(t,e,i)},focusIn:function(t,e,i){this.modelManager.focusModel.focusIn(t,e,i)},focusInAt:function(t,e,i){this.modelManager.focusModel.focusInAt(t,e,i)},readyForKeyControl:function(){this.modelManager.focusModel.focusClipboard()},blur:function(){this.modelManager.focusModel.blur()},checkAll:function(){this.modelManager.dataModel.checkAll()},check:function(t){this.modelManager.dataModel.check(t)},uncheckAll:function(){this.modelManager.dataModel.uncheckAll()},uncheck:function(t){this.modelManager.dataModel.uncheck(t)},clear:function(){this.modelManager.dataModel.setRowList([])},removeRow:function(t,e){tui.util.isBoolean(e)&&e&&(e={removeOriginalData:!0}),this.modelManager.dataModel.removeRow(t,e)},removeCheckedRows:function(t){var e=this.getCheckedRowKeyList(),i=e.length+"건의 데이터를 삭제하시겠습니까?";return!(!(e.length>0)||t&&!confirm(i))&&(n.each(e,function(t){this.modelManager.dataModel.removeRow(t)},this),!0)},enableCheck:function(t){this.modelManager.dataModel.enableCheck(t)},disableCheck:function(t){this.modelManager.dataModel.disableCheck(t)},getCheckedRowKeyList:function(t){var e=this.modelManager.dataModel.getRowList(!0),i=n.pluck(e,"rowKey");return t?JSON.stringify(i):i},getCheckedRowList:function(t){var e=this.modelManager.dataModel.getRowList(!0);return t?JSON.stringify(e):e},getColumnModelList:function(){return this.modelManager.columnModel.get("dataColumnModelList")},getModifiedRowList:function(t){return this.modelManager.dataModel.getModifiedRowList(t)},appendRow:function(t,e){this.modelManager.dataModel.append(t,e)},prependRow:function(t,e){this.modelManager.dataModel.prepend(t,e)},isChanged:function(){return this.modelManager.dataModel.isChanged()},getAddOn:function(t){return t?this.addOn[t]:this.addOn},restore:function(){this.modelManager.dataModel.restore()},select:function(t){var e=this.modelManager.columnModel.at(0,!0);this.modelManager.focusModel.focus(t,e.columnName)},unselect:function(){this.modelManager.focusModel.unselect(!0)},setColumnFixCount:function(t){this.modelManager.columnModel.set("columnFixCount",t)},setColumnModelList:function(t){this.modelManager.columnModel.set("columnModelList",t)},use:function(t,e){return"Net"===t&&(e=$.extend({toolbarModel:this.modelManager.toolbarModel,renderModel:this.modelManager.renderModel,dataModel:this.modelManager.dataModel,pagination:this.componentHolder.getInstance("pagination")},e),this.addOn.Net=new d(e),this.publicEventEmitter.listenToNetAddon(this.addOn.Net)),this},getRowList:function(){return this.modelManager.dataModel.getRowList()},sort:function(t,e){this.modelManager.dataModel.sortByField(t,e)},unSort:function(){this.sort("rowKey")},addCellClassName:function(t,e,i){this.modelManager.dataModel.get(t).addCellClassName(e,i)},addRowClassName:function(t,e){this.modelManager.dataModel.get(t).addClassName(e)},removeCellClassName:function(t,e,i){this.modelManager.dataModel.get(t).removeCellClassName(e,i)},removeRowClassName:function(t,e){this.modelManager.dataModel.get(t).removeClassName(e)},getRowSpanData:function(t,e){return this.modelManager.dataModel.getRowSpanData(t,e)},getIndexOfRow:function(t){return this.modelManager.dataModel.indexOfRowKey(t)},getPagination:function(){return this.componentHolder.getInstance("pagination")},setDisplayRowCount:function(t){this.modelManager.dimensionModel.setBodyHeightWithRowCount(t)},setSize:function(t,e){this.modelManager.dimensionModel.setSize(t,e)},refreshLayout:function(){this.modelManager.dimensionModel.refreshLayout()},resetColumnWidths:function(){this.modelManager.dimensionModel.resetColumnWidths()},showColumn:function(){var t=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(t,!1)},hideColumn:function(){var t=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(t,!0)},setFooterColumnContent:function(t,e){this.modelManager.columnModel.setFooterContent(t,e)},validate:function(){return this.modelManager.dataModel.validate()},destroy:function(){this.modelManager.destroy(),this.container.destroy(),this.modelManager=this.container=null}}),tui.Grid.getInstanceById=function(t){return p[t]},tui.Grid.applyTheme=function(t,e){g.apply(t,e)}},function(t,e,i){var n,o;(function(){function i(t){function e(e,i,n,o,s,r){for(;s>=0&&s<r;s+=t){var a=o?o[s]:s;n=i(n,e[a],a,e)}return n}return function(i,n,o,s){n=R(n,s,4);var r=!T(i)&&y.keys(i),a=(r||i).length,l=t>0?0:a-1;return arguments.length<3&&(o=i[r?r[l]:l],l+=t),e(i,n,o,r,l,a)}}function s(t){return function(e,i,n){i=E(i,n);for(var o=S(e),s=t>0?0:o-1;s>=0&&s<o;s+=t)if(i(e[s],s,e))return s;return-1}}function r(t,e,i){return function(n,o,s){var r=0,a=S(n);if("number"==typeof s)t>0?r=s>=0?s:Math.max(s+a,r):a=s>=0?Math.min(s+1,a):s+a+1;else if(i&&s&&a)return s=i(n,o),n[s]===o?s:-1;if(o!==o)return s=e(g.call(n,r,a),y.isNaN),s>=0?s+r:-1;for(s=t>0?r:a-1;s>=0&&s<a;s+=t)if(n[s]===o)return s;return-1}}function a(t,e){var i=H.length,n=t.constructor,o=y.isFunction(n)&&n.prototype||d,s="constructor";for(y.has(t,s)&&!y.contains(e,s)&&e.push(s);i--;)s=H[i],s in t&&t[s]!==o[s]&&!y.contains(e,s)&&e.push(s)}var l=this,u=l._,h=Array.prototype,d=Object.prototype,c=Function.prototype,f=h.push,g=h.slice,m=d.toString,p=d.hasOwnProperty,_=Array.isArray,M=Object.keys,v=c.bind,C=Object.create,w=function(){},y=function(t){return t instanceof y?t:this instanceof y?void(this._wrapped=t):new y(t)};"undefined"!=typeof t&&t.exports&&(e=t.exports=y),e._=y,y.VERSION="1.8.3";var R=function(t,e,i){if(void 0===e)return t;switch(null==i?3:i){case 1:return function(i){return t.call(e,i)};case 2:return function(i,n){return t.call(e,i,n)};case 3:return function(i,n,o){return t.call(e,i,n,o)};case 4:return function(i,n,o,s){return t.call(e,i,n,o,s)}}return function(){return t.apply(e,arguments)}},E=function(t,e,i){return null==t?y.identity:y.isFunction(t)?R(t,e,i):y.isObject(t)?y.matcher(t):y.property(t)};y.iteratee=function(t,e){return E(t,e,1/0)};var b=function(t,e){return function(i){var n=arguments.length;if(n<2||null==i)return i;for(var o=1;o<n;o++)for(var s=arguments[o],r=t(s),a=r.length,l=0;l<a;l++){var u=r[l];e&&void 0!==i[u]||(i[u]=s[u])}return i}},L=function(t){if(!y.isObject(t))return{};if(C)return C(t);w.prototype=t;var e=new w;return w.prototype=null,e},x=function(t){return function(e){return null==e?void 0:e[t]}},N=Math.pow(2,53)-1,S=x("length"),T=function(t){var e=S(t);return"number"==typeof e&&e>=0&&e<=N};y.each=y.forEach=function(t,e,i){e=R(e,i);var n,o;if(T(t))for(n=0,o=t.length;n<o;n++)e(t[n],n,t);else{var s=y.keys(t);for(n=0,o=s.length;n<o;n++)e(t[s[n]],s[n],t)}return t},y.map=y.collect=function(t,e,i){e=E(e,i);for(var n=!T(t)&&y.keys(t),o=(n||t).length,s=Array(o),r=0;r<o;r++){var a=n?n[r]:r;s[r]=e(t[a],a,t)}return s},y.reduce=y.foldl=y.inject=i(1),y.reduceRight=y.foldr=i(-1),y.find=y.detect=function(t,e,i){var n;if(n=T(t)?y.findIndex(t,e,i):y.findKey(t,e,i),void 0!==n&&n!==-1)return t[n]},y.filter=y.select=function(t,e,i){var n=[];return e=E(e,i),y.each(t,function(t,i,o){e(t,i,o)&&n.push(t)}),n},y.reject=function(t,e,i){return y.filter(t,y.negate(E(e)),i)},y.every=y.all=function(t,e,i){e=E(e,i);for(var n=!T(t)&&y.keys(t),o=(n||t).length,s=0;s<o;s++){var r=n?n[s]:s;if(!e(t[r],r,t))return!1}return!0},y.some=y.any=function(t,e,i){e=E(e,i);for(var n=!T(t)&&y.keys(t),o=(n||t).length,s=0;s<o;s++){var r=n?n[s]:s;if(e(t[r],r,t))return!0}return!1},y.contains=y.includes=y.include=function(t,e,i,n){return T(t)||(t=y.values(t)),("number"!=typeof i||n)&&(i=0),y.indexOf(t,e,i)>=0},y.invoke=function(t,e){var i=g.call(arguments,2),n=y.isFunction(e);return y.map(t,function(t){var o=n?e:t[e];return null==o?o:o.apply(t,i)})},y.pluck=function(t,e){return y.map(t,y.property(e))},y.where=function(t,e){return y.filter(t,y.matcher(e))},y.findWhere=function(t,e){return y.find(t,y.matcher(e))},y.max=function(t,e,i){var n,o,s=-(1/0),r=-(1/0);if(null==e&&null!=t){t=T(t)?t:y.values(t);for(var a=0,l=t.length;a<l;a++)n=t[a],n>s&&(s=n)}else e=E(e,i),y.each(t,function(t,i,n){o=e(t,i,n),(o>r||o===-(1/0)&&s===-(1/0))&&(s=t,r=o)});return s},y.min=function(t,e,i){var n,o,s=1/0,r=1/0;if(null==e&&null!=t){t=T(t)?t:y.values(t);for(var a=0,l=t.length;a<l;a++)n=t[a],n<s&&(s=n)}else e=E(e,i),y.each(t,function(t,i,n){o=e(t,i,n),(o<r||o===1/0&&s===1/0)&&(s=t,r=o)});return s},y.shuffle=function(t){for(var e,i=T(t)?t:y.values(t),n=i.length,o=Array(n),s=0;s<n;s++)e=y.random(0,s),e!==s&&(o[s]=o[e]),o[e]=i[s];return o},y.sample=function(t,e,i){return null==e||i?(T(t)||(t=y.values(t)),t[y.random(t.length-1)]):y.shuffle(t).slice(0,Math.max(0,e))},y.sortBy=function(t,e,i){return e=E(e,i),y.pluck(y.map(t,function(t,i,n){return{value:t,index:i,criteria:e(t,i,n)}}).sort(function(t,e){var i=t.criteria,n=e.criteria;if(i!==n){if(i>n||void 0===i)return 1;if(i<n||void 0===n)return-1}return t.index-e.index}),"value")};var D=function(t){return function(e,i,n){var o={};return i=E(i,n),y.each(e,function(n,s){var r=i(n,s,e);t(o,n,r)}),o}};y.groupBy=D(function(t,e,i){y.has(t,i)?t[i].push(e):t[i]=[e]}),y.indexBy=D(function(t,e,i){t[i]=e}),y.countBy=D(function(t,e,i){y.has(t,i)?t[i]++:t[i]=1}),y.toArray=function(t){return t?y.isArray(t)?g.call(t):T(t)?y.map(t,y.identity):y.values(t):[]},y.size=function(t){return null==t?0:T(t)?t.length:y.keys(t).length},y.partition=function(t,e,i){e=E(e,i);var n=[],o=[];return y.each(t,function(t,i,s){(e(t,i,s)?n:o).push(t)}),[n,o]},y.first=y.head=y.take=function(t,e,i){if(null!=t)return null==e||i?t[0]:y.initial(t,t.length-e)},y.initial=function(t,e,i){return g.call(t,0,Math.max(0,t.length-(null==e||i?1:e)))},y.last=function(t,e,i){if(null!=t)return null==e||i?t[t.length-1]:y.rest(t,Math.max(0,t.length-e))},y.rest=y.tail=y.drop=function(t,e,i){return g.call(t,null==e||i?1:e)},y.compact=function(t){return y.filter(t,y.identity)};var O=function(t,e,i,n){for(var o=[],s=0,r=n||0,a=S(t);r<a;r++){var l=t[r];if(T(l)&&(y.isArray(l)||y.isArguments(l))){e||(l=O(l,e,i));var u=0,h=l.length;for(o.length+=h;u<h;)o[s++]=l[u++]}else i||(o[s++]=l)}return o};y.flatten=function(t,e){return O(t,e,!1)},y.without=function(t){return y.difference(t,g.call(arguments,1))},y.uniq=y.unique=function(t,e,i,n){y.isBoolean(e)||(n=i,i=e,e=!1),null!=i&&(i=E(i,n));for(var o=[],s=[],r=0,a=S(t);r<a;r++){var l=t[r],u=i?i(l,r,t):l;e?(r&&s===u||o.push(l),s=u):i?y.contains(s,u)||(s.push(u),o.push(l)):y.contains(o,l)||o.push(l)}return o},y.union=function(){return y.uniq(O(arguments,!0,!0))},y.intersection=function(t){for(var e=[],i=arguments.length,n=0,o=S(t);n<o;n++){var s=t[n];if(!y.contains(e,s)){for(var r=1;r<i&&y.contains(arguments[r],s);r++);r===i&&e.push(s)}}return e},y.difference=function(t){var e=O(arguments,!0,!0,1);return y.filter(t,function(t){return!y.contains(e,t)})},y.zip=function(){return y.unzip(arguments)},y.unzip=function(t){for(var e=t&&y.max(t,S).length||0,i=Array(e),n=0;n<e;n++)i[n]=y.pluck(t,n);return i},y.object=function(t,e){for(var i={},n=0,o=S(t);n<o;n++)e?i[t[n]]=e[n]:i[t[n][0]]=t[n][1];return i},y.findIndex=s(1),y.findLastIndex=s(-1),y.sortedIndex=function(t,e,i,n){i=E(i,n,1);for(var o=i(e),s=0,r=S(t);s<r;){var a=Math.floor((s+r)/2);i(t[a])<o?s=a+1:r=a}return s},y.indexOf=r(1,y.findIndex,y.sortedIndex),y.lastIndexOf=r(-1,y.findLastIndex),y.range=function(t,e,i){null==e&&(e=t||0,t=0),i=i||1;for(var n=Math.max(Math.ceil((e-t)/i),0),o=Array(n),s=0;s<n;s++,t+=i)o[s]=t;return o};var A=function(t,e,i,n,o){if(!(n instanceof e))return t.apply(i,o);var s=L(t.prototype),r=t.apply(s,o);return y.isObject(r)?r:s};y.bind=function(t,e){if(v&&t.bind===v)return v.apply(t,g.call(arguments,1));if(!y.isFunction(t))throw new TypeError("Bind must be called on a function");var i=g.call(arguments,2),n=function(){return A(t,n,e,this,i.concat(g.call(arguments)))};return n},y.partial=function(t){var e=g.call(arguments,1),i=function(){for(var n=0,o=e.length,s=Array(o),r=0;r<o;r++)s[r]=e[r]===y?arguments[n++]:e[r];for(;n<arguments.length;)s.push(arguments[n++]);return A(t,i,this,this,s)};return i},y.bindAll=function(t){var e,i,n=arguments.length;if(n<=1)throw new Error("bindAll must be passed function names");for(e=1;e<n;e++)i=arguments[e],t[i]=y.bind(t[i],t);return t},y.memoize=function(t,e){var i=function(n){var o=i.cache,s=""+(e?e.apply(this,arguments):n);return y.has(o,s)||(o[s]=t.apply(this,arguments)),o[s]};return i.cache={},i},y.delay=function(t,e){var i=g.call(arguments,2);return setTimeout(function(){return t.apply(null,i)},e)},y.defer=y.partial(y.delay,y,1),y.throttle=function(t,e,i){var n,o,s,r=null,a=0;i||(i={});var l=function(){a=i.leading===!1?0:y.now(),r=null,s=t.apply(n,o),r||(n=o=null)};return function(){var u=y.now();a||i.leading!==!1||(a=u);var h=e-(u-a);return n=this,o=arguments,h<=0||h>e?(r&&(clearTimeout(r),r=null),a=u,s=t.apply(n,o),r||(n=o=null)):r||i.trailing===!1||(r=setTimeout(l,h)),s}},y.debounce=function(t,e,i){var n,o,s,r,a,l=function(){var u=y.now()-r;u<e&&u>=0?n=setTimeout(l,e-u):(n=null,i||(a=t.apply(s,o),n||(s=o=null)))};return function(){s=this,o=arguments,r=y.now();var u=i&&!n;return n||(n=setTimeout(l,e)),u&&(a=t.apply(s,o),s=o=null),a}},y.wrap=function(t,e){return y.partial(e,t)},y.negate=function(t){return function(){return!t.apply(this,arguments)}},y.compose=function(){var t=arguments,e=t.length-1;return function(){for(var i=e,n=t[e].apply(this,arguments);i--;)n=t[i].call(this,n);return n}},y.after=function(t,e){return function(){if(--t<1)return e.apply(this,arguments)}},y.before=function(t,e){var i;return function(){return--t>0&&(i=e.apply(this,arguments)),t<=1&&(e=null),i}},y.once=y.partial(y.before,2);var I=!{toString:null}.propertyIsEnumerable("toString"),H=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"];y.keys=function(t){if(!y.isObject(t))return[];if(M)return M(t);var e=[];for(var i in t)y.has(t,i)&&e.push(i);return I&&a(t,e),e},y.allKeys=function(t){if(!y.isObject(t))return[];var e=[];for(var i in t)e.push(i);return I&&a(t,e),e},y.values=function(t){for(var e=y.keys(t),i=e.length,n=Array(i),o=0;o<i;o++)n[o]=t[e[o]];return n},y.mapObject=function(t,e,i){e=E(e,i);for(var n,o=y.keys(t),s=o.length,r={},a=0;a<s;a++)n=o[a],r[n]=e(t[n],n,t);return r},y.pairs=function(t){for(var e=y.keys(t),i=e.length,n=Array(i),o=0;o<i;o++)n[o]=[e[o],t[e[o]]];return n},y.invert=function(t){for(var e={},i=y.keys(t),n=0,o=i.length;n<o;n++)e[t[i[n]]]=i[n];return e},y.functions=y.methods=function(t){var e=[];for(var i in t)y.isFunction(t[i])&&e.push(i);return e.sort()},y.extend=b(y.allKeys),y.extendOwn=y.assign=b(y.keys),y.findKey=function(t,e,i){e=E(e,i);for(var n,o=y.keys(t),s=0,r=o.length;s<r;s++)if(n=o[s],e(t[n],n,t))return n},y.pick=function(t,e,i){var n,o,s={},r=t;if(null==r)return s;y.isFunction(e)?(o=y.allKeys(r),n=R(e,i)):(o=O(arguments,!1,!1,1),n=function(t,e,i){return e in i},r=Object(r));for(var a=0,l=o.length;a<l;a++){var u=o[a],h=r[u];n(h,u,r)&&(s[u]=h)}return s},y.omit=function(t,e,i){if(y.isFunction(e))e=y.negate(e);else{var n=y.map(O(arguments,!1,!1,1),String);e=function(t,e){return!y.contains(n,e)}}return y.pick(t,e,i)},y.defaults=b(y.allKeys,!0),y.create=function(t,e){var i=L(t);return e&&y.extendOwn(i,e),i},y.clone=function(t){return y.isObject(t)?y.isArray(t)?t.slice():y.extend({},t):t},y.tap=function(t,e){return e(t),t},y.isMatch=function(t,e){var i=y.keys(e),n=i.length;if(null==t)return!n;for(var o=Object(t),s=0;s<n;s++){var r=i[s];if(e[r]!==o[r]||!(r in o))return!1}return!0};var k=function(t,e,i,n){if(t===e)return 0!==t||1/t===1/e;if(null==t||null==e)return t===e;t instanceof y&&(t=t._wrapped),e instanceof y&&(e=e._wrapped);var o=m.call(t);if(o!==m.call(e))return!1;switch(o){case"[object RegExp]":case"[object String]":return""+t==""+e;case"[object Number]":return+t!==+t?+e!==+e:0===+t?1/+t===1/e:+t===+e;case"[object Date]":case"[object Boolean]":return+t===+e}var s="[object Array]"===o;if(!s){if("object"!=typeof t||"object"!=typeof e)return!1;var r=t.constructor,a=e.constructor;if(r!==a&&!(y.isFunction(r)&&r instanceof r&&y.isFunction(a)&&a instanceof a)&&"constructor"in t&&"constructor"in e)return!1}i=i||[],n=n||[];for(var l=i.length;l--;)if(i[l]===t)return n[l]===e;if(i.push(t),n.push(e),s){if(l=t.length,l!==e.length)return!1;for(;l--;)if(!k(t[l],e[l],i,n))return!1}else{var u,h=y.keys(t);if(l=h.length,y.keys(e).length!==l)return!1;for(;l--;)if(u=h[l],!y.has(e,u)||!k(t[u],e[u],i,n))return!1}return i.pop(),n.pop(),!0};y.isEqual=function(t,e){return k(t,e)},y.isEmpty=function(t){return null==t||(T(t)&&(y.isArray(t)||y.isString(t)||y.isArguments(t))?0===t.length:0===y.keys(t).length)},y.isElement=function(t){return!(!t||1!==t.nodeType)},y.isArray=_||function(t){return"[object Array]"===m.call(t)},y.isObject=function(t){var e=typeof t;return"function"===e||"object"===e&&!!t},y.each(["Arguments","Function","String","Number","Date","RegExp","Error"],function(t){y["is"+t]=function(e){return m.call(e)==="[object "+t+"]"}}),y.isArguments(arguments)||(y.isArguments=function(t){return y.has(t,"callee")}),"function"!=typeof/./&&"object"!=typeof Int8Array&&(y.isFunction=function(t){return"function"==typeof t||!1}),y.isFinite=function(t){return isFinite(t)&&!isNaN(parseFloat(t))},y.isNaN=function(t){return y.isNumber(t)&&t!==+t},y.isBoolean=function(t){return t===!0||t===!1||"[object Boolean]"===m.call(t)},y.isNull=function(t){return null===t},y.isUndefined=function(t){return void 0===t},y.has=function(t,e){return null!=t&&p.call(t,e)},y.noConflict=function(){return l._=u,this},y.identity=function(t){return t},y.constant=function(t){return function(){return t}},y.noop=function(){},y.property=x,y.propertyOf=function(t){return null==t?function(){}:function(e){return t[e]}},y.matcher=y.matches=function(t){return t=y.extendOwn({},t),function(e){return y.isMatch(e,t)}},y.times=function(t,e,i){var n=Array(Math.max(0,t));e=R(e,i,1);for(var o=0;o<t;o++)n[o]=e(o);return n},y.random=function(t,e){return null==e&&(e=t,t=0),t+Math.floor(Math.random()*(e-t+1))},y.now=Date.now||function(){return(new Date).getTime()};var F={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},P=y.invert(F),B=function(t){var e=function(e){return t[e]},i="(?:"+y.keys(t).join("|")+")",n=RegExp(i),o=RegExp(i,"g");return function(t){return t=null==t?"":""+t,n.test(t)?t.replace(o,e):t}};y.escape=B(F),y.unescape=B(P),y.result=function(t,e,i){var n=null==t?void 0:t[e];return void 0===n&&(n=i),y.isFunction(n)?n.call(t):n};var $=0;y.uniqueId=function(t){var e=++$+"";return t?t+e:e},y.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var W=/(.)^/,K={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},V=/\\|'|\r|\n|\u2028|\u2029/g,U=function(t){return"\\"+K[t]};y.template=function(t,e,i){!e&&i&&(e=i),e=y.defaults({},e,y.templateSettings);var n=RegExp([(e.escape||W).source,(e.interpolate||W).source,(e.evaluate||W).source].join("|")+"|$","g"),o=0,s="__p+='";t.replace(n,function(e,i,n,r,a){return s+=t.slice(o,a).replace(V,U),o=a+e.length,i?s+="'+\n((__t=("+i+"))==null?'':_.escape(__t))+\n'":n?s+="'+\n((__t=("+n+"))==null?'':__t)+\n'":r&&(s+="';\n"+r+"\n__p+='"),e}),s+="';\n",e.variable||(s="with(obj||{}){\n"+s+"}\n"),s="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+s+"return __p;\n";try{var r=new Function(e.variable||"obj","_",s)}catch(a){throw a.source=s,a}var l=function(t){return r.call(this,t,y)},u=e.variable||"obj";return l.source="function("+u+"){\n"+s+"}",l},y.chain=function(t){var e=y(t);return e._chain=!0,e};var z=function(t,e){return t._chain?y(e).chain():e};y.mixin=function(t){y.each(y.functions(t),function(e){var i=y[e]=t[e];y.prototype[e]=function(){var t=[this._wrapped];return f.apply(t,arguments),z(this,i.apply(y,t))}})},y.mixin(y),y.each(["pop","push","reverse","shift","sort","splice","unshift"],function(t){var e=h[t];y.prototype[t]=function(){var i=this._wrapped;return e.apply(i,arguments),"shift"!==t&&"splice"!==t||0!==i.length||delete i[0],z(this,i)}}),y.each(["concat","join","slice"],function(t){var e=h[t];y.prototype[t]=function(){return z(this,e.apply(this._wrapped,arguments))}}),y.prototype.value=function(){return this._wrapped},y.prototype.valueOf=y.prototype.toJSON=y.prototype.value,y.prototype.toString=function(){return""+this._wrapped},n=[],o=function(){return y}.apply(e,n),!(void 0!==o&&(t.exports=o))}).call(this)},function(t,e,i){"use strict";var n=i(1),o=i(3),s=i(5),r=o.View.extend({initialize:function(){this._children=[]},error:function(t){var e=function(){this.name="Grid Exception",this.message=t||"error"};return e.prototype=new Error,new e},_addChildren:function(t){n.isArray(t)||(t=[t]),[].push.apply(this._children,n.compact(t))},_renderChildren:function(){var t=n.map(this._children,function(t){return t.render().el});return t},_triggerChildrenAppended:function(){n.each(this._children,function(t){t.trigger("appended")})},destroy:function(){this.stopListening(),this._destroyChildren(),this.remove()},_destroyChildren:function(){if(this._children)for(;this._children.length>0;)this._children.pop().destroy()}});n.assign(r.prototype,s),t.exports=r},function(t,e,i){var n,o;!function(s,r){n=[i(1),i(4),e],o=function(t,e,i){s.Backbone=r(s,i,t,e)}.apply(e,n),!(void 0!==o&&(t.exports=o))}(this,function(t,e,i,n){var o=t.Backbone,s=[],r=(s.push,s.slice);s.splice;e.VERSION="1.1.2",e.$=n,e.noConflict=function(){return t.Backbone=o,this},e.emulateHTTP=!1,e.emulateJSON=!1;var a=e.Events={on:function(t,e,i){if(!u(this,"on",t,[e,i])||!e)return this;this._events||(this._events={});var n=this._events[t]||(this._events[t]=[]);return n.push({callback:e,context:i,ctx:i||this}),this},once:function(t,e,n){if(!u(this,"once",t,[e,n])||!e)return this;var o=this,s=i.once(function(){o.off(t,s),e.apply(this,arguments)});return s._callback=e,this.on(t,s,n)},off:function(t,e,n){var o,s,r,a,l,h,d,c;if(!this._events||!u(this,"off",t,[e,n]))return this;if(!t&&!e&&!n)return this._events=void 0,this;for(a=t?[t]:i.keys(this._events),l=0,h=a.length;l<h;l++)if(t=a[l],r=this._events[t]){if(this._events[t]=o=[],e||n)for(d=0,c=r.length;d<c;d++)s=r[d],(e&&e!==s.callback&&e!==s.callback._callback||n&&n!==s.context)&&o.push(s);o.length||delete this._events[t]}return this},trigger:function(t){if(!this._events)return this;var e=r.call(arguments,1);if(!u(this,"trigger",t,e))return this;var i=this._events[t],n=this._events.all;return i&&h(i,e),n&&h(n,arguments),this},stopListening:function(t,e,n){var o=this._listeningTo;if(!o)return this;var s=!e&&!n;n||"object"!=typeof e||(n=this),t&&((o={})[t._listenId]=t);for(var r in o)t=o[r],t.off(e,n,this),(s||i.isEmpty(t._events))&&delete this._listeningTo[r];return this}},l=/\s+/,u=function(t,e,i,n){if(!i)return!0;if("object"==typeof i){for(var o in i)t[e].apply(t,[o,i[o]].concat(n));return!1}if(l.test(i)){for(var s=i.split(l),r=0,a=s.length;r<a;r++)t[e].apply(t,[s[r]].concat(n));return!1}return!0},h=function(t,e){var i,n=-1,o=t.length,s=e[0],r=e[1],a=e[2];switch(e.length){case 0:for(;++n<o;)(i=t[n]).callback.call(i.ctx);return;case 1:for(;++n<o;)(i=t[n]).callback.call(i.ctx,s);return;case 2:for(;++n<o;)(i=t[n]).callback.call(i.ctx,s,r);return;case 3:for(;++n<o;)(i=t[n]).callback.call(i.ctx,s,r,a);return;default:for(;++n<o;)(i=t[n]).callback.apply(i.ctx,e);return}},d={listenTo:"on",listenToOnce:"once"};i.each(d,function(t,e){a[e]=function(e,n,o){var s=this._listeningTo||(this._listeningTo={}),r=e._listenId||(e._listenId=i.uniqueId("l"));return s[r]=e,o||"object"!=typeof n||(o=this),e[t](n,o,this),this}}),a.bind=a.on,a.unbind=a.off,i.extend(e,a);var c=e.Model=function(t,e){var n=t||{};e||(e={}),this.cid=i.uniqueId("c"),this.attributes={},e.collection&&(this.collection=e.collection),e.parse&&(n=this.parse(n,e)||{}),n=i.defaults({},n,i.result(this,"defaults")),this.set(n,e),this.changed={},this.initialize.apply(this,arguments)};i.extend(c.prototype,a,{changed:null,validationError:null,idAttribute:"id",initialize:function(){},toJSON:function(t){return i.clone(this.attributes)},sync:function(){return e.sync.apply(this,arguments)},get:function(t){return this.attributes[t]},escape:function(t){return i.escape(this.get(t))},has:function(t){return null!=this.get(t)},set:function(t,e,n){var o,s,r,a,l,u,h,d;if(null==t)return this;if("object"==typeof t?(s=t,n=e):(s={})[t]=e,n||(n={}),!this._validate(s,n))return!1;r=n.unset,l=n.silent,a=[],u=this._changing,this._changing=!0,u||(this._previousAttributes=i.clone(this.attributes),this.changed={}),d=this.attributes,h=this._previousAttributes,this.idAttribute in s&&(this.id=s[this.idAttribute]);for(o in s)e=s[o],i.isEqual(d[o],e)||a.push(o),i.isEqual(h[o],e)?delete this.changed[o]:this.changed[o]=e,r?delete d[o]:d[o]=e;if(!l){a.length&&(this._pending=n);for(var c=0,f=a.length;c<f;c++)this.trigger("change:"+a[c],this,d[a[c]],n)}if(u)return this;if(!l)for(;this._pending;)n=this._pending,this._pending=!1,this.trigger("change",this,n);return this._pending=!1,this._changing=!1,this},unset:function(t,e){return this.set(t,void 0,i.extend({},e,{unset:!0}))},clear:function(t){var e={};for(var n in this.attributes)e[n]=void 0;return this.set(e,i.extend({},t,{unset:!0}))},hasChanged:function(t){return null==t?!i.isEmpty(this.changed):i.has(this.changed,t)},changedAttributes:function(t){if(!t)return!!this.hasChanged()&&i.clone(this.changed);var e,n=!1,o=this._changing?this._previousAttributes:this.attributes;for(var s in t)i.isEqual(o[s],e=t[s])||((n||(n={}))[s]=e);return n},previous:function(t){return null!=t&&this._previousAttributes?this._previousAttributes[t]:null},previousAttributes:function(){return i.clone(this._previousAttributes)},fetch:function(t){t=t?i.clone(t):{},void 0===t.parse&&(t.parse=!0);var e=this,n=t.success;return t.success=function(i){return!!e.set(e.parse(i,t),t)&&(n&&n(e,i,t),void e.trigger("sync",e,i,t))},F(this,t),this.sync("read",this,t)},save:function(t,e,n){var o,s,r,a=this.attributes;if(null==t||"object"==typeof t?(o=t,n=e):(o={})[t]=e,n=i.extend({validate:!0},n),o&&!n.wait){if(!this.set(o,n))return!1}else if(!this._validate(o,n))return!1;o&&n.wait&&(this.attributes=i.extend({},a,o)),void 0===n.parse&&(n.parse=!0);var l=this,u=n.success;return n.success=function(t){l.attributes=a;var e=l.parse(t,n);return n.wait&&(e=i.extend(o||{},e)),!(i.isObject(e)&&!l.set(e,n))&&(u&&u(l,t,n),void l.trigger("sync",l,t,n))},F(this,n),s=this.isNew()?"create":n.patch?"patch":"update","patch"===s&&(n.attrs=o),r=this.sync(s,this,n),o&&n.wait&&(this.attributes=a),r},destroy:function(t){t=t?i.clone(t):{};var e=this,n=t.success,o=function(){e.trigger("destroy",e,e.collection,t)};if(t.success=function(i){(t.wait||e.isNew())&&o(),n&&n(e,i,t),e.isNew()||e.trigger("sync",e,i,t)},this.isNew())return t.success(),!1;F(this,t);var s=this.sync("delete",this,t);return t.wait||o(),s},url:function(){var t=i.result(this,"urlRoot")||i.result(this.collection,"url")||k();return this.isNew()?t:t.replace(/([^\/])$/,"$1/")+encodeURIComponent(this.id)},parse:function(t,e){return t},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return!this.has(this.idAttribute)},isValid:function(t){return this._validate({},i.extend(t||{},{validate:!0}))},_validate:function(t,e){if(!e.validate||!this.validate)return!0;t=i.extend({},this.attributes,t);var n=this.validationError=this.validate(t,e)||null;return!n||(this.trigger("invalid",this,n,i.extend(e,{validationError:n})),!1)}});var f=["keys","values","pairs","invert","pick","omit"];i.each(f,function(t){c.prototype[t]=function(){var e=r.call(arguments);return e.unshift(this.attributes),i[t].apply(i,e)}});var g=e.Collection=function(t,e){e||(e={}),e.model&&(this.model=e.model),void 0!==e.comparator&&(this.comparator=e.comparator),this._reset(),this.initialize.apply(this,arguments),t&&this.reset(t,i.extend({silent:!0},e))},m={add:!0,remove:!0,merge:!0},p={add:!0,remove:!1};i.extend(g.prototype,a,{model:c,initialize:function(){},toJSON:function(t){return this.map(function(e){return e.toJSON(t)})},sync:function(){return e.sync.apply(this,arguments)},add:function(t,e){return this.set(t,i.extend({merge:!1},e,p))},remove:function(t,e){var n=!i.isArray(t);t=n?[t]:i.clone(t),e||(e={});var o,s,r,a;for(o=0,s=t.length;o<s;o++)a=t[o]=this.get(t[o]),a&&(delete this._byId[a.id],delete this._byId[a.cid],r=this.indexOf(a),this.models.splice(r,1),this.length--,e.silent||(e.index=r,a.trigger("remove",a,this,e)),this._removeReference(a,e));return n?t[0]:t},set:function(t,e){e=i.defaults({},e,m),e.parse&&(t=this.parse(t,e));var n=!i.isArray(t);t=n?t?[t]:[]:i.clone(t);var o,s,r,a,l,u,h,d=e.at,f=this.model,g=this.comparator&&null==d&&e.sort!==!1,p=i.isString(this.comparator)?this.comparator:null,_=[],M=[],v={},C=e.add,w=e.merge,y=e.remove,R=!(g||!C||!y)&&[];for(o=0,s=t.length;o<s;o++){if(l=t[o]||{},r=l instanceof c?a=l:l[f.prototype.idAttribute||"id"],u=this.get(r))y&&(v[u.cid]=!0),w&&(l=l===a?a.attributes:l,e.parse&&(l=u.parse(l,e)),
-u.set(l,e),g&&!h&&u.hasChanged(p)&&(h=!0)),t[o]=u;else if(C){if(a=t[o]=this._prepareModel(l,e),!a)continue;_.push(a),this._addReference(a,e)}a=u||a,!R||!a.isNew()&&v[a.id]||R.push(a),v[a.id]=!0}if(y){for(o=0,s=this.length;o<s;++o)v[(a=this.models[o]).cid]||M.push(a);M.length&&this.remove(M,e)}if(_.length||R&&R.length)if(g&&(h=!0),this.length+=_.length,null!=d)for(o=0,s=_.length;o<s;o++)this.models.splice(d+o,0,_[o]);else{R&&(this.models.length=0);var E=R||_;for(o=0,s=E.length;o<s;o++)this.models.push(E[o])}if(h&&this.sort({silent:!0}),!e.silent){for(o=0,s=_.length;o<s;o++)(a=_[o]).trigger("add",a,this,e);(h||R&&R.length)&&this.trigger("sort",this,e)}return n?t[0]:t},reset:function(t,e){e||(e={});for(var n=0,o=this.models.length;n<o;n++)this._removeReference(this.models[n],e);return e.previousModels=this.models,this._reset(),t=this.add(t,i.extend({silent:!0},e)),e.silent||this.trigger("reset",this,e),t},push:function(t,e){return this.add(t,i.extend({at:this.length},e))},pop:function(t){var e=this.at(this.length-1);return this.remove(e,t),e},unshift:function(t,e){return this.add(t,i.extend({at:0},e))},shift:function(t){var e=this.at(0);return this.remove(e,t),e},slice:function(){return r.apply(this.models,arguments)},get:function(t){if(null!=t)return this._byId[t]||this._byId[t.id]||this._byId[t.cid]},at:function(t){return this.models[t]},where:function(t,e){return i.isEmpty(t)?e?void 0:[]:this[e?"find":"filter"](function(e){for(var i in t)if(t[i]!==e.get(i))return!1;return!0})},findWhere:function(t){return this.where(t,!0)},sort:function(t){if(!this.comparator)throw new Error("Cannot sort a set without a comparator");return t||(t={}),i.isString(this.comparator)||1===this.comparator.length?this.models=this.sortBy(this.comparator,this):this.models.sort(i.bind(this.comparator,this)),t.silent||this.trigger("sort",this,t),this},pluck:function(t){return i.invoke(this.models,"get",t)},fetch:function(t){t=t?i.clone(t):{},void 0===t.parse&&(t.parse=!0);var e=t.success,n=this;return t.success=function(i){var o=t.reset?"reset":"set";n[o](i,t),e&&e(n,i,t),n.trigger("sync",n,i,t)},F(this,t),this.sync("read",this,t)},create:function(t,e){if(e=e?i.clone(e):{},!(t=this._prepareModel(t,e)))return!1;e.wait||this.add(t,e);var n=this,o=e.success;return e.success=function(t,i){e.wait&&n.add(t,e),o&&o(t,i,e)},t.save(null,e),t},parse:function(t,e){return t},clone:function(){return new this.constructor(this.models)},_reset:function(){this.length=0,this.models=[],this._byId={}},_prepareModel:function(t,e){if(t instanceof c)return t;e=e?i.clone(e):{},e.collection=this;var n=new this.model(t,e);return n.validationError?(this.trigger("invalid",this,n.validationError,e),!1):n},_addReference:function(t,e){this._byId[t.cid]=t,null!=t.id&&(this._byId[t.id]=t),t.collection||(t.collection=this),t.on("all",this._onModelEvent,this)},_removeReference:function(t,e){this===t.collection&&delete t.collection,t.off("all",this._onModelEvent,this)},_onModelEvent:function(t,e,i,n){("add"!==t&&"remove"!==t||i===this)&&("destroy"===t&&this.remove(e,n),e&&t==="change:"+e.idAttribute&&(delete this._byId[e.previous(e.idAttribute)],null!=e.id&&(this._byId[e.id]=e)),this.trigger.apply(this,arguments))}});var _=["forEach","each","map","collect","reduce","foldl","inject","reduceRight","foldr","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","max","min","toArray","size","first","head","take","initial","rest","tail","drop","last","without","difference","indexOf","shuffle","lastIndexOf","isEmpty","chain","sample"];i.each(_,function(t){g.prototype[t]=function(){var e=r.call(arguments);return e.unshift(this.models),i[t].apply(i,e)}});var M=["groupBy","countBy","sortBy","indexBy"];i.each(M,function(t){g.prototype[t]=function(e,n){var o=i.isFunction(e)?e:function(t){return t.get(e)};return i[t](this.models,o,n)}});var v=e.View=function(t){this.cid=i.uniqueId("view"),t||(t={}),i.extend(this,i.pick(t,w)),this._ensureElement(),this.initialize.apply(this,arguments),this.delegateEvents()},C=/^(\S+)\s*(.*)$/,w=["model","collection","el","id","attributes","className","tagName","events"];i.extend(v.prototype,a,{tagName:"div",$:function(t){return this.$el.find(t)},initialize:function(){},render:function(){return this},remove:function(){return this.$el.remove(),this.stopListening(),this},setElement:function(t,i){return this.$el&&this.undelegateEvents(),this.$el=t instanceof e.$?t:e.$(t),this.el=this.$el[0],i!==!1&&this.delegateEvents(),this},delegateEvents:function(t){if(!t&&!(t=i.result(this,"events")))return this;this.undelegateEvents();for(var e in t){var n=t[e];if(i.isFunction(n)||(n=this[t[e]]),n){var o=e.match(C),s=o[1],r=o[2];n=i.bind(n,this),s+=".delegateEvents"+this.cid,""===r?this.$el.on(s,n):this.$el.on(s,r,n)}}return this},undelegateEvents:function(){return this.$el.off(".delegateEvents"+this.cid),this},_ensureElement:function(){if(this.el)this.setElement(i.result(this,"el"),!1);else{var t=i.extend({},i.result(this,"attributes"));this.id&&(t.id=i.result(this,"id")),this.className&&(t["class"]=i.result(this,"className"));var n=e.$("<"+i.result(this,"tagName")+">").attr(t);this.setElement(n,!1)}}}),e.sync=function(t,n,o){var s=R[t];i.defaults(o||(o={}),{emulateHTTP:e.emulateHTTP,emulateJSON:e.emulateJSON});var r={type:s,dataType:"json"};if(o.url||(r.url=i.result(n,"url")||k()),null!=o.data||!n||"create"!==t&&"update"!==t&&"patch"!==t||(r.contentType="application/json",r.data=JSON.stringify(o.attrs||n.toJSON(o))),o.emulateJSON&&(r.contentType="application/x-www-form-urlencoded",r.data=r.data?{model:r.data}:{}),o.emulateHTTP&&("PUT"===s||"DELETE"===s||"PATCH"===s)){r.type="POST",o.emulateJSON&&(r.data._method=s);var a=o.beforeSend;o.beforeSend=function(t){if(t.setRequestHeader("X-HTTP-Method-Override",s),a)return a.apply(this,arguments)}}"GET"===r.type||o.emulateJSON||(r.processData=!1),"PATCH"===r.type&&y&&(r.xhr=function(){return new ActiveXObject("Microsoft.XMLHTTP")});var l=o.xhr=e.ajax(i.extend(r,o));return n.trigger("request",n,l,o),l};var y=!("undefined"==typeof window||!window.ActiveXObject||window.XMLHttpRequest&&(new XMLHttpRequest).dispatchEvent),R={create:"POST",update:"PUT",patch:"PATCH","delete":"DELETE",read:"GET"};e.ajax=function(){return e.$.ajax.apply(e.$,arguments)};var E=e.Router=function(t){t||(t={}),t.routes&&(this.routes=t.routes),this._bindRoutes(),this.initialize.apply(this,arguments)},b=/\((.*?)\)/g,L=/(\(\?)?:\w+/g,x=/\*\w+/g,N=/[\-{}\[\]+?.,\\\^$|#\s]/g;i.extend(E.prototype,a,{initialize:function(){},route:function(t,n,o){i.isRegExp(t)||(t=this._routeToRegExp(t)),i.isFunction(n)&&(o=n,n=""),o||(o=this[n]);var s=this;return e.history.route(t,function(i){var r=s._extractParameters(t,i);s.execute(o,r),s.trigger.apply(s,["route:"+n].concat(r)),s.trigger("route",n,r),e.history.trigger("route",s,n,r)}),this},execute:function(t,e){t&&t.apply(this,e)},navigate:function(t,i){return e.history.navigate(t,i),this},_bindRoutes:function(){if(this.routes){this.routes=i.result(this,"routes");for(var t,e=i.keys(this.routes);null!=(t=e.pop());)this.route(t,this.routes[t])}},_routeToRegExp:function(t){return t=t.replace(N,"\\$&").replace(b,"(?:$1)?").replace(L,function(t,e){return e?t:"([^/?]+)"}).replace(x,"([^?]*?)"),new RegExp("^"+t+"(?:\\?([\\s\\S]*))?$")},_extractParameters:function(t,e){var n=t.exec(e).slice(1);return i.map(n,function(t,e){return e===n.length-1?t||null:t?decodeURIComponent(t):null})}});var S=e.History=function(){this.handlers=[],i.bindAll(this,"checkUrl"),"undefined"!=typeof window&&(this.location=window.location,this.history=window.history)},T=/^[#\/]|\s+$/g,D=/^\/+|\/+$/g,O=/msie [\w.]+/,A=/\/$/,I=/#.*$/;S.started=!1,i.extend(S.prototype,a,{interval:50,atRoot:function(){return this.location.pathname.replace(/[^\/]$/,"$&/")===this.root},getHash:function(t){var e=(t||this).location.href.match(/#(.*)$/);return e?e[1]:""},getFragment:function(t,e){if(null==t)if(this._hasPushState||!this._wantsHashChange||e){t=decodeURI(this.location.pathname+this.location.search);var i=this.root.replace(A,"");t.indexOf(i)||(t=t.slice(i.length))}else t=this.getHash();return t.replace(T,"")},start:function(t){if(S.started)throw new Error("Backbone.history has already been started");S.started=!0,this.options=i.extend({root:"/"},this.options,t),this.root=this.options.root,this._wantsHashChange=this.options.hashChange!==!1,this._wantsPushState=!!this.options.pushState,this._hasPushState=!!(this.options.pushState&&this.history&&this.history.pushState);var n=this.getFragment(),o=document.documentMode,s=O.exec(navigator.userAgent.toLowerCase())&&(!o||o<=7);if(this.root=("/"+this.root+"/").replace(D,"/"),s&&this._wantsHashChange){var r=e.$('<iframe src="javascript:0" tabindex="-1">');this.iframe=r.hide().appendTo("body")[0].contentWindow,this.navigate(n)}this._hasPushState?e.$(window).on("popstate",this.checkUrl):this._wantsHashChange&&"onhashchange"in window&&!s?e.$(window).on("hashchange",this.checkUrl):this._wantsHashChange&&(this._checkUrlInterval=setInterval(this.checkUrl,this.interval)),this.fragment=n;var a=this.location;if(this._wantsHashChange&&this._wantsPushState){if(!this._hasPushState&&!this.atRoot())return this.fragment=this.getFragment(null,!0),this.location.replace(this.root+"#"+this.fragment),!0;this._hasPushState&&this.atRoot()&&a.hash&&(this.fragment=this.getHash().replace(T,""),this.history.replaceState({},document.title,this.root+this.fragment))}if(!this.options.silent)return this.loadUrl()},stop:function(){e.$(window).off("popstate",this.checkUrl).off("hashchange",this.checkUrl),this._checkUrlInterval&&clearInterval(this._checkUrlInterval),S.started=!1},route:function(t,e){this.handlers.unshift({route:t,callback:e})},checkUrl:function(t){var e=this.getFragment();return e===this.fragment&&this.iframe&&(e=this.getFragment(this.getHash(this.iframe))),e!==this.fragment&&(this.iframe&&this.navigate(e),void this.loadUrl())},loadUrl:function(t){return t=this.fragment=this.getFragment(t),i.any(this.handlers,function(e){if(e.route.test(t))return e.callback(t),!0})},navigate:function(t,e){if(!S.started)return!1;e&&e!==!0||(e={trigger:!!e});var i=this.root+(t=this.getFragment(t||""));if(t=t.replace(I,""),this.fragment!==t){if(this.fragment=t,""===t&&"/"!==i&&(i=i.slice(0,-1)),this._hasPushState)this.history[e.replace?"replaceState":"pushState"]({},document.title,i);else{if(!this._wantsHashChange)return this.location.assign(i);this._updateHash(this.location,t,e.replace),this.iframe&&t!==this.getFragment(this.getHash(this.iframe))&&(e.replace||this.iframe.document.open().close(),this._updateHash(this.iframe.location,t,e.replace))}return e.trigger?this.loadUrl(t):void 0}},_updateHash:function(t,e,i){if(i){var n=t.href.replace(/(javascript:|#).*$/,"");t.replace(n+"#"+e)}else t.hash="#"+e}}),e.history=new S;var H=function(t,e){var n,o=this;n=t&&i.has(t,"constructor")?t.constructor:function(){return o.apply(this,arguments)},i.extend(n,o,e);var s=function(){this.constructor=n};return s.prototype=o.prototype,n.prototype=new s,t&&i.extend(n.prototype,t),n.__super__=o.prototype,n};c.extend=g.extend=E.extend=v.extend=S.extend=H;var k=function(){throw new Error('A "url" property or function must be specified')},F=function(t,e){var i=e.error;e.error=function(n){i&&i(t,n,e),t.trigger("error",t,n,e)}};return e})},function(t,e){t.exports=$},function(t,e,i){"use strict";var n=i(1),o={setOwnProperties:function(t){n.each(t,function(t,e){this[e]=t},this)}};t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(11),r=i(16),a=i(17),l=i(18),u=i(19),h=i(21),d=i(24),c=i(25),f=i(26),g=i(9),m={columnFixCount:0,columnModelList:[],keyColumnName:null,selectType:"",autoNumbering:!0,headerHeight:35,rowHeight:27,fitToParentHeight:!1,showDummyRows:!1,minimumColumnWidth:50,notUseSmartRendering:!1,columnMerge:[],scrollX:!0,scrollY:!0,useClientSort:!0,toolbar:null},p=tui.util.defineClass({init:function(t,e){t=$.extend(!0,{},m,t),this.gridId=t.gridId,this.columnModel=this._createColumnModel(t),this.dataModel=this._createDataModel(t,e),this.toolbarModel=this._createToolbarModel(t),this.dimensionModel=this._createDimensionModel(t,e),this.coordRowModel=this._createCoordRowModel(e),this.focusModel=this._createFocusModel(e),this.renderModel=this._createRenderModel(t),this.selectionModel=this._createSelectionModel(),this.summaryModel=this._createSummaryModel(t.footer),this.focusModel.renderModel=this.renderModel,this.dimensionModel.renderModel=this.renderModel,this.dimensionModel.coordRowModel=this.coordRowModel},_createColumnModel:function(t){return new o({hasNumberColumn:t.autoNumbering,keyColumnName:t.keyColumnName,columnFixCount:t.columnFixCount,selectType:t.selectType,columnMerge:t.columnMerge,columnModelList:t.columnModelList})},_createDataModel:function(t,e){return new s([],{gridId:this.gridId,domState:e,columnModel:this.columnModel,useClientSort:t.useClientSort})},_createToolbarModel:function(t){return new r(t.toolbar)},_createDimensionModel:function(t,e){var i,o={headerHeight:t.headerHeight,bodyHeight:t.bodyHeight,footerHeight:t.footer?t.footer.height:0,rowHeight:t.rowHeight,fitToParentHeight:t.fitToParentHeight,scrollX:!!t.scrollX,scrollY:!!t.scrollY,minimumColumnWidth:t.minimumColumnWidth,isFixedRowHeight:t.isFixedRowHeight,isFixedHeight:t.isFixedHeight};return t.isFixedRowHeight!==!1||t.notUseSmartRendering||(g.warning("The isFixedRowHeight can't be false if the notUseSmartRendering is not set to false."),o.isFixedRowHeight=!0),i=new a(o,{columnModel:this.columnModel,dataModel:this.dataModel,domState:e}),n.isUndefined(t.bodyHeight)&&t.displayRowCount&&i.setBodyHeightWithRowCount(t.displayRowCount),i},_createCoordRowModel:function(t){return new l({dataModel:this.dataModel,dimensionModel:this.dimensionModel,domState:t})},_createFocusModel:function(t){return new u(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,renderModel:this.renderModel,domState:t})},_createSelectionModel:function(){return new c(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,renderModel:this.renderModel,focusModel:this.focusModel})},_createRenderModel:function(t){var e,i,n;return e={emptyMessage:t.emptyMessage,showDummyRows:t.showDummyRows},i={columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,focusModel:this.focusModel,coordRowModel:this.coordRowModel},new(n=t.notUseSmartRendering?h:d)(e,i)},_createSummaryModel:function(t){var e=[];return t&&t.columnContent?(n.each(t.columnContent,function(t,i){n.isFunction(t.template)&&t.useAutoSummary!==!1&&e.push(i)}),new f(null,{dataModel:this.dataModel,autoColumnNames:e})):null},destroy:function(){n.each(this,function(t,e){t&&tui.util.isFunction(t._destroy)&&t._destroy(),t&&tui.util.isFunction(t.stopListening)&&t.stopListening(),this[e]=null},this)}});t.exports=p},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.textType={normal:!0,text:!0,password:!0},this._setColumnModelList(this.get("columnModelList")),this.on("change",this._onChange,this)},defaults:{keyColumnName:null,columnFixCount:0,metaColumnModelList:[],dataColumnModelList:[],visibleList:[],hasNumberColumn:!0,selectType:"",columnModelMap:{},relationListMap:{},columnMerge:[]},_initializeMetaColumns:function(t){var e=[];return this._initializeButtonColumn(e),this._initializeNumberColumn(e),this._overwriteColumnModelList(e,t),e},_overwriteColumnModelList:function(t,e){n.each(e,function(e){this._extendColumnList(e,t)},this)},_initializeNumberColumn:function(t){var e=this.get("hasNumberColumn"),i={columnName:"_number",align:"center",title:"No.",isFixedWidth:!0,width:60};e||(i.isHidden=!0),this._extendColumnList(i,t)},_initializeButtonColumn:function(t){var e=this.get("selectType"),i={columnName:"_button",isHidden:!1,align:"center",editOption:{type:"mainButton"},isFixedWidth:!0,width:40};"checkbox"===e?i.title='<input type="checkbox"/>':"radio"===e?i.title="선택":i.isHidden=!0,this._extendColumnList(i,t)},_extendColumnList:function(t,e){var i=t.columnName,o=n.findIndex(e,{columnName:i});o===-1?e.push(t):e[o]=$.extend(e[o],t)},at:function(t,e){var i=e?this.getVisibleColumnModelList():this.get("dataColumnModelList");return i[t]},indexOfColumnName:function(t,e){var i;return i=e?this.getVisibleColumnModelList():this.get("dataColumnModelList"),n.findIndex(i,{columnName:t})},isLside:function(t){var e=this.indexOfColumnName(t,!0);return e>-1&&e<this.get("columnFixCount")},getVisibleColumnModelList:function(t,e){var i,n=e?0:this.getVisibleMetaColumnCount(),o=this.getVisibleColumnFixCount(e);return t=t&&t.toUpperCase(),i="L"===t?this.get("visibleList").slice(n,o):"R"===t?this.get("visibleList").slice(o):this.get("visibleList").slice(n)},getVisibleMetaColumnCount:function(){var t=this.get("metaColumnModelList"),e=t.length,i=n.where(t,{isHidden:!0}).length;return e-i},getVisibleColumnFixCount:function(t){var e,i,o=this.get("columnFixCount"),s=n.first(this.get("dataColumnModelList"),o);return e=n.filter(s,function(t){return!t.isHidden}),i=e.length,t&&(i+=this.getVisibleMetaColumnCount()),i},getColumnModel:function(t){return this.get("columnModelMap")[t]},isTextType:function(t){return!!this.textType[this.getEditType(t)]},getEditType:function(t){var e=this.getColumnModel(t),i="normal";return"_button"===t||"_number"===t?i=t:e&&e.editOption&&e.editOption.type&&(i=e.editOption.type),i},_makeVisibleColumnModelList:function(t,e){return t=t||this.get("metaColumnModelList"),e=e||this.get("dataColumnModelList"),n.filter(t.concat(e),function(t){return!t.isHidden})},_getRelationListMap:function(t){var e={};return n.each(t,function(t){var i=t.columnName;t.relationList&&(e[i]=t.relationList)}),e},getIgnoredColumnNameList:function(){var t=this.get("dataColumnModelList"),e=[];return n.each(t,function(t){t.isIgnore&&e.push(t.columnName)}),e},_setColumnModelList:function(t,e){var i,o,r,a,l;t=$.extend(!0,[],t),tui.util.isUndefined(e)&&(e=this.get("columnFixCount")),i=n.partition(t,function(t){return s.isMetaColumn(t.columnName)},this),a=this._initializeMetaColumns(i[0]),l=i[1],o=this._getRelationListMap(l),r=this._makeVisibleColumnModelList(a,l),this.set({metaColumnModelList:a,dataColumnModelList:l,columnModelMap:n.indexBy(a.concat(l),"columnName"),relationListMap:o,columnFixCount:Math.max(0,e),visibleList:r},{silent:!0}),this.unset("columnModelList",{silent:!0}),this.trigger("columnModelChange")},_onChange:function(t){var e=t.changed,i=e.columnFixCount,n=e.columnModelList;n||(n=this.get("dataColumnModelList")),this._setColumnModelList(n,i)},setHidden:function(t,e){for(var i,n,o,s;t.length;)i=t.shift(),o=this.getColumnModel(i),o?o.isHidden=e:(n=this.getUnitColumnNamesIfMerged(i),t.push.apply(t,n));s=this._makeVisibleColumnModelList(this.get("metaColumnModelList"),this.get("dataColumnModelList")),this.set("visibleList",s,{silent:!0}),this.trigger("columnModelChange")},getUnitColumnNamesIfMerged:function(t){var e,i,o,s=this.get("columnMerge"),r=[],a=[];for(r.push(t);r.length;)e=r.shift(),i=this.getColumnModel(e),i?a.push(e):(o=n.findWhere(s,{columnName:e}),o&&r.push.apply(r,o.columnNameList));return n.uniq(a)},setFooterContent:function(t,e){this.trigger("setFooterContent",t,e)}});t.exports=r},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(5),r=n.Model.extend({});o.assign(r.prototype,s),t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(10).dimension.CELL_BORDER_WIDTH,s={uniqueId:0,getAttributesString:function(t){var e="";return n.each(t,function(t,i){e+=" "+i+'="'+t+'"'},this),e},sum:function(t){return n.reduce(t,function(t,e){return t+=e},0)},getMinMax:function(t){return{min:Math.min.apply(null,t),max:Math.max.apply(null,t)}},getHeight:function(t,e){return 0===t?t:t*(e+o)},getDisplayRowCount:function(t,e){return Math.ceil(t/(e+o))},getRowHeight:function(t,e){return 0===t?0:Math.floor((e-o)/t)},isMetaColumn:function(t){return n.contains(["_button","_number"],t)},isEqual:function(t,e){var i,o=function(t,e){var i=!1;return tui.util.forEach(t,function(t,n){return i=t===e[n]}),i};return typeof t==typeof e&&((!n.isArray(t)||t.length===e.length)&&(n.isObject(t)?(i=!o(t,e)||!o(e,t),!i):t===e))},isBlank:function(t){return n.isString(t)?!t.length:n.isUndefined(t)||n.isNull(t)},stripTags:function(t){var e;return t=t.replace(/[\n\r\t]/g,""),tui.util.hasEncodableString(t)&&(/<img/i.test(t)?(e=t.match(/<img[^>]*\ssrc=["']?([^>"']+)["']?[^>]*>/i),t=e?e[1]:""):t=t.replace(/<button.*?<\/button>/gi,""),t=$.trim(tui.util.decodeHTMLEntity(t.replace(/<\/?(?:h[1-5]|[a-z]+(?::[a-z]+)?)[^>]*>/gi,"")))),t},toString:function(t){return n.isUndefined(t)||n.isNull(t)?"":String(t)},getUniqueKey:function(){return this.uniqueId+=1,this.uniqueId},toQueryString:function(t){var e=[];return n.each(t,function(t,i){n.isString(t)||n.isNumber(t)||(t=JSON.stringify(t)),t=encodeURIComponent(t),t&&e.push(i+"="+t)}),e.join("&")},toQueryObject:function(t){var e=t.split("&"),i={};return n.each(e,function(t){var e,o,s=t.split("=");e=s[0],o=decodeURIComponent(s[1]);try{o=JSON.parse(o)}catch(r){}n.isNull(o)||(i[e]=o)}),i},convertValueType:function(t,e){return"string"===e?String(t):"number"===e?Number(t):"boolean"===e?Boolean(t):t},toUpperCaseFirstLetter:function(t){return t.charAt(0).toUpperCase()+t.slice(1)},clamp:function(t,e,i){var n;return e>i&&(n=e,e=i,i=n),Math.max(e,Math.min(t,i))},isOptionEnabled:function(t){return n.isObject(t)||t===!0},appendStyleElement:function(t,e){var i=document.createElement("style");i.type="text/css",i.id=t,i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),document.getElementsByTagName("head")[0].appendChild(i)},enableDeprecatedOptions:function(t){var e=t.toolbar,i={hasControlPanel:!0,hasResizeHandler:!0,hasPagination:!0};return t=$.extend(!0,{},t),n.isObject(e)?n.defaults(e,i):e={},!s.isOptionEnabled(t.pagination)&&e.hasPagination&&(t.pagination=!0),!s.isOptionEnabled(t.resizeHandle)&&e.hasResizeHandler&&(t.resizeHandle=!0),n.isObject(t.toolbar)&&!e.hasControlPanel?t.toolbar=!1:s.isOptionEnabled(t.toolbar)&&(t.toolbar=!0),t},warning:function(t){console&&console.warn&&console.warn(t)}};t.exports=s},function(t,e,i){"use strict";var n=i(1),o={TAB:9,ENTER:13,CTRL:17,ESC:27,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40,CHAR_A:65,CHAR_C:67,CHAR_F:70,CHAR_R:82,CHAR_V:86,LEFT_WINDOW_KEY:91,F5:116,BACKSPACE:8,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,HOME:36,END:35,DEL:46,UNDEFINED:229};t.exports={keyCode:o,keyName:n.invert(o),renderState:{LOADING:"LOADING",DONE:"DONE",EMPTY:"EMPTY"},dimension:{CELL_BORDER_WIDTH:1,TABLE_BORDER_WIDTH:1,RESIZE_HANDLE_WIDTH:7},attrName:{ROW_KEY:"data-row-key",COLUMN_NAME:"data-column-name",COLUMN_INDEX:"data-column-index",EDIT_TYPE:"data-edit-type",GRID_ID:"data-grid-id"},themeName:{DEFAULT:"default",STRIPED:"striped",CLEAN:"clean"},selectionType:{CELL:"CELL",ROW:"ROW",COLUMN:"COLUMN"},summaryType:{SUM:"sum",AVG:"avg",CNT:"cnt",MAX:"max",MIN:"min"}}},function(t,e,i){"use strict";var n=i(1),o=i(12),s=i(13),r=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({columnModel:e.columnModel,domState:e.domState,gridId:e.gridId,lastRowKey:-1,originalRowList:[],originalRowMap:{},startIndex:e.startIndex||1,sortOptions:{columnName:"rowKey",isAscending:!0,useClient:!n.isBoolean(e.useClientSort)||e.useClientSort},isDisabled:!1}),this.sortOptions.useClient||(this.comparator=null)},model:s,parse:function(t){return t=t&&t.contents||t,this._formatData(t)},_formatData:function(t){var e=n.filter(t,n.isObject);return n.each(e,function(t,i){e[i]=this._baseFormat(e[i]),this.isRowSpanEnable()&&this._setExtraRowSpanData(e,i)},this),e},_baseFormat:function(t){var e={rowSpan:null,rowSpanData:null,rowState:null},i=this.columnModel.get("keyColumnName"),n=null===i?this._createRowKey():t[i];return t._extraData=$.extend(e,t._extraData),t._button="CHECKED"===t._extraData.rowState,t.rowKey=n,t},_createRowKey:function(){return this.lastRowKey+=1,this.lastRowKey},_setExtraRowSpanData:function(t,e){function i(t,e){var i=t._extraData;return!(!i.rowSpanData||!i.rowSpanData[e])}function o(t,e,i){var n=t._extraData;return n.rowSpanData=n&&n.rowSpanData||{},n.rowSpanData[e]=i,n}var s,r,a,l=t[e],u=l&&l._extraData&&l._extraData.rowSpan,h=l&&l.rowKey;return u&&n.each(u,function(n,u){if(!i(l,u))for(o(l,u,{count:n,isMainRow:!0,mainRowKey:h}),s=-1,a=e+1;a<e+n;a+=1)r=t[a],r[u]=l[u],r._extraData=r._extraData||{},o(r,u,{count:s,isMainRow:!1,mainRowKey:h}),s-=1}),t},setOriginalRowList:function(t){return this.originalRowList=t?this._formatData(t):this.toJSON(),this.originalRowMap=n.indexBy(this.originalRowList,"rowKey"),this.originalRowList},getOriginalRowList:function(t){return t=!!n.isUndefined(t)||t,t?n.clone(this.originalRowList):this.originalRowList},getOriginalRow:function(t){return n.clone(this.originalRowMap[t])},getOriginal:function(t,e){return n.clone(this.originalRowMap[t][e])},getMainRowKey:function(t,e){var i,n=this.get(t);return this.isRowSpanEnable()&&(i=n&&n.getRowSpanData(e),t=i?i.mainRowKey:t),t},indexOfRowKey:function(t){return this.indexOf(this.get(t))},isRowSpanEnable:function(){return!this.isSortedByField()},isSortedByField:function(){return"rowKey"!==this.sortOptions.columnName},setSortOptionValues:function(t,e,i){var o=this.sortOptions,s=!1;n.isUndefined(t)&&(t="rowKey"),n.isUndefined(e)&&(e=!0),o.columnName===t&&o.isAscending===e||(s=!0),o.columnName=t,o.isAscending=e,s&&this.trigger("sortChanged",{columnName:t,isAscending:e,isRequireFetch:i})},sortByField:function(t,e){var i=this.sortOptions;n.isUndefined(e)&&(e=i.columnName!==t||!i.isAscending),this.setSortOptionValues(t,e,!i.useClient),i.useClient&&this.sort()},getRowList:function(t,e){var i,o;return t?(o=this.where({_button:!0}),i=[],n.each(o,function(t){i.push(t.attributes)},this)):i=this.toJSON(),e?i:this._removePrivateProp(i)},syncRowSpannedData:function(t,e,i){var n,o,s;if(this.isRowSpanEnable())if(o=t.getRowSpanData(e),o.isMainRow)for(n=this.indexOfRowKey(t.get("rowKey")),s=0;s<o.count-1;s+=1)this.at(s+1+n).set(e,i);else this.get(o.mainRowKey).set(e,i)},comparator:function(t,e){var i=this.sortOptions.columnName,o=this.sortOptions.isAscending,s=t.get(i),r=e.get(i),a=n.isNull(s)||n.isUndefined(s)||""===s,l=n.isNull(r)||n.isUndefined(r)||""===r,u=0;return a&&!l?u=-1:!a&&l?u=1:s<r?u=-1:s>r&&(u=1),o||(u=-u),u},_removePrivateProp:function(t){return n.map(t,function(t){return n.omit(t,s.privateProperties)})},removeRow:function(t,e){var i,o,s,r=this.get(t);r&&(e&&e.keepRowSpanData&&(s=n.clone(r.attributes)),i=n.clone(r.getRowSpanData()),o=this.at(this.indexOf(r)+1),this.remove(r,{silent:!0}),this._syncRowSpanDataForRemove(i,o,s),e&&e.removeOriginalData&&this.setOriginalRowList(),this.trigger("remove"))},_syncRowSpanDataForRemove:function(t,e,i){t&&n.each(t,function(t,n){var o,s,r,a={};if(t.isMainRow){if(1===t.count)return;o=e,r=t.count-1,s=1,r>1&&(a.mainRowKey=o.get("rowKey"),a.isMainRow=!0),o.set(n,i?i[n]:"",{silent:!0})}else o=this.get(t.mainRowKey),r=o.getRowSpanData(n).count-1,s=-t.count;r>1?(a.count=r,o.setRowSpanData(n,a),this._updateSubRowSpanData(o,n,s,r)):o.setRowSpanData(n,null)},this)},_createDummyRow:function(){var t=this.columnModel.get("dataColumnModelList"),e={};return n.each(t,function(t){e[t.columnName]=""},this),e},append:function(t,e){var i,o=this._createModelList(t);return e=n.extend({at:this.length},e),i={at:e.at,add:!0,silent:!0},this.add(o,i),this._syncRowSpanDataForAppend(e.at,o.length,e.extendPrevRowSpan),this.trigger("add",o,e),o},prepend:function(t,e){return e=e||{},e.at=0,this.append(t,e)},getRowData:function(t,e){var i=this.get(t),n=i?i.toJSON():null;return e?JSON.stringify(n):n},getRowDataAt:function(t,e){var i=this.at(t),n=i?i.toJSON():null;return e?JSON.stringify(i):n},getValue:function(t,e,i){var n,o;return i?n=this.getOriginal(t,e):(o=this.get(t),n=o&&o.get(e)),n},setValue:function(t,e,i,n){var o=this.get(t);return!!o&&(o.set(e,i,{silent:n}),!0)},getColumnValues:function(t,e){var i=this.pluck(t);return e?JSON.stringify(i):i},setColumnValues:function(t,e,i,o){var s={},r={isDisabled:!1,isEditable:!0};s[t]=e,i=!!n.isUndefined(i)||i,this.forEach(function(e){i&&(r=e.getCellState(t)),!r.isDisabled&&r.isEditable&&e.set(s,{silent:o})},this)},getRowSpanData:function(t,e){var i=this.get(t);return i?i.getRowSpanData(e):null},isChanged:function(){var t=n.values(this.getModifiedRowList());return n.some(t,function(t){return t.length>0})},setDisabled:function(t){this.isDisabled!==t&&(this.isDisabled=t,this.trigger("disabledChanged"))},enableRow:function(t){this.get(t).setRowState("")},disableRow:function(t){this.get(t).setRowState("DISABLED")},enableCheck:function(t){this.get(t).setRowState("")},disableCheck:function(t){this.get(t).setRowState("DISABLED_CHECK")},check:function(t,e){var i=this.get(t).getRowState().isDisabledCheck,n=this.columnModel.get("selectType");!i&&n&&("radio"===n&&this.uncheckAll(),this.setValue(t,"_button",!0,e))},uncheck:function(t,e){this.setValue(t,"_button",!1,e)},checkAll:function(){this.setColumnValues("_button",!0)},uncheckAll:function(){this.setColumnValues("_button",!1)},_createModelList:function(t){var e,i=[];return t=t||this._createDummyRow(),n.isArray(t)||(t=[t]),e=this._formatData(t),n.each(e,function(t){var e=new s(t,{collection:this,parse:!0});i.push(e)},this),i},_syncRowSpanDataForAppend:function(t,e,i){var o=this.at(t-1);o&&n.each(o.getRowSpanData(),function(t,n){var s,r,a,l;0!==t.count&&(t.isMainRow?(s=o,r=t,a=1):(s=this.get(t.mainRowKey),r=s.getRowSpanData()[n],a=-t.count+1),(r.count>a||i)&&(r.count+=e,l=r.count,this._updateSubRowSpanData(s,n,a,l)))},this)},_updateSubRowSpanData:function(t,e,i,n){var o,s,r=this.indexOf(t),a=t.get("rowKey");for(s=i;s<n;s+=1)o=this.at(r+s),o.set(e,t.get(e),{silent:!0}),o.setRowSpanData(e,{count:-s,mainRowKey:a,isMainRow:!1})},_isModifiedRow:function(t,e,i){var o=n.omit(t,i),s=n.some(o,function(t,i){return"object"==typeof t?JSON.stringify(t)!==JSON.stringify(e[i]):t!==e[i]},this);return s},getModifiedRowList:function(t){var e=t&&t.isRaw,i=t&&t.isOnlyChecked,o=t&&t.isOnlyRowKeyList,s=e?this.originalRowList:this._removePrivateProp(this.originalRowList),r=e?this.toJSON():this._removePrivateProp(this.toJSON()),a=t&&t.filteringColumnList,l={createList:[],updateList:[],deleteList:[]};return s=n.indexBy(s,"rowKey"),r=n.indexBy(r,"rowKey"),a=n.union(a,this.columnModel.getIgnoredColumnNameList()),n.each(r,function(t,e){var n=s[e],r=o?t.rowKey:t;(!i||i&&this.get(e).get("_button"))&&(n?this._isModifiedRow(t,n,a)&&l.updateList.push(r):l.createList.push(r))},this),n.each(s,function(t,e){var i=o?t.rowKey:t;r[e]||l.deleteList.push(i)},this),l},replaceRowList:function(t,e,i){t||(t=[]),n.isUndefined(e)&&(e=!0),this.trigger("beforeReset",t.length),this.lastRowKey=-1,this.reset(t,{parse:e}),n.isFunction(i)&&i()},setRowList:function(t,e,i){var o=n.bind(function(){this.setOriginalRowList(),n.isFunction(i)&&i()},this);this.replaceRowList(t,e,o)},restore:function(){var t=this.getOriginalRowList();this.replaceRowList(t,!0)},del:function(t,e,i){var o=this.getMainRowKey(t,e),s=this.get(o).getCellState(e),r=this.columnModel.getEditType(e),a=n.contains(["text","password"],r);a&&s.isEditable&&!s.isDisabled&&this.setValue(o,e,"",i)},delRange:function(t){var e,i,o=this.columnModel.getVisibleColumnModelList(),s=n.range(t.row[0],t.row[1]+1),r=n.range(t.column[0],t.column[1]+1);e=n.map(s,function(t){return this.at(t).get("rowKey")},this),i=n.map(r,function(t){return o[t].columnName}),n.each(e,function(t){n.each(i,function(e){this.del(t,e,!0),this.get(t).validateCell(e,!0)},this)},this),this.trigger("delRange",e,i)},paste:function(t,e){var i=this._getEndIndexToPaste(t,e);n.each(t,function(t,n){this._setValueForPaste(t,e.row+n,e.column,i.column)},this),this.trigger("paste",{startIdx:e,endIdx:i})},validate:function(){var t=[],e=n.chain(this.columnModel.getVisibleColumnModelList()).filter(function(t){return t.isRequired===!0}).pluck("columnName").value();return this.each(function(i){var o=[];
-n.each(e,function(t){var e=i.validateCell(t);e&&o.push({columnName:t,errorCode:e})}),o.length&&t.push({rowKey:i.get("rowKey"),errors:o})}),t},_getEndIndexToPaste:function(t,e){var i=this.columnModel.getVisibleColumnModelList(),n=t.length+e.row-1,o=Math.min(t[0].length+e.column,i.length)-1;return{row:n,column:o}},_setValueForPaste:function(t,e,i,n){var o,s,r,a,l=this.at(e),u=this.columnModel,h={};for(l||(l=this.append({})[0]),o=i;o<=n;o+=1)s=u.at(o,!0).columnName,r=l.getCellState(s),a=l.getRowSpanData(s),r.isEditable&&!r.isDisabled&&(!a||a.count>=0)&&(h[s]=t[o-i]);l.set(h)},getElement:function(t,e){var i=this.getMainRowKey(t,e);return this.domState.getElement(i,e)},getCheckedState:function(){var t=0,e=0;return this.forEach(function(i){var n=i.getCellState("_button");!n.isDisabled&&n.isEditable&&(t+=1,i.get("_button")&&(e+=1))}),{available:t,checked:e}}});t.exports=r},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(5),r=n.Collection.extend({clear:function(){return this.each(function(t){t.stopListening(),t=null}),this.reset([],{silent:!0}),this}});o.assign(r.prototype,s),t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(14),r=i(9),a=i(15),l=["_button","_number","_extraData"],u="REQUIRED",h="TYPE_NUMBER",d=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.extraDataManager=new s(this.get("_extraData")),this.columnModel=this.collection.columnModel,this.validateMap={},this.on("change",this._onChange,this)},idAttribute:"rowKey",parse:function(t){return t._extraData||(t._extraData={}),t},_triggerExtraDataChangeEvent:function(){this.trigger("extraDataChanged",this.get("_extraData"))},_onChange:function(){var t=n.omit(this.changed,l);this.isDuplicatedPublicChanged(t)||n.each(t,function(t,e){var i=this.columnModel.getColumnModel(e);i&&this._executeChangeBeforeCallback(e)&&(this.collection.syncRowSpannedData(this,e,t),this._executeChangeAfterCallback(e),this.validateCell(e,!0))},this)},_validateCellData:function(t){var e=this.columnModel.getColumnModel(t),i=this.get(t),o="";return e.isRequired&&r.isBlank(i)?o=u:"number"!==e.dataType||n.isNumber(i)||(o=h),o},validateCell:function(t,e){var i;return!e&&t in this.validateMap?this.validateMap[t]:(i=this._validateCellData(t),i?this.addCellClassName(t,a.CELL_INVALID):this.removeCellClassName(t,a.CELL_INVALID),this.validateMap[t]=i,i)},_createChangeCallbackEvent:function(t){return{rowKey:this.get("rowKey"),columnName:t,value:this.get(t),instance:tui.Grid.getInstanceById(this.collection.gridId)}},_executeChangeBeforeCallback:function(t){var e,i,n=this.columnModel.getColumnModel(t);return!n.editOption||!n.editOption.changeBeforeCallback||(e=this._createChangeCallbackEvent(t),n.editOption.changeBeforeCallback(e)!==!1)||(i={},i[t]=this.previous(t),this.set(i),this.trigger("restore",t),!1)},_executeChangeAfterCallback:function(t){var e,i=this.columnModel.getColumnModel(t);return!i.editOption||!i.editOption.changeAfterCallback||(e=this._createChangeCallbackEvent(t),!!i.editOption.changeAfterCallback(e))},getPrivateProperties:function(){return l},getRowState:function(){return this.extraDataManager.getRowState()},getClassNameList:function(t){var e=this.columnModel.getColumnModel(t),i=r.isMetaColumn(t),n=this.extraDataManager.getClassNameList(t),o=this.getCellState(t);return e.className&&n.push(e.className),e.isEllipsis&&n.push(a.CELL_ELLIPSIS),e.isRequired&&n.push(a.CELL_REQUIRED),i?n.push(a.CELL_HEAD):o.isEditable&&n.push(a.CELL_EDITABLE),o.isDisabled&&n.push(a.CELL_DISABLED),this._makeUniqueStringArray(n)},_makeUniqueStringArray:function(t){var e=n.uniq(t.join(" ").split(" "));return n.without(e,"")},getCellState:function(t){var e,i,o=["_number","normal"],s=this.columnModel,r=this.collection.isDisabled,a=!0,l=s.getEditType(t);return i=this.executeRelationCallbacksAll(["isDisabled","isEditable"])[t],e=this.getRowState(),r||(r="_button"===t?e.isDisabledCheck:e.isDisabled,r=r||!(!i||!i.isDisabled)),a=!n.contains(o,l)&&!(i&&i.isEditable===!1),{isEditable:a,isDisabled:r}},isEditable:function(t){var e=this.getCellState(t);return!e.isDisabled&&e.isEditable},isDisabled:function(t){var e=this.getCellState(t);return e.isDisabled},getRowSpanData:function(t){var e=this.collection.isRowSpanEnable(),i=this.get("rowKey");return this.extraDataManager.getRowSpanData(t,i,e)},getHeight:function(){return this.extraDataManager.getHeight()},setHeight:function(t){this.extraDataManager.setHeight(t),this._triggerExtraDataChangeEvent()},setRowSpanData:function(t,e){this.extraDataManager.setRowSpanData(t,e),this._triggerExtraDataChangeEvent()},setRowState:function(t,e){this.extraDataManager.setRowState(t),e||this._triggerExtraDataChangeEvent()},addCellClassName:function(t,e){this.extraDataManager.addCellClassName(t,e),this._triggerExtraDataChangeEvent()},addClassName:function(t){this.extraDataManager.addClassName(t),this._triggerExtraDataChangeEvent()},removeCellClassName:function(t,e){this.extraDataManager.removeCellClassName(t,e),this._triggerExtraDataChangeEvent()},removeClassName:function(t){this.extraDataManager.removeClassName(t),this._triggerExtraDataChangeEvent()},_getListTypeVisibleText:function(t){var e,i,o,s,a=this.get(t),l=this.columnModel.getColumnModel(t);return tui.util.isExisty(tui.util.pick(l,"editOption","list"))?(e=this.executeRelationCallbacksAll(["optionListChange"])[t],i=e&&e.optionList?e.optionList:l.editOption.list,o=typeof i[0].value,s=r.toString(a).split(","),o!==typeof s[0]&&(s=n.map(s,function(t){return r.convertValueType(t,o)})),n.each(s,function(t,e){var o=n.findWhere(i,{value:t});s[e]=o&&o.value||""},this),s.join(",")):""},_isListType:function(t){return n.contains(["select","radio","checkbox"],t)},isDuplicatedPublicChanged:function(t){return!(!this._timeoutIdForChanged||!n.isEqual(this._lastPublicChanged,t))||(clearTimeout(this._timeoutIdForChanged),this._timeoutIdForChanged=setTimeout(n.bind(function(){this._timeoutIdForChanged=null},this),10),this._lastPublicChanged=t,!1)},getValueString:function(t){var e=this.columnModel.getEditType(t),i=this.columnModel.getColumnModel(t),n=this.get(t);if(this._isListType(e)){if(!tui.util.isExisty(tui.util.pick(i,"editOption","list",0,"value")))throw this.error('Check "'+t+"\"'s editOption.list property out in your ColumnModel.");n=this._getListTypeVisibleText(t)}else"password"===e&&(n="");return r.toString(n)},executeRelationCallbacksAll:function(t){var e=this.attributes,i=this.columnModel.get("relationListMap"),o={};return n.isEmpty(t)&&(t=["optionListChange","isDisabled","isEditable"]),n.each(i,function(i,s){var r=e[s];n.each(i,function(i){this._executeRelationCallback(i,t,r,e,o)},this)},this),o},_getRelationResultAttrName:function(t){switch(t){case"optionListChange":return"optionList";case"isDisabled":return"isDisabled";case"isEditable":return"isEditable";default:return""}},_executeRelationCallback:function(t,e,i,o,s){var r=this.getRowState(),a=t.columnList;n.each(e,function(e){var l,u;r.isDisabled&&"isDisabled"===e||(u=t[e],"function"==typeof u&&(l=this._getRelationResultAttrName(e),l&&n.each(a,function(t){s[t]=s[t]||{},s[t][l]=u(i,o)},this)))},this)}},{privateProperties:l});t.exports=d},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){this.data=t||{}},getRowSpanData:function(t,e,i){var n=null;return i&&(n=this.data.rowSpanData,t&&n&&(n=n[t])),!n&&t&&(n={count:0,isMainRow:!0,mainRowKey:e}),n},getRowState:function(){var t={isDisabledCheck:!1,isDisabled:!1,isChecked:!1};switch(this.data.rowState){case"DISABLED":t.isDisabled=!0;case"DISABLED_CHECK":t.isDisabledCheck=!0;break;case"CHECKED":t.isChecked=!0}return t},setRowState:function(t){this.data.rowState=t},setRowSpanData:function(t,e){var i=n.assign({},this.data.rowSpanData);t&&(e?i[t]=e:i[t]&&delete i[t],this.data.rowSpanData=i)},addCellClassName:function(t,e){var i,o;i=this.data.className||{},i.column=i.column||{},o=i.column[t]||[],n.contains(o,e)||(o.push(e),i.column[t]=o,this.data.className=i)},addClassName:function(t){var e,i;e=this.data.className||{},i=e.row||[],tui.util.inArray(t,i)===-1&&(i.push(t),e.row=i,this.data.className=e)},getClassNameList:function(t){var e=this.data.className,i=Array.prototype.push,n=[];return e&&(e.row&&i.apply(n,e.row),t&&e.column&&e.column[t]&&i.apply(n,e.column[t])),n},_removeClassNameFromArray:function(t,e){var i=t.join(" ").split(" ");return n.without(i,e)},removeCellClassName:function(t,e){var i=this.data.className;tui.util.pick(i,"column",t)&&(i.column[t]=this._removeClassNameFromArray(i.column[t],e),this.data.className=i)},removeClassName:function(t){var e=this.data.className;e&&e.row&&(e.row=this._removeClassNameFromArray(e.row,t),this.className=e)},setHeight:function(t){this.data.height=t},getHeight:function(){return this.data.height}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o="tui-grid-",s={CONTAINER:"container",CLIPBOARD:"clipboard",NO_SCROLL_X:"no-scroll-x",NO_SCROLL_Y:"no-scroll-y",ICO_ARROW:"icon-arrow",ICO_ARROW_LEFT:"icon-arrow-left",ICO_ARROW_RIGHT:"icon-arrow-right",LAYER_STATE:"layer-state",LAYER_STATE_CONTENT:"layer-state-content",LAYER_STATE_LOADING:"layer-state-loading",LAYER_EDITING:"layer-editing",LAYER_FOCUS:"layer-focus",LAYER_FOCUS_BORDER:"layer-focus-border",LAYER_SELECTION:"layer-selection",LAYER_DATE_PICKER:"layer-datepicker",BORDER_LINE:"border-line",BORDER_TOP:"border-line-top",BORDER_LEFT:"border-line-left",BORDER_RIGHT:"border-line-right",BORDER_BOTTOM:"border-line-bottom",CONTENT_AREA:"content-area",LSIDE_AREA:"lside-area",RSIDE_AREA:"rside-area",HEAD_AREA:"head-area",BODY_AREA:"body-area",FOOT_AREA:"foot-area",FOOT_AREA_RIGHT:"foot-area-right",COLUMN_RESIZE_CONTAINER:"column-resize-container",COLUMN_RESIZE_HANDLE:"column-resize-handle",COLUMN_RESIZE_HANDLE_LAST:"column-resize-handle-last",BODY_CONTAINER:"body-container",BODY_TABLE_CONTAINER:"table-container",SCROLLBAR_HEAD:"scrollbar-head",SCROLLBAR_BORDER:"scrollbar-border",SCROLLBAR_RIGHT_BOTTOM:"scrollbar-right-bottom",SCROLLBAR_LEFT_BOTTOM:"scrollbar-left-bottom",PAGINATION:"pagination",PAGINATION_PRE:"pre",PAGINATION_PRE_OFF:"pre-off",PAGINATION_PRE_END:"pre-end",PAGINATION_PRE_END_OFF:"pre-end-off",PAGINATION_NEXT:"next",PAGINATION_NEXT_OFF:"next-off",PAGINATION_NEXT_END:"next-end",PAGINATION_NEXT_END_OFF:"next-end-off",TABLE:"table",CELL:"cell",CELL_HEAD:"cell-head",CELL_ROW_ODD:"cell-row-odd",CELL_ROW_EVEN:"cell-row-even",CELL_EDITABLE:"cell-editable",CELL_DUMMY:"cell-dummy",CELL_REQUIRED:"cell-required",CELL_DISABLED:"cell-disabled",CELL_SELECTED:"cell-selected",CELL_INVALID:"cell-invalid",CELL_ELLIPSIS:"cell-ellipsis",CELL_CURRENT_ROW:"cell-current-row",CELL_MAIN_BUTTON:"cell-main-button",CELL_CONTENT:"cell-content",CELL_CONTENT_BEFORE:"content-before",CELL_CONTENT_AFTER:"content-after",CELL_CONTENT_INPUT:"content-input",CELL_CONTENT_TEXT:"content-text",BTN_TEXT:"btn-text",BTN_SORT:"btn-sorting",BTN_SORT_UP:"btn-sorting-up",BTN_SORT_DOWN:"btn-sorting-down",BTN_EXCEL:"btn-excel-download",BTN_EXCEL_ICON:"btn-excel-icon",BTN_EXCEL_PAGE:"btn-excel-page",BTN_EXCEL_ALL:"btn-excel-all",TOOLBAR:"toolbar",TOOLBAR_BTN_HOLDER:"toolbar-btn-holder",HEIGHT_RESIZE_BAR:"height-resize-bar",HEIGHT_RESIZE_HANDLE:"height-resize-handle",CALENDAR:"calendar",CALENDAR_BTN_PREV_YEAR:"calendar-btn-prev-year",CALENDAR_BTN_NEXT_YEAR:"calendar-btn-next-year",CALENDAR_BTN_PREV_MONTH:"calendar-btn-prev-month",CALENDAR_BTN_NEXT_MONTH:"calendar-btn-next-month",CALENDAR_SELECTABLE:"calendar-selectable",CALENDAR_SELECTED:"calendar-selected"},e=n.mapObject(s,function(t){return o+t});e.PREFIX=o,t.exports=e},function(t,e,i){"use strict";var n=i(8),o=i(9).isOptionEnabled,s=n.extend({initialize:function(t){this.options=t},defaults:{hasControlPanel:!1,hasPagination:!1,hasResizeHandler:!1,isExcelButtonVisible:!1,isExcelAllButtonVisible:!1},isEnabled:function(){return o(this.options)}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=i(10).dimension,a=r.TABLE_BORDER_WIDTH,l=r.CELL_BORDER_WIDTH,u=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this._columnWidthFixedFlags=null,this._minColumnWidthList=null,this.columnModel=e.columnModel,this.dataModel=e.dataModel,this.domState=e.domState,this.listenTo(this.columnModel,"columnModelChange",this.resetColumnWidths),this.on("change:width",this._onWidthChange,this),this.on("change:isFixedHeight",this._resetSyncHeightHandler),this._resetSyncHeightHandler(),this.resetColumnWidths()},defaults:{offsetLeft:0,offsetTop:0,width:0,headerHeight:0,bodyHeight:0,footerHeight:0,toolbarHeight:0,resizeHandleHeight:0,paginationHeight:0,rowHeight:0,totalRowHeight:0,isFixedRowHeight:!0,rsideWidth:0,lsideWidth:0,columnWidthList:[],minimumColumnWidth:0,scrollBarSize:17,scrollX:!0,scrollY:!0,fitToParentHeight:!1,isFixedHeight:!1},_getAvailableTotalWidth:function(t){var e=this.get("width"),i=t+1+(this.isDivisionBorderDoubled()?1:0),n=i*l,o=e-this.getScrollYWidth()-n;return o},_resetSyncHeightHandler:function(){this.get("isFixedHeight")?this.off("change:totalRowHeight"):this.on("change:totalRowHeight",this._syncBodyHeightWithTotalRowHeight)},_syncBodyHeightWithTotalRowHeight:function(){var t=this.get("bodyHeight"),e=this.get("totalRowHeight")+this.getScrollXHeight();this.set("bodyHeight",Math.max(t,e))},_applyMinimumColumnWidth:function(t){var e=this._minColumnWidthList,i=n.clone(t);return n.each(i,function(t,n){var o=e[n];t<o&&(i[n]=o)}),i},_fillEmptyColumnWidth:function(t){var e=this._getAvailableTotalWidth(t.length),i=e-s.sum(t),o=[];return n.each(t,function(t,e){t||o.push(e)}),this._distributeExtraWidthEqually(t,i,o)},_addExtraColumnWidth:function(t,e){var i=this._columnWidthFixedFlags,o=[];return n.each(i,function(t,e){t||o.push(e)}),this._distributeExtraWidthEqually(t,e,o)},_reduceExcessColumnWidth:function(t,e){var i=this._minColumnWidthList,o=this._columnWidthFixedFlags,s=[];return n.each(t,function(t,e){o[e]||s.push({index:e,width:t-i[e]})}),this._reduceExcessColumnWidthSub(n.clone(t),e,s)},_reduceExcessColumnWidthSub:function(t,e,i){var o,s=Math.round(e/i.length),r=[];return n.each(i,function(i){i.width<Math.abs(s)?(e+=i.width,t[i.index]-=i.width):r.push(i)}),i.length>r.length?this._reduceExcessColumnWidthSub(t,e,r):(o=n.pluck(i,"index"),this._distributeExtraWidthEqually(t,e,o))},_distributeExtraWidthEqually:function(t,e,i){var o=i.length,s=Math.round(e/o),r=s*o-e,a=n.clone(t);return n.each(i,function(t){a[t]+=s}),i.length&&(a[n.last(i)]-=r),a},_adjustColumnWidthList:function(t,e){var i,o=t.length,r=this._getAvailableTotalWidth(o),a=r-s.sum(t),l=n.filter(this._columnWidthFixedFlags).length;return a>0?o>l?i=this._addExtraColumnWidth(t,a):(i=n.clone(t),i[o-1]+=a):i=e&&a<0?this._reduceExcessColumnWidth(t,a):t,i},resetColumnWidths:function(){var t=this.columnModel.getVisibleColumnModelList(null,!0),e=this.get("minimumColumnWidth"),i=[],o=[],r=[];n.each(t,function(t){var n=t.width>0?t.width:0,a=Math.max(n,e);s.isMetaColumn(t.columnName)&&(a=n),i.push(n?a:0),r.push(a),o.push(!!t.isFixedWidth)},this),this._columnWidthFixedFlags=o,this._minColumnWidthList=r,this._setColumnWidthVariables(this._calculateColumnWidth(i),!0)},_calculateColumnWidth:function(t){return t=this._fillEmptyColumnWidth(t),t=this._applyMinimumColumnWidth(t),t=this._adjustColumnWidthList(t)},isDivisionBorderDoubled:function(){return this.columnModel.getVisibleColumnFixCount()>0},getFrameWidth:function(t){var e=this.columnModel.getVisibleColumnFixCount(!0),i=this.getColumnWidthList(t),o=this._getFrameWidth(i);return n.isUndefined(t)&&e>0&&(o+=l),o},_getFrameWidth:function(t){var e=0;return t.length&&(e=s.sum(t)+(t.length+1)*l),e},_setColumnWidthVariables:function(t,e){var i,o,s,r,a=this.get("width"),l=this.columnModel.getVisibleColumnFixCount(!0),u=this._getMaxLeftSideWidth();s=t.slice(0,l),r=t.slice(l),o=this._getFrameWidth(s),u&&u<o&&(s=this._adjustLeftSideWidthList(s,u),o=this._getFrameWidth(s),t=s.concat(r)),i=a-o,this.set({columnWidthList:t,rsideWidth:i,lsideWidth:o}),e&&this.set("originalWidthList",n.clone(t)),this.trigger("columnWidthChanged")},_getMinLeftSideWidth:function(){var t,e=this.get("minimumColumnWidth"),i=this.columnModel.getVisibleColumnFixCount(!0),n=0;return i&&(t=(i+1)*l,n=t+e*i),n},_getMaxLeftSideWidth:function(){var t=Math.ceil(.9*this.get("width"));return t&&(t=Math.max(t,this._getMinLeftSideWidth())),t},_getCellHorizontalPosition:function(t){for(var e=this.columnModel,i=e.getVisibleMetaColumnCount(),n=this.get("columnWidthList"),o=e.getVisibleColumnFixCount()+i,s=e.indexOfColumnName(t,!0)+i,r=o>s?0:o,a=0;r<s;r+=1)a+=n[r]+l;return{left:a,right:a+n[s]+l}},_getCellVerticalPosition:function(t,e){var i,n,o,s,r=this.coordRowModel;return i=this.dataModel.indexOfRowKey(t),n=i+e-1,o=r.getOffsetAt(i),s=r.getOffsetAt(n)+r.getHeightAt(n)+l,{top:o,bottom:s}},_getRowSpanCount:function(t,e){var i=this.dataModel.get(t).getRowSpanData(e);return i.isMainRow||(t=i.mainRowKey,i=this.dataModel.get(t).getRowSpanData(e)),i.count||1},getCellPosition:function(t,e){var i,n,o;return t=this.dataModel.getMainRowKey(t,e),this.dataModel.get(t)?(i=this._getRowSpanCount(t,e),n=this._getCellVerticalPosition(t,i),o=this._getCellHorizontalPosition(e),{top:n.top,bottom:n.bottom,left:o.left,right:o.right}):{}},getScrollPosition:function(t,e){var i=!this.columnModel.isLside(e),n=this.getCellPosition(t,e),o=this._getBodySize(),s=this._judgeScrollDirection(n,i,o);return this._makeScrollPosition(s,n,o)},_getBodySize:function(){var t=this.get("lsideWidth"),e=this.get("rsideWidth")-this.getScrollYWidth(),i=this.get("bodyHeight")-this.getScrollXHeight();return{height:i,rsideWidth:e,totalWidth:t+e}},_judgeScrollDirection:function(t,e,i){var n,o,s,r,a=this.renderModel,l=a.get("scrollTop"),u=a.get("scrollLeft");return n=t.top<l,o=!n&&t.bottom>l+i.height,e?(s=t.left<u,r=!s&&t.right>u+i.rsideWidth-1):s=r=!1,{isUp:n,isDown:o,isLeft:s,isRight:r}},_makeScrollPosition:function(t,e,i){var n={};return t.isUp?n.scrollTop=e.top:t.isDown&&(n.scrollTop=e.bottom-i.height),t.isLeft?n.scrollLeft=e.left:t.isRight&&(n.scrollLeft=e.right-i.rsideWidth+a),n},getOverflowFromMousePosition:function(t,e){var i=this._rebasePositionToContainer(t,e),n=this._getBodySize();return this._judgeOverflow(i,n)},_judgeOverflow:function(t,e){var i=t.x,n=t.y,o=0,s=0;return n<0?o=-1:n>e.height&&(o=1),i<0?s=-1:i>e.totalWidth&&(s=1),{x:s,y:o}},getIndexFromMousePosition:function(t,e,i){var n=this._rebasePositionToContainer(t,e);return{row:this._calcRowIndexFromPositionY(n.y),column:this._calcColumnIndexFromPositionX(n.x,i)}},_calcRowIndexFromPositionY:function(t){var e=t+this.renderModel.get("scrollTop");return this.coordRowModel.indexOf(e)},_calcColumnIndexFromPositionX:function(t,e){var i=this.getColumnWidthList(),n=this.getFrameWidth(),o=t,s=t>=this.get("lsideWidth"),r=e?0:this.columnModel.getVisibleMetaColumnCount(),a=0;return s&&(o+=this.renderModel.get("scrollLeft")),o>=n?a=i.length-1:tui.util.forEachArray(i,function(t,e){return t+=l,a=e,o>t&&void(o-=t)}),Math.max(0,a-r)},_rebasePositionToContainer:function(t,e){var i=this.get("offsetLeft"),n=this.get("offsetTop")+this.get("headerHeight")+this.get("toolbarHeight")+l+a;return{x:t-i,y:e-n}},_adjustLeftSideWidthList:function(t,e){var i,n=t.length-1,o=this.get("minimumColumnWidth"),s=this._getFrameWidth(t),r=s-e;if(r>0)for(;n>=0&&r>0;)i=Math.max(o,t[n]-r),r-=t[n]-i,t[n]=i,n-=1;else r<0&&(t[n]+=Math.abs(r));return t},getScrollXHeight:function(){return this.get("scrollX")?this.get("scrollBarSize"):0},getScrollYWidth:function(){return this.get("scrollY")?this.get("scrollBarSize"):0},_onWidthChange:function(){var t=this._adjustColumnWidthList(this.get("columnWidthList"),!0);this._setColumnWidthVariables(t)},setColumnWidth:function(t,e){var i,n=this.get("columnWidthList"),o=this._columnWidthFixedFlags,s=this._minColumnWidthList[t];!o[t]&&n[t]&&(n[t]=Math.max(e,s),o[t]=!0,i=this._adjustColumnWidthList(n),o[t]=!1,this._setColumnWidthVariables(i))},_calcRealBodyHeight:function(t){var e=this.get("headerHeight")+this.get("footerHeight")+this.get("toolbarHeight")+a;return t-e},_getMinBodyHeight:function(){return this.get("rowHeight")+2*l+this.getScrollXHeight()},_setHeight:function(t){this.set("bodyHeight",Math.max(this._calcRealBodyHeight(t),this._getMinBodyHeight()))},setSize:function(t,e){t>0&&(this.set("width",t),this.trigger("setWidth",t)),e>0&&this._setHeight(e)},getHeight:function(){return this.get("bodyHeight")+this.get("headerHeight")+this.get("toolbarHeight")},refreshLayout:function(){var t=this.domState,e=t.getOffset();this.set({offsetTop:e.top,offsetLeft:e.left,width:t.getWidth()}),this.get("fitToParentHeight")&&this._setHeight(t.getParentHeight())},restoreColumnWidth:function(t){var e=this.get("originalWidthList")[t];this.setColumnWidth(t,e)},getColumnWidthList:function(t){var e=this.columnModel.getVisibleColumnFixCount(!0),i=[];switch(t){case"l":case"L":i=this.get("columnWidthList").slice(0,e);break;case"r":case"R":i=this.get("columnWidthList").slice(e);break;default:i=this.get("columnWidthList")}return i},setBodyHeightWithRowCount:function(t){var e=this.get("rowHeight"),i=this.getScrollXHeight();this.set({isFixedHeight:!0,bodyHeight:(e+l)*t+i})}});t.exports=u},function(t,e,i){"use strict";var n=i(8),o=i(10).dimension.CELL_BORDER_WIDTH,s=n.extend({initialize:function(t){this.dataModel=t.dataModel,this.dimensionModel=t.dimensionModel,this.domState=t.domState,this.rowHeights=[],this.rowOffsets=[],this.dimensionModel.get("isFixedRowHeight")&&this.listenTo(this.dataModel,"add remove reset sort",this.syncWithDataModel)},syncWithDom:function(){var t,e,i,n,o;if(!this.dimensionModel.get("isFixedRowHeight")){for(t=this.domState.getRowHeights(),e=this._getHeightFromData(),i=[],n=0,o=e.length;n<o;n+=1)i[n]=Math.max(t[n],e[n]);this._reset(i)}},_getHeightFromData:function(){var t=this.dimensionModel.get("rowHeight"),e=[];return this.dataModel.each(function(i,n){e[n]=i.getHeight()||t}),e},syncWithDataModel:function(){this._reset(this._getHeightFromData())},_reset:function(t){var e=[],i=0;_.each(t,function(i,n){var s=n?e[n-1]+o:0,r=n?t[n-1]:0;e[n]=s+r}),this.rowHeights=t,this.rowOffsets=e,t.length&&(i=_.last(e)+_.last(t)+o),this.dimensionModel.set("totalRowHeight",i),this.trigger("reset")},getHeightAt:function(t){return this.rowHeights[t]},getOffsetAt:function(t){return this.rowOffsets[t]},getHeight:function(t){var e=this.dataModel.indexOfRowKey(t);return this.getHeightAt(e)},getOffset:function(t){var e=this.dataModel.indexOfRowKey(t);return this.getOffsetAt(e)},indexOf:function(t){var e=this.rowOffsets,i=0;for(t+=o;e[i]<=t;)i+=1;return i-1}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=i(20),a=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.dataModel=e.dataModel,this.columnModel=e.columnModel,this.dimensionModel=e.dimensionModel,this.domState=e.domState,this.listenTo(this.dataModel,"reset",this._onResetData)},defaults:{rowKey:null,columnName:"",prevRowKey:null,prevColumnName:"",editingAddress:null},_onResetData:function(){this.unselect(!0)},_savePrevious:function(){null!==this.get("rowKey")&&this.set("prevRowKey",this.get("rowKey")),this.get("columnName")&&this.set("prevColumnName",this.get("columnName"))},_clearPrevious:function(){this.set({prevRowKey:null,prevColumnName:""})},isCurrentCell:function(t,e,i){var n=this.get("columnName"),o=this.get("rowKey");return i&&(o=this.dataModel.getMainRowKey(o,n)),String(o)===String(t)&&n===e},select:function(t){var e=new r,i=this.get("rowKey");return String(i)===String(t)||(e.setData({rowKey:t,prevRowKey:i,rowData:this.dataModel.getRowData(t)}),this.trigger("select",e),e.isStopped()?(this._cancelSelect(),!1):(this.set("rowKey",t),"radio"===this.columnModel.get("selectType")&&this.dataModel.check(t),!0))},_cancelSelect:function(){var t=this.get("prevColumnName");this.set("columnName",t),this.trigger("focus",this.get("rowKey"),t)},unselect:function(t){t&&this.blur(),this.set({rowKey:null})},focus:function(t,e,i){return!(this._isValidCell(t,e)&&!s.isMetaColumn(e)&&!this.isCurrentCell(t,e))||(this.blur(),!!this.select(t)&&(this.set("columnName",e),this.trigger("focus",t,e),i&&this.scrollToFocus(),!0))},focusAt:function(t,e,i){var n=this.dataModel.at(t),o=this.columnModel.at(e,!0),s=!1;return n&&o&&(s=this.focus(n.get("rowKey"),o.columnName,i)),s},focusIn:function(t,e,i){var n=this.focus(t,e,i);return n&&(t=this.dataModel.getMainRowKey(t,e),this.dataModel.get(t).isEditable(e)?(this.finishEditing(),this.startEditing(t,e)):this.focusClipboard()),n},focusInAt:function(t,e,i){var n=this.dataModel.at(t),o=this.columnModel.at(e,!0),s=!1;return n&&o&&(s=this.focusIn(n.get("rowKey"),o.columnName,i)),s},focusClipboard:function(){this.trigger("focusClipboard")},refreshState:function(){var t;this.domState.hasFocusedElement()?this.has()||(t=this.restore(),t||this.focusAt(0,0)):this.blur()},scrollToFocus:function(){var t=this.get("rowKey"),e=this.get("columnName"),i=this.dimensionModel.getScrollPosition(t,e);tui.util.isEmpty(i)||this.renderModel.set(i)},blur:function(){var t=this.get("columnName");return this.has()?(this.has(!0)&&this._savePrevious(),null!==this.get("rowKey")&&this.set("columnName",""),this.trigger("blur",this.get("rowKey"),t),this):this},which:function(){return{rowKey:this.get("rowKey"),columnName:this.get("columnName")}},indexOf:function(t){var e=t?this.get("prevRowKey"):this.get("rowKey"),i=t?this.get("prevColumnName"):this.get("columnName");return{row:this.dataModel.indexOfRowKey(e),column:this.columnModel.indexOfColumnName(i,!0)}},has:function(t){var e=this.get("rowKey"),i=this.get("columnName");return t?this._isValidCell(e,i):!s.isBlank(e)&&!s.isBlank(i)},restore:function(){var t=this.get("prevRowKey"),e=this.get("prevColumnName"),i=!1;return this._isValidCell(t,e)&&(this.focus(t,e),i=!0),i},isEditingCell:function(t,e){var i=this.get("editingAddress");return i&&String(i.rowKey)===String(t)&&i.columnName===e},startEditing:function(t,e){if(this.get("editingAddress"))return!1;if(n.isUndefined(t)&&n.isUndefined(e))t=this.get("rowKey"),e=this.get("columnName");else if(!this.isCurrentCell(t,e,!0))return!1;return t=this.dataModel.getMainRowKey(t,e),!!this.dataModel.get(t).isEditable(e)&&(this.set("editingAddress",{rowKey:t,columnName:e}),!0)},finishEditing:function(){return!!this.get("editingAddress")&&(this.set("editingAddress",null),!0)},_isValidCell:function(t,e){var i=!s.isBlank(t)&&!!this.dataModel.get(t),n=!s.isBlank(e)&&!!this.columnModel.getColumnModel(e);return i&&n},_findRowKey:function(t){var e,i,n=this.dataModel,o=null;return this.has(!0)&&(e=Math.max(Math.min(n.indexOfRowKey(this.get("rowKey"))+t,this.dataModel.length-1),0),i=n.at(e),i&&(o=i.get("rowKey"))),o},_findColumnName:function(t){var e,i=this.columnModel,n=i.getVisibleColumnModelList(),o=i.indexOfColumnName(this.get("columnName"),!0),s=null;return this.has(!0)&&(e=Math.max(Math.min(o+t,n.length-1),0),s=n[e]&&n[e].columnName),s},_getRowSpanData:function(t,e){return this.dataModel.get(t).getRowSpanData(e)},nextRowIndex:function(t){var e=this.nextRowKey(t);return this.dataModel.indexOfRowKey(e)},prevRowIndex:function(t){var e=this.prevRowKey(t);return this.dataModel.indexOfRowKey(e)},nextColumnIndex:function(){var t=this.nextColumnName();return this.columnModel.indexOfColumnName(t,!0)},prevColumnIndex:function(){var t=this.prevColumnName();return this.columnModel.indexOfColumnName(t,!0)},nextRowKey:function(t){var e,i,n=this.which(),o=n.rowKey;return t="number"==typeof t?t:1,t>1?(o=this._findRowKey(t),i=this._getRowSpanData(o,n.columnName),i.isMainRow||(o=this._findRowKey(i.count+t))):(i=this._getRowSpanData(o,n.columnName),i.isMainRow&&i.count>0?o=this._findRowKey(i.count):i.isMainRow?o=this._findRowKey(1):(e=i.count,i=this._getRowSpanData(i.mainRowKey,n.columnName),o=this._findRowKey(i.count+e))),o},prevRowKey:function(t){var e,i=this.which(),n=i.rowKey;return t="number"==typeof t?t:1,t*=-1,t<-1?(n=this._findRowKey(t),e=this._getRowSpanData(n,i.columnName),e.isMainRow||(n=this._findRowKey(e.count+t))):(e=this._getRowSpanData(n,i.columnName),n=e.isMainRow?this._findRowKey(-1):this._findRowKey(e.count-1)),n},nextColumnName:function(){return this._findColumnName(1)},prevColumnName:function(){return this._findColumnName(-1)},firstRowKey:function(){return this.dataModel.at(0).get("rowKey")},lastRowKey:function(){return this.dataModel.at(this.dataModel.length-1).get("rowKey")},firstColumnName:function(){var t=this.columnModel.getVisibleColumnModelList();return t[0].columnName},lastColumnName:function(){var t=this.columnModel.getVisibleColumnModelList(),e=t.length-1;return t[e].columnName},prevAddress:function(){var t,e,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.firstColumnName(),s=i===this.firstRowKey();return s&&o?(t=i,e=n):o?(t=this.prevRowKey(),e=this.lastColumnName()):(t=i,e=this.prevColumnName()),{rowKey:t,columnName:e}},nextAddress:function(){var t,e,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.lastColumnName(),s=i===this.lastRowKey();return s&&o?(t=i,e=n):o?(t=this.nextRowKey(),e=this.firstColumnName()):(t=i,e=this.nextColumnName()),{rowKey:t,columnName:e}}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){this._stopped=!1,this.setData(t)},setData:function(t){n.extend(this,t)},stop:function(){this._stopped=!0},isStopped:function(){return this._stopped}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(22),r=i(10).renderState,a=i(10).dimension.CELL_BORDER_WIDTH,l=1e3,u=o.extend({initialize:function(t,e){var i,o,r;this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel,dimensionModel:e.dimensionModel,coordRowModel:e.coordRowModel}),r={dataModel:this.dataModel,columnModel:this.columnModel,focusModel:this.focusModel},i=new s([],r),o=new s([],r),this.set({lside:i,rside:o}),this.listenTo(this.columnModel,"columnModelChange change",this._onColumnModelChange).listenTo(this.dataModel,"add remove sort reset delRange",this._onDataListChange).listenTo(this.dataModel,"add",this._onAddDataModel).listenTo(this.dataModel,"beforeReset",this._onBeforeResetData).listenTo(i,"valueChange",this._executeRelation).listenTo(o,"valueChange",this._executeRelation).listenTo(this.focusModel,"change:editingAddress",this._onEditingAddressChange).listenTo(this.coordRowModel,"reset",this._onChangeRowHeights).listenTo(this.dimensionModel,"change:width",this._updateMaxScrollLeft).listenTo(this.dimensionModel,"change:totalRowHeight change:scrollBarSize change:bodyHeight",this._updateMaxScrollTop),this.get("showDummyRows")&&(this.listenTo(this.dimensionModel,"change:bodyHeight change:totalRowHeight",this._resetDummyRowCount),this.on("change:dummyRowCount",this._resetDummyRows)),this._onChangeLayoutBound=n.bind(this._onChangeLayout,this),this.listenTo(this.dimensionModel,"columnWidthChanged",this.finishEditing),this._updateMaxScrollLeft()},defaults:{top:0,bottom:0,scrollTop:0,scrollLeft:0,maxScrollLeft:0,maxScrollTop:0,startIndex:0,endIndex:0,startNumber:1,lside:null,rside:null,showDummyRows:!1,dummyRowCount:0,emptyMessage:null,state:r.DONE},_onChangeLayout:function(){this.focusModel.finishEditing(),this.focusModel.focusClipboard()},_onChangeRowHeights:function(){for(var t,e=this.coordRowModel,i=this.get("lside"),n=this.get("rside"),o=i.length,s=0;s<o;s+=1)t=e.getHeightAt(s),i.at(s).set("height",t),n.at(s).set("height",t)},_updateMaxScrollLeft:function(){var t=this.dimensionModel,e=t.getFrameWidth("R")-t.get("rsideWidth")+t.getScrollYWidth();this.set("maxScrollLeft",e)},_updateMaxScrollTop:function(){var t=this.dimensionModel,e=t.get("totalRowHeight")-t.get("bodyHeight")+t.getScrollXHeight();this.set("maxScrollTop",e)},_onBeforeResetData:function(t){t>l&&this.set("state",r.LOADING)},_onEditingAddressChange:function(t,e){var i=e,o=!0,s=this;e||(i=t.previous("editingAddress"),o=!1),this._updateCellData(i.rowKey,i.columnName,{isEditing:o}),this._triggerEditingStateChanged(i.rowKey,i.columnName),n.defer(function(){s._toggleChangeLayoutEventHandlers(o)})},_toggleChangeLayoutEventHandlers:function(t){var e="change:scrollTop change:scrollLeft",i="columnWidthChanged";
-t?(this.listenToOnce(this.dimensionModel,i,this._onChangeLayoutBound),this.once(e,this._onChangeLayoutBound)):(this.stopListening(this.dimensionModel,i,this._onChangeLayoutBound),this.off(e,this._onChangeLayoutBound))},_triggerEditingStateChanged:function(t,e){var i=this.getCellData(t,e);tui.util.pick(i,"columnModel","editOption","useViewMode")!==!1&&this.trigger("editingStateChanged",i)},_updateCellData:function(t,e,i){var n=this._getRowModel(t,e);n&&n.setCell(e,i)},initializeVariables:function(){this.set({top:0,scrollTop:0,scrollLeft:0,startIndex:0,endIndex:0,startNumber:1})},getCollection:function(t){return this.get(tui.util.isString(t)?t.toLowerCase()+"side":"rside")},_onColumnModelChange:function(){this.set({scrollTop:0,top:0,startIndex:0,endIndex:0}),this.refresh({columnModelChanged:!0})},_onDataListChange:function(){this.refresh({dataListChanged:!0})},_onAddDataModel:function(t,e){e.focus&&this.focusModel.focusAt(e.at,0)},_resetDummyRows:function(){this._clearDummyRows(),this._fillDummyRows(),this.trigger("rowListChanged")},_setRenderingRange:function(){this.set({startIndex:0,endIndex:this.dataModel.length-1})},_createViewDataFromDataModel:function(t,e,i,o){var s={height:i,rowNum:o,rowKey:t.get("rowKey"),_extraData:t.get("_extraData")};return n.each(e,function(e){var i=t.get(e);"_number"!==e||n.isNumber(i)||(i=o),s[e]=i}),s},_getColumnNamesOfEachSide:function(){var t=this.columnModel.getVisibleColumnFixCount(!0),e=this.columnModel.getVisibleColumnModelList(null,!0),i=n.pluck(e,"columnName");return{lside:i.slice(0,t),rside:i.slice(t)}},_resetViewModelList:function(t,e){this.get(t).clear().reset(e,{parse:!0})},_resetAllViewModelListWithRange:function(t,e){var i,n,o,s=this._getColumnNamesOfEachSide(),r=this.get("startNumber")+t,a=[],l=[];for(o=t;o<=e;o+=1)i=this.dataModel.at(o),n=this.coordRowModel.getHeightAt(o),a.push(this._createViewDataFromDataModel(i,s.lside,n,r)),l.push(this._createViewDataFromDataModel(i,s.rside,n,r)),r+=1;this._resetViewModelList("lside",a),this._resetViewModelList("rside",l)},_getActualRowCount:function(){return this.get("endIndex")-this.get("startIndex")+1},_clearDummyRows:function(){var t=this.get("endIndex")-this.get("startIndex")+1;n.each(["lside","rside"],function(e){for(var i=this.get(e);i.length>t;)i.pop()},this)},_resetDummyRowCount:function(){var t=this.dimensionModel,e=t.get("totalRowHeight"),i=t.get("rowHeight")+a,n=t.get("bodyHeight")-t.getScrollXHeight(),o=0;e<n&&(o=Math.ceil((n-e)/i)),this.set("dummyRowCount",o)},_fillDummyRows:function(){var t,e,i=this.get("dummyRowCount");i&&(t=this.get("startNumber")+this.get("endIndex")+1,e=this.dimensionModel.get("rowHeight"),n.times(i,function(){n.each(["lside","rside"],function(i){this.get(i).add({height:e,rowNum:t})},this),t+=1},this))},refresh:function(t){var e,i,n,o=!!t&&t.columnModelChanged,s=!!t&&t.dataListChanged;for(this._setRenderingRange(this.get("scrollTop")),e=this.get("startIndex"),i=this.get("endIndex"),this._resetAllViewModelListWithRange(e,i),n=e;n<=i;n+=1)this._executeRelation(n);o?this.trigger("columnModelChanged"):(this.trigger("rowListChanged",s),s&&this.coordRowModel.syncWithDom()),this._refreshState()},_refreshState:function(){this.dataModel.length?this.set("state",r.DONE):this.set("state",r.EMPTY)},_getCollectionByColumnName:function(t){var e,i=this.get("lside");return e=i.at(0)&&i.at(0).get(t)?i:this.get("rside")},_getRowModel:function(t,e){var i=this._getCollectionByColumnName(e);return i.get(t)},getCellData:function(t,e){var i=this._getRowModel(t,e),n=null;return i&&(n=i.get(e)),n},_executeRelation:function(t){var e,i,o=this.dataModel.at(t),s=t-this.get("startIndex");i=o.executeRelationCallbacksAll(),n.each(i,function(t,i){e=this._getCollectionByColumnName(i).at(s),e&&e.setCell(i,t)},this)}});t.exports=u},function(t,e,i){"use strict";var n=i(12),o=i(23),s=n.extend({initialize:function(t,e){this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel})},model:o});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=o.extend({initialize:function(t){var e=t&&t.rowKey,i=this.collection.dataModel,n=i.get(e);this.dataModel=i,this.columnModel=this.collection.columnModel,this.focusModel=this.collection.focusModel,n&&(this.listenTo(n,"change",this._onDataModelChange),this.listenTo(n,"restore",this._onDataModelRestore),this.listenTo(n,"extraDataChanged",this._setRowExtraData),this.listenTo(i,"disabledChanged",this._onDataModelDisabledChanged),this.rowData=n)},idAttribute:"rowKey",_onDataModelChange:function(t){n.each(t.changed,function(e,i){var n,o;this.has(i)&&(n=this.columnModel.getColumnModel(i),o=this.columnModel.isTextType(i),this.setCell(i,this._getValueAttrs(e,t,n,o)))},this)},_onDataModelRestore:function(t){var e=this.get(t);e&&this.trigger("restore",e)},_getColumnNameList:function(){var t=this.collection.columnModel.getVisibleColumnModelList(null,!0);return n.pluck(t,"columnName")},_onDataModelDisabledChanged:function(){var t=this._getColumnNameList();n.each(t,function(t){this.setCell(t,{isDisabled:this.rowData.isDisabled(t),className:this._getClassNameString(t)})},this)},_setRowExtraData:function(){tui.util.isUndefined(this.collection)||n.each(this._getColumnNameList(),function(t){var e,i=this.get(t);!tui.util.isUndefined(i)&&i.isMainRow&&(e=this.rowData.getCellState(t),this.setCell(t,{isDisabled:e.isDisabled,isEditable:e.isEditable,className:this._getClassNameString(t)}))},this)},parse:function(t,e){var i=e.collection;return this._formatData(t,i.dataModel,i.columnModel,i.focusModel)},_formatData:function(t,e,i,o){var s,r,a=t.rowKey,l=t.rowNum,u=t.height;return n.isUndefined(a)?t:(r=e.get(a),s=n.omit(t,"rowKey","_extraData","height","rowNum"),n.each(s,function(s,h){var d=this._getRowSpanData(h,t,e.isRowSpanEnable()),c=r.getCellState(h),f=i.isTextType(h),g=i.getColumnModel(h);t[h]={rowKey:a,rowNum:l,height:u,columnName:h,rowSpan:d.count,isMainRow:d.isMainRow,mainRowKey:d.mainRowKey,isEditable:c.isEditable,isDisabled:c.isDisabled,isEditing:o.isEditingCell(a,h),whiteSpace:g.whiteSpace||"nowrap",valign:g.valign,optionList:tui.util.pick(g,"editOption","list"),className:this._getClassNameString(h,r,o),columnModel:g,changed:[]},n.assign(t[h],this._getValueAttrs(s,r,g,f))},this),t)},_getClassNameString:function(t,e,i){var n;return e||(e=this.dataModel.get(this.get("rowKey")))?(i||(i=this.focusModel),n=e.getClassNameList(t),n.join(" ")):""},_getValueAttrs:function(t,e,i,n){var o=tui.util.pick(i,"editOption","beforeContent"),s=tui.util.pick(i,"editOption","afterContent"),r=tui.util.pick(i,"editOption","converter"),a=e.toJSON();return{value:this._getValueToDisplay(t,i,n),formattedValue:this._getFormattedValue(t,a,i),beforeContent:this._getExtraContent(o,t,a),afterContent:this._getExtraContent(s,t,a),convertedHTML:this._getConvertedHTML(r,t,a)}},_getFormattedValue:function(t,e,i){var o;return o=n.isFunction(i.formatter)?i.formatter(t,e,i):t,n.isNumber(o)?o=String(o):o||(o=""),o},_getExtraContent:function(t,e,i){var o="";return n.isFunction(t)?o=t(e,i):tui.util.isExisty(t)&&(o=t),o},_getConvertedHTML:function(t,e,i){var o=null;return n.isFunction(t)&&(o=t(e,i)),o===!1&&(o=null),o},_getValueToDisplay:function(t,e,i){var n=tui.util.isExisty,o=e.notUseHtmlEntity,s=e.defaultValue;return n(t)||(t=n(s)?s:""),i&&!o&&tui.util.hasEncodableString(t)&&(t=tui.util.encodeHTMLEntity(t)),t},_getRowSpanData:function(t,e,i){var n=tui.util.pick(e,"_extraData","rowSpanData",t);return i&&n||(n={mainRowKey:e.rowKey,count:0,isMainRow:!0}),n},updateClassName:function(t){this.setCell(t,{className:this._getClassNameString(t)})},setCell:function(t,e){var i,o,r,a=!1,l=[];this.has(t)&&(o=this.get("rowKey"),r=n.clone(this.get(t)),n.each(e,function(t,e){s.isEqual(r[e],t)||(a="value"===e||a,r[e]=t,l.push(e))},this),l.length&&(r.changed=l,this.set(t,r,{silent:this._shouldSetSilently(r,a)}),a&&(i=this.collection.dataModel.indexOfRowKey(o),this.trigger("valueChange",i))))},_shouldSetSilently:function(t,e){var i=t.isEditing&&e,o=tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1,s=n.contains(t.changed,"isEditing")&&t.isEditing;return i||o&&s}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(21),s=i(10).dimension,r=s.CELL_BORDER_WIDTH,a=.3,l=.1,u=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.on("change:scrollTop",this._onChangeScrollTop,this),this.listenTo(this.dimensionModel,"change:bodyHeight",this.refresh)},_onChangeScrollTop:function(){this._shouldRefresh(this.get("scrollTop"))&&this.refresh()},_setRenderingRange:function(t){var e=this.dimensionModel,i=this.dataModel,n=this.coordRowModel,o=e.get("bodyHeight"),s=parseInt(o*a,10),l=Math.max(n.indexOf(t-s),0),u=Math.min(n.indexOf(t+o+s),i.length-1),h=n.getOffsetAt(l),d=n.getOffsetAt(u)+n.getHeightAt(u)+r;i.isRowSpanEnable()&&(l+=this._getStartRowSpanMinCount(l),u+=this._getEndRowSpanMaxCount(u)),this.set({top:h,bottom:d,startIndex:l,endIndex:u})},_getStartRowSpanMinCount:function(t){var e,i=this.dataModel.at(t),o=0;return i&&(e=n.pluck(i.getRowSpanData(),"count"),e.push(0),o=n.min(e)),o},_getEndRowSpanMaxCount:function(t){var e,i=this.dataModel.at(t),o=0;return i&&(e=n.pluck(i.getRowSpanData(),"count"),e.push(0),o=n.max(e)),o},_shouldRefresh:function(t){var e=this.dimensionModel.get("bodyHeight"),i=t+e,n=this.dimensionModel.get("totalRowHeight"),o=this.get("top"),s=this.get("bottom"),r=parseInt(e*l,10),a=t-o<r,u=s-i<r;return a&&o>0||u&&s<n}});u.BUFFER_RATIO=a,u.BUFFER_HIT_RATIO=l,t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=i(10).selectionType,a=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,dimensionModel:e.dimensionModel,focusModel:e.focusModel,renderModel:e.renderModel,inputRange:null,intervalIdForAutoScroll:null,scrollPixelScale:40,enabled:!0,selectionType:r.CELL}),this.listenTo(this.dataModel,"add remove sort reset",this.end),this.listenTo(this.dataModel,"paste",this._onPasteData)},defaults:{range:null},_onPasteData:function(t){this.start(t.startIdx.row,t.startIdx.column),this.update(t.endIdx.row,t.endIdx.column)},setType:function(t){this.selectionType=r[t]||this.selectionType},getType:function(){return this.selectionType},enable:function(){this.enabled=!0},disable:function(){this.end(),this.enabled=!1},isEnabled:function(){return this.enabled},start:function(t,e,i){this.isEnabled()&&(this.setType(i),this.inputRange={row:[t,t],column:[e,e]},this._resetRangeAttribute())},update:function(t,e,i){var n;!this.enabled||t<0||e<0||(this.hasSelection()?this.setType(i):(n=this.focusModel.indexOf(),this.start(n.row,n.column,i)),this._updateInputRange(t,e),this._resetRangeAttribute())},_updateInputRange:function(t,e){var i=this.inputRange;this.selectionType===r.ROW?e=this.columnModel.getVisibleColumnModelList().length-1:this.selectionType===r.COLUMN&&(t=this.dataModel.length-1),i.row[1]=t,i.column[1]=e},extendColumnSelection:function(t,e,i){var n,o=this._minimumColumnRange,r=this.dimensionModel.getIndexFromMousePosition(e,i),a={row:[0,this.dataModel.length-1],column:[]};t&&t.length||(t=[r.column]),this._setScrolling(e,i),o?n=s.getMinMax(t.concat(o)):(t.push(this.inputRange.column[0]),n=s.getMinMax(t)),a.column.push(n.min,n.max),this._resetRangeAttribute(a)},_setScrolling:function(t,e){var i=this.dimensionModel.getOverflowFromMousePosition(t,e);this.stopAutoScroll(),this._isAutoScrollable(i.x,i.y)&&(this.intervalIdForAutoScroll=setInterval(n.bind(this._adjustScroll,this,i.x,i.y)))},updateByMousePosition:function(t,e,i){var n=this.dimensionModel.getIndexFromMousePosition(t,e);this._setScrolling(t,e),this.update(n.row,n.column,i)},end:function(){this.inputRange=null,this.unset("range"),this.unsetMinimumColumnRange()},stopAutoScroll:function(){n.isNull(this.intervalIdForAutoScroll)||(clearInterval(this.intervalIdForAutoScroll),this.intervalIdForAutoScroll=null)},selectRow:function(t){this.isEnabled()&&(this.focusModel.focusAt(t,0),this.start(t,0,r.ROW),this.update(t,this.columnModel.getVisibleColumnModelList().length-1))},selectColumn:function(t){this.isEnabled()&&(this.focusModel.focusAt(0,t),this.start(0,t,r.COLUMN),this.update(this.dataModel.length-1,t))},selectAll:function(){this.isEnabled()&&(this.start(0,0,r.CELL),this.update(this.dataModel.length-1,this.columnModel.getVisibleColumnModelList().length-1))},getStartIndex:function(){var t=this.get("range");return{row:t.row[0],column:t.column[0]}},getEndIndex:function(){var t=this.get("range");return{row:t.row[1],column:t.column[1]}},hasSelection:function(){return!!this.get("range")},_isSingleCell:function(t,e){var i=1===t.length,n=1===e.length,o=i&&!n&&e[0].getRowSpanData(t[0]).count===e.length;return i&&n||o},getValuesToString:function(t){var e=this.get("range"),i=this.renderModel,o=this.dataModel.slice(e.row[0],e.row[1]+1),s=this.columnModel.getVisibleColumnModelList().slice(e.column[0],e.column[1]+1),r=n.pluck(s,"columnName"),a=n.map(o,function(e){return n.map(r,function(n){return t?i.getCellData(e.get("rowKey"),n).formattedValue:e.getValueString(n)}).join("\t")});return this._isSingleCell(r,o)?a[0]:a.join("\n")},_isAutoScrollable:function(t,e){return!(0===t&&0===e)},_adjustScroll:function(t,e){var i=this.renderModel;t&&this._adjustScrollLeft(t,i.get("scrollLeft"),i.get("maxScrollLeft")),e&&this._adjustScrollTop(e,i.get("scrollTop"),i.get("maxScrollTop"))},_adjustScrollLeft:function(t,e,i){var n=e,o=this.scrollPixelScale;t<0?n=Math.max(0,e-o):t>0&&(n=Math.min(i,e+o)),this.renderModel.set("scrollLeft",n)},_adjustScrollTop:function(t,e,i){var n=e,o=this.scrollPixelScale;t<0?n=Math.max(0,e-o):t>0&&(n=Math.min(i,e+o)),this.renderModel.set("scrollTop",n)},_resetRangeAttribute:function(t){var e,i,o,s=this.dataModel;if(t=t||this.inputRange,!t)return void this.set("range",null);if(i={row:n.sortBy(t.row),column:n.sortBy(t.column)},s.isRowSpanEnable()&&this.selectionType===r.CELL){do o=n.assign([],i.row),i=this._getRowSpannedIndex(i),e=i.row[0]!==o[0]||i.row[1]!==o[1];while(e);this._setRangeMinMax(i.row,i.column)}this.set("range",i)},setMinimumColumnRange:function(t){this._minimumColumnRange=n.extend(t)},unsetMinimumColumnRange:function(){this._minimumColumnRange=null},_setRangeMinMax:function(t,e){t&&(t[0]=Math.max(0,t[0]),t[1]=Math.min(this.dataModel.length-1,t[1])),e&&(e[0]=Math.max(0,e[0]),e[1]=Math.min(this.columnModel.getVisibleColumnModelList().length-1,e[1]))},_concatRowSpanIndexFromStart:function(t){var e,i=t.startIndex,n=t.endIndex,o=t.columnName,s=t.startRowSpanDataMap&&t.startRowSpanDataMap[o],r=t.startIndexList,a=t.endIndexList;s&&(s.isMainRow?(e=i+s.count-1,e>n&&a.push(e)):(e=i+s.count,r.push(e)))},_concatRowSpanIndexFromEnd:function(t){var e,i,n=t.endIndex,o=t.columnName,s=t.endRowSpanDataMap&&t.endRowSpanDataMap[o],r=t.endIndexList,a=t.dataModel;s&&(s.isMainRow?(e=n+s.count-1,r.push(e)):(e=n+s.count,i=a.at(e).getRowSpanData(o),e+=i.count-1,e>n&&r.push(e)))},_getRowSpannedIndex:function(t){var e,i,o,s,r=this.columnModel.getVisibleColumnModelList().slice(t.column[0],t.column[1]+1),a=this.dataModel,l=[t.row[0]],u=[t.row[1]],h=a.at(t.row[0]),d=a.at(t.row[1]),c=$.extend({},t);return h&&d?(e=a.at(t.row[0]).getRowSpanData(),i=a.at(t.row[1]).getRowSpanData(),n.each(r,function(n){o=n.columnName,s={columnName:o,startIndex:t.row[0],endIndex:t.row[1],endRowSpanDataMap:i,startRowSpanDataMap:e,startIndexList:l,endIndexList:u,dataModel:a},this._concatRowSpanIndexFromStart(s),this._concatRowSpanIndexFromEnd(s)},this),c.row=[Math.min.apply(null,l),Math.max.apply(null,u)],c):c}});t.exports=a},function(t,e,i){"use strict";var n=i(8),o=i(10).summaryType,s=n.extend({initialize:function(t,e){this.dataModel=e.dataModel,this.autoColumnNames=e.autoColumnNames,this.columnSummaryMap={},this.listenTo(this.dataModel,"add remove reset",this._resetSummaryMap),this.listenTo(this.dataModel,"change",this._onChangeData),this.listenTo(this.dataModel,"delRange",this._onDeleteRangeData),this._resetSummaryMap()},_calculate:function(t){var e,i,n=Number.MAX_VALUE,s=Number.MIN_VALUE,r=0,a=t.length,l={};for(e=0;e<a;e+=1)i=Number(t[e]),isNaN(i)&&(i=0),r+=i,n>i&&(n=i),s<i&&(s=i);return l[o.SUM]=r,l[o.MIN]=n,l[o.MAX]=s,l[o.AVG]=a?r/a:0,l[o.CNT]=a,l},_resetSummaryMap:function(){this._resetFooterSummaryValue()},_resetFooterSummaryValue:function(t){var e=this.autoColumnNames;t&&(e=_.intersection(t,this.autoColumnNames)),_.each(e,function(t){var e=this.dataModel.getColumnValues(t),i=this._calculate(e);this.columnSummaryMap[t]=i,this.trigger("change",t,i)},this)},_onChangeData:function(t){this._resetFooterSummaryValue(_.keys(t.changed))},_onDeleteRangeData:function(t,e){this._resetFooterSummaryValue(e)},getValue:function(t,e){var i,n=this.columnSummaryMap[t];return e?(i=tui.util.pick(n,e),_.isUndefined(i)?null:i):_.isUndefined(n)?null:n}});t.exports=s},function(t,e,i){"use strict";var n=i(28),o=i(29),s=i(30),r=i(31),a=i(32),l=i(33),u=i(34),h=i(35),d=i(37),c=i(38),f=i(39),g=i(40),m=i(41),p=i(42),M=i(43),v=i(44),C=i(45),w=i(46),y=i(47),R=i(9).isOptionEnabled,E=tui.util.defineClass({init:function(t){this.domState=t.domState,this.modelManager=t.modelManager,this.painterManager=t.painterManager,this.componentHolder=t.componentHolder,this.footerOptions=t.footer,this.singleClickEdit=t.singleClickEdit,this.resizeHandle=t.resizeHandle,this.copyOption=t.copyOption},createContainer:function(){return new n({el:this.domState.$el,singleClickEdit:this.singleClickEdit,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,gridId:this.modelManager.gridId,viewFactory:this})},createContentArea:function(){return new o({dimensionModel:this.modelManager.dimensionModel,viewFactory:this})},createToolbar:function(){return this.modelManager.toolbarModel.isEnabled()?new s({gridId:this.modelManager.gridId,dimensionModel:this.modelManager.dimensionModel,toolbarModel:this.modelManager.toolbarModel}):null},createPagination:function(){return R(this.componentHolder.getOptions("pagination"))?new r({componentHolder:this.componentHolder,dimensionModel:this.modelManager.dimensionModel}):null},createHeightResizeHandle:function(){return R(this.resizeHandle)?new a({dimensionModel:this.modelManager.dimensionModel}):null},createStateLayer:function(){return new l({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel})},createClipboard:function(){return new u({columnModel:this.modelManager.columnModel,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,renderModel:this.modelManager.renderModel,coordRowModel:this.modelManager.coordRowModel,painterManager:this.modelManager.painterManager,copyOption:this.copyOption})},createFrame:function(t){var e="L"===t?h:d;return new e({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel,viewFactory:this})},createHeader:function(t){return new c({whichSide:t,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,selectionModel:this.modelManager.selectionModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel,viewFactory:this})},createFooter:function(t){var e={};return this.footerOptions?(_.each(this.footerOptions.columnContent,function(t,i){_.isFunction(t.template)&&(e[i]=t.template)}),new p({whichSide:t,columnModel:this.modelManager.columnModel,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,summaryModel:this.modelManager.summaryModel,columnTemplateMap:e})):null},createHeaderResizeHandler:function(t){return new f({whichSide:t,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel})},createBody:function(t){return new g({whichSide:t,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,viewFactory:this})},createBodyTable:function(t){return new m({whichSide:t,dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel,columnModel:this.modelManager.columnModel,painterManager:this.painterManager,viewFactory:this})},createRowList:function(t){return new M({el:t.el,whichSide:t.whichSide,bodyTableView:t.bodyTableView,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,renderModel:this.modelManager.renderModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel,painterManager:this.painterManager})},createSelectionLayer:function(t){return new v({whichSide:t,selectionModel:this.modelManager.selectionModel,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel})},createEditingLayer:function(){return new C({renderModel:this.modelManager.renderModel,inputPainters:this.painterManager.getInputPainters(!0),domState:this.domState})},createDatePickerLayer:function(){return tui.component&&tui.component.DatePicker&&tui.component.Calendar?new w({columnModel:this.modelManager.columnModel,textPainter:this.painterManager.getInputPainters().text,domState:this.domState}):null},createFocusLayer:function(t){return new y({whichSide:t,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel})}});t.exports=E},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(20),r=i(10).attrName,a=i(15),l=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.gridId=t.gridId,this.singleClickEdit=t.singleClickEdit,this.dimensionModel=t.dimensionModel,this.focusModel=t.focusModel,this.dataModel=t.dataModel,this.viewFactory=t.viewFactory,this._createChildViews(),this.listenTo(this.dimensionModel,"setWidth",this._onSetWidth),$(window).on("resize.grid",$.proxy(this._onResizeWindow,this)),this.__$el=this.$el.clone()},events:{click:"_onClick",dblclick:"_onDblClick",mousedown:"_onMouseDown",mouseover:"_onMouseOver",mouseout:"_onMouseOut",selectstart:"_preventDrag",dragstart:"_preventDrag"},_createChildViews:function(){var t=this.viewFactory;this._addChildren([t.createToolbar(),t.createContentArea(),t.createHeightResizeHandle(),t.createPagination(),t.createStateLayer(),t.createEditingLayer(),t.createDatePickerLayer(),t.createClipboard()])},_onResizeWindow:function(){this.dimensionModel.refreshLayout()},_preventDrag:function(){return!1},_onSetWidth:function(){this.$el.width(this.dimensionModel.get("width"))},_onClick:function(t){var e,i=new s(t),o=$(t.target);this.trigger("click",i),i.isStopped()||this._isCellElement(o,!0)&&(e=this._getCellInfoFromElement(o.closest("td")),n.isNull(e.rowKey)||!this.singleClickEdit||o.is("input, textarea")||this.focusModel.focusIn(e.rowKey,e.columnName),this._triggerCellMouseEvent("clickCell",i,e))},_onDblClick:function(t){var e=new s(t),i=$(t.target);this.trigger("dblclick",e),e.isStopped()||this._isCellElement(i,!0)&&(this._triggerCellMouseEvent("dblclickCell",e,i.closest("td")),null!==e.rowKey||e.isStopped()||this.dataModel.append({},{focus:!0}))},_onMouseOver:function(t){var e,i=$(t.target);this._isCellElement(i)&&(e=new s(t),this._triggerCellMouseEvent("mouseoverCell",e,i))},_onMouseOut:function(t){var e,i=$(t.target);this._isCellElement(i)&&(e=new s(t),this._triggerCellMouseEvent("mouseoutCell",e,i))},_triggerCellMouseEvent:function(t,e,i){var o=i;i instanceof $&&(o=this._getCellInfoFromElement(i)),n.extend(e,o),this.trigger(t,e)},_isCellElement:function(t,e){var i=e?t.closest("td"):t;return!(!i.is("td")||!i.attr(r.COLUMN_NAME))},_getCellInfoFromElement:function(t){var e=Number(t.attr(r.ROW_KEY)),i=t.attr(r.COLUMN_NAME);return isNaN(e)&&(e=null),{rowKey:e,columnName:i,rowData:this.dataModel.getRowData(e)}},_onMouseDown:function(t){var e=$(t.target),i=new s(t);this.trigger("mousedown",i),i.isStopped()||e.is("input, a, button, select, textarea")||(t.preventDefault(),this.focusModel.focusClipboard())},render:function(){var t=this._renderChildren();return this.$el.addClass(a.CONTAINER).attr(r.GRID_ID,this.gridId).append(t),this._triggerChildrenAppended(),this.trigger("rendered"),this},destroy:function(){this.stopListening(),$(window).off("resize.grid"),this._destroyChildren(),this.$el.replaceWith(this.__$el),this.$el=this.__$el=null}});t.exports=l},function(t,e,i){"use strict";function n(t){return $("<div>").addClass(r.BORDER_LINE).addClass(t)}var o,s=i(2),r=i(15);o=s.extend({initialize:function(t){s.prototype.initialize.call(this),this.viewFactory=t.viewFactory,this.dimensionModel=t.dimensionModel,this._addFrameViews()},className:r.CONTENT_AREA,_addFrameViews:function(){var t=this.viewFactory;this._addChildren([t.createFrame("L"),t.createFrame("R")])},render:function(){var t=this.dimensionModel,e=t.getScrollXHeight(),i=t.get("footerHeight"),o=this._renderChildren().concat([n(r.BORDER_TOP),n(r.BORDER_LEFT),n(r.BORDER_RIGHT),n(r.BORDER_BOTTOM).css("bottom",e+i)]);return t.get("scrollX")||this.$el.addClass(r.NO_SCROLL_X),t.get("scrollY")||this.$el.addClass(r.NO_SCROLL_Y),this.$el.append(o),this}}),t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r=o.extend({initialize:function(t){this.setOwnProperties({gridId:t.gridId,toolbarModel:t.toolbarModel,dimensionModel:t.dimensionModel}),this.on("appended",this._onAppended),this.listenTo(this.toolbarModel,"change:isExcelButtonVisible change:isExcelAllButtonVisible",this.render)},className:s.TOOLBAR,events:function(){var t={};return t["click ."+s.BTN_EXCEL]="_onClickExcel",t},templateExcelBtn:n.template('<a href="#" class="'+s.BTN_EXCEL+" "+s.BTN_TEXT+' <%=className%>"><span><em class="'+s.BTN_EXCEL_ICON+'"></em><%=text%></span></a>'),_onAppended:function(){this.dimensionModel.set("toolbarHeight",this.$el.outerHeight())},_onClickExcel:function(t){var e,i=tui.Grid.getInstanceById(this.gridId),n=i.getAddOn("Net");t.preventDefault(),n&&(e=$(t.target).closest("a"),e.hasClass(s.BTN_EXCEL_PAGE)?n.download("excel"):e.hasClass(s.BTN_EXCEL_ALL)&&n.download("excelAll"))},render:function(){var t=this.toolbarModel,e=$("<div>");return t.get("isExcelButtonVisible")&&e.append(this.templateExcelBtn({className:s.BTN_EXCEL_PAGE,text:"엑셀 다운로드"})),t.get("isExcelAllButtonVisible")&&e.append(this.templateExcelBtn({className:s.BTN_EXCEL_ALL,text:"전체 엑셀 다운로드"})),this.$el.empty().append(e),this}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r='<a href="#" class="'+s.PAGINATION_PRE_END+'" title="First page">First</a><a href="#" class="'+s.PAGINATION_PRE+'" title="Previous page">Prev</a> <a href="#" class="'+s.PAGINATION_NEXT+'" title="Next page">Next</a><a href="#" class="'+s.PAGINATION_NEXT_END+'" title="Last page">Last</a><span class="'+s.PAGINATION_PRE_END_OFF+'">First Off</span><span class="'+s.PAGINATION_PRE_OFF+'">Prev Off</span><span class="'+s.PAGINATION_NEXT_OFF+'">Next Off</span><span class="'+s.PAGINATION_NEXT_END_OFF+'">Last Off</span>',a={classPrefix:s.PREFIX,itemCount:1,pagePerPageList:5,itemPerPage:10,isCenterAlign:!0,moveUnit:"page"},l=o.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.componentHolder=t.componentHolder,this.on("appended",this._onAppended)},className:s.PAGINATION,render:function(){return this._destroyChildren(),this.$el.empty().html(r),this.componentHolder.setInstance("pagination",this._createComponent()),this},_onAppended:function(){this.dimensionModel.set("paginationHeight",this.$el.outerHeight())},_createOptionObject:function(){var t=this.componentHolder.getOptions("pagination"),e={$preOff:this.$el.find("."+s.PAGINATION_PRE_OFF),$pre_endOff:this.$el.find("."+s.PAGINATION_PRE_END_OFF),$nextOff:this.$el.find("."+s.PAGINATION_NEXT_OFF),$lastOff:this.$el.find("."+s.PAGINATION_NEXT_END_OFF)};return t===!0&&(t={}),n.assign({},a,e,t)},_createComponent:function(){var t=tui.util.pick(tui,"component","Pagination");if(!t)throw new Error("Cannot find component 'tui.component.Pagination'");return new t(this._createOptionObject(),this.$el)}});t.exports=l},function(t,e,i){"use strict";var n=i(2),o=i(15),s='<a href="#"><span></span></a>',r=n.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.timeoutIdForResize=0,this.mouseOffsetY=0,this.on("appended",this._onAppended)},className:o.HEIGHT_RESIZE_HANDLE,events:{mousedown:"_onMouseDown"},_onAppended:function(){this.dimensionModel.set("resizeHandleHeight",this.$el.outerHeight())},_attachMouseEvent:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)),$(document).on("mouseup",$.proxy(this._onMouseUp,this)),$(document).on("selectstart",$.proxy(this._onSelectStart,this))},_detachMouseEvent:function(){$(document).off("mousemove",$.proxy(this._onMouseMove,this)),$(document).off("mouseup",$.proxy(this._onMouseUp,this)),$(document).off("selectstart",$.proxy(this._onSelectStart,this))},_onMouseDown:function(t){t.preventDefault(),$(document.body).css("cursor","row-resize"),this.mouseOffsetY=t.offsetY,this._attachMouseEvent()},_onMouseMove:function(t){var e=this.dimensionModel,i=e.get("offsetTop"),n=this.mouseOffsetY;clearTimeout(this.timeoutIdForResize),this.timeoutIdForResize=setTimeout(function(){e.setSize(null,t.pageY-i-n)},0)},_onMouseUp:function(){$(document.body).css("cursor","default"),this._detachMouseEvent()},_onSelectStart:function(t){return t.preventDefault(),!1},render:function(){return this._destroyChildren(),this.$el.html(s),this},destroy:function(){this.stopListening(),this._onMouseUp(),this._destroyChildren(),this.remove()}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10).renderState,r=i(15),a=i(10).dimension.TABLE_BORDER_WIDTH,l="요청을 처리 중입니다.",u="데이터가 존재하지 않습니다.",h=o.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.renderModel=t.renderModel,this.listenTo(this.dimensionModel,"change",this._refreshLayout),this.listenTo(this.renderModel,"change:state",this.render)},className:r.LAYER_STATE,template:n.template('<div class="'+r.LAYER_STATE_CONTENT+'">    <p><%= text %></p>    <% if (isLoading) { %>    <div class="'+r.LAYER_STATE_LOADING+'"></div>    <% } %></div>'),render:function(){var t=this.renderModel.get("state");return t===s.DONE?this.$el.hide():this._showLayer(t),this},_showLayer:function(t){var e=this.template({text:this._getMessage(t),isLoading:t===s.LOADING});this.$el.html(e).show(),this._refreshLayout()},_getMessage:function(t){switch(t){case s.LOADING:return l;case s.EMPTY:return this.renderModel.get("emptyMessage")||u;default:return null}},_refreshLayout:function(){var t=this.dimensionModel,e=t.get("headerHeight"),i=t.get("bodyHeight"),n=t.get("toolbarHeight"),o=t.getScrollXHeight(),s=t.getScrollYWidth();this.$el.css({top:e+n-a,height:i-o-a,left:0,right:s})}});h.MESSAGE_LOADING=l,h.MESSAGE_EMPTY=u,t.exports=h},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),r=i(15),a=i(10),l=a.keyCode,u=a.selectionType,h=o.extend({initialize:function(t){this.setOwnProperties({focusModel:t.focusModel,selectionModel:t.selectionModel,dimensionModel:t.dimensionModel,dataModel:t.dataModel,columnModel:t.columnModel,renderModel:t.renderModel,coordRowModel:t.coordRowModel,useFormattedValue:!!tui.util.pick(t,"copyOption","useFormattedValue"),timeoutIdForKeyIn:0,isLocked:!1}),this.listenTo(this.focusModel,"focusClipboard",this._onFocus)},tagName:"textarea",className:r.CLIPBOARD,events:{keydown:"_onKeyDown",blur:"_onBlur"},_onBlur:function(){var t=this.focusModel;setTimeout(function(){t.refreshState()},0)},_onFocus:function(){try{this.$el.is(":focus")||(this.$el.focus(),this.focusModel.refreshState())}catch(t){}},render:function(){return this},_lock:function(){clearTimeout(this.timeoutIdForKeyIn),
-this.isLocked=!0,this.timeoutIdForKeyIn=setTimeout($.proxy(this._unlock,this),10)},_unlock:function(){this.isLocked=!1},_onKeyDown:function(t){return this.isLocked?void t.preventDefault():(t.shiftKey&&(t.ctrlKey||t.metaKey)?this._keyInWithShiftAndCtrl(t):t.shiftKey?this._keyInWithShift(t):t.ctrlKey||t.metaKey?this._keyInWithCtrl(t):this._keyIn(t),void this._lock())},_keyIn:function(t){var e,i=this.focusModel,n=this.selectionModel,o=i.which(),r=o.rowKey,a=o.columnName,u=this.dataModel.indexOfRowKey(r),h=this.columnModel.indexOfColumnName(a,!0),d=!0,c=t.keyCode||t.which;if(!s.isBlank(o.rowKey)){switch(c){case l.UP_ARROW:i.focus(i.prevRowKey(),a,!0);break;case l.DOWN_ARROW:i.focus(i.nextRowKey(),a,!0);break;case l.LEFT_ARROW:i.focus(r,i.prevColumnName(),!0);break;case l.RIGHT_ARROW:i.focus(r,i.nextColumnName(),!0);break;case l.PAGE_UP:i.focusAt(this._getPageMovedRowIndex(u,!1),h,!0);break;case l.PAGE_DOWN:i.focusAt(this._getPageMovedRowIndex(u,!0),h,!0);break;case l.HOME:i.focus(r,i.firstColumnName(),!0);break;case l.END:i.focus(r,i.lastColumnName(),!0);break;case l.SPACE:case l.ENTER:this._onEnterSpace(r,a);break;case l.DEL:this._del(r,a);break;case l.TAB:e=i.nextAddress(),i.focusIn(e.rowKey,e.columnName,!0);break;default:d=!1}d&&t.preventDefault(),n.end()}},_onEnterSpace:function(t,e){this.focusModel.focusIn(t,e)},_getIndexBeforeMove:function(){var t,e,i=this.focusModel.indexOf(),o=this.selectionModel.get("range"),s=n.extend({},i);return o&&(t=o.row,e=o.column,s.row=t[0],s.column=e[0],t[1]>i.row&&(s.row=t[1]),e[1]>i.column&&(s.column=e[1])),s},_getPageMovedRowIndex:function(t,e){var i,n=this.coordRowModel.getOffsetAt(t),o=this.dimensionModel.get("bodyHeight");return e||(o=-o),i=this.coordRowModel.indexOf(n+o),s.clamp(i,0,this.dataModel.length-1)},_keyInWithShift:function(t){var e,i,n,o,s,r=this.focusModel,a=this.dimensionModel,h=this.columnModel.getVisibleColumnModelList(),d=t.keyCode||t.which,c=this._getIndexBeforeMove(),f=!0,g=!0;switch(d){case l.UP_ARROW:c.row-=1;break;case l.DOWN_ARROW:c.row+=1;break;case l.LEFT_ARROW:c.column-=1;break;case l.RIGHT_ARROW:c.column+=1;break;case l.PAGE_UP:c.row=this._getPageMovedRowIndex(c.row,!1);break;case l.PAGE_DOWN:c.row=this._getPageMovedRowIndex(c.row,!0);break;case l.HOME:c.column=0;break;case l.END:c.column=h.length-1;break;case l.ENTER:g=!1;break;case l.TAB:g=!1,s=r.prevAddress(),r.focusIn(s.rowKey,s.columnName,!0);break;default:g=!1,f=!1}e=h[c.column],n=!(!e||!this.dataModel.getRowData(c.row)),g&&n&&(this._updateSelectionByKeyIn(c.row,c.column),i=a.getScrollPosition(c.row,e.columnName),i&&(o=this.selectionModel.getType(),o===u.COLUMN?delete i.scrollTop:o===u.ROW&&delete i.scrollLeft,this.renderModel.set(i))),f&&t.preventDefault()},_keyInWithCtrl:function(t){var e=this.focusModel,i=t.keyCode||t.which;switch(i){case l.CHAR_A:this.selectionModel.selectAll();break;case l.CHAR_C:this._copyToClipboard();break;case l.HOME:e.focus(e.firstRowKey(),e.firstColumnName(),!0);break;case l.END:e.focus(e.lastRowKey(),e.lastColumnName(),!0);break;case l.CHAR_V:this._pasteWhenKeyupCharV()}},_pasteWhenKeyupCharV:function(){var t=this;this._clearClipBoard(),this.pasting||(this.pasting=!0,this.$el.on("keyup",function(){t._pasteToGrid(),t.pasting=!1}))},_clearClipBoard:function(){this.$el.val("")},_pasteToGrid:function(){var t,e,i=this.selectionModel,n=this.focusModel,o=this.dataModel;t=i.hasSelection()?i.getStartIndex():n.indexOf(),e=this._getProcessClipBoardData(),this.$el.off("keyup"),o.paste(e,t)},_getProcessClipBoardData:function(){for(var t=this.$el.val(),e=t.split("\n"),i=0,n=e.length;i<n;i+=1)e[i]=e[i].split("\t");return e},_keyInWithShiftAndCtrl:function(t){var e=!0,i=this.columnModel.getVisibleColumnModelList(),n=t.keyCode||t.which;switch(n){case l.HOME:this._updateSelectionByKeyIn(0,0);break;case l.END:this._updateSelectionByKeyIn(this.dataModel.length-1,i.length-1);break;default:e=!1}e&&t.preventDefault()},_del:function(){var t=this.selectionModel,e=this.dataModel,i=this.focusModel.which(),n=i.rowKey,o=i.columnName;t.hasSelection()?e.delRange(t.get("range")):e.del(n,o)},_updateSelectionByKeyIn:function(t,e){var i=this.selectionModel;i.update(t,e)},_getClipboardString:function(){var t,e=this.selectionModel,i=this.focusModel.which();return t=e.hasSelection()?this.selectionModel.getValuesToString(this.useFormattedValue):this.useFormattedValue?this.renderModel.getCellData(i.rowKey,i.columnName).formattedValue:this.dataModel.get(i.rowKey).getValueString(i.columnName)},_copyToClipboard:function(){var t=this._getClipboardString();window.clipboardData?window.clipboardData.setData("Text",t):this.$el.val(t).select()}});t.exports=h},function(t,e,i){"use strict";var n=i(36),o=i(15),s=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:"L"})},className:o.LSIDE_AREA,_onColumnWidthChanged:function(){this.$el.css({width:this.dimensionModel.get("lsideWidth")})},beforeRender:function(){this.$el.css({display:"block",width:this.dimensionModel.get("lsideWidth")})},afterRender:function(){this.dimensionModel.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_LEFT_BOTTOM))}});t.exports=s},function(t,e,i){"use strict";var n=i(2),o=n.extend({initialize:function(t){n.prototype.initialize.call(this),this.setOwnProperties({viewFactory:t.viewFactory,renderModel:t.renderModel,dimensionModel:t.dimensionModel,whichSide:t.whichSide||"R"}),this.listenTo(this.renderModel,"columnModelChanged",this.render).listenTo(this.dimensionModel,"columnWidthChanged",this._onColumnWidthChanged)},render:function(){var t=this.viewFactory;return this.$el.empty(),this._destroyChildren(),this.beforeRender(),this._addChildren([t.createHeader(this.whichSide),t.createBody(this.whichSide),t.createFooter(this.whichSide)]),this.$el.append(this._renderChildren()),this.afterRender(),this},_onColumnWidthChanged:function(){},beforeRender:function(){},afterRender:function(){}});t.exports=o},function(t,e,i){"use strict";var n=i(36),o=i(15),s=i(10).dimension.CELL_BORDER_WIDTH,r=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:"R",$scrollBorder:null}),this.listenTo(this.dimensionModel,"change:bodyHeight change:headerHeight",this._resetScrollBorderHeight)},className:o.RSIDE_AREA,_onColumnWidthChanged:function(){this._refreshLayout()},_refreshLayout:function(){var t=this.dimensionModel,e=t.get("rsideWidth"),i=t.get("lsideWidth");i>0&&!t.isDivisionBorderDoubled()&&(e+=s,i-=s),this.$el.css({width:e,marginLeft:i})},_resetScrollBorderHeight:function(){var t,e;this.$scrollBorder&&(t=this.dimensionModel,e=t.get("bodyHeight")-t.getScrollXHeight(),this.$scrollBorder.height(e))},beforeRender:function(){this.$el.css("display","block"),this._refreshLayout()},afterRender:function(){var t,e,i,n,r=this.dimensionModel;r.get("scrollY")&&(t=r.get("headerHeight"),e=r.get("footerHeight"),i=$("<div />").addClass(o.SCROLLBAR_HEAD),n=$("<div />").addClass(o.SCROLLBAR_BORDER),i.height(t-2),n.css("top",t+"px"),this.$el.append(i,n),r.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_RIGHT_BOTTOM)),e&&r.get("scrollY")&&this.$el.append($("<div>").addClass(o.FOOT_AREA_RIGHT).css("height",e-s)),this.$scrollBorder=n,this._resetScrollBorderHeight())}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),r=i(10),a=i(15),l=10,u=r.keyCode,h=r.selectionType.COLUMN,d=r.attrName.COLUMN_NAME,c=r.dimension.CELL_BORDER_WIDTH,f=r.dimension.TABLE_BORDER_WIDTH,g=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({renderModel:t.renderModel,dimensionModel:t.dimensionModel,selectionModel:t.selectionModel,focusModel:t.focusModel,columnModel:t.columnModel,dataModel:t.dataModel,viewFactory:t.viewFactory,coordRowModel:t.coordRowModel,whichSide:t.whichSide||"R"}),this.listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange).listenTo(this.dimensionModel,"columnWidthChanged",this._onColumnWidthChanged).listenTo(this.selectionModel,"change:range",this._refreshSelectedHeaders).listenTo(this.focusModel,"change:columnName",this._refreshSelectedHeaders).listenTo(this.dataModel,"sortChanged",this._updateBtnSortState),"L"===this.whichSide&&"checkbox"===this.columnModel.get("selectType")&&this.listenTo(this.dataModel,"change:_button disabledChanged extraDataChanged add remove reset",n.debounce(n.bind(this._syncCheckedState,this),l))},className:a.HEAD_AREA,events:{click:"_onClick","keydown input":"_onKeydown","mousedown th":"_onMouseDown"},template:n.template('<table class="'+a.TABLE+'"><colgroup><%=colGroup%></colgroup><tbody><%=tBody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" height="<%=height%>" <%if(colspan > 0) {%>colspan=<%=colspan%> <%}%><%if(rowspan > 0) {%>rowspan=<%=rowspan%> <%}%>><%=title%><%=btnSort%></th>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),markupBtnSort:'<a class="'+a.BTN_SORT+'"></a>',_getColGroupMarkup:function(){var t=this._getColumnData(),e=t.widthList,i=t.modelList,o=[];return n.each(e,function(t,e){o.push(this.templateCol({attrColumnName:d,columnName:i[e].columnName,width:t+c}))},this),o.join("")},_getSelectedColumnNames:function(){var t=this.selectionModel.get("range").column,e=this.columnModel.getVisibleColumnModelList(),i=e.slice(t[0],t[1]+1);return n.pluck(i,"columnName")},_getContainingMergedColumnNames:function(t){var e=this.columnModel,i=n.pluck(e.get("columnMerge"),"columnName");return n.filter(i,function(i){var o=e.getUnitColumnNamesIfMerged(i);return n.every(o,function(e){return n.contains(t,e)})})},_refreshSelectedHeaders:function(){var t,e,i=this.$el.find("th");this.selectionModel.hasSelection()?t=this._getSelectedColumnNames():this.focusModel.has(!0)&&(t=[this.focusModel.get("columnName")]),i.removeClass(a.CELL_SELECTED),t&&(e=this._getContainingMergedColumnNames(t),n.each(t.concat(e),function(t){i.filter("["+d+'="'+t+'"]').addClass(a.CELL_SELECTED)}))},_onKeydown:function(t){t.keyCode===u.TAB&&(t.preventDefault(),this.focusModel.focusClipboard())},_onMouseDown:function(t){var e,i;this.selectionModel.isEnabled()&&!$(t.target).is("a."+a.BTN_SORT)&&(e=$(t.target).closest("th").attr(d),e&&(i=this.columnModel.getUnitColumnNamesIfMerged(e),this._hasMetaColumn(i)||this._controlStartAction(i,t.pageX,t.pageY,t.shiftKey)))},_controlStartAction:function(t,e,i,o){var s=this.columnModel,r=n.map(t,function(t){return s.indexOfColumnName(t,!0)});o?this._startColumnSelectionWithShiftKey(r,e,i):this._startColumnSelectionWithoutShiftKey(r),this._attachDragEvents()},_startColumnSelectionWithShiftKey:function(t,e,i){var n=this.selectionModel,o=Math.max.apply(null,t);n.update(0,o,h),n.extendColumnSelection(t,e,i)},_startColumnSelectionWithoutShiftKey:function(t){var e=this.selectionModel,i=s.getMinMax(t),n=i.min,o=i.max;e.setMinimumColumnRange([n,o]),e.selectColumn(n),e.update(0,o)},_attachDragEvents:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(t){var e,i,o=this.columnModel,s=!0,r=$(t.target).closest("th").attr(d);r?(e=o.getUnitColumnNamesIfMerged(r),i=n.map(e,function(t){return o.indexOfColumnName(t,!0)})):$.contains(this.el,t.target)&&(s=!1),s&&this.selectionModel.extendColumnSelection(i,t.pageX,t.pageY)},_hasMetaColumn:function(t){return n.some(t,function(t){return s.isMetaColumn(t)})},_onSelectStart:function(t){return t.preventDefault(),!1},_getHeaderMainCheckbox:function(){return this.$el.find("th["+d+'="_button"] input')},_syncCheckedState:function(){var t,e,i=this.dataModel.getCheckedState();t=this._getHeaderMainCheckbox(),t.length&&(e=i.available?{checked:i.available===i.checked,disabled:!1}:{checked:!1,disabled:!0},t.prop(e))},_onColumnWidthChanged:function(){var t=this._getColumnData(),e=t.widthList,i=this.$el.find("col"),o=this.coordRowModel;n.each(e,function(t,e){i.eq(e).css("width",t+c)}),"R"===this.whichSide&&n.defer(function(){o.syncWithDom()})},_onScrollLeftChange:function(t,e){"R"===this.whichSide&&(this.el.scrollLeft=e)},_onClick:function(t){var e=$(t.target),i=e.closest("th").attr(d);"_button"===i&&e.is("input")?e.prop("checked")?this.dataModel.checkAll():this.dataModel.uncheckAll():e.is("a."+a.BTN_SORT)&&this.dataModel.sortByField(i)},_updateBtnSortState:function(t){this._$currentSortBtn&&this._$currentSortBtn.removeClass(a.BTN_SORT_DOWN+" "+a.BTN_SORT_UP),this._$currentSortBtn=this.$el.find("th["+d+'="'+t.columnName+'"] a.'+a.BTN_SORT),this._$currentSortBtn.addClass(t.isAscending?a.BTN_SORT_UP:a.BTN_SORT_DOWN)},render:function(){return this._destroyChildren(),this.$el.css({height:this.dimensionModel.get("headerHeight")-f}).html(this.template({colGroup:this._getColGroupMarkup(),tBody:this._getTableBodyMarkup()})),this._addChildren(this.viewFactory.createHeaderResizeHandler(this.whichSide)),this.$el.append(this._renderChildren()),this},_getColumnData:function(){var t=this.columnModel,e=this.dimensionModel,i=e.getColumnWidthList(this.whichSide),n=t.getVisibleColumnModelList(this.whichSide,!0);return{widthList:i,modelList:n}},_getTableBodyMarkup:function(){var t,e,i=this._getColumnHierarchyList(),o=this._getHierarchyMaxRowCount(i),r=this.dimensionModel.get("headerHeight"),l=new Array(o),u=new Array(o),h=[],c=s.getRowHeight(o,r)-1,f=1;return n.each(i,function(e,s){var g=i[s].length,m=0;n.each(e,function(e,i){var n=e.columnName,s=[a.CELL,a.CELL_HEAD];e.isRequired&&s.push(a.CELL_REQRUIRED),f=g-1===i&&o-g+1>1?o-g+1:1,t=c*f,i===g-1?t=r-m-2:m+=t+1,u[i]===n?(l[i].pop(),h[i]+=1):h[i]=1,u[i]=n,l[i]=l[i]||[],l[i].push(this.templateHeader({attrColumnName:d,columnName:n,className:s.join(" "),height:t,colspan:h[i],rowspan:f,title:e.title,btnSort:e.isSortable?this.markupBtnSort:""}))},this)},this),e=n.map(l,function(t){return"<tr>"+t.join("")+"</tr>"}),e.join("")},_getHierarchyMaxRowCount:function(t){var e=[0];return n.each(t,function(t){e.push(t.length)},this),Math.max.apply(Math,e)},_getColumnHierarchyList:function(){var t,e=this._getColumnData().modelList;return t=n.map(e,function(t){return this._getColumnHierarchy(t).reverse()},this)},_getColumnHierarchy:function(t,e){var i=this.columnModel.get("columnMerge");return e=e||[],t&&(e.push(t),i&&n.each(i,function(i){$.inArray(t.columnName,i.columnNameList)!==-1&&this._getColumnHierarchy(i,e)},this)),e}});g.DELAY_SYNC_CHECK=l,t.exports=g},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.attrName,l=s.dimension.CELL_BORDER_WIDTH,u=s.dimension.RESIZE_HANDLE_WIDTH,h=o.extend({initialize:function(t){this.setOwnProperties({dimensionModel:t.dimensionModel,columnModel:t.columnModel,whichSide:t.whichSide||"R",isResizing:!1,$target:null,differenceLeft:0,initialWidth:0,initialOffsetLeft:0,initialLeft:0}),this.listenTo(this.dimensionModel,"change:which columnWidthChanged",this._refreshHandlerPosition)},className:r.COLUMN_RESIZE_CONTAINER,events:function(){var t={};return t["mousedown ."+r.COLUMN_RESIZE_HANDLE]="_onMouseDown",t["dblclick ."+r.COLUMN_RESIZE_HANDLE]="_onDblClick",t},template:n.template("<div "+a.COLUMN_INDEX+'="<%=columnIndex%>" '+a.COLUMN_NAME+'="<%=columnName%>" class="'+r.COLUMN_RESIZE_HANDLE+' <%=lastClass%>" style="<%=height%>" title="마우스 드래그를 통해 컬럼의 넓이를 변경할 수 있고,더블클릭을 통해 넓이를 초기화할 수 있습니다."></div>'),_getColumnData:function(){var t=this.columnModel,e=this.dimensionModel,i=e.getColumnWidthList(this.whichSide),n=t.getVisibleColumnModelList(this.whichSide,!0);return{widthList:i,modelList:n}},_getResizeHandlerMarkup:function(){var t=this._getColumnData(),e=t.modelList,i=this.dimensionModel.get("headerHeight"),o=e.length,s=n.map(e,function(t,e){return this.template({lastClass:e+1===o?r.COLUMN_RESIZE_HANDLE_LAST:"",columnIndex:e,columnName:t.columnName,height:i})},this);return s.join("")},render:function(){var t=this.dimensionModel.get("headerHeight"),e=this._getResizeHandlerMarkup();return this.$el.empty().html(e).css({marginTop:-t,height:t,display:"block"}),this._refreshHandlerPosition(),this},_refreshHandlerPosition:function(){var t=this._getColumnData(),e=t.widthList,i=this.$el.find("."+r.COLUMN_RESIZE_HANDLE),n=Math.floor(u/2),o=0;tui.util.forEachArray(i,function(t,s){var r=i.eq(s);o+=e[s]+l,r.css("left",o-n)})},_isResizing:function(){return!!this.isResizing},_onMouseDown:function(t){this._startResizing($(t.target))},_onDblClick:function(t){var e=$(t.target),i=parseInt(e.attr(a.COLUMN_INDEX),10);this.dimensionModel.restoreColumnWidth(this._getHandlerColumnIndex(i)),this._refreshHandlerPosition()},_onMouseUp:function(){this._stopResizing()},_onMouseMove:function(t){var e,i;this._isResizing()&&(t.preventDefault(),e=this._calculateWidth(t.pageX),i=parseInt(this.$target.attr(a.COLUMN_INDEX),10),this.dimensionModel.setColumnWidth(this._getHandlerColumnIndex(i),e),this._refreshHandlerPosition())},_calculateWidth:function(t){var e=t-this.initialOffsetLeft-this.initialLeft;return this.initialWidth+e},_getHandlerColumnIndex:function(t){return"R"===this.whichSide?t+this.columnModel.getVisibleColumnFixCount(!0):t},_startResizing:function(t){var e=this._getColumnData(),i=e.widthList;this.isResizing=!0,this.$target=t,this.initialLeft=parseInt(t.css("left").replace("px",""),10),this.initialOffsetLeft=this.$el.offset().left,this.initialWidth=i[t.attr(a.COLUMN_INDEX)],$("body").css("cursor","col-resize"),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._onMouseUp,this)),t[0].setCapture&&t[0].setCapture()},_stopResizing:function(){this.$target&&this.$target[0].releaseCapture&&this.$target[0].releaseCapture(),this.isResizing=!1,this.$target=null,this.initialLeft=0,this.initialOffsetLeft=0,this.initialWidth=0,$("body").css("cursor","default"),$(document).unbind("mousemove",$.proxy(this._onMouseMove,this)).unbind("mouseup",$.proxy(this._onMouseUp,this))},destroy:function(){this.stopListening(),this._stopResizing(),this.remove()}});t.exports=h},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),r=i(10),a=i(15),l=r.attrName,u=r.selectionType,h=200,d=10,c=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:t.dimensionModel,dataModel:t.dataModel,columnModel:t.columnModel,renderModel:t.renderModel,selectionModel:t.selectionModel,focusModel:t.focusModel,viewFactory:t.viewFactory,$container:null,whichSide:t&&t.whichSide||"R"}),this.listenTo(this.dimensionModel,"change:bodyHeight",this._onBodyHeightChange).listenTo(this.dimensionModel,"change:totalRowHeight",this._resetContainerHeight).listenTo(this.dataModel,"add remove reset",this._resetContainerHeight).listenTo(this.renderModel,"change:scrollTop",this._onScrollTopChange).listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange)},className:a.BODY_AREA,events:function(){var t={};return t.scroll="_onScroll",t["mousedown ."+a.BODY_CONTAINER]="_onMouseDown",t},_onBodyHeightChange:function(t,e){this.$el.css("height",e+"px")},_resetContainerHeight:function(){this.$container.css({height:this.dimensionModel.get("totalRowHeight")})},_onScroll:function(t){var e={scrollTop:t.target.scrollTop};"R"===this.whichSide&&(e.scrollLeft=t.target.scrollLeft),this.renderModel.set(e)},_onScrollLeftChange:function(t,e){"R"===this.whichSide&&(this.el.scrollLeft=e)},_onScrollTopChange:function(t,e){this.el.scrollTop=e},_getColumnNameByVisibleIndex:function(t){var e=this.columnModel.getVisibleColumnModelList(null,!1);return e[t].columnName},_onMouseDown:function(t){var e,i=this.columnModel,o=$(t.target),s=o.closest("td"),r=o.closest("tr"),a=s.attr(l.COLUMN_NAME),u=r.attr(l.ROW_KEY),h=!0,d=n.pick(t,"pageX","pageY","shiftKey");s.length?u&&a?(e={column:i.indexOfColumnName(a,!0),row:this.dataModel.indexOfRowKey(u)},"radio"===this.columnModel.get("selectType")&&this.dataModel.check(u)):h=!1:(e=this.dimensionModel.getIndexFromMousePosition(t.pageX,t.pageY),a=this._getColumnNameByVisibleIndex(e.column)),h&&this._controlStartAction(d,e,a,o.is("input, textarea"))},_controlStartAction:function(t,e,i,n){var o=this.selectionModel,r=e.column,a=e.row,l=!0;o.isEnabled()&&(s.isMetaColumn(i)?"_number"===i?this._updateSelectionByRow(a,t.shiftKey):l=!1:(o.setType(u.CELL),t.shiftKey&&!n?o.update(a,r):(l=this._doFocusAtAndCheckDraggable(a,r),o.end())),!n&&l&&(this.dimensionModel.refreshLayout(),this._attachDragEvents(t.pageX,t.pageY)))},_updateSelectionByRow:function(t,e){e?this.selectionModel.update(t,0,u.ROW):this.selectionModel.selectRow(t)},_doFocusAtAndCheckDraggable:function(t,e){var i=(new Date).getTime(),n=this.focusModel.focusAt(t,e),o=(new Date).getTime(),s=o-i>h;return!(!n||s)},_attachDragEvents:function(t,e){this.setOwnProperties({mouseDownX:t,mouseDownY:e}),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(t){var e=this._getMouseMoveDistance(t.pageX,t.pageY)>d;(this.selectionModel.hasSelection()||e)&&this.selectionModel.updateByMousePosition(t.pageX,t.pageY)},_getMouseMoveDistance:function(t,e){var i=Math.abs(this.mouseDownX-t),n=Math.abs(this.mouseDownY-e);return Math.round(Math.sqrt(Math.pow(i,2)+Math.pow(n,2)))},_onSelectStart:function(t){return t.preventDefault(),!1},render:function(){var t=this.whichSide;return this._destroyChildren(),this.dimensionModel.get("scrollX")||this.$el.css("overflow-x","hidden"),this.dimensionModel.get("scrollY")||"R"!==t||this.$el.css("overflow-y","hidden"),this.$el.css("height",this.dimensionModel.get("bodyHeight")),this.$container=$("<div>").addClass(a.BODY_CONTAINER),this.$el.append(this.$container),this._addChildren([this.viewFactory.createBodyTable(t),this.viewFactory.createSelectionLayer(t),this.viewFactory.createFocusLayer(t)]),this.$container.append(this._renderChildren()),this._resetContainerHeight(),this}});t.exports=c},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.dimension.CELL_BORDER_WIDTH,l=s.attrName.COLUMN_NAME,u=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:t.dimensionModel,renderModel:t.renderModel,columnModel:t.columnModel,viewFactory:t.viewFactory,painterManager:t.painterManager,whichSide:t.whichSide||"R"}),this.listenTo(this.dimensionModel,"columnWidthChanged",this._onColumnWidthChanged),this.listenTo(this.renderModel,"change:dummyRowCount",this._onChangeDummyRowCount),this.listenTo(this.dimensionModel,"change:bodyHeight",this._resetHeight),this._attachAllTableEventHandlers()},className:r.BODY_TABLE_CONTAINER,template:n.template('<table class="'+r.TABLE+'">   <colgroup><%=colGroup%></colgroup>   <tbody><%=tbody%></tbody></table>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),_onColumnWidthChanged:function(){var t=this.dimensionModel.getColumnWidthList(this.whichSide),e=this.$el.find("col");n.each(t,function(t,i){e.eq(i).css("width",t+a)},this)},_onChangeDummyRowCount:function(){this._resetOverflow(),this._resetHeight()},_resetOverflow:function(){var t="visible";this.renderModel.get("dummyRowCount")>0&&(t="hidden"),this.$el.css("overflow",t)},_resetHeight:function(){var t=this.dimensionModel;this.renderModel.get("dummyRowCount")>0?this.$el.height(t.get("bodyHeight")-t.getScrollXHeight()):this.$el.css("height","")},resetTablePosition:function(){this.$el.css("top",this.renderModel.get("top"))},render:function(){return this._destroyChildren(),this.$el.html(this.template({colGroup:this._getColGroupMarkup(),tbody:""})),this._addChildren(this.viewFactory.createRowList({bodyTableView:this,el:this.$el.find("tbody"),whichSide:this.whichSide})),this._renderChildren(),this._resetHeight(),this._resetOverflow(),this},_attachAllTableEventHandlers:function(){var t=this.painterManager.getCellPainters();n.each(t,function(t){t.attachEventHandlers(this.$el,"")},this)},redrawTable:function(t){return this.$el[0].innerHTML=this.template({colGroup:this._getColGroupMarkup(),tbody:t}),this.$el.find("tbody")},_getColGroupMarkup:function(){var t=this.whichSide,e=this.dimensionModel.getColumnWidthList(t),i=this.columnModel.getVisibleColumnModelList(t,!0),o="";return n.each(i,function(t,i){o+=this.templateCol({attrColumnName:l,columnName:t.columnName,width:e[i]+a})},this),o}});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r=i(10),a=r.attrName.COLUMN_NAME,l=o.extend({initialize:function(t){this.columnTemplateMap=t.columnTemplateMap||{},this.whichSide=t.whichSide,this.columnModel=t.columnModel,this.dimensionModel=t.dimensionModel,this.renderModel=t.renderModel,this.summaryModel=t.summaryModel,this.listenTo(this.renderModel,"change:scrollLeft",this._onChangeScrollLeft),this.listenTo(this.columnModel,"setFooterContent",this._setcolumnContent),this.summaryModel&&this.listenTo(this.summaryModel,"change",this._onChangeSummaryValue)},className:s.FOOT_AREA,events:{scroll:"_onScrollView"},template:n.template('<table class="<%=className%>" style="height:<%=height%>px"><tbody><%=tbody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" style="width:<%=width%>px"><%=value%></th>'),_onScrollView:function(t){"R"===this.whichSide&&this.renderModel.set("scrollLeft",t.target.scrollLeft)},_onChangeScrollLeft:function(t,e){"R"===this.whichSide&&(this.el.scrollLeft=e)},_setcolumnContent:function(t,e){var i=this.$el.find("th["+a+'="'+t+'"]');i.html(e)},_onChangeSummaryValue:function(t,e){var i=this._generateValueHTML(t,e);this._setcolumnContent(t,i)},_generateValueHTML:function(t,e){var i=this.columnTemplateMap[t],o="";return n.isFunction(i)&&(o=i(e)),o},_generateTbodyHTML:function(){var t=this.summaryModel,e=this.columnModel.getVisibleColumnModelList(this.whichSide,!0),i=this.dimensionModel.getColumnWidthList(this.whichSide);return n.reduce(e,function(e,n,o){var r,l=n.columnName;return t&&(r=t.getValue(n.columnName)),e+this.templateHeader({attrColumnName:a,columnName:l,className:s.CELL_HEAD+" "+s.CELL,width:i[o],value:this._generateValueHTML(l,r)})},"",this)},render:function(){var t=this.dimensionModel.get("footerHeight");return t&&this.$el.html(this.template({className:s.TABLE,height:t,tbody:this._generateTbodyHTML()})),this}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.attrName,l=s.dimension.CELL_BORDER_WIDTH,u=o.extend({initialize:function(t){var e=t.focusModel,i=t.renderModel,n=t.selectionModel,o=t.coordRowModel,s=t.whichSide||"R";this.setOwnProperties({whichSide:s,bodyTableView:t.bodyTableView,focusModel:e,renderModel:i,selectionModel:n,coordRowModel:o,dataModel:t.dataModel,columnModel:t.columnModel,collection:i.getCollection(s),painterManager:t.painterManager,sortOptions:null,renderedRowKeys:null}),this.listenTo(this.collection,"change",this._onModelChange).listenTo(this.collection,"restore",this._onModelRestore).listenTo(e,"change:rowKey",this._refreshFocusedRow).listenTo(i,"rowListChanged",this.render),"L"===this.whichSide&&this.listenTo(e,"change:rowKey",this._refreshSelectedMetaColumns).listenTo(n,"change:range",this._refreshSelectedMetaColumns).listenTo(i,"rowListChanged",this._refreshSelectedMetaColumns)},_getColumnModelList:function(){return this.columnModel.getVisibleColumnModelList(this.whichSide,!0)},_removeOldRows:function(t){var e=n.indexOf(this.renderedRowKeys,t[0]),i=n.indexOf(this.renderedRowKeys,n.last(t)),o=this.$el.children("tr");o.slice(0,e).remove(),o.slice(i+1).remove()},_appendNewRows:function(t,e){var i=this.collection.slice(0,n.indexOf(t,e[0])),o=this.collection.slice(n.indexOf(t,n.last(e))+1);this.$el.prepend(this._getRowsHtml(i)),this.$el.append(this._getRowsHtml(o))},_resetRows:function(){var t,e=this._getRowsHtml(this.collection.models);if(u.isInnerHtmlOfTbodyReadOnly)t=this.bodyTableView.redrawTable(e),this.setElement(t,!1);else try{this.$el[0].innerHTML=e}catch(i){u.isInnerHtmlOfTbodyReadOnly=!0,this._resetRows()}},_getRowsHtml:function(t){var e=this.painterManager.getRowPainter(),i=n.pluck(this._getColumnModelList(),"columnName");return n.map(t,function(t){return e.generateHtml(t,i)}).join("")},_getRowElement:function(t){return this.$el.find("tr["+a.ROW_KEY+"="+t+"]")},_refreshSelectedMetaColumns:function(){var t,e=this.$el.find("tr"),i="."+r.CELL_HEAD;t=this.selectionModel.hasSelection()?this._filterRowsByIndexRange(e,this.selectionModel.get("range").row):this._filterRowByKey(e,this.focusModel.get("rowKey")),e.find(i).removeClass(r.CELL_SELECTED),t.find(i).addClass(r.CELL_SELECTED)},_filterRowsByIndexRange:function(t,e){var i,n,o=this.renderModel,s=o.get("startIndex");return i=Math.max(e[0]-s,0),n=Math.max(e[1]-s+1,0),i||n?t.slice(i,n):$()},_filterRowByKey:function(t,e){var i=this.dataModel.indexOfRowKey(e),n=this.renderModel.get("startIndex");return n>i?$():t.eq(i-n)},_refreshFocusedRow:function(){var t=this.focusModel.get("rowKey"),e=this.focusModel.get("prevRowKey");this._setFocusedRowClass(e,!1),this._setFocusedRowClass(t,!0)},_setFocusedRowClass:function(t,e){var i=n.pluck(this._getColumnModelList(),"columnName"),o={};n.each(i,function(i){var n,s=this.dataModel.getMainRowKey(t,i);o[s]||(o[s]=this._getRowElement(s)),n=o[s].find("td["+a.COLUMN_NAME+'="'+i+'"]'),n.toggleClass(r.CELL_CURRENT_ROW,e)},this)},render:function(t){var e,i=this.collection.pluck("rowKey");return this.bodyTableView.resetTablePosition(),t?this._resetRows():(e=n.intersection(i,this.renderedRowKeys),n.isEmpty(i)||n.isEmpty(e)||e.length/i.length<.7?this._resetRows():(this._removeOldRows(e),this._appendNewRows(i,e))),this.renderedRowKeys=i,this},_onModelChange:function(t){var e=t.get("rowKey"),i=this._getRowElement(e);"height"in t.changed?i.css("height",t.get("height")+l):(this.painterManager.getRowPainter().refresh(t.changed,i),this.coordRowModel.syncWithDom())},_onModelRestore:function(t){var e=this.dataModel.getElement(t.rowKey,t.columnName),i=this.columnModel.getEditType(t.columnName);this.painterManager.getCellPainter(i).refresh(t,e),this.coordRowModel.syncWithDom()}},{isInnerHtmlOfTbodyReadOnly:tui.util.browser.msie&&tui.util.browser.version<=9});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r=i(10).dimension.CELL_BORDER_WIDTH,a=o.extend({initialize:function(t){this.setOwnProperties({whichSide:t.whichSide||"R",dimensionModel:t.dimensionModel,coordRowModel:t.coordRowModel,columnModel:t.columnModel,selectionModel:t.selectionModel}),this._updateColumnWidthList(),this.listenTo(this.dimensionModel,"columnWidthChanged",this._onChangeColumnWidth),this.listenTo(this.selectionModel,"change:range",this.render)},className:s.LAYER_SELECTION,_updateColumnWidthList:function(){this.columnWidthList=this.dimensionModel.getColumnWidthList(this.whichSide)},_onChangeColumnWidth:function(){this._updateColumnWidthList(),this.render()},_getOwnSideColumnRange:function(t){var e=this.columnModel.getVisibleColumnFixCount(),i=null;return"L"===this.whichSide?t[0]<e&&(i=[t[0],Math.min(t[1],e-1)]):t[1]>=e&&(i=[Math.max(t[0],e)-e,t[1]-e]),i},_getVerticalStyles:function(t){var e=this.coordRowModel,i=e.getOffsetAt(t[0]),n=e.getOffsetAt(t[1])+e.getHeightAt(t[1]);return{top:i+"px",height:n-i+"px"}},_getHorizontalStyles:function(t){var e=this.columnWidthList,i=this.columnModel.getVisibleMetaColumnCount(),n=t[0],o=t[1],s=0,a=0,l=0;for("L"===this.whichSide&&(n+=i,o+=i),o=Math.min(o,e.length-1);l<=o;l+=1)l<n?s+=e[l]+r:a+=e[l]+r;return a-=r,{left:s+"px",width:a+"px"}},render:function(){var t,e,i=this.selectionModel.get("range");return i&&(e=this._getOwnSideColumnRange(i.column)),e?(t=n.assign({},this._getVerticalStyles(i.row),this._getHorizontalStyles(e)),
-this.$el.show().css(t)):this.$el.hide(),this}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10).dimension.CELL_BORDER_WIDTH,r=i(10).attrName,a=i(15),l=o.extend({initialize:function(t){this.renderModel=t.renderModel,this.domState=t.domState,this.inputPainters=t.inputPainters,this.listenTo(this.renderModel,"editingStateChanged",this._onEditingStateChanged)},className:a.LAYER_EDITING+" "+a.CELL_CONTENT,_startEditing:function(t){var e=t.rowKey,i=t.columnName,n=tui.util.pick(t,"columnModel","editOption","type"),o=this._calculateLayoutStyle(e,i,this._isWidthExpandable(n)),s=this.inputPainters[n];this.$el.html(s.generateHtml(t)).attr(r.ROW_KEY,e).attr(r.COLUMN_NAME,i).css(o).show(),this._adjustLeftPosition(),s.focus(this.$el)},_isWidthExpandable:function(t){return n.contains(["checkbox","radio"],t)},_finishEditing:function(){this.$el.removeAttr(r.ROW_KEY),this.$el.removeAttr(r.COLUMN_NAME),this.$el.empty().hide()},_adjustLeftPosition:function(){var t=this.domState.getWidth(),e=this.$el.outerWidth(),i=this.$el.position().left;i+e>t&&this.$el.css("left",t-e)},_adjustCellOffsetValue:function(t){var e=tui.util.browser,i=t;return e.msie&&(9===e.version?i=t-1:e.version>9&&(i=Math.floor(t))),i},_calculateLayoutStyle:function(t,e,i){var n=this.domState.getOffset(),o=this.domState.getElement(t,e),r=o.offset(),a=o.outerHeight()+s,l=o.outerWidth()+s;return{top:this._adjustCellOffsetValue(r.top)-n.top,left:this._adjustCellOffsetValue(r.left)-n.left,height:a,minWidth:i?l:"",width:i?"":l,lineHeight:a+"px"}},_onEditingStateChanged:function(t){t.isEditing?this._startEditing(t):this._finishEditing()},render:function(){return n.each(this.inputPainters,function(t){t.attachEventHandlers(this.$el,"")},this),this}});t.exports=l},function(t,e,i){"use strict";function n(t){var e=r.ICO_ARROW+" "+t;return'<span class="'+e+'"></span>'}var o,s=i(2),r=i(15),a="yyyy-mm-dd";o=s.extend({initialize:function(t){this.textPainter=t.textPainter,this.columnModel=t.columnModel,this.domState=t.domState,this.calendar=this._createCalendar(),this.datePicker=this._createDatePicker(),this._customizeCalendarBtns(),this.listenTo(this.textPainter,"focusIn",this._onFocusInTextInput),this.listenTo(this.textPainter,"focusOut",this._onFocusOutTextInput)},className:r.LAYER_DATE_PICKER,_createCalendar:function(){var t=$("<div>").addClass(r.CALENDAR);return t.mousedown(function(t){return t.preventDefault(),t.target.unselectable=!0,!1}),new tui.component.Calendar({element:t,classPrefix:r.CALENDAR+"-"})},_customizeCalendarBtns:function(){var t=this.calendar.$header,e=n(r.ICO_ARROW_LEFT),i=n(r.ICO_ARROW_RIGHT);t.find("."+r.CALENDAR_BTN_PREV_YEAR).html(e+e),t.find("."+r.CALENDAR_BTN_NEXT_YEAR).html(i+i),t.find("."+r.CALENDAR_BTN_PREV_MONTH).html(e),t.find("."+r.CALENDAR_BTN_NEXT_MONTH).html(i)},_createDatePicker:function(){var t=new tui.component.DatePicker({parentElement:this.$el,enableSetDateByEnterKey:!1,selectableClassName:r.CALENDAR_SELECTABLE,selectedClassName:r.CALENDAR_SELECTED,pos:{top:0,left:0}},this.calendar);return t.on("update",function(){t.close()}),t},_createDateForNow:function(){var t=new Date;return{year:t.getFullYear(),month:t.getMonth()+1,date:t.getDate()}},_resetDatePicker:function(t,e){var i=this.datePicker,n=t.date||this._createDateForNow();i.setDateForm(t.dateForm||a),i.setRanges(t.selectableRanges||[]),i.setDate(n.year,n.month,n.date),i.setElement(e)},_calculatePosition:function(t){var e=t.offset(),i=t.outerHeight(),n=this.domState.getOffset();return{top:e.top-n.top+i,left:e.left-n.left}},_onFocusInTextInput:function(t,e){var i=e.columnName,n=this.columnModel.getColumnModel(i).component,o=this.columnModel.getEditType(i);"text"===o&&n&&"datePicker"===n.name&&(this.$el.css(this._calculatePosition(t)).show(),this._resetDatePicker(n.option||{},t),this.datePicker.open())},_onFocusOutTextInput:function(){this.datePicker.close(),this.$el.hide()},render:function(){return this.$el.hide(),this}}),t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10).dimension.CELL_BORDER_WIDTH,r=i(15),a='<div class="'+r.LAYER_FOCUS_BORDER+'"></div>',l=o.extend({initialize:function(t){this.focusModel=t.focusModel,this.columnModel=t.columnModel,this.dimensionModel=t.dimensionModel,this.coordRowModel=t.coordRowModel,this.whichSide=t.whichSide,this.borderEl={$top:$(a),$left:$(a),$right:$(a),$bottom:$(a)},this.listenTo(this.dimensionModel,"columnWidthChanged",this._refreshCurrentLayout),this.listenTo(this.coordRowModel,"reset",this._refreshCurrentLayout),this.listenTo(this.focusModel,"blur",this._onBlur),this.listenTo(this.focusModel,"focus",this._onFocus)},className:r.LAYER_FOCUS,_refreshCurrentLayout:function(){var t=this.focusModel;"none"!==this.$el.css("display")&&this._refreshBorderLayout(t.get("rowKey"),t.get("columnName"))},_onBlur:function(){this.$el.hide()},_onFocus:function(t,e){var i=this.columnModel.isLside(e)?"L":"R";i===this.whichSide&&(this._refreshBorderLayout(t,e),this.$el.show())},_refreshBorderLayout:function(t,e){var i=this.dimensionModel.getCellPosition(t,e),n=i.right-i.left,o=i.bottom-i.top;this.borderEl.$left.css({top:i.top,left:i.left,width:s,height:o+s}),this.borderEl.$top.css({top:0===i.top?s:i.top,left:i.left,width:n+s,height:s}),this.borderEl.$right.css({top:i.top,left:i.left+n,width:s,height:o+s}),this.borderEl.$bottom.css({top:i.top+o,left:i.left,width:n+s,height:s})},render:function(){var t=this.$el;return n.each(this.borderEl,function(e){t.append(e)}),t.hide(),this}});t.exports=l},function(t,e,i){"use strict";var n=i(10).attrName,o=i(15),s=tui.util.defineClass({init:function(t){this.$el=t},_getBodyTableRows:function(t){return this.$el.find("."+t).find("."+o.BODY_TABLE_CONTAINER).find("tr["+n.ROW_KEY+"]")},_getMaxCellHeight:function(t){var e=t.find("."+o.CELL_CONTENT).map(function(){return this.scrollHeight}).get();return _.max(e)},getElement:function(t,e){return this.$el.find("tr["+n.ROW_KEY+"="+t+"]").find("td["+n.COLUMN_NAME+'="'+e+'"]')},getRowHeights:function(){var t,e,i,n,s=this._getBodyTableRows(o.LSIDE_AREA),r=this._getBodyTableRows(o.RSIDE_AREA),a=[];for(i=0,n=s.length;i<n;i+=1)t=this._getMaxCellHeight(s.eq(i)),e=this._getMaxCellHeight(r.eq(i)),a[i]=Math.max(t,e)+1;return a},getOffset:function(){return this.$el.offset()},getWidth:function(){return this.$el.width()},getParentHeight:function(){return this.$el.parent().height()},hasFocusedElement:function(){return!!this.$el.find(":focus").length}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(3),s=tui.util.defineClass({init:function(t){this.publicObject=t},_listenForThrough:function(t,e){n.each(e,function(e){this.listenTo(t,e,n.bind(this._triggerOnPublic,this,e))},this)},_listenForRename:function(t,e,i){this.listenTo(t,e,n.bind(this._triggerOnPublic,this,i))},_triggerOnPublic:function(t,e){this.publicObject.trigger(t,e)},listenToNetAddon:function(t){this._listenForThrough(t,["beforeRequest","response","successResponse","failResponse","errorResponse"])},listenToContainerView:function(t){this._listenForThrough(t,["click","dblclick","mousedown","clickCell","dblclickCell","mouseoverCell","mouseoutCell","rendered"])},listenToFocusModel:function(t){this._listenForRename(t,"select","selectRow")}});n.extend(s.prototype,o.Events),t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(51),s=i(53),r=i(54),a=i(55),l=i(57),u=i(58),h=i(59),d=tui.util.defineClass({init:function(t){this.gridId=t.gridId,this.selectType=t.selectType,this.isFixedRowHeight=t.isFixedRowHeight,this.inputPainters=this._createInputPainters(t.controller),this.cellPainters=this._createCellPainters(t.controller),this.rowPainter=this._createRowPainter()},_createInputPainters:function(t){return{text:new a({controller:t,inputType:"text"}),password:new a({controller:t,inputType:"password"}),checkbox:new u({controller:t,inputType:"checkbox"}),radio:new u({controller:t,inputType:"radio"}),select:new l({controller:t}),mainButton:new h({controller:t,inputType:this.selectType,gridId:this.gridId})}},_createCellPainters:function(t){var e={dummy:new r({controller:t}),normal:new s({controller:t,isFixedRowHeight:this.isFixedRowHeight,editType:"normal"})};return n.each(this.inputPainters,function(i,n){e[n]=new s({editType:n,controller:t,isFixedRowHeight:this.isFixedRowHeight,inputPainter:i})},this),e},_createRowPainter:function(){return new o({painterManager:this})},getCellPainter:function(t){return this.cellPainters[t]},getCellPainters:function(){return this.cellPainters},getInputPainters:function(t){var e=this.inputPainters;return t&&(e=n.omit(e,"mainButton")),e},getRowPainter:function(){return this.rowPainter}});t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(52),s=i(10),r=s.attrName,a=s.dimension.CELL_BORDER_WIDTH,l=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.painterManager=t.painterManager},selector:"tr",template:n.template('<tr <%=rowKeyAttr%>" class="<%=className%>" style="height: <%=height%>px;"><%=contents%></tr>'),_getEditType:function(t,e){var i=tui.util.pick(e.columnModel,"editOption","type");return i||"normal"},_generateHtmlForDummyRow:function(t,e){var i=this.painterManager.getCellPainter("dummy"),o="";return n.each(e,function(e){o+=i.generateHtml(t,e)}),o},_generateHtmlForActualRow:function(t,e){var i="";return n.each(e,function(e){var n,o,s=t.get(e);s&&s.isMainRow&&(n=this._getEditType(e,s),o=this.painterManager.getCellPainter(n),i+=o.generateHtml(s))},this),i},generateHtml:function(t,e){var i,o=t.get("rowKey"),s=t.get("rowNum"),l="",u="";return n.isUndefined(o)?i=this._generateHtmlForDummyRow(s,e):(u=r.ROW_KEY+'="'+o+'"',i=this._generateHtmlForActualRow(t,e)),this.template({rowKeyAttr:u,height:t.get("height")+a,contents:i,className:l})},refresh:function(t,e){n.each(t,function(t,i){var n,o,s;"_extraData"!==i&&(s=e.find("td["+r.COLUMN_NAME+'="'+i+'"]'),n=this._getEditType(i,t),o=this.painterManager.getCellPainter(n),o.refresh(t,s))},this)}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(10).attrName,s=tui.util.defineClass({init:function(t){this.controller=t.controller},events:{},selector:"",_getCellAddress:function(t){var e=t.closest("["+o.ROW_KEY+"]");return{rowKey:e.attr(o.ROW_KEY),columnName:e.attr(o.COLUMN_NAME)}},attachEventHandlers:function(t,e){n.each(this.events,function(i,o){var s=n.bind(this[i],this),r=e+" "+this.selector;t.on(o,r,s)},this)},generateHtml:function(){throw new Error("implement generateHtml() method")}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(52),s=i(9),r=i(10).attrName,a=i(15),l=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.editType=t.editType,this.isFixedRowHeight=t.isFixedRowHeight,this.inputPainter=t.inputPainter,this.selector="td["+r.EDIT_TYPE+'="'+this.editType+'"]'},events:{dblclick:"_onDblClick"},template:n.template('<td <%=attributeString%> style="<%=style%>"><%=contentHtml%></td>'),contentTemplate:n.template('<div class="<%=className%>" style="<%=style%>"><%=content%></div>'),_onDblClick:function(t){var e;this._isEditableType()&&(e=this._getCellAddress($(t.target)),this.controller.startEditing(e,!0))},_isEditableType:function(){return!n.contains(["normal","mainButton"],this.editType)},_getContentStyle:function(t){var e=t.columnModel.whiteSpace||"nowrap",i=[];return e&&i.push("white-space:"+e),this.isFixedRowHeight&&i.push("max-height:"+t.height+"px"),i.join(";")},_getContentHtml:function(t){var e,i=t.formattedValue,n=t.beforeContent,o=t.afterContent;return this.inputPainter&&(i=this.inputPainter.generateHtml(t),this._shouldContentBeWrapped()&&!this._isUsingViewMode(t)&&(n=this._getSpanWrapContent(n,a.CELL_CONTENT_BEFORE),o=this._getSpanWrapContent(o,a.CELL_CONTENT_AFTER),i=this._getSpanWrapContent(i,a.CELL_CONTENT_INPUT),e=n+o+i)),e||(e=n+i+o),this.contentTemplate({content:e,className:a.CELL_CONTENT,style:this._getContentStyle(t)})},_isUsingViewMode:function(t){return tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1},_shouldContentBeWrapped:function(){return n.contains(["text","password","select"],this.editType)},_getSpanWrapContent:function(t,e){return tui.util.isFalsy(t)&&(t=""),'<span class="'+e+'">'+t+"</span>"},_getAttributes:function(t){var e=[t.className,a.CELL,t.rowNum%2?a.CELL_ROW_ODD:a.CELL_ROW_EVEN],i={align:t.columnModel.align||"left"};return i["class"]=e.join(" "),i[r.EDIT_TYPE]=this.editType,i[r.ROW_KEY]=t.rowKey,i[r.COLUMN_NAME]=t.columnName,t.rowSpan&&(i.rowspan=t.rowSpan),i},attachEventHandlers:function(t,e){o.prototype.attachEventHandlers.call(this,t,e),this.inputPainter&&this.inputPainter.attachEventHandlers(t,e+" "+this.selector)},generateHtml:function(t){var e=s.getAttributesString(this._getAttributes(t)),i=this._getContentHtml(t),n=t.columnModel.valign,o=[];return n&&o.push("vertical-align:"+n),this.template({attributeString:e,style:o.join(";"),contentHtml:i})},refresh:function(t,e){var i=["value","isEditing","isDisabled","optionList"],o=n.contains(t.changed,"isEditing")&&t.isEditing,s=n.intersection(i,t.changed).length>0,r=this._getAttributes(t);e.attr(r),o&&!this._isUsingViewMode(t)?this.inputPainter.focus(e):s&&(e.html(this._getContentHtml(t)),e.scrollLeft(0))}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(52),s=i(9),r=i(10).attrName,a=i(15),l=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},selector:"td["+r.EDIT_TYPE+'="dummy"]',template:n.template("<td "+r.COLUMN_NAME+'="<%=columnName%>" '+r.EDIT_TYPE+'="dummy" class="<%=className%>"></td>'),generateHtml:function(t,e){var i=[a.CELL,a.CELL_DUMMY,t%2?a.CELL_ROW_ODD:a.CELL_ROW_EVEN];return s.isMetaColumn(e)&&i.push(a.CELL_HEAD),this.template({columnName:e,className:i.join(" ")})}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(56),s=i(9),r=i(15),a="."+r.CELL_CONTENT_TEXT,l="input[type=password]",u=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.inputType=t.inputType,this.selector="text"===t.inputType?a:l,this._extendEvents({selectstart:"_onSelectStart"})},templateInput:n.template('<input class="<%=className%>" type="<%=type%>" value="<%=value%>" name="<%=name%>" align="center" maxLength="<%=maxLength%>" <%=disabled%>/>'),templateTextArea:n.template('<textarea class="<%=className%>" name="<%=name%>" maxLength="<%=maxLength%>" <%=disabled%>><%=value%></textarea>'),_onSelectStart:function(t){t.stopPropagation()},_convertStringToAsterisks:function(t){return Array(t.length+1).join("*")},_getDisplayValue:function(t){var e=t.formattedValue;return"password"===this.inputType&&(e=this._convertStringToAsterisks(t.value)),e},_generateInputHtml:function(t){var e=tui.util.pick(t,"columnModel","editOption","maxLength"),i={type:this.inputType,className:r.CELL_CONTENT_TEXT,value:t.value,name:s.getUniqueKey(),disabled:t.isDisabled?"disabled":"",maxLength:e};return"normal"===t.whiteSpace?this.templateTextArea(i):this.templateInput(i)},focus:function(t){var e=t.find(this.selector);1!==e.length||e.is(":focus")||e.select()}});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(52),s=i(10).keyName,r=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},events:{keydown:"_onKeyDown",focusin:"_onFocusIn",focusout:"_onFocusOut"},keyDownActions:{ESC:function(t){this.controller.finishEditing(t.address,!0)},ENTER:function(t){this.controller.finishEditing(t.address,!0,t.value)},TAB:function(t){this.controller.finishEditing(t.address,!0,t.value),this.controller.focusInToNextCell(t.shiftKey)}},_extendKeydownActions:function(t){this.keyDownActions=n.assign({},this.keyDownActions,t)},_extendEvents:function(t){this.events=n.assign({},this.events,t)},_executeCustomEventHandler:function(t){var e=$(t.target),i=this._getCellAddress(e);this.controller.executeCustomInputEventHandler(t,i)},_onFocusIn:function(t){var e=$(t.target),i=this._getCellAddress(e),o=this;n.defer(function(){o._executeCustomEventHandler(t),o.trigger("focusIn",e,i),o.controller.startEditing(i)})},_onFocusOut:function(t){var e=$(t.target),i=this._getCellAddress(e);this._executeCustomEventHandler(t),this.trigger("focusOut",e,i),this.controller.finishEditing(i,!1,e.val())},_onKeyDown:function(t){var e=t.keyCode||t.which,i=s[e],n=this.keyDownActions[i],o=$(t.target),r={$target:o,address:this._getCellAddress(o),shiftKey:t.shiftKey,value:o.val()};this._executeCustomEventHandler(t),n&&(n.call(this,r),t.preventDefault())},_getDisplayValue:function(){throw new Error("implement _getDisplayValue() method")},_generateInputHtml:function(){throw new Error("implement _generateInputHtml() method")},_isUsingViewMode:function(t){return tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1},generateHtml:function(t){var e;return e=n.isNull(t.convertedHTML)?!this._isUsingViewMode(t)||t.isEditing?this._generateInputHtml(t):this._getDisplayValue(t):t.convertedHTML},focus:function(t){var e=t.find(this.selector);e.is(":focus")||e.eq(0).focus()}});n.assign(r.prototype,Backbone.Events),t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(56),s=i(9),r=tui.util.defineClass(o,{init:function(){o.apply(this,arguments),this.selector="select"},template:n.template('<select name="<%=name%>" <%=disabled%>><%=options%></select>'),optionTemplate:n.template('<option value="<%=value%>" <%=selected%>><%=text%></option>'),_getDisplayValue:function(t){var e=n.find(t.optionList,function(e){return String(e.value)===String(t.value)});return e?e.text:""},_generateInputHtml:function(t){var e=n.reduce(t.optionList,function(e,i){return e+this.optionTemplate({value:i.value,text:i.text,selected:String(t.value)===String(i.value)?"selected":""})},"",this);return this.template({name:s.getUniqueKey(),disabled:t.isDisabled?"disabled":"",options:e})}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(56),s=i(9),r=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.inputType=t.inputType,this.selector="fieldset[data-type="+this.inputType+"]",this._extendEvents({mousedown:"_onMouseDown"}),this._extendKeydownActions({TAB:function(t){var e;this._focusNextInput(t.$target,t.shiftKey)||(e=this._getCheckedValueString(t.$target),this.controller.finishEditing(t.address,!0,e),this.controller.focusInToNextCell(t.shiftKey))},ENTER:function(t){var e=this._getCheckedValueString(t.$target);this.controller.finishEditing(t.address,!0,e)},LEFT_ARROW:function(t){this._focusNextInput(t.$target,!0)},RIGHT_ARROW:function(t){this._focusNextInput(t.$target)},UP_ARROW:function(){},DOWN_ARROW:function(){}})},template:n.template('<fieldset data-type="<%=type%>"><%=content%></fieldset>'),inputTemplate:n.template('<input type="<%=type%>" data-value-type="<%=valueType%>" name="<%=name%>" id="<%=id%>" value="<%=value%>" <%=checked%> <%=disabled%> />'),labelTemplate:n.template('<label for="<%=id%>"><%=labelText%></label>'),_onFocusOut:function(t){var e=$(t.target),i=this;n.defer(function(){var t,n;e.siblings("input:focus").length||(t=i._getCellAddress(e),n=i._getCheckedValueString(e),i.controller.finishEditing(t,!1,n))})},_onMouseDown:function(t){var e=$(t.target),i=e.closest("fieldset").find("input:focus").length>0;!e.is("input")&&i&&(t.stopPropagation(),t.preventDefault())},_focusNextInput:function(t,e){var i=e?"prevAll":"nextAll",n=t[i]("input");return!!n.length&&(n.first().focus(),!0)},_getCheckedValueString:function(t){var e,i=t.parent().find("input:checked"),n=[];return i.each(function(){var t=$(this),e=t.attr("data-value-type"),i=s.convertValueType(t.val(),e);n.push(i)}),e=1===n.length?n[0]:n.join(",")},_getCheckedValueSet:function(t){var e={};return n.each(String(t).split(","),function(t){e[t]=!0}),e},_getDisplayValue:function(t){var e=this._getCheckedValueSet(t.value),i=[];return n.each(t.optionList,function(t){e[t.value]&&i.push(t.text)}),i.join(",")},_generateInputHtml:function(t){var e=this._getCheckedValueSet(t.value),i=s.getUniqueKey(),o="";return n.each(t.optionList,function(n){var s=i+"_"+n.value;o+=this.inputTemplate({type:this.inputType,id:s,name:i,value:n.value,valueType:typeof n.value,checked:e[n.value]?"checked":"",disabled:t.isDisabled?"disabled":""}),n.text&&(o+=this.labelTemplate({id:s,labelText:n.text}))},this),this.template({type:this.inputType,content:o})},focus:function(t){var e=t.find("input");e.is(":focus")||e.eq(0).focus()}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(52),s=i(15),r=i(10).keyCode,a=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.selector="input."+s.CELL_MAIN_BUTTON,this.inputType=t.inputType,this.gridId=t.gridId},events:{change:"_onChange",keydown:"_onKeydown"},template:n.template('<input class="'+s.CELL_MAIN_BUTTON+'" type="<%=type%>" name="<%=name%>" <%=checked%> <%=disabled%> />'),_onChange:function(t){var e=$(t.target),i=this._getCellAddress(e);this.controller.setValue(i,e.is(":checked"))},_onKeydown:function(t){var e;t.keyCode===r.TAB&&(t.preventDefault(),e=this._getCellAddress($(t.target)),this.controller.focusInToRow(e.rowKey))},generateHtml:function(t){return this.template({type:this.inputType,name:this.gridId,checked:t.value?"checked":"",disabled:t.isDisabled?"disabled":""})}});t.exports=a},function(t,e,i){"use strict";function n(t){return o.isString(t)&&(t=t.replace(/,/g,"")),o.isNumber(t)||isNaN(t)||s.isBlank(t)?t:Number(t)}var o=i(1),s=i(9),r=tui.util.defineClass({init:function(t){this.focusModel=t.focusModel,this.dataModel=t.dataModel,this.columnModel=t.columnModel,this.selectionModel=t.selectionModel},startEditing:function(t,e){var i;return e&&this.focusModel.finishEditing(),i=this.focusModel.startEditing(t.rowKey,t.columnName),i&&this.selectionModel.end(),i},_checkMaxLength:function(t,e){var i=this.columnModel.getColumnModel(t),n=tui.util.pick(i,"editOption","maxLength");return n>0&&e.length>n?e.substring(0,n):e},finishEditing:function(t,e,i){var n,r,a=this.focusModel;return!!a.isEditingCell(t.rowKey,t.columnName)&&(this.selectionModel.enable(),o.isUndefined(i)||(n=this.dataModel.get(t.rowKey),r=n.get(t.columnName),s.isBlank(i)&&s.isBlank(r)||this.setValue(t,this._checkMaxLength(t.columnName,i))),a.finishEditing(),e?a.focusClipboard():o.defer(function(){a.refreshState()}),!0)},focusInToNextCell:function(t){var e=this.focusModel,i=t?e.prevAddress():e.nextAddress();e.focusIn(i.rowKey,i.columnName,!0)},focusInToRow:function(t){var e=this.focusModel;e.focusIn(t,e.firstColumnName(),!0)},executeCustomInputEventHandler:function(t,e){var i,n=this.columnModel.getColumnModel(e.columnName),s=t.type;"focusin"===s?s="focus":"focusout"===s&&(s="blur"),i=tui.util.pick(n,"editOption","inputEvents",s),o.isFunction(i)&&i.call(t.target,t,e)},setValue:function(t,e){var i=this.columnModel.getColumnModel(t.columnName);o.isString(e)&&(e=$.trim(e)),"number"===i.dataType&&(e=n(e)),this.dataModel.setValue(t.rowKey,t.columnName,e)}});t.exports=r},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(2),r=i(62),a=i(9),l=i(63),u=i(20),h=i(10).renderState,d=200,c=s.extend({initialize:function(t){var e;e={initialRequest:!0,api:{readData:"",createData:"",updateData:"",deleteData:"",modifyData:"",downloadExcel:"",downloadExcelAll:""},perPage:500,enableAjaxHistory:!0},t=$.extend(!0,e,t),this.setOwnProperties({dataModel:t.dataModel,toolbarModel:t.toolbarModel,renderModel:t.renderModel,router:null,pagination:t.pagination,api:t.api,enableAjaxHistory:t.enableAjaxHistory,perPage:t.perPage,curPage:1,timeoutIdForDelay:null,requestedFormData:null,isLocked:!1,lastRequestedReadData:null}),this._initializeDataModelNetwork(),this._initializeRouter(),this._initializePagination(),this._showToolbarExcelBtns(),this.listenTo(this.dataModel,"sortChanged",this._onSortChanged,this),t.initialRequest&&(this.lastRequestedReadData||this._readDataAt(1,!1))},tagName:"form",events:{submit:"_onSubmit"},_initializePagination:function(){var t=this.pagination;t&&(t.setOption("itemPerPage",this.perPage),t.setOption("itemCount",1),t.on("beforeMove",$.proxy(this._onPageBeforeMove,this)))},_onRouterRead:function(t){var e=a.toQueryObject(t);this._requestReadData(e)},_initializeDataModelNetwork:function(){this.dataModel.url=this.api.readData,this.dataModel.sync=$.proxy(this._sync,this)},_initializeRouter:function(){this.enableAjaxHistory&&(this.router=new r({net:this}),this.listenTo(this.router,"route:read",this._onRouterRead),n.History.started||n.history.start())},_showToolbarExcelBtns:function(){var t=this.toolbarModel,e=this.api;t&&(e.downloadExcel&&t.set("isExcelButtonVisible",!0),e.downloadExcelAll&&t.set("isExcelAllButtonVisible",!0))},_onPageBeforeMove:function(t){var e=t.page;this.curPage!==e&&this._readDataAt(e,!0)},_onSubmit:function(t){t.preventDefault(),this._readDataAt(1,!1)},_setFormData:function(t){var e=o.clone(t);o.each(this.lastRequestedReadData,function(t,i){(o.isUndefined(e[i])||o.isNull(e[i]))&&t&&(e[i]="")}),l.setFormData(this.$el,e)},_sync:function(t,e,i){var s;"read"===t?(i=i||{},s=$.extend({},i),i.url||(s.url=o.result(e,"url")),this._ajax(s)):n.sync(n,t,e,i)},_lock:function(){var t=this.renderModel;this.timeoutIdForDelay=setTimeout(function(){t.set("state",h.LOADING)},d),this.isLocked=!0},_unlock:function(){null!==this.timeoutIdForDelay&&(clearTimeout(this.timeoutIdForDelay),this.timeoutIdForDelay=null),this.isLocked=!1},_getFormData:function(){return l.getFormData(this.$el)},_onReadSuccess:function(t,e){var i,n,o=this.pagination;t.setOriginalRowList(),o&&e.pagination&&(i=e.pagination.page,n=e.pagination.totalCount,o.setOption("itemPerPage",this.perPage),o.setOption("itemCount",n||1),o.movePageTo(i),this.curPage=i)},_onReadError:function(t,e,i){},reloadData:function(){this._requestReadData(this.lastRequestedReadData)},readData:function(t,e,i){i?(e||(e={}),e.perPage=this.perPage,this._changeSortOptions(e,this.dataModel.sortOptions)):e=o.assign({},this.lastRequestedReadData,e),e.page=t,this._requestReadData(e)},_requestReadData:function(t){var e=1;this._setFormData(t),this.isLocked||(this.renderModel.initializeVariables(),this._lock(),this.requestedFormData=o.clone(t),this.curPage=t.page||this.curPage,e=(this.curPage-1)*this.perPage+1,this.renderModel.set({startNumber:e}),this.lastRequestedReadData=o.clone(t),this.dataModel.fetch({requestType:"readData",data:t,type:"POST",success:$.proxy(this._onReadSuccess,this),error:$.proxy(this._onReadError,this),reset:!0}),this.dataModel.setSortOptionValues(t.sortColumn,t.sortAscending)),this.router&&this.router.navigate("read/"+a.toQueryString(t),{trigger:!1})},_onSortChanged:function(t){t.isRequireFetch&&this._readDataAt(1,!0,t)},_changeSortOptions:function(t,e){e&&("rowKey"===e.columnName?(delete t.sortColumn,delete t.sortAscending):(t.sortColumn=e.columnName,t.sortAscending=e.isAscending))},_readDataAt:function(t,e,i){var n;e=!!o.isUndefined(e)||e,n=e?this.requestedFormData:this._getFormData(),n.page=t,n.perPage=this.perPage,this._changeSortOptions(n,i),this._requestReadData(n)},request:function(t,e){var i={url:this.api[t],type:null,hasDataParam:!0,isOnlyChecked:!0,isOnlyModified:!0,isSkipConfirm:!1},n=$.extend(i,e),o=this._getRequestParam(t,n);o&&this._ajax(o)},download:function(t){var e,i="download"+a.toUpperCaseFirstLetter(t),n=this.requestedFormData,s=this.api[i];"excel"===t?(n.page=this.curPage,n.perPage=this.perPage):n=o.omit(n,"page","perPage"),e=$.param(n),window.location=s+"?"+e},setPerPage:function(t){this.perPage=t,this._readDataAt(1)},_getDataParam:function(t,e){var i,n=this.dataModel,s={createData:["createList"],updateData:["updateList"],deleteData:["deleteList"],modifyData:["createList","updateList","deleteList"]},r=s[t],a={},l=0;return e=o.defaults(e||{},{hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0}),e.hasDataParam&&(e.isOnlyModified?(i=n.getModifiedRowList({isOnlyChecked:e.isOnlyChecked}),o.each(i,function(t,e){o.contains(r,e)&&t.length&&(l+=t.length,a[e]=JSON.stringify(t))},this)):(a.rowList=n.getRowList(e.isOnlyChecked),l=a.rowList.length)),{data:a,count:l}},_getRequestParam:function(t,e){var i={url:this.api[t],type:null,hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0},n=$.extend(i,e),o=this._getDataParam(t,n),s=null;return(n.isSkipConfirm||this._isConfirmed(t,o.count))&&(s={requestType:t,url:n.url,data:o.data,type:n.type}),s},_isConfirmed:function(t,e){var i=!1;return e>0?i=confirm(this._getConfirmMessage(t,e)):alert(this._getConfirmMessage(t,e)),i},_getConfirmMessage:function(t,e){var i,n={createData:"입력",updateData:"수정",deleteData:"삭제",modifyData:"반영"},o=n[t];return i=e>0?e+"건의 데이터를 "+o+"하시겠습니까?":o+"할 데이터가 없습니다."},_ajax:function(t){var e,i=new u(t.data);this.trigger("beforeRequest",i),i.isStopped()||(t=$.extend({requestType:""},t),e={url:t.url,data:t.data||{},type:t.type||"POST",dataType:t.dataType||"json",complete:$.proxy(this._onComplete,this,t.complete,t),success:$.proxy(this._onSuccess,this,t.success,t),error:$.proxy(this._onError,this,t.error,t)},t.url&&$.ajax(e))},_onComplete:function(t,e,i){this._unlock()},_onSuccess:function(t,e,i,n,s){var r=i&&i.message,a=new u({httpStatus:n,requestType:e.requestType,requestParameter:e.data,responseData:i});if(this.trigger("response",a),!a.isStopped())if(i&&i.result){if(this.trigger("successResponse",a),a.isStopped())return;o.isFunction(t)&&t(i.data||{},n,s)}else{if(this.trigger("failResponse",a),a.isStopped())return;r&&alert(r)}},_onError:function(t,e,i,n){var o=new u({httpStatus:n,requestType:e.requestType,requestParameter:e.data,responseData:null});this.renderModel.set("state",h.DONE),this.trigger("response",o),o.isStopped()||(this.trigger("errorResponse",o),o.isStopped()||i.readyState>1&&alert("데이터 요청 중에 에러가 발생하였습니다.\n\n다시 시도하여 주시기 바랍니다."))}});t.exports=c},function(t,e,i){"use strict";var n=i(3),o=n.Router.extend({initialize:function(t){this.net=t.net},routes:{"read/:queryStr":"read"}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o={setInput:{_changeToStringInArray:function(t){return n.each(t,function(e,i){t[i]=String(e)}),t},radio:function(t,e){t.checked=t.value===e},checkbox:function(t,e){n.isArray(e)?t.checked=$.inArray(t.value,this._changeToStringInArray(e))!==-1:t.checked=t.value===e},"select-one":function(t,e){var i=tui.util.toArray(t.options);t.selectedIndex=n.findIndex(i,function(t){return t.value===e||t.text===e})},"select-multiple":function(t,e){var i=tui.util.toArray(t.options);n.isArray(e)?(e=this._changeToStringInArray(e),n.each(i,function(t){t.selected=$.inArray(t.value,e)!==-1||$.inArray(t.text,e)!==-1})):this["select-one"].apply(this,arguments)},defaultAction:function(t,e){t.value=e}},getFormData:function(t){var e={},i=t.serializeArray(),o=tui.util.isExisty;return n.each(i,function(t){var i=t.value||"",n=t.name;o(e[n])?e[n]=[].concat(e[n],i):e[n]=i}),e},getFormElement:function(t,e){var i;return t&&t.length&&(i=e?t.prop("elements")[String(e)]:t.prop("elements")),$(i)},setFormData:function(t,e){n.each(e,function(e,i){this.setFormElementValue(t,i,e)},this)},setFormElementValue:function(t,e,i){var o,s=this.getFormElement(t,e);s.length&&(n.isArray(i)||(i=String(i)),s=tui.util.isHTMLTag(s)?[s]:s,s=tui.util.toArray(s),n.each(s,function(t){o=this.setInput[t.type]?t.type:"defaultAction",this.setInput[o](t,i)},this))},setCursorToEnd:function(t){var e,i=t.value.length;if(t.focus(),t.setSelectionRange)try{t.setSelectionRange(i,i)}catch(n){}else if(t.createTextRange){e=t.createTextRange(),e.collapse(!0),e.moveEnd("character",i),e.moveStart("character",i);try{e.select()}catch(n){}}}};t.exports=o},function(t,e){"use strict";var i={pagination:null},n=tui.util.defineClass({init:function(t){this.optionsMap=$.extend(!0,i,t),this.instanceMap={}},getInstance:function(t){return this.instanceMap[t]},setInstance:function(t,e){this.instanceMap[t]=e},getOptions:function(t){return this.optionsMap[t]}});t.exports=n},function(t,e,i){"use strict";function n(t){var e=[r.grid(t.grid),r.scrollbar(t.scrollbar),r.toolbar(t.toolbar),r.heightResizeHandle(t.heightResizeHandle),r.pagination(t.pagination),r.selection(t.selection)],i=t.cell;return i&&(e=e.concat([r.cell(i.normal),r.cellDummy(i.dummy),r.cellEditable(i.editable),r.cellHead(i.head),r.cellOddRow(i.oddRow),r.cellEvenRow(i.evenRow),r.cellRequired(i.required),r.cellDisabled(i.disabled),r.cellInvalid(i.invalid),r.cellCurrentRow(i.currentRow),r.cellSelectedHead(i.selectedHead),r.cellFocused(i.focused)])),
-e.join("")}function o(t){var e=n(t);$("#"+l).remove(),s.appendStyleElement(l,e)}var s=i(9),r=i(66),a=i(10).themeName,l="tui-grid-theme-style",u={};u[a.DEFAULT]=i(68),u[a.STRIPED]=i(69),u[a.CLEAN]=i(70),t.exports={apply:function(t,e){var i=u[t];i||(i=u[a.DEFAULT]),i=$.extend(!0,{},i,e),o(i)},isApplied:function(){return 1===$("#"+l).length}}},function(t,e,i){"use strict";function n(t,e){return l(t).bg(e.background).text(e.text).build()}function o(t,e){return l(t).bg(e.background).border(e.border).build()}var s=i(1),r=i(67),a=i(15),l=s.bind(r.createClassRule,r);t.exports={grid:function(t){var e=l(a.CONTAINER).bg(t.background).text(t.text),i=l(a.CONTENT_AREA).border(t.border),n=l(a.TABLE).border(t.border),o=l(a.HEAD_AREA).border(t.border),s=l(a.BORDER_LINE).bg(t.border),u=l(a.SCROLLBAR_HEAD).border(t.border),h=l(a.SCROLLBAR_BORDER).bg(t.border),d=l(a.FOOT_AREA_RIGHT).border(t.border);return r.buildAll([e,i,n,o,s,u,h,d])},scrollbar:function(t){var e=r.createWebkitScrollbarRules("."+a.CONTAINER,t),i=r.createIEScrollbarRule("."+a.CONTAINER,t),n=l(a.SCROLLBAR_RIGHT_BOTTOM).bg(t.background),o=l(a.SCROLLBAR_LEFT_BOTTOM).bg(t.background),s=l(a.SCROLLBAR_HEAD).bg(t.background),u=l(a.FOOT_AREA_RIGHT).bg(t.background);return r.buildAll(e.concat([i,n,o,s,u]))},toolbar:function(t){return o(a.TOOLBAR,t)},heightResizeHandle:function(t){return o(a.HEIGHT_RESIZE_HANDLE,t)},pagination:function(t){return o(a.PAGINATION,t)},selection:function(t){return o(a.LAYER_SELECTION,t)},cell:function(t){var e=l(a.CELL).bg(t.background).border(t.border).borderWidth(t).text(t.text);return e.build()},cellHead:function(t){var e=l(a.CELL_HEAD).bg(t.background).border(t.border).borderWidth(t).text(t.text);return e.build()},cellEvenRow:function(t){return l(a.CELL_ROW_EVEN).bg(t.background).build()},cellOddRow:function(t){return l(a.CELL_ROW_ODD).bg(t.background).build()},cellSelectedHead:function(t){return r.create("."+a.CELL_HEAD+"."+a.CELL_SELECTED).bg(t.background).text(t.text).build()},cellFocused:function(t){var e=l(a.LAYER_FOCUS_BORDER).bg(t.border),i=l(a.LAYER_EDITING).border(t.border);return r.buildAll([e,i])},cellEditable:function(t){return n(a.CELL_EDITABLE,t)},cellRequired:function(t){return n(a.CELL_REQUIRED,t)},cellDisabled:function(t){return n(a.CELL_DISABLED,t)},cellDummy:function(t){return n(a.CELL_DUMMY,t)},cellInvalid:function(t){return n(a.CELL_INVALID,t)},cellCurrentRow:function(t){return n(a.CELL_CURRENT_ROW,t)}}},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){if(!n.isString(t)||!t)throw new Error("The Selector must be a string and not be empty.");this._selector=t,this._propValues=[]},add:function(t,e){return e&&this._propValues.push(t+":"+e),this},border:function(t){return this.add("border-color",t)},borderWidth:function(t){var e,i=t.showVerticalBorder,o=t.showHorizontalBorder;return n.isBoolean(i)&&(e=i?"1px":"0",this.add("border-left-width",e).add("border-right-width",e)),n.isBoolean(o)&&(e=o?"1px":"0",this.add("border-top-width",e).add("border-bottom-width",e)),this},bg:function(t){return this.add("background-color",t)},text:function(t){return this.add("color",t)},build:function(){var t="";return this._propValues.length&&(t=this._selector+"{"+this._propValues.join(";")+"}"),t}});t.exports={create:function(t){return new o(t)},createClassRule:function(t){return this.create("."+t)},createWebkitScrollbarRules:function(t,e){return[this.create(t+" ::-webkit-scrollbar").bg(e.background),this.create(t+" ::-webkit-scrollbar-thumb").bg(e.thumb),this.create(t+" ::-webkit-scrollbar-thumb:hover").bg(e.active)]},createIEScrollbarRule:function(t,e){var i=["scrollbar-3dlight-color","scrollbar-darkshadow-color","scrollbar-track-color","scrollbar-shadow-color"],o=["scrollbar-face-color","scrollbar-highlight-color"],s=this.create(t);return n.each(i,function(t){s.add(t,e.background)}),n.each(o,function(t){s.add(t,e.thumb)}),s.add("scrollbar-arrow-color",e.active),s},buildAll:function(t){return n.map(t,function(t){return t.build()}).join("")}}},function(t,e){"use strict";t.exports={grid:{background:"#fff",border:"#ccc",text:"#444"},selection:{background:"#4daaf9",border:"#004082"},toolbar:{border:"transparent",background:"transparent"},heightResizeHandle:{border:"#ccc",background:"#fff"},pagination:{border:"transparent",background:"transparent"},scrollbar:{background:"#f5f5f5",thumb:"#d9d9d9",active:"#c1c1c1"},cell:{normal:{background:"#fbfbfb",border:"#e0e0e0",showVerticalBorder:!0,showHorizontalBorder:!0},head:{background:"#eee",border:"#ccc",showVerticalBorder:!0,showHorizontalBorder:!0},selectedHead:{background:"#d8d8d8"},focused:{border:"#418ed4"},required:{background:"#fffdeb"},editable:{background:"#fff"},disabled:{text:"#b0b0b0"},dummy:{background:"#fff"},invalid:{background:"#ff8080"},evenRow:{},oddRow:{},currentRow:{}}}},function(t,e,i){"use strict";var n=i(68);t.exports=$.extend(!0,{},n,{cell:{normal:{background:"#fff",border:"#e8e8e8",showVerticalBorder:!1,showHorizontalBorder:!1},oddRow:{background:"#f3f3f3"},evenRow:{background:"#fff"},head:{background:"#fff",showVerticalBorder:!1,showHorizontalBorder:!1}}})},function(t,e,i){"use strict";var n=i(68);t.exports=$.extend(!0,{},n,{grid:{border:"#c0c0c0"},toolbar:{border:"#e0e0e0"},cell:{normal:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},head:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},selectedHead:{background:"#e0e0e0"}}})},function(t,e){}]);
\ No newline at end of file
+!function(t){function e(n){if(i[n])return i[n].exports;var o=i[n]={exports:{},id:n,loaded:!1};return t[n].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(6),r=i(29),a=i(50),l=i(51),u=i(52),d=i(62),h=i(63),c=i(66),f=i(9),g=i(67),m=i(10).themeName,p={};i(73),tui=window.tui=tui||{},tui.Grid=o.extend({initialize:function(t){var e=new a(this.$el);t=f.enableDeprecatedOptions(t),this.id=f.getUniqueKey(),this.modelManager=this._createModelManager(t,e),this.painterManager=this._createPainterManager(),this.componentHolder=this._createComponentHolder(t.pagination),this.viewFactory=this._createViewFactory(e,t),this.container=this.viewFactory.createContainer(),this.publicEventEmitter=this._createPublicEventEmitter(),this.domState=e,this.container.render(),this.refreshLayout(),g.isApplied()||g.apply(m.DEFAULT),this.addOn={},p[this.id]=this},_createModelManager:function(t,e){var i=n.assign({},t,{gridId:this.id});return n.omit(i,"el","singleClickEdit"),new s(i,e)},_createPainterManager:function(){var t=new d({focusModel:this.modelManager.focusModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel});return new u({gridId:this.id,selectType:this.modelManager.columnModel.get("selectType"),isFixedRowHeight:this.modelManager.dimensionModel.get("isFixedRowHeight"),controller:t})},_createViewFactory:function(t,e){var i=n.pick(e,["singleClickEdit","resizeHandle","toolbar","copyOption","footer"]),o={modelManager:this.modelManager,painterManager:this.painterManager,componentHolder:this.componentHolder,domState:t};return new r(n.assign(o,i))},_createComponentHolder:function(t){return new c({pagination:t})},_createPublicEventEmitter:function(){var t=new l(this);return t.listenToFocusModel(this.modelManager.focusModel),t.listenToContainerView(this.container),t},disable:function(){this.modelManager.dataModel.setDisabled(!0)},enable:function(){this.modelManager.dataModel.setDisabled(!1)},disableRow:function(t){this.modelManager.dataModel.disableRow(t)},enableRow:function(t){this.modelManager.dataModel.enableRow(t)},getValue:function(t,e,i){return this.modelManager.dataModel.getValue(t,e,i)},getColumnValues:function(t,e){return this.modelManager.dataModel.getColumnValues(t,e)},getRow:function(t,e){return this.modelManager.dataModel.getRowData(t,e)},getRowAt:function(t,e){return this.modelManager.dataModel.getRowDataAt(t,e)},getRowCount:function(){return this.modelManager.dataModel.length},getSelectedRowKey:function(){return this.modelManager.focusModel.which().rowKey},getElement:function(t,e){return this.modelManager.dataModel.getElement(t,e)},setValue:function(t,e,i){this.modelManager.dataModel.setValue(t,e,i)},setColumnValues:function(t,e,i){this.modelManager.dataModel.setColumnValues(t,e,i)},replaceRowList:function(t){this.modelManager.dataModel.replaceRowList(t)},setRowList:function(t,e){this.modelManager.dataModel.setRowList(t,!0,e)},setBodyHeight:function(t){this.modelManager.dimensionModel.set("bodyHeight",t)},focus:function(t,e,i){this.modelManager.focusModel.focusClipboard(),this.modelManager.focusModel.focus(t,e,i)},focusAt:function(t,e,i){this.modelManager.focusModel.focusAt(t,e,i)},focusIn:function(t,e,i){this.modelManager.focusModel.focusIn(t,e,i)},focusInAt:function(t,e,i){this.modelManager.focusModel.focusInAt(t,e,i)},readyForKeyControl:function(){this.modelManager.focusModel.focusClipboard()},blur:function(){this.modelManager.focusModel.blur()},checkAll:function(){this.modelManager.dataModel.checkAll()},check:function(t){this.modelManager.dataModel.check(t)},uncheckAll:function(){this.modelManager.dataModel.uncheckAll()},uncheck:function(t){this.modelManager.dataModel.uncheck(t)},clear:function(){this.modelManager.dataModel.setRowList([])},removeRow:function(t,e){tui.util.isBoolean(e)&&e&&(e={removeOriginalData:!0}),this.modelManager.dataModel.removeRow(t,e)},removeCheckedRows:function(t){var e=this.getCheckedRowKeyList(),i=e.length+"건의 데이터를 삭제하시겠습니까?";return!(!(e.length>0)||t&&!confirm(i))&&(n.each(e,function(t){this.modelManager.dataModel.removeRow(t)},this),!0)},enableCheck:function(t){this.modelManager.dataModel.enableCheck(t)},disableCheck:function(t){this.modelManager.dataModel.disableCheck(t)},getCheckedRowKeyList:function(t){var e=this.modelManager.dataModel.getRowList(!0),i=n.pluck(e,"rowKey");return t?JSON.stringify(i):i},getCheckedRowList:function(t){var e=this.modelManager.dataModel.getRowList(!0);return t?JSON.stringify(e):e},getColumnModelList:function(){return this.modelManager.columnModel.get("dataColumnModelList")},getModifiedRowList:function(t){return this.modelManager.dataModel.getModifiedRowList(t)},appendRow:function(t,e){this.modelManager.dataModel.append(t,e)},prependRow:function(t,e){this.modelManager.dataModel.prepend(t,e)},isChanged:function(){return this.modelManager.dataModel.isChanged()},getAddOn:function(t){return t?this.addOn[t]:this.addOn},restore:function(){this.modelManager.dataModel.restore()},select:function(t){var e=this.modelManager.columnModel.at(0,!0);this.modelManager.focusModel.focus(t,e.columnName)},unselect:function(){this.modelManager.focusModel.unselect(!0)},setColumnFixCount:function(t){this.modelManager.columnModel.set("columnFixCount",t)},setColumnModelList:function(t){this.modelManager.columnModel.set("columnModelList",t)},use:function(t,e){return"Net"===t&&(e=$.extend({toolbarModel:this.modelManager.toolbarModel,renderModel:this.modelManager.renderModel,dataModel:this.modelManager.dataModel,pagination:this.componentHolder.getInstance("pagination")},e),this.addOn.Net=new h(e),this.publicEventEmitter.listenToNetAddon(this.addOn.Net)),this},getRowList:function(){return this.modelManager.dataModel.getRowList()},sort:function(t,e){this.modelManager.dataModel.sortByField(t,e)},unSort:function(){this.sort("rowKey")},addCellClassName:function(t,e,i){this.modelManager.dataModel.get(t).addCellClassName(e,i)},addRowClassName:function(t,e){this.modelManager.dataModel.get(t).addClassName(e)},removeCellClassName:function(t,e,i){this.modelManager.dataModel.get(t).removeCellClassName(e,i)},removeRowClassName:function(t,e){this.modelManager.dataModel.get(t).removeClassName(e)},getRowSpanData:function(t,e){return this.modelManager.dataModel.getRowSpanData(t,e)},getIndexOfRow:function(t){return this.modelManager.dataModel.indexOfRowKey(t)},getPagination:function(){return this.componentHolder.getInstance("pagination")},setDisplayRowCount:function(t){this.modelManager.dimensionModel.setBodyHeightWithRowCount(t)},setSize:function(t,e){this.modelManager.dimensionModel.setSize(t,e)},refreshLayout:function(){this.modelManager.dimensionModel.refreshLayout()},resetColumnWidths:function(){this.modelManager.coordColumnModel.resetColumnWidths()},showColumn:function(){var t=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(t,!1)},hideColumn:function(){var t=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(t,!0)},setFooterColumnContent:function(t,e){this.modelManager.columnModel.setFooterContent(t,e)},validate:function(){return this.modelManager.dataModel.validate()},destroy:function(){this.modelManager.destroy(),this.container.destroy(),this.modelManager=this.container=null}}),tui.Grid.getInstanceById=function(t){return p[t]},tui.Grid.applyTheme=function(t,e){g.apply(t,e)}},function(t,e,i){var n,o;(function(){function i(t){function e(e,i,n,o,s,r){for(;s>=0&&s<r;s+=t){var a=o?o[s]:s;n=i(n,e[a],a,e)}return n}return function(i,n,o,s){n=R(n,s,4);var r=!T(i)&&y.keys(i),a=(r||i).length,l=t>0?0:a-1;return arguments.length<3&&(o=i[r?r[l]:l],l+=t),e(i,n,o,r,l,a)}}function s(t){return function(e,i,n){i=E(i,n);for(var o=N(e),s=t>0?0:o-1;s>=0&&s<o;s+=t)if(i(e[s],s,e))return s;return-1}}function r(t,e,i){return function(n,o,s){var r=0,a=N(n);if("number"==typeof s)t>0?r=s>=0?s:Math.max(s+a,r):a=s>=0?Math.min(s+1,a):s+a+1;else if(i&&s&&a)return s=i(n,o),n[s]===o?s:-1;if(o!==o)return s=e(g.call(n,r,a),y.isNaN),s>=0?s+r:-1;for(s=t>0?r:a-1;s>=0&&s<a;s+=t)if(n[s]===o)return s;return-1}}function a(t,e){var i=H.length,n=t.constructor,o=y.isFunction(n)&&n.prototype||h,s="constructor";for(y.has(t,s)&&!y.contains(e,s)&&e.push(s);i--;)s=H[i],s in t&&t[s]!==o[s]&&!y.contains(e,s)&&e.push(s)}var l=this,u=l._,d=Array.prototype,h=Object.prototype,c=Function.prototype,f=d.push,g=d.slice,m=h.toString,p=h.hasOwnProperty,M=Array.isArray,_=Object.keys,v=c.bind,C=Object.create,w=function(){},y=function(t){return t instanceof y?t:this instanceof y?void(this._wrapped=t):new y(t)};"undefined"!=typeof t&&t.exports&&(e=t.exports=y),e._=y,y.VERSION="1.8.3";var R=function(t,e,i){if(void 0===e)return t;switch(null==i?3:i){case 1:return function(i){return t.call(e,i)};case 2:return function(i,n){return t.call(e,i,n)};case 3:return function(i,n,o){return t.call(e,i,n,o)};case 4:return function(i,n,o,s){return t.call(e,i,n,o,s)}}return function(){return t.apply(e,arguments)}},E=function(t,e,i){return null==t?y.identity:y.isFunction(t)?R(t,e,i):y.isObject(t)?y.matcher(t):y.property(t)};y.iteratee=function(t,e){return E(t,e,1/0)};var b=function(t,e){return function(i){var n=arguments.length;if(n<2||null==i)return i;for(var o=1;o<n;o++)for(var s=arguments[o],r=t(s),a=r.length,l=0;l<a;l++){var u=r[l];e&&void 0!==i[u]||(i[u]=s[u])}return i}},x=function(t){if(!y.isObject(t))return{};if(C)return C(t);w.prototype=t;var e=new w;return w.prototype=null,e},L=function(t){return function(e){return null==e?void 0:e[t]}},S=Math.pow(2,53)-1,N=L("length"),T=function(t){var e=N(t);return"number"==typeof e&&e>=0&&e<=S};y.each=y.forEach=function(t,e,i){e=R(e,i);var n,o;if(T(t))for(n=0,o=t.length;n<o;n++)e(t[n],n,t);else{var s=y.keys(t);for(n=0,o=s.length;n<o;n++)e(t[s[n]],s[n],t)}return t},y.map=y.collect=function(t,e,i){e=E(e,i);for(var n=!T(t)&&y.keys(t),o=(n||t).length,s=Array(o),r=0;r<o;r++){var a=n?n[r]:r;s[r]=e(t[a],a,t)}return s},y.reduce=y.foldl=y.inject=i(1),y.reduceRight=y.foldr=i(-1),y.find=y.detect=function(t,e,i){var n;if(n=T(t)?y.findIndex(t,e,i):y.findKey(t,e,i),void 0!==n&&n!==-1)return t[n]},y.filter=y.select=function(t,e,i){var n=[];return e=E(e,i),y.each(t,function(t,i,o){e(t,i,o)&&n.push(t)}),n},y.reject=function(t,e,i){return y.filter(t,y.negate(E(e)),i)},y.every=y.all=function(t,e,i){e=E(e,i);for(var n=!T(t)&&y.keys(t),o=(n||t).length,s=0;s<o;s++){var r=n?n[s]:s;if(!e(t[r],r,t))return!1}return!0},y.some=y.any=function(t,e,i){e=E(e,i);for(var n=!T(t)&&y.keys(t),o=(n||t).length,s=0;s<o;s++){var r=n?n[s]:s;if(e(t[r],r,t))return!0}return!1},y.contains=y.includes=y.include=function(t,e,i,n){return T(t)||(t=y.values(t)),("number"!=typeof i||n)&&(i=0),y.indexOf(t,e,i)>=0},y.invoke=function(t,e){var i=g.call(arguments,2),n=y.isFunction(e);return y.map(t,function(t){var o=n?e:t[e];return null==o?o:o.apply(t,i)})},y.pluck=function(t,e){return y.map(t,y.property(e))},y.where=function(t,e){return y.filter(t,y.matcher(e))},y.findWhere=function(t,e){return y.find(t,y.matcher(e))},y.max=function(t,e,i){var n,o,s=-(1/0),r=-(1/0);if(null==e&&null!=t){t=T(t)?t:y.values(t);for(var a=0,l=t.length;a<l;a++)n=t[a],n>s&&(s=n)}else e=E(e,i),y.each(t,function(t,i,n){o=e(t,i,n),(o>r||o===-(1/0)&&s===-(1/0))&&(s=t,r=o)});return s},y.min=function(t,e,i){var n,o,s=1/0,r=1/0;if(null==e&&null!=t){t=T(t)?t:y.values(t);for(var a=0,l=t.length;a<l;a++)n=t[a],n<s&&(s=n)}else e=E(e,i),y.each(t,function(t,i,n){o=e(t,i,n),(o<r||o===1/0&&s===1/0)&&(s=t,r=o)});return s},y.shuffle=function(t){for(var e,i=T(t)?t:y.values(t),n=i.length,o=Array(n),s=0;s<n;s++)e=y.random(0,s),e!==s&&(o[s]=o[e]),o[e]=i[s];return o},y.sample=function(t,e,i){return null==e||i?(T(t)||(t=y.values(t)),t[y.random(t.length-1)]):y.shuffle(t).slice(0,Math.max(0,e))},y.sortBy=function(t,e,i){return e=E(e,i),y.pluck(y.map(t,function(t,i,n){return{value:t,index:i,criteria:e(t,i,n)}}).sort(function(t,e){var i=t.criteria,n=e.criteria;if(i!==n){if(i>n||void 0===i)return 1;if(i<n||void 0===n)return-1}return t.index-e.index}),"value")};var D=function(t){return function(e,i,n){var o={};return i=E(i,n),y.each(e,function(n,s){var r=i(n,s,e);t(o,n,r)}),o}};y.groupBy=D(function(t,e,i){y.has(t,i)?t[i].push(e):t[i]=[e]}),y.indexBy=D(function(t,e,i){t[i]=e}),y.countBy=D(function(t,e,i){y.has(t,i)?t[i]++:t[i]=1}),y.toArray=function(t){return t?y.isArray(t)?g.call(t):T(t)?y.map(t,y.identity):y.values(t):[]},y.size=function(t){return null==t?0:T(t)?t.length:y.keys(t).length},y.partition=function(t,e,i){e=E(e,i);var n=[],o=[];return y.each(t,function(t,i,s){(e(t,i,s)?n:o).push(t)}),[n,o]},y.first=y.head=y.take=function(t,e,i){if(null!=t)return null==e||i?t[0]:y.initial(t,t.length-e)},y.initial=function(t,e,i){return g.call(t,0,Math.max(0,t.length-(null==e||i?1:e)))},y.last=function(t,e,i){if(null!=t)return null==e||i?t[t.length-1]:y.rest(t,Math.max(0,t.length-e))},y.rest=y.tail=y.drop=function(t,e,i){return g.call(t,null==e||i?1:e)},y.compact=function(t){return y.filter(t,y.identity)};var O=function(t,e,i,n){for(var o=[],s=0,r=n||0,a=N(t);r<a;r++){var l=t[r];if(T(l)&&(y.isArray(l)||y.isArguments(l))){e||(l=O(l,e,i));var u=0,d=l.length;for(o.length+=d;u<d;)o[s++]=l[u++]}else i||(o[s++]=l)}return o};y.flatten=function(t,e){return O(t,e,!1)},y.without=function(t){return y.difference(t,g.call(arguments,1))},y.uniq=y.unique=function(t,e,i,n){y.isBoolean(e)||(n=i,i=e,e=!1),null!=i&&(i=E(i,n));for(var o=[],s=[],r=0,a=N(t);r<a;r++){var l=t[r],u=i?i(l,r,t):l;e?(r&&s===u||o.push(l),s=u):i?y.contains(s,u)||(s.push(u),o.push(l)):y.contains(o,l)||o.push(l)}return o},y.union=function(){return y.uniq(O(arguments,!0,!0))},y.intersection=function(t){for(var e=[],i=arguments.length,n=0,o=N(t);n<o;n++){var s=t[n];if(!y.contains(e,s)){for(var r=1;r<i&&y.contains(arguments[r],s);r++);r===i&&e.push(s)}}return e},y.difference=function(t){var e=O(arguments,!0,!0,1);return y.filter(t,function(t){return!y.contains(e,t)})},y.zip=function(){return y.unzip(arguments)},y.unzip=function(t){for(var e=t&&y.max(t,N).length||0,i=Array(e),n=0;n<e;n++)i[n]=y.pluck(t,n);return i},y.object=function(t,e){for(var i={},n=0,o=N(t);n<o;n++)e?i[t[n]]=e[n]:i[t[n][0]]=t[n][1];return i},y.findIndex=s(1),y.findLastIndex=s(-1),y.sortedIndex=function(t,e,i,n){i=E(i,n,1);for(var o=i(e),s=0,r=N(t);s<r;){var a=Math.floor((s+r)/2);i(t[a])<o?s=a+1:r=a}return s},y.indexOf=r(1,y.findIndex,y.sortedIndex),y.lastIndexOf=r(-1,y.findLastIndex),y.range=function(t,e,i){null==e&&(e=t||0,t=0),i=i||1;for(var n=Math.max(Math.ceil((e-t)/i),0),o=Array(n),s=0;s<n;s++,t+=i)o[s]=t;return o};var A=function(t,e,i,n,o){if(!(n instanceof e))return t.apply(i,o);var s=x(t.prototype),r=t.apply(s,o);return y.isObject(r)?r:s};y.bind=function(t,e){if(v&&t.bind===v)return v.apply(t,g.call(arguments,1));if(!y.isFunction(t))throw new TypeError("Bind must be called on a function");var i=g.call(arguments,2),n=function(){return A(t,n,e,this,i.concat(g.call(arguments)))};return n},y.partial=function(t){var e=g.call(arguments,1),i=function(){for(var n=0,o=e.length,s=Array(o),r=0;r<o;r++)s[r]=e[r]===y?arguments[n++]:e[r];for(;n<arguments.length;)s.push(arguments[n++]);return A(t,i,this,this,s)};return i},y.bindAll=function(t){var e,i,n=arguments.length;if(n<=1)throw new Error("bindAll must be passed function names");for(e=1;e<n;e++)i=arguments[e],t[i]=y.bind(t[i],t);return t},y.memoize=function(t,e){var i=function(n){var o=i.cache,s=""+(e?e.apply(this,arguments):n);return y.has(o,s)||(o[s]=t.apply(this,arguments)),o[s]};return i.cache={},i},y.delay=function(t,e){var i=g.call(arguments,2);return setTimeout(function(){return t.apply(null,i)},e)},y.defer=y.partial(y.delay,y,1),y.throttle=function(t,e,i){var n,o,s,r=null,a=0;i||(i={});var l=function(){a=i.leading===!1?0:y.now(),r=null,s=t.apply(n,o),r||(n=o=null)};return function(){var u=y.now();a||i.leading!==!1||(a=u);var d=e-(u-a);return n=this,o=arguments,d<=0||d>e?(r&&(clearTimeout(r),r=null),a=u,s=t.apply(n,o),r||(n=o=null)):r||i.trailing===!1||(r=setTimeout(l,d)),s}},y.debounce=function(t,e,i){var n,o,s,r,a,l=function(){var u=y.now()-r;u<e&&u>=0?n=setTimeout(l,e-u):(n=null,i||(a=t.apply(s,o),n||(s=o=null)))};return function(){s=this,o=arguments,r=y.now();var u=i&&!n;return n||(n=setTimeout(l,e)),u&&(a=t.apply(s,o),s=o=null),a}},y.wrap=function(t,e){return y.partial(e,t)},y.negate=function(t){return function(){return!t.apply(this,arguments)}},y.compose=function(){var t=arguments,e=t.length-1;return function(){for(var i=e,n=t[e].apply(this,arguments);i--;)n=t[i].call(this,n);return n}},y.after=function(t,e){return function(){if(--t<1)return e.apply(this,arguments)}},y.before=function(t,e){var i;return function(){return--t>0&&(i=e.apply(this,arguments)),t<=1&&(e=null),i}},y.once=y.partial(y.before,2);var I=!{toString:null}.propertyIsEnumerable("toString"),H=["valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"];y.keys=function(t){if(!y.isObject(t))return[];if(_)return _(t);var e=[];for(var i in t)y.has(t,i)&&e.push(i);return I&&a(t,e),e},y.allKeys=function(t){if(!y.isObject(t))return[];var e=[];for(var i in t)e.push(i);return I&&a(t,e),e},y.values=function(t){for(var e=y.keys(t),i=e.length,n=Array(i),o=0;o<i;o++)n[o]=t[e[o]];return n},y.mapObject=function(t,e,i){e=E(e,i);for(var n,o=y.keys(t),s=o.length,r={},a=0;a<s;a++)n=o[a],r[n]=e(t[n],n,t);return r},y.pairs=function(t){for(var e=y.keys(t),i=e.length,n=Array(i),o=0;o<i;o++)n[o]=[e[o],t[e[o]]];return n},y.invert=function(t){for(var e={},i=y.keys(t),n=0,o=i.length;n<o;n++)e[t[i[n]]]=i[n];return e},y.functions=y.methods=function(t){var e=[];for(var i in t)y.isFunction(t[i])&&e.push(i);return e.sort()},y.extend=b(y.allKeys),y.extendOwn=y.assign=b(y.keys),y.findKey=function(t,e,i){e=E(e,i);for(var n,o=y.keys(t),s=0,r=o.length;s<r;s++)if(n=o[s],e(t[n],n,t))return n},y.pick=function(t,e,i){var n,o,s={},r=t;if(null==r)return s;y.isFunction(e)?(o=y.allKeys(r),n=R(e,i)):(o=O(arguments,!1,!1,1),n=function(t,e,i){return e in i},r=Object(r));for(var a=0,l=o.length;a<l;a++){var u=o[a],d=r[u];n(d,u,r)&&(s[u]=d)}return s},y.omit=function(t,e,i){if(y.isFunction(e))e=y.negate(e);else{var n=y.map(O(arguments,!1,!1,1),String);e=function(t,e){return!y.contains(n,e)}}return y.pick(t,e,i)},y.defaults=b(y.allKeys,!0),y.create=function(t,e){var i=x(t);return e&&y.extendOwn(i,e),i},y.clone=function(t){return y.isObject(t)?y.isArray(t)?t.slice():y.extend({},t):t},y.tap=function(t,e){return e(t),t},y.isMatch=function(t,e){var i=y.keys(e),n=i.length;if(null==t)return!n;for(var o=Object(t),s=0;s<n;s++){var r=i[s];if(e[r]!==o[r]||!(r in o))return!1}return!0};var k=function(t,e,i,n){if(t===e)return 0!==t||1/t===1/e;if(null==t||null==e)return t===e;t instanceof y&&(t=t._wrapped),e instanceof y&&(e=e._wrapped);var o=m.call(t);if(o!==m.call(e))return!1;switch(o){case"[object RegExp]":case"[object String]":return""+t==""+e;case"[object Number]":return+t!==+t?+e!==+e:0===+t?1/+t===1/e:+t===+e;case"[object Date]":case"[object Boolean]":return+t===+e}var s="[object Array]"===o;if(!s){if("object"!=typeof t||"object"!=typeof e)return!1;var r=t.constructor,a=e.constructor;if(r!==a&&!(y.isFunction(r)&&r instanceof r&&y.isFunction(a)&&a instanceof a)&&"constructor"in t&&"constructor"in e)return!1}i=i||[],n=n||[];for(var l=i.length;l--;)if(i[l]===t)return n[l]===e;if(i.push(t),n.push(e),s){if(l=t.length,l!==e.length)return!1;for(;l--;)if(!k(t[l],e[l],i,n))return!1}else{var u,d=y.keys(t);if(l=d.length,y.keys(e).length!==l)return!1;for(;l--;)if(u=d[l],!y.has(e,u)||!k(t[u],e[u],i,n))return!1}return i.pop(),n.pop(),!0};y.isEqual=function(t,e){return k(t,e)},y.isEmpty=function(t){return null==t||(T(t)&&(y.isArray(t)||y.isString(t)||y.isArguments(t))?0===t.length:0===y.keys(t).length)},y.isElement=function(t){return!(!t||1!==t.nodeType)},y.isArray=M||function(t){return"[object Array]"===m.call(t)},y.isObject=function(t){var e=typeof t;return"function"===e||"object"===e&&!!t},y.each(["Arguments","Function","String","Number","Date","RegExp","Error"],function(t){y["is"+t]=function(e){return m.call(e)==="[object "+t+"]"}}),y.isArguments(arguments)||(y.isArguments=function(t){return y.has(t,"callee")}),"function"!=typeof/./&&"object"!=typeof Int8Array&&(y.isFunction=function(t){return"function"==typeof t||!1}),y.isFinite=function(t){return isFinite(t)&&!isNaN(parseFloat(t))},y.isNaN=function(t){return y.isNumber(t)&&t!==+t},y.isBoolean=function(t){return t===!0||t===!1||"[object Boolean]"===m.call(t)},y.isNull=function(t){return null===t},y.isUndefined=function(t){return void 0===t},y.has=function(t,e){return null!=t&&p.call(t,e)},y.noConflict=function(){return l._=u,this},y.identity=function(t){return t},y.constant=function(t){return function(){return t}},y.noop=function(){},y.property=L,y.propertyOf=function(t){return null==t?function(){}:function(e){return t[e]}},y.matcher=y.matches=function(t){return t=y.extendOwn({},t),function(e){return y.isMatch(e,t)}},y.times=function(t,e,i){var n=Array(Math.max(0,t));e=R(e,i,1);for(var o=0;o<t;o++)n[o]=e(o);return n},y.random=function(t,e){return null==e&&(e=t,t=0),t+Math.floor(Math.random()*(e-t+1))},y.now=Date.now||function(){return(new Date).getTime()};var F={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},P=y.invert(F),B=function(t){var e=function(e){return t[e]},i="(?:"+y.keys(t).join("|")+")",n=RegExp(i),o=RegExp(i,"g");return function(t){return t=null==t?"":""+t,n.test(t)?t.replace(o,e):t}};y.escape=B(F),y.unescape=B(P),y.result=function(t,e,i){var n=null==t?void 0:t[e];return void 0===n&&(n=i),y.isFunction(n)?n.call(t):n};var W=0;y.uniqueId=function(t){var e=++W+"";return t?t+e:e},y.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var $=/(.)^/,K={"'":"'","\\":"\\","\r":"r","\n":"n","\u2028":"u2028","\u2029":"u2029"},V=/\\|'|\r|\n|\u2028|\u2029/g,U=function(t){return"\\"+K[t]};y.template=function(t,e,i){!e&&i&&(e=i),e=y.defaults({},e,y.templateSettings);var n=RegExp([(e.escape||$).source,(e.interpolate||$).source,(e.evaluate||$).source].join("|")+"|$","g"),o=0,s="__p+='";t.replace(n,function(e,i,n,r,a){return s+=t.slice(o,a).replace(V,U),o=a+e.length,i?s+="'+\n((__t=("+i+"))==null?'':_.escape(__t))+\n'":n?s+="'+\n((__t=("+n+"))==null?'':__t)+\n'":r&&(s+="';\n"+r+"\n__p+='"),e}),s+="';\n",e.variable||(s="with(obj||{}){\n"+s+"}\n"),s="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+s+"return __p;\n";try{var r=new Function(e.variable||"obj","_",s)}catch(t){throw t.source=s,t}var a=function(t){return r.call(this,t,y)},l=e.variable||"obj";return a.source="function("+l+"){\n"+s+"}",a},y.chain=function(t){var e=y(t);return e._chain=!0,e};var z=function(t,e){return t._chain?y(e).chain():e};y.mixin=function(t){y.each(y.functions(t),function(e){var i=y[e]=t[e];y.prototype[e]=function(){var t=[this._wrapped];return f.apply(t,arguments),z(this,i.apply(y,t))}})},y.mixin(y),y.each(["pop","push","reverse","shift","sort","splice","unshift"],function(t){var e=d[t];y.prototype[t]=function(){var i=this._wrapped;return e.apply(i,arguments),"shift"!==t&&"splice"!==t||0!==i.length||delete i[0],z(this,i)}}),y.each(["concat","join","slice"],function(t){var e=d[t];y.prototype[t]=function(){return z(this,e.apply(this._wrapped,arguments))}}),y.prototype.value=function(){return this._wrapped},y.prototype.valueOf=y.prototype.toJSON=y.prototype.value,y.prototype.toString=function(){return""+this._wrapped},n=[],o=function(){return y}.apply(e,n),!(void 0!==o&&(t.exports=o))}).call(this)},function(t,e,i){"use strict";var n=i(1),o=i(3),s=i(5),r=o.View.extend({initialize:function(){this._children=[]},error:function(t){var e=function(){this.name="Grid Exception",this.message=t||"error"};return e.prototype=new Error,new e},_addChildren:function(t){n.isArray(t)||(t=[t]),[].push.apply(this._children,n.compact(t))},_renderChildren:function(){var t=n.map(this._children,function(t){return t.render().el});return t},_triggerChildrenAppended:function(){n.each(this._children,function(t){t.trigger("appended")})},destroy:function(){this.stopListening(),this._destroyChildren(),this.remove()},_destroyChildren:function(){if(this._children)for(;this._children.length>0;)this._children.pop().destroy()}});n.assign(r.prototype,s),t.exports=r},function(t,e,i){var n,o;(function(s){!function(r){var a="object"==typeof self&&self.self===self&&self||"object"==typeof s&&s.global===s&&s;n=[i(1),i(4),e],o=function(t,e,i){a.Backbone=r(a,i,t,e)}.apply(e,n),!(void 0!==o&&(t.exports=o))}(function(t,e,i,n){var o=t.Backbone,s=Array.prototype.slice;e.VERSION="1.3.3",e.$=n,e.noConflict=function(){return t.Backbone=o,this},e.emulateHTTP=!1,e.emulateJSON=!1;var r=function(t,e,n){switch(t){case 1:return function(){return i[e](this[n])};case 2:return function(t){return i[e](this[n],t)};case 3:return function(t,o){return i[e](this[n],l(t,this),o)};case 4:return function(t,o,s){return i[e](this[n],l(t,this),o,s)};default:return function(){var t=s.call(arguments);return t.unshift(this[n]),i[e].apply(i,t)}}},a=function(t,e,n){i.each(e,function(e,o){i[o]&&(t.prototype[o]=r(e,o,n))})},l=function(t,e){return i.isFunction(t)?t:i.isObject(t)&&!e._isModel(t)?u(t):i.isString(t)?function(e){return e.get(t)}:t},u=function(t){var e=i.matches(t);return function(t){return e(t.attributes)}},d=e.Events={},h=/\s+/,c=function(t,e,n,o,s){var r,a=0;if(n&&"object"==typeof n){void 0!==o&&"context"in s&&void 0===s.context&&(s.context=o);for(r=i.keys(n);a<r.length;a++)e=c(t,e,r[a],n[r[a]],s)}else if(n&&h.test(n))for(r=n.split(h);a<r.length;a++)e=t(e,r[a],o,s);else e=t(e,n,o,s);return e};d.on=function(t,e,i){return f(this,t,e,i)};var f=function(t,e,i,n,o){if(t._events=c(g,t._events||{},e,i,{context:n,ctx:t,listening:o}),o){var s=t._listeners||(t._listeners={});s[o.id]=o}return t};d.listenTo=function(t,e,n){if(!t)return this;var o=t._listenId||(t._listenId=i.uniqueId("l")),s=this._listeningTo||(this._listeningTo={}),r=s[o];if(!r){var a=this._listenId||(this._listenId=i.uniqueId("l"));r=s[o]={obj:t,objId:o,id:a,listeningTo:s,count:0}}return f(t,e,n,this,r),this};var g=function(t,e,i,n){if(i){var o=t[e]||(t[e]=[]),s=n.context,r=n.ctx,a=n.listening;a&&a.count++,o.push({callback:i,context:s,ctx:s||r,listening:a})}return t};d.off=function(t,e,i){return this._events?(this._events=c(m,this._events,t,e,{context:i,listeners:this._listeners}),this):this},d.stopListening=function(t,e,n){var o=this._listeningTo;if(!o)return this;for(var s=t?[t._listenId]:i.keys(o),r=0;r<s.length;r++){var a=o[s[r]];if(!a)break;a.obj.off(e,n,this)}return this};var m=function(t,e,n,o){if(t){var s,r=0,a=o.context,l=o.listeners;if(e||n||a){for(var u=e?[e]:i.keys(t);r<u.length;r++){e=u[r];var d=t[e];if(!d)break;for(var h=[],c=0;c<d.length;c++){var f=d[c];n&&n!==f.callback&&n!==f.callback._callback||a&&a!==f.context?h.push(f):(s=f.listening,s&&0===--s.count&&(delete l[s.id],delete s.listeningTo[s.objId]))}h.length?t[e]=h:delete t[e]}return t}for(var g=i.keys(l);r<g.length;r++)s=l[g[r]],delete l[s.id],delete s.listeningTo[s.objId]}};d.once=function(t,e,n){var o=c(p,{},t,e,i.bind(this.off,this));return"string"==typeof t&&null==n&&(e=void 0),this.on(o,e,n)},d.listenToOnce=function(t,e,n){var o=c(p,{},e,n,i.bind(this.stopListening,this,t));return this.listenTo(t,o)};var p=function(t,e,n,o){if(n){var s=t[e]=i.once(function(){o(e,s),n.apply(this,arguments)});s._callback=n}return t};d.trigger=function(t){if(!this._events)return this;for(var e=Math.max(0,arguments.length-1),i=Array(e),n=0;n<e;n++)i[n]=arguments[n+1];return c(M,this._events,t,void 0,i),this};var M=function(t,e,i,n){if(t){var o=t[e],s=t.all;o&&s&&(s=s.slice()),o&&_(o,n),s&&_(s,[e].concat(n))}return t},_=function(t,e){var i,n=-1,o=t.length,s=e[0],r=e[1],a=e[2];switch(e.length){case 0:for(;++n<o;)(i=t[n]).callback.call(i.ctx);return;case 1:for(;++n<o;)(i=t[n]).callback.call(i.ctx,s);return;case 2:for(;++n<o;)(i=t[n]).callback.call(i.ctx,s,r);return;case 3:for(;++n<o;)(i=t[n]).callback.call(i.ctx,s,r,a);return;default:for(;++n<o;)(i=t[n]).callback.apply(i.ctx,e);return}};d.bind=d.on,d.unbind=d.off,i.extend(e,d);var v=e.Model=function(t,e){var n=t||{};e||(e={}),this.cid=i.uniqueId(this.cidPrefix),this.attributes={},e.collection&&(this.collection=e.collection),e.parse&&(n=this.parse(n,e)||{});var o=i.result(this,"defaults");n=i.defaults(i.extend({},o,n),o),this.set(n,e),this.changed={},this.initialize.apply(this,arguments)};i.extend(v.prototype,d,{changed:null,validationError:null,idAttribute:"id",cidPrefix:"c",initialize:function(){},toJSON:function(t){return i.clone(this.attributes)},sync:function(){return e.sync.apply(this,arguments)},get:function(t){return this.attributes[t]},escape:function(t){return i.escape(this.get(t))},has:function(t){return null!=this.get(t)},matches:function(t){return!!i.iteratee(t,this)(this.attributes)},set:function(t,e,n){if(null==t)return this;var o;if("object"==typeof t?(o=t,n=e):(o={})[t]=e,n||(n={}),!this._validate(o,n))return!1;var s=n.unset,r=n.silent,a=[],l=this._changing;this._changing=!0,l||(this._previousAttributes=i.clone(this.attributes),this.changed={});var u=this.attributes,d=this.changed,h=this._previousAttributes;for(var c in o)e=o[c],i.isEqual(u[c],e)||a.push(c),i.isEqual(h[c],e)?delete d[c]:d[c]=e,s?delete u[c]:u[c]=e;if(this.idAttribute in o&&(this.id=this.get(this.idAttribute)),!r){a.length&&(this._pending=n);for(var f=0;f<a.length;f++)this.trigger("change:"+a[f],this,u[a[f]],n)}if(l)return this;if(!r)for(;this._pending;)n=this._pending,this._pending=!1,this.trigger("change",this,n);return this._pending=!1,this._changing=!1,this},unset:function(t,e){return this.set(t,void 0,i.extend({},e,{unset:!0}))},clear:function(t){var e={};for(var n in this.attributes)e[n]=void 0;return this.set(e,i.extend({},t,{unset:!0}))},hasChanged:function(t){return null==t?!i.isEmpty(this.changed):i.has(this.changed,t)},changedAttributes:function(t){if(!t)return!!this.hasChanged()&&i.clone(this.changed);var e=this._changing?this._previousAttributes:this.attributes,n={};for(var o in t){var s=t[o];i.isEqual(e[o],s)||(n[o]=s)}return!!i.size(n)&&n},previous:function(t){return null!=t&&this._previousAttributes?this._previousAttributes[t]:null},previousAttributes:function(){return i.clone(this._previousAttributes)},fetch:function(t){t=i.extend({parse:!0},t);var e=this,n=t.success;return t.success=function(i){var o=t.parse?e.parse(i,t):i;return!!e.set(o,t)&&(n&&n.call(t.context,e,i,t),void e.trigger("sync",e,i,t))},$(this,t),this.sync("read",this,t)},save:function(t,e,n){var o;null==t||"object"==typeof t?(o=t,n=e):(o={})[t]=e,n=i.extend({validate:!0,parse:!0},n);var s=n.wait;if(o&&!s){if(!this.set(o,n))return!1}else if(!this._validate(o,n))return!1;var r=this,a=n.success,l=this.attributes;n.success=function(t){r.attributes=l;var e=n.parse?r.parse(t,n):t;return s&&(e=i.extend({},o,e)),!(e&&!r.set(e,n))&&(a&&a.call(n.context,r,t,n),void r.trigger("sync",r,t,n))},$(this,n),o&&s&&(this.attributes=i.extend({},l,o));var u=this.isNew()?"create":n.patch?"patch":"update";"patch"!==u||n.attrs||(n.attrs=o);var d=this.sync(u,this,n);return this.attributes=l,d},destroy:function(t){t=t?i.clone(t):{};var e=this,n=t.success,o=t.wait,s=function(){e.stopListening(),e.trigger("destroy",e,e.collection,t)};t.success=function(i){o&&s(),n&&n.call(t.context,e,i,t),e.isNew()||e.trigger("sync",e,i,t)};var r=!1;return this.isNew()?i.defer(t.success):($(this,t),r=this.sync("delete",this,t)),o||s(),r},url:function(){var t=i.result(this,"urlRoot")||i.result(this.collection,"url")||W();if(this.isNew())return t;var e=this.get(this.idAttribute);return t.replace(/[^\/]$/,"$&/")+encodeURIComponent(e)},parse:function(t,e){return t},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return!this.has(this.idAttribute)},isValid:function(t){return this._validate({},i.extend({},t,{validate:!0}))},_validate:function(t,e){if(!e.validate||!this.validate)return!0;t=i.extend({},this.attributes,t);var n=this.validationError=this.validate(t,e)||null;
+return!n||(this.trigger("invalid",this,n,i.extend(e,{validationError:n})),!1)}});var C={keys:1,values:1,pairs:1,invert:1,pick:0,omit:0,chain:1,isEmpty:1};a(v,C,"attributes");var w=e.Collection=function(t,e){e||(e={}),e.model&&(this.model=e.model),void 0!==e.comparator&&(this.comparator=e.comparator),this._reset(),this.initialize.apply(this,arguments),t&&this.reset(t,i.extend({silent:!0},e))},y={add:!0,remove:!0,merge:!0},R={add:!0,remove:!1},E=function(t,e,i){i=Math.min(Math.max(i,0),t.length);var n,o=Array(t.length-i),s=e.length;for(n=0;n<o.length;n++)o[n]=t[n+i];for(n=0;n<s;n++)t[n+i]=e[n];for(n=0;n<o.length;n++)t[n+s+i]=o[n]};i.extend(w.prototype,d,{model:v,initialize:function(){},toJSON:function(t){return this.map(function(e){return e.toJSON(t)})},sync:function(){return e.sync.apply(this,arguments)},add:function(t,e){return this.set(t,i.extend({merge:!1},e,R))},remove:function(t,e){e=i.extend({},e);var n=!i.isArray(t);t=n?[t]:t.slice();var o=this._removeModels(t,e);return!e.silent&&o.length&&(e.changes={added:[],merged:[],removed:o},this.trigger("update",this,e)),n?o[0]:o},set:function(t,e){if(null!=t){e=i.extend({},y,e),e.parse&&!this._isModel(t)&&(t=this.parse(t,e)||[]);var n=!i.isArray(t);t=n?[t]:t.slice();var o=e.at;null!=o&&(o=+o),o>this.length&&(o=this.length),o<0&&(o+=this.length+1);var s,r,a=[],l=[],u=[],d=[],h={},c=e.add,f=e.merge,g=e.remove,m=!1,p=this.comparator&&null==o&&e.sort!==!1,M=i.isString(this.comparator)?this.comparator:null;for(r=0;r<t.length;r++){s=t[r];var _=this.get(s);if(_){if(f&&s!==_){var v=this._isModel(s)?s.attributes:s;e.parse&&(v=_.parse(v,e)),_.set(v,e),u.push(_),p&&!m&&(m=_.hasChanged(M))}h[_.cid]||(h[_.cid]=!0,a.push(_)),t[r]=_}else c&&(s=t[r]=this._prepareModel(s,e),s&&(l.push(s),this._addReference(s,e),h[s.cid]=!0,a.push(s)))}if(g){for(r=0;r<this.length;r++)s=this.models[r],h[s.cid]||d.push(s);d.length&&this._removeModels(d,e)}var C=!1,w=!p&&c&&g;if(a.length&&w?(C=this.length!==a.length||i.some(this.models,function(t,e){return t!==a[e]}),this.models.length=0,E(this.models,a,0),this.length=this.models.length):l.length&&(p&&(m=!0),E(this.models,l,null==o?this.length:o),this.length=this.models.length),m&&this.sort({silent:!0}),!e.silent){for(r=0;r<l.length;r++)null!=o&&(e.index=o+r),s=l[r],s.trigger("add",s,this,e);(m||C)&&this.trigger("sort",this,e),(l.length||d.length||u.length)&&(e.changes={added:l,removed:d,merged:u},this.trigger("update",this,e))}return n?t[0]:t}},reset:function(t,e){e=e?i.clone(e):{};for(var n=0;n<this.models.length;n++)this._removeReference(this.models[n],e);return e.previousModels=this.models,this._reset(),t=this.add(t,i.extend({silent:!0},e)),e.silent||this.trigger("reset",this,e),t},push:function(t,e){return this.add(t,i.extend({at:this.length},e))},pop:function(t){var e=this.at(this.length-1);return this.remove(e,t)},unshift:function(t,e){return this.add(t,i.extend({at:0},e))},shift:function(t){var e=this.at(0);return this.remove(e,t)},slice:function(){return s.apply(this.models,arguments)},get:function(t){if(null!=t)return this._byId[t]||this._byId[this.modelId(t.attributes||t)]||t.cid&&this._byId[t.cid]},has:function(t){return null!=this.get(t)},at:function(t){return t<0&&(t+=this.length),this.models[t]},where:function(t,e){return this[e?"find":"filter"](t)},findWhere:function(t){return this.where(t,!0)},sort:function(t){var e=this.comparator;if(!e)throw new Error("Cannot sort a set without a comparator");t||(t={});var n=e.length;return i.isFunction(e)&&(e=i.bind(e,this)),1===n||i.isString(e)?this.models=this.sortBy(e):this.models.sort(e),t.silent||this.trigger("sort",this,t),this},pluck:function(t){return this.map(t+"")},fetch:function(t){t=i.extend({parse:!0},t);var e=t.success,n=this;return t.success=function(i){var o=t.reset?"reset":"set";n[o](i,t),e&&e.call(t.context,n,i,t),n.trigger("sync",n,i,t)},$(this,t),this.sync("read",this,t)},create:function(t,e){e=e?i.clone(e):{};var n=e.wait;if(t=this._prepareModel(t,e),!t)return!1;n||this.add(t,e);var o=this,s=e.success;return e.success=function(t,e,i){n&&o.add(t,i),s&&s.call(i.context,t,e,i)},t.save(null,e),t},parse:function(t,e){return t},clone:function(){return new this.constructor(this.models,{model:this.model,comparator:this.comparator})},modelId:function(t){return t[this.model.prototype.idAttribute||"id"]},_reset:function(){this.length=0,this.models=[],this._byId={}},_prepareModel:function(t,e){if(this._isModel(t))return t.collection||(t.collection=this),t;e=e?i.clone(e):{},e.collection=this;var n=new this.model(t,e);return n.validationError?(this.trigger("invalid",this,n.validationError,e),!1):n},_removeModels:function(t,e){for(var i=[],n=0;n<t.length;n++){var o=this.get(t[n]);if(o){var s=this.indexOf(o);this.models.splice(s,1),this.length--,delete this._byId[o.cid];var r=this.modelId(o.attributes);null!=r&&delete this._byId[r],e.silent||(e.index=s,o.trigger("remove",o,this,e)),i.push(o),this._removeReference(o,e)}}return i},_isModel:function(t){return t instanceof v},_addReference:function(t,e){this._byId[t.cid]=t;var i=this.modelId(t.attributes);null!=i&&(this._byId[i]=t),t.on("all",this._onModelEvent,this)},_removeReference:function(t,e){delete this._byId[t.cid];var i=this.modelId(t.attributes);null!=i&&delete this._byId[i],this===t.collection&&delete t.collection,t.off("all",this._onModelEvent,this)},_onModelEvent:function(t,e,i,n){if(e){if(("add"===t||"remove"===t)&&i!==this)return;if("destroy"===t&&this.remove(e,n),"change"===t){var o=this.modelId(e.previousAttributes()),s=this.modelId(e.attributes);o!==s&&(null!=o&&delete this._byId[o],null!=s&&(this._byId[s]=e))}}this.trigger.apply(this,arguments)}});var b={forEach:3,each:3,map:3,collect:3,reduce:0,foldl:0,inject:0,reduceRight:0,foldr:0,find:3,detect:3,filter:3,select:3,reject:3,every:3,all:3,some:3,any:3,include:3,includes:3,contains:3,invoke:0,max:3,min:3,toArray:1,size:1,first:3,head:3,take:3,initial:3,rest:3,tail:3,drop:3,last:3,without:0,difference:0,indexOf:3,shuffle:1,lastIndexOf:3,isEmpty:1,chain:1,sample:3,partition:3,groupBy:3,countBy:3,sortBy:3,indexBy:3,findIndex:3,findLastIndex:3};a(w,b,"models");var x=e.View=function(t){this.cid=i.uniqueId("view"),i.extend(this,i.pick(t,S)),this._ensureElement(),this.initialize.apply(this,arguments)},L=/^(\S+)\s*(.*)$/,S=["model","collection","el","id","attributes","className","tagName","events"];i.extend(x.prototype,d,{tagName:"div",$:function(t){return this.$el.find(t)},initialize:function(){},render:function(){return this},remove:function(){return this._removeElement(),this.stopListening(),this},_removeElement:function(){this.$el.remove()},setElement:function(t){return this.undelegateEvents(),this._setElement(t),this.delegateEvents(),this},_setElement:function(t){this.$el=t instanceof e.$?t:e.$(t),this.el=this.$el[0]},delegateEvents:function(t){if(t||(t=i.result(this,"events")),!t)return this;this.undelegateEvents();for(var e in t){var n=t[e];if(i.isFunction(n)||(n=this[n]),n){var o=e.match(L);this.delegate(o[1],o[2],i.bind(n,this))}}return this},delegate:function(t,e,i){return this.$el.on(t+".delegateEvents"+this.cid,e,i),this},undelegateEvents:function(){return this.$el&&this.$el.off(".delegateEvents"+this.cid),this},undelegate:function(t,e,i){return this.$el.off(t+".delegateEvents"+this.cid,e,i),this},_createElement:function(t){return document.createElement(t)},_ensureElement:function(){if(this.el)this.setElement(i.result(this,"el"));else{var t=i.extend({},i.result(this,"attributes"));this.id&&(t.id=i.result(this,"id")),this.className&&(t.class=i.result(this,"className")),this.setElement(this._createElement(i.result(this,"tagName"))),this._setAttributes(t)}},_setAttributes:function(t){this.$el.attr(t)}}),e.sync=function(t,n,o){var s=N[t];i.defaults(o||(o={}),{emulateHTTP:e.emulateHTTP,emulateJSON:e.emulateJSON});var r={type:s,dataType:"json"};if(o.url||(r.url=i.result(n,"url")||W()),null!=o.data||!n||"create"!==t&&"update"!==t&&"patch"!==t||(r.contentType="application/json",r.data=JSON.stringify(o.attrs||n.toJSON(o))),o.emulateJSON&&(r.contentType="application/x-www-form-urlencoded",r.data=r.data?{model:r.data}:{}),o.emulateHTTP&&("PUT"===s||"DELETE"===s||"PATCH"===s)){r.type="POST",o.emulateJSON&&(r.data._method=s);var a=o.beforeSend;o.beforeSend=function(t){if(t.setRequestHeader("X-HTTP-Method-Override",s),a)return a.apply(this,arguments)}}"GET"===r.type||o.emulateJSON||(r.processData=!1);var l=o.error;o.error=function(t,e,i){o.textStatus=e,o.errorThrown=i,l&&l.call(o.context,t,e,i)};var u=o.xhr=e.ajax(i.extend(r,o));return n.trigger("request",n,u,o),u};var N={create:"POST",update:"PUT",patch:"PATCH",delete:"DELETE",read:"GET"};e.ajax=function(){return e.$.ajax.apply(e.$,arguments)};var T=e.Router=function(t){t||(t={}),t.routes&&(this.routes=t.routes),this._bindRoutes(),this.initialize.apply(this,arguments)},D=/\((.*?)\)/g,O=/(\(\?)?:\w+/g,A=/\*\w+/g,I=/[\-{}\[\]+?.,\\\^$|#\s]/g;i.extend(T.prototype,d,{initialize:function(){},route:function(t,n,o){i.isRegExp(t)||(t=this._routeToRegExp(t)),i.isFunction(n)&&(o=n,n=""),o||(o=this[n]);var s=this;return e.history.route(t,function(i){var r=s._extractParameters(t,i);s.execute(o,r,n)!==!1&&(s.trigger.apply(s,["route:"+n].concat(r)),s.trigger("route",n,r),e.history.trigger("route",s,n,r))}),this},execute:function(t,e,i){t&&t.apply(this,e)},navigate:function(t,i){return e.history.navigate(t,i),this},_bindRoutes:function(){if(this.routes){this.routes=i.result(this,"routes");for(var t,e=i.keys(this.routes);null!=(t=e.pop());)this.route(t,this.routes[t])}},_routeToRegExp:function(t){return t=t.replace(I,"\\$&").replace(D,"(?:$1)?").replace(O,function(t,e){return e?t:"([^/?]+)"}).replace(A,"([^?]*?)"),new RegExp("^"+t+"(?:\\?([\\s\\S]*))?$")},_extractParameters:function(t,e){var n=t.exec(e).slice(1);return i.map(n,function(t,e){return e===n.length-1?t||null:t?decodeURIComponent(t):null})}});var H=e.History=function(){this.handlers=[],this.checkUrl=i.bind(this.checkUrl,this),"undefined"!=typeof window&&(this.location=window.location,this.history=window.history)},k=/^[#\/]|\s+$/g,F=/^\/+|\/+$/g,P=/#.*$/;H.started=!1,i.extend(H.prototype,d,{interval:50,atRoot:function(){var t=this.location.pathname.replace(/[^\/]$/,"$&/");return t===this.root&&!this.getSearch()},matchRoot:function(){var t=this.decodeFragment(this.location.pathname),e=t.slice(0,this.root.length-1)+"/";return e===this.root},decodeFragment:function(t){return decodeURI(t.replace(/%25/g,"%2525"))},getSearch:function(){var t=this.location.href.replace(/#.*/,"").match(/\?.+/);return t?t[0]:""},getHash:function(t){var e=(t||this).location.href.match(/#(.*)$/);return e?e[1]:""},getPath:function(){var t=this.decodeFragment(this.location.pathname+this.getSearch()).slice(this.root.length-1);return"/"===t.charAt(0)?t.slice(1):t},getFragment:function(t){return null==t&&(t=this._usePushState||!this._wantsHashChange?this.getPath():this.getHash()),t.replace(k,"")},start:function(t){if(H.started)throw new Error("Backbone.history has already been started");if(H.started=!0,this.options=i.extend({root:"/"},this.options,t),this.root=this.options.root,this._wantsHashChange=this.options.hashChange!==!1,this._hasHashChange="onhashchange"in window&&(void 0===document.documentMode||document.documentMode>7),this._useHashChange=this._wantsHashChange&&this._hasHashChange,this._wantsPushState=!!this.options.pushState,this._hasPushState=!(!this.history||!this.history.pushState),this._usePushState=this._wantsPushState&&this._hasPushState,this.fragment=this.getFragment(),this.root=("/"+this.root+"/").replace(F,"/"),this._wantsHashChange&&this._wantsPushState){if(!this._hasPushState&&!this.atRoot()){var e=this.root.slice(0,-1)||"/";return this.location.replace(e+"#"+this.getPath()),!0}this._hasPushState&&this.atRoot()&&this.navigate(this.getHash(),{replace:!0})}if(!this._hasHashChange&&this._wantsHashChange&&!this._usePushState){this.iframe=document.createElement("iframe"),this.iframe.src="javascript:0",this.iframe.style.display="none",this.iframe.tabIndex=-1;var n=document.body,o=n.insertBefore(this.iframe,n.firstChild).contentWindow;o.document.open(),o.document.close(),o.location.hash="#"+this.fragment}var s=window.addEventListener||function(t,e){return attachEvent("on"+t,e)};if(this._usePushState?s("popstate",this.checkUrl,!1):this._useHashChange&&!this.iframe?s("hashchange",this.checkUrl,!1):this._wantsHashChange&&(this._checkUrlInterval=setInterval(this.checkUrl,this.interval)),!this.options.silent)return this.loadUrl()},stop:function(){var t=window.removeEventListener||function(t,e){return detachEvent("on"+t,e)};this._usePushState?t("popstate",this.checkUrl,!1):this._useHashChange&&!this.iframe&&t("hashchange",this.checkUrl,!1),this.iframe&&(document.body.removeChild(this.iframe),this.iframe=null),this._checkUrlInterval&&clearInterval(this._checkUrlInterval),H.started=!1},route:function(t,e){this.handlers.unshift({route:t,callback:e})},checkUrl:function(t){var e=this.getFragment();return e===this.fragment&&this.iframe&&(e=this.getHash(this.iframe.contentWindow)),e!==this.fragment&&(this.iframe&&this.navigate(e),void this.loadUrl())},loadUrl:function(t){return!!this.matchRoot()&&(t=this.fragment=this.getFragment(t),i.some(this.handlers,function(e){if(e.route.test(t))return e.callback(t),!0}))},navigate:function(t,e){if(!H.started)return!1;e&&e!==!0||(e={trigger:!!e}),t=this.getFragment(t||"");var i=this.root;""!==t&&"?"!==t.charAt(0)||(i=i.slice(0,-1)||"/");var n=i+t;if(t=this.decodeFragment(t.replace(P,"")),this.fragment!==t){if(this.fragment=t,this._usePushState)this.history[e.replace?"replaceState":"pushState"]({},document.title,n);else{if(!this._wantsHashChange)return this.location.assign(n);if(this._updateHash(this.location,t,e.replace),this.iframe&&t!==this.getHash(this.iframe.contentWindow)){var o=this.iframe.contentWindow;e.replace||(o.document.open(),o.document.close()),this._updateHash(o.location,t,e.replace)}}return e.trigger?this.loadUrl(t):void 0}},_updateHash:function(t,e,i){if(i){var n=t.href.replace(/(javascript:|#).*$/,"");t.replace(n+"#"+e)}else t.hash="#"+e}}),e.history=new H;var B=function(t,e){var n,o=this;return n=t&&i.has(t,"constructor")?t.constructor:function(){return o.apply(this,arguments)},i.extend(n,o,e),n.prototype=i.create(o.prototype,t),n.prototype.constructor=n,n.__super__=o.prototype,n};v.extend=w.extend=T.extend=x.extend=H.extend=B;var W=function(){throw new Error('A "url" property or function must be specified')},$=function(t,e){var i=e.error;e.error=function(n){i&&i.call(e.context,t,n,e),t.trigger("error",t,n,e)}};return e})}).call(e,function(){return this}())},function(t,e){t.exports=$},function(t,e,i){"use strict";var n=i(1),o={setOwnProperties:function(t){n.each(t,function(t,e){this[e]=t},this)}};t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(11),r=i(16),a=i(17),l=i(18),u=i(19),d=i(20),h=i(21),c=i(23),f=i(26),g=i(27),m=i(28),p=i(9),M={columnFixCount:0,columnModelList:[],keyColumnName:null,selectType:"",autoNumbering:!0,headerHeight:35,rowHeight:27,fitToParentHeight:!1,showDummyRows:!1,minimumColumnWidth:50,notUseSmartRendering:!1,columnMerge:[],scrollX:!0,scrollY:!0,useClientSort:!0,toolbar:null},_=tui.util.defineClass({init:function(t,e){t=$.extend(!0,{},M,t),this.gridId=t.gridId,this.columnModel=this._createColumnModel(t),this.dataModel=this._createDataModel(t,e),this.toolbarModel=this._createToolbarModel(t),this.dimensionModel=this._createDimensionModel(t,e),this.coordRowModel=this._createCoordRowModel(e),this.coordColumnModel=this._createCoordColumnModel(),this.focusModel=this._createFocusModel(e),this.renderModel=this._createRenderModel(t),this.coordConverterModel=this._createCoordConverterModel(),this.selectionModel=this._createSelectionModel(),this.summaryModel=this._createSummaryModel(t.footer),this.focusModel.renderModel=this.renderModel},_createColumnModel:function(t){return new o({hasNumberColumn:t.autoNumbering,keyColumnName:t.keyColumnName,columnFixCount:t.columnFixCount,selectType:t.selectType,columnMerge:t.columnMerge,columnModelList:t.columnModelList})},_createDataModel:function(t,e){return new s([],{gridId:this.gridId,domState:e,columnModel:this.columnModel,useClientSort:t.useClientSort})},_createToolbarModel:function(t){return new r(t.toolbar)},_createDimensionModel:function(t,e){var i,o={headerHeight:t.headerHeight,bodyHeight:t.bodyHeight,footerHeight:t.footer?t.footer.height:0,rowHeight:t.rowHeight,fitToParentHeight:t.fitToParentHeight,scrollX:!!t.scrollX,scrollY:!!t.scrollY,minimumColumnWidth:t.minimumColumnWidth,isFixedRowHeight:t.isFixedRowHeight,isFixedHeight:t.isFixedHeight};return t.isFixedRowHeight!==!1||t.notUseSmartRendering||(p.warning("The isFixedRowHeight can't be false if the notUseSmartRendering is not set to false."),o.isFixedRowHeight=!0),i=new a(o,{columnModel:this.columnModel,dataModel:this.dataModel,domState:e}),n.isUndefined(t.bodyHeight)&&t.displayRowCount&&i.setBodyHeightWithRowCount(t.displayRowCount),i},_createCoordRowModel:function(t){return new l(null,{dataModel:this.dataModel,dimensionModel:this.dimensionModel,domState:t})},_createCoordColumnModel:function(){return new u(null,{columnModel:this.columnModel,dimensionModel:this.dimensionModel})},_createCoordConverterModel:function(){return new d(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,focusModel:this.focusModel,coordRowModel:this.coordRowModel,renderModel:this.renderModel,coordColumnModel:this.coordColumnModel})},_createFocusModel:function(t){return new h(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,renderModel:this.renderModel,domState:t})},_createSelectionModel:function(){return new g(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,coordConverterModel:this.coordConverterModel,renderModel:this.renderModel,focusModel:this.focusModel})},_createRenderModel:function(t){var e,i,n;return e={emptyMessage:t.emptyMessage,showDummyRows:t.showDummyRows},i={columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,focusModel:this.focusModel,coordRowModel:this.coordRowModel,coordColumnModel:this.coordColumnModel},new(n=t.notUseSmartRendering?c:f)(e,i)},_createSummaryModel:function(t){var e=[];return t&&t.columnContent?(n.each(t.columnContent,function(t,i){n.isFunction(t.template)&&t.useAutoSummary!==!1&&e.push(i)}),new m(null,{dataModel:this.dataModel,autoColumnNames:e})):null},destroy:function(){n.each(this,function(t,e){t&&tui.util.isFunction(t._destroy)&&t._destroy(),t&&tui.util.isFunction(t.stopListening)&&t.stopListening(),this[e]=null},this)}});t.exports=_},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=i(10).frame,a=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.textType={normal:!0,text:!0,password:!0},this._setColumnModelList(this.get("columnModelList")),this.on("change",this._onChange,this)},defaults:{keyColumnName:null,columnFixCount:0,metaColumnModelList:[],dataColumnModelList:[],visibleList:[],hasNumberColumn:!0,selectType:"",columnModelMap:{},relationListMap:{},columnMerge:[]},_initializeMetaColumns:function(t){var e=[];return this._initializeButtonColumn(e),this._initializeNumberColumn(e),this._overwriteColumnModelList(e,t),e},_overwriteColumnModelList:function(t,e){n.each(e,function(e){this._extendColumnList(e,t)},this)},_initializeNumberColumn:function(t){var e=this.get("hasNumberColumn"),i={columnName:"_number",align:"center",title:"No.",isFixedWidth:!0,width:60};e||(i.isHidden=!0),this._extendColumnList(i,t)},_initializeButtonColumn:function(t){var e=this.get("selectType"),i={columnName:"_button",isHidden:!1,align:"center",editOption:{type:"mainButton"},isFixedWidth:!0,width:40};"checkbox"===e?i.title='<input type="checkbox"/>':"radio"===e?i.title="선택":i.isHidden=!0,this._extendColumnList(i,t)},_extendColumnList:function(t,e){var i=t.columnName,o=n.findIndex(e,{columnName:i});o===-1?e.push(t):e[o]=$.extend(e[o],t)},at:function(t,e){var i=e?this.getVisibleColumnModelList():this.get("dataColumnModelList");return i[t]},indexOfColumnName:function(t,e){var i;return i=e?this.getVisibleColumnModelList():this.get("dataColumnModelList"),n.findIndex(i,{columnName:t})},isLside:function(t){var e=this.indexOfColumnName(t,!0);return e>-1&&e<this.get("columnFixCount")},getVisibleColumnModelList:function(t,e){var i,n=e?0:this.getVisibleMetaColumnCount(),o=this.getVisibleColumnFixCount(e);return t=t&&t.toUpperCase(),i=t===r.L?this.get("visibleList").slice(n,o):t===r.R?this.get("visibleList").slice(o):this.get("visibleList").slice(n)},getVisibleMetaColumnCount:function(){var t=this.get("metaColumnModelList"),e=t.length,i=n.where(t,{isHidden:!0}).length;return e-i},getVisibleColumnFixCount:function(t){var e,i,o=this.get("columnFixCount"),s=n.first(this.get("dataColumnModelList"),o);return e=n.filter(s,function(t){return!t.isHidden}),i=e.length,t&&(i+=this.getVisibleMetaColumnCount()),i},getColumnModel:function(t){return this.get("columnModelMap")[t]},isTextType:function(t){return!!this.textType[this.getEditType(t)]},getEditType:function(t){var e=this.getColumnModel(t),i="normal";return"_button"===t||"_number"===t?i=t:e&&e.editOption&&e.editOption.type&&(i=e.editOption.type),i},_makeVisibleColumnModelList:function(t,e){return t=t||this.get("metaColumnModelList"),e=e||this.get("dataColumnModelList"),n.filter(t.concat(e),function(t){return!t.isHidden})},_getRelationListMap:function(t){var e={};return n.each(t,function(t){var i=t.columnName;t.relationList&&(e[i]=t.relationList)}),e},getIgnoredColumnNameList:function(){var t=this.get("dataColumnModelList"),e=[];return n.each(t,function(t){t.isIgnore&&e.push(t.columnName)}),e},_setColumnModelList:function(t,e){var i,o,r,a,l;t=$.extend(!0,[],t),tui.util.isUndefined(e)&&(e=this.get("columnFixCount")),i=n.partition(t,function(t){return s.isMetaColumn(t.columnName)},this),a=this._initializeMetaColumns(i[0]),l=i[1],o=this._getRelationListMap(l),r=this._makeVisibleColumnModelList(a,l),this.set({metaColumnModelList:a,dataColumnModelList:l,columnModelMap:n.indexBy(a.concat(l),"columnName"),relationListMap:o,columnFixCount:Math.max(0,e),visibleList:r},{silent:!0}),this.unset("columnModelList",{silent:!0}),this.trigger("columnModelChange")},_onChange:function(t){var e=t.changed,i=e.columnFixCount,n=e.columnModelList;n||(n=this.get("dataColumnModelList")),this._setColumnModelList(n,i)},setHidden:function(t,e){for(var i,n,o,s;t.length;)i=t.shift(),o=this.getColumnModel(i),o?o.isHidden=e:(n=this.getUnitColumnNamesIfMerged(i),t.push.apply(t,n));s=this._makeVisibleColumnModelList(this.get("metaColumnModelList"),this.get("dataColumnModelList")),this.set("visibleList",s,{silent:!0}),this.trigger("columnModelChange")},getUnitColumnNamesIfMerged:function(t){var e,i,o,s=this.get("columnMerge"),r=[],a=[];for(r.push(t);r.length;)e=r.shift(),i=this.getColumnModel(e),i?a.push(e):(o=n.findWhere(s,{columnName:e}),o&&r.push.apply(r,o.columnNameList));return n.uniq(a)},setFooterContent:function(t,e){this.trigger("setFooterContent",t,e)}});t.exports=a},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(5),r=n.Model.extend({});o.assign(r.prototype,s),t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(10).dimension.CELL_BORDER_WIDTH,s={uniqueId:0,getAttributesString:function(t){var e="";return n.each(t,function(t,i){e+=" "+i+'="'+t+'"'},this),e},sum:function(t){return n.reduce(t,function(t,e){return t+=e},0)},getMinMax:function(t){return{min:Math.min.apply(null,t),max:Math.max.apply(null,t)}},getHeight:function(t,e){return 0===t?t:t*(e+o)},getDisplayRowCount:function(t,e){return Math.ceil(t/(e+o))},getRowHeight:function(t,e){return 0===t?0:Math.floor((e-o)/t)},isMetaColumn:function(t){return n.contains(["_button","_number"],t)},isEqual:function(t,e){var i,o=function(t,e){var i=!1;return tui.util.forEach(t,function(t,n){return i=t===e[n]}),i};return typeof t==typeof e&&((!n.isArray(t)||t.length===e.length)&&(n.isObject(t)?(i=!o(t,e)||!o(e,t),!i):t===e))},isBlank:function(t){return n.isString(t)?!t.length:n.isUndefined(t)||n.isNull(t)},stripTags:function(t){var e;return t=t.replace(/[\n\r\t]/g,""),tui.util.hasEncodableString(t)&&(/<img/i.test(t)?(e=t.match(/<img[^>]*\ssrc=["']?([^>"']+)["']?[^>]*>/i),t=e?e[1]:""):t=t.replace(/<button.*?<\/button>/gi,""),t=$.trim(tui.util.decodeHTMLEntity(t.replace(/<\/?(?:h[1-5]|[a-z]+(?::[a-z]+)?)[^>]*>/gi,"")))),t},toString:function(t){return n.isUndefined(t)||n.isNull(t)?"":String(t)},getUniqueKey:function(){return this.uniqueId+=1,this.uniqueId},toQueryString:function(t){var e=[];return n.each(t,function(t,i){n.isString(t)||n.isNumber(t)||(t=JSON.stringify(t)),t=encodeURIComponent(t),t&&e.push(i+"="+t)}),e.join("&")},toQueryObject:function(t){var e=t.split("&"),i={};return n.each(e,function(t){var e,o,s=t.split("=");e=s[0],o=decodeURIComponent(s[1]);try{o=JSON.parse(o)}catch(t){}n.isNull(o)||(i[e]=o)}),i},convertValueType:function(t,e){return"string"===e?String(t):"number"===e?Number(t):"boolean"===e?Boolean(t):t},toUpperCaseFirstLetter:function(t){return t.charAt(0).toUpperCase()+t.slice(1)},clamp:function(t,e,i){var n;return e>i&&(n=e,e=i,i=n),Math.max(e,Math.min(t,i))},isOptionEnabled:function(t){return n.isObject(t)||t===!0},appendStyleElement:function(t,e){var i=document.createElement("style");i.type="text/css",i.id=t,i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),document.getElementsByTagName("head")[0].appendChild(i)},enableDeprecatedOptions:function(t){var e=t.toolbar,i={hasControlPanel:!0,hasResizeHandler:!0,hasPagination:!0};return t=$.extend(!0,{},t),n.isObject(e)?n.defaults(e,i):e={},!s.isOptionEnabled(t.pagination)&&e.hasPagination&&(t.pagination=!0),!s.isOptionEnabled(t.resizeHandle)&&e.hasResizeHandler&&(t.resizeHandle=!0),n.isObject(t.toolbar)&&!e.hasControlPanel?t.toolbar=!1:s.isOptionEnabled(t.toolbar)&&(t.toolbar=!0),t},warning:function(t){console&&console.warn&&console.warn(t)}};t.exports=s},function(t,e,i){"use strict";var n=i(1),o={TAB:9,ENTER:13,CTRL:17,ESC:27,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40,CHAR_A:65,CHAR_C:67,CHAR_F:70,CHAR_R:82,CHAR_V:86,LEFT_WINDOW_KEY:91,F5:116,BACKSPACE:8,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,HOME:36,END:35,DEL:46,UNDEFINED:229};t.exports={keyCode:o,keyName:n.invert(o),renderState:{LOADING:"LOADING",DONE:"DONE",EMPTY:"EMPTY"},dimension:{CELL_BORDER_WIDTH:1,TABLE_BORDER_WIDTH:1,RESIZE_HANDLE_WIDTH:7},frame:{L:"L",R:"R"},attrName:{ROW_KEY:"data-row-key",COLUMN_NAME:"data-column-name",COLUMN_INDEX:"data-column-index",EDIT_TYPE:"data-edit-type",GRID_ID:"data-grid-id"},themeName:{DEFAULT:"default",STRIPED:"striped",CLEAN:"clean"},selectionType:{CELL:"CELL",ROW:"ROW",COLUMN:"COLUMN"},summaryType:{SUM:"sum",AVG:"avg",CNT:"cnt",MAX:"max",MIN:"min"}}},function(t,e,i){"use strict";var n=i(1),o=i(12),s=i(13),r=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({columnModel:e.columnModel,domState:e.domState,gridId:e.gridId,lastRowKey:-1,originalRowList:[],originalRowMap:{},startIndex:e.startIndex||1,sortOptions:{columnName:"rowKey",isAscending:!0,useClient:!n.isBoolean(e.useClientSort)||e.useClientSort},isDisabled:!1}),this.sortOptions.useClient||(this.comparator=null)},model:s,parse:function(t){return t=t&&t.contents||t,this._formatData(t)},_formatData:function(t){var e=n.filter(t,n.isObject);return n.each(e,function(t,i){e[i]=this._baseFormat(e[i]),this.isRowSpanEnable()&&this._setExtraRowSpanData(e,i)},this),e},_baseFormat:function(t){var e={rowSpan:null,rowSpanData:null,rowState:null},i=this.columnModel.get("keyColumnName"),n=null===i?this._createRowKey():t[i];return t._extraData=$.extend(e,t._extraData),t._button="CHECKED"===t._extraData.rowState,t.rowKey=n,t},_createRowKey:function(){return this.lastRowKey+=1,this.lastRowKey},_setExtraRowSpanData:function(t,e){function i(t,e){var i=t._extraData;return!(!i.rowSpanData||!i.rowSpanData[e])}function o(t,e,i){var n=t._extraData;return n.rowSpanData=n&&n.rowSpanData||{},n.rowSpanData[e]=i,n}var s,r,a,l=t[e],u=l&&l._extraData&&l._extraData.rowSpan,d=l&&l.rowKey;return u&&n.each(u,function(n,u){if(!i(l,u))for(o(l,u,{count:n,isMainRow:!0,mainRowKey:d}),s=-1,a=e+1;a<e+n;a+=1)r=t[a],r[u]=l[u],r._extraData=r._extraData||{},o(r,u,{count:s,isMainRow:!1,mainRowKey:d}),s-=1}),t},setOriginalRowList:function(t){return this.originalRowList=t?this._formatData(t):this.toJSON(),this.originalRowMap=n.indexBy(this.originalRowList,"rowKey"),this.originalRowList},getOriginalRowList:function(t){return t=!!n.isUndefined(t)||t,t?n.clone(this.originalRowList):this.originalRowList},getOriginalRow:function(t){return n.clone(this.originalRowMap[t])},getOriginal:function(t,e){return n.clone(this.originalRowMap[t][e])},getMainRowKey:function(t,e){var i,n=this.get(t);return this.isRowSpanEnable()&&(i=n&&n.getRowSpanData(e),t=i?i.mainRowKey:t),t},indexOfRowKey:function(t){return this.indexOf(this.get(t))},isRowSpanEnable:function(){return!this.isSortedByField()},isSortedByField:function(){return"rowKey"!==this.sortOptions.columnName},setSortOptionValues:function(t,e,i){var o=this.sortOptions,s=!1;n.isUndefined(t)&&(t="rowKey"),n.isUndefined(e)&&(e=!0),o.columnName===t&&o.isAscending===e||(s=!0),o.columnName=t,o.isAscending=e,s&&this.trigger("sortChanged",{columnName:t,isAscending:e,isRequireFetch:i})},sortByField:function(t,e){var i=this.sortOptions;n.isUndefined(e)&&(e=i.columnName!==t||!i.isAscending),this.setSortOptionValues(t,e,!i.useClient),i.useClient&&this.sort()},getRowList:function(t,e){var i,o;return t?(o=this.where({_button:!0}),i=[],n.each(o,function(t){i.push(t.attributes)},this)):i=this.toJSON(),e?i:this._removePrivateProp(i)},syncRowSpannedData:function(t,e,i){var n,o,s;if(this.isRowSpanEnable())if(o=t.getRowSpanData(e),o.isMainRow)for(n=this.indexOfRowKey(t.get("rowKey")),s=0;s<o.count-1;s+=1)this.at(s+1+n).set(e,i);else this.get(o.mainRowKey).set(e,i)},comparator:function(t,e){var i=this.sortOptions.columnName,o=this.sortOptions.isAscending,s=t.get(i),r=e.get(i),a=n.isNull(s)||n.isUndefined(s)||""===s,l=n.isNull(r)||n.isUndefined(r)||""===r,u=0;return a&&!l?u=-1:!a&&l?u=1:s<r?u=-1:s>r&&(u=1),o||(u=-u),u},_removePrivateProp:function(t){return n.map(t,function(t){return n.omit(t,s.privateProperties)})},removeRow:function(t,e){var i,o,s,r=this.get(t);r&&(e&&e.keepRowSpanData&&(s=n.clone(r.attributes)),i=n.clone(r.getRowSpanData()),o=this.at(this.indexOf(r)+1),this.remove(r,{silent:!0}),this._syncRowSpanDataForRemove(i,o,s),e&&e.removeOriginalData&&this.setOriginalRowList(),this.trigger("remove"))},_syncRowSpanDataForRemove:function(t,e,i){t&&n.each(t,function(t,n){var o,s,r,a={};if(t.isMainRow){if(1===t.count)return;o=e,r=t.count-1,s=1,r>1&&(a.mainRowKey=o.get("rowKey"),a.isMainRow=!0),o.set(n,i?i[n]:"",{silent:!0})}else o=this.get(t.mainRowKey),r=o.getRowSpanData(n).count-1,s=-t.count;r>1?(a.count=r,o.setRowSpanData(n,a),this._updateSubRowSpanData(o,n,s,r)):o.setRowSpanData(n,null)},this)},_createDummyRow:function(){var t=this.columnModel.get("dataColumnModelList"),e={};return n.each(t,function(t){e[t.columnName]=""},this),e},append:function(t,e){var i,o=this._createModelList(t);return e=n.extend({at:this.length},e),i={at:e.at,add:!0,silent:!0},this.add(o,i),this._syncRowSpanDataForAppend(e.at,o.length,e.extendPrevRowSpan),this.trigger("add",o,e),o},prepend:function(t,e){return e=e||{},e.at=0,this.append(t,e)},getRowData:function(t,e){var i=this.get(t),n=i?i.toJSON():null;return e?JSON.stringify(n):n},getRowDataAt:function(t,e){var i=this.at(t),n=i?i.toJSON():null;return e?JSON.stringify(i):n},getValue:function(t,e,i){var n,o;return i?n=this.getOriginal(t,e):(o=this.get(t),n=o&&o.get(e)),n},setValue:function(t,e,i,n){var o=this.get(t);return!!o&&(o.set(e,i,{silent:n}),!0)},getColumnValues:function(t,e){var i=this.pluck(t);return e?JSON.stringify(i):i},setColumnValues:function(t,e,i,o){var s={},r={isDisabled:!1,isEditable:!0};s[t]=e,i=!!n.isUndefined(i)||i,this.forEach(function(e){i&&(r=e.getCellState(t)),
+!r.isDisabled&&r.isEditable&&e.set(s,{silent:o})},this)},getRowSpanData:function(t,e){var i=this.get(t);return i?i.getRowSpanData(e):null},isChanged:function(){var t=n.values(this.getModifiedRowList());return n.some(t,function(t){return t.length>0})},setDisabled:function(t){this.isDisabled!==t&&(this.isDisabled=t,this.trigger("disabledChanged"))},enableRow:function(t){this.get(t).setRowState("")},disableRow:function(t){this.get(t).setRowState("DISABLED")},enableCheck:function(t){this.get(t).setRowState("")},disableCheck:function(t){this.get(t).setRowState("DISABLED_CHECK")},check:function(t,e){var i=this.get(t).getRowState().isDisabledCheck,n=this.columnModel.get("selectType");!i&&n&&("radio"===n&&this.uncheckAll(),this.setValue(t,"_button",!0,e))},uncheck:function(t,e){this.setValue(t,"_button",!1,e)},checkAll:function(){this.setColumnValues("_button",!0)},uncheckAll:function(){this.setColumnValues("_button",!1)},_createModelList:function(t){var e,i=[];return t=t||this._createDummyRow(),n.isArray(t)||(t=[t]),e=this._formatData(t),n.each(e,function(t){var e=new s(t,{collection:this,parse:!0});i.push(e)},this),i},_syncRowSpanDataForAppend:function(t,e,i){var o=this.at(t-1);o&&n.each(o.getRowSpanData(),function(t,n){var s,r,a,l;0!==t.count&&(t.isMainRow?(s=o,r=t,a=1):(s=this.get(t.mainRowKey),r=s.getRowSpanData()[n],a=-t.count+1),(r.count>a||i)&&(r.count+=e,l=r.count,this._updateSubRowSpanData(s,n,a,l)))},this)},_updateSubRowSpanData:function(t,e,i,n){var o,s,r=this.indexOf(t),a=t.get("rowKey");for(s=i;s<n;s+=1)o=this.at(r+s),o.set(e,t.get(e),{silent:!0}),o.setRowSpanData(e,{count:-s,mainRowKey:a,isMainRow:!1})},_isModifiedRow:function(t,e,i){var o=n.omit(t,i),s=n.some(o,function(t,i){return"object"==typeof t?JSON.stringify(t)!==JSON.stringify(e[i]):t!==e[i]},this);return s},getModifiedRowList:function(t){var e=t&&t.isRaw,i=t&&t.isOnlyChecked,o=t&&t.isOnlyRowKeyList,s=e?this.originalRowList:this._removePrivateProp(this.originalRowList),r=e?this.toJSON():this._removePrivateProp(this.toJSON()),a=t&&t.filteringColumnList,l={createList:[],updateList:[],deleteList:[]};return s=n.indexBy(s,"rowKey"),r=n.indexBy(r,"rowKey"),a=n.union(a,this.columnModel.getIgnoredColumnNameList()),n.each(r,function(t,e){var r=s[e],u=o?t.rowKey:n.omit(t,a);(!i||i&&this.get(e).get("_button"))&&(r?this._isModifiedRow(t,r,a)&&l.updateList.push(u):l.createList.push(u))},this),n.each(s,function(t,e){var i=o?t.rowKey:n.omit(t,a);r[e]||l.deleteList.push(i)},this),l},replaceRowList:function(t,e,i){t||(t=[]),n.isUndefined(e)&&(e=!0),this.trigger("beforeReset",t.length),this.lastRowKey=-1,this.reset(t,{parse:e}),n.isFunction(i)&&i()},setRowList:function(t,e,i){var o=n.bind(function(){this.setOriginalRowList(),n.isFunction(i)&&i()},this);this.replaceRowList(t,e,o)},restore:function(){var t=this.getOriginalRowList();this.replaceRowList(t,!0)},del:function(t,e,i){var o=this.getMainRowKey(t,e),s=this.get(o).getCellState(e),r=this.columnModel.getEditType(e),a=n.contains(["text","password"],r);a&&s.isEditable&&!s.isDisabled&&this.setValue(o,e,"",i)},delRange:function(t){var e,i,o=this.columnModel.getVisibleColumnModelList(),s=n.range(t.row[0],t.row[1]+1),r=n.range(t.column[0],t.column[1]+1);e=n.map(s,function(t){return this.at(t).get("rowKey")},this),i=n.map(r,function(t){return o[t].columnName}),n.each(e,function(t){n.each(i,function(e){this.del(t,e,!0),this.get(t).validateCell(e,!0)},this)},this),this.trigger("delRange",e,i)},paste:function(t,e){var i=this._getEndIndexToPaste(t,e);n.each(t,function(t,n){this._setValueForPaste(t,e.row+n,e.column,i.column)},this),this.trigger("paste",{startIdx:e,endIdx:i})},validate:function(){var t=[],e=n.chain(this.columnModel.getVisibleColumnModelList()).filter(function(t){return t.isRequired===!0}).pluck("columnName").value();return this.each(function(i){var o=[];n.each(e,function(t){var e=i.validateCell(t);e&&o.push({columnName:t,errorCode:e})}),o.length&&t.push({rowKey:i.get("rowKey"),errors:o})}),t},_getEndIndexToPaste:function(t,e){var i=this.columnModel.getVisibleColumnModelList(),n=t.length+e.row-1,o=Math.min(t[0].length+e.column,i.length)-1;return{row:n,column:o}},_setValueForPaste:function(t,e,i,n){var o,s,r,a,l=this.at(e),u=this.columnModel,d={};for(l||(l=this.append({})[0]),o=i;o<=n;o+=1)s=u.at(o,!0).columnName,r=l.getCellState(s),a=l.getRowSpanData(s),r.isEditable&&!r.isDisabled&&(!a||a.count>=0)&&(d[s]=t[o-i]);l.set(d)},getElement:function(t,e){var i=this.getMainRowKey(t,e);return this.domState.getElement(i,e)},getCheckedState:function(){var t=0,e=0;return this.forEach(function(i){var n=i.getCellState("_button");!n.isDisabled&&n.isEditable&&(t+=1,i.get("_button")&&(e+=1))}),{available:t,checked:e}}});t.exports=r},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(5),r=n.Collection.extend({clear:function(){return this.each(function(t){t.stopListening(),t=null}),this.reset([],{silent:!0}),this}});o.assign(r.prototype,s),t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(14),r=i(9),a=i(15),l=["_button","_number","_extraData"],u="REQUIRED",d="TYPE_NUMBER",h=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.extraDataManager=new s(this.get("_extraData")),this.columnModel=this.collection.columnModel,this.validateMap={},this.on("change",this._onChange,this)},idAttribute:"rowKey",parse:function(t){return t._extraData||(t._extraData={}),t},_triggerExtraDataChangeEvent:function(){this.trigger("extraDataChanged",this.get("_extraData"))},_onChange:function(){var t=n.omit(this.changed,l);this.isDuplicatedPublicChanged(t)||n.each(t,function(t,e){var i=this.columnModel.getColumnModel(e);i&&this._executeChangeBeforeCallback(e)&&(this.collection.syncRowSpannedData(this,e,t),this._executeChangeAfterCallback(e),this.validateCell(e,!0))},this)},_validateCellData:function(t){var e=this.columnModel.getColumnModel(t),i=this.get(t),o="";return e.isRequired&&r.isBlank(i)?o=u:"number"!==e.dataType||n.isNumber(i)||(o=d),o},validateCell:function(t,e){var i;return!e&&t in this.validateMap?this.validateMap[t]:(i=this._validateCellData(t),i?this.addCellClassName(t,a.CELL_INVALID):this.removeCellClassName(t,a.CELL_INVALID),this.validateMap[t]=i,i)},_createChangeCallbackEvent:function(t){return{rowKey:this.get("rowKey"),columnName:t,value:this.get(t),instance:tui.Grid.getInstanceById(this.collection.gridId)}},_executeChangeBeforeCallback:function(t){var e,i,n=this.columnModel.getColumnModel(t);return!n.editOption||!n.editOption.changeBeforeCallback||(e=this._createChangeCallbackEvent(t),n.editOption.changeBeforeCallback(e)!==!1)||(i={},i[t]=this.previous(t),this.set(i),this.trigger("restore",t),!1)},_executeChangeAfterCallback:function(t){var e,i=this.columnModel.getColumnModel(t);return!i.editOption||!i.editOption.changeAfterCallback||(e=this._createChangeCallbackEvent(t),!!i.editOption.changeAfterCallback(e))},getPrivateProperties:function(){return l},getRowState:function(){return this.extraDataManager.getRowState()},getClassNameList:function(t){var e=this.columnModel.getColumnModel(t),i=r.isMetaColumn(t),n=this.extraDataManager.getClassNameList(t),o=this.getCellState(t);return e.className&&n.push(e.className),e.isEllipsis&&n.push(a.CELL_ELLIPSIS),e.isRequired&&n.push(a.CELL_REQUIRED),i?n.push(a.CELL_HEAD):o.isEditable&&n.push(a.CELL_EDITABLE),o.isDisabled&&n.push(a.CELL_DISABLED),this._makeUniqueStringArray(n)},_makeUniqueStringArray:function(t){var e=n.uniq(t.join(" ").split(" "));return n.without(e,"")},getCellState:function(t){var e,i,o=["_number","normal"],s=this.columnModel,r=this.collection.isDisabled,a=!0,l=s.getEditType(t);return i=this.executeRelationCallbacksAll(["isDisabled","isEditable"])[t],e=this.getRowState(),r||(r="_button"===t?e.isDisabledCheck:e.isDisabled,r=r||!(!i||!i.isDisabled)),a=!n.contains(o,l)&&!(i&&i.isEditable===!1),{isEditable:a,isDisabled:r}},isEditable:function(t){var e=this.getCellState(t);return!e.isDisabled&&e.isEditable},isDisabled:function(t){var e=this.getCellState(t);return e.isDisabled},getRowSpanData:function(t){var e=this.collection.isRowSpanEnable(),i=this.get("rowKey");return this.extraDataManager.getRowSpanData(t,i,e)},getHeight:function(){return this.extraDataManager.getHeight()},setHeight:function(t){this.extraDataManager.setHeight(t),this._triggerExtraDataChangeEvent()},setRowSpanData:function(t,e){this.extraDataManager.setRowSpanData(t,e),this._triggerExtraDataChangeEvent()},setRowState:function(t,e){this.extraDataManager.setRowState(t),e||this._triggerExtraDataChangeEvent()},addCellClassName:function(t,e){this.extraDataManager.addCellClassName(t,e),this._triggerExtraDataChangeEvent()},addClassName:function(t){this.extraDataManager.addClassName(t),this._triggerExtraDataChangeEvent()},removeCellClassName:function(t,e){this.extraDataManager.removeCellClassName(t,e),this._triggerExtraDataChangeEvent()},removeClassName:function(t){this.extraDataManager.removeClassName(t),this._triggerExtraDataChangeEvent()},_getListTypeVisibleText:function(t){var e,i,o,s,a=this.get(t),l=this.columnModel.getColumnModel(t);return tui.util.isExisty(tui.util.pick(l,"editOption","list"))?(e=this.executeRelationCallbacksAll(["optionListChange"])[t],i=e&&e.optionList?e.optionList:l.editOption.list,o=typeof i[0].value,s=r.toString(a).split(","),o!==typeof s[0]&&(s=n.map(s,function(t){return r.convertValueType(t,o)})),n.each(s,function(t,e){var o=n.findWhere(i,{value:t});s[e]=o&&o.value||""},this),s.join(",")):""},_isListType:function(t){return n.contains(["select","radio","checkbox"],t)},isDuplicatedPublicChanged:function(t){return!(!this._timeoutIdForChanged||!n.isEqual(this._lastPublicChanged,t))||(clearTimeout(this._timeoutIdForChanged),this._timeoutIdForChanged=setTimeout(n.bind(function(){this._timeoutIdForChanged=null},this),10),this._lastPublicChanged=t,!1)},getValueString:function(t){var e=this.columnModel.getEditType(t),i=this.columnModel.getColumnModel(t),n=this.get(t);if(this._isListType(e)){if(!tui.util.isExisty(tui.util.pick(i,"editOption","list",0,"value")))throw this.error('Check "'+t+"\"'s editOption.list property out in your ColumnModel.");n=this._getListTypeVisibleText(t)}else"password"===e&&(n="");return r.toString(n)},executeRelationCallbacksAll:function(t){var e=this.attributes,i=this.columnModel.get("relationListMap"),o={};return n.isEmpty(t)&&(t=["optionListChange","isDisabled","isEditable"]),n.each(i,function(i,s){var r=e[s];n.each(i,function(i){this._executeRelationCallback(i,t,r,e,o)},this)},this),o},_getRelationResultAttrName:function(t){switch(t){case"optionListChange":return"optionList";case"isDisabled":return"isDisabled";case"isEditable":return"isEditable";default:return""}},_executeRelationCallback:function(t,e,i,o,s){var r=this.getRowState(),a=t.columnList;n.each(e,function(e){var l,u;r.isDisabled&&"isDisabled"===e||(u=t[e],"function"==typeof u&&(l=this._getRelationResultAttrName(e),l&&n.each(a,function(t){s[t]=s[t]||{},s[t][l]=u(i,o)},this)))},this)}},{privateProperties:l});t.exports=h},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){this.data=t||{}},getRowSpanData:function(t,e,i){var n=null;return i&&(n=this.data.rowSpanData,t&&n&&(n=n[t])),!n&&t&&(n={count:0,isMainRow:!0,mainRowKey:e}),n},getRowState:function(){var t={isDisabledCheck:!1,isDisabled:!1,isChecked:!1};switch(this.data.rowState){case"DISABLED":t.isDisabled=!0;case"DISABLED_CHECK":t.isDisabledCheck=!0;break;case"CHECKED":t.isChecked=!0}return t},setRowState:function(t){this.data.rowState=t},setRowSpanData:function(t,e){var i=n.assign({},this.data.rowSpanData);t&&(e?i[t]=e:i[t]&&delete i[t],this.data.rowSpanData=i)},addCellClassName:function(t,e){var i,o;i=this.data.className||{},i.column=i.column||{},o=i.column[t]||[],n.contains(o,e)||(o.push(e),i.column[t]=o,this.data.className=i)},addClassName:function(t){var e,i;e=this.data.className||{},i=e.row||[],tui.util.inArray(t,i)===-1&&(i.push(t),e.row=i,this.data.className=e)},getClassNameList:function(t){var e=this.data.className,i=Array.prototype.push,n=[];return e&&(e.row&&i.apply(n,e.row),t&&e.column&&e.column[t]&&i.apply(n,e.column[t])),n},_removeClassNameFromArray:function(t,e){var i=t.join(" ").split(" ");return n.without(i,e)},removeCellClassName:function(t,e){var i=this.data.className;tui.util.pick(i,"column",t)&&(i.column[t]=this._removeClassNameFromArray(i.column[t],e),this.data.className=i)},removeClassName:function(t){var e=this.data.className;e&&e.row&&(e.row=this._removeClassNameFromArray(e.row,t),this.className=e)},setHeight:function(t){this.data.height=t},getHeight:function(){return this.data.height}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o="tui-grid-",s={CONTAINER:"container",CLIPBOARD:"clipboard",NO_SCROLL_X:"no-scroll-x",NO_SCROLL_Y:"no-scroll-y",ICO_ARROW:"icon-arrow",ICO_ARROW_LEFT:"icon-arrow-left",ICO_ARROW_RIGHT:"icon-arrow-right",LAYER_STATE:"layer-state",LAYER_STATE_CONTENT:"layer-state-content",LAYER_STATE_LOADING:"layer-state-loading",LAYER_EDITING:"layer-editing",LAYER_FOCUS:"layer-focus",LAYER_FOCUS_BORDER:"layer-focus-border",LAYER_SELECTION:"layer-selection",LAYER_DATE_PICKER:"layer-datepicker",BORDER_LINE:"border-line",BORDER_TOP:"border-line-top",BORDER_LEFT:"border-line-left",BORDER_RIGHT:"border-line-right",BORDER_BOTTOM:"border-line-bottom",CONTENT_AREA:"content-area",LSIDE_AREA:"lside-area",RSIDE_AREA:"rside-area",HEAD_AREA:"head-area",BODY_AREA:"body-area",FOOT_AREA:"foot-area",FOOT_AREA_RIGHT:"foot-area-right",COLUMN_RESIZE_CONTAINER:"column-resize-container",COLUMN_RESIZE_HANDLE:"column-resize-handle",COLUMN_RESIZE_HANDLE_LAST:"column-resize-handle-last",BODY_CONTAINER:"body-container",BODY_TABLE_CONTAINER:"table-container",SCROLLBAR_HEAD:"scrollbar-head",SCROLLBAR_BORDER:"scrollbar-border",SCROLLBAR_RIGHT_BOTTOM:"scrollbar-right-bottom",SCROLLBAR_LEFT_BOTTOM:"scrollbar-left-bottom",PAGINATION:"pagination",PAGINATION_PRE:"pre",PAGINATION_PRE_OFF:"pre-off",PAGINATION_PRE_END:"pre-end",PAGINATION_PRE_END_OFF:"pre-end-off",PAGINATION_NEXT:"next",PAGINATION_NEXT_OFF:"next-off",PAGINATION_NEXT_END:"next-end",PAGINATION_NEXT_END_OFF:"next-end-off",TABLE:"table",CELL:"cell",CELL_HEAD:"cell-head",CELL_ROW_ODD:"cell-row-odd",CELL_ROW_EVEN:"cell-row-even",CELL_EDITABLE:"cell-editable",CELL_DUMMY:"cell-dummy",CELL_REQUIRED:"cell-required",CELL_DISABLED:"cell-disabled",CELL_SELECTED:"cell-selected",CELL_INVALID:"cell-invalid",CELL_ELLIPSIS:"cell-ellipsis",CELL_CURRENT_ROW:"cell-current-row",CELL_MAIN_BUTTON:"cell-main-button",CELL_CONTENT:"cell-content",CELL_CONTENT_BEFORE:"content-before",CELL_CONTENT_AFTER:"content-after",CELL_CONTENT_INPUT:"content-input",CELL_CONTENT_TEXT:"content-text",BTN_TEXT:"btn-text",BTN_SORT:"btn-sorting",BTN_SORT_UP:"btn-sorting-up",BTN_SORT_DOWN:"btn-sorting-down",BTN_EXCEL:"btn-excel-download",BTN_EXCEL_ICON:"btn-excel-icon",BTN_EXCEL_PAGE:"btn-excel-page",BTN_EXCEL_ALL:"btn-excel-all",TOOLBAR:"toolbar",TOOLBAR_BTN_HOLDER:"toolbar-btn-holder",HEIGHT_RESIZE_BAR:"height-resize-bar",HEIGHT_RESIZE_HANDLE:"height-resize-handle",CALENDAR:"calendar",CALENDAR_BTN_PREV_YEAR:"calendar-btn-prev-year",CALENDAR_BTN_NEXT_YEAR:"calendar-btn-next-year",CALENDAR_BTN_PREV_MONTH:"calendar-btn-prev-month",CALENDAR_BTN_NEXT_MONTH:"calendar-btn-next-month",CALENDAR_SELECTABLE:"calendar-selectable",CALENDAR_SELECTED:"calendar-selected"},e=n.mapObject(s,function(t){return o+t});e.PREFIX=o,t.exports=e},function(t,e,i){"use strict";var n=i(8),o=i(9).isOptionEnabled,s=n.extend({initialize:function(t){this.options=t},defaults:{hasControlPanel:!1,hasPagination:!1,hasResizeHandler:!1,isExcelButtonVisible:!1,isExcelAllButtonVisible:!1},isEnabled:function(){return o(this.options)}});t.exports=s},function(t,e,i){"use strict";var n=i(8),o=i(10).dimension,s=o.TABLE_BORDER_WIDTH,r=o.CELL_BORDER_WIDTH,a=n.extend({initialize:function(t,e){n.prototype.initialize.apply(this,arguments),this.columnModel=e.columnModel,this.dataModel=e.dataModel,this.domState=e.domState,this.on("change:isFixedHeight",this._resetSyncHeightHandler),this._resetSyncHeightHandler()},defaults:{offsetLeft:0,offsetTop:0,width:0,headerHeight:0,bodyHeight:0,footerHeight:0,toolbarHeight:0,resizeHandleHeight:0,paginationHeight:0,rowHeight:0,totalRowHeight:0,isFixedRowHeight:!0,rsideWidth:0,lsideWidth:0,minimumColumnWidth:0,scrollBarSize:17,scrollX:!0,scrollY:!0,fitToParentHeight:!1,isFixedHeight:!1},_resetSyncHeightHandler:function(){this.get("isFixedHeight")?this.off("change:totalRowHeight"):this.on("change:totalRowHeight",this._syncBodyHeightWithTotalRowHeight)},_syncBodyHeightWithTotalRowHeight:function(){var t=this.get("bodyHeight"),e=this.get("totalRowHeight")+this.getScrollXHeight();this.set("bodyHeight",Math.max(t,e))},isDivisionBorderDoubled:function(){return this.columnModel.getVisibleColumnFixCount()>0},getAvailableTotalWidth:function(t){var e=this.get("width"),i=t+1+(this.isDivisionBorderDoubled()?1:0),n=i*r,o=e-this.getScrollYWidth()-n;return o},getBodySize:function(){var t=this.get("lsideWidth"),e=this.get("rsideWidth")-this.getScrollYWidth(),i=this.get("bodyHeight")-this.getScrollXHeight();return{height:i,rsideWidth:e,totalWidth:t+e}},getOverflowFromMousePosition:function(t,e){var i=this.getPositionFromBodyArea(t,e),n=this.getBodySize();return this._judgeOverflow(i,n)},_judgeOverflow:function(t,e){var i=t.x,n=t.y,o=0,s=0;return n<0?o=-1:n>e.height&&(o=1),i<0?s=-1:i>e.totalWidth&&(s=1),{x:s,y:o}},getScrollXHeight:function(){return this.get("scrollX")?this.get("scrollBarSize"):0},getScrollYWidth:function(){return this.get("scrollY")?this.get("scrollBarSize"):0},_calcRealBodyHeight:function(t){var e=this.get("headerHeight")+this.get("footerHeight")+this.get("toolbarHeight")+s;return t-e},_getMinBodyHeight:function(){return this.get("rowHeight")+2*r+this.getScrollXHeight()},_setHeight:function(t){this.set("bodyHeight",Math.max(this._calcRealBodyHeight(t),this._getMinBodyHeight()))},_getMinLeftSideWidth:function(){var t,e=this.get("minimumColumnWidth"),i=this.columnModel.getVisibleColumnFixCount(!0),n=0;return i&&(t=(i+1)*r,n=t+e*i),n},getMaxLeftSideWidth:function(){var t=Math.ceil(.9*this.get("width"));return t&&(t=Math.max(t,this._getMinLeftSideWidth())),t},setSize:function(t,e){t>0&&(this.set("width",t),this.trigger("setWidth",t)),e>0&&this._setHeight(e)},getHeight:function(){return this.get("bodyHeight")+this.get("headerHeight")+this.get("toolbarHeight")},refreshLayout:function(){var t=this.domState,e=t.getOffset();this.set({offsetTop:e.top,offsetLeft:e.left,width:t.getWidth()}),this.get("fitToParentHeight")&&this._setHeight(t.getParentHeight())},setBodyHeightWithRowCount:function(t){var e=this.get("rowHeight"),i=this.getScrollXHeight();this.set({isFixedHeight:!0,bodyHeight:(e+r)*t+i})},getBodyOffsetTop:function(){return this.get("offsetTop")+this.get("headerHeight")+this.get("toolbarHeight")+r+s},getPositionFromBodyArea:function(t,e){var i=this.get("offsetLeft"),n=this.getBodyOffsetTop();return{x:t-i,y:e-n}}});t.exports=a},function(t,e,i){"use strict";var n=i(8),o=i(10).dimension.CELL_BORDER_WIDTH,s=n.extend({initialize:function(t,e){this.dataModel=e.dataModel,this.dimensionModel=e.dimensionModel,this.domState=e.domState,this.rowHeights=[],this.rowOffsets=[],this.dimensionModel.get("isFixedRowHeight")&&this.listenTo(this.dataModel,"add remove reset sort",this.syncWithDataModel)},syncWithDom:function(){var t,e,i,n,o;if(!this.dimensionModel.get("isFixedRowHeight")){for(t=this.domState.getRowHeights(),e=this._getHeightFromData(),i=[],n=0,o=e.length;n<o;n+=1)i[n]=Math.max(t[n],e[n]);this._reset(i)}},_getHeightFromData:function(){var t=this.dimensionModel.get("rowHeight"),e=[];return this.dataModel.each(function(i,n){e[n]=i.getHeight()||t}),e},syncWithDataModel:function(){this._reset(this._getHeightFromData())},_reset:function(t){var e=[],i=0;_.each(t,function(i,n){var s=n?e[n-1]+o:0,r=n?t[n-1]:0;e[n]=s+r}),this.rowHeights=t,this.rowOffsets=e,t.length&&(i=_.last(e)+_.last(t)+o),this.dimensionModel.set("totalRowHeight",i),this.trigger("reset")},getHeightAt:function(t){return this.rowHeights[t]},getOffsetAt:function(t){return this.rowOffsets[t]},getHeight:function(t){var e=this.dataModel.indexOfRowKey(t);return this.getHeightAt(e)},getOffset:function(t){var e=this.dataModel.indexOfRowKey(t);return this.getOffsetAt(e)},indexOf:function(t){var e=this.rowOffsets,i=0;for(t+=o;e[i]<=t;)i+=1;return i-1}});t.exports=s},function(t,e,i){"use strict";var n=i(8),o=i(9),s=i(10),r=s.dimension,a=s.frame,l=r.CELL_BORDER_WIDTH,u=n.extend({initialize:function(t,e){this.dimensionModel=e.dimensionModel,this.columnModel=e.columnModel,this._columnWidthFixedFlags=null,this._minColumnWidthList=null,this._isModified=!1,this.listenTo(this.columnModel,"columnModelChange",this.resetColumnWidths),this.listenTo(this.dimensionModel,"change:width",this._onDimensionWidthChange),this.resetColumnWidths()},defaults:{columnWidthList:[]},resetColumnWidths:function(){var t=this.columnModel.getVisibleColumnModelList(null,!0),e=this.dimensionModel.get("minimumColumnWidth"),i=[],n=[],s=[];_.each(t,function(t){var r=t.width>0?t.width:0,a=Math.max(r,e);o.isMetaColumn(t.columnName)&&(a=r),i.push(r?a:0),s.push(a),n.push(!!t.isFixedWidth)},this),this._columnWidthFixedFlags=n,this._minColumnWidthList=s,this._setColumnWidthVariables(this._calculateColumnWidth(i),!0)},_setColumnWidthVariables:function(t,e){var i,n,o,s,r=this.dimensionModel.get("width"),a=this.dimensionModel.getMaxLeftSideWidth(),l=this.columnModel.getVisibleColumnFixCount(!0);o=t.slice(0,l),s=t.slice(l),n=this._getFrameWidth(o),a&&a<n&&(o=this._adjustLeftSideWidthList(o,a),n=this._getFrameWidth(o),t=o.concat(s)),i=r-n,this.set({columnWidthList:t}),this.dimensionModel.set({rsideWidth:i,lsideWidth:n}),e&&this.set("originalWidthList",_.clone(t)),this.trigger("columnWidthChanged")},_adjustLeftSideWidthList:function(t,e){var i,n=t.length-1,o=this.dimensionModel.get("minimumColumnWidth"),s=this._getFrameWidth(t),r=s-e;if(r>0)for(;n>=0&&r>0;)i=Math.max(o,t[n]-r),r-=t[n]-i,t[n]=i,n-=1;else r<0&&(t[n]+=Math.abs(r));return t},_calculateColumnWidth:function(t){return t=this._fillEmptyColumnWidth(t),t=this._applyMinimumColumnWidth(t),t=this._adjustColumnWidthList(t)},_fillEmptyColumnWidth:function(t){var e=this.dimensionModel.getAvailableTotalWidth(t.length),i=e-o.sum(t),n=[];return _.each(t,function(t,e){t||n.push(e)}),this._distributeExtraWidthEqually(t,i,n)},_getFrameWidth:function(t){var e=0;return t.length&&(e=o.sum(t)+(t.length+1)*l),e},_addExtraColumnWidth:function(t,e){var i=this._columnWidthFixedFlags,n=[];return _.each(i,function(t,e){t||n.push(e)}),this._distributeExtraWidthEqually(t,e,n)},_reduceExcessColumnWidth:function(t,e){var i=this._minColumnWidthList,n=this._columnWidthFixedFlags,o=[];return _.each(t,function(t,e){n[e]||o.push({index:e,width:t-i[e]})}),this._reduceExcessColumnWidthSub(_.clone(t),e,o)},_reduceExcessColumnWidthSub:function(t,e,i){var n,o=Math.round(e/i.length),s=[];return _.each(i,function(i){i.width<Math.abs(o)?(e+=i.width,t[i.index]-=i.width):s.push(i)}),i.length>s.length?this._reduceExcessColumnWidthSub(t,e,s):(n=_.pluck(i,"index"),this._distributeExtraWidthEqually(t,e,n))},_distributeExtraWidthEqually:function(t,e,i){var n=i.length,o=Math.round(e/n),s=o*n-e,r=_.clone(t);return _.each(i,function(t){r[t]+=o}),i.length&&(r[_.last(i)]-=s),r},_applyMinimumColumnWidth:function(t){var e=this._minColumnWidthList,i=_.clone(t);return _.each(i,function(t,n){var o=e[n];t<o&&(i[n]=o)}),i},_adjustColumnWidthList:function(t,e){var i,n=t.length,s=this.dimensionModel.getAvailableTotalWidth(n),r=s-o.sum(t),a=_.filter(this._columnWidthFixedFlags).length;return r>0?n>a?i=this._addExtraColumnWidth(t,r):(i=_.clone(t),i[n-1]+=r):i=e&&r<0?this._reduceExcessColumnWidth(t,r):t,i},_onDimensionWidthChange:function(){var t=this.get("columnWidthList");this._isModified||(t=this._adjustColumnWidthList(t,!0)),this._setColumnWidthVariables(t)},getColumnWidthList:function(t){var e=this.columnModel.getVisibleColumnFixCount(!0),i=[];switch(t){case a.L:i=this.get("columnWidthList").slice(0,e);break;case a.R:i=this.get("columnWidthList").slice(e);break;default:i=this.get("columnWidthList")}return i},getFrameWidth:function(t){var e=this.columnModel.getVisibleColumnFixCount(!0),i=this.getColumnWidthList(t),n=this._getFrameWidth(i);return _.isUndefined(t)&&e>0&&(n+=l),n},setColumnWidth:function(t,e){var i=this.get("columnWidthList"),n=this._columnWidthFixedFlags,o=this._minColumnWidthList[t];!n[t]&&i[t]&&(i[t]=Math.max(e,o),this._setColumnWidthVariables(i),this._isModified=!0)},indexOf:function(t,e){var i=this.getColumnWidthList(),n=this.getFrameWidth(),o=e?0:this.columnModel.getVisibleMetaColumnCount(),s=0;return t>=n?s=i.length-1:tui.util.forEachArray(i,function(e,i){return e+=l,s=i,t>e&&void(t-=e)}),Math.max(0,s-o)},restoreColumnWidth:function(t){var e=this.get("originalWidthList")[t];this.setColumnWidth(t,e)}});t.exports=u},function(t,e,i){"use strict";var n=i(8),o=i(10).dimension,s=o.TABLE_BORDER_WIDTH,r=o.CELL_BORDER_WIDTH,a=n.extend({initialize:function(t,e){this.dataModel=e.dataModel,this.columnModel=e.columnModel,this.focusModel=e.focusModel,this.dimensionModel=e.dimensionModel,this.renderModel=e.renderModel,this.coordRowModel=e.coordRowModel,this.coordColumnModel=e.coordColumnModel,this.listenTo(this.focusModel,"focus",this._onFocus)},getIndexFromMousePosition:function(t,e,i){var n=this.dimensionModel.getPositionFromBodyArea(t,e),o=this._getScrolledPosition(n);return{row:this.coordRowModel.indexOf(o.y),column:this.coordColumnModel.indexOf(o.x,i)}},_getScrolledPosition:function(t){var e=this.renderModel,i=t.x>this.dimensionModel.get("lsideWidth"),n=i?e.get("scrollLeft"):0,o=e.get("scrollTop");return{x:t.x+n,y:t.y+o}},_getRowSpanCount:function(t,e){var i=this.dataModel.get(t).getRowSpanData(e);return i.isMainRow||(t=i.mainRowKey,i=this.dataModel.get(t).getRowSpanData(e)),i.count||1},_getCellVerticalPosition:function(t,e){var i,n,o,s,a=this.coordRowModel;return i=this.dataModel.indexOfRowKey(t),n=i+e-1,o=a.getOffsetAt(i),s=a.getOffsetAt(n)+a.getHeightAt(n)+r,{top:o,bottom:s}},_getCellHorizontalPosition:function(t){for(var e=this.columnModel,i=e.getVisibleMetaColumnCount(),n=this.coordColumnModel.get("columnWidthList"),o=e.getVisibleColumnFixCount()+i,s=e.indexOfColumnName(t,!0)+i,a=o>s?0:o,l=0;a<s;a+=1)l+=n[a]+r;return{left:l,right:l+n[s]+r}},getCellPosition:function(t,e){var i,n,o;return t=this.dataModel.getMainRowKey(t,e),this.dataModel.get(t)?(i=this._getRowSpanCount(t,e),n=this._getCellVerticalPosition(t,i),o=this._getCellHorizontalPosition(e),{top:n.top,bottom:n.bottom,left:o.left,right:o.right}):{}},_judgeScrollDirection:function(t,e,i){var n,o,s,r,a=this.renderModel,l=a.get("scrollTop"),u=a.get("scrollLeft");return n=t.top<l,o=!n&&t.bottom>l+i.height,e?(s=t.left<u,r=!s&&t.right>u+i.rsideWidth-1):s=r=!1,{isUp:n,isDown:o,isLeft:s,isRight:r}},_onFocus:function(t,e,i){var n;i&&(n=this.getScrollPosition(t,e),tui.util.isEmpty(n)||this.renderModel.set(n))},_makeScrollPosition:function(t,e,i){var n={};return t.isUp?n.scrollTop=e.top:t.isDown&&(n.scrollTop=e.bottom-i.height),t.isLeft?n.scrollLeft=e.left:t.isRight&&(n.scrollLeft=e.right-i.rsideWidth+s),n},getScrollPosition:function(t,e){var i=!this.columnModel.isLside(e),n=this.getCellPosition(t,e),o=this.dimensionModel.getBodySize(),s=this._judgeScrollDirection(n,i,o);return this._makeScrollPosition(s,n,o)}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=i(22),a=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.dataModel=e.dataModel,this.columnModel=e.columnModel,this.dimensionModel=e.dimensionModel,this.domState=e.domState,this.listenTo(this.dataModel,"reset",this._onResetData)},defaults:{rowKey:null,columnName:"",prevRowKey:null,prevColumnName:"",editingAddress:null},_onResetData:function(){this.unselect(!0)},_savePrevious:function(){null!==this.get("rowKey")&&this.set("prevRowKey",this.get("rowKey")),this.get("columnName")&&this.set("prevColumnName",this.get("columnName"))},_clearPrevious:function(){this.set({prevRowKey:null,prevColumnName:""})},isCurrentCell:function(t,e,i){var n=this.get("columnName"),o=this.get("rowKey");return i&&(o=this.dataModel.getMainRowKey(o,n)),String(o)===String(t)&&n===e},select:function(t){var e=new r,i=this.get("rowKey");return String(i)===String(t)||(e.setData({rowKey:t,prevRowKey:i,rowData:this.dataModel.getRowData(t)}),this.trigger("select",e),e.isStopped()?(this._cancelSelect(),!1):(this.set("rowKey",t),"radio"===this.columnModel.get("selectType")&&this.dataModel.check(t),!0))},_cancelSelect:function(){var t=this.get("prevColumnName");this.set("columnName",t),this.trigger("focus",this.get("rowKey"),t)},unselect:function(t){t&&this.blur(),this.set({rowKey:null})},focus:function(t,e,i){return!(this._isValidCell(t,e)&&!s.isMetaColumn(e)&&!this.isCurrentCell(t,e))||(this.blur(),!!this.select(t)&&(this.set("columnName",e),this.trigger("focus",t,e,i),!0))},focusAt:function(t,e,i){var n=this.dataModel.at(t),o=this.columnModel.at(e,!0),s=!1;return n&&o&&(s=this.focus(n.get("rowKey"),o.columnName,i)),s},focusIn:function(t,e,i){var n=this.focus(t,e,i);return n&&(t=this.dataModel.getMainRowKey(t,e),this.dataModel.get(t).isEditable(e)?(this.finishEditing(),this.startEditing(t,e)):this.focusClipboard()),n},focusInAt:function(t,e,i){var n=this.dataModel.at(t),o=this.columnModel.at(e,!0),s=!1;return n&&o&&(s=this.focusIn(n.get("rowKey"),o.columnName,i)),s},focusClipboard:function(){this.trigger("focusClipboard")},refreshState:function(){var t;this.domState.hasFocusedElement()?this.has()||(t=this.restore(),t||this.focusAt(0,0)):this.blur()},blur:function(){var t=this.get("columnName");return this.has()?(this.has(!0)&&this._savePrevious(),null!==this.get("rowKey")&&this.set("columnName",""),this.trigger("blur",this.get("rowKey"),t),this):this},which:function(){return{rowKey:this.get("rowKey"),columnName:this.get("columnName")}},indexOf:function(t){var e=t?this.get("prevRowKey"):this.get("rowKey"),i=t?this.get("prevColumnName"):this.get("columnName");return{row:this.dataModel.indexOfRowKey(e),column:this.columnModel.indexOfColumnName(i,!0)}},has:function(t){var e=this.get("rowKey"),i=this.get("columnName");return t?this._isValidCell(e,i):!s.isBlank(e)&&!s.isBlank(i)},restore:function(){var t=this.get("prevRowKey"),e=this.get("prevColumnName"),i=!1;return this._isValidCell(t,e)&&(this.focus(t,e),i=!0),i},isEditingCell:function(t,e){var i=this.get("editingAddress");return i&&String(i.rowKey)===String(t)&&i.columnName===e},startEditing:function(t,e){if(this.get("editingAddress"))return!1;if(n.isUndefined(t)&&n.isUndefined(e))t=this.get("rowKey"),e=this.get("columnName");else if(!this.isCurrentCell(t,e,!0))return!1;return t=this.dataModel.getMainRowKey(t,e),!!this.dataModel.get(t).isEditable(e)&&(this.set("editingAddress",{rowKey:t,columnName:e}),!0)},finishEditing:function(){return!!this.get("editingAddress")&&(this.set("editingAddress",null),!0)},_isValidCell:function(t,e){var i=!s.isBlank(t)&&!!this.dataModel.get(t),n=!s.isBlank(e)&&!!this.columnModel.getColumnModel(e);return i&&n},_findRowKey:function(t){var e,i,n=this.dataModel,o=null;return this.has(!0)&&(e=Math.max(Math.min(n.indexOfRowKey(this.get("rowKey"))+t,this.dataModel.length-1),0),i=n.at(e),i&&(o=i.get("rowKey"))),o},_findColumnName:function(t){var e,i=this.columnModel,n=i.getVisibleColumnModelList(),o=i.indexOfColumnName(this.get("columnName"),!0),s=null;return this.has(!0)&&(e=Math.max(Math.min(o+t,n.length-1),0),s=n[e]&&n[e].columnName),s},_getRowSpanData:function(t,e){return this.dataModel.get(t).getRowSpanData(e)},nextRowIndex:function(t){var e=this.nextRowKey(t);return this.dataModel.indexOfRowKey(e)},prevRowIndex:function(t){var e=this.prevRowKey(t);return this.dataModel.indexOfRowKey(e)},nextColumnIndex:function(){var t=this.nextColumnName();return this.columnModel.indexOfColumnName(t,!0)},prevColumnIndex:function(){var t=this.prevColumnName();return this.columnModel.indexOfColumnName(t,!0)},nextRowKey:function(t){var e,i,n=this.which(),o=n.rowKey;return t="number"==typeof t?t:1,
+t>1?(o=this._findRowKey(t),i=this._getRowSpanData(o,n.columnName),i.isMainRow||(o=this._findRowKey(i.count+t))):(i=this._getRowSpanData(o,n.columnName),i.isMainRow&&i.count>0?o=this._findRowKey(i.count):i.isMainRow?o=this._findRowKey(1):(e=i.count,i=this._getRowSpanData(i.mainRowKey,n.columnName),o=this._findRowKey(i.count+e))),o},prevRowKey:function(t){var e,i=this.which(),n=i.rowKey;return t="number"==typeof t?t:1,t*=-1,t<-1?(n=this._findRowKey(t),e=this._getRowSpanData(n,i.columnName),e.isMainRow||(n=this._findRowKey(e.count+t))):(e=this._getRowSpanData(n,i.columnName),n=e.isMainRow?this._findRowKey(-1):this._findRowKey(e.count-1)),n},nextColumnName:function(){return this._findColumnName(1)},prevColumnName:function(){return this._findColumnName(-1)},firstRowKey:function(){return this.dataModel.at(0).get("rowKey")},lastRowKey:function(){return this.dataModel.at(this.dataModel.length-1).get("rowKey")},firstColumnName:function(){var t=this.columnModel.getVisibleColumnModelList();return t[0].columnName},lastColumnName:function(){var t=this.columnModel.getVisibleColumnModelList(),e=t.length-1;return t[e].columnName},prevAddress:function(){var t,e,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.firstColumnName(),s=i===this.firstRowKey();return s&&o?(t=i,e=n):o?(t=this.prevRowKey(),e=this.lastColumnName()):(t=i,e=this.prevColumnName()),{rowKey:t,columnName:e}},nextAddress:function(){var t,e,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.lastColumnName(),s=i===this.lastRowKey();return s&&o?(t=i,e=n):o?(t=this.nextRowKey(),e=this.firstColumnName()):(t=i,e=this.nextColumnName()),{rowKey:t,columnName:e}}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){this._stopped=!1,this.setData(t)},setData:function(t){n.extend(this,t)},stop:function(){this._stopped=!0},isStopped:function(){return this._stopped}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(24),r=i(10).renderState,a=i(10).dimension.CELL_BORDER_WIDTH,l=1e3,u=o.extend({initialize:function(t,e){var i,o,r;this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel,dimensionModel:e.dimensionModel,coordRowModel:e.coordRowModel,coordColumnModel:e.coordColumnModel}),r={dataModel:this.dataModel,columnModel:this.columnModel,focusModel:this.focusModel},i=new s([],r),o=new s([],r),this.set({lside:i,rside:o}),this.listenTo(this.columnModel,"columnModelChange change",this._onColumnModelChange).listenTo(this.dataModel,"add remove sort reset delRange",this._onDataListChange).listenTo(this.dataModel,"add",this._onAddDataModel).listenTo(this.dataModel,"beforeReset",this._onBeforeResetData).listenTo(i,"valueChange",this._executeRelation).listenTo(o,"valueChange",this._executeRelation).listenTo(this.focusModel,"change:editingAddress",this._onEditingAddressChange).listenTo(this.coordRowModel,"reset",this._onChangeRowHeights).listenTo(this.dimensionModel,"change:width",this._updateMaxScrollLeft).listenTo(this.dimensionModel,"change:totalRowHeight change:scrollBarSize change:bodyHeight",this._updateMaxScrollTop),this.get("showDummyRows")&&(this.listenTo(this.dimensionModel,"change:bodyHeight change:totalRowHeight",this._resetDummyRowCount),this.on("change:dummyRowCount",this._resetDummyRows)),this._onChangeLayoutBound=n.bind(this._onChangeLayout,this),this.listenTo(this.dimensionModel,"columnWidthChanged",this.finishEditing),this._updateMaxScrollLeft()},defaults:{top:0,bottom:0,scrollTop:0,scrollLeft:0,maxScrollLeft:0,maxScrollTop:0,startIndex:0,endIndex:0,startNumber:1,lside:null,rside:null,showDummyRows:!1,dummyRowCount:0,emptyMessage:null,state:r.DONE},_onChangeLayout:function(){this.focusModel.finishEditing(),this.focusModel.focusClipboard()},_onChangeRowHeights:function(){for(var t,e=this.coordRowModel,i=this.get("lside"),n=this.get("rside"),o=i.length,s=0;s<o;s+=1)t=e.getHeightAt(s),i.at(s).set("height",t),n.at(s).set("height",t)},_updateMaxScrollLeft:function(){var t=this.dimensionModel,e=this.coordColumnModel.getFrameWidth("R")-t.get("rsideWidth")+t.getScrollYWidth();this.set("maxScrollLeft",e)},_updateMaxScrollTop:function(){var t=this.dimensionModel,e=t.get("totalRowHeight")-t.get("bodyHeight")+t.getScrollXHeight();this.set("maxScrollTop",e)},_onBeforeResetData:function(t){t>l&&this.set("state",r.LOADING)},_onEditingAddressChange:function(t,e){var i=e,o=!0,s=this;e||(i=t.previous("editingAddress"),o=!1),this._updateCellData(i.rowKey,i.columnName,{isEditing:o}),this._triggerEditingStateChanged(i.rowKey,i.columnName),n.defer(function(){s._toggleChangeLayoutEventHandlers(o)})},_toggleChangeLayoutEventHandlers:function(t){var e="change:scrollTop change:scrollLeft",i="columnWidthChanged";t?(this.listenToOnce(this.dimensionModel,i,this._onChangeLayoutBound),this.once(e,this._onChangeLayoutBound)):(this.stopListening(this.dimensionModel,i,this._onChangeLayoutBound),this.off(e,this._onChangeLayoutBound))},_triggerEditingStateChanged:function(t,e){var i=this.getCellData(t,e);tui.util.pick(i,"columnModel","editOption","useViewMode")!==!1&&this.trigger("editingStateChanged",i)},_updateCellData:function(t,e,i){var n=this._getRowModel(t,e);n&&n.setCell(e,i)},initializeVariables:function(){this.set({top:0,scrollTop:0,scrollLeft:0,startIndex:0,endIndex:0,startNumber:1})},getCollection:function(t){return this.get(tui.util.isString(t)?t.toLowerCase()+"side":"rside")},_onColumnModelChange:function(){this.set({scrollTop:0,top:0,startIndex:0,endIndex:0}),this.refresh({columnModelChanged:!0})},_onDataListChange:function(){this.refresh({dataListChanged:!0})},_onAddDataModel:function(t,e){e.focus&&this.focusModel.focusAt(e.at,0)},_resetDummyRows:function(){this._clearDummyRows(),this._fillDummyRows(),this.trigger("rowListChanged")},_setRenderingRange:function(){this.set({startIndex:0,endIndex:this.dataModel.length-1})},_createViewDataFromDataModel:function(t,e,i,o){var s={height:i,rowNum:o,rowKey:t.get("rowKey"),_extraData:t.get("_extraData")};return n.each(e,function(e){var i=t.get(e);"_number"!==e||n.isNumber(i)||(i=o),s[e]=i}),s},_getColumnNamesOfEachSide:function(){var t=this.columnModel.getVisibleColumnFixCount(!0),e=this.columnModel.getVisibleColumnModelList(null,!0),i=n.pluck(e,"columnName");return{lside:i.slice(0,t),rside:i.slice(t)}},_resetViewModelList:function(t,e){this.get(t).clear().reset(e,{parse:!0})},_resetAllViewModelListWithRange:function(t,e){var i,n,o,s=this._getColumnNamesOfEachSide(),r=this.get("startNumber")+t,a=[],l=[];for(o=t;o<=e;o+=1)i=this.dataModel.at(o),n=this.coordRowModel.getHeightAt(o),a.push(this._createViewDataFromDataModel(i,s.lside,n,r)),l.push(this._createViewDataFromDataModel(i,s.rside,n,r)),r+=1;this._resetViewModelList("lside",a),this._resetViewModelList("rside",l)},_getActualRowCount:function(){return this.get("endIndex")-this.get("startIndex")+1},_clearDummyRows:function(){var t=this.get("endIndex")-this.get("startIndex")+1;n.each(["lside","rside"],function(e){for(var i=this.get(e);i.length>t;)i.pop()},this)},_resetDummyRowCount:function(){var t=this.dimensionModel,e=t.get("totalRowHeight"),i=t.get("rowHeight")+a,n=t.get("bodyHeight")-t.getScrollXHeight(),o=0;e<n&&(o=Math.ceil((n-e)/i)),this.set("dummyRowCount",o)},_fillDummyRows:function(){var t,e,i=this.get("dummyRowCount");i&&(t=this.get("startNumber")+this.get("endIndex")+1,e=this.dimensionModel.get("rowHeight"),n.times(i,function(){n.each(["lside","rside"],function(i){this.get(i).add({height:e,rowNum:t})},this),t+=1},this))},refresh:function(t){var e,i,n,o=!!t&&t.columnModelChanged,s=!!t&&t.dataListChanged;for(this._setRenderingRange(this.get("scrollTop")),e=this.get("startIndex"),i=this.get("endIndex"),this._resetAllViewModelListWithRange(e,i),n=e;n<=i;n+=1)this._executeRelation(n);o?this.trigger("columnModelChanged"):(this.trigger("rowListChanged",s),s&&this.coordRowModel.syncWithDom()),this._refreshState()},_refreshState:function(){this.dataModel.length?this.set("state",r.DONE):this.set("state",r.EMPTY)},_getCollectionByColumnName:function(t){var e,i=this.get("lside");return e=i.at(0)&&i.at(0).get(t)?i:this.get("rside")},_getRowModel:function(t,e){var i=this._getCollectionByColumnName(e);return i.get(t)},getCellData:function(t,e){var i=this._getRowModel(t,e),n=null;return i&&(n=i.get(e)),n},_executeRelation:function(t){var e,i,o=this.dataModel.at(t),s=t-this.get("startIndex");i=o.executeRelationCallbacksAll(),n.each(i,function(t,i){e=this._getCollectionByColumnName(i).at(s),e&&e.setCell(i,t)},this)}});t.exports=u},function(t,e,i){"use strict";var n=i(12),o=i(25),s=n.extend({initialize:function(t,e){this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel})},model:o});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=o.extend({initialize:function(t){var e=t&&t.rowKey,i=this.collection.dataModel,n=i.get(e);this.dataModel=i,this.columnModel=this.collection.columnModel,this.focusModel=this.collection.focusModel,n&&(this.listenTo(n,"change",this._onDataModelChange),this.listenTo(n,"restore",this._onDataModelRestore),this.listenTo(n,"extraDataChanged",this._setRowExtraData),this.listenTo(i,"disabledChanged",this._onDataModelDisabledChanged),this.rowData=n)},idAttribute:"rowKey",_onDataModelChange:function(t){n.each(t.changed,function(e,i){var n,o;this.has(i)&&(n=this.columnModel.getColumnModel(i),o=this.columnModel.isTextType(i),this.setCell(i,this._getValueAttrs(e,t,n,o)))},this)},_onDataModelRestore:function(t){var e=this.get(t);e&&this.trigger("restore",e)},_getColumnNameList:function(){var t=this.collection.columnModel.getVisibleColumnModelList(null,!0);return n.pluck(t,"columnName")},_onDataModelDisabledChanged:function(){var t=this._getColumnNameList();n.each(t,function(t){this.setCell(t,{isDisabled:this.rowData.isDisabled(t),className:this._getClassNameString(t)})},this)},_setRowExtraData:function(){tui.util.isUndefined(this.collection)||n.each(this._getColumnNameList(),function(t){var e,i=this.get(t);!tui.util.isUndefined(i)&&i.isMainRow&&(e=this.rowData.getCellState(t),this.setCell(t,{isDisabled:e.isDisabled,isEditable:e.isEditable,className:this._getClassNameString(t)}))},this)},parse:function(t,e){var i=e.collection;return this._formatData(t,i.dataModel,i.columnModel,i.focusModel)},_formatData:function(t,e,i,o){var s,r,a=t.rowKey,l=t.rowNum,u=t.height;return n.isUndefined(a)?t:(r=e.get(a),s=n.omit(t,"rowKey","_extraData","height","rowNum"),n.each(s,function(s,d){var h=this._getRowSpanData(d,t,e.isRowSpanEnable()),c=r.getCellState(d),f=i.isTextType(d),g=i.getColumnModel(d);t[d]={rowKey:a,rowNum:l,height:u,columnName:d,rowSpan:h.count,isMainRow:h.isMainRow,mainRowKey:h.mainRowKey,isEditable:c.isEditable,isDisabled:c.isDisabled,isEditing:o.isEditingCell(a,d),whiteSpace:g.whiteSpace||"nowrap",valign:g.valign,optionList:tui.util.pick(g,"editOption","list"),className:this._getClassNameString(d,r,o),columnModel:g,changed:[]},n.assign(t[d],this._getValueAttrs(s,r,g,f))},this),t)},_getClassNameString:function(t,e,i){var n;return e||(e=this.dataModel.get(this.get("rowKey")))?(i||(i=this.focusModel),n=e.getClassNameList(t),n.join(" ")):""},_getValueAttrs:function(t,e,i,n){var o=tui.util.pick(i,"editOption","beforeContent"),s=tui.util.pick(i,"editOption","afterContent"),r=tui.util.pick(i,"editOption","converter"),a=e.toJSON();return{value:this._getValueToDisplay(t,i,n),formattedValue:this._getFormattedValue(t,a,i),beforeContent:this._getExtraContent(o,t,a),afterContent:this._getExtraContent(s,t,a),convertedHTML:this._getConvertedHTML(r,t,a)}},_getFormattedValue:function(t,e,i){var o;return o=n.isFunction(i.formatter)?i.formatter(t,e,i):t,n.isNumber(o)?o=String(o):o||(o=""),o},_getExtraContent:function(t,e,i){var o="";return n.isFunction(t)?o=t(e,i):tui.util.isExisty(t)&&(o=t),o},_getConvertedHTML:function(t,e,i){var o=null;return n.isFunction(t)&&(o=t(e,i)),o===!1&&(o=null),o},_getValueToDisplay:function(t,e,i){var n=tui.util.isExisty,o=e.notUseHtmlEntity,s=e.defaultValue;return n(t)||(t=n(s)?s:""),i&&!o&&tui.util.hasEncodableString(t)&&(t=tui.util.encodeHTMLEntity(t)),t},_getRowSpanData:function(t,e,i){var n=tui.util.pick(e,"_extraData","rowSpanData",t);return i&&n||(n={mainRowKey:e.rowKey,count:0,isMainRow:!0}),n},updateClassName:function(t){this.setCell(t,{className:this._getClassNameString(t)})},setCell:function(t,e){var i,o,r,a=!1,l=[];this.has(t)&&(o=this.get("rowKey"),r=n.clone(this.get(t)),n.each(e,function(t,e){s.isEqual(r[e],t)||(a="value"===e||a,r[e]=t,l.push(e))},this),l.length&&(r.changed=l,this.set(t,r,{silent:this._shouldSetSilently(r,a)}),a&&(i=this.collection.dataModel.indexOfRowKey(o),this.trigger("valueChange",i))))},_shouldSetSilently:function(t,e){var i=t.isEditing&&e,o=tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1,s=n.contains(t.changed,"isEditing")&&t.isEditing;return i||o&&s}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(23),s=i(10).dimension,r=s.CELL_BORDER_WIDTH,a=.3,l=.1,u=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.on("change:scrollTop",this._onChangeScrollTop,this),this.listenTo(this.dimensionModel,"change:bodyHeight",this.refresh)},_onChangeScrollTop:function(){this._shouldRefresh(this.get("scrollTop"))&&this.refresh()},_setRenderingRange:function(t){var e=this.dimensionModel,i=this.dataModel,n=this.coordRowModel,o=e.get("bodyHeight"),s=parseInt(o*a,10),l=Math.max(n.indexOf(t-s),0),u=Math.min(n.indexOf(t+o+s),i.length-1),d=n.getOffsetAt(l),h=n.getOffsetAt(u)+n.getHeightAt(u)+r;i.isRowSpanEnable()&&(l+=this._getStartRowSpanMinCount(l),u+=this._getEndRowSpanMaxCount(u)),this.set({top:d,bottom:h,startIndex:l,endIndex:u})},_getStartRowSpanMinCount:function(t){var e,i=this.dataModel.at(t),o=0;return i&&(e=n.pluck(i.getRowSpanData(),"count"),e.push(0),o=n.min(e)),o},_getEndRowSpanMaxCount:function(t){var e,i=this.dataModel.at(t),o=0;return i&&(e=n.pluck(i.getRowSpanData(),"count"),e.push(0),o=n.max(e)),o},_shouldRefresh:function(t){var e=this.dimensionModel.get("bodyHeight"),i=t+e,n=this.dimensionModel.get("totalRowHeight"),o=this.get("top"),s=this.get("bottom"),r=parseInt(e*l,10),a=t-o<r,u=s-i<r;return a&&o>0||u&&s<n}});u.BUFFER_RATIO=a,u.BUFFER_HIT_RATIO=l,t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(8),s=i(9),r=i(10).selectionType,a=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,dimensionModel:e.dimensionModel,focusModel:e.focusModel,renderModel:e.renderModel,coordConverterModel:e.coordConverterModel,inputRange:null,intervalIdForAutoScroll:null,scrollPixelScale:40,enabled:!0,selectionType:r.CELL}),this.listenTo(this.dataModel,"add remove sort reset",this.end),this.listenTo(this.dataModel,"paste",this._onPasteData)},defaults:{range:null},_onPasteData:function(t){this.start(t.startIdx.row,t.startIdx.column),this.update(t.endIdx.row,t.endIdx.column)},setType:function(t){this.selectionType=r[t]||this.selectionType},getType:function(){return this.selectionType},enable:function(){this.enabled=!0},disable:function(){this.end(),this.enabled=!1},isEnabled:function(){return this.enabled},start:function(t,e,i){this.isEnabled()&&(this.setType(i),this.inputRange={row:[t,t],column:[e,e]},this._resetRangeAttribute())},update:function(t,e,i){var n;!this.enabled||t<0||e<0||(this.hasSelection()?this.setType(i):(n=this.focusModel.indexOf(),this.start(n.row,n.column,i)),this._updateInputRange(t,e),this._resetRangeAttribute())},_updateInputRange:function(t,e){var i=this.inputRange;this.selectionType===r.ROW?e=this.columnModel.getVisibleColumnModelList().length-1:this.selectionType===r.COLUMN&&(t=this.dataModel.length-1),i.row[1]=t,i.column[1]=e},extendColumnSelection:function(t,e,i){var n,o=this._minimumColumnRange,r=this.coordConverterModel.getIndexFromMousePosition(e,i),a={row:[0,this.dataModel.length-1],column:[]};t&&t.length||(t=[r.column]),this._setScrolling(e,i),o?n=s.getMinMax(t.concat(o)):(t.push(this.inputRange.column[0]),n=s.getMinMax(t)),a.column.push(n.min,n.max),this._resetRangeAttribute(a)},_setScrolling:function(t,e){var i=this.dimensionModel.getOverflowFromMousePosition(t,e);this.stopAutoScroll(),this._isAutoScrollable(i.x,i.y)&&(this.intervalIdForAutoScroll=setInterval(n.bind(this._adjustScroll,this,i.x,i.y)))},updateByMousePosition:function(t,e,i){var n=this.coordConverterModel.getIndexFromMousePosition(t,e);this._setScrolling(t,e),this.update(n.row,n.column,i)},end:function(){this.inputRange=null,this.unset("range"),this.unsetMinimumColumnRange()},stopAutoScroll:function(){n.isNull(this.intervalIdForAutoScroll)||(clearInterval(this.intervalIdForAutoScroll),this.intervalIdForAutoScroll=null)},selectRow:function(t){this.isEnabled()&&(this.focusModel.focusAt(t,0),this.start(t,0,r.ROW),this.update(t,this.columnModel.getVisibleColumnModelList().length-1))},selectColumn:function(t){this.isEnabled()&&(this.focusModel.focusAt(0,t),this.start(0,t,r.COLUMN),this.update(this.dataModel.length-1,t))},selectAll:function(){this.isEnabled()&&(this.start(0,0,r.CELL),this.update(this.dataModel.length-1,this.columnModel.getVisibleColumnModelList().length-1))},getStartIndex:function(){var t=this.get("range");return{row:t.row[0],column:t.column[0]}},getEndIndex:function(){var t=this.get("range");return{row:t.row[1],column:t.column[1]}},hasSelection:function(){return!!this.get("range")},_isSingleCell:function(t,e){var i=1===t.length,n=1===e.length,o=i&&!n&&e[0].getRowSpanData(t[0]).count===e.length;return i&&n||o},getValuesToString:function(t){var e=this.get("range"),i=this.renderModel,o=this.dataModel.slice(e.row[0],e.row[1]+1),s=this.columnModel.getVisibleColumnModelList().slice(e.column[0],e.column[1]+1),r=n.pluck(s,"columnName"),a=n.map(o,function(e){return n.map(r,function(n){return t?i.getCellData(e.get("rowKey"),n).formattedValue:e.getValueString(n)}).join("\t")});return this._isSingleCell(r,o)?a[0]:a.join("\n")},_isAutoScrollable:function(t,e){return!(0===t&&0===e)},_adjustScroll:function(t,e){var i=this.renderModel;t&&this._adjustScrollLeft(t,i.get("scrollLeft"),i.get("maxScrollLeft")),e&&this._adjustScrollTop(e,i.get("scrollTop"),i.get("maxScrollTop"))},_adjustScrollLeft:function(t,e,i){var n=e,o=this.scrollPixelScale;t<0?n=Math.max(0,e-o):t>0&&(n=Math.min(i,e+o)),this.renderModel.set("scrollLeft",n)},_adjustScrollTop:function(t,e,i){var n=e,o=this.scrollPixelScale;t<0?n=Math.max(0,e-o):t>0&&(n=Math.min(i,e+o)),this.renderModel.set("scrollTop",n)},_resetRangeAttribute:function(t){var e,i,o,s=this.dataModel;if(t=t||this.inputRange,!t)return void this.set("range",null);if(i={row:n.sortBy(t.row),column:n.sortBy(t.column)},s.isRowSpanEnable()&&this.selectionType===r.CELL){do o=n.assign([],i.row),i=this._getRowSpannedIndex(i),e=i.row[0]!==o[0]||i.row[1]!==o[1];while(e);this._setRangeMinMax(i.row,i.column)}this.set("range",i)},setMinimumColumnRange:function(t){this._minimumColumnRange=n.extend(t)},unsetMinimumColumnRange:function(){this._minimumColumnRange=null},_setRangeMinMax:function(t,e){t&&(t[0]=Math.max(0,t[0]),t[1]=Math.min(this.dataModel.length-1,t[1])),e&&(e[0]=Math.max(0,e[0]),e[1]=Math.min(this.columnModel.getVisibleColumnModelList().length-1,e[1]))},_concatRowSpanIndexFromStart:function(t){var e,i=t.startIndex,n=t.endIndex,o=t.columnName,s=t.startRowSpanDataMap&&t.startRowSpanDataMap[o],r=t.startIndexList,a=t.endIndexList;s&&(s.isMainRow?(e=i+s.count-1,e>n&&a.push(e)):(e=i+s.count,r.push(e)))},_concatRowSpanIndexFromEnd:function(t){var e,i,n=t.endIndex,o=t.columnName,s=t.endRowSpanDataMap&&t.endRowSpanDataMap[o],r=t.endIndexList,a=t.dataModel;s&&(s.isMainRow?(e=n+s.count-1,r.push(e)):(e=n+s.count,i=a.at(e).getRowSpanData(o),e+=i.count-1,e>n&&r.push(e)))},_getRowSpannedIndex:function(t){var e,i,o,s,r=this.columnModel.getVisibleColumnModelList().slice(t.column[0],t.column[1]+1),a=this.dataModel,l=[t.row[0]],u=[t.row[1]],d=a.at(t.row[0]),h=a.at(t.row[1]),c=$.extend({},t);return d&&h?(e=a.at(t.row[0]).getRowSpanData(),i=a.at(t.row[1]).getRowSpanData(),n.each(r,function(n){o=n.columnName,s={columnName:o,startIndex:t.row[0],endIndex:t.row[1],endRowSpanDataMap:i,startRowSpanDataMap:e,startIndexList:l,endIndexList:u,dataModel:a},this._concatRowSpanIndexFromStart(s),this._concatRowSpanIndexFromEnd(s)},this),c.row=[Math.min.apply(null,l),Math.max.apply(null,u)],c):c}});t.exports=a},function(t,e,i){"use strict";var n=i(8),o=i(10).summaryType,s=n.extend({initialize:function(t,e){this.dataModel=e.dataModel,this.autoColumnNames=e.autoColumnNames,this.columnSummaryMap={},this.listenTo(this.dataModel,"add remove reset",this._resetSummaryMap),this.listenTo(this.dataModel,"change",this._onChangeData),this.listenTo(this.dataModel,"delRange",this._onDeleteRangeData),this._resetSummaryMap()},_calculate:function(t){var e,i,n=Number.MAX_VALUE,s=Number.MIN_VALUE,r=0,a=t.length,l={};for(e=0;e<a;e+=1)i=Number(t[e]),isNaN(i)&&(i=0),r+=i,n>i&&(n=i),s<i&&(s=i);return l[o.SUM]=r,l[o.MIN]=n,l[o.MAX]=s,l[o.AVG]=a?r/a:0,l[o.CNT]=a,l},_resetSummaryMap:function(){this._resetFooterSummaryValue()},_resetFooterSummaryValue:function(t){var e=this.autoColumnNames;t&&(e=_.intersection(t,this.autoColumnNames)),_.each(e,function(t){var e=this.dataModel.getColumnValues(t),i=this._calculate(e);this.columnSummaryMap[t]=i,this.trigger("change",t,i)},this)},_onChangeData:function(t){this._resetFooterSummaryValue(_.keys(t.changed))},_onDeleteRangeData:function(t,e){this._resetFooterSummaryValue(e)},getValue:function(t,e){var i,n=this.columnSummaryMap[t];return e?(i=tui.util.pick(n,e),_.isUndefined(i)?null:i):_.isUndefined(n)?null:n}});t.exports=s},function(t,e,i){"use strict";var n=i(30),o=i(31),s=i(32),r=i(33),a=i(34),l=i(35),u=i(36),d=i(37),h=i(39),c=i(40),f=i(41),g=i(42),m=i(43),p=i(44),M=i(45),v=i(46),C=i(47),w=i(48),y=i(49),R=i(9).isOptionEnabled,E=i(10).frame,b=tui.util.defineClass({init:function(t){this.domState=t.domState,this.modelManager=t.modelManager,this.painterManager=t.painterManager,this.componentHolder=t.componentHolder,this.footerOptions=t.footer,this.singleClickEdit=t.singleClickEdit,this.resizeHandle=t.resizeHandle,this.copyOption=t.copyOption},createContainer:function(){return new n({el:this.domState.$el,singleClickEdit:this.singleClickEdit,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,gridId:this.modelManager.gridId,viewFactory:this})},createContentArea:function(){return new o({dimensionModel:this.modelManager.dimensionModel,viewFactory:this})},createToolbar:function(){return this.modelManager.toolbarModel.isEnabled()?new s({gridId:this.modelManager.gridId,dimensionModel:this.modelManager.dimensionModel,toolbarModel:this.modelManager.toolbarModel}):null},createPagination:function(){return R(this.componentHolder.getOptions("pagination"))?new r({componentHolder:this.componentHolder,dimensionModel:this.modelManager.dimensionModel}):null},createHeightResizeHandle:function(){return R(this.resizeHandle)?new a({dimensionModel:this.modelManager.dimensionModel}):null},createStateLayer:function(){return new l({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel})},createClipboard:function(){return new u({columnModel:this.modelManager.columnModel,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,renderModel:this.modelManager.renderModel,coordRowModel:this.modelManager.coordRowModel,coordConverterModel:this.modelManager.coordConverterModel,copyOption:this.copyOption})},createFrame:function(t){var e=t===E.L?d:h;return new e({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel,viewFactory:this})},createHeader:function(t){return new c({whichSide:t,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,selectionModel:this.modelManager.selectionModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel,coordColumnModel:this.modelManager.coordColumnModel,viewFactory:this})},createFooter:function(t){var e={};return this.footerOptions?(_.each(this.footerOptions.columnContent,function(t,i){_.isFunction(t.template)&&(e[i]=t.template)}),new p({whichSide:t,columnModel:this.modelManager.columnModel,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,coordColumnModel:this.modelManager.coordColumnModel,summaryModel:this.modelManager.summaryModel,columnTemplateMap:e})):null},createHeaderResizeHandler:function(t){return new f({whichSide:t,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,coordColumnModel:this.modelManager.coordColumnModel})},createBody:function(t){return new g({whichSide:t,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,coordConverterModel:this.modelManager.coordConverterModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,viewFactory:this})},createBodyTable:function(t){return new m({whichSide:t,dimensionModel:this.modelManager.dimensionModel,coordColumnModel:this.modelManager.coordColumnModel,renderModel:this.modelManager.renderModel,columnModel:this.modelManager.columnModel,painterManager:this.painterManager,viewFactory:this})},createRowList:function(t){return new M({el:t.el,whichSide:t.whichSide,bodyTableView:t.bodyTableView,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,renderModel:this.modelManager.renderModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel,painterManager:this.painterManager})},createSelectionLayer:function(t){return new v({whichSide:t,selectionModel:this.modelManager.selectionModel,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel,coordColumnModel:this.modelManager.coordColumnModel})},createEditingLayer:function(){return new C({renderModel:this.modelManager.renderModel,inputPainters:this.painterManager.getInputPainters(!0),domState:this.domState})},createDatePickerLayer:function(){return tui.component&&tui.component.DatePicker&&tui.component.Calendar?new w({columnModel:this.modelManager.columnModel,textPainter:this.painterManager.getInputPainters().text,domState:this.domState}):null},createFocusLayer:function(t){return new y({whichSide:t,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel,coordColumnModel:this.modelManager.coordColumnModel,coordConverterModel:this.modelManager.coordConverterModel})}});t.exports=b},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(22),r=i(10).attrName,a=i(15),l=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.gridId=t.gridId,this.singleClickEdit=t.singleClickEdit,this.dimensionModel=t.dimensionModel,this.focusModel=t.focusModel,this.dataModel=t.dataModel,this.viewFactory=t.viewFactory,this._createChildViews(),this.listenTo(this.dimensionModel,"setWidth",this._onSetWidth),$(window).on("resize.grid",$.proxy(this._onResizeWindow,this)),this.__$el=this.$el.clone()},events:{click:"_onClick",dblclick:"_onDblClick",mousedown:"_onMouseDown",mouseover:"_onMouseOver",mouseout:"_onMouseOut",selectstart:"_preventDrag",dragstart:"_preventDrag"},_createChildViews:function(){var t=this.viewFactory;this._addChildren([t.createToolbar(),t.createContentArea(),t.createHeightResizeHandle(),t.createPagination(),t.createStateLayer(),t.createEditingLayer(),t.createDatePickerLayer(),t.createClipboard()])},_onResizeWindow:function(){this.dimensionModel.refreshLayout()},_preventDrag:function(){return!1},_onSetWidth:function(){this.$el.width(this.dimensionModel.get("width"))},_onClick:function(t){var e,i=new s(t),o=$(t.target);this.trigger("click",i),i.isStopped()||this._isCellElement(o,!0)&&(e=this._getCellInfoFromElement(o.closest("td")),n.isNull(e.rowKey)||!this.singleClickEdit||o.is("input, textarea")||this.focusModel.focusIn(e.rowKey,e.columnName),this._triggerCellMouseEvent("clickCell",i,e))},_onDblClick:function(t){var e=new s(t),i=$(t.target);this.trigger("dblclick",e),e.isStopped()||this._isCellElement(i,!0)&&(this._triggerCellMouseEvent("dblclickCell",e,i.closest("td")),null!==e.rowKey||e.isStopped()||this.dataModel.append({},{focus:!0}))},_onMouseOver:function(t){var e,i=$(t.target);this._isCellElement(i)&&(e=new s(t),this._triggerCellMouseEvent("mouseoverCell",e,i))},_onMouseOut:function(t){var e,i=$(t.target);this._isCellElement(i)&&(e=new s(t),this._triggerCellMouseEvent("mouseoutCell",e,i))},_triggerCellMouseEvent:function(t,e,i){var o=i;i instanceof $&&(o=this._getCellInfoFromElement(i)),n.extend(e,o),this.trigger(t,e)},_isCellElement:function(t,e){var i=e?t.closest("td"):t;return!(!i.is("td")||!i.attr(r.COLUMN_NAME))},_getCellInfoFromElement:function(t){var e=Number(t.attr(r.ROW_KEY)),i=t.attr(r.COLUMN_NAME);return isNaN(e)&&(e=null),{rowKey:e,columnName:i,rowData:this.dataModel.getRowData(e)}},_onMouseDown:function(t){var e=$(t.target),i=new s(t);this.trigger("mousedown",i),i.isStopped()||e.is("input, a, button, select, textarea")||(t.preventDefault(),this.focusModel.focusClipboard())},render:function(){var t=this._renderChildren();return this.$el.addClass(a.CONTAINER).attr(r.GRID_ID,this.gridId).append(t),this._triggerChildrenAppended(),this.trigger("rendered"),this},destroy:function(){this.stopListening(),$(window).off("resize.grid"),this._destroyChildren(),this.$el.replaceWith(this.__$el),this.$el=this.__$el=null}});t.exports=l},function(t,e,i){"use strict";function n(t){return $("<div>").addClass(r.BORDER_LINE).addClass(t)}var o,s=i(2),r=i(15),a=i(10).frame;o=s.extend({initialize:function(t){s.prototype.initialize.call(this),this.viewFactory=t.viewFactory,this.dimensionModel=t.dimensionModel,this._addFrameViews()},className:r.CONTENT_AREA,_addFrameViews:function(){var t=this.viewFactory;this._addChildren([t.createFrame(a.L),t.createFrame(a.R)])},render:function(){var t=this.dimensionModel,e=t.getScrollXHeight(),i=t.get("footerHeight"),o=this._renderChildren().concat([n(r.BORDER_TOP),n(r.BORDER_LEFT),n(r.BORDER_RIGHT),n(r.BORDER_BOTTOM).css("bottom",e+i)]);return t.get("scrollX")||this.$el.addClass(r.NO_SCROLL_X),t.get("scrollY")||this.$el.addClass(r.NO_SCROLL_Y),this.$el.append(o),this}}),t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r=o.extend({initialize:function(t){this.setOwnProperties({gridId:t.gridId,toolbarModel:t.toolbarModel,dimensionModel:t.dimensionModel}),this.on("appended",this._onAppended),this.listenTo(this.toolbarModel,"change:isExcelButtonVisible change:isExcelAllButtonVisible",this.render)},className:s.TOOLBAR,events:function(){var t={};return t["click ."+s.BTN_EXCEL]="_onClickExcel",t},templateExcelBtn:n.template('<a href="#" class="'+s.BTN_EXCEL+" "+s.BTN_TEXT+' <%=className%>"><span><em class="'+s.BTN_EXCEL_ICON+'"></em><%=text%></span></a>'),_onAppended:function(){this.dimensionModel.set("toolbarHeight",this.$el.outerHeight())},_onClickExcel:function(t){var e,i=tui.Grid.getInstanceById(this.gridId),n=i.getAddOn("Net");t.preventDefault(),n&&(e=$(t.target).closest("a"),e.hasClass(s.BTN_EXCEL_PAGE)?n.download("excel"):e.hasClass(s.BTN_EXCEL_ALL)&&n.download("excelAll"))},render:function(){var t=this.toolbarModel,e=$("<div>");return t.get("isExcelButtonVisible")&&e.append(this.templateExcelBtn({className:s.BTN_EXCEL_PAGE,text:"엑셀 다운로드"})),t.get("isExcelAllButtonVisible")&&e.append(this.templateExcelBtn({className:s.BTN_EXCEL_ALL,text:"전체 엑셀 다운로드"})),this.$el.empty().append(e),this}});t.exports=r},function(t,e,i){
+"use strict";var n=i(1),o=i(2),s=i(15),r='<a href="#" class="'+s.PAGINATION_PRE_END+'" title="First page">First</a><a href="#" class="'+s.PAGINATION_PRE+'" title="Previous page">Prev</a> <a href="#" class="'+s.PAGINATION_NEXT+'" title="Next page">Next</a><a href="#" class="'+s.PAGINATION_NEXT_END+'" title="Last page">Last</a><span class="'+s.PAGINATION_PRE_END_OFF+'">First Off</span><span class="'+s.PAGINATION_PRE_OFF+'">Prev Off</span><span class="'+s.PAGINATION_NEXT_OFF+'">Next Off</span><span class="'+s.PAGINATION_NEXT_END_OFF+'">Last Off</span>',a={classPrefix:s.PREFIX,itemCount:1,pagePerPageList:5,itemPerPage:10,isCenterAlign:!0,moveUnit:"page"},l=o.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.componentHolder=t.componentHolder,this.on("appended",this._onAppended)},className:s.PAGINATION,render:function(){return this._destroyChildren(),this.$el.empty().html(r),this.componentHolder.setInstance("pagination",this._createComponent()),this},_onAppended:function(){this.dimensionModel.set("paginationHeight",this.$el.outerHeight())},_createOptionObject:function(){var t=this.componentHolder.getOptions("pagination"),e={$preOff:this.$el.find("."+s.PAGINATION_PRE_OFF),$pre_endOff:this.$el.find("."+s.PAGINATION_PRE_END_OFF),$nextOff:this.$el.find("."+s.PAGINATION_NEXT_OFF),$lastOff:this.$el.find("."+s.PAGINATION_NEXT_END_OFF)};return t===!0&&(t={}),n.assign({},a,e,t)},_createComponent:function(){var t=tui.util.pick(tui,"component","Pagination");if(!t)throw new Error("Cannot find component 'tui.component.Pagination'");return new t(this._createOptionObject(),this.$el)}});t.exports=l},function(t,e,i){"use strict";var n=i(2),o=i(15),s='<a href="#"><span></span></a>',r=n.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.timeoutIdForResize=0,this.mouseOffsetY=0,this.on("appended",this._onAppended)},className:o.HEIGHT_RESIZE_HANDLE,events:{mousedown:"_onMouseDown"},_onAppended:function(){this.dimensionModel.set("resizeHandleHeight",this.$el.outerHeight())},_attachMouseEvent:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)),$(document).on("mouseup",$.proxy(this._onMouseUp,this)),$(document).on("selectstart",$.proxy(this._onSelectStart,this))},_detachMouseEvent:function(){$(document).off("mousemove",$.proxy(this._onMouseMove,this)),$(document).off("mouseup",$.proxy(this._onMouseUp,this)),$(document).off("selectstart",$.proxy(this._onSelectStart,this))},_onMouseDown:function(t){t.preventDefault(),$(document.body).css("cursor","row-resize"),this.mouseOffsetY=t.offsetY,this._attachMouseEvent()},_onMouseMove:function(t){var e=this.dimensionModel,i=e.get("offsetTop"),n=this.mouseOffsetY;clearTimeout(this.timeoutIdForResize),this.timeoutIdForResize=setTimeout(function(){e.setSize(null,t.pageY-i-n)},0)},_onMouseUp:function(){$(document.body).css("cursor","default"),this._detachMouseEvent()},_onSelectStart:function(t){return t.preventDefault(),!1},render:function(){return this._destroyChildren(),this.$el.html(s),this},destroy:function(){this.stopListening(),this._onMouseUp(),this._destroyChildren(),this.remove()}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10).renderState,r=i(15),a=i(10).dimension.TABLE_BORDER_WIDTH,l="요청을 처리 중입니다.",u="데이터가 존재하지 않습니다.",d=o.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.renderModel=t.renderModel,this.listenTo(this.dimensionModel,"change",this._refreshLayout),this.listenTo(this.renderModel,"change:state",this.render)},className:r.LAYER_STATE,template:n.template('<div class="'+r.LAYER_STATE_CONTENT+'">    <p><%= text %></p>    <% if (isLoading) { %>    <div class="'+r.LAYER_STATE_LOADING+'"></div>    <% } %></div>'),render:function(){var t=this.renderModel.get("state");return t===s.DONE?this.$el.hide():this._showLayer(t),this},_showLayer:function(t){var e=this.template({text:this._getMessage(t),isLoading:t===s.LOADING});this.$el.html(e).show(),this._refreshLayout()},_getMessage:function(t){switch(t){case s.LOADING:return l;case s.EMPTY:return this.renderModel.get("emptyMessage")||u;default:return null}},_refreshLayout:function(){var t=this.dimensionModel,e=t.get("headerHeight"),i=t.get("bodyHeight"),n=t.get("toolbarHeight"),o=t.getScrollXHeight(),s=t.getScrollYWidth();this.$el.css({top:e+n-a,height:i-o-a,left:0,right:s})}});d.MESSAGE_LOADING=l,d.MESSAGE_EMPTY=u,t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),r=i(15),a=i(10),l=a.keyCode,u=a.selectionType,d=o.extend({initialize:function(t){this.setOwnProperties({dataModel:t.dataModel,columnModel:t.columnModel,focusModel:t.focusModel,selectionModel:t.selectionModel,dimensionModel:t.dimensionModel,coordRowModel:t.coordRowModel,coordConverterModel:t.coordConverterModel,renderModel:t.renderModel,useFormattedValue:!!tui.util.pick(t,"copyOption","useFormattedValue"),timeoutIdForKeyIn:0,isLocked:!1}),this.listenTo(this.focusModel,"focusClipboard",this._onFocus)},tagName:"textarea",className:r.CLIPBOARD,events:{keydown:"_onKeyDown",blur:"_onBlur"},_onBlur:function(){var t=this.focusModel;setTimeout(function(){t.refreshState()},0)},_onFocus:function(){try{this.$el.is(":focus")||(this.$el.focus(),this.focusModel.refreshState())}catch(t){}},render:function(){return this},_lock:function(){clearTimeout(this.timeoutIdForKeyIn),this.isLocked=!0,this.timeoutIdForKeyIn=setTimeout($.proxy(this._unlock,this),10)},_unlock:function(){this.isLocked=!1},_onKeyDown:function(t){return this.isLocked?void t.preventDefault():(t.shiftKey&&(t.ctrlKey||t.metaKey)?this._keyInWithShiftAndCtrl(t):t.shiftKey?this._keyInWithShift(t):t.ctrlKey||t.metaKey?this._keyInWithCtrl(t):this._keyIn(t),void this._lock())},_keyIn:function(t){var e,i=this.focusModel,n=this.selectionModel,o=i.which(),r=o.rowKey,a=o.columnName,u=this.dataModel.indexOfRowKey(r),d=this.columnModel.indexOfColumnName(a,!0),h=!0,c=t.keyCode||t.which;if(!s.isBlank(o.rowKey)){switch(c){case l.UP_ARROW:i.focus(i.prevRowKey(),a,!0);break;case l.DOWN_ARROW:i.focus(i.nextRowKey(),a,!0);break;case l.LEFT_ARROW:i.focus(r,i.prevColumnName(),!0);break;case l.RIGHT_ARROW:i.focus(r,i.nextColumnName(),!0);break;case l.PAGE_UP:i.focusAt(this._getPageMovedRowIndex(u,!1),d,!0);break;case l.PAGE_DOWN:i.focusAt(this._getPageMovedRowIndex(u,!0),d,!0);break;case l.HOME:i.focus(r,i.firstColumnName(),!0);break;case l.END:i.focus(r,i.lastColumnName(),!0);break;case l.SPACE:case l.ENTER:this._onEnterSpace(r,a);break;case l.DEL:this._del(r,a);break;case l.TAB:e=i.nextAddress(),i.focusIn(e.rowKey,e.columnName,!0);break;default:h=!1}h&&t.preventDefault(),n.end()}},_onEnterSpace:function(t,e){this.focusModel.focusIn(t,e)},_getIndexBeforeMove:function(){var t,e,i=this.focusModel.indexOf(),o=this.selectionModel.get("range"),s=n.extend({},i);return o&&(t=o.row,e=o.column,s.row=t[0],s.column=e[0],t[1]>i.row&&(s.row=t[1]),e[1]>i.column&&(s.column=e[1])),s},_getPageMovedRowIndex:function(t,e){var i,n=this.coordRowModel.getOffsetAt(t),o=this.dimensionModel.get("bodyHeight");return e||(o=-o),i=this.coordRowModel.indexOf(n+o),s.clamp(i,0,this.dataModel.length-1)},_keyInWithShift:function(t){var e,i,n,o,s,r=this.focusModel,a=this.columnModel.getVisibleColumnModelList(),d=this.coordConverterModel,h=t.keyCode||t.which,c=this._getIndexBeforeMove(),f=!0,g=!0;switch(h){case l.UP_ARROW:c.row-=1;break;case l.DOWN_ARROW:c.row+=1;break;case l.LEFT_ARROW:c.column-=1;break;case l.RIGHT_ARROW:c.column+=1;break;case l.PAGE_UP:c.row=this._getPageMovedRowIndex(c.row,!1);break;case l.PAGE_DOWN:c.row=this._getPageMovedRowIndex(c.row,!0);break;case l.HOME:c.column=0;break;case l.END:c.column=a.length-1;break;case l.ENTER:g=!1;break;case l.TAB:g=!1,s=r.prevAddress(),r.focusIn(s.rowKey,s.columnName,!0);break;default:g=!1,f=!1}e=a[c.column],n=!(!e||!this.dataModel.getRowData(c.row)),g&&n&&(this._updateSelectionByKeyIn(c.row,c.column),i=d.getScrollPosition(c.row,e.columnName),i&&(o=this.selectionModel.getType(),o===u.COLUMN?delete i.scrollTop:o===u.ROW&&delete i.scrollLeft,this.renderModel.set(i))),f&&t.preventDefault()},_keyInWithCtrl:function(t){var e=this.focusModel,i=t.keyCode||t.which;switch(i){case l.CHAR_A:this.selectionModel.selectAll();break;case l.CHAR_C:this._copyToClipboard();break;case l.HOME:e.focus(e.firstRowKey(),e.firstColumnName(),!0);break;case l.END:e.focus(e.lastRowKey(),e.lastColumnName(),!0);break;case l.CHAR_V:this._pasteWhenKeyupCharV()}},_pasteWhenKeyupCharV:function(){var t=this;this._clearClipBoard(),this.pasting||(this.pasting=!0,this.$el.on("keyup",function(){t._pasteToGrid(),t.pasting=!1}))},_clearClipBoard:function(){this.$el.val("")},_pasteToGrid:function(){var t,e,i=this.selectionModel,n=this.focusModel,o=this.dataModel;t=i.hasSelection()?i.getStartIndex():n.indexOf(),e=this._getProcessClipBoardData(),this.$el.off("keyup"),o.paste(e,t)},_getProcessClipBoardData:function(){for(var t=this.$el.val(),e=t.split("\n"),i=0,n=e.length;i<n;i+=1)e[i]=e[i].split("\t");return e},_keyInWithShiftAndCtrl:function(t){var e=!0,i=this.columnModel.getVisibleColumnModelList(),n=t.keyCode||t.which;switch(n){case l.HOME:this._updateSelectionByKeyIn(0,0);break;case l.END:this._updateSelectionByKeyIn(this.dataModel.length-1,i.length-1);break;default:e=!1}e&&t.preventDefault()},_del:function(){var t=this.selectionModel,e=this.dataModel,i=this.focusModel.which(),n=i.rowKey,o=i.columnName;t.hasSelection()?e.delRange(t.get("range")):e.del(n,o)},_updateSelectionByKeyIn:function(t,e){var i=this.selectionModel;i.update(t,e)},_getClipboardString:function(){var t,e=this.selectionModel,i=this.focusModel.which();return t=e.hasSelection()?this.selectionModel.getValuesToString(this.useFormattedValue):this.useFormattedValue?this.renderModel.getCellData(i.rowKey,i.columnName).formattedValue:this.dataModel.get(i.rowKey).getValueString(i.columnName)},_copyToClipboard:function(){var t=this._getClipboardString();window.clipboardData?window.clipboardData.setData("Text",t):this.$el.val(t).select()}});t.exports=d},function(t,e,i){"use strict";var n=i(38),o=i(15),s=i(10).frame,r=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:s.L}),this.listenTo(this.dimensionModel,"change:lsideWidth",this._onFrameWidthChanged)},className:o.LSIDE_AREA,_onFrameWidthChanged:function(){this.$el.css({width:this.dimensionModel.get("lsideWidth")})},beforeRender:function(){this.$el.css({display:"block",width:this.dimensionModel.get("lsideWidth")})},afterRender:function(){this.dimensionModel.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_LEFT_BOTTOM))}});t.exports=r},function(t,e,i){"use strict";var n=i(2),o=i(10).frame,s=n.extend({initialize:function(t){n.prototype.initialize.call(this),this.setOwnProperties({viewFactory:t.viewFactory,renderModel:t.renderModel,dimensionModel:t.dimensionModel,whichSide:t.whichSide||o.R}),this.listenTo(this.renderModel,"columnModelChanged",this.render)},render:function(){var t=this.viewFactory;return this.$el.empty(),this._destroyChildren(),this.beforeRender(),this._addChildren([t.createHeader(this.whichSide),t.createBody(this.whichSide),t.createFooter(this.whichSide)]),this.$el.append(this._renderChildren()),this.afterRender(),this},beforeRender:function(){},afterRender:function(){}});t.exports=s},function(t,e,i){"use strict";var n=i(38),o=i(15),s=i(10),r=s.frame,a=s.dimension.CELL_BORDER_WIDTH,l=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:r.R,$scrollBorder:null}),this.listenTo(this.dimensionModel,"change:lsideWidth change:rsideWidth",this._onFrameWidthChanged),this.listenTo(this.dimensionModel,"change:bodyHeight change:headerHeight",this._resetScrollBorderHeight)},className:o.RSIDE_AREA,_onFrameWidthChanged:function(){this._refreshLayout()},_refreshLayout:function(){var t=this.dimensionModel,e=t.get("rsideWidth"),i=t.get("lsideWidth");i>0&&!t.isDivisionBorderDoubled()&&(e+=a,i-=a),this.$el.css({width:e,marginLeft:i})},_resetScrollBorderHeight:function(){var t,e;this.$scrollBorder&&(t=this.dimensionModel,e=t.get("bodyHeight")-t.getScrollXHeight(),this.$scrollBorder.height(e))},beforeRender:function(){this.$el.css("display","block"),this._refreshLayout()},afterRender:function(){var t,e,i,n,s=this.dimensionModel;s.get("scrollY")&&(t=s.get("headerHeight"),e=s.get("footerHeight"),i=$("<div />").addClass(o.SCROLLBAR_HEAD),n=$("<div />").addClass(o.SCROLLBAR_BORDER),i.height(t-2),n.css("top",t+"px"),this.$el.append(i,n),s.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_RIGHT_BOTTOM)),e&&s.get("scrollY")&&this.$el.append($("<div>").addClass(o.FOOT_AREA_RIGHT).css("height",e-a)),this.$scrollBorder=n,this._resetScrollBorderHeight())}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),r=i(10),a=i(15),l=r.frame,u=10,d=r.keyCode,h=r.selectionType.COLUMN,c=r.attrName.COLUMN_NAME,f=r.dimension.CELL_BORDER_WIDTH,g=r.dimension.TABLE_BORDER_WIDTH,m=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({renderModel:t.renderModel,coordColumnModel:t.coordColumnModel,dimensionModel:t.dimensionModel,selectionModel:t.selectionModel,focusModel:t.focusModel,columnModel:t.columnModel,dataModel:t.dataModel,viewFactory:t.viewFactory,coordRowModel:t.coordRowModel,whichSide:t.whichSide||l.R}),this.listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange).listenTo(this.coordColumnModel,"columnWidthChanged",this._onColumnWidthChanged).listenTo(this.selectionModel,"change:range",this._refreshSelectedHeaders).listenTo(this.focusModel,"change:columnName",this._refreshSelectedHeaders).listenTo(this.dataModel,"sortChanged",this._updateBtnSortState),this.whichSide===l.L&&"checkbox"===this.columnModel.get("selectType")&&this.listenTo(this.dataModel,"change:_button disabledChanged extraDataChanged add remove reset",n.debounce(n.bind(this._syncCheckedState,this),u))},className:a.HEAD_AREA,events:{click:"_onClick","keydown input":"_onKeydown","mousedown th":"_onMouseDown"},template:n.template('<table class="'+a.TABLE+'"><colgroup><%=colGroup%></colgroup><tbody><%=tBody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" height="<%=height%>" <%if(colspan > 0) {%>colspan=<%=colspan%> <%}%><%if(rowspan > 0) {%>rowspan=<%=rowspan%> <%}%>><%=title%><%=btnSort%></th>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),markupBtnSort:'<a class="'+a.BTN_SORT+'"></a>',_getColGroupMarkup:function(){var t=this._getColumnData(),e=t.widthList,i=t.modelList,o=[];return n.each(e,function(t,e){o.push(this.templateCol({attrColumnName:c,columnName:i[e].columnName,width:t+f}))},this),o.join("")},_getSelectedColumnNames:function(){var t=this.selectionModel.get("range").column,e=this.columnModel.getVisibleColumnModelList(),i=e.slice(t[0],t[1]+1);return n.pluck(i,"columnName")},_getContainingMergedColumnNames:function(t){var e=this.columnModel,i=n.pluck(e.get("columnMerge"),"columnName");return n.filter(i,function(i){var o=e.getUnitColumnNamesIfMerged(i);return n.every(o,function(e){return n.contains(t,e)})})},_refreshSelectedHeaders:function(){var t,e,i=this.$el.find("th");this.selectionModel.hasSelection()?t=this._getSelectedColumnNames():this.focusModel.has(!0)&&(t=[this.focusModel.get("columnName")]),i.removeClass(a.CELL_SELECTED),t&&(e=this._getContainingMergedColumnNames(t),n.each(t.concat(e),function(t){i.filter("["+c+'="'+t+'"]').addClass(a.CELL_SELECTED)}))},_onKeydown:function(t){t.keyCode===d.TAB&&(t.preventDefault(),this.focusModel.focusClipboard())},_onMouseDown:function(t){var e,i;this.selectionModel.isEnabled()&&!$(t.target).is("a."+a.BTN_SORT)&&(e=$(t.target).closest("th").attr(c),e&&(i=this.columnModel.getUnitColumnNamesIfMerged(e),this._hasMetaColumn(i)||this._controlStartAction(i,t.pageX,t.pageY,t.shiftKey)))},_controlStartAction:function(t,e,i,o){var s=this.columnModel,r=n.map(t,function(t){return s.indexOfColumnName(t,!0)});o?this._startColumnSelectionWithShiftKey(r,e,i):this._startColumnSelectionWithoutShiftKey(r),this._attachDragEvents()},_startColumnSelectionWithShiftKey:function(t,e,i){var n=this.selectionModel,o=Math.max.apply(null,t);n.update(0,o,h),n.extendColumnSelection(t,e,i)},_startColumnSelectionWithoutShiftKey:function(t){var e=this.selectionModel,i=s.getMinMax(t),n=i.min,o=i.max;e.setMinimumColumnRange([n,o]),e.selectColumn(n),e.update(0,o)},_attachDragEvents:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(t){var e,i,o=this.columnModel,s=!0,r=$(t.target).closest("th").attr(c);r?(e=o.getUnitColumnNamesIfMerged(r),i=n.map(e,function(t){return o.indexOfColumnName(t,!0)})):$.contains(this.el,t.target)&&(s=!1),s&&this.selectionModel.extendColumnSelection(i,t.pageX,t.pageY)},_hasMetaColumn:function(t){return n.some(t,function(t){return s.isMetaColumn(t)})},_onSelectStart:function(t){return t.preventDefault(),!1},_getHeaderMainCheckbox:function(){return this.$el.find("th["+c+'="_button"] input')},_syncCheckedState:function(){var t,e,i=this.dataModel.getCheckedState();t=this._getHeaderMainCheckbox(),t.length&&(e=i.available?{checked:i.available===i.checked,disabled:!1}:{checked:!1,disabled:!0},t.prop(e))},_onColumnWidthChanged:function(){var t=this.coordColumnModel.getColumnWidthList(this.whichSide),e=this.$el.find("col"),i=this.coordRowModel,o=0;n.each(t,function(t,i){e.eq(i).css("width",t+f),o+=t}),this.$el.find("table").css("width",o),this.whichSide===l.R&&n.defer(function(){i.syncWithDom()})},_onScrollLeftChange:function(t,e){this.whichSide===l.R&&(this.el.scrollLeft=e)},_onClick:function(t){var e=$(t.target),i=e.closest("th").attr(c);"_button"===i&&e.is("input")?e.prop("checked")?this.dataModel.checkAll():this.dataModel.uncheckAll():e.is("a."+a.BTN_SORT)&&this.dataModel.sortByField(i)},_updateBtnSortState:function(t){this._$currentSortBtn&&this._$currentSortBtn.removeClass(a.BTN_SORT_DOWN+" "+a.BTN_SORT_UP),this._$currentSortBtn=this.$el.find("th["+c+'="'+t.columnName+'"] a.'+a.BTN_SORT),this._$currentSortBtn.addClass(t.isAscending?a.BTN_SORT_UP:a.BTN_SORT_DOWN)},render:function(){return this._destroyChildren(),this.$el.css({height:this.dimensionModel.get("headerHeight")-g}).html(this.template({colGroup:this._getColGroupMarkup(),tBody:this._getTableBodyMarkup()})),this._addChildren(this.viewFactory.createHeaderResizeHandler(this.whichSide)),this.$el.append(this._renderChildren()),this},_getColumnData:function(){var t=this.coordColumnModel.getColumnWidthList(this.whichSide),e=this.columnModel.getVisibleColumnModelList(this.whichSide,!0);return{widthList:t,modelList:e}},_getTableBodyMarkup:function(){var t,e,i=this._getColumnHierarchyList(),o=this._getHierarchyMaxRowCount(i),r=this.dimensionModel.get("headerHeight"),l=new Array(o),u=new Array(o),d=[],h=s.getRowHeight(o,r)-1,f=1;return n.each(i,function(e,s){var g=i[s].length,m=0;n.each(e,function(e,i){var n=e.columnName,s=[a.CELL,a.CELL_HEAD];e.isRequired&&s.push(a.CELL_REQRUIRED),f=g-1===i&&o-g+1>1?o-g+1:1,t=h*f,i===g-1?t=r-m-2:m+=t+1,u[i]===n?(l[i].pop(),d[i]+=1):d[i]=1,u[i]=n,l[i]=l[i]||[],l[i].push(this.templateHeader({attrColumnName:c,columnName:n,className:s.join(" "),height:t,colspan:d[i],rowspan:f,title:e.title,btnSort:e.isSortable?this.markupBtnSort:""}))},this)},this),e=n.map(l,function(t){return"<tr>"+t.join("")+"</tr>"}),e.join("")},_getHierarchyMaxRowCount:function(t){var e=[0];return n.each(t,function(t){e.push(t.length)},this),Math.max.apply(Math,e)},_getColumnHierarchyList:function(){var t,e=this._getColumnData().modelList;return t=n.map(e,function(t){return this._getColumnHierarchy(t).reverse()},this)},_getColumnHierarchy:function(t,e){var i=this.columnModel.get("columnMerge");return e=e||[],t&&(e.push(t),i&&n.each(i,function(i){$.inArray(t.columnName,i.columnNameList)!==-1&&this._getColumnHierarchy(i,e)},this)),e}});m.DELAY_SYNC_CHECK=u,t.exports=m},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.attrName,l=s.frame,u=s.dimension.CELL_BORDER_WIDTH,d=s.dimension.RESIZE_HANDLE_WIDTH,h=o.extend({initialize:function(t){this.setOwnProperties({dimensionModel:t.dimensionModel,columnModel:t.columnModel,coordColumnModel:t.coordColumnModel,whichSide:t.whichSide||l.R,isResizing:!1,$target:null,differenceLeft:0,initialWidth:0,initialOffsetLeft:0,initialLeft:0}),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._refreshHandlerPosition)},className:r.COLUMN_RESIZE_CONTAINER,events:function(){var t={};return t["mousedown ."+r.COLUMN_RESIZE_HANDLE]="_onMouseDown",t["dblclick ."+r.COLUMN_RESIZE_HANDLE]="_onDblClick",t},template:n.template("<div "+a.COLUMN_INDEX+'="<%=columnIndex%>" '+a.COLUMN_NAME+'="<%=columnName%>" class="'+r.COLUMN_RESIZE_HANDLE+' <%=lastClass%>" style="<%=height%>" title="마우스 드래그를 통해 컬럼의 넓이를 변경할 수 있고,더블클릭을 통해 넓이를 초기화할 수 있습니다."></div>'),_getColumnData:function(){var t=this.coordColumnModel.getColumnWidthList(this.whichSide),e=this.columnModel.getVisibleColumnModelList(this.whichSide,!0);return{widthList:t,modelList:e}},_getResizeHandlerMarkup:function(){var t=this._getColumnData(),e=t.modelList,i=this.dimensionModel.get("headerHeight"),o=e.length,s=n.map(e,function(t,e){return this.template({lastClass:e+1===o?r.COLUMN_RESIZE_HANDLE_LAST:"",columnIndex:e,columnName:t.columnName,height:i})},this);return s.join("")},render:function(){var t=this.dimensionModel.get("headerHeight"),e=this._getResizeHandlerMarkup();return this.$el.empty().html(e).css({marginTop:-t,height:t,display:"block"}),this._refreshHandlerPosition(),this},_refreshHandlerPosition:function(){var t=this._getColumnData(),e=t.widthList,i=this.$el.find("."+r.COLUMN_RESIZE_HANDLE),n=Math.floor(d/2),o=0;tui.util.forEachArray(i,function(t,s){var r=i.eq(s);o+=e[s]+u,r.css("left",o-n)})},_isResizing:function(){return!!this.isResizing},_onMouseDown:function(t){this._startResizing($(t.target))},_onDblClick:function(t){var e=$(t.target),i=parseInt(e.attr(a.COLUMN_INDEX),10);this.coordColumnModel.restoreColumnWidth(this._getHandlerColumnIndex(i)),this._refreshHandlerPosition()},_onMouseUp:function(){this._stopResizing()},_onMouseMove:function(t){var e,i;this._isResizing()&&(t.preventDefault(),e=this._calculateWidth(t.pageX),i=parseInt(this.$target.attr(a.COLUMN_INDEX),10),this.coordColumnModel.setColumnWidth(this._getHandlerColumnIndex(i),e),this._refreshHandlerPosition())},_calculateWidth:function(t){var e=t-this.initialOffsetLeft-this.initialLeft;return this.initialWidth+e},_getHandlerColumnIndex:function(t){return this.whichSide===l.R?t+this.columnModel.getVisibleColumnFixCount(!0):t},_startResizing:function(t){var e=this._getColumnData(),i=e.widthList;this.isResizing=!0,this.$target=t,this.initialLeft=parseInt(t.css("left").replace("px",""),10),this.initialOffsetLeft=this.$el.offset().left,this.initialWidth=i[t.attr(a.COLUMN_INDEX)],$("body").css("cursor","col-resize"),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._onMouseUp,this)),t[0].setCapture&&t[0].setCapture()},_stopResizing:function(){this.$target&&this.$target[0].releaseCapture&&this.$target[0].releaseCapture(),this.isResizing=!1,this.$target=null,this.initialLeft=0,this.initialOffsetLeft=0,this.initialWidth=0,$("body").css("cursor","default"),$(document).unbind("mousemove",$.proxy(this._onMouseMove,this)).unbind("mouseup",$.proxy(this._onMouseUp,this))},destroy:function(){this.stopListening(),this._stopResizing(),this.remove()}});t.exports=h},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),r=i(10),a=i(15),l=r.attrName,u=r.selectionType,d=r.frame,h=200,c=10,f=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:t.dimensionModel,dataModel:t.dataModel,columnModel:t.columnModel,renderModel:t.renderModel,coordConverterModel:t.coordConverterModel,selectionModel:t.selectionModel,focusModel:t.focusModel,viewFactory:t.viewFactory,$container:null,whichSide:t&&t.whichSide||d.R}),this.listenTo(this.dimensionModel,"change:bodyHeight",this._onBodyHeightChange).listenTo(this.dimensionModel,"change:totalRowHeight",this._resetContainerHeight).listenTo(this.renderModel,"change:scrollTop",this._onScrollTopChange).listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange)},className:a.BODY_AREA,events:function(){var t={};return t.scroll="_onScroll",t["mousedown ."+a.BODY_CONTAINER]="_onMouseDown",t},_onBodyHeightChange:function(t,e){this.$el.css("height",e+"px")},_resetContainerHeight:function(){this.$container.css({height:this.dimensionModel.get("totalRowHeight")})},_onScroll:function(t){var e={scrollTop:t.target.scrollTop};this.whichSide===d.R&&(e.scrollLeft=t.target.scrollLeft),this.renderModel.set(e)},_onScrollLeftChange:function(t,e){this.whichSide===d.R&&(this.el.scrollLeft=e)},_onScrollTopChange:function(t,e){this.el.scrollTop=e},_getColumnNameByVisibleIndex:function(t){var e=this.columnModel.getVisibleColumnModelList(null,!1);return e[t].columnName},_onMouseDown:function(t){var e,i=this.columnModel,o=$(t.target),s=o.closest("td"),r=o.closest("tr"),a=s.attr(l.COLUMN_NAME),u=r.attr(l.ROW_KEY),d=!0,h=n.pick(t,"pageX","pageY","shiftKey");s.length?u&&a?(e={column:i.indexOfColumnName(a,!0),row:this.dataModel.indexOfRowKey(u)},"radio"===this.columnModel.get("selectType")&&this.dataModel.check(u)):d=!1:(e=this.coordConverterModel.getIndexFromMousePosition(t.pageX,t.pageY),a=this._getColumnNameByVisibleIndex(e.column)),d&&this._controlStartAction(h,e,a,o.is("input, textarea"))},_controlStartAction:function(t,e,i,n){var o=this.selectionModel,r=e.column,a=e.row,l=!0;o.isEnabled()&&(s.isMetaColumn(i)?"_number"===i?this._updateSelectionByRow(a,t.shiftKey):l=!1:(o.setType(u.CELL),t.shiftKey&&!n?o.update(a,r):(l=this._doFocusAtAndCheckDraggable(a,r),o.end())),!n&&l&&(this.dimensionModel.refreshLayout(),this._attachDragEvents(t.pageX,t.pageY)))},_updateSelectionByRow:function(t,e){e?this.selectionModel.update(t,0,u.ROW):this.selectionModel.selectRow(t)},_doFocusAtAndCheckDraggable:function(t,e){var i=(new Date).getTime(),n=this.focusModel.focusAt(t,e),o=(new Date).getTime(),s=o-i>h;return!(!n||s)},_attachDragEvents:function(t,e){this.setOwnProperties({mouseDownX:t,mouseDownY:e}),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(t){var e=this._getMouseMoveDistance(t.pageX,t.pageY)>c;(this.selectionModel.hasSelection()||e)&&this.selectionModel.updateByMousePosition(t.pageX,t.pageY)},_getMouseMoveDistance:function(t,e){var i=Math.abs(this.mouseDownX-t),n=Math.abs(this.mouseDownY-e);return Math.round(Math.sqrt(Math.pow(i,2)+Math.pow(n,2)))},_onSelectStart:function(t){return t.preventDefault(),!1},render:function(){var t=this.whichSide;return this._destroyChildren(),this.dimensionModel.get("scrollX")||this.$el.css("overflow-x","hidden"),this.dimensionModel.get("scrollY")||t!==d.R||this.$el.css("overflow-y","hidden"),this.$el.css("height",this.dimensionModel.get("bodyHeight")),this.$container=$("<div>").addClass(a.BODY_CONTAINER),this.$el.append(this.$container),this._addChildren([this.viewFactory.createBodyTable(t),this.viewFactory.createSelectionLayer(t),this.viewFactory.createFocusLayer(t)]),this.$container.append(this._renderChildren()),this._resetContainerHeight(),this}});t.exports=f},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.dimension.CELL_BORDER_WIDTH,l=s.attrName.COLUMN_NAME,u=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:t.dimensionModel,coordColumnModel:t.coordColumnModel,renderModel:t.renderModel,columnModel:t.columnModel,viewFactory:t.viewFactory,painterManager:t.painterManager,whichSide:t.whichSide||"R"}),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._onColumnWidthChanged),this.listenTo(this.renderModel,"change:dummyRowCount",this._onChangeDummyRowCount),this.listenTo(this.dimensionModel,"change:bodyHeight",this._resetHeight),this._attachAllTableEventHandlers()},className:r.BODY_TABLE_CONTAINER,template:n.template('<table class="'+r.TABLE+'">   <colgroup><%=colGroup%></colgroup>   <tbody><%=tbody%></tbody></table>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),_onColumnWidthChanged:function(){var t=this.coordColumnModel.getColumnWidthList(this.whichSide),e=this.$el.find("col"),i=0;n.each(t,function(t,n){e.eq(n).css("width",t+a),i+=t},this),this.$el.find("table").css("width",i)},_onChangeDummyRowCount:function(){this._resetOverflow(),this._resetHeight()},_resetOverflow:function(){var t="visible";this.renderModel.get("dummyRowCount")>0&&(t="hidden"),this.$el.css("overflow",t)},_resetHeight:function(){var t=this.dimensionModel;this.renderModel.get("dummyRowCount")>0?this.$el.height(t.get("bodyHeight")-t.getScrollXHeight()):this.$el.css("height","")},resetTablePosition:function(){this.$el.css("top",this.renderModel.get("top"))},render:function(){return this._destroyChildren(),this.$el.html(this.template({colGroup:this._getColGroupMarkup(),tbody:""})),this._addChildren(this.viewFactory.createRowList({bodyTableView:this,el:this.$el.find("tbody"),whichSide:this.whichSide})),this._renderChildren(),this._resetHeight(),this._resetOverflow(),this},_attachAllTableEventHandlers:function(){var t=this.painterManager.getCellPainters();n.each(t,function(t){t.attachEventHandlers(this.$el,"")},this)},redrawTable:function(t){return this.$el[0].innerHTML=this.template({colGroup:this._getColGroupMarkup(),tbody:t}),this.$el.find("tbody")},_getColGroupMarkup:function(){var t=this.whichSide,e=this.coordColumnModel.getColumnWidthList(t),i=this.columnModel.getVisibleColumnModelList(t,!0),o="";return n.each(i,function(t,i){o+=this.templateCol({attrColumnName:l,columnName:t.columnName,width:e[i]+a})},this),o}});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r=i(10),a=r.frame,l=r.attrName.COLUMN_NAME,u=o.extend({initialize:function(t){this.columnTemplateMap=t.columnTemplateMap||{},this.whichSide=t.whichSide,this.columnModel=t.columnModel,this.dimensionModel=t.dimensionModel,this.coordColumnModel=t.coordColumnModel,this.renderModel=t.renderModel,this.summaryModel=t.summaryModel,this.listenTo(this.renderModel,"change:scrollLeft",this._onChangeScrollLeft),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._onChangeColumnWidth),this.listenTo(this.columnModel,"setFooterContent",this._setcolumnContent),this.summaryModel&&this.listenTo(this.summaryModel,"change",this._onChangeSummaryValue)},className:s.FOOT_AREA,events:{scroll:"_onScrollView"},template:n.template('<table class="<%=className%>" style="height:<%=height%>px"><tbody><%=tbody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" style="width:<%=width%>px"><%=value%></th>'),_onScrollView:function(t){this.whichSide===a.R&&this.renderModel.set("scrollLeft",t.target.scrollLeft)},_onChangeScrollLeft:function(t,e){this.whichSide===a.R&&(this.el.scrollLeft=e)},_onChangeColumnWidth:function(){var t=this.coordColumnModel.getColumnWidthList(this.whichSide),e=this.$el.find("th");n.each(t,function(t,i){e.eq(i).css("width",t)})},_setcolumnContent:function(t,e){var i=this.$el.find("th["+l+'="'+t+'"]');i.html(e)},_onChangeSummaryValue:function(t,e){var i=this._generateValueHTML(t,e);this._setcolumnContent(t,i)},_generateValueHTML:function(t,e){var i=this.columnTemplateMap[t],o="";return n.isFunction(i)&&(o=i(e)),o},_generateTbodyHTML:function(){
+var t=this.summaryModel,e=this.columnModel.getVisibleColumnModelList(this.whichSide,!0),i=this.coordColumnModel.getColumnWidthList(this.whichSide);return n.reduce(e,function(e,n,o){var r,a=n.columnName;return t&&(r=t.getValue(n.columnName)),e+this.templateHeader({attrColumnName:l,columnName:a,className:s.CELL_HEAD+" "+s.CELL,width:i[o],value:this._generateValueHTML(a,r)})},"",this)},render:function(){var t=this.dimensionModel.get("footerHeight");return t&&this.$el.html(this.template({className:s.TABLE,height:t,tbody:this._generateTbodyHTML()})),this}});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.attrName,l=s.frame,u=s.dimension.CELL_BORDER_WIDTH,d=o.extend({initialize:function(t){var e=t.focusModel,i=t.renderModel,n=t.selectionModel,o=t.coordRowModel,s=t.whichSide||"R";this.setOwnProperties({whichSide:s,bodyTableView:t.bodyTableView,focusModel:e,renderModel:i,selectionModel:n,coordRowModel:o,dataModel:t.dataModel,columnModel:t.columnModel,collection:i.getCollection(s),painterManager:t.painterManager,sortOptions:null,renderedRowKeys:null}),this.listenTo(this.collection,"change",this._onModelChange).listenTo(this.collection,"restore",this._onModelRestore).listenTo(e,"change:rowKey",this._refreshFocusedRow).listenTo(i,"rowListChanged",this.render),this.whichSide===l.L&&this.listenTo(e,"change:rowKey",this._refreshSelectedMetaColumns).listenTo(n,"change:range",this._refreshSelectedMetaColumns).listenTo(i,"rowListChanged",this._refreshSelectedMetaColumns)},_getColumnModelList:function(){return this.columnModel.getVisibleColumnModelList(this.whichSide,!0)},_removeOldRows:function(t){var e=n.indexOf(this.renderedRowKeys,t[0]),i=n.indexOf(this.renderedRowKeys,n.last(t)),o=this.$el.children("tr");o.slice(0,e).remove(),o.slice(i+1).remove()},_appendNewRows:function(t,e){var i=this.collection.slice(0,n.indexOf(t,e[0])),o=this.collection.slice(n.indexOf(t,n.last(e))+1);this.$el.prepend(this._getRowsHtml(i)),this.$el.append(this._getRowsHtml(o))},_resetRows:function(){var t,e=this._getRowsHtml(this.collection.models);if(d.isInnerHtmlOfTbodyReadOnly)t=this.bodyTableView.redrawTable(e),this.setElement(t,!1);else try{this.$el[0].innerHTML=e}catch(t){d.isInnerHtmlOfTbodyReadOnly=!0,this._resetRows()}},_getRowsHtml:function(t){var e=this.painterManager.getRowPainter(),i=n.pluck(this._getColumnModelList(),"columnName");return n.map(t,function(t){return e.generateHtml(t,i)}).join("")},_getRowElement:function(t){return this.$el.find("tr["+a.ROW_KEY+"="+t+"]")},_refreshSelectedMetaColumns:function(){var t,e=this.$el.find("tr"),i="."+r.CELL_HEAD;t=this.selectionModel.hasSelection()?this._filterRowsByIndexRange(e,this.selectionModel.get("range").row):this._filterRowByKey(e,this.focusModel.get("rowKey")),e.find(i).removeClass(r.CELL_SELECTED),t.find(i).addClass(r.CELL_SELECTED)},_filterRowsByIndexRange:function(t,e){var i,n,o=this.renderModel,s=o.get("startIndex");return i=Math.max(e[0]-s,0),n=Math.max(e[1]-s+1,0),i||n?t.slice(i,n):$()},_filterRowByKey:function(t,e){var i=this.dataModel.indexOfRowKey(e),n=this.renderModel.get("startIndex");return n>i?$():t.eq(i-n)},_refreshFocusedRow:function(){var t=this.focusModel.get("rowKey"),e=this.focusModel.get("prevRowKey");this._setFocusedRowClass(e,!1),this._setFocusedRowClass(t,!0)},_setFocusedRowClass:function(t,e){var i=n.pluck(this._getColumnModelList(),"columnName"),o={};n.each(i,function(i){var n,s=this.dataModel.getMainRowKey(t,i);o[s]||(o[s]=this._getRowElement(s)),n=o[s].find("td["+a.COLUMN_NAME+'="'+i+'"]'),n.toggleClass(r.CELL_CURRENT_ROW,e)},this)},render:function(t){var e,i=this.collection.pluck("rowKey");return this.bodyTableView.resetTablePosition(),t?this._resetRows():(e=n.intersection(i,this.renderedRowKeys),n.isEmpty(i)||n.isEmpty(e)||e.length/i.length<.7?this._resetRows():(this._removeOldRows(e),this._appendNewRows(i,e))),this.renderedRowKeys=i,this},_onModelChange:function(t){var e=t.get("rowKey"),i=this._getRowElement(e);"height"in t.changed?i.css("height",t.get("height")+u):(this.painterManager.getRowPainter().refresh(t.changed,i),this.coordRowModel.syncWithDom())},_onModelRestore:function(t){var e=this.dataModel.getElement(t.rowKey,t.columnName),i=this.columnModel.getEditType(t.columnName);this.painterManager.getCellPainter(i).refresh(t,e),this.coordRowModel.syncWithDom()}},{isInnerHtmlOfTbodyReadOnly:tui.util.browser.msie&&tui.util.browser.version<=9});t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(15),r=i(10).dimension.CELL_BORDER_WIDTH,a=i(10).frame,l=o.extend({initialize:function(t){this.setOwnProperties({whichSide:t.whichSide||a.R,dimensionModel:t.dimensionModel,coordRowModel:t.coordRowModel,coordColumnModel:t.coordColumnModel,columnModel:t.columnModel,selectionModel:t.selectionModel}),this._updateColumnWidthList(),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._onChangeColumnWidth),this.listenTo(this.selectionModel,"change:range",this.render)},className:s.LAYER_SELECTION,_updateColumnWidthList:function(){this.columnWidthList=this.coordColumnModel.getColumnWidthList(this.whichSide)},_onChangeColumnWidth:function(){this._updateColumnWidthList(),this.render()},_getOwnSideColumnRange:function(t){var e=this.columnModel.getVisibleColumnFixCount(),i=null;return this.whichSide===a.L?t[0]<e&&(i=[t[0],Math.min(t[1],e-1)]):t[1]>=e&&(i=[Math.max(t[0],e)-e,t[1]-e]),i},_getVerticalStyles:function(t){var e=this.coordRowModel,i=e.getOffsetAt(t[0]),n=e.getOffsetAt(t[1])+e.getHeightAt(t[1]);return{top:i+"px",height:n-i+"px"}},_getHorizontalStyles:function(t){var e=this.columnWidthList,i=this.columnModel.getVisibleMetaColumnCount(),n=t[0],o=t[1],s=0,l=0,u=0;for(this.whichSide===a.L&&(n+=i,o+=i),o=Math.min(o,e.length-1);u<=o;u+=1)u<n?s+=e[u]+r:l+=e[u]+r;return l-=r,{left:s+"px",width:l+"px"}},render:function(){var t,e,i=this.selectionModel.get("range");return i&&(e=this._getOwnSideColumnRange(i.column)),e?(t=n.assign({},this._getVerticalStyles(i.row),this._getHorizontalStyles(e)),this.$el.show().css(t)):this.$el.hide(),this}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10).dimension.CELL_BORDER_WIDTH,r=i(10).attrName,a=i(15),l=o.extend({initialize:function(t){this.renderModel=t.renderModel,this.domState=t.domState,this.inputPainters=t.inputPainters,this.listenTo(this.renderModel,"editingStateChanged",this._onEditingStateChanged)},className:a.LAYER_EDITING+" "+a.CELL_CONTENT,_startEditing:function(t){var e=t.rowKey,i=t.columnName,n=tui.util.pick(t,"columnModel","editOption","type"),o=this._calculateLayoutStyle(e,i,this._isWidthExpandable(n)),s=this.inputPainters[n];this.$el.html(s.generateHtml(t)).attr(r.ROW_KEY,e).attr(r.COLUMN_NAME,i).css(o).show(),this._adjustLeftPosition(),s.focus(this.$el)},_isWidthExpandable:function(t){return n.contains(["checkbox","radio"],t)},_finishEditing:function(){this.$el.removeAttr(r.ROW_KEY),this.$el.removeAttr(r.COLUMN_NAME),this.$el.empty().hide()},_adjustLeftPosition:function(){var t=this.domState.getWidth(),e=this.$el.outerWidth(),i=this.$el.position().left;i+e>t&&this.$el.css("left",t-e)},_adjustCellOffsetValue:function(t){var e=tui.util.browser,i=t;return e.msie&&(9===e.version?i=t-1:e.version>9&&(i=Math.floor(t))),i},_calculateLayoutStyle:function(t,e,i){var n=this.domState.getOffset(),o=this.domState.getElement(t,e),r=o.offset(),a=o.outerHeight()+s,l=o.outerWidth()+s;return{top:this._adjustCellOffsetValue(r.top)-n.top,left:this._adjustCellOffsetValue(r.left)-n.left,height:a,minWidth:i?l:"",width:i?"":l,lineHeight:a+"px"}},_onEditingStateChanged:function(t){t.isEditing?this._startEditing(t):this._finishEditing()},render:function(){return n.each(this.inputPainters,function(t){t.attachEventHandlers(this.$el,"")},this),this}});t.exports=l},function(t,e,i){"use strict";function n(t){var e=r.ICO_ARROW+" "+t;return'<span class="'+e+'"></span>'}var o,s=i(2),r=i(15),a="yyyy-mm-dd";o=s.extend({initialize:function(t){this.textPainter=t.textPainter,this.columnModel=t.columnModel,this.domState=t.domState,this.calendar=this._createCalendar(),this.datePicker=this._createDatePicker(),this._customizeCalendarBtns(),this.listenTo(this.textPainter,"focusIn",this._onFocusInTextInput),this.listenTo(this.textPainter,"focusOut",this._onFocusOutTextInput)},className:r.LAYER_DATE_PICKER,_createCalendar:function(){var t=$("<div>").addClass(r.CALENDAR);return t.mousedown(function(t){return t.preventDefault(),t.target.unselectable=!0,!1}),new tui.component.Calendar({element:t,classPrefix:r.CALENDAR+"-"})},_customizeCalendarBtns:function(){var t=this.calendar.$header,e=n(r.ICO_ARROW_LEFT),i=n(r.ICO_ARROW_RIGHT);t.find("."+r.CALENDAR_BTN_PREV_YEAR).html(e+e),t.find("."+r.CALENDAR_BTN_NEXT_YEAR).html(i+i),t.find("."+r.CALENDAR_BTN_PREV_MONTH).html(e),t.find("."+r.CALENDAR_BTN_NEXT_MONTH).html(i)},_createDatePicker:function(){var t=new tui.component.DatePicker({parentElement:this.$el,enableSetDateByEnterKey:!1,selectableClassName:r.CALENDAR_SELECTABLE,selectedClassName:r.CALENDAR_SELECTED,pos:{top:0,left:0}},this.calendar);return t.on("update",function(){t.close()}),t},_createDateForNow:function(){var t=new Date;return{year:t.getFullYear(),month:t.getMonth()+1,date:t.getDate()}},_resetDatePicker:function(t,e){var i=this.datePicker,n=t.date||this._createDateForNow();i.setDateForm(t.dateForm||a),i.setRanges(t.selectableRanges||[]),i.setDate(n.year,n.month,n.date),i.setElement(e)},_calculatePosition:function(t){var e=t.offset(),i=t.outerHeight(),n=this.domState.getOffset();return{top:e.top-n.top+i,left:e.left-n.left}},_onFocusInTextInput:function(t,e){var i=e.columnName,n=this.columnModel.getColumnModel(i).component,o=this.columnModel.getEditType(i);"text"===o&&n&&"datePicker"===n.name&&(this.$el.css(this._calculatePosition(t)).show(),this._resetDatePicker(n.option||{},t),this.datePicker.open())},_onFocusOutTextInput:function(){this.datePicker.close(),this.$el.hide()},render:function(){return this.$el.hide(),this}}),t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(10),r=i(15),a=s.frame,l=s.dimension.CELL_BORDER_WIDTH,u='<div class="'+r.LAYER_FOCUS_BORDER+'"></div>',d=o.extend({initialize:function(t){this.focusModel=t.focusModel,this.columnModel=t.columnModel,this.coordRowModel=t.coordRowModel,this.coordColumnModel=t.coordColumnModel,this.coordConverterModel=t.coordConverterModel,this.whichSide=t.whichSide,this.borderEl={$top:$(u),$left:$(u),$right:$(u),$bottom:$(u)},this.listenTo(this.coordColumnModel,"columnWidthChanged",this._refreshCurrentLayout),this.listenTo(this.coordRowModel,"reset",this._refreshCurrentLayout),this.listenTo(this.focusModel,"blur",this._onBlur),this.listenTo(this.focusModel,"focus",this._onFocus)},className:r.LAYER_FOCUS,_refreshCurrentLayout:function(){var t=this.focusModel;"none"!==this.$el.css("display")&&this._refreshBorderLayout(t.get("rowKey"),t.get("columnName"))},_onBlur:function(){this.$el.hide()},_onFocus:function(t,e){var i=this.columnModel.isLside(e)?a.L:a.R;i===this.whichSide&&(this._refreshBorderLayout(t,e),this.$el.show())},_refreshBorderLayout:function(t,e){var i=this.coordConverterModel.getCellPosition(t,e),n=i.right-i.left,o=i.bottom-i.top;this.borderEl.$left.css({top:i.top,left:i.left,width:l,height:o+l}),this.borderEl.$top.css({top:0===i.top?l:i.top,left:i.left,width:n+l,height:l}),this.borderEl.$right.css({top:i.top,left:i.left+n,width:l,height:o+l}),this.borderEl.$bottom.css({top:i.top+o,left:i.left,width:n+l,height:l})},render:function(){var t=this.$el;return n.each(this.borderEl,function(e){t.append(e)}),t.hide(),this}});t.exports=d},function(t,e,i){"use strict";var n=i(10).attrName,o=i(15),s=tui.util.defineClass({init:function(t){this.$el=t},_getBodyTableRows:function(t){return this.$el.find("."+t).find("."+o.BODY_TABLE_CONTAINER).find("tr["+n.ROW_KEY+"]")},_getMaxCellHeight:function(t){var e=t.find("."+o.CELL_CONTENT).map(function(){return this.scrollHeight}).get();return _.max(e)},getElement:function(t,e){return this.$el.find("tr["+n.ROW_KEY+"="+t+"]").find("td["+n.COLUMN_NAME+'="'+e+'"]')},getRowHeights:function(){var t,e,i,n,s=this._getBodyTableRows(o.LSIDE_AREA),r=this._getBodyTableRows(o.RSIDE_AREA),a=[];for(i=0,n=s.length;i<n;i+=1)t=this._getMaxCellHeight(s.eq(i)),e=this._getMaxCellHeight(r.eq(i)),a[i]=Math.max(t,e)+1;return a},getOffset:function(){return this.$el.offset()},getWidth:function(){return this.$el.width()},getParentHeight:function(){return this.$el.parent().height()},hasFocusedElement:function(){return!!this.$el.find(":focus").length}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(3),s=tui.util.defineClass({init:function(t){this.publicObject=t},_listenForThrough:function(t,e){n.each(e,function(e){this.listenTo(t,e,n.bind(this._triggerOnPublic,this,e))},this)},_listenForRename:function(t,e,i){this.listenTo(t,e,n.bind(this._triggerOnPublic,this,i))},_triggerOnPublic:function(t,e){this.publicObject.trigger(t,e)},listenToNetAddon:function(t){this._listenForThrough(t,["beforeRequest","response","successResponse","failResponse","errorResponse"])},listenToContainerView:function(t){this._listenForThrough(t,["click","dblclick","mousedown","clickCell","dblclickCell","mouseoverCell","mouseoutCell","rendered"])},listenToFocusModel:function(t){this._listenForRename(t,"select","selectRow")}});n.extend(s.prototype,o.Events),t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(53),s=i(55),r=i(56),a=i(57),l=i(59),u=i(60),d=i(61),h=tui.util.defineClass({init:function(t){this.gridId=t.gridId,this.selectType=t.selectType,this.isFixedRowHeight=t.isFixedRowHeight,this.inputPainters=this._createInputPainters(t.controller),this.cellPainters=this._createCellPainters(t.controller),this.rowPainter=this._createRowPainter()},_createInputPainters:function(t){return{text:new a({controller:t,inputType:"text"}),password:new a({controller:t,inputType:"password"}),checkbox:new u({controller:t,inputType:"checkbox"}),radio:new u({controller:t,inputType:"radio"}),select:new l({controller:t}),mainButton:new d({controller:t,inputType:this.selectType,gridId:this.gridId})}},_createCellPainters:function(t){var e={dummy:new r({controller:t}),normal:new s({controller:t,isFixedRowHeight:this.isFixedRowHeight,editType:"normal"})};return n.each(this.inputPainters,function(i,n){e[n]=new s({editType:n,controller:t,isFixedRowHeight:this.isFixedRowHeight,inputPainter:i})},this),e},_createRowPainter:function(){return new o({painterManager:this})},getCellPainter:function(t){return this.cellPainters[t]},getCellPainters:function(){return this.cellPainters},getInputPainters:function(t){var e=this.inputPainters;return t&&(e=n.omit(e,"mainButton")),e},getRowPainter:function(){return this.rowPainter}});t.exports=h},function(t,e,i){"use strict";var n=i(1),o=i(54),s=i(10),r=s.attrName,a=s.dimension.CELL_BORDER_WIDTH,l=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.painterManager=t.painterManager},selector:"tr",template:n.template('<tr <%=rowKeyAttr%>" class="<%=className%>" style="height: <%=height%>px;"><%=contents%></tr>'),_getEditType:function(t,e){var i=tui.util.pick(e.columnModel,"editOption","type");return i||"normal"},_generateHtmlForDummyRow:function(t,e){var i=this.painterManager.getCellPainter("dummy"),o="";return n.each(e,function(e){o+=i.generateHtml(t,e)}),o},_generateHtmlForActualRow:function(t,e){var i="";return n.each(e,function(e){var n,o,s=t.get(e);s&&s.isMainRow&&(n=this._getEditType(e,s),o=this.painterManager.getCellPainter(n),i+=o.generateHtml(s))},this),i},generateHtml:function(t,e){var i,o=t.get("rowKey"),s=t.get("rowNum"),l="",u="";return n.isUndefined(o)?i=this._generateHtmlForDummyRow(s,e):(u=r.ROW_KEY+'="'+o+'"',i=this._generateHtmlForActualRow(t,e)),this.template({rowKeyAttr:u,height:t.get("height")+a,contents:i,className:l})},refresh:function(t,e){n.each(t,function(t,i){var n,o,s;"_extraData"!==i&&(s=e.find("td["+r.COLUMN_NAME+'="'+i+'"]'),n=this._getEditType(i,t),o=this.painterManager.getCellPainter(n),o.refresh(t,s))},this)}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(10).attrName,s=tui.util.defineClass({init:function(t){this.controller=t.controller},events:{},selector:"",_getCellAddress:function(t){var e=t.closest("["+o.ROW_KEY+"]");return{rowKey:e.attr(o.ROW_KEY),columnName:e.attr(o.COLUMN_NAME)}},attachEventHandlers:function(t,e){n.each(this.events,function(i,o){var s=n.bind(this[i],this),r=e+" "+this.selector;t.on(o,r,s)},this)},generateHtml:function(){throw new Error("implement generateHtml() method")}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(54),s=i(9),r=i(10).attrName,a=i(15),l=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.editType=t.editType,this.isFixedRowHeight=t.isFixedRowHeight,this.inputPainter=t.inputPainter,this.selector="td["+r.EDIT_TYPE+'="'+this.editType+'"]'},events:{dblclick:"_onDblClick"},template:n.template('<td <%=attributeString%> style="<%=style%>"><%=contentHtml%></td>'),contentTemplate:n.template('<div class="<%=className%>" style="<%=style%>"><%=content%></div>'),_onDblClick:function(t){var e;this._isEditableType()&&(e=this._getCellAddress($(t.target)),this.controller.startEditing(e,!0))},_isEditableType:function(){return!n.contains(["normal","mainButton"],this.editType)},_getContentStyle:function(t){var e=t.columnModel.whiteSpace||"nowrap",i=[];return e&&i.push("white-space:"+e),this.isFixedRowHeight&&i.push("max-height:"+t.height+"px"),i.join(";")},_getContentHtml:function(t){var e,i=t.formattedValue,n=t.beforeContent,o=t.afterContent;return this.inputPainter&&(i=this.inputPainter.generateHtml(t),this._shouldContentBeWrapped()&&!this._isUsingViewMode(t)&&(n=this._getSpanWrapContent(n,a.CELL_CONTENT_BEFORE),o=this._getSpanWrapContent(o,a.CELL_CONTENT_AFTER),i=this._getSpanWrapContent(i,a.CELL_CONTENT_INPUT),e=n+o+i)),e||(e=n+i+o),this.contentTemplate({content:e,className:a.CELL_CONTENT,style:this._getContentStyle(t)})},_isUsingViewMode:function(t){return tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1},_shouldContentBeWrapped:function(){return n.contains(["text","password","select"],this.editType)},_getSpanWrapContent:function(t,e){return tui.util.isFalsy(t)&&(t=""),'<span class="'+e+'">'+t+"</span>"},_getAttributes:function(t){var e=[t.className,a.CELL,t.rowNum%2?a.CELL_ROW_ODD:a.CELL_ROW_EVEN],i={align:t.columnModel.align||"left"};return i.class=e.join(" "),i[r.EDIT_TYPE]=this.editType,i[r.ROW_KEY]=t.rowKey,i[r.COLUMN_NAME]=t.columnName,t.rowSpan&&(i.rowspan=t.rowSpan),i},attachEventHandlers:function(t,e){o.prototype.attachEventHandlers.call(this,t,e),this.inputPainter&&this.inputPainter.attachEventHandlers(t,e+" "+this.selector)},generateHtml:function(t){var e=s.getAttributesString(this._getAttributes(t)),i=this._getContentHtml(t),n=t.columnModel.valign,o=[];return n&&o.push("vertical-align:"+n),this.template({attributeString:e,style:o.join(";"),contentHtml:i})},refresh:function(t,e){var i=["value","isEditing","isDisabled","optionList"],o=n.contains(t.changed,"isEditing")&&t.isEditing,s=n.intersection(i,t.changed).length>0,r=this._getAttributes(t);e.attr(r),o&&!this._isUsingViewMode(t)?this.inputPainter.focus(e):s&&(e.html(this._getContentHtml(t)),e.scrollLeft(0))}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(54),s=i(9),r=i(10).attrName,a=i(15),l=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},selector:"td["+r.EDIT_TYPE+'="dummy"]',template:n.template("<td "+r.COLUMN_NAME+'="<%=columnName%>" '+r.EDIT_TYPE+'="dummy" class="<%=className%>"></td>'),generateHtml:function(t,e){var i=[a.CELL,a.CELL_DUMMY,t%2?a.CELL_ROW_ODD:a.CELL_ROW_EVEN];return s.isMetaColumn(e)&&i.push(a.CELL_HEAD),this.template({columnName:e,className:i.join(" ")})}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(58),s=i(9),r=i(15),a="."+r.CELL_CONTENT_TEXT,l="input[type=password]",u=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.inputType=t.inputType,this.selector="text"===t.inputType?a:l,this._extendEvents({selectstart:"_onSelectStart"})},templateInput:n.template('<input class="<%=className%>" type="<%=type%>" value="<%=value%>" name="<%=name%>" align="center" maxLength="<%=maxLength%>" <%=disabled%>/>'),templateTextArea:n.template('<textarea class="<%=className%>" name="<%=name%>" maxLength="<%=maxLength%>" <%=disabled%>><%=value%></textarea>'),_onSelectStart:function(t){t.stopPropagation()},_convertStringToAsterisks:function(t){return Array(t.length+1).join("*")},_getDisplayValue:function(t){var e=t.formattedValue;return"password"===this.inputType&&(e=this._convertStringToAsterisks(t.value)),e},_generateInputHtml:function(t){var e=tui.util.pick(t,"columnModel","editOption","maxLength"),i={type:this.inputType,className:r.CELL_CONTENT_TEXT,value:t.value,name:s.getUniqueKey(),disabled:t.isDisabled?"disabled":"",maxLength:e};return"normal"===t.whiteSpace?this.templateTextArea(i):this.templateInput(i)},focus:function(t){var e=t.find(this.selector);1!==e.length||e.is(":focus")||e.select()}});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(54),s=i(10).keyName,r=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},events:{keydown:"_onKeyDown",focusin:"_onFocusIn",focusout:"_onFocusOut"},keyDownActions:{ESC:function(t){this.controller.finishEditing(t.address,!0)},ENTER:function(t){this.controller.finishEditing(t.address,!0,t.value)},TAB:function(t){this.controller.finishEditing(t.address,!0,t.value),this.controller.focusInToNextCell(t.shiftKey)}},_extendKeydownActions:function(t){this.keyDownActions=n.assign({},this.keyDownActions,t)},_extendEvents:function(t){this.events=n.assign({},this.events,t)},_executeCustomEventHandler:function(t){var e=$(t.target),i=this._getCellAddress(e);this.controller.executeCustomInputEventHandler(t,i)},_onFocusIn:function(t){var e=$(t.target),i=this._getCellAddress(e),o=this;n.defer(function(){o._executeCustomEventHandler(t),o.trigger("focusIn",e,i),o.controller.startEditing(i)})},_onFocusOut:function(t){var e=$(t.target),i=this._getCellAddress(e);this._executeCustomEventHandler(t),this.trigger("focusOut",e,i),this.controller.finishEditing(i,!1,e.val())},_onKeyDown:function(t){var e=t.keyCode||t.which,i=s[e],n=this.keyDownActions[i],o=$(t.target),r={$target:o,address:this._getCellAddress(o),shiftKey:t.shiftKey,value:o.val()};this._executeCustomEventHandler(t),n&&(n.call(this,r),t.preventDefault())},_getDisplayValue:function(){throw new Error("implement _getDisplayValue() method")},_generateInputHtml:function(){throw new Error("implement _generateInputHtml() method")},_isUsingViewMode:function(t){return tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1},generateHtml:function(t){var e;return e=n.isNull(t.convertedHTML)?!this._isUsingViewMode(t)||t.isEditing?this._generateInputHtml(t):this._getDisplayValue(t):t.convertedHTML},focus:function(t){var e=t.find(this.selector);e.is(":focus")||e.eq(0).focus()}});n.assign(r.prototype,Backbone.Events),t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(58),s=i(9),r=tui.util.defineClass(o,{init:function(){o.apply(this,arguments),this.selector="select"},template:n.template('<select name="<%=name%>" <%=disabled%>><%=options%></select>'),optionTemplate:n.template('<option value="<%=value%>" <%=selected%>><%=text%></option>'),_getDisplayValue:function(t){var e=n.find(t.optionList,function(e){return String(e.value)===String(t.value)});return e?e.text:""},_generateInputHtml:function(t){var e=n.reduce(t.optionList,function(e,i){return e+this.optionTemplate({value:i.value,text:i.text,selected:String(t.value)===String(i.value)?"selected":""})},"",this);return this.template({name:s.getUniqueKey(),disabled:t.isDisabled?"disabled":"",options:e})}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(58),s=i(9),r=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.inputType=t.inputType,this.selector="fieldset[data-type="+this.inputType+"]",this._extendEvents({mousedown:"_onMouseDown"}),this._extendKeydownActions({TAB:function(t){var e;this._focusNextInput(t.$target,t.shiftKey)||(e=this._getCheckedValueString(t.$target),this.controller.finishEditing(t.address,!0,e),this.controller.focusInToNextCell(t.shiftKey))},ENTER:function(t){var e=this._getCheckedValueString(t.$target);this.controller.finishEditing(t.address,!0,e)},LEFT_ARROW:function(t){this._focusNextInput(t.$target,!0)},RIGHT_ARROW:function(t){this._focusNextInput(t.$target)},UP_ARROW:function(){},DOWN_ARROW:function(){}})},template:n.template('<fieldset data-type="<%=type%>"><%=content%></fieldset>'),inputTemplate:n.template('<input type="<%=type%>" data-value-type="<%=valueType%>" name="<%=name%>" id="<%=id%>" value="<%=value%>" <%=checked%> <%=disabled%> />'),labelTemplate:n.template('<label for="<%=id%>"><%=labelText%></label>'),_onFocusOut:function(t){var e=$(t.target),i=this;n.defer(function(){var t,n;e.siblings("input:focus").length||(t=i._getCellAddress(e),n=i._getCheckedValueString(e),i.controller.finishEditing(t,!1,n))})},_onMouseDown:function(t){var e=$(t.target),i=e.closest("fieldset").find("input:focus").length>0;!e.is("input")&&i&&(t.stopPropagation(),t.preventDefault())},_focusNextInput:function(t,e){var i=e?"prevAll":"nextAll",n=t[i]("input");return!!n.length&&(n.first().focus(),!0)},_getCheckedValueString:function(t){var e,i=t.parent().find("input:checked"),n=[];return i.each(function(){var t=$(this),e=t.attr("data-value-type"),i=s.convertValueType(t.val(),e);n.push(i)}),e=1===n.length?n[0]:n.join(",")},_getCheckedValueSet:function(t){var e={};return n.each(String(t).split(","),function(t){e[t]=!0}),e},_getDisplayValue:function(t){var e=this._getCheckedValueSet(t.value),i=[];return n.each(t.optionList,function(t){e[t.value]&&i.push(t.text)}),i.join(",")},_generateInputHtml:function(t){var e=this._getCheckedValueSet(t.value),i=s.getUniqueKey(),o="";return n.each(t.optionList,function(n){var s=i+"_"+n.value;o+=this.inputTemplate({type:this.inputType,id:s,name:i,value:n.value,valueType:typeof n.value,checked:e[n.value]?"checked":"",disabled:t.isDisabled?"disabled":""}),n.text&&(o+=this.labelTemplate({id:s,labelText:n.text}))},this),this.template({type:this.inputType,content:o})},focus:function(t){var e=t.find("input");e.is(":focus")||e.eq(0).focus()}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(54),s=i(15),r=i(10).keyCode,a=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.selector="input."+s.CELL_MAIN_BUTTON,this.inputType=t.inputType,this.gridId=t.gridId},events:{change:"_onChange",keydown:"_onKeydown"},template:n.template('<input class="'+s.CELL_MAIN_BUTTON+'" type="<%=type%>" name="<%=name%>" <%=checked%> <%=disabled%> />'),_onChange:function(t){var e=$(t.target),i=this._getCellAddress(e);this.controller.setValue(i,e.is(":checked"))},_onKeydown:function(t){var e;t.keyCode===r.TAB&&(t.preventDefault(),e=this._getCellAddress($(t.target)),this.controller.focusInToRow(e.rowKey))},generateHtml:function(t){return this.template({type:this.inputType,name:this.gridId,checked:t.value?"checked":"",disabled:t.isDisabled?"disabled":""})}});t.exports=a},function(t,e,i){"use strict";function n(t){return o.isString(t)&&(t=t.replace(/,/g,"")),o.isNumber(t)||isNaN(t)||s.isBlank(t)?t:Number(t)}var o=i(1),s=i(9),r=tui.util.defineClass({init:function(t){this.focusModel=t.focusModel,this.dataModel=t.dataModel,this.columnModel=t.columnModel,this.selectionModel=t.selectionModel},startEditing:function(t,e){var i;return e&&this.focusModel.finishEditing(),i=this.focusModel.startEditing(t.rowKey,t.columnName),i&&this.selectionModel.end(),i},_checkMaxLength:function(t,e){var i=this.columnModel.getColumnModel(t),n=tui.util.pick(i,"editOption","maxLength");return n>0&&e.length>n?e.substring(0,n):e},finishEditing:function(t,e,i){var n,r,a=this.focusModel;return!!a.isEditingCell(t.rowKey,t.columnName)&&(this.selectionModel.enable(),o.isUndefined(i)||(n=this.dataModel.get(t.rowKey),r=n.get(t.columnName),s.isBlank(i)&&s.isBlank(r)||this.setValue(t,this._checkMaxLength(t.columnName,i))),a.finishEditing(),e?a.focusClipboard():o.defer(function(){a.refreshState()}),!0)},focusInToNextCell:function(t){var e=this.focusModel,i=t?e.prevAddress():e.nextAddress();e.focusIn(i.rowKey,i.columnName,!0)},focusInToRow:function(t){var e=this.focusModel;e.focusIn(t,e.firstColumnName(),!0)},executeCustomInputEventHandler:function(t,e){var i,n=this.columnModel.getColumnModel(e.columnName),s=t.type;"focusin"===s?s="focus":"focusout"===s&&(s="blur"),i=tui.util.pick(n,"editOption","inputEvents",s),o.isFunction(i)&&i.call(t.target,t,e)},setValue:function(t,e){var i=this.columnModel.getColumnModel(t.columnName);o.isString(e)&&(e=$.trim(e)),"number"===i.dataType&&(e=n(e)),this.dataModel.setValue(t.rowKey,t.columnName,e)}});t.exports=r},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(2),r=i(64),a=i(9),l=i(65),u=i(22),d=i(10).renderState,h=200,c=s.extend({initialize:function(t){var e;e={initialRequest:!0,api:{readData:"",createData:"",updateData:"",deleteData:"",modifyData:"",downloadExcel:"",downloadExcelAll:""},perPage:500,enableAjaxHistory:!0},t=$.extend(!0,e,t),this.setOwnProperties({dataModel:t.dataModel,toolbarModel:t.toolbarModel,renderModel:t.renderModel,router:null,pagination:t.pagination,api:t.api,enableAjaxHistory:t.enableAjaxHistory,readDataMethod:t.readDataMethod||"POST",perPage:t.perPage,curPage:1,timeoutIdForDelay:null,requestedFormData:null,isLocked:!1,lastRequestedReadData:null}),this._initializeDataModelNetwork(),this._initializeRouter(),this._initializePagination(),this._showToolbarExcelBtns(),this.listenTo(this.dataModel,"sortChanged",this._onSortChanged,this),t.initialRequest&&(this.lastRequestedReadData||this._readDataAt(1,!1))},tagName:"form",events:{submit:"_onSubmit"},_initializePagination:function(){var t=this.pagination;t&&(t.setOption("itemPerPage",this.perPage),t.setOption("itemCount",1),t.on("beforeMove",$.proxy(this._onPageBeforeMove,this)))},_onRouterRead:function(t){var e=a.toQueryObject(t);this._requestReadData(e)},_initializeDataModelNetwork:function(){this.dataModel.url=this.api.readData,this.dataModel.sync=$.proxy(this._sync,this)},_initializeRouter:function(){this.enableAjaxHistory&&(this.router=new r({net:this}),this.listenTo(this.router,"route:read",this._onRouterRead),n.History.started||n.history.start())},_showToolbarExcelBtns:function(){var t=this.toolbarModel,e=this.api;t&&(e.downloadExcel&&t.set("isExcelButtonVisible",!0),e.downloadExcelAll&&t.set("isExcelAllButtonVisible",!0))},_onPageBeforeMove:function(t){var e=t.page;this.curPage!==e&&this._readDataAt(e,!0)},_onSubmit:function(t){t.preventDefault(),this._readDataAt(1,!1)},_setFormData:function(t){var e=o.clone(t);o.each(this.lastRequestedReadData,function(t,i){(o.isUndefined(e[i])||o.isNull(e[i]))&&t&&(e[i]="")}),l.setFormData(this.$el,e)},_sync:function(t,e,i){var s;"read"===t?(i=i||{},s=$.extend({},i),i.url||(s.url=o.result(e,"url")),this._ajax(s)):n.sync(n,t,e,i)},_lock:function(){var t=this.renderModel;this.timeoutIdForDelay=setTimeout(function(){t.set("state",d.LOADING)},h),this.isLocked=!0},_unlock:function(){null!==this.timeoutIdForDelay&&(clearTimeout(this.timeoutIdForDelay),this.timeoutIdForDelay=null),this.isLocked=!1},_getFormData:function(){return l.getFormData(this.$el)},_onReadSuccess:function(t,e){var i,n,o=this.pagination;t.setOriginalRowList(),o&&e.pagination&&(i=e.pagination.page,n=e.pagination.totalCount,o.setOption("itemPerPage",this.perPage),o.setOption("itemCount",n||1),o.movePageTo(i),this.curPage=i)},_onReadError:function(t,e,i){},reloadData:function(){this._requestReadData(this.lastRequestedReadData)},readData:function(t,e,i){i?(e||(e={}),e.perPage=this.perPage,this._changeSortOptions(e,this.dataModel.sortOptions)):e=o.assign({},this.lastRequestedReadData,e),e.page=t,this._requestReadData(e)},_requestReadData:function(t){var e=1;this._setFormData(t),this.isLocked||(this.renderModel.initializeVariables(),this._lock(),this.requestedFormData=o.clone(t),this.curPage=t.page||this.curPage,e=(this.curPage-1)*this.perPage+1,this.renderModel.set({startNumber:e}),this.lastRequestedReadData=o.clone(t),
+this.dataModel.fetch({requestType:"readData",data:t,type:this.readDataMethod,success:$.proxy(this._onReadSuccess,this),error:$.proxy(this._onReadError,this),reset:!0}),this.dataModel.setSortOptionValues(t.sortColumn,t.sortAscending)),this.router&&this.router.navigate("read/"+a.toQueryString(t),{trigger:!1})},_onSortChanged:function(t){t.isRequireFetch&&this._readDataAt(1,!0,t)},_changeSortOptions:function(t,e){e&&("rowKey"===e.columnName?(delete t.sortColumn,delete t.sortAscending):(t.sortColumn=e.columnName,t.sortAscending=e.isAscending))},_readDataAt:function(t,e,i){var n;e=!!o.isUndefined(e)||e,n=e?this.requestedFormData:this._getFormData(),n.page=t,n.perPage=this.perPage,this._changeSortOptions(n,i),this._requestReadData(n)},request:function(t,e){var i={url:this.api[t],type:null,hasDataParam:!0,isOnlyChecked:!0,isOnlyModified:!0,isSkipConfirm:!1},n=$.extend(i,e),o=this._getRequestParam(t,n);o&&this._ajax(o)},download:function(t){var e,i="download"+a.toUpperCaseFirstLetter(t),n=this.requestedFormData,s=this.api[i];"excel"===t?(n.page=this.curPage,n.perPage=this.perPage):n=o.omit(n,"page","perPage"),e=$.param(n),window.location=s+"?"+e},setPerPage:function(t){this.perPage=t,this._readDataAt(1)},_getDataParam:function(t,e){var i,n=this.dataModel,s={createData:["createList"],updateData:["updateList"],deleteData:["deleteList"],modifyData:["createList","updateList","deleteList"]},r=s[t],a={},l=0;return e=o.defaults(e||{},{hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0}),e.hasDataParam&&(e.isOnlyModified?(i=n.getModifiedRowList({isOnlyChecked:e.isOnlyChecked}),o.each(i,function(t,e){o.contains(r,e)&&t.length&&(l+=t.length,a[e]=JSON.stringify(t))},this)):(a.rowList=n.getRowList(e.isOnlyChecked),l=a.rowList.length)),{data:a,count:l}},_getRequestParam:function(t,e){var i={url:this.api[t],type:null,hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0},n=$.extend(i,e),o=this._getDataParam(t,n),s=null;return(n.isSkipConfirm||this._isConfirmed(t,o.count))&&(s={requestType:t,url:n.url,data:o.data,type:n.type}),s},_isConfirmed:function(t,e){var i=!1;return e>0?i=confirm(this._getConfirmMessage(t,e)):alert(this._getConfirmMessage(t,e)),i},_getConfirmMessage:function(t,e){var i,n={createData:"입력",updateData:"수정",deleteData:"삭제",modifyData:"반영"},o=n[t];return i=e>0?e+"건의 데이터를 "+o+"하시겠습니까?":o+"할 데이터가 없습니다."},_ajax:function(t){var e,i=new u(t.data);this.trigger("beforeRequest",i),i.isStopped()||(t=$.extend({requestType:""},t),e={url:t.url,data:t.data||{},type:t.type||"POST",dataType:t.dataType||"json",complete:$.proxy(this._onComplete,this,t.complete,t),success:$.proxy(this._onSuccess,this,t.success,t),error:$.proxy(this._onError,this,t.error,t)},t.url&&$.ajax(e))},_onComplete:function(t,e,i){this._unlock()},_onSuccess:function(t,e,i,n,s){var r=i&&i.message,a=new u({httpStatus:n,requestType:e.requestType,requestParameter:e.data,responseData:i});if(this.trigger("response",a),!a.isStopped())if(i&&i.result){if(this.trigger("successResponse",a),a.isStopped())return;o.isFunction(t)&&t(i.data||{},n,s)}else{if(this.trigger("failResponse",a),a.isStopped())return;r&&alert(r)}},_onError:function(t,e,i,n){var o=new u({httpStatus:n,requestType:e.requestType,requestParameter:e.data,responseData:null});this.renderModel.set("state",d.DONE),this.trigger("response",o),o.isStopped()||(this.trigger("errorResponse",o),o.isStopped()||i.readyState>1&&alert("데이터 요청 중에 에러가 발생하였습니다.\n\n다시 시도하여 주시기 바랍니다."))}});t.exports=c},function(t,e,i){"use strict";var n=i(3),o=n.Router.extend({initialize:function(t){this.net=t.net},routes:{"read/:queryStr":"read"}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o={setInput:{_changeToStringInArray:function(t){return n.each(t,function(e,i){t[i]=String(e)}),t},radio:function(t,e){t.checked=t.value===e},checkbox:function(t,e){n.isArray(e)?t.checked=$.inArray(t.value,this._changeToStringInArray(e))!==-1:t.checked=t.value===e},"select-one":function(t,e){var i=tui.util.toArray(t.options);t.selectedIndex=n.findIndex(i,function(t){return t.value===e||t.text===e})},"select-multiple":function(t,e){var i=tui.util.toArray(t.options);n.isArray(e)?(e=this._changeToStringInArray(e),n.each(i,function(t){t.selected=$.inArray(t.value,e)!==-1||$.inArray(t.text,e)!==-1})):this["select-one"].apply(this,arguments)},defaultAction:function(t,e){t.value=e}},getFormData:function(t){var e={},i=t.serializeArray(),o=tui.util.isExisty;return n.each(i,function(t){var i=t.value||"",n=t.name;o(e[n])?e[n]=[].concat(e[n],i):e[n]=i}),e},getFormElement:function(t,e){var i;return t&&t.length&&(i=e?t.prop("elements")[String(e)]:t.prop("elements")),$(i)},setFormData:function(t,e){n.each(e,function(e,i){this.setFormElementValue(t,i,e)},this)},setFormElementValue:function(t,e,i){var o,s=this.getFormElement(t,e);s.length&&(n.isArray(i)||(i=String(i)),s=tui.util.isHTMLTag(s)?[s]:s,s=tui.util.toArray(s),n.each(s,function(t){o=this.setInput[t.type]?t.type:"defaultAction",this.setInput[o](t,i)},this))},setCursorToEnd:function(t){var e,i=t.value.length;if(t.focus(),t.setSelectionRange)try{t.setSelectionRange(i,i)}catch(t){}else if(t.createTextRange){e=t.createTextRange(),e.collapse(!0),e.moveEnd("character",i),e.moveStart("character",i);try{e.select()}catch(t){}}}};t.exports=o},function(t,e){"use strict";var i={pagination:null},n=tui.util.defineClass({init:function(t){this.optionsMap=$.extend(!0,i,t),this.instanceMap={}},getInstance:function(t){return this.instanceMap[t]},setInstance:function(t,e){this.instanceMap[t]=e},getOptions:function(t){return this.optionsMap[t]}});t.exports=n},function(t,e,i){"use strict";function n(t){var e=[r.grid(t.grid),r.scrollbar(t.scrollbar),r.toolbar(t.toolbar),r.heightResizeHandle(t.heightResizeHandle),r.pagination(t.pagination),r.selection(t.selection)],i=t.cell;return i&&(e=e.concat([r.cell(i.normal),r.cellDummy(i.dummy),r.cellEditable(i.editable),r.cellHead(i.head),r.cellOddRow(i.oddRow),r.cellEvenRow(i.evenRow),r.cellRequired(i.required),r.cellDisabled(i.disabled),r.cellInvalid(i.invalid),r.cellCurrentRow(i.currentRow),r.cellSelectedHead(i.selectedHead),r.cellFocused(i.focused)])),e.join("")}function o(t){var e=n(t);$("#"+l).remove(),s.appendStyleElement(l,e)}var s=i(9),r=i(68),a=i(10).themeName,l="tui-grid-theme-style",u={};u[a.DEFAULT]=i(70),u[a.STRIPED]=i(71),u[a.CLEAN]=i(72),t.exports={apply:function(t,e){var i=u[t];i||(i=u[a.DEFAULT]),i=$.extend(!0,{},i,e),o(i)},isApplied:function(){return 1===$("#"+l).length}}},function(t,e,i){"use strict";function n(t,e){return l(t).bg(e.background).text(e.text).build()}function o(t,e){return l(t).bg(e.background).border(e.border).build()}var s=i(1),r=i(69),a=i(15),l=s.bind(r.createClassRule,r);t.exports={grid:function(t){var e=l(a.CONTAINER).bg(t.background).text(t.text),i=l(a.CONTENT_AREA).border(t.border),n=l(a.TABLE).border(t.border),o=l(a.HEAD_AREA).border(t.border),s=l(a.BORDER_LINE).bg(t.border),u=l(a.SCROLLBAR_HEAD).border(t.border),d=l(a.SCROLLBAR_BORDER).bg(t.border),h=l(a.FOOT_AREA_RIGHT).border(t.border);return r.buildAll([e,i,n,o,s,u,d,h])},scrollbar:function(t){var e=r.createWebkitScrollbarRules("."+a.CONTAINER,t),i=r.createIEScrollbarRule("."+a.CONTAINER,t),n=l(a.SCROLLBAR_RIGHT_BOTTOM).bg(t.background),o=l(a.SCROLLBAR_LEFT_BOTTOM).bg(t.background),s=l(a.SCROLLBAR_HEAD).bg(t.background),u=l(a.FOOT_AREA_RIGHT).bg(t.background),d=l(a.BODY_AREA).bg(t.background);return r.buildAll(e.concat([i,n,o,s,u,d]))},toolbar:function(t){return o(a.TOOLBAR,t)},heightResizeHandle:function(t){return o(a.HEIGHT_RESIZE_HANDLE,t)},pagination:function(t){return o(a.PAGINATION,t)},selection:function(t){return o(a.LAYER_SELECTION,t)},cell:function(t){var e=l(a.CELL).bg(t.background).border(t.border).borderWidth(t).text(t.text);return e.build()},cellHead:function(t){var e=l(a.CELL_HEAD).bg(t.background).border(t.border).borderWidth(t).text(t.text),i=l(a.HEAD_AREA).bg(t.background);return r.buildAll([e,i])},cellEvenRow:function(t){return l(a.CELL_ROW_EVEN).bg(t.background).build()},cellOddRow:function(t){return l(a.CELL_ROW_ODD).bg(t.background).build()},cellSelectedHead:function(t){return r.create("."+a.CELL_HEAD+"."+a.CELL_SELECTED).bg(t.background).text(t.text).build()},cellFocused:function(t){var e=l(a.LAYER_FOCUS_BORDER).bg(t.border),i=l(a.LAYER_EDITING).border(t.border);return r.buildAll([e,i])},cellEditable:function(t){return n(a.CELL_EDITABLE,t)},cellRequired:function(t){return n(a.CELL_REQUIRED,t)},cellDisabled:function(t){return n(a.CELL_DISABLED,t)},cellDummy:function(t){return n(a.CELL_DUMMY,t)},cellInvalid:function(t){return n(a.CELL_INVALID,t)},cellCurrentRow:function(t){return n(a.CELL_CURRENT_ROW,t)}}},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){if(!n.isString(t)||!t)throw new Error("The Selector must be a string and not be empty.");this._selector=t,this._propValues=[]},add:function(t,e){return e&&this._propValues.push(t+":"+e),this},border:function(t){return this.add("border-color",t)},borderWidth:function(t){var e,i=t.showVerticalBorder,o=t.showHorizontalBorder;return n.isBoolean(i)&&(e=i?"1px":"0",this.add("border-left-width",e).add("border-right-width",e)),n.isBoolean(o)&&(e=o?"1px":"0",this.add("border-top-width",e).add("border-bottom-width",e)),this},bg:function(t){return this.add("background-color",t)},text:function(t){return this.add("color",t)},build:function(){var t="";return this._propValues.length&&(t=this._selector+"{"+this._propValues.join(";")+"}"),t}});t.exports={create:function(t){return new o(t)},createClassRule:function(t){return this.create("."+t)},createWebkitScrollbarRules:function(t,e){return[this.create(t+" ::-webkit-scrollbar").bg(e.background),this.create(t+" ::-webkit-scrollbar-thumb").bg(e.thumb),this.create(t+" ::-webkit-scrollbar-thumb:hover").bg(e.active)]},createIEScrollbarRule:function(t,e){var i=["scrollbar-3dlight-color","scrollbar-darkshadow-color","scrollbar-track-color","scrollbar-shadow-color"],o=["scrollbar-face-color","scrollbar-highlight-color"],s=this.create(t);return n.each(i,function(t){s.add(t,e.background)}),n.each(o,function(t){s.add(t,e.thumb)}),s.add("scrollbar-arrow-color",e.active),s},buildAll:function(t){return n.map(t,function(t){return t.build()}).join("")}}},function(t,e){"use strict";t.exports={grid:{background:"#fff",border:"#ccc",text:"#444"},selection:{background:"#4daaf9",border:"#004082"},toolbar:{border:"transparent",background:"transparent"},heightResizeHandle:{border:"#ccc",background:"#fff"},pagination:{border:"transparent",background:"transparent"},scrollbar:{background:"#f5f5f5",thumb:"#d9d9d9",active:"#c1c1c1"},cell:{normal:{background:"#fbfbfb",border:"#e0e0e0",showVerticalBorder:!0,showHorizontalBorder:!0},head:{background:"#eee",border:"#ccc",showVerticalBorder:!0,showHorizontalBorder:!0},selectedHead:{background:"#d8d8d8"},focused:{border:"#418ed4"},required:{background:"#fffdeb"},editable:{background:"#fff"},disabled:{text:"#b0b0b0"},dummy:{background:"#fff"},invalid:{background:"#ff8080"},evenRow:{},oddRow:{},currentRow:{}}}},function(t,e,i){"use strict";var n=i(70);t.exports=$.extend(!0,{},n,{cell:{normal:{background:"#fff",border:"#e8e8e8",showVerticalBorder:!1,showHorizontalBorder:!1},oddRow:{background:"#f3f3f3"},evenRow:{background:"#fff"},head:{background:"#fff",showVerticalBorder:!1,showHorizontalBorder:!1}}})},function(t,e,i){"use strict";var n=i(70);t.exports=$.extend(!0,{},n,{grid:{border:"#c0c0c0"},toolbar:{border:"#e0e0e0"},cell:{normal:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},head:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},selectedHead:{background:"#e0e0e0"}}})},function(t,e){}]);
\ No newline at end of file
diff --git a/dist/grid.css b/dist/grid.css
index 23669dd89..9d39600e8 100644
--- a/dist/grid.css
+++ b/dist/grid.css
@@ -1,6 +1,6 @@
 /*!
- * bundle created at "Thu Dec 15 2016 17:38:35 GMT+0900 (KST)"
- * version: 1.6.2
+ * bundle created at "Wed Jan 04 2017 12:39:59 GMT+0900 (KST)"
+ * version: 1.7.0
  */
 .tui-grid-container {
   width: 100%;
@@ -187,7 +187,6 @@
   position: absolute;
 }
 .tui-grid-table {
-  width: 100%;
   border-width: 1px;
   box-sizing: border-box;
   border-style: solid;
diff --git a/dist/grid.js b/dist/grid.js
index 14a8028a1..b19b681c4 100644
--- a/dist/grid.js
+++ b/dist/grid.js
@@ -1,6 +1,6 @@
 /*!
- * bundle created at "Thu Dec 15 2016 17:38:35 GMT+0900 (KST)"
- * version: 1.6.2
+ * bundle created at "Wed Jan 04 2017 12:39:59 GMT+0900 (KST)"
+ * version: 1.7.0
  */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -58,20 +58,20 @@
 
 	var View = __webpack_require__(2);
 	var ModelManager = __webpack_require__(5);
-	var ViewFactory = __webpack_require__(26);
-	var DomState = __webpack_require__(47);
-	var PublicEventEmitter = __webpack_require__(48);
-	var PainterManager = __webpack_require__(49);
-	var PainterController = __webpack_require__(59);
-	var NetAddOn = __webpack_require__(60);
-	var ComponentHolder = __webpack_require__(63);
+	var ViewFactory = __webpack_require__(28);
+	var DomState = __webpack_require__(49);
+	var PublicEventEmitter = __webpack_require__(50);
+	var PainterManager = __webpack_require__(51);
+	var PainterController = __webpack_require__(61);
+	var NetAddOn = __webpack_require__(62);
+	var ComponentHolder = __webpack_require__(65);
 	var util = __webpack_require__(8);
-	var themeManager = __webpack_require__(64);
+	var themeManager = __webpack_require__(66);
 	var themeNameConst = __webpack_require__(9).themeName;
 
 	var instanceMap = {};
 
-	__webpack_require__(70);
+	__webpack_require__(72);
 
 	 /**
 	  * Toast UI Namespace
@@ -313,7 +313,6 @@
 
 	    /**
 	     * Disables all rows.
-	     * @api
 	     */
 	    disable: function() {
 	        this.modelManager.dataModel.setDisabled(true);
@@ -321,7 +320,6 @@
 
 	    /**
 	     * Enables all rows.
-	     * @api
 	     */
 	    enable: function() {
 	        this.modelManager.dataModel.setDisabled(false);
@@ -329,7 +327,6 @@
 
 	    /**
 	     * Disables the row identified by the rowkey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row
 	     */
 	    disableRow: function(rowKey) {
@@ -338,7 +335,6 @@
 
 	    /**
 	     * Enables the row identified by the rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row
 	     */
 	    enableRow: function(rowKey) {
@@ -347,7 +343,6 @@
 
 	    /**
 	     * Returns the value of the cell identified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row.
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isOriginal] - It set to true, the original value will be return.
@@ -359,7 +354,6 @@
 
 	    /**
 	     * Returns a list of all values in the specified column.
-	     * @api
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isJsonString=false] - It set to true, return value will be converted to JSON string.
 	     * @returns {(Array|string)} - A List of all values in the specified column. (or JSON string of the list)
@@ -370,7 +364,6 @@
 
 	    /**
 	     * Returns the object that contains all values in the specified row.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the target row
 	     * @param {boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {(Object|string)} - The object that contains all values in the row. (or JSON string of the object)
@@ -381,7 +374,6 @@
 
 	    /**
 	     * Returns the object that contains all values in the row at specified index.
-	     * @api
 	     * @param {number} index - The index of the row
 	     * @param {Boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {Object|string} - The object that contains all values in the row. (or JSON string of the object)
@@ -392,7 +384,6 @@
 
 	    /**
 	     * Returns the total number of the rows.
-	     * @api
 	     * @returns {number} - The total number of the rows
 	     */
 	    getRowCount: function() {
@@ -401,7 +392,6 @@
 
 	    /**
 	     * Returns the rowKey of the currently selected row.
-	     * @api
 	     * @returns {(number|string)} - The rowKey of the row
 	     */
 	    getSelectedRowKey: function() {
@@ -410,7 +400,6 @@
 
 	    /**
 	     * Returns the jquery object of the cell identified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @returns {jQuery} - The jquery object of the cell element
@@ -421,7 +410,6 @@
 
 	    /**
 	     * Sets the value of the cell identified by the specified rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {(number|string)} columnValue - The value to be set
@@ -432,7 +420,6 @@
 
 	    /**
 	     * Sets the all values in the specified column.
-	     * @api
 	     * @param {string} columnName - The name of the column
 	     * @param {(number|string)} columnValue - The value to be set
 	     * @param {Boolean} [isCheckCellState=true] - If set to true, only editable and not disabled cells will be affected.
@@ -443,7 +430,6 @@
 
 	    /**
 	     * Replace all rows with the specified list. This will not change the original data.
-	     * @api
 	     * @param {Array} rowList - A list of new rows
 	     */
 	    replaceRowList: function(rowList) {
@@ -452,7 +438,6 @@
 
 	    /**
 	     * Replace all rows with the specified list. This will change the original data.
-	     * @api
 	     * @param {Array} rowList - A list of new rows
 	     * @param {function} callback - The function that will be called when done.
 	     */
@@ -460,9 +445,16 @@
 	        this.modelManager.dataModel.setRowList(rowList, true, callback);
 	    },
 
+	    /**
+	     * Sets the height of body-area.
+	     * @param {number} value - The number of pixel
+	     */
+	    setBodyHeight: function(value) {
+	        this.modelManager.dimensionModel.set('bodyHeight', value);
+	    },
+
 	    /**
 	     * Sets focus on the cell identified by the specified rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
@@ -474,7 +466,6 @@
 
 	    /**
 	     * Sets focus on the cell at the specified index of row and column.
-	     * @api
 	     * @param {(number|string)} rowIndex - The index of the row
 	     * @param {string} columnIndex - The index of the column
 	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
@@ -485,7 +476,6 @@
 
 	    /**
 	     * Sets focus on the cell at the specified index of row and column and starts to edit.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
@@ -496,17 +486,16 @@
 
 	    /**
 	     * Sets focus on the cell at the specified index of row and column and starts to edit.
-	     * @api
 	     * @param {(number|string)} rowIndex - The index of the row
 	     * @param {string} columnIndex - The index of the column
-	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.     */
+	     * @param {boolean} [isScrollable=false] - If set to true, the view will scroll to the cell element.
+	     */
 	    focusInAt: function(rowIndex, columnIndex, isScrollable) {
 	        this.modelManager.focusModel.focusInAt(rowIndex, columnIndex, isScrollable);
 	    },
 
 	    /**
 	     * Makes view ready to get keyboard input.
-	     * @api
 	     */
 	    readyForKeyControl: function() {
 	        this.modelManager.focusModel.focusClipboard();
@@ -514,7 +503,6 @@
 
 	    /**
 	     * Removes focus from the focused cell.
-	     * @api
 	     */
 	    blur: function() {
 	        this.modelManager.focusModel.blur();
@@ -522,7 +510,6 @@
 
 	    /**
 	     * Checks all rows.
-	     * @api
 	     */
 	    checkAll: function() {
 	        this.modelManager.dataModel.checkAll();
@@ -530,7 +517,6 @@
 
 	    /**
 	     * Checks the row identified by the specified rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    check: function(rowKey) {
@@ -539,7 +525,6 @@
 
 	    /**
 	     * Unchecks all rows.
-	     * @api
 	     */
 	    uncheckAll: function() {
 	        this.modelManager.dataModel.uncheckAll();
@@ -547,7 +532,6 @@
 
 	    /**
 	     * Unchecks the row identified by the specified rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    uncheck: function(rowKey) {
@@ -556,7 +540,6 @@
 
 	    /**
 	     * Removes all rows.
-	     * @api
 	     */
 	    clear: function() {
 	        this.modelManager.dataModel.setRowList([]);
@@ -564,7 +547,6 @@
 
 	    /**
 	     * Removes the row identified by the specified rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {(boolean|object)} [options] - Options. If the type is boolean, this value is equivalent to
 	     *     options.removeOriginalData.
@@ -583,7 +565,6 @@
 
 	    /**
 	     * Removes all checked rows.
-	     * @api
 	     * @param {boolean} isConfirm - If set to true, confirm message will be shown before remove.
 	     * @returns {boolean} - True if there's at least one row removed.
 	     */
@@ -602,7 +583,6 @@
 
 	    /**
 	     * Enables the row identified by the rowKey to be able to check.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    enableCheck: function(rowKey) {
@@ -611,7 +591,6 @@
 
 	    /**
 	     * Disables the row identified by the spcified rowKey to not be abled to check.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique keyof the row.
 	     */
 	    disableCheck: function(rowKey) {
@@ -620,7 +599,6 @@
 
 	    /**
 	     * Returns a list of the rowKey of checked rows.
-	     * @api
 	     * @param {Boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {Array|string} - A list of the rowKey. (or JSON string of the list)
 	     */
@@ -633,7 +611,6 @@
 
 	    /**
 	     * Returns a list of the checked rows.
-	     * @api
 	     * @param {Boolean} [isJsonString=false] - If set to true, return value will be converted to JSON string.
 	     * @returns {Array|string} - A list of the checked rows. (or JSON string of the list)
 	     */
@@ -645,7 +622,6 @@
 
 	    /**
 	     * Returns a list of the column model.
-	     * @api
 	     * @returns {Array} - A list of the column model.
 	     */
 	    getColumnModelList: function() {
@@ -655,7 +631,6 @@
 	    /**
 	     * Returns the object that contains the lists of changed data compared to the original data.
 	     * The object has properties 'createList', 'updateList', 'deleteList'.
-	     * @api
 	     * @param {Object} [options] Options
 	     *      @param {boolean} [options.isOnlyChecked=false] - If set to true, only checked rows will be considered.
 	     *      @param {boolean} [options.isRaw=false] - If set to true, the data will contains
@@ -671,7 +646,6 @@
 
 	    /**
 	     * Insert the new row with specified data to the end of table.
-	     * @api
 	     * @param {object} [row] - The data for the new row
 	     * @param {object} [options] - Options
 	     * @param {number} [options.at] - The index at which new row will be inserted
@@ -685,7 +659,6 @@
 
 	    /**
 	     * Insert the new row with specified data to the beginning of table.
-	     * @api
 	     * @param {object} [row] - The data for the new row
 	     * @param {object} [options] - Options
 	     * @param {boolean} [options.focus] - If set to true, move focus to the new row after appending
@@ -696,7 +669,6 @@
 
 	    /**
 	     * Returns true if there are at least one row changed.
-	     * @api
 	     * @returns {boolean} - True if there are at least one row changed.
 	     */
 	    isChanged: function() {
@@ -705,7 +677,6 @@
 
 	    /**
 	     * Returns the instance of specified AddOn.
-	     * @api
 	     * @param {string} name - The name of the AddOn
 	     * @returns {instance} addOn - The instance of the AddOn
 	     */
@@ -716,7 +687,6 @@
 	    /**
 	     * Restores the data to the original data.
 	     * (Original data is set by {@link tui.Grid#setRowList|setRowList}
-	     * @api
 	     */
 	    restore: function() {
 	        this.modelManager.dataModel.restore();
@@ -724,7 +694,6 @@
 
 	    /**
 	     * Selects the row identified by the rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     */
 	    select: function(rowKey) {
@@ -735,7 +704,6 @@
 
 	    /**
 	     * Unselects selected rows.
-	     * @api
 	     */
 	    unselect: function() {
 	        this.modelManager.focusModel.unselect(true);
@@ -743,7 +711,6 @@
 
 	    /**
 	     * Sets the count of fixed column.
-	     * @api
 	     * @param {number} count - The count of column to be fixed
 	     */
 	    setColumnFixCount: function(count) {
@@ -752,7 +719,6 @@
 
 	    /**
 	     * Sets the list of column model.
-	     * @api
 	     * @param {Array} columnModelList - A new list of column model
 	     */
 	    setColumnModelList: function(columnModelList) {
@@ -761,7 +727,6 @@
 
 	    /**
 	     * Create an specified AddOn and use it on this instance.
-	     * @api
 	     * @param {string} name - The name of the AddOn to use.
 	     * @param {object} options - The option objects for configuring the AddON.
 	     * @returns {tui.Grid} - This instance.
@@ -782,7 +747,6 @@
 
 	    /**
 	     * Returns a list of all rows.
-	     * @api
 	     * @returns {Array} - A list of all rows
 	     */
 	    getRowList: function() {
@@ -791,7 +755,6 @@
 
 	    /**
 	     * Sorts all rows by the specified column.
-	     * @api
 	     * @param {string} columnName - The name of the column to be used to compare the rows
 	     * @param {boolean} [isAscending] - Whether the sort order is ascending.
 	     *        If not specified, use the negative value of the current order.
@@ -802,7 +765,6 @@
 
 	    /**
 	     * Unsorts all rows. (Sorts by rowKey).
-	     * @api
 	     */
 	    unSort: function() {
 	        this.sort('rowKey');
@@ -810,7 +772,6 @@
 
 	    /**
 	     * Adds the specified css class to cell element identified by the rowKey and className
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {string} className - The css class name to add
@@ -821,7 +782,6 @@
 
 	    /**
 	     * Adds the specified css class to all cell elements in the row identified by the rowKey
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} className - The css class name to add
 	     */
@@ -831,7 +791,6 @@
 
 	    /**
 	     * Removes the specified css class from the cell element indentified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @param {string} className - The css class name to be removed
@@ -842,7 +801,6 @@
 
 	    /**
 	     * Removes the specified css class from all cell elements in the row identified by the rowKey.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} className - The css class name to be removed
 	     */
@@ -852,7 +810,6 @@
 
 	    /**
 	     * Returns the rowspan data of the cell identified by the rowKey and columnName.
-	     * @api
 	     * @param {(number|string)} rowKey - The unique key of the row
 	     * @param {string} columnName - The name of the column
 	     * @returns {Object} - Row span data
@@ -863,7 +820,6 @@
 
 	    /**
 	     * Returns the index of the row indentified by the rowKey.
-	     * @api
 	     * @param {number|string} rowKey - The unique key of the row
 	     * @returns {number} - The index of the row
 	     */
@@ -881,7 +837,6 @@
 
 	    /**
 	     * Sets the number of rows to be shown in the table area.
-	     * @api
 	     * @deprecated
 	     * @param {number} count - The number of rows
 	     */
@@ -891,7 +846,6 @@
 
 	    /**
 	     * Sets the width and height of the dimension.
-	     * @api
 	     * @param  {(number|null)} width - The width of the dimension
 	     * @param  {(number|null)} height - The height of the dimension
 	     */
@@ -901,7 +855,6 @@
 
 	    /**
 	     * Refresh the layout view. Use this method when the view was rendered while hidden.
-	     * @api
 	     */
 	    refreshLayout: function() {
 	        this.modelManager.dimensionModel.refreshLayout();
@@ -909,15 +862,13 @@
 
 	    /**
 	     * Reset the width of each column by using initial setting of column models.
-	     * @api
 	     */
 	    resetColumnWidths: function() {
-	        this.modelManager.dimensionModel.resetColumnWidths();
+	        this.modelManager.coordColumnModel.resetColumnWidths();
 	    },
 
 	    /**
 	     * Show columns
-	     * @api
 	     * @param {...string} arguments - Column names to show
 	     */
 	    showColumn: function() {
@@ -927,7 +878,6 @@
 
 	    /**
 	     * Hide columns
-	     * @api
 	     * @param {...string} arguments - Column names to hide
 	     */
 	    hideColumn: function() {
@@ -939,7 +889,6 @@
 	     * Sets the HTML string of given column footer.
 	     * @param {string} columnName - column name
 	     * @param {string} contents - HTML string
-	     * @api
 	     */
 	    setFooterColumnContent: function(columnName, contents) {
 	        this.modelManager.columnModel.setFooterContent(columnName, contents);
@@ -949,7 +898,6 @@
 	     * Validates all data and returns the result.
 	     * Return value is an array which contains only rows which have invalid cell data.
 	     * @returns {Array.<Object>} An array of error object
-	     * @api
 	     * @example
 	     // return value example
 	    [
@@ -983,7 +931,6 @@
 
 	    /**
 	     * Destroys the instance.
-	     * @api
 	     */
 	    destroy: function() {
 	        this.modelManager.destroy();
@@ -1247,11 +1194,13 @@
 	var ToolbarModel = __webpack_require__(15);
 	var DimensionModel = __webpack_require__(16);
 	var CoordRowModel = __webpack_require__(17);
-	var FocusModel = __webpack_require__(18);
-	var RenderModel = __webpack_require__(20);
-	var SmartRenderModel = __webpack_require__(23);
-	var SelectionModel = __webpack_require__(24);
-	var SummaryModel = __webpack_require__(25);
+	var CoordColumnModel = __webpack_require__(18);
+	var CoordConverterModel = __webpack_require__(19);
+	var FocusModel = __webpack_require__(20);
+	var RenderModel = __webpack_require__(22);
+	var SmartRenderModel = __webpack_require__(25);
+	var SelectionModel = __webpack_require__(26);
+	var SummaryModel = __webpack_require__(27);
 	var util = __webpack_require__(8);
 
 	var defaultOptions = {
@@ -1291,15 +1240,15 @@
 	        this.toolbarModel = this._createToolbarModel(options);
 	        this.dimensionModel = this._createDimensionModel(options, domState);
 	        this.coordRowModel = this._createCoordRowModel(domState);
+	        this.coordColumnModel = this._createCoordColumnModel();
 	        this.focusModel = this._createFocusModel(domState);
 	        this.renderModel = this._createRenderModel(options);
+	        this.coordConverterModel = this._createCoordConverterModel();
 	        this.selectionModel = this._createSelectionModel();
 	        this.summaryModel = this._createSummaryModel(options.footer);
 
 	        // todo: remove dependency
 	        this.focusModel.renderModel = this.renderModel;
-	        this.dimensionModel.renderModel = this.renderModel;
-	        this.dimensionModel.coordRowModel = this.coordRowModel;
 	    },
 
 	    /**
@@ -1395,13 +1344,42 @@
 	     * @private
 	     */
 	    _createCoordRowModel: function(domState) {
-	        return new CoordRowModel({
+	        return new CoordRowModel(null, {
 	            dataModel: this.dataModel,
 	            dimensionModel: this.dimensionModel,
 	            domState: domState
 	        });
 	    },
 
+	    /**
+	     * Creates an instance of coordColumn model and returns it
+	     * @returns {module:model/coordColumnModel}
+	     * @private
+	     */
+	    _createCoordColumnModel: function() {
+	        return new CoordColumnModel(null, {
+	            columnModel: this.columnModel,
+	            dimensionModel: this.dimensionModel
+	        });
+	    },
+
+	    /**
+	     * Creates an instance of coordConvert model and returns it
+	     * @returns {module:model/coordConverterModel}
+	     * @private
+	     */
+	    _createCoordConverterModel: function() {
+	        return new CoordConverterModel(null, {
+	            columnModel: this.columnModel,
+	            dataModel: this.dataModel,
+	            dimensionModel: this.dimensionModel,
+	            focusModel: this.focusModel,
+	            coordRowModel: this.coordRowModel,
+	            renderModel: this.renderModel,
+	            coordColumnModel: this.coordColumnModel
+	        });
+	    },
+
 	    /**
 	     * Creates an instance of focus model and returns it.
 	     * @param  {module:domState} domState - DomState instance
@@ -1428,6 +1406,7 @@
 	            columnModel: this.columnModel,
 	            dataModel: this.dataModel,
 	            dimensionModel: this.dimensionModel,
+	            coordConverterModel: this.coordConverterModel,
 	            renderModel: this.renderModel,
 	            focusModel: this.focusModel
 	        });
@@ -1451,7 +1430,8 @@
 	            dataModel: this.dataModel,
 	            dimensionModel: this.dimensionModel,
 	            focusModel: this.focusModel,
-	            coordRowModel: this.coordRowModel
+	            coordRowModel: this.coordRowModel,
+	            coordColumnModel: this.coordColumnModel
 	        };
 	        Constructor = options.notUseSmartRendering ? RenderModel : SmartRenderModel;
 
@@ -1516,6 +1496,7 @@
 
 	var Model = __webpack_require__(7);
 	var util = __webpack_require__(8);
+	var frameConst = __webpack_require__(9).frame;
 
 	/**
 	 * 컬럼 모델 데이터를 다루는 객체
@@ -1697,9 +1678,9 @@
 
 	        whichSide = whichSide && whichSide.toUpperCase();
 
-	        if (whichSide === 'L') {
+	        if (whichSide === frameConst.L) {
 	            columnModelList = this.get('visibleList').slice(startIndex, visibleColumnFixCount);
-	        } else if (whichSide === 'R') {
+	        } else if (whichSide === frameConst.R) {
 	            columnModelList = this.get('visibleList').slice(visibleColumnFixCount);
 	        } else {
 	            columnModelList = this.get('visibleList').slice(startIndex);
@@ -2426,6 +2407,10 @@
 	        TABLE_BORDER_WIDTH: 1,
 	        RESIZE_HANDLE_WIDTH: 7
 	    },
+	    frame: {
+	        L: 'L',
+	        R: 'R'
+	    },
 	    attrName: {
 	        ROW_KEY: 'data-row-key',
 	        COLUMN_NAME: 'data-column-name',
@@ -3336,7 +3321,7 @@
 	        // 추가/ 수정된 행 추출
 	        _.each(current, function(row, rowKey) {
 	            var originalRow = original[rowKey],
-	                item = isOnlyRowKeyList ? row.rowKey : row;
+	                item = isOnlyRowKeyList ? row.rowKey : _.omit(row, filteringColumnList);
 
 	            if (!isOnlyChecked || (isOnlyChecked && this.get(rowKey).get('_button'))) {
 	                if (!originalRow) {
@@ -3349,7 +3334,7 @@
 
 	        //삭제된 행 추출
 	        _.each(original, function(obj, rowKey) {
-	            var item = isOnlyRowKeyList ? obj.rowKey : obj;
+	            var item = isOnlyRowKeyList ? obj.rowKey : _.omit(obj, filteringColumnList);
 	            if (!current[rowKey]) {
 	                result.deleteList.push(item);
 	            }
@@ -4650,22 +4635,19 @@
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
-	 * @fileoverview 크기에 관련된 데이터를 다루는 모델
+	 * @fileoverview module:model/dimension
 	 * @author NHN Ent. FE Development Team
 	 */
 	'use strict';
 
-	var _ = __webpack_require__(1);
-
 	var Model = __webpack_require__(7);
-	var util = __webpack_require__(8);
 	var dimensionConstMap = __webpack_require__(9).dimension;
 
 	var TABLE_BORDER_WIDTH = dimensionConstMap.TABLE_BORDER_WIDTH;
 	var CELL_BORDER_WIDTH = dimensionConstMap.CELL_BORDER_WIDTH;
 
 	/**
-	 * 크기 관련 데이터 저장
+	 * Manage values about dimension (layout)
 	 * @module model/dimension
 	 * @param {Object} attrs - Attributes
 	 * @param {Object} options - Options
@@ -4676,30 +4658,13 @@
 	    initialize: function(attrs, options) {
 	        Model.prototype.initialize.apply(this, arguments);
 
-	        /**
-	         * An array of the fixed flags of the columns
-	         * @private
-	         * @type {boolean[]}
-	         */
-	        this._columnWidthFixedFlags = null;
-
-	        /**
-	         * An array of the minimum width of the columns
-	         * @private
-	         * @type {number[]}
-	         */
-	        this._minColumnWidthList = null;
-
 	        this.columnModel = options.columnModel;
 	        this.dataModel = options.dataModel;
 	        this.domState = options.domState;
 
-	        this.listenTo(this.columnModel, 'columnModelChange', this.resetColumnWidths);
-	        this.on('change:width', this._onWidthChange, this);
 	        this.on('change:isFixedHeight', this._resetSyncHeightHandler);
 
 	        this._resetSyncHeightHandler();
-	        this.resetColumnWidths();
 	    },
 
 	    defaults: {
@@ -4722,7 +4687,6 @@
 
 	        rsideWidth: 0,
 	        lsideWidth: 0,
-	        columnWidthList: [],
 
 	        minimumColumnWidth: 0,
 	        scrollBarSize: 17,
@@ -4732,21 +4696,6 @@
 	        isFixedHeight: false
 	    },
 
-	    /**
-	     * 전체 넓이에서 스크롤바, border등의 넓이를 제외하고 실제 셀의 넓이에 사용되는 값만 반환한다.
-	     * @param {number} columnLength - 컬럼의 개수
-	     * @returns {number} 사용가능한 전체 셀의 넓이
-	     * @private
-	     */
-	    _getAvailableTotalWidth: function(columnLength) {
-	        var totalWidth = this.get('width');
-	        var borderCount = columnLength + 1 + (this.isDivisionBorderDoubled() ? 1 : 0);
-	        var totalBorderWidth = borderCount * CELL_BORDER_WIDTH;
-	        var availableTotalWidth = totalWidth - this.getScrollYWidth() - totalBorderWidth;
-
-	        return availableTotalWidth;
-	    },
-
 	    /**
 	     * Attach/Detach event handler of change:totalRowHeight event based on the isFixedHeight.
 	     * @private
@@ -4771,301 +4720,137 @@
 	    },
 
 	    /**
-	     * Makes all width of columns not less than minimumColumnWidth.
-	     * @param {number[]} columnWidthList - 컬럼 넓이값 배열
-	     * @returns {number[]} - 수정된 새로운 넓이값 배열
-	     * @private
+	     * Returns whether division border (between meta column and data column) is doubled or not.
+	     * Division border should be doubled only if visible fixed data column exists.
+	     * @returns {Boolean}
 	     */
-	    _applyMinimumColumnWidth: function(columnWidthList) {
-	        var minWidthList = this._minColumnWidthList;
-	        var appliedList = _.clone(columnWidthList);
-
-	        _.each(appliedList, function(width, index) {
-	            var minWidth = minWidthList[index];
-	            if (width < minWidth) {
-	                appliedList[index] = minWidth;
-	            }
-	        });
-
-	        return appliedList;
+	    isDivisionBorderDoubled: function() {
+	        return this.columnModel.getVisibleColumnFixCount() > 0;
 	    },
 
 	    /**
-	     * Sets the width of columns whose width is not assigned by distributing extra width to them equally.
-	     * @param {number[]} columnWidthList - An array of column widths
-	     * @returns {number[]} - A new array of column widths
+	     * 전체 넓이에서 스크롤바, border등의 넓이를 제외하고 실제 셀의 넓이에 사용되는 값만 반환한다.
+	     * @param {number} columnLength - 컬럼의 개수
+	     * @returns {number} 사용가능한 전체 셀의 넓이
 	     * @private
 	     */
-	    _fillEmptyColumnWidth: function(columnWidthList) {
-	        var totalWidth = this._getAvailableTotalWidth(columnWidthList.length);
-	        var remainTotalWidth = totalWidth - util.sum(columnWidthList);
-	        var emptyIndexes = [];
-
-	        _.each(columnWidthList, function(width, index) {
-	            if (!width) {
-	                emptyIndexes.push(index);
-	            }
-	        });
+	    getAvailableTotalWidth: function(columnLength) {
+	        var totalWidth = this.get('width');
+	        var borderCount = columnLength + 1 + (this.isDivisionBorderDoubled() ? 1 : 0);
+	        var totalBorderWidth = borderCount * CELL_BORDER_WIDTH;
+	        var availableTotalWidth = totalWidth - this.getScrollYWidth() - totalBorderWidth;
 
-	        return this._distributeExtraWidthEqually(columnWidthList, remainTotalWidth, emptyIndexes);
+	        return availableTotalWidth;
 	    },
 
 	    /**
-	     * Adds extra widths of the column equally.
-	     * @param {number[]} columnWidthList - An array of column widths
-	     * @param {number} totalExtraWidth - Total extra width
-	     * @returns {number[]} - A new array of column widths
-	     * @private
+	     * Calc body size of grid except scrollBar
+	     * @returns {{height: number, totalWidth: number, rsideWidth: number}} Body size
 	     */
-	    _addExtraColumnWidth: function(columnWidthList, totalExtraWidth) {
-	        var fixedFlags = this._columnWidthFixedFlags;
-	        var columnIndexes = [];
+	    getBodySize: function() {
+	        var lsideWidth = this.get('lsideWidth'),
+	            rsideWidth = this.get('rsideWidth') - this.getScrollYWidth(),
+	            height = this.get('bodyHeight') - this.getScrollXHeight();
 
-	        _.each(fixedFlags, function(flag, index) {
-	            if (!flag) {
-	                columnIndexes.push(index);
-	            }
-	        });
-	        return this._distributeExtraWidthEqually(columnWidthList, totalExtraWidth, columnIndexes);
+	        return {
+	            height: height,
+	            rsideWidth: rsideWidth,
+	            totalWidth: lsideWidth + rsideWidth
+	        };
 	    },
 
 	    /**
-	     * Reduces excess widths of the column equally.
-	     * @param {number[]} columnWidthList - An array of column widths
-	     * @param {number} totalExcessWidth - Total excess width (negative number)
-	     * @returns {number[]} - A new array of column widths
-	     * @private
+	     * Calc and get overflow values from container position
+	     * @param {Number} pageX - Mouse X-position based on page
+	     * @param {Number} pageY - Mouse Y-position based on page
+	     * @returns {{x: number, y: number}} Mouse-overflow
 	     */
-	    _reduceExcessColumnWidth: function(columnWidthList, totalExcessWidth) {
-	        var minWidthList = this._minColumnWidthList;
-	        var fixedFlags = this._columnWidthFixedFlags;
-	        var availableList = [];
-
-	        _.each(columnWidthList, function(width, index) {
-	            if (!fixedFlags[index]) {
-	                availableList.push({
-	                    index: index,
-	                    width: width - minWidthList[index]
-	                });
-	            }
-	        });
+	    getOverflowFromMousePosition: function(pageX, pageY) {
+	        var containerPos = this.getPositionFromBodyArea(pageX, pageY);
+	        var bodySize = this.getBodySize();
 
-	        return this._reduceExcessColumnWidthSub(_.clone(columnWidthList), totalExcessWidth, availableList);
+	        return this._judgeOverflow(containerPos, bodySize);
 	    },
 
 	    /**
-	     * Reduce the (remaining) excess widths of the column.
-	     * This method will be called recursively by _reduceExcessColumnWidth.
-	     * @param {number[]} columnWidthList - An array of column Width
-	     * @param {number} totalRemainWidth - Remaining excess width (negative number)
-	     * @param {object[]} availableList - An array of infos about available column.
-	     *                                 Each item of the array has {index:number, width:number}.
-	     * @returns {number[]} - A new array of column widths
+	     * Judge overflow
+	     * @param {{x: number, y: number}} containerPosition - Position values based on container
+	     * @param {{height: number, totalWidth: number, rsideWidth: number}} bodySize - Real body size
+	     * @returns {{x: number, y: number}} Overflow values
 	     * @private
 	     */
-	    _reduceExcessColumnWidthSub: function(columnWidthList, totalRemainWidth, availableList) {
-	        var avgValue = Math.round(totalRemainWidth / availableList.length);
-	        var newAvailableList = [];
-	        var columnIndexes;
+	    _judgeOverflow: function(containerPosition, bodySize) {
+	        var containerX = containerPosition.x;
+	        var containerY = containerPosition.y;
+	        var overflowY = 0;
+	        var overflowX = 0;
 
-	        _.each(availableList, function(available) {
-	            // note that totalRemainWidth and avgValue are negative number.
-	            if (available.width < Math.abs(avgValue)) {
-	                totalRemainWidth += available.width;
-	                columnWidthList[available.index] -= available.width;
-	            } else {
-	                newAvailableList.push(available);
-	            }
-	        });
-	        // call recursively until all available width are less than average
-	        if (availableList.length > newAvailableList.length) {
-	            return this._reduceExcessColumnWidthSub(columnWidthList, totalRemainWidth, newAvailableList);
+	        if (containerY < 0) {
+	            overflowY = -1;
+	        } else if (containerY > bodySize.height) {
+	            overflowY = 1;
 	        }
-	        columnIndexes = _.pluck(availableList, 'index');
 
-	        return this._distributeExtraWidthEqually(columnWidthList, totalRemainWidth, columnIndexes);
-	    },
+	        if (containerX < 0) {
+	            overflowX = -1;
+	        } else if (containerX > bodySize.totalWidth) {
+	            overflowX = 1;
+	        }
 
-	    /**
-	     * Distributes the extra width equally to each column at specified indexes.
-	     * @param {number[]} columnWidthList - An array of column width
-	     * @param {number} extraWidth - Extra width
-	     * @param {number[]} columnIndexes - An array of indexes of target columns
-	     * @returns {number[]} - A new array of column widths
-	     * @private
-	     */
-	    _distributeExtraWidthEqually: function(columnWidthList, extraWidth, columnIndexes) {
-	        var length = columnIndexes.length;
-	        var avgValue = Math.round(extraWidth / length);
-	        var errorValue = (avgValue * length) - extraWidth; // to correct total width
-	        var resultList = _.clone(columnWidthList);
-
-	        _.each(columnIndexes, function(columnIndex) {
-	            resultList[columnIndex] += avgValue;
-	        });
-
-	        if (columnIndexes.length) {
-	            resultList[_.last(columnIndexes)] -= errorValue;
-	        }
-
-	        return resultList;
+	        return {
+	            x: overflowX,
+	            y: overflowY
+	        };
 	    },
 
 	    /**
-	     * Adjust the column widths to make them fit into the dimension.
-	     * @param {number[]} columnWidthList - An array of column width
-	     * @param {boolean} [fitToReducedTotal] - If set to true and the total width is smaller than dimension(width),
-	     *                                    the column widths will be reduced.
-	     * @returns {number[]} - A new array of column widths
-	     * @private
+	     * Return height of X-scrollBar.
+	     * If no X-scrollBar, return 0
+	     * @returns {number} Height of X-scrollBar
 	     */
-	    _adjustColumnWidthList: function(columnWidthList, fitToReducedTotal) {
-	        var columnLength = columnWidthList.length;
-	        var availableWidth = this._getAvailableTotalWidth(columnLength);
-	        var totalExtraWidth = availableWidth - util.sum(columnWidthList);
-	        var fixedCount = _.filter(this._columnWidthFixedFlags).length;
-	        var adjustedList;
-
-	        if (totalExtraWidth > 0) {
-	            if (columnLength > fixedCount) {
-	                adjustedList = this._addExtraColumnWidth(columnWidthList, totalExtraWidth);
-	            } else {
-	                // If all column has fixed width, add extra width to the last column.
-	                adjustedList = _.clone(columnWidthList);
-	                adjustedList[columnLength - 1] += totalExtraWidth;
-	            }
-	        } else if (fitToReducedTotal && totalExtraWidth < 0) {
-	            adjustedList = this._reduceExcessColumnWidth(columnWidthList, totalExtraWidth);
-	        } else {
-	            adjustedList = columnWidthList;
-	        }
-
-	        return adjustedList;
+	    getScrollXHeight: function() {
+	        return (this.get('scrollX') ? this.get('scrollBarSize') : 0);
 	    },
 
 	    /**
-	     * Reset the width of each column by using initial setting of column models.
+	     * Return width of Y-scrollBar.
+	     * If no Y-scrollBar, return 0
+	     * @returns {number} Width of Y-scrollBar
 	     */
-	    resetColumnWidths: function() {
-	        var columnModelList = this.columnModel.getVisibleColumnModelList(null, true);
-	        var commonMinWidth = this.get('minimumColumnWidth');
-	        var widthList = [];
-	        var fixedFlags = [];
-	        var minWidthList = [];
-
-	        _.each(columnModelList, function(columnModel) {
-	            var width = columnModel.width > 0 ? columnModel.width : 0;
-	            var minWidth = Math.max(width, commonMinWidth);
-
-	            // Meta columns are not affected by common 'minimumColumnWidth' value
-	            if (util.isMetaColumn(columnModel.columnName)) {
-	                minWidth = width;
-	            }
-
-	            // If the width is not assigned (in other words, the width is not positive number),
-	            // set it to zero (no need to worry about minimum width at this point)
-	            // so that #_fillEmptyColumnWidth() can detect which one is empty.
-	            // After then, minimum width will be applied by #_applyMinimumColumnWidth().
-	            widthList.push(width ? minWidth : 0);
-	            minWidthList.push(minWidth);
-	            fixedFlags.push(!!columnModel.isFixedWidth);
-	        }, this);
-
-	        this._columnWidthFixedFlags = fixedFlags;
-	        this._minColumnWidthList = minWidthList;
-
-	        this._setColumnWidthVariables(this._calculateColumnWidth(widthList), true);
+	    getScrollYWidth: function() {
+	        return (this.get('scrollY') ? this.get('scrollBarSize') : 0);
 	    },
 
 	    /**
-	     * calculate column width list
-	     * @param {Array.<Number>} widthList - widthList
-	     * @returns {Array.<Number>}
+	     * Returns the height of table body.
+	     * @param  {number} height - The height of the dimension
+	     * @returns {number} The height of the table body
 	     * @private
 	     */
-	    _calculateColumnWidth: function(widthList) {
-	        widthList = this._fillEmptyColumnWidth(widthList);
-	        widthList = this._applyMinimumColumnWidth(widthList);
-	        widthList = this._adjustColumnWidthList(widthList);
-
-	        return widthList;
-	    },
-
-	    /**
-	     * Returns whether division border (between meta column and data column) is doubled or not.
-	     * Division border should be doubled only if visible fixed data column exists.
-	     * @returns {Boolean}
-	     */
-	    isDivisionBorderDoubled: function() {
-	        return this.columnModel.getVisibleColumnFixCount() > 0;
-	    },
-
-	    /**
-	     * L, R 중 하나를 입력받아 frame 의 너비를 구한다.
-	     * @param {String} [whichSide]  지정하지 않을 경우 전체 너비.
-	     * @returns {Number} 해당 frame 의 너비
-	     */
-	    getFrameWidth: function(whichSide) {
-	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
-	        var columnWidthList = this.getColumnWidthList(whichSide);
-	        var frameWidth = this._getFrameWidth(columnWidthList);
-
-	        if (_.isUndefined(whichSide) && columnFixCount > 0) {
-	            frameWidth += CELL_BORDER_WIDTH;
-	        }
+	    _calcRealBodyHeight: function(height) {
+	        var extraHeight = this.get('headerHeight') + this.get('footerHeight') +
+	            this.get('toolbarHeight') + TABLE_BORDER_WIDTH;
 
-	        return frameWidth;
+	        return height - extraHeight;
 	    },
 
 	    /**
-	     * widthList 로부터 보더 값을 포함하여 계산한 frameWidth 를 구한다.
-	     * @param {Array} widthList 너비 리스트 배열
-	     * @returns {Number} 계산된 frame 너비값
+	     * Returns the minimum height of table body.
+	     * @returns {number} The minimum height of table body
 	     * @private
 	     */
-	    _getFrameWidth: function(widthList) {
-	        var frameWidth = 0;
-
-	        if (widthList.length) {
-	            frameWidth = util.sum(widthList) + ((widthList.length + 1) * CELL_BORDER_WIDTH);
-	        }
-
-	        return frameWidth;
+	    _getMinBodyHeight: function() {
+	        return this.get('rowHeight') + (CELL_BORDER_WIDTH * 2) + this.getScrollXHeight();
 	    },
 
 	    /**
-	     * columnWidthList 로 부터, lside 와 rside 의 전체 너비를 계산하여 저장한다.
-	     * @param {array} columnWidthList - 컬럼 넓이값 배열
-	     * @param {boolean} [isSaveWidthList] - 저장 여부. true이면 넓이값 배열을 originalWidthList로 저장한다.
+	     * Sets the height of the dimension.
+	     * (Resets the bodyHeight relative to the dimension height)
+	     * @param  {number} height - The height of the dimension
 	     * @private
 	     */
-	    _setColumnWidthVariables: function(columnWidthList, isSaveWidthList) {
-	        var totalWidth = this.get('width');
-	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
-	        var maxLeftSideWidth = this._getMaxLeftSideWidth();
-	        var rsideWidth, lsideWidth, lsideWidthList, rsideWidthList;
-
-	        lsideWidthList = columnWidthList.slice(0, columnFixCount);
-	        rsideWidthList = columnWidthList.slice(columnFixCount);
-
-	        lsideWidth = this._getFrameWidth(lsideWidthList);
-	        if (maxLeftSideWidth && maxLeftSideWidth < lsideWidth) {
-	            lsideWidthList = this._adjustLeftSideWidthList(lsideWidthList, maxLeftSideWidth);
-	            lsideWidth = this._getFrameWidth(lsideWidthList);
-	            columnWidthList = lsideWidthList.concat(rsideWidthList);
-	        }
-	        rsideWidth = totalWidth - lsideWidth;
-
-	        this.set({
-	            columnWidthList: columnWidthList,
-	            rsideWidth: rsideWidth,
-	            lsideWidth: lsideWidth
-	        });
-
-	        if (isSaveWidthList) {
-	            this.set('originalWidthList', _.clone(columnWidthList));
-	        }
-	        this.trigger('columnWidthChanged');
+	    _setHeight: function(height) {
+	        this.set('bodyHeight', Math.max(this._calcRealBodyHeight(height), this._getMinBodyHeight()));
 	    },
 
 	    /**
@@ -5092,7 +4877,7 @@
 	     * @returns {number} 열고정 영역의 최대 너비값.
 	     * @private
 	     */
-	    _getMaxLeftSideWidth: function() {
+	    getMaxLeftSideWidth: function() {
 	        var maxWidth = Math.ceil(this.get('width') * 0.9); // eslint-disable-line no-magic-number
 
 	        if (maxWidth) {
@@ -5103,698 +4888,1007 @@
 	    },
 
 	    /**
-	     * Returns the horizontal position of the given column
-	     * @param {String} columnName - column name
-	     * @returns {{left: Number, right: Number}}
-	     * @private
+	     * Sets the width and height of the dimension.
+	     * @param {(Number|Null)} width - Width
+	     * @param {(Number|Null)} height - Height
 	     */
-	    _getCellHorizontalPosition: function(columnName) {
-	        var columnModel = this.columnModel;
-	        var metaColumnCount = columnModel.getVisibleMetaColumnCount();
-	        var columnWidthList = this.get('columnWidthList');
-	        var leftColumnCount = columnModel.getVisibleColumnFixCount() + metaColumnCount;
-	        var targetIdx = columnModel.indexOfColumnName(columnName, true) + metaColumnCount;
-	        var idx = leftColumnCount > targetIdx ? 0 : leftColumnCount;
-	        var left = 0;
-
-	        for (; idx < targetIdx; idx += 1) {
-	            left += columnWidthList[idx] + CELL_BORDER_WIDTH;
+	    setSize: function(width, height) {
+	        if (width > 0) {
+	            this.set('width', width);
+	            this.trigger('setWidth', width);
+	        }
+	        if (height > 0) {
+	            this._setHeight(height);
 	        }
+	    },
 
-	        return {
-	            left: left,
-	            right: left + columnWidthList[targetIdx] + CELL_BORDER_WIDTH
-	        };
+	    /**
+	     * Returns the height of the dimension.
+	     * @returns {Number} Height
+	     */
+	    getHeight: function() {
+	        return this.get('bodyHeight') + this.get('headerHeight') + this.get('toolbarHeight');
 	    },
 
 	    /**
-	     * Returns the vertical position of the given row
-	     * @param {Number} rowKey - row key
-	     * @param {Number} rowSpanCount - the count of rowspan
-	     * @returns {{top: Number, bottom: Number}}
-	     * @private
+	     * layout 에 필요한 크기 및 위치 데이터를 갱신한다.
 	     */
-	    _getCellVerticalPosition: function(rowKey, rowSpanCount) {
-	        var firstIdx, lastIdx, top, bottom;
-	        var coordRowModel = this.coordRowModel;
+	    refreshLayout: function() {
+	        var domState = this.domState;
+	        var offset = domState.getOffset();
 
-	        firstIdx = this.dataModel.indexOfRowKey(rowKey);
-	        lastIdx = firstIdx + rowSpanCount - 1;
-	        top = coordRowModel.getOffsetAt(firstIdx);
-	        bottom = coordRowModel.getOffsetAt(lastIdx) +
-	            coordRowModel.getHeightAt(lastIdx) + CELL_BORDER_WIDTH;
+	        this.set({
+	            offsetTop: offset.top,
+	            offsetLeft: offset.left,
+	            width: domState.getWidth()
+	        });
 
-	        return {
-	            top: top,
-	            bottom: bottom
-	        };
+	        if (this.get('fitToParentHeight')) {
+	            this._setHeight(domState.getParentHeight());
+	        }
 	    },
 
 	    /**
-	     * Returns the count of rowspan of given cell
-	     * @param {Number} rowKey - row key
-	     * @param {String} columnName - column name
-	     * @returns {Number}
-	     * @private
+	     * Set bodyHeight value based on the count of row.
+	     * (This method is temporary and required only until the displayRowCount option is removed)
+	     * @param {number} rowCount - row count
 	     */
-	    _getRowSpanCount: function(rowKey, columnName) {
-	        var rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
+	    setBodyHeightWithRowCount: function(rowCount) {
+	        var rowHeight = this.get('rowHeight');
+	        var scrollXHeight = this.getScrollXHeight();
 
-	        if (!rowSpanData.isMainRow) {
-	            rowKey = rowSpanData.mainRowKey;
-	            rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
-	        }
+	        this.set({
+	            isFixedHeight: true,
+	            bodyHeight: (rowHeight + CELL_BORDER_WIDTH) * rowCount + scrollXHeight
+	        });
+	    },
 
-	        return rowSpanData.count || 1;
+	    /**
+	     * Returns the offset.top of body
+	     * @returns {number}
+	     */
+	    getBodyOffsetTop: function() {
+	        return this.get('offsetTop') + this.get('headerHeight') + this.get('toolbarHeight')
+	            + CELL_BORDER_WIDTH + TABLE_BORDER_WIDTH;
 	    },
 
 	    /**
-	     * 계산한 cell 의 위치를 리턴한다.
-	     * @param {Number|String} rowKey - 데이터의 키값
-	     * @param {String} columnName - 칼럼명
-	     * @returns {{top: number, left: number, right: number, bottom: number}} - cell의 위치
-	     * @todo TC
+	     * Returns the position relative to the body-area.
+	     * @param {Number} pageX - x-pos relative to document
+	     * @param {Number} pageY - y-pos relative to document
+	     * @returns {{x: number, y: number}}
+	     * @private
 	     */
-	    getCellPosition: function(rowKey, columnName) {
-	        var rowSpanCount, vPos, hPos;
+	    getPositionFromBodyArea: function(pageX, pageY) {
+	        var bodyOffsetX = this.get('offsetLeft');
+	        var bodyOffsetY = this.getBodyOffsetTop();
 
-	        rowKey = this.dataModel.getMainRowKey(rowKey, columnName);
+	        return {
+	            x: pageX - bodyOffsetX,
+	            y: pageY - bodyOffsetY
+	        };
+	    }
+	});
 
-	        if (!this.dataModel.get(rowKey)) {
-	            return {};
-	        }
+	module.exports = Dimension;
 
-	        rowSpanCount = this._getRowSpanCount(rowKey, columnName);
-	        vPos = this._getCellVerticalPosition(rowKey, rowSpanCount);
-	        hPos = this._getCellHorizontalPosition(columnName);
 
-	        return {
-	            top: vPos.top,
-	            bottom: vPos.bottom,
-	            left: hPos.left,
-	            right: hPos.right
-	        };
+/***/ },
+/* 17 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/**
+	 * @fileoverview Manage coordinates of rows
+	 * @author NHN Ent. FE Development Lab
+	 */
+	'use strict';
+
+	var Model = __webpack_require__(7);
+	var CELL_BORDER_WIDTH = __webpack_require__(9).dimension.CELL_BORDER_WIDTH;
+
+	/**
+	 * @module model/coordRow
+	 * @param {Object} attrs - Attributes
+	 * @param {Object} options - Options
+	 * @extends module:base/model
+	 * @ignore
+	 */
+	var CoordRow = Model.extend(/**@lends module:model/coordRow.prototype */{
+	    initialize: function(attrs, options) {
+	        this.dataModel = options.dataModel;
+	        this.dimensionModel = options.dimensionModel;
+	        this.domState = options.domState;
+
+	        /**
+	         * Height of each rows
+	         * @type {Array}
+	         */
+	        this.rowHeights = [];
+
+	        /**
+	         * Offset of each rows
+	         * @type {Array}
+	         */
+	        this.rowOffsets = [];
+
+	        // Sync height and offest data when dataModel is changed only if the isFixedRowHeight is true.
+	        // If the isFixedRowHeight is false, as the height of each row should be synced with DOM,
+	        // syncWithDom() method is called instead at the end of rendering process.
+	        if (this.dimensionModel.get('isFixedRowHeight')) {
+	            this.listenTo(this.dataModel, 'add remove reset sort', this.syncWithDataModel);
+	        }
 	    },
 
 	    /**
-	     * Return scroll position from the received index
-	     * @param {Number|String} rowKey - Row-key of target cell
-	     * @param {String} columnName - Column name of target cell
-	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
+	     * Refresh coordinate data with real DOM height of cells
 	     */
-	    getScrollPosition: function(rowKey, columnName) {
-	        var isRsideColumn = !this.columnModel.isLside(columnName);
-	        var targetPosition = this.getCellPosition(rowKey, columnName);
-	        var bodySize = this._getBodySize();
-	        var scrollDirection = this._judgeScrollDirection(targetPosition, isRsideColumn, bodySize);
+	    syncWithDom: function() {
+	        var domRowHeights, dataRowHeights, rowHeights;
+	        var i, len;
 
-	        return this._makeScrollPosition(scrollDirection, targetPosition, bodySize);
+
+	        if (this.dimensionModel.get('isFixedRowHeight')) {
+	            return;
+	        }
+
+	        domRowHeights = this.domState.getRowHeights();
+	        dataRowHeights = this._getHeightFromData();
+	        rowHeights = [];
+
+	        for (i = 0, len = dataRowHeights.length; i < len; i += 1) {
+	            rowHeights[i] = Math.max(domRowHeights[i], dataRowHeights[i]);
+	        }
+	        this._reset(rowHeights);
 	    },
 
 	    /**
-	     * Calc body size of grid except scrollBar
-	     * @returns {{height: number, totalWidth: number, rsideWidth: number}} Body size
+	     * Returns the height of rows from dataModel as an array
+	     * @returns {Array.<number>}
 	     * @private
 	     */
-	    _getBodySize: function() {
-	        var lsideWidth = this.get('lsideWidth'),
-	            rsideWidth = this.get('rsideWidth') - this.getScrollYWidth(),
-	            height = this.get('bodyHeight') - this.getScrollXHeight();
+	    _getHeightFromData: function() {
+	        var defHeight = this.dimensionModel.get('rowHeight');
+	        var rowHeights = [];
 
-	        return {
-	            height: height,
-	            rsideWidth: rsideWidth,
-	            totalWidth: lsideWidth + rsideWidth
-	        };
+	        this.dataModel.each(function(row, index) {
+	            rowHeights[index] = (row.getHeight() || defHeight);
+	        });
+
+	        return rowHeights;
 	    },
 
 	    /**
-	     * Judge scroll direction.
-	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
-	     * @param {boolean} isRsideColumn - Whether the target cell is in rside
-	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
-	     * @returns {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} Direction
+	     * Refresh coordinate data with extraData.height
+	     */
+	    syncWithDataModel: function() {
+	        this._reset(this._getHeightFromData());
+	    },
+
+	    /**
+	     * Initialize the values of rowHeights and rowOffsets
+	     * @param {Array.<number>} rowHeights - array of row height
 	     * @private
 	     */
-	    _judgeScrollDirection: function(targetPosition, isRsideColumn, bodySize) {
-	        var renderModel = this.renderModel;
-	        var currentTop = renderModel.get('scrollTop');
-	        var currentLeft = renderModel.get('scrollLeft');
-	        var isUp, isDown, isLeft, isRight;
+	    _reset: function(rowHeights) {
+	        var rowOffsets = [];
+	        var totalRowHeight = 0;
 
-	        isUp = targetPosition.top < currentTop;
-	        isDown = !isUp && (targetPosition.bottom > (currentTop + bodySize.height));
-	        if (isRsideColumn) {
-	            isLeft = targetPosition.left < currentLeft;
-	            isRight = !isLeft && (targetPosition.right > (currentLeft + bodySize.rsideWidth - 1));
-	        } else {
-	            isLeft = isRight = false;
+	        _.each(rowHeights, function(height, index) {
+	            var prevOffset = index ? (rowOffsets[index - 1] + CELL_BORDER_WIDTH) : 0;
+	            var prevHeight = index ? rowHeights[index - 1] : 0;
+
+	            rowOffsets[index] = prevOffset + prevHeight;
+	        });
+
+	        this.rowHeights = rowHeights;
+	        this.rowOffsets = rowOffsets;
+
+	        if (rowHeights.length) {
+	            totalRowHeight = _.last(rowOffsets) + _.last(rowHeights) + CELL_BORDER_WIDTH;
 	        }
+	        this.dimensionModel.set('totalRowHeight', totalRowHeight);
+	        this.trigger('reset');
+	    },
 
-	        return {
-	            isUp: isUp,
-	            isDown: isDown,
-	            isLeft: isLeft,
-	            isRight: isRight
-	        };
+	    /**
+	     * Returns the height of the row of given index
+	     * @param {number} index - row index
+	     * @returns {number}
+	     */
+	    getHeightAt: function(index) {
+	        return this.rowHeights[index];
 	    },
 
 	    /**
-	     * Make scroll position
-	     * @param {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} scrollDirection - Direction
-	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
-	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
-	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
-	     * @private
+	     * Returns the offset of the row of given index
+	     * @param {number} index - row index
+	     * @returns {number}
 	     */
-	    _makeScrollPosition: function(scrollDirection, targetPosition, bodySize) {
-	        var pos = {};
+	    getOffsetAt: function(index) {
+	        return this.rowOffsets[index];
+	    },
 
-	        if (scrollDirection.isUp) {
-	            pos.scrollTop = targetPosition.top;
-	        } else if (scrollDirection.isDown) {
-	            pos.scrollTop = targetPosition.bottom - bodySize.height;
-	        }
+	    /**
+	     * Returns the height of the row of the given rowKey
+	     * @param {number} rowKey - rowKey
+	     * @returns {number}
+	     */
+	    getHeight: function(rowKey) {
+	        var index = this.dataModel.indexOfRowKey(rowKey);
+	        return this.getHeightAt(index);
+	    },
 
-	        if (scrollDirection.isLeft) {
-	            pos.scrollLeft = targetPosition.left;
-	        } else if (scrollDirection.isRight) {
-	            pos.scrollLeft = targetPosition.right - bodySize.rsideWidth + TABLE_BORDER_WIDTH;
+	    /**
+	     * Returns the offset of the row of the given rowKey
+	     * @param {number} rowKey - rowKey
+	     * @returns {number}
+	     */
+	    getOffset: function(rowKey) {
+	        var index = this.dataModel.indexOfRowKey(rowKey);
+	        return this.getOffsetAt(index);
+	    },
+
+	    /**
+	     * Returns the index of the row which contains given position
+	     * @param {number} position - target position
+	     * @returns {number}
+	     */
+	    indexOf: function(position) {
+	        var rowOffsets = this.rowOffsets;
+	        var idx = 0;
+
+	        position += CELL_BORDER_WIDTH;
+	        while (rowOffsets[idx] <= position) {
+	            idx += 1;
 	        }
 
-	        return pos;
+	        return idx - 1;
+	    }
+	});
+
+	module.exports = CoordRow;
+
+
+/***/ },
+/* 18 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/**
+	 * @fileoverview Manage coordinates of rows
+	 * @author NHN Ent. FE Development Lab
+	 */
+	'use strict';
+
+	var Model = __webpack_require__(7);
+	var util = __webpack_require__(8);
+	var constMap = __webpack_require__(9);
+	var dimensionConst = constMap.dimension;
+	var frameConst = constMap.frame;
+
+	var CELL_BORDER_WIDTH = dimensionConst.CELL_BORDER_WIDTH;
+
+	/**
+	 * @module model/coordColumn
+	 * @param {Object} attrs - Attributes
+	 * @param {Object} options - Options
+	 * @extends module:base/model
+	 * @ignore
+	 */
+	var CoordColumn = Model.extend(/**@lends module:model/coordColumn.prototype */{
+	    initialize: function(attrs, options) {
+	        this.dimensionModel = options.dimensionModel;
+	        this.columnModel = options.columnModel;
+
+	        /**
+	         * An array of the fixed flags of the columns
+	         * @private
+	         * @type {boolean[]}
+	         */
+	        this._columnWidthFixedFlags = null;
+
+	        /**
+	         * An array of the minimum width of the columns
+	         * @private
+	         * @type {number[]}
+	         */
+	        this._minColumnWidthList = null;
+
+	        /**
+	         * Whether the column width is modified by user.
+	         * @type {boolean}
+	         */
+	        this._isModified = false;
+
+	        this.listenTo(this.columnModel, 'columnModelChange', this.resetColumnWidths);
+	        this.listenTo(this.dimensionModel, 'change:width', this._onDimensionWidthChange);
+	        this.resetColumnWidths();
+	    },
+
+	    defaults: {
+	        columnWidthList: []
 	    },
 
 	    /**
-	     * Calc and get overflow values from container position
-	     * @param {Number} pageX - Mouse X-position based on page
-	     * @param {Number} pageY - Mouse Y-position based on page
-	     * @returns {{x: number, y: number}} Mouse-overflow
+	     * Reset the width of each column by using initial setting of column models.
 	     */
-	    getOverflowFromMousePosition: function(pageX, pageY) {
-	        var containerPos = this._rebasePositionToContainer(pageX, pageY);
-	        var bodySize = this._getBodySize();
+	    resetColumnWidths: function() {
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(null, true);
+	        var commonMinWidth = this.dimensionModel.get('minimumColumnWidth');
+	        var widthList = [];
+	        var fixedFlags = [];
+	        var minWidthList = [];
 
-	        return this._judgeOverflow(containerPos, bodySize);
+	        _.each(columnModelList, function(columnModel) {
+	            var width = columnModel.width > 0 ? columnModel.width : 0;
+	            var minWidth = Math.max(width, commonMinWidth);
+
+	            // Meta columns are not affected by common 'minimumColumnWidth' value
+	            if (util.isMetaColumn(columnModel.columnName)) {
+	                minWidth = width;
+	            }
+
+	            // If the width is not assigned (in other words, the width is not positive number),
+	            // set it to zero (no need to worry about minimum width at this point)
+	            // so that #_fillEmptyColumnWidth() can detect which one is empty.
+	            // After then, minimum width will be applied by #_applyMinimumColumnWidth().
+	            widthList.push(width ? minWidth : 0);
+	            minWidthList.push(minWidth);
+	            fixedFlags.push(!!columnModel.isFixedWidth);
+	        }, this);
+
+	        this._columnWidthFixedFlags = fixedFlags;
+	        this._minColumnWidthList = minWidthList;
+
+	        this._setColumnWidthVariables(this._calculateColumnWidth(widthList), true);
 	    },
 
 	    /**
-	     * Judge overflow
-	     * @param {{x: number, y: number}} containerPosition - Position values based on container
-	     * @param {{height: number, totalWidth: number, rsideWidth: number}} bodySize - Real body size
-	     * @returns {{x: number, y: number}} Overflow values
+	     * columnWidthList 로 부터, lside 와 rside 의 전체 너비를 계산하여 저장한다.
+	     * @param {array} columnWidthList - 컬럼 넓이값 배열
+	     * @param {boolean} [isSaveWidthList] - 저장 여부. true이면 넓이값 배열을 originalWidthList로 저장한다.
 	     * @private
 	     */
-	    _judgeOverflow: function(containerPosition, bodySize) {
-	        var containerX = containerPosition.x;
-	        var containerY = containerPosition.y;
-	        var overflowY = 0;
-	        var overflowX = 0;
+	    _setColumnWidthVariables: function(columnWidthList, isSaveWidthList) {
+	        var totalWidth = this.dimensionModel.get('width');
+	        var maxLeftSideWidth = this.dimensionModel.getMaxLeftSideWidth();
+	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
+	        var rsideWidth, lsideWidth, lsideWidthList, rsideWidthList;
 
-	        if (containerY < 0) {
-	            overflowY = -1;
-	        } else if (containerY > bodySize.height) {
-	            overflowY = 1;
-	        }
+	        lsideWidthList = columnWidthList.slice(0, columnFixCount);
+	        rsideWidthList = columnWidthList.slice(columnFixCount);
 
-	        if (containerX < 0) {
-	            overflowX = -1;
-	        } else if (containerX > bodySize.totalWidth) {
-	            overflowX = 1;
+	        lsideWidth = this._getFrameWidth(lsideWidthList);
+	        if (maxLeftSideWidth && maxLeftSideWidth < lsideWidth) {
+	            lsideWidthList = this._adjustLeftSideWidthList(lsideWidthList, maxLeftSideWidth);
+	            lsideWidth = this._getFrameWidth(lsideWidthList);
+	            columnWidthList = lsideWidthList.concat(rsideWidthList);
 	        }
+	        rsideWidth = totalWidth - lsideWidth;
 
-	        return {
-	            x: overflowX,
-	            y: overflowY
-	        };
+	        this.set({
+	            columnWidthList: columnWidthList
+	        });
+	        this.dimensionModel.set({
+	            rsideWidth: rsideWidth,
+	            lsideWidth: lsideWidth
+	        });
+
+	        if (isSaveWidthList) {
+	            this.set('originalWidthList', _.clone(columnWidthList));
+	        }
+	        this.trigger('columnWidthChanged');
 	    },
 
 	    /**
-	     * Get cell index from mouse position
-	     * @param {Number} pageX - Mouse X-position based on page
-	     * @param {Number} pageY - Mouse Y-position based on page
-	     * @param {boolean} [withMeta] - Whether the meta columns go with this calculation
-	     * @returns {{row: number, column: number}} Cell index
+	     * columnFixCount 가 적용되었을 때, window resize 시 left side 의 너비를 조정한다.
+	     * @param {Array} lsideWidthList    열고정 영역의 너비 리스트 배열
+	     * @param {Number} totalWidth   grid 전체 너비
+	     * @returns {Array} 열고정 영역의 너비 리스트
+	     * @private
 	     */
-	    getIndexFromMousePosition: function(pageX, pageY, withMeta) {
-	        var containerPos = this._rebasePositionToContainer(pageX, pageY);
+	    _adjustLeftSideWidthList: function(lsideWidthList, totalWidth) {
+	        var i = lsideWidthList.length - 1;
+	        var minimumColumnWidth = this.dimensionModel.get('minimumColumnWidth');
+	        var currentWidth = this._getFrameWidth(lsideWidthList);
+	        var diff = currentWidth - totalWidth;
+	        var changedWidth;
 
-	        return {
-	            row: this._calcRowIndexFromPositionY(containerPos.y),
-	            column: this._calcColumnIndexFromPositionX(containerPos.x, withMeta)
-	        };
+	        if (diff > 0) {
+	            while (i >= 0 && diff > 0) {
+	                changedWidth = Math.max(minimumColumnWidth, lsideWidthList[i] - diff);
+	                diff -= lsideWidthList[i] - changedWidth;
+	                lsideWidthList[i] = changedWidth;
+	                i -= 1;
+	            }
+	        } else if (diff < 0) {
+	            lsideWidthList[i] += Math.abs(diff);
+	        }
+
+	        return lsideWidthList;
 	    },
 
 	    /**
-	     * Calc and get column index from Y-position based on the container
-	     * @param {number} containerY - X-position based on the container
-	     * @returns {number} Row index
+	     * calculate column width list
+	     * @param {Array.<Number>} widthList - widthList
+	     * @returns {Array.<Number>}
 	     * @private
 	     */
-	    _calcRowIndexFromPositionY: function(containerY) {
-	        var cellY = containerY + this.renderModel.get('scrollTop');
+	    _calculateColumnWidth: function(widthList) {
+	        widthList = this._fillEmptyColumnWidth(widthList);
+	        widthList = this._applyMinimumColumnWidth(widthList);
+	        widthList = this._adjustColumnWidthList(widthList);
 
-	        return this.coordRowModel.indexOf(cellY);
+	        return widthList;
 	    },
 
 	    /**
-	     * Calc and get column index from X-position based on the container
-	     * @param {number} containerX - X-position based on the container
-	     * @param {boolean} withMeta - Whether the meta columns go with this calculation
-	     * @returns {number} Column index
+	     * Sets the width of columns whose width is not assigned by distributing extra width to them equally.
+	     * @param {number[]} columnWidthList - An array of column widths
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _calcColumnIndexFromPositionX: function(containerX, withMeta) {
-	        var columnWidthList = this.getColumnWidthList();
-	        var totalColumnWidth = this.getFrameWidth();
-	        var cellX = containerX;
-	        var isRsidePosition = containerX >= this.get('lsideWidth');
-	        var adjustableIndex = (withMeta) ? 0 : this.columnModel.getVisibleMetaColumnCount();
-	        var columnIndex = 0;
-
-	        if (isRsidePosition) {
-	            cellX += this.renderModel.get('scrollLeft');
-	        }
-
-	        if (cellX >= totalColumnWidth) {
-	            columnIndex = columnWidthList.length - 1;
-	        } else {
-	            tui.util.forEachArray(columnWidthList, function(width, index) { // eslint-disable-line consistent-return
-	                width += CELL_BORDER_WIDTH;
-	                columnIndex = index;
+	    _fillEmptyColumnWidth: function(columnWidthList) {
+	        var totalWidth = this.dimensionModel.getAvailableTotalWidth(columnWidthList.length);
+	        var remainTotalWidth = totalWidth - util.sum(columnWidthList);
+	        var emptyIndexes = [];
 
-	                if (cellX > width) {
-	                    cellX -= width;
-	                } else {
-	                    return false;
-	                }
-	            });
-	        }
+	        _.each(columnWidthList, function(width, index) {
+	            if (!width) {
+	                emptyIndexes.push(index);
+	            }
+	        });
 
-	        return Math.max(0, columnIndex - adjustableIndex);
+	        return this._distributeExtraWidthEqually(columnWidthList, remainTotalWidth, emptyIndexes);
 	    },
 
 	    /**
-	     * 마우스 위치 정보에 해당하는 grid container 기준 pageX 와 pageY 를 반환한다.
-	     * @param {Number} pageX    마우스 x 좌표
-	     * @param {Number} pageY    마우스 y 좌표
-	     * @returns {{x: number, y: number}} 그리드 container 기준의 x, y 값
+	     * widthList 로부터 보더 값을 포함하여 계산한 frameWidth 를 구한다.
+	     * @param {Array} widthList 너비 리스트 배열
+	     * @returns {Number} 계산된 frame 너비값
 	     * @private
 	     */
-	    _rebasePositionToContainer: function(pageX, pageY) {
-	        var offsetX = this.get('offsetLeft');
-	        var offsetY = this.get('offsetTop') + this.get('headerHeight') + this.get('toolbarHeight')
-	             + CELL_BORDER_WIDTH + TABLE_BORDER_WIDTH;
+	    _getFrameWidth: function(widthList) {
+	        var frameWidth = 0;
 
-	        return {
-	            x: pageX - offsetX,
-	            y: pageY - offsetY
-	        };
+	        if (widthList.length) {
+	            frameWidth = util.sum(widthList) + ((widthList.length + 1) * CELL_BORDER_WIDTH);
+	        }
+
+	        return frameWidth;
 	    },
 
 	    /**
-	     * columnFixCount 가 적용되었을 때, window resize 시 left side 의 너비를 조정한다.
-	     * @param {Array} lsideWidthList    열고정 영역의 너비 리스트 배열
-	     * @param {Number} totalWidth   grid 전체 너비
-	     * @returns {Array} 열고정 영역의 너비 리스트
+	     * Adds extra widths of the column equally.
+	     * @param {number[]} columnWidthList - An array of column widths
+	     * @param {number} totalExtraWidth - Total extra width
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _adjustLeftSideWidthList: function(lsideWidthList, totalWidth) {
-	        var i = lsideWidthList.length - 1;
-	        var minimumColumnWidth = this.get('minimumColumnWidth');
-	        var currentWidth = this._getFrameWidth(lsideWidthList);
-	        var diff = currentWidth - totalWidth;
-	        var changedWidth;
+	    _addExtraColumnWidth: function(columnWidthList, totalExtraWidth) {
+	        var fixedFlags = this._columnWidthFixedFlags;
+	        var columnIndexes = [];
 
-	        if (diff > 0) {
-	            while (i >= 0 && diff > 0) {
-	                changedWidth = Math.max(minimumColumnWidth, lsideWidthList[i] - diff);
-	                diff -= lsideWidthList[i] - changedWidth;
-	                lsideWidthList[i] = changedWidth;
-	                i -= 1;
+	        _.each(fixedFlags, function(flag, index) {
+	            if (!flag) {
+	                columnIndexes.push(index);
 	            }
-	        } else if (diff < 0) {
-	            lsideWidthList[i] += Math.abs(diff);
-	        }
-
-	        return lsideWidthList;
+	        });
+	        return this._distributeExtraWidthEqually(columnWidthList, totalExtraWidth, columnIndexes);
 	    },
 
 	    /**
-	     * Return height of X-scrollBar.
-	     * If no X-scrollBar, return 0
-	     * @returns {number} Height of X-scrollBar
+	     * Reduces excess widths of the column equally.
+	     * @param {number[]} columnWidthList - An array of column widths
+	     * @param {number} totalExcessWidth - Total excess width (negative number)
+	     * @returns {number[]} - A new array of column widths
+	     * @private
 	     */
-	    getScrollXHeight: function() {
-	        return (this.get('scrollX') ? this.get('scrollBarSize') : 0);
-	    },
+	    _reduceExcessColumnWidth: function(columnWidthList, totalExcessWidth) {
+	        var minWidthList = this._minColumnWidthList;
+	        var fixedFlags = this._columnWidthFixedFlags;
+	        var availableList = [];
 
-	    /**
-	     * Return width of Y-scrollBar.
-	     * If no Y-scrollBar, return 0
-	     * @returns {number} Width of Y-scrollBar
-	     */
-	    getScrollYWidth: function() {
-	        return (this.get('scrollY') ? this.get('scrollBarSize') : 0);
+	        _.each(columnWidthList, function(width, index) {
+	            if (!fixedFlags[index]) {
+	                availableList.push({
+	                    index: index,
+	                    width: width - minWidthList[index]
+	                });
+	            }
+	        });
+
+	        return this._reduceExcessColumnWidthSub(_.clone(columnWidthList), totalExcessWidth, availableList);
 	    },
 
 	    /**
-	     * width 값 변경시 각 column 별 너비를 계산한다.
+	     * Reduce the (remaining) excess widths of the column.
+	     * This method will be called recursively by _reduceExcessColumnWidth.
+	     * @param {number[]} columnWidthList - An array of column Width
+	     * @param {number} totalRemainWidth - Remaining excess width (negative number)
+	     * @param {object[]} availableList - An array of infos about available column.
+	     *                                 Each item of the array has {index:number, width:number}.
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _onWidthChange: function() {
-	        var widthList = this._adjustColumnWidthList(this.get('columnWidthList'), true);
+	    _reduceExcessColumnWidthSub: function(columnWidthList, totalRemainWidth, availableList) {
+	        var avgValue = Math.round(totalRemainWidth / availableList.length);
+	        var newAvailableList = [];
+	        var columnIndexes;
 
-	        this._setColumnWidthVariables(widthList);
+	        _.each(availableList, function(available) {
+	            // note that totalRemainWidth and avgValue are negative number.
+	            if (available.width < Math.abs(avgValue)) {
+	                totalRemainWidth += available.width;
+	                columnWidthList[available.index] -= available.width;
+	            } else {
+	                newAvailableList.push(available);
+	            }
+	        });
+	        // call recursively until all available width are less than average
+	        if (availableList.length > newAvailableList.length) {
+	            return this._reduceExcessColumnWidthSub(columnWidthList, totalRemainWidth, newAvailableList);
+	        }
+	        columnIndexes = _.pluck(availableList, 'index');
+
+	        return this._distributeExtraWidthEqually(columnWidthList, totalRemainWidth, columnIndexes);
 	    },
 
 	    /**
-	     * columnResize 발생 시 index 에 해당하는 컬럼의 width 를 변경하여 반영한다.
-	     * @param {Number} index    너비를 변경할 컬럼의 인덱스
-	     * @param {Number} width    변경할 너비 pixel값
+	     * Distributes the extra width equally to each column at specified indexes.
+	     * @param {number[]} columnWidthList - An array of column width
+	     * @param {number} extraWidth - Extra width
+	     * @param {number[]} columnIndexes - An array of indexes of target columns
+	     * @returns {number[]} - A new array of column widths
+	     * @private
 	     */
-	    setColumnWidth: function(index, width) {
-	        var columnWidthList = this.get('columnWidthList');
-	        var fixedFlags = this._columnWidthFixedFlags;
-	        var minWidth = this._minColumnWidthList[index];
-	        var adjustedList;
+	    _distributeExtraWidthEqually: function(columnWidthList, extraWidth, columnIndexes) {
+	        var length = columnIndexes.length;
+	        var avgValue = Math.round(extraWidth / length);
+	        var errorValue = (avgValue * length) - extraWidth; // to correct total width
+	        var resultList = _.clone(columnWidthList);
 
-	        if (!fixedFlags[index] && columnWidthList[index]) {
-	            columnWidthList[index] = Math.max(width, minWidth);
-	            // makes width of the target column fixed temporarily
-	            // to not be influenced while adjusting column widths.
-	            fixedFlags[index] = true;
-	            adjustedList = this._adjustColumnWidthList(columnWidthList);
-	            fixedFlags[index] = false;
-	            this._setColumnWidthVariables(adjustedList);
+	        _.each(columnIndexes, function(columnIndex) {
+	            resultList[columnIndex] += avgValue;
+	        });
+
+	        if (columnIndexes.length) {
+	            resultList[_.last(columnIndexes)] -= errorValue;
 	        }
+
+	        return resultList;
 	    },
 
 	    /**
-	     * Returns the height of table body.
-	     * @param  {number} height - The height of the dimension
-	     * @returns {number} The height of the table body
+	     * Makes all width of columns not less than minimumColumnWidth.
+	     * @param {number[]} columnWidthList - 컬럼 넓이값 배열
+	     * @returns {number[]} - 수정된 새로운 넓이값 배열
 	     * @private
 	     */
-	    _calcRealBodyHeight: function(height) {
-	        var extraHeight = this.get('headerHeight') + this.get('footerHeight') +
-	            this.get('toolbarHeight') + TABLE_BORDER_WIDTH;
+	    _applyMinimumColumnWidth: function(columnWidthList) {
+	        var minWidthList = this._minColumnWidthList;
+	        var appliedList = _.clone(columnWidthList);
 
-	        return height - extraHeight;
+	        _.each(appliedList, function(width, index) {
+	            var minWidth = minWidthList[index];
+	            if (width < minWidth) {
+	                appliedList[index] = minWidth;
+	            }
+	        });
+
+	        return appliedList;
 	    },
 
 	    /**
-	     * Returns the minimum height of table body.
-	     * @returns {number} The minimum height of table body
+	     * Adjust the column widths to make them fit into the dimension.
+	     * @param {number[]} columnWidthList - An array of column width
+	     * @param {boolean} [fitToReducedTotal] - If set to true and the total width is smaller than dimension(width),
+	     *                                    the column widths will be reduced.
+	     * @returns {number[]} - A new array of column widths
 	     * @private
 	     */
-	    _getMinBodyHeight: function() {
-	        return this.get('rowHeight') + (CELL_BORDER_WIDTH * 2) + this.getScrollXHeight();
+	    _adjustColumnWidthList: function(columnWidthList, fitToReducedTotal) {
+	        var columnLength = columnWidthList.length;
+	        var availableWidth = this.dimensionModel.getAvailableTotalWidth(columnLength);
+	        var totalExtraWidth = availableWidth - util.sum(columnWidthList);
+	        var fixedCount = _.filter(this._columnWidthFixedFlags).length;
+	        var adjustedList;
+
+	        if (totalExtraWidth > 0) {
+	            if (columnLength > fixedCount) {
+	                adjustedList = this._addExtraColumnWidth(columnWidthList, totalExtraWidth);
+	            } else {
+	                // If all column has fixed width, add extra width to the last column.
+	                adjustedList = _.clone(columnWidthList);
+	                adjustedList[columnLength - 1] += totalExtraWidth;
+	            }
+	        } else if (fitToReducedTotal && totalExtraWidth < 0) {
+	            adjustedList = this._reduceExcessColumnWidth(columnWidthList, totalExtraWidth);
+	        } else {
+	            adjustedList = columnWidthList;
+	        }
+
+	        return adjustedList;
 	    },
 
 	    /**
-	     * Sets the height of the dimension.
-	     * (Resets the bodyHeight relative to the dimension height)
-	     * @param  {number} height - The height of the dimension
+	     * width 값 변경시 각 column 별 너비를 계산한다.
 	     * @private
 	     */
-	    _setHeight: function(height) {
-	        this.set('bodyHeight', Math.max(this._calcRealBodyHeight(height), this._getMinBodyHeight()));
-	    },
+	    _onDimensionWidthChange: function() {
+	        var widthList = this.get('columnWidthList');
 
-	    /**
-	     * Sets the width and height of the dimension.
-	     * @param {(Number|Null)} width - Width
-	     * @param {(Number|Null)} height - Height
-	     */
-	    setSize: function(width, height) {
-	        if (width > 0) {
-	            this.set('width', width);
-	            this.trigger('setWidth', width);
-	        }
-	        if (height > 0) {
-	            this._setHeight(height);
+	        if (!this._isModified) {
+	            widthList = this._adjustColumnWidthList(widthList, true);
 	        }
+	        this._setColumnWidthVariables(widthList);
 	    },
 
 	    /**
-	     * Returns the height of the dimension.
-	     * @returns {Number} Height
+	     * L side 와 R side 에 따른 columnWidthList 를 반환한다.
+	     * @param {String} [whichSide] 어느 영역인지 여부. L,R 중 하나를 인자로 넘긴다. 생략시 전체 columnList 반환
+	     * @returns {Array}  조회한 영역의 columnWidthList
 	     */
-	    getHeight: function() {
-	        return this.get('bodyHeight') + this.get('headerHeight') + this.get('toolbarHeight');
+	    getColumnWidthList: function(whichSide) {
+	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
+	        var columnWidthList = [];
+
+	        switch (whichSide) {
+	            case frameConst.L:
+	                columnWidthList = this.get('columnWidthList').slice(0, columnFixCount);
+	                break;
+	            case frameConst.R:
+	                columnWidthList = this.get('columnWidthList').slice(columnFixCount);
+	                break;
+	            default :
+	                columnWidthList = this.get('columnWidthList');
+	                break;
+	        }
+
+	        return columnWidthList;
 	    },
 
 	    /**
-	     * layout 에 필요한 크기 및 위치 데이터를 갱신한다.
+	     * L, R 중 하나를 입력받아 frame 의 너비를 구한다.
+	     * @param {String} [whichSide]  지정하지 않을 경우 전체 너비.
+	     * @returns {Number} 해당 frame 의 너비
 	     */
-	    refreshLayout: function() {
-	        var domState = this.domState;
-	        var offset = domState.getOffset();
-
-	        this.set({
-	            offsetTop: offset.top,
-	            offsetLeft: offset.left,
-	            width: domState.getWidth()
-	        });
+	    getFrameWidth: function(whichSide) {
+	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
+	        var columnWidthList = this.getColumnWidthList(whichSide);
+	        var frameWidth = this._getFrameWidth(columnWidthList);
 
-	        if (this.get('fitToParentHeight')) {
-	            this._setHeight(domState.getParentHeight());
+	        if (_.isUndefined(whichSide) && columnFixCount > 0) {
+	            frameWidth += CELL_BORDER_WIDTH;
 	        }
+
+	        return frameWidth;
 	    },
 
 	    /**
-	     * 초기 너비로 돌린다.
+	     * columnResize 발생 시 index 에 해당하는 컬럼의 width 를 변경하여 반영한다.
 	     * @param {Number} index    너비를 변경할 컬럼의 인덱스
+	     * @param {Number} width    변경할 너비 pixel값
 	     */
-	    restoreColumnWidth: function(index) {
-	        var orgWidth = this.get('originalWidthList')[index];
+	    setColumnWidth: function(index, width) {
+	        var columnWidthList = this.get('columnWidthList');
+	        var fixedFlags = this._columnWidthFixedFlags;
+	        var minWidth = this._minColumnWidthList[index];
 
-	        this.setColumnWidth(index, orgWidth);
+	        if (!fixedFlags[index] && columnWidthList[index]) {
+	            columnWidthList[index] = Math.max(width, minWidth);
+	            this._setColumnWidthVariables(columnWidthList);
+	            this._isModified = true;
+	        }
 	    },
 
 	    /**
-	     * L side 와 R side 에 따른 columnWidthList 를 반환한다.
-	     * @param {String} [whichSide] 어느 영역인지 여부. 'L|R' 중 하나를 인자로 넘긴다. 생략시 전체 columnList 반환
-	     * @returns {Array}  조회한 영역의 columnWidthList
+	     * Returns column index from X-position relative to the body-area
+	     * @param {number} posX - X-position relative to the body-area
+	     * @param {boolean} withMeta - Whether the meta columns go with this calculation
+	     * @returns {number} Column index
+	     * @private
 	     */
-	    getColumnWidthList: function(whichSide) {
-	        var columnFixCount = this.columnModel.getVisibleColumnFixCount(true);
-	        var columnWidthList = [];
+	    indexOf: function(posX, withMeta) {
+	        var columnWidthList = this.getColumnWidthList();
+	        var totalColumnWidth = this.getFrameWidth();
+	        var adjustableIndex = (withMeta) ? 0 : this.columnModel.getVisibleMetaColumnCount();
+	        var columnIndex = 0;
 
-	        switch (whichSide) {
-	            case 'l':
-	            case 'L':
-	                columnWidthList = this.get('columnWidthList').slice(0, columnFixCount);
-	                break;
-	            case 'r':
-	            case 'R':
-	                columnWidthList = this.get('columnWidthList').slice(columnFixCount);
-	                break;
-	            default :
-	                columnWidthList = this.get('columnWidthList');
-	                break;
+	        if (posX >= totalColumnWidth) {
+	            columnIndex = columnWidthList.length - 1;
+	        } else {
+	            tui.util.forEachArray(columnWidthList, function(width, index) { // eslint-disable-line consistent-return
+	                width += CELL_BORDER_WIDTH;
+	                columnIndex = index;
+
+	                if (posX > width) {
+	                    posX -= width;
+	                } else {
+	                    return false;
+	                }
+	            });
 	        }
 
-	        return columnWidthList;
+	        return Math.max(0, columnIndex - adjustableIndex);
 	    },
 
 	    /**
-	     * Set bodyHeight value based on the count of row.
-	     * (This method is temporary and required only until the displayRowCount option is removed)
-	     * @param {number} rowCount - row count
+	     * Restore a column to the default width.
+	     * @param {Number} index - target column index
 	     */
-	    setBodyHeightWithRowCount: function(rowCount) {
-	        var rowHeight = this.get('rowHeight');
-	        var scrollXHeight = this.getScrollXHeight();
+	    restoreColumnWidth: function(index) {
+	        var orgWidth = this.get('originalWidthList')[index];
 
-	        this.set({
-	            isFixedHeight: true,
-	            bodyHeight: (rowHeight + CELL_BORDER_WIDTH) * rowCount + scrollXHeight
-	        });
+	        this.setColumnWidth(index, orgWidth);
 	    }
 	});
 
-	module.exports = Dimension;
+	module.exports = CoordColumn;
 
 
 /***/ },
-/* 17 */
+/* 19 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
-	 * @fileoverview Manage coordinates of rows
+	 * @fileoverview Converts coordinates to index of rows and columns
 	 * @author NHN Ent. FE Development Lab
 	 */
 	'use strict';
 
 	var Model = __webpack_require__(7);
-	var CELL_BORDER_WIDTH = __webpack_require__(9).dimension.CELL_BORDER_WIDTH;
+	var dimensionConstMap = __webpack_require__(9).dimension;
+
+	var TABLE_BORDER_WIDTH = dimensionConstMap.TABLE_BORDER_WIDTH;
+	var CELL_BORDER_WIDTH = dimensionConstMap.CELL_BORDER_WIDTH;
 
 	/**
-	 * @module model/coordRow
+	 * @module model/coordConverter
+	 * @param {Object} attrs - Attributes
 	 * @param {Object} options - Options
 	 * @extends module:base/model
 	 * @ignore
 	 */
-	var CoordRow = Model.extend(/**@lends module:model/coordRow.prototype */{
-	    initialize: function(options) {
+	var CoordConverter = Model.extend(/**@lends module:model/coordConverter.prototype */{
+	    initialize: function(attrs, options) {
 	        this.dataModel = options.dataModel;
+	        this.columnModel = options.columnModel;
+	        this.focusModel = options.focusModel;
 	        this.dimensionModel = options.dimensionModel;
-	        this.domState = options.domState;
+	        this.renderModel = options.renderModel;
+	        this.coordRowModel = options.coordRowModel;
+	        this.coordColumnModel = options.coordColumnModel;
 
-	        /**
-	         * Height of each rows
-	         * @type {Array}
-	         */
-	        this.rowHeights = [];
+	        this.listenTo(this.focusModel, 'focus', this._onFocus);
+	    },
 
-	        /**
-	         * Offset of each rows
-	         * @type {Array}
-	         */
-	        this.rowOffsets = [];
+	    /**
+	     * Get cell index from mouse position
+	     * @param {Number} pageX - Mouse X-position based on page
+	     * @param {Number} pageY - Mouse Y-position based on page
+	     * @param {boolean} [withMeta] - Whether the meta columns go with this calculation
+	     * @returns {{row: number, column: number}} Cell index
+	     */
+	    getIndexFromMousePosition: function(pageX, pageY, withMeta) {
+	        var position = this.dimensionModel.getPositionFromBodyArea(pageX, pageY);
+	        var posWithScroll = this._getScrolledPosition(position);
 
-	        // Sync height and offest data when dataModel is changed only if the isFixedRowHeight is true.
-	        // If the isFixedRowHeight is false, as the height of each row should be synced with DOM,
-	        // syncWithDom() method is called instead at the end of rendering process.
-	        if (this.dimensionModel.get('isFixedRowHeight')) {
-	            this.listenTo(this.dataModel, 'add remove reset sort', this.syncWithDataModel);
-	        }
+	        return {
+	            row: this.coordRowModel.indexOf(posWithScroll.y),
+	            column: this.coordColumnModel.indexOf(posWithScroll.x, withMeta)
+	        };
 	    },
 
 	    /**
-	     * Refresh coordinate data with real DOM height of cells
+	     * Returns the scrolled position in addition to given position
+	     * @param {{x: number, y: number}} position - position
+	     * @returns {{x: number, y: number}}
+	     * @private
 	     */
-	    syncWithDom: function() {
-	        var domRowHeights, dataRowHeights, rowHeights;
-	        var i, len;
-
+	    _getScrolledPosition: function(position) {
+	        var renderModel = this.renderModel;
+	        var isRside = position.x > this.dimensionModel.get('lsideWidth');
+	        var scrollLeft = isRside ? renderModel.get('scrollLeft') : 0;
+	        var scrollTop = renderModel.get('scrollTop');
 
-	        if (this.dimensionModel.get('isFixedRowHeight')) {
-	            return;
-	        }
+	        return {
+	            x: position.x + scrollLeft,
+	            y: position.y + scrollTop
+	        };
+	    },
 
-	        domRowHeights = this.domState.getRowHeights();
-	        dataRowHeights = this._getHeightFromData();
-	        rowHeights = [];
+	    /**
+	     * Returns the count of rowspan of given cell
+	     * @param {Number} rowKey - row key
+	     * @param {String} columnName - column name
+	     * @returns {Number}
+	     * @private
+	     */
+	    _getRowSpanCount: function(rowKey, columnName) {
+	        var rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
 
-	        for (i = 0, len = dataRowHeights.length; i < len; i += 1) {
-	            rowHeights[i] = Math.max(domRowHeights[i], dataRowHeights[i]);
+	        if (!rowSpanData.isMainRow) {
+	            rowKey = rowSpanData.mainRowKey;
+	            rowSpanData = this.dataModel.get(rowKey).getRowSpanData(columnName);
 	        }
-	        this._reset(rowHeights);
+
+	        return rowSpanData.count || 1;
 	    },
 
 	    /**
-	     * Returns the height of rows from dataModel as an array
-	     * @returns {Array.<number>}
+	     * Returns the vertical position of the given row
+	     * @param {Number} rowKey - row key
+	     * @param {Number} rowSpanCount - the count of rowspan
+	     * @returns {{top: Number, bottom: Number}}
 	     * @private
 	     */
-	    _getHeightFromData: function() {
-	        var defHeight = this.dimensionModel.get('rowHeight');
-	        var rowHeights = [];
+	    _getCellVerticalPosition: function(rowKey, rowSpanCount) {
+	        var firstIdx, lastIdx, top, bottom;
+	        var coordRowModel = this.coordRowModel;
 
-	        this.dataModel.each(function(row, index) {
-	            rowHeights[index] = (row.getHeight() || defHeight);
-	        });
+	        firstIdx = this.dataModel.indexOfRowKey(rowKey);
+	        lastIdx = firstIdx + rowSpanCount - 1;
+	        top = coordRowModel.getOffsetAt(firstIdx);
+	        bottom = coordRowModel.getOffsetAt(lastIdx) +
+	            coordRowModel.getHeightAt(lastIdx) + CELL_BORDER_WIDTH;
 
-	        return rowHeights;
+	        return {
+	            top: top,
+	            bottom: bottom
+	        };
 	    },
 
 	    /**
-	     * Refresh coordinate data with extraData.height
+	     * Returns the horizontal position of the given column
+	     * @param {String} columnName - column name
+	     * @returns {{left: Number, right: Number}}
+	     * @private
 	     */
-	    syncWithDataModel: function() {
-	        this._reset(this._getHeightFromData());
+	    _getCellHorizontalPosition: function(columnName) {
+	        var columnModel = this.columnModel;
+	        var metaColumnCount = columnModel.getVisibleMetaColumnCount();
+	        var columnWidthList = this.coordColumnModel.get('columnWidthList');
+	        var leftColumnCount = columnModel.getVisibleColumnFixCount() + metaColumnCount;
+	        var targetIdx = columnModel.indexOfColumnName(columnName, true) + metaColumnCount;
+	        var idx = leftColumnCount > targetIdx ? 0 : leftColumnCount;
+	        var left = 0;
+
+	        for (; idx < targetIdx; idx += 1) {
+	            left += columnWidthList[idx] + CELL_BORDER_WIDTH;
+	        }
+
+	        return {
+	            left: left,
+	            right: left + columnWidthList[targetIdx] + CELL_BORDER_WIDTH
+	        };
 	    },
 
 	    /**
-	     * Initialize the values of rowHeights and rowOffsets
-	     * @param {Array.<number>} rowHeights - array of row height
-	     * @private
+	     * Returns the bounds of the cell identified by given address
+	     * @param {Number|String} rowKey - row key
+	     * @param {String} columnName - column name
+	     * @returns {{top: number, left: number, right: number, bottom: number}}
+	     * @todo TC
 	     */
-	    _reset: function(rowHeights) {
-	        var rowOffsets = [];
-	        var totalRowHeight = 0;
+	    getCellPosition: function(rowKey, columnName) {
+	        var rowSpanCount, vPos, hPos;
 
-	        _.each(rowHeights, function(height, index) {
-	            var prevOffset = index ? (rowOffsets[index - 1] + CELL_BORDER_WIDTH) : 0;
-	            var prevHeight = index ? rowHeights[index - 1] : 0;
+	        rowKey = this.dataModel.getMainRowKey(rowKey, columnName);
 
-	            rowOffsets[index] = prevOffset + prevHeight;
-	        });
+	        if (!this.dataModel.get(rowKey)) {
+	            return {};
+	        }
 
-	        this.rowHeights = rowHeights;
-	        this.rowOffsets = rowOffsets;
+	        rowSpanCount = this._getRowSpanCount(rowKey, columnName);
+	        vPos = this._getCellVerticalPosition(rowKey, rowSpanCount);
+	        hPos = this._getCellHorizontalPosition(columnName);
 
-	        if (rowHeights.length) {
-	            totalRowHeight = _.last(rowOffsets) + _.last(rowHeights) + CELL_BORDER_WIDTH;
-	        }
-	        this.dimensionModel.set('totalRowHeight', totalRowHeight);
-	        this.trigger('reset');
+	        return {
+	            top: vPos.top,
+	            bottom: vPos.bottom,
+	            left: hPos.left,
+	            right: hPos.right
+	        };
 	    },
 
 	    /**
-	     * Returns the height of the row of given index
-	     * @param {number} index - row index
-	     * @returns {number}
+	     * Judge scroll direction.
+	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
+	     * @param {boolean} isRsideColumn - Whether the target cell is in rside
+	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
+	     * @returns {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} Direction
+	     * @private
 	     */
-	    getHeightAt: function(index) {
-	        return this.rowHeights[index];
-	    },
+	    _judgeScrollDirection: function(targetPosition, isRsideColumn, bodySize) {
+	        var renderModel = this.renderModel;
+	        var currentTop = renderModel.get('scrollTop');
+	        var currentLeft = renderModel.get('scrollLeft');
+	        var isUp, isDown, isLeft, isRight;
 
-	    /**
-	     * Returns the offset of the row of given index
-	     * @param {number} index - row index
-	     * @returns {number}
-	     */
-	    getOffsetAt: function(index) {
-	        return this.rowOffsets[index];
+	        isUp = targetPosition.top < currentTop;
+	        isDown = !isUp && (targetPosition.bottom > (currentTop + bodySize.height));
+	        if (isRsideColumn) {
+	            isLeft = targetPosition.left < currentLeft;
+	            isRight = !isLeft && (targetPosition.right > (currentLeft + bodySize.rsideWidth - 1));
+	        } else {
+	            isLeft = isRight = false;
+	        }
+
+	        return {
+	            isUp: isUp,
+	            isDown: isDown,
+	            isLeft: isLeft,
+	            isRight: isRight
+	        };
 	    },
 
 	    /**
-	     * Returns the height of the row of the given rowKey
-	     * @param {number} rowKey - rowKey
-	     * @returns {number}
+	     * Scroll to focus
+	     * @param {number} rowKey - row key
+	     * @param {string} columnName - column name
+	     * @param {boolean} shouldScroll - whether scroll to the target cell
+	     * @private
 	     */
-	    getHeight: function(rowKey) {
-	        var index = this.dataModel.indexOfRowKey(rowKey);
-	        return this.getHeightAt(index);
+	    _onFocus: function(rowKey, columnName, shouldScroll) {
+	        var scrollPosition;
+
+	        if (!shouldScroll) {
+	            return;
+	        }
+	        scrollPosition = this.getScrollPosition(rowKey, columnName);
+
+	        if (!tui.util.isEmpty(scrollPosition)) {
+	            this.renderModel.set(scrollPosition);
+	        }
 	    },
 
 	    /**
-	     * Returns the offset of the row of the given rowKey
-	     * @param {number} rowKey - rowKey
-	     * @returns {number}
+	     * Make scroll position
+	     * @param {{isUp: boolean, isDown: boolean, isLeft: boolean, isRight: boolean}} scrollDirection - Direction
+	     * @param {{top: number, bottom: number, left: number, right: number}} targetPosition - Position of target element
+	     * @param {{height: number, rsideWidth: number}} bodySize - Using cached bodySize
+	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
+	     * @private
 	     */
-	    getOffset: function(rowKey) {
-	        var index = this.dataModel.indexOfRowKey(rowKey);
-	        return this.getOffsetAt(index);
+	    _makeScrollPosition: function(scrollDirection, targetPosition, bodySize) {
+	        var pos = {};
+
+	        if (scrollDirection.isUp) {
+	            pos.scrollTop = targetPosition.top;
+	        } else if (scrollDirection.isDown) {
+	            pos.scrollTop = targetPosition.bottom - bodySize.height;
+	        }
+
+	        if (scrollDirection.isLeft) {
+	            pos.scrollLeft = targetPosition.left;
+	        } else if (scrollDirection.isRight) {
+	            pos.scrollLeft = targetPosition.right - bodySize.rsideWidth + TABLE_BORDER_WIDTH;
+	        }
+
+	        return pos;
 	    },
 
 	    /**
-	     * Returns the index of the row which contains given position
-	     * @param {number} position - target position
-	     * @returns {number}
+	     * Return scroll position from the received index
+	     * @param {Number|String} rowKey - Row-key of target cell
+	     * @param {String} columnName - Column name of target cell
+	     * @returns {{scrollLeft: ?Number, scrollTop: ?Number}} Position to scroll
 	     */
-	    indexOf: function(position) {
-	        var rowOffsets = this.rowOffsets;
-	        var idx = 0;
-
-	        position += CELL_BORDER_WIDTH;
-	        while (rowOffsets[idx] <= position) {
-	            idx += 1;
-	        }
+	    getScrollPosition: function(rowKey, columnName) {
+	        var isRsideColumn = !this.columnModel.isLside(columnName);
+	        var targetPosition = this.getCellPosition(rowKey, columnName);
+	        var bodySize = this.dimensionModel.getBodySize();
+	        var scrollDirection = this._judgeScrollDirection(targetPosition, isRsideColumn, bodySize);
 
-	        return idx - 1;
+	        return this._makeScrollPosition(scrollDirection, targetPosition, bodySize);
 	    }
 	});
 
-	module.exports = CoordRow;
+	module.exports = CoordConverter;
 
 
 /***/ },
-/* 18 */
+/* 20 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -5807,7 +5901,7 @@
 
 	var Model = __webpack_require__(7);
 	var util = __webpack_require__(8);
-	var GridEvent = __webpack_require__(19);
+	var GridEvent = __webpack_require__(21);
 
 	/**
 	 * Focus model
@@ -5997,11 +6091,8 @@
 	        }
 
 	        this.set('columnName', columnName);
-	        this.trigger('focus', rowKey, columnName);
+	        this.trigger('focus', rowKey, columnName, isScrollable);
 
-	        if (isScrollable) {
-	            this.scrollToFocus();
-	        }
 	        return true;
 	    },
 
@@ -6090,19 +6181,6 @@
 	        }
 	    },
 
-	    /**
-	     * Scroll to focus
-	     */
-	    scrollToFocus: function() {
-	        var rowKey = this.get('rowKey');
-	        var columnName = this.get('columnName');
-	        var scrollPosition = this.dimensionModel.getScrollPosition(rowKey, columnName);
-
-	        if (!tui.util.isEmpty(scrollPosition)) {
-	            this.renderModel.set(scrollPosition);
-	        }
-	    },
-
 	    /**
 	     * 디자인 blur 처리한다.
 	     * @returns {Model.Focus} This object
@@ -6534,7 +6612,7 @@
 
 
 /***/ },
-/* 19 */
+/* 21 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -6586,7 +6664,7 @@
 
 
 /***/ },
-/* 20 */
+/* 22 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -6598,7 +6676,7 @@
 	var _ = __webpack_require__(1);
 
 	var Model = __webpack_require__(7);
-	var RowList = __webpack_require__(21);
+	var RowList = __webpack_require__(23);
 	var renderStateMap = __webpack_require__(9).renderState;
 	var CELL_BORDER_WIDTH = __webpack_require__(9).dimension.CELL_BORDER_WIDTH;
 
@@ -6621,7 +6699,8 @@
 	            columnModel: options.columnModel,
 	            focusModel: options.focusModel,
 	            dimensionModel: options.dimensionModel,
-	            coordRowModel: options.coordRowModel
+	            coordRowModel: options.coordRowModel,
+	            coordColumnModel: options.coordColumnModel
 	        });
 
 	        rowListOptions = {
@@ -6717,7 +6796,7 @@
 	     */
 	    _updateMaxScrollLeft: function() {
 	        var dimension = this.dimensionModel;
-	        var maxScrollLeft = dimension.getFrameWidth('R') - dimension.get('rsideWidth') +
+	        var maxScrollLeft = this.coordColumnModel.getFrameWidth('R') - dimension.get('rsideWidth') +
 	                dimension.getScrollYWidth();
 
 	        this.set('maxScrollLeft', maxScrollLeft);
@@ -7191,7 +7270,7 @@
 
 
 /***/ },
-/* 21 */
+/* 23 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -7201,7 +7280,7 @@
 	'use strict';
 
 	var Collection = __webpack_require__(11);
-	var Row = __webpack_require__(22);
+	var Row = __webpack_require__(24);
 
 	/**
 	  * View Model rowList collection
@@ -7227,7 +7306,7 @@
 
 
 /***/ },
-/* 22 */
+/* 24 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -7652,7 +7731,7 @@
 
 
 /***/ },
-/* 23 */
+/* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -7663,7 +7742,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Renderer = __webpack_require__(20);
+	var Renderer = __webpack_require__(22);
 	var dimensionConst = __webpack_require__(9).dimension;
 
 	var CELL_BORDER_WIDTH = dimensionConst.CELL_BORDER_WIDTH;
@@ -7794,7 +7873,7 @@
 
 
 /***/ },
-/* 24 */
+/* 26 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -7827,6 +7906,7 @@
 	            dimensionModel: options.dimensionModel,
 	            focusModel: options.focusModel,
 	            renderModel: options.renderModel,
+	            coordConverterModel: options.coordConverterModel,
 
 	            inputRange: null,
 	            intervalIdForAutoScroll: null,
@@ -7966,7 +8046,7 @@
 	     */
 	    extendColumnSelection: function(columnIndexes, pageX, pageY) {
 	        var minimumColumnRange = this._minimumColumnRange;
-	        var index = this.dimensionModel.getIndexFromMousePosition(pageX, pageY);
+	        var index = this.coordConverterModel.getIndexFromMousePosition(pageX, pageY);
 	        var range = {
 	            row: [0, this.dataModel.length - 1],
 	            column: []
@@ -8012,7 +8092,7 @@
 	     * @param {string} [type] - Selection type
 	     */
 	    updateByMousePosition: function(pageX, pageY, type) {
-	        var index = this.dimensionModel.getIndexFromMousePosition(pageX, pageY);
+	        var index = this.coordConverterModel.getIndexFromMousePosition(pageX, pageY);
 
 	        this._setScrolling(pageX, pageY);
 	        this.update(index.row, index.column, type);
@@ -8390,7 +8470,7 @@
 
 
 /***/ },
-/* 25 */
+/* 27 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -8555,7 +8635,7 @@
 
 
 /***/ },
-/* 26 */
+/* 28 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -8564,26 +8644,27 @@
 	 */
 	'use strict';
 
-	var ContainerView = __webpack_require__(27);
-	var ContentAreaView = __webpack_require__(28);
-	var ToolbarView = __webpack_require__(29);
-	var PaginationView = __webpack_require__(30);
-	var HeightResizeHandleView = __webpack_require__(31);
-	var StateLayerView = __webpack_require__(32);
-	var ClipboardView = __webpack_require__(33);
-	var LsideFrameView = __webpack_require__(34);
-	var RsideFrameView = __webpack_require__(36);
-	var HeaderView = __webpack_require__(37);
-	var HeaderResizeHandlerView = __webpack_require__(38);
-	var BodyView = __webpack_require__(39);
-	var BodyTableView = __webpack_require__(40);
-	var FooterView = __webpack_require__(41);
-	var RowListView = __webpack_require__(42);
-	var SelectionLayerView = __webpack_require__(43);
-	var EditingLayerView = __webpack_require__(44);
-	var DatePickeLayerView = __webpack_require__(45);
-	var FocusLayerView = __webpack_require__(46);
+	var ContainerView = __webpack_require__(29);
+	var ContentAreaView = __webpack_require__(30);
+	var ToolbarView = __webpack_require__(31);
+	var PaginationView = __webpack_require__(32);
+	var HeightResizeHandleView = __webpack_require__(33);
+	var StateLayerView = __webpack_require__(34);
+	var ClipboardView = __webpack_require__(35);
+	var LsideFrameView = __webpack_require__(36);
+	var RsideFrameView = __webpack_require__(38);
+	var HeaderView = __webpack_require__(39);
+	var HeaderResizeHandlerView = __webpack_require__(40);
+	var BodyView = __webpack_require__(41);
+	var BodyTableView = __webpack_require__(42);
+	var FooterView = __webpack_require__(43);
+	var RowListView = __webpack_require__(44);
+	var SelectionLayerView = __webpack_require__(45);
+	var EditingLayerView = __webpack_require__(46);
+	var DatePickeLayerView = __webpack_require__(47);
+	var FocusLayerView = __webpack_require__(48);
 	var isOptionEnabled = __webpack_require__(8).isOptionEnabled;
+	var frameConst = __webpack_require__(9).frame;
 
 	/**
 	 * View Factory
@@ -8699,18 +8780,18 @@
 	            focusModel: this.modelManager.focusModel,
 	            renderModel: this.modelManager.renderModel,
 	            coordRowModel: this.modelManager.coordRowModel,
-	            painterManager: this.modelManager.painterManager,
+	            coordConverterModel: this.modelManager.coordConverterModel,
 	            copyOption: this.copyOption
 	        });
 	    },
 
 	    /**
 	     * Creates frame view and returns it.
-	     * @param  {String} whichSide - 'L'(left) or 'R'(right)
+	     * @param  {String} whichSide - L(left) or R(right)
 	     * @returns {module:view/layout/frame} New frame view instance
 	     */
 	    createFrame: function(whichSide) {
-	        var Constructor = whichSide === 'L' ? LsideFrameView : RsideFrameView;
+	        var Constructor = whichSide === frameConst.L ? LsideFrameView : RsideFrameView;
 
 	        return new Constructor({
 	            dimensionModel: this.modelManager.dimensionModel,
@@ -8734,6 +8815,7 @@
 	            dataModel: this.modelManager.dataModel,
 	            columnModel: this.modelManager.columnModel,
 	            coordRowModel: this.modelManager.coordRowModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
 	            viewFactory: this
 	        });
 	    },
@@ -8761,6 +8843,7 @@
 	            columnModel: this.modelManager.columnModel,
 	            renderModel: this.modelManager.renderModel,
 	            dimensionModel: this.modelManager.dimensionModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
 	            summaryModel: this.modelManager.summaryModel,
 	            columnTemplateMap: templateMap
 	        });
@@ -8775,7 +8858,8 @@
 	        return new HeaderResizeHandlerView({
 	            whichSide: whichSide,
 	            dimensionModel: this.modelManager.dimensionModel,
-	            columnModel: this.modelManager.columnModel
+	            columnModel: this.modelManager.columnModel,
+	            coordColumnModel: this.modelManager.coordColumnModel
 	        });
 	    },
 
@@ -8789,6 +8873,7 @@
 	            whichSide: whichSide,
 	            renderModel: this.modelManager.renderModel,
 	            dimensionModel: this.modelManager.dimensionModel,
+	            coordConverterModel: this.modelManager.coordConverterModel,
 	            dataModel: this.modelManager.dataModel,
 	            columnModel: this.modelManager.columnModel,
 	            selectionModel: this.modelManager.selectionModel,
@@ -8806,6 +8891,7 @@
 	        return new BodyTableView({
 	            whichSide: whichSide,
 	            dimensionModel: this.modelManager.dimensionModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
 	            renderModel: this.modelManager.renderModel,
 	            columnModel: this.modelManager.columnModel,
 	            painterManager: this.painterManager,
@@ -8848,7 +8934,8 @@
 	            selectionModel: this.modelManager.selectionModel,
 	            dimensionModel: this.modelManager.dimensionModel,
 	            columnModel: this.modelManager.columnModel,
-	            coordRowModel: this.modelManager.coordRowModel
+	            coordRowModel: this.modelManager.coordRowModel,
+	            coordColumnModel: this.modelManager.coordColumnModel
 	        });
 	    },
 
@@ -8893,7 +8980,9 @@
 	            dimensionModel: this.modelManager.dimensionModel,
 	            columnModel: this.modelManager.columnModel,
 	            focusModel: this.modelManager.focusModel,
-	            coordRowModel: this.modelManager.coordRowModel
+	            coordRowModel: this.modelManager.coordRowModel,
+	            coordColumnModel: this.modelManager.coordColumnModel,
+	            coordConverterModel: this.modelManager.coordConverterModel
 	        });
 	    }
 	});
@@ -8902,7 +8991,7 @@
 
 
 /***/ },
-/* 27 */
+/* 29 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -8914,7 +9003,7 @@
 	var _ = __webpack_require__(1);
 
 	var View = __webpack_require__(2);
-	var GridEvent = __webpack_require__(19);
+	var GridEvent = __webpack_require__(21);
 	var attrNameConst = __webpack_require__(9).attrName;
 	var classNameConst = __webpack_require__(14);
 
@@ -9239,7 +9328,7 @@
 
 
 /***/ },
-/* 28 */
+/* 30 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9250,6 +9339,7 @@
 
 	var View = __webpack_require__(2);
 	var classNameConst = __webpack_require__(14);
+	var frameConst = __webpack_require__(9).frame;
 	var ContentArea;
 
 	/**
@@ -9290,8 +9380,8 @@
 	        var factory = this.viewFactory;
 
 	        this._addChildren([
-	            factory.createFrame('L'),
-	            factory.createFrame('R')
+	            factory.createFrame(frameConst.L),
+	            factory.createFrame(frameConst.R)
 	        ]);
 	    },
 
@@ -9327,7 +9417,7 @@
 
 
 /***/ },
-/* 29 */
+/* 31 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9436,7 +9526,7 @@
 
 
 /***/ },
-/* 30 */
+/* 32 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9544,7 +9634,7 @@
 
 
 /***/ },
-/* 31 */
+/* 33 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9688,7 +9778,7 @@
 
 
 /***/ },
-/* 32 */
+/* 34 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9809,7 +9899,7 @@
 
 
 /***/ },
-/* 33 */
+/* 35 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -9837,13 +9927,14 @@
 	var Clipboard = View.extend(/**@lends module:view/clipboard.prototype */{
 	    initialize: function(options) {
 	        this.setOwnProperties({
+	            dataModel: options.dataModel,
+	            columnModel: options.columnModel,
 	            focusModel: options.focusModel,
 	            selectionModel: options.selectionModel,
 	            dimensionModel: options.dimensionModel,
-	            dataModel: options.dataModel,
-	            columnModel: options.columnModel,
-	            renderModel: options.renderModel,
 	            coordRowModel: options.coordRowModel,
+	            coordConverterModel: options.coordConverterModel,
+	            renderModel: options.renderModel,
 	            useFormattedValue: !!tui.util.pick(options, 'copyOption', 'useFormattedValue'),
 	            timeoutIdForKeyIn: 0,
 	            isLocked: false
@@ -10072,8 +10163,8 @@
 	     */
 	    _keyInWithShift: function(keyDownEvent) { // eslint-disable-line complexity
 	        var focusModel = this.focusModel;
-	        var dimensionModel = this.dimensionModel;
 	        var columnModelList = this.columnModel.getVisibleColumnModelList();
+	        var coordConverterModel = this.coordConverterModel;
 	        var keyCode = keyDownEvent.keyCode || keyDownEvent.which;
 	        var index = this._getIndexBeforeMove();
 	        var isKeyIdentified = true;
@@ -10124,7 +10215,7 @@
 
 	        if (isSelection && isValid) {
 	            this._updateSelectionByKeyIn(index.row, index.column);
-	            scrollPosition = dimensionModel.getScrollPosition(index.row, columnModel.columnName);
+	            scrollPosition = coordConverterModel.getScrollPosition(index.row, columnModel.columnName);
 	            if (scrollPosition) {
 	                selectionType = this.selectionModel.getType();
 	                if (selectionType === selTypeConst.COLUMN) {
@@ -10337,7 +10428,7 @@
 
 
 /***/ },
-/* 34 */
+/* 36 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10346,8 +10437,9 @@
 	 */
 	'use strict';
 
-	var Frame = __webpack_require__(35);
+	var Frame = __webpack_require__(37);
 	var classNameConst = __webpack_require__(14);
+	var frameConst = __webpack_require__(9).frame;
 
 	/**
 	 * Left Side Frame
@@ -10359,18 +10451,19 @@
 	    initialize: function() {
 	        Frame.prototype.initialize.apply(this, arguments);
 	        this.setOwnProperties({
-	            whichSide: 'L'
+	            whichSide: frameConst.L
 	        });
+
+	        this.listenTo(this.dimensionModel, 'change:lsideWidth', this._onFrameWidthChanged);
 	    },
 
 	    className: classNameConst.LSIDE_AREA,
 
 	    /**
-	     * Event handler for 'changeColumnWidth' event on module:model/dimension
-	     * @override
+	     * Event handler for 'change:lsideWidth' event on module:model/dimension
 	     * @private
 	     */
-	    _onColumnWidthChanged: function() {
+	    _onFrameWidthChanged: function() {
 	        this.$el.css({
 	            width: this.dimensionModel.get('lsideWidth')
 	        });
@@ -10404,7 +10497,7 @@
 
 
 /***/ },
-/* 35 */
+/* 37 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10414,13 +10507,14 @@
 	'use strict';
 
 	var View = __webpack_require__(2);
+	var frameConst = __webpack_require__(9).frame;
 
 	/**
 	 * Base class for frame view.
 	 * @module view/layout/frame
 	 * @extends module:base/view
 	 * @param {Object} options Options
-	 *      @param {String} [options.whichSide='R'] 'R' for Right side, 'L' for Left side
+	 *      @param {String} [options.whichSide=R] R for Right side, L for Left side
 	 * @ignore
 	 */
 	var Frame = View.extend(/**@lends module:view/layout/frame.prototype */{
@@ -10431,11 +10525,10 @@
 	            viewFactory: options.viewFactory,
 	            renderModel: options.renderModel,
 	            dimensionModel: options.dimensionModel,
-	            whichSide: options.whichSide || 'R'
+	            whichSide: options.whichSide || frameConst.R
 	        });
 
-	        this.listenTo(this.renderModel, 'columnModelChanged', this.render)
-	            .listenTo(this.dimensionModel, 'columnWidthChanged', this._onColumnWidthChanged);
+	        this.listenTo(this.renderModel, 'columnModelChanged', this.render);
 	    },
 
 	    /**
@@ -10460,13 +10553,6 @@
 	        return this;
 	    },
 
-	    /**
-	     * Event handler for 'columnWidthChanged' event on module:module/dimension
-	     * @abstract
-	     * @private
-	     */
-	    _onColumnWidthChanged: function() {},
-
 	    /**
 	     * To be called at the beginning of the 'render' method.
 	     * @abstract
@@ -10484,7 +10570,7 @@
 
 
 /***/ },
-/* 36 */
+/* 38 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10493,9 +10579,11 @@
 	 */
 	'use strict';
 
-	var Frame = __webpack_require__(35);
+	var Frame = __webpack_require__(37);
 	var classNameConst = __webpack_require__(14);
-	var CELL_BORDER_WIDTH = __webpack_require__(9).dimension.CELL_BORDER_WIDTH;
+	var constMap = __webpack_require__(9);
+	var frameConst = constMap.frame;
+	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 
 	/**
 	 * right side frame class
@@ -10507,9 +10595,10 @@
 	    initialize: function() {
 	        Frame.prototype.initialize.apply(this, arguments);
 	        this.setOwnProperties({
-	            whichSide: 'R',
+	            whichSide: frameConst.R,
 	            $scrollBorder: null
 	        });
+	        this.listenTo(this.dimensionModel, 'change:lsideWidth change:rsideWidth', this._onFrameWidthChanged);
 	        this.listenTo(this.dimensionModel, 'change:bodyHeight change:headerHeight',
 	            this._resetScrollBorderHeight);
 	    },
@@ -10517,11 +10606,11 @@
 	    className: classNameConst.RSIDE_AREA,
 
 	    /**
-	     * Event handler for 'columnWidthChanged' event on dimensionModel
+	     * Event handler for 'change:rsideWidth' event on dimensionModel
 	     * @private
 	     * @override
 	     */
-	    _onColumnWidthChanged: function() {
+	    _onFrameWidthChanged: function() {
 	        this._refreshLayout();
 	    },
 
@@ -10530,9 +10619,9 @@
 	     * @private
 	     */
 	    _refreshLayout: function() {
-	        var dimensionModel = this.dimensionModel,
-	            width = dimensionModel.get('rsideWidth'),
-	            marginLeft = dimensionModel.get('lsideWidth');
+	        var dimensionModel = this.dimensionModel;
+	        var width = dimensionModel.get('rsideWidth');
+	        var marginLeft = dimensionModel.get('lsideWidth');
 
 	        // If the left side exists and the division border should not be doubled,
 	        // left side should cover the right side by border-width to hide the left border of the right side.
@@ -10620,7 +10709,7 @@
 
 
 /***/ },
-/* 37 */
+/* 39 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -10635,6 +10724,7 @@
 	var util = __webpack_require__(8);
 	var constMap = __webpack_require__(9);
 	var classNameConst = __webpack_require__(14);
+	var frameConst = constMap.frame;
 
 	var DELAY_SYNC_CHECK = 10;
 	var keyCodeMap = constMap.keyCode;
@@ -10648,7 +10738,7 @@
 	 * @module view/layout/header
 	 * @extends module:base/view
 	 * @param {Object} options - options
-	 * @param {String} [options.whichSide='R']  'R': Right, 'L': Left
+	 * @param {String} [options.whichSide=R]  R: Right, L: Left
 	 * @ignore
 	 */
 	var Header = View.extend(/**@lends module:view/layout/header.prototype */{
@@ -10657,6 +10747,7 @@
 
 	        this.setOwnProperties({
 	            renderModel: options.renderModel,
+	            coordColumnModel: options.coordColumnModel,
 	            dimensionModel: options.dimensionModel,
 	            selectionModel: options.selectionModel,
 	            focusModel: options.focusModel,
@@ -10664,16 +10755,16 @@
 	            dataModel: options.dataModel,
 	            viewFactory: options.viewFactory,
 	            coordRowModel: options.coordRowModel,
-	            whichSide: options.whichSide || 'R'
+	            whichSide: options.whichSide || frameConst.R
 	        });
 
 	        this.listenTo(this.renderModel, 'change:scrollLeft', this._onScrollLeftChange)
-	            .listenTo(this.dimensionModel, 'columnWidthChanged', this._onColumnWidthChanged)
+	            .listenTo(this.coordColumnModel, 'columnWidthChanged', this._onColumnWidthChanged)
 	            .listenTo(this.selectionModel, 'change:range', this._refreshSelectedHeaders)
 	            .listenTo(this.focusModel, 'change:columnName', this._refreshSelectedHeaders)
 	            .listenTo(this.dataModel, 'sortChanged', this._updateBtnSortState);
 
-	        if (this.whichSide === 'L' && this.columnModel.get('selectType') === 'checkbox') {
+	        if (this.whichSide === frameConst.L && this.columnModel.get('selectType') === 'checkbox') {
 	            this.listenTo(this.dataModel,
 	                'change:_button disabledChanged extraDataChanged add remove reset',
 	                _.debounce(_.bind(this._syncCheckedState, this), DELAY_SYNC_CHECK));
@@ -11007,18 +11098,20 @@
 	     * @private
 	     */
 	    _onColumnWidthChanged: function() {
-	        var columnData = this._getColumnData();
-	        var columnWidthList = columnData.widthList;
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 	        var $colList = this.$el.find('col');
 	        var coordRowModel = this.coordRowModel;
+	        var totalWidth = 0;
 
 	        _.each(columnWidthList, function(columnWidth, index) {
 	            $colList.eq(index).css('width', columnWidth + CELL_BORDER_WIDTH);
+	            totalWidth += columnWidth;
 	        });
+	        this.$el.find('table').css('width', totalWidth);
 
 	        // Calls syncWithDom only from the Rside to prevent calling twice.
 	        // Defered call to ensure that the execution occurs after both sides are rendered.
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            _.defer(function() {
 	                coordRowModel.syncWithDom();
 	            });
@@ -11033,7 +11126,7 @@
 	     */
 	    /* istanbul ignore next: scrollLeft 를 확인할 수 없음 */
 	    _onScrollLeftChange: function(model, value) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.el.scrollLeft = value;
 	        }
 	    },
@@ -11102,10 +11195,8 @@
 	     * @private
 	     */
 	    _getColumnData: function() {
-	        var columnModel = this.columnModel;
-	        var dimensionModel = this.dimensionModel;
-	        var columnWidthList = dimensionModel.getColumnWidthList(this.whichSide);
-	        var columnModelList = columnModel.getVisibleColumnModelList(this.whichSide, true);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(this.whichSide, true);
 
 	        return {
 	            widthList: columnWidthList,
@@ -11243,7 +11334,7 @@
 
 
 /***/ },
-/* 38 */
+/* 40 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -11258,6 +11349,7 @@
 	var constMap = __webpack_require__(9);
 	var classNameConst = __webpack_require__(14);
 	var attrNameConst = constMap.attrName;
+	var frameConst = constMap.frame;
 	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 	var RESIZE_HANDLE_WIDTH = constMap.dimension.RESIZE_HANDLE_WIDTH;
 
@@ -11273,7 +11365,8 @@
 	        this.setOwnProperties({
 	            dimensionModel: options.dimensionModel,
 	            columnModel: options.columnModel,
-	            whichSide: options.whichSide || 'R',
+	            coordColumnModel: options.coordColumnModel,
+	            whichSide: options.whichSide || frameConst.R,
 
 	            isResizing: false,
 	            $target: null,
@@ -11283,7 +11376,7 @@
 	            initialLeft: 0
 	        });
 
-	        this.listenTo(this.dimensionModel, 'change:which columnWidthChanged', this._refreshHandlerPosition);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._refreshHandlerPosition);
 	    },
 
 	    className: classNameConst.COLUMN_RESIZE_CONTAINER,
@@ -11313,10 +11406,8 @@
 	     * @private
 	     */
 	    _getColumnData: function() {
-	        var columnModel = this.columnModel;
-	        var dimensionModel = this.dimensionModel;
-	        var columnWidthList = dimensionModel.getColumnWidthList(this.whichSide);
-	        var columnModelList = columnModel.getVisibleColumnModelList(this.whichSide, true);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(this.whichSide, true);
 
 	        return {
 	            widthList: columnWidthList,
@@ -11409,7 +11500,7 @@
 	        var $target = $(mouseEvent.target);
 	        var index = parseInt($target.attr(attrNameConst.COLUMN_INDEX), 10);
 
-	        this.dimensionModel.restoreColumnWidth(this._getHandlerColumnIndex(index));
+	        this.coordColumnModel.restoreColumnWidth(this._getHandlerColumnIndex(index));
 	        this._refreshHandlerPosition();
 	    },
 
@@ -11435,7 +11526,7 @@
 	            width = this._calculateWidth(mouseEvent.pageX);
 	            index = parseInt(this.$target.attr(attrNameConst.COLUMN_INDEX), 10);
 
-	            this.dimensionModel.setColumnWidth(this._getHandlerColumnIndex(index), width);
+	            this.coordColumnModel.setColumnWidth(this._getHandlerColumnIndex(index), width);
 	            this._refreshHandlerPosition();
 	        }
 	    },
@@ -11458,7 +11549,7 @@
 	     * @private
 	     */
 	    _getHandlerColumnIndex: function(index) {
-	        return (this.whichSide === 'R') ? (index + this.columnModel.getVisibleColumnFixCount(true)) : index;
+	        return (this.whichSide === frameConst.R) ? (index + this.columnModel.getVisibleColumnFixCount(true)) : index;
 	    },
 
 	    /**
@@ -11522,7 +11613,7 @@
 
 
 /***/ },
-/* 39 */
+/* 41 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -11538,7 +11629,8 @@
 	var constMap = __webpack_require__(9);
 	var classNameConst = __webpack_require__(14);
 	var attrNameConst = constMap.attrName;
-	var selTypeMap = constMap.selectionType;
+	var selTypeConst = constMap.selectionType;
+	var frameConst = constMap.frame;
 
 	// Minimum time (ms) to detect if an alert or confirm dialog has been displayed.
 	var MIN_INTERVAL_FOR_PAUSED = 200;
@@ -11551,7 +11643,7 @@
 	 * @module view/layout/body
 	 * @extends module:base/view
 	 * @param {Object} options - Options
-	 * @param {String} [options.whichSide='R'] L or R (which side)
+	 * @param {String} [options.whichSide=R] L or R (which side)
 	 * @ignore
 	 */
 	var Body = View.extend(/**@lends module:view/layout/body.prototype */{
@@ -11563,18 +11655,18 @@
 	            dataModel: options.dataModel,
 	            columnModel: options.columnModel,
 	            renderModel: options.renderModel,
+	            coordConverterModel: options.coordConverterModel,
 	            selectionModel: options.selectionModel,
 	            focusModel: options.focusModel,
 	            viewFactory: options.viewFactory,
 
 	            // DIV for setting rendering position of entire child-nodes of $el.
 	            $container: null,
-	            whichSide: options && options.whichSide || 'R'
+	            whichSide: options && options.whichSide || frameConst.R
 	        });
 
 	        this.listenTo(this.dimensionModel, 'change:bodyHeight', this._onBodyHeightChange)
 	            .listenTo(this.dimensionModel, 'change:totalRowHeight', this._resetContainerHeight)
-	            .listenTo(this.dataModel, 'add remove reset', this._resetContainerHeight)
 	            .listenTo(this.renderModel, 'change:scrollTop', this._onScrollTopChange)
 	            .listenTo(this.renderModel, 'change:scrollLeft', this._onScrollLeftChange);
 	    },
@@ -11619,7 +11711,7 @@
 	            scrollTop: event.target.scrollTop
 	        };
 
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            attrs.scrollLeft = event.target.scrollLeft;
 	        }
 	        this.renderModel.set(attrs);
@@ -11632,7 +11724,7 @@
 	     * @private
 	     */
 	    _onScrollLeftChange: function(model, value) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.el.scrollLeft = value;
 	        }
 	    },
@@ -11675,7 +11767,7 @@
 	        var indexData;
 
 	        if (!$td.length) { // selection layer, focus layer
-	            indexData = this.dimensionModel.getIndexFromMousePosition(event.pageX, event.pageY);
+	            indexData = this.coordConverterModel.getIndexFromMousePosition(event.pageX, event.pageY);
 	            columnName = this._getColumnNameByVisibleIndex(indexData.column);
 	        } else if (rowKey && columnName) { // valid cell
 	            indexData = {
@@ -11716,7 +11808,7 @@
 	        }
 
 	        if (!util.isMetaColumn(columnName)) {
-	            selectionModel.setType(selTypeMap.CELL);
+	            selectionModel.setType(selTypeConst.CELL);
 	            if (inputData.shiftKey && !isInput) {
 	                selectionModel.update(rowIndex, columnIndex);
 	            } else {
@@ -11743,7 +11835,7 @@
 	     */
 	    _updateSelectionByRow: function(rowIndex, shiftKey) {
 	        if (shiftKey) {
-	            this.selectionModel.update(rowIndex, 0, selTypeMap.ROW);
+	            this.selectionModel.update(rowIndex, 0, selTypeConst.ROW);
 	        } else {
 	            this.selectionModel.selectRow(rowIndex);
 	        }
@@ -11847,7 +11939,7 @@
 	        if (!this.dimensionModel.get('scrollX')) {
 	            this.$el.css('overflow-x', 'hidden');
 	        }
-	        if (!this.dimensionModel.get('scrollY') && whichSide === 'R') {
+	        if (!this.dimensionModel.get('scrollY') && whichSide === frameConst.R) {
 	            this.$el.css('overflow-y', 'hidden');
 	        }
 	        this.$el.css('height', this.dimensionModel.get('bodyHeight'));
@@ -11870,7 +11962,7 @@
 
 
 /***/ },
-/* 40 */
+/* 42 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -11902,6 +11994,7 @@
 
 	        this.setOwnProperties({
 	            dimensionModel: options.dimensionModel,
+	            coordColumnModel: options.coordColumnModel,
 	            renderModel: options.renderModel,
 	            columnModel: options.columnModel,
 	            viewFactory: options.viewFactory,
@@ -11909,7 +12002,7 @@
 	            whichSide: options.whichSide || 'R'
 	        });
 
-	        this.listenTo(this.dimensionModel, 'columnWidthChanged', this._onColumnWidthChanged);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._onColumnWidthChanged);
 
 	        // To prevent issue of appearing vertical scrollbar when dummy rows exist
 	        this.listenTo(this.renderModel, 'change:dummyRowCount', this._onChangeDummyRowCount);
@@ -11935,12 +12028,16 @@
 	     * @private
 	     */
 	    _onColumnWidthChanged: function() {
-	        var columnWidthList = this.dimensionModel.getColumnWidthList(this.whichSide);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 	        var $colList = this.$el.find('col');
+	        var totalWidth = 0;
 
 	        _.each(columnWidthList, function(width, index) {
 	            $colList.eq(index).css('width', width + CELL_BORDER_WIDTH);
+	            totalWidth += width;
 	        }, this);
+
+	        this.$el.find('table').css('width', totalWidth);
 	    },
 
 	    /**
@@ -12045,10 +12142,10 @@
 	     * @private
 	     */
 	    _getColGroupMarkup: function() {
-	        var whichSide = this.whichSide,
-	            columnWidthList = this.dimensionModel.getColumnWidthList(whichSide),
-	            columnModelList = this.columnModel.getVisibleColumnModelList(whichSide, true),
-	            html = '';
+	        var whichSide = this.whichSide;
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(whichSide);
+	        var columnModelList = this.columnModel.getVisibleColumnModelList(whichSide, true);
+	        var html = '';
 
 	        _.each(columnModelList, function(columnModel, index) {
 	            html += this.templateCol({
@@ -12066,7 +12163,7 @@
 
 
 /***/ },
-/* 41 */
+/* 43 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12079,6 +12176,7 @@
 	var View = __webpack_require__(2);
 	var classNameConst = __webpack_require__(14);
 	var constMap = __webpack_require__(9);
+	var frameConst = constMap.frame;
 
 	var ATTR_COLUMN_NAME = constMap.attrName.COLUMN_NAME;
 
@@ -12105,7 +12203,7 @@
 	        this.columnTemplateMap = options.columnTemplateMap || {};
 
 	        /**
-	         * 'L': Left, 'R': Right
+	         * L: Left, R: Right
 	         * @type {string}
 	         */
 	        this.whichSide = options.whichSide;
@@ -12113,11 +12211,13 @@
 	        // models
 	        this.columnModel = options.columnModel;
 	        this.dimensionModel = options.dimensionModel;
+	        this.coordColumnModel = options.coordColumnModel;
 	        this.renderModel = options.renderModel;
 	        this.summaryModel = options.summaryModel;
 
 	        // events
 	        this.listenTo(this.renderModel, 'change:scrollLeft', this._onChangeScrollLeft);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._onChangeColumnWidth);
 	        this.listenTo(this.columnModel, 'setFooterContent', this._setcolumnContent);
 	        if (this.summaryModel) {
 	            this.listenTo(this.summaryModel, 'change', this._onChangeSummaryValue);
@@ -12157,7 +12257,7 @@
 	     * @private
 	     */
 	    _onScrollView: function(event) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.renderModel.set('scrollLeft', event.target.scrollLeft);
 	        }
 	    },
@@ -12169,11 +12269,20 @@
 	     * @private
 	     */
 	    _onChangeScrollLeft: function(model, value) {
-	        if (this.whichSide === 'R') {
+	        if (this.whichSide === frameConst.R) {
 	            this.el.scrollLeft = value;
 	        }
 	    },
 
+	    _onChangeColumnWidth: function() {
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
+	        var $ths = this.$el.find('th');
+
+	        _.each(columnWidthList, function(columnWidth, index) {
+	            $ths.eq(index).css('width', columnWidth);
+	        });
+	    },
+
 	    /**
 	     * Sets the HTML string of <th> of given column
 	     * @param {string} columnName - column name
@@ -12224,7 +12333,7 @@
 	    _generateTbodyHTML: function() {
 	        var summaryModel = this.summaryModel;
 	        var columnModelList = this.columnModel.getVisibleColumnModelList(this.whichSide, true);
-	        var columnWidthList = this.dimensionModel.getColumnWidthList(this.whichSide);
+	        var columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 
 	        return _.reduce(columnModelList, function(memo, column, index) {
 	            var columnName = column.columnName;
@@ -12267,7 +12376,7 @@
 
 
 /***/ },
-/* 42 */
+/* 44 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12283,6 +12392,7 @@
 	var classNameConst = __webpack_require__(14);
 
 	var attrNameConst = constMap.attrName;
+	var frameConst = constMap.frame;
 	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 
 	/**
@@ -12321,7 +12431,7 @@
 	            .listenTo(focusModel, 'change:rowKey', this._refreshFocusedRow)
 	            .listenTo(renderModel, 'rowListChanged', this.render);
 
-	        if (this.whichSide === 'L') {
+	        if (this.whichSide === frameConst.L) {
 	            this.listenTo(focusModel, 'change:rowKey', this._refreshSelectedMetaColumns)
 	                .listenTo(selectionModel, 'change:range', this._refreshSelectedMetaColumns)
 	                .listenTo(renderModel, 'rowListChanged', this._refreshSelectedMetaColumns);
@@ -12573,7 +12683,7 @@
 
 
 /***/ },
-/* 43 */
+/* 45 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12587,6 +12697,7 @@
 	var View = __webpack_require__(2);
 	var classNameConst = __webpack_require__(14);
 	var CELL_BORDER_WIDTH = __webpack_require__(9).dimension.CELL_BORDER_WIDTH;
+	var frameConst = __webpack_require__(9).frame;
 
 	/**
 	 * Class for the selection layer
@@ -12599,15 +12710,16 @@
 	var SelectionLayer = View.extend(/**@lends module:view/selectionLayer.prototype */{
 	    initialize: function(options) {
 	        this.setOwnProperties({
-	            whichSide: options.whichSide || 'R',
+	            whichSide: options.whichSide || frameConst.R,
 	            dimensionModel: options.dimensionModel,
 	            coordRowModel: options.coordRowModel,
+	            coordColumnModel: options.coordColumnModel,
 	            columnModel: options.columnModel,
 	            selectionModel: options.selectionModel
 	        });
 	        this._updateColumnWidthList();
 
-	        this.listenTo(this.dimensionModel, 'columnWidthChanged', this._onChangeColumnWidth);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._onChangeColumnWidth);
 	        this.listenTo(this.selectionModel, 'change:range', this.render);
 	    },
 
@@ -12618,7 +12730,7 @@
 	     * @private
 	     */
 	    _updateColumnWidthList: function() {
-	        this.columnWidthList = this.dimensionModel.getColumnWidthList(this.whichSide);
+	        this.columnWidthList = this.coordColumnModel.getColumnWidthList(this.whichSide);
 	    },
 
 	    /**
@@ -12640,7 +12752,7 @@
 	        var columnFixCount = this.columnModel.getVisibleColumnFixCount();
 	        var ownColumnRange = null;
 
-	        if (this.whichSide === 'L') {
+	        if (this.whichSide === frameConst.L) {
 	            if (columnRange[0] < columnFixCount) {
 	                ownColumnRange = [
 	                    columnRange[0],
@@ -12681,15 +12793,15 @@
 	     * @returns {{left: string, width: string}} - css values
 	     */
 	    _getHorizontalStyles: function(columnRange) {
-	        var columnWidthList = this.columnWidthList,
-	            metaColumnCount = this.columnModel.getVisibleMetaColumnCount(),
-	            startIndex = columnRange[0],
-	            endIndex = columnRange[1],
-	            left = 0,
-	            width = 0,
-	            i = 0;
-
-	        if (this.whichSide === 'L') {
+	        var columnWidthList = this.columnWidthList;
+	        var metaColumnCount = this.columnModel.getVisibleMetaColumnCount();
+	        var startIndex = columnRange[0];
+	        var endIndex = columnRange[1];
+	        var left = 0;
+	        var width = 0;
+	        var i = 0;
+
+	        if (this.whichSide === frameConst.L) {
 	            startIndex += metaColumnCount;
 	            endIndex += metaColumnCount;
 	        }
@@ -12739,7 +12851,7 @@
 
 
 /***/ },
-/* 44 */
+/* 46 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12905,7 +13017,7 @@
 
 
 /***/ },
-/* 45 */
+/* 47 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13103,7 +13215,7 @@
 
 
 /***/ },
-/* 46 */
+/* 48 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13115,9 +13227,11 @@
 	var _ = __webpack_require__(1);
 
 	var View = __webpack_require__(2);
-	var CELL_BORDER_WIDTH = __webpack_require__(9).dimension.CELL_BORDER_WIDTH;
+	var constMap = __webpack_require__(9);
 	var classNameConst = __webpack_require__(14);
 
+	var frameConst = constMap.frame;
+	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
 	var HTML_BORDER_DIV = '<div class="' + classNameConst.LAYER_FOCUS_BORDER + '"></div>';
 
 	/**
@@ -13131,8 +13245,9 @@
 	    initialize: function(options) {
 	        this.focusModel = options.focusModel;
 	        this.columnModel = options.columnModel;
-	        this.dimensionModel = options.dimensionModel;
 	        this.coordRowModel = options.coordRowModel;
+	        this.coordColumnModel = options.coordColumnModel;
+	        this.coordConverterModel = options.coordConverterModel;
 	        this.whichSide = options.whichSide;
 
 	        this.borderEl = {
@@ -13142,7 +13257,7 @@
 	            $bottom: $(HTML_BORDER_DIV)
 	        };
 
-	        this.listenTo(this.dimensionModel, 'columnWidthChanged', this._refreshCurrentLayout);
+	        this.listenTo(this.coordColumnModel, 'columnWidthChanged', this._refreshCurrentLayout);
 	        this.listenTo(this.coordRowModel, 'reset', this._refreshCurrentLayout);
 	        this.listenTo(this.focusModel, 'blur', this._onBlur);
 	        this.listenTo(this.focusModel, 'focus', this._onFocus);
@@ -13177,7 +13292,7 @@
 	     * @private
 	     */
 	    _onFocus: function(rowKey, columnName) {
-	        var targetSide = this.columnModel.isLside(columnName) ? 'L' : 'R';
+	        var targetSide = this.columnModel.isLside(columnName) ? frameConst.L : frameConst.R;
 
 	        if (targetSide === this.whichSide) {
 	            this._refreshBorderLayout(rowKey, columnName);
@@ -13192,7 +13307,7 @@
 	     * @private
 	     */
 	    _refreshBorderLayout: function(rowKey, columnName) {
-	        var pos = this.dimensionModel.getCellPosition(rowKey, columnName);
+	        var pos = this.coordConverterModel.getCellPosition(rowKey, columnName);
 	        var width = pos.right - pos.left;
 	        var height = pos.bottom - pos.top;
 
@@ -13245,7 +13360,7 @@
 
 
 /***/ },
-/* 47 */
+/* 49 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13361,7 +13476,7 @@
 
 
 /***/ },
-/* 48 */
+/* 50 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13465,7 +13580,7 @@
 
 
 /***/ },
-/* 49 */
+/* 51 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13476,13 +13591,13 @@
 
 	var _ = __webpack_require__(1);
 
-	var RowPainter = __webpack_require__(50);
-	var CellPainter = __webpack_require__(52);
-	var DummyCellPainter = __webpack_require__(53);
-	var TextPainter = __webpack_require__(54);
-	var SelectPainter = __webpack_require__(56);
-	var ButtonPainter = __webpack_require__(57);
-	var MainButtonPainter = __webpack_require__(58);
+	var RowPainter = __webpack_require__(52);
+	var CellPainter = __webpack_require__(54);
+	var DummyCellPainter = __webpack_require__(55);
+	var TextPainter = __webpack_require__(56);
+	var SelectPainter = __webpack_require__(58);
+	var ButtonPainter = __webpack_require__(59);
+	var MainButtonPainter = __webpack_require__(60);
 
 	/**
 	 * Painter manager
@@ -13623,7 +13738,7 @@
 
 
 /***/ },
-/* 50 */
+/* 52 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13634,7 +13749,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(51);
+	var Painter = __webpack_require__(53);
 	var constMap = __webpack_require__(9);
 	var attrNameConst = constMap.attrName;
 	var CELL_BORDER_WIDTH = constMap.dimension.CELL_BORDER_WIDTH;
@@ -13778,7 +13893,7 @@
 
 
 /***/ },
-/* 51 */
+/* 53 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13858,7 +13973,7 @@
 
 
 /***/ },
-/* 52 */
+/* 54 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13869,7 +13984,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(51);
+	var Painter = __webpack_require__(53);
 	var util = __webpack_require__(8);
 	var attrNameConst = __webpack_require__(9).attrName;
 	var classNameConst = __webpack_require__(14);
@@ -14113,7 +14228,7 @@
 
 
 /***/ },
-/* 53 */
+/* 55 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14124,7 +14239,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(51);
+	var Painter = __webpack_require__(53);
 	var util = __webpack_require__(8);
 	var attrNameConst = __webpack_require__(9).attrName;
 	var classNameConst = __webpack_require__(14);
@@ -14187,7 +14302,7 @@
 
 
 /***/ },
-/* 54 */
+/* 56 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14198,7 +14313,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var InputPainter = __webpack_require__(55);
+	var InputPainter = __webpack_require__(57);
 	var util = __webpack_require__(8);
 	var classNameConst = __webpack_require__(14);
 
@@ -14337,7 +14452,7 @@
 
 
 /***/ },
-/* 55 */
+/* 57 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14348,7 +14463,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(51);
+	var Painter = __webpack_require__(53);
 	var keyNameMap = __webpack_require__(9).keyName;
 
 	/**
@@ -14545,7 +14660,7 @@
 
 
 /***/ },
-/* 56 */
+/* 58 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14556,7 +14671,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var InputPainter = __webpack_require__(55);
+	var InputPainter = __webpack_require__(57);
 	var util = __webpack_require__(8);
 
 	/**
@@ -14635,7 +14750,7 @@
 
 
 /***/ },
-/* 57 */
+/* 59 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14646,7 +14761,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var InputPainter = __webpack_require__(55);
+	var InputPainter = __webpack_require__(57);
 	var util = __webpack_require__(8);
 
 	/**
@@ -14895,7 +15010,7 @@
 
 
 /***/ },
-/* 58 */
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -14906,7 +15021,7 @@
 
 	var _ = __webpack_require__(1);
 
-	var Painter = __webpack_require__(51);
+	var Painter = __webpack_require__(53);
 	var classNameConst = __webpack_require__(14);
 	var keyCodeMap = __webpack_require__(9).keyCode;
 
@@ -14991,7 +15106,7 @@
 
 
 /***/ },
-/* 59 */
+/* 61 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -15177,12 +15292,12 @@
 
 
 /***/ },
-/* 60 */
+/* 62 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
-	 * @fileoverview Network 모듈 addon
-	 * @author NHN Ent. FE Development Team
+	 * @fileoverview Add-on for binding to remote data
+	 * @author NHN Ent. FE Development Lab
 	 */
 	'use strict';
 
@@ -15190,85 +15305,84 @@
 	var _ = __webpack_require__(1);
 
 	var View = __webpack_require__(2);
-	var Router = __webpack_require__(61);
+	var Router = __webpack_require__(63);
 	var util = __webpack_require__(8);
-	var formUtil = __webpack_require__(62);
-	var GridEvent = __webpack_require__(19);
+	var formUtil = __webpack_require__(64);
+	var GridEvent = __webpack_require__(21);
 
 	var renderStateMap = __webpack_require__(9).renderState;
 	var DELAY_FOR_LOADING_STATE = 200;
 
 	/**
-	 * Net Addon
+	 * Add-on for binding to remote data
 	 * @module addon/net
 	 * @param {object} options
-	 *      @param {jquery} options.el   form 엘리먼트
-	 *      @param {boolean} [options.initialRequest=true]   Net 인스턴스 생성과 동시에 readData request 요청을 할 지 여부.
-	 *      @param {object} [options.api]   사용할 API URL 리스트
-	 *          @param {string} [options.api.readData]  데이터 조회 API 주소
-	 *          @param {string} [options.api.createData] 데이터 생성 API 주소
-	 *          @param {string} [options.api.updateData] 데이터 업데이트 API 주소
-	 *          @param {string} [options.api.modifyData] 데이터 수정 API 주소 (생성/조회/삭제 한번에 처리하는 API 주소)
-	 *          @param {string} [options.api.deleteData] 데이터 삭제 API 주소
-	 *      @param {number} [options.perPage=500]  한 페이지당 보여줄 item 개수
-	 *      @param {boolean} [options.enableAjaxHistory=true]   ajaxHistory 를 사용할지 여부
+	 *      @param {jquery} [options.el] - Form element (to be used for ajax request)
+	 *      @param {boolean} [options.initialRequest=true] - Whether to request 'readData' after initialized
+	 *      @param {string} [options.readDataMethod='POST'] - Http method to be used for 'readData' API ('POST' or 'GET')
+	 *      @param {object} [options.api] - URL map
+	 *          @param {string} [options.api.readData] - URL for read-data
+	 *          @param {string} [options.api.createData] - URL for create
+	 *          @param {string} [options.api.updateData] - URL for update
+	 *          @param {string} [options.api.modifyData] - URL for modify (create/update/delete at once)
+	 *          @param {string} [options.api.deleteData] - URL for delete
+	 *          @param {string} [options.api.downloadExcel] - URL for download data of this page as an excel-file
+	 *          @param {string} [options.api.downloadExcelAll] - URL for download all data as an excel-file
+	 *      @param {number} [options.perPage=500] - The number of items to be shown in a page
+	 *      @param {boolean} [options.enableAjaxHistory=true] - Whether to use the browser history for the ajax requests
 	 * @example
 	 *   <form id="data_form">
 	 *   <input type="text" name="query"/>
 	 *   </form>
 	 *   <script>
-	 *      var net,
-	 *          grid = new tui.Grid({
-	 *                 //...option 생략...
-	 *          });
+	 *      var net;
+	 *      var grid = new tui.Grid({
+	 *          //...options...
+	 *      });
 	 *
-	 *      //Net AddOn 을 그리드 내부에서 인스턴스화 하며 초기화 한다.
+	 *      // Activate 'Net' addon
 	 *      grid.use('Net', {
-	 *         el: $('#data_form'),         //필수 - form 엘리먼트
-	 *         initialRequest: true,   //(default: true) Net 인스턴스 생성과 동시에 readData request 요청을 할 지 여부.
-	 *         perPage: 500,           //(default: 500) 한 페이지당 load 할 데이터 개수
-	 *         enableAjaxHistory: true, //(default: true) ajaxHistory 를 사용할지 여부
-	 *         //사용할 API URL 리스트
+	 *         el: $('#data_form'),
+	 *         initialRequest: true,
+	 *         readDataMethod: 'GET',
+	 *         perPage: 500,
+	 *         enableAjaxHistory: true,
 	 *         api: {
-	 *             'readData': './api/read',                       //데이터 조회 API 주소
-	 *             'createData': './api/create',                   //데이터 생성 API 주소
-	 *             'updateData': './api/update',                   //데이터 업데이트 API 주소
-	 *             'deleteData': './api/delete',                   //데이터 삭제 API 주소
-	 *             'modifyData': './api/modify',                   //데이터 수정 API 주소 (생성/조회/삭제 한번에 처리하는 API 주소)
-	 *             'downloadExcel': './api/download/excel',        //엑셀 다운로드 (현재페이지) API 주소
-	 *             'downloadExcelAll': './api/download/excelAll'   //엑셀 다운로드 (전체 데이터) API 주소
+	 *             'readData': './api/read',
+	 *             'createData': './api/create',
+	 *             'updateData': './api/update',
+	 *             'deleteData': './api/delete',
+	 *             'modifyData': './api/modify',
+	 *             'downloadExcel': './api/download/excel',
+	 *             'downloadExcelAll': './api/download/excelAll'
 	 *         }
 	 *      });
-	 *       //이벤트 핸들러 바인딩
-	 *       grid.on('beforeRequest', function(data) {
-	 *          //모든 dataRequest 시 호출된다.
+	 *
+	 *      // Bind event handlers
+	 *      grid.on('beforeRequest', function(data) {
+	 *          // For all requests
 	 *      }).on('response', function(data) {
-	 *          //response 이벤트 핸들러
-	 *          //성공/실패와 관계없이 response 를 받을 떄 호출된다.
+	 *          // For all response (regardless of success or failure)
 	 *      }).on('successResponse', function(data) {
-	 *          //successResponse 이벤트 핸들러
-	 *          //response.result 가 true 일 때 호출된다.
+	 *          // Only if response.result is true
 	 *      }).on('failResponse', function(data) {
-	 *          //failResponse 이벤트 핸들러
-	 *          //response.result 가 false 일 때 호출된다.
+	 *          // Only if response.result is false
 	 *      }).on('errorResponse', function(data) {
-	 *          //ajax error response 이벤트 핸들러
+	 *          // For error response
 	 *      });
 	 *
-	 *      //grid 로부터 사용할 net 인스턴스를 가져온다.
 	 *      net = grid.getAddOn('Net');
 	 *
-	 *      //request 관련 자세한 옵션은 Net#request 를 참고한다.
-	 *      //createData API 요청
+	 *      // Request create
 	 *      net.request('createData');
 	 *
-	 *      //updateData API 요청
+	 *      // Request update
 	 *      net.request('updateData');
 	 *
-	 *      //deleteData API 요청
+	 *      // Request delete
 	 *      net.request('deleteData');
 	 *
-	 *      //modifyData API 요청
+	 *      // Request create/update/delete at once
 	 *      net.request('modifyData');
 	 *   </script>
 	 */
@@ -15305,6 +15419,7 @@
 	            // configs
 	            api: options.api,
 	            enableAjaxHistory: options.enableAjaxHistory,
+	            readDataMethod: options.readDataMethod || 'POST',
 	            perPage: options.perPage,
 
 	            // state data
@@ -15390,8 +15505,8 @@
 	     * @private
 	     */
 	    _showToolbarExcelBtns: function() {
-	        var toolbarModel = this.toolbarModel,
-	            api = this.api;
+	        var toolbarModel = this.toolbarModel;
+	        var api = this.api;
 
 	        if (!toolbarModel) {
 	            return;
@@ -15535,7 +15650,6 @@
 
 	    /**
 	     * Requests 'readData' with last requested data.
-	     * @api
 	     */
 	    reloadData: function() {
 	        this._requestReadData(this.lastRequestedReadData);
@@ -15543,7 +15657,6 @@
 
 	    /**
 	     * Requests 'readData' to the server. The last requested data will be extended with new data.
-	     * @api
 	     * @param {Number} page - Page number
 	     * @param {Object} data - Data(parameters) to send to the server
 	     * @param {Boolean} resetData - If set to true, last requested data will be ignored.
@@ -15588,7 +15701,7 @@
 	            this.dataModel.fetch({
 	                requestType: 'readData',
 	                data: data,
-	                type: 'POST',
+	                type: this.readDataMethod,
 	                success: $.proxy(this._onReadSuccess, this),
 	                error: $.proxy(this._onReadError, this),
 	                reset: true
@@ -15658,17 +15771,14 @@
 	    },
 
 	    /**
-	     * 서버로 API request 한다.
-	     * @api
-	     * @param {String} requestType 요청 타입. 'createData|updateData|deleteData|modifyData' 중 하나를 인자로 넘긴다.
-	     * @param {object} options Options
-	     *      @param {String} [options.url]  url 정보. 생략시 Net 에 설정된 api 옵션 정보로 요청한다.
-	     *      @param {String} [options.hasDataParam=true] rowList 데이터 파라미터를 포함하여 보낼지 여부
-	     *      @param {String} [options.isOnlyChecked=true]  선택(Check)된 row 에 대한 목록 데이터를 포함하여 요청한다.
-	     *      isOnlyModified 도 설정되었을 경우, 선택&변경된 목록을 요청한다.
-	     *      @param {String} [options.isOnlyModified=true]  수정된 행 데이터 목록을 간추려 요청한다.
-	     *      isOnlyChecked 도 설정되었을 경우, 선택&변경된 목록을 요청한다.
-	     *      @param {String} [options.isSkipConfirm=false]  confirm 메세지를 보여줄지 여부를 지정한다.
+	     * Send request to server to sync data
+	     * @param {String} requestType - 'createData|updateData|deleteData|modifyData'
+	     * @param {object} options - Options
+	     *      @param {String} [options.url] - URL to send the request
+	     *      @param {String} [options.hasDataParam=true] - Whether the row-data to be included in the request param
+	     *      @param {String} [options.isOnlyChecked=true] - Whether the request param only contains checked rows
+	     *      @param {String} [options.isOnlyModified=true] - Whether the request param only contains modified rows
+	     *      @param {String} [options.isSkipConfirm=false] - Whether to show confirm dialog before sending request
 	     */
 	    request: function(requestType, options) {
 	        var defaultOptions = {
@@ -15689,7 +15799,6 @@
 
 	    /**
 	     * Change window.location to registered url for downloading data
-	     * @api
 	     * @param {string} type - Download type. 'excel' or 'excelAll'.
 	     *        Will be matched with API 'downloadExcel', 'downloadExcelAll'.
 	     */
@@ -15712,7 +15821,6 @@
 
 	    /**
 	     * Set number of rows per page and reload current page
-	     * @api
 	     * @param {number} perPage - Number of rows per page
 	     */
 	    setPerPage: function(perPage) {
@@ -15869,7 +15977,6 @@
 
 	        /**
 	         * Occurs before the http request is sent
-	         * @api
 	         * @event tui.Grid#beforeRequest
 	         * @type {module:common/gridEvent}
 	         */
@@ -15924,7 +16031,6 @@
 
 	        /**
 	         * Occurs when the response is received from the server
-	         * @api
 	         * @event tui.Grid#reponse
 	         * @type {module:common/gridEvent}
 	         * @property {number} httpStatus - HTTP status
@@ -15939,7 +16045,6 @@
 	        if (responseData && responseData.result) {
 	            /**
 	             * Occurs after the response event, if the result is true
-	             * @api
 	             * @event tui.Grid#successReponse
 	             * @type {module:common/gridEvent}
 	             * @property {number} httpStatus - HTTP status
@@ -15957,7 +16062,6 @@
 	        } else {
 	            /**
 	             * Occurs after the response event, if the result is false
-	             * @api
 	             * @event tui.Grid#failResponse
 	             * @type {module:common/gridEvent}
 	             * @property {number} httpStatus - HTTP status
@@ -16000,7 +16104,6 @@
 
 	        /**
 	         * Occurs after the response event, if the response is Error
-	         * @api
 	         * @event tui.Grid#errorResponse
 	         * @type {module:common/gridEvent}
 	         * @property {number} httpStatus - HTTP status
@@ -16022,7 +16125,7 @@
 
 
 /***/ },
-/* 61 */
+/* 63 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16053,7 +16156,7 @@
 
 
 /***/ },
-/* 62 */
+/* 64 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16282,7 +16385,7 @@
 
 
 /***/ },
-/* 63 */
+/* 65 */
 /***/ function(module, exports) {
 
 	/**
@@ -16338,7 +16441,7 @@
 
 
 /***/ },
-/* 64 */
+/* 66 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16348,15 +16451,15 @@
 	'use strict';
 
 	var util = __webpack_require__(8);
-	var styleGen = __webpack_require__(65);
+	var styleGen = __webpack_require__(67);
 	var themeNameConst = __webpack_require__(9).themeName;
 
 	var STYLE_ELEMENT_ID = 'tui-grid-theme-style';
 
 	var presetOptions = {};
-	presetOptions[themeNameConst.DEFAULT] = __webpack_require__(67);
-	presetOptions[themeNameConst.STRIPED] = __webpack_require__(68);
-	presetOptions[themeNameConst.CLEAN] = __webpack_require__(69);
+	presetOptions[themeNameConst.DEFAULT] = __webpack_require__(69);
+	presetOptions[themeNameConst.STRIPED] = __webpack_require__(70);
+	presetOptions[themeNameConst.CLEAN] = __webpack_require__(71);
 
 	/**
 	 * build css string with given options.
@@ -16435,7 +16538,7 @@
 
 
 /***/ },
-/* 65 */
+/* 67 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16446,10 +16549,9 @@
 
 	var _ = __webpack_require__(1);
 
-	var builder = __webpack_require__(66);
+	var builder = __webpack_require__(68);
 	var classNameConst = __webpack_require__(14);
 
-
 	/**
 	 * Shortcut for the builder.createClassRule() method.
 	 * @ignore
@@ -16526,13 +16628,15 @@
 	        var leftBottomRule = classRule(classNameConst.SCROLLBAR_LEFT_BOTTOM).bg(options.background);
 	        var scrollHeadRule = classRule(classNameConst.SCROLLBAR_HEAD).bg(options.background);
 	        var footerRightRule = classRule(classNameConst.FOOT_AREA_RIGHT).bg(options.background);
+	        var bodyAreaRule = classRule(classNameConst.BODY_AREA).bg(options.background);
 
 	        return builder.buildAll(webkitScrollbarRules.concat([
 	            ieScrollbarRule,
 	            rightBottomRule,
 	            leftBottomRule,
 	            scrollHeadRule,
-	            footerRightRule
+	            footerRightRule,
+	            bodyAreaRule
 	        ]));
 	    },
 
@@ -16599,7 +16703,10 @@
 	            .borderWidth(options)
 	            .text(options.text);
 
-	        return headRule.build();
+	        var headAreaRule = classRule(classNameConst.HEAD_AREA)
+	            .bg(options.background);
+
+	        return builder.buildAll([headRule, headAreaRule]);
 	    },
 
 	    /**
@@ -16705,7 +16812,7 @@
 
 
 /***/ },
-/* 66 */
+/* 68 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16890,7 +16997,7 @@
 
 
 /***/ },
-/* 67 */
+/* 69 */
 /***/ function(module, exports) {
 
 	/**
@@ -16968,7 +17075,7 @@
 
 
 /***/ },
-/* 68 */
+/* 70 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -16977,7 +17084,7 @@
 	*/
 	'use strict';
 
-	var presetDefault = __webpack_require__(67);
+	var presetDefault = __webpack_require__(69);
 
 	module.exports = $.extend(true, {}, presetDefault, {
 	    cell: {
@@ -17003,7 +17110,7 @@
 
 
 /***/ },
-/* 69 */
+/* 71 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17012,7 +17119,7 @@
 	*/
 	'use strict';
 
-	var presetDefault = __webpack_require__(67);
+	var presetDefault = __webpack_require__(69);
 
 	module.exports = $.extend(true, {}, presetDefault, {
 	    grid: {
@@ -17042,7 +17149,7 @@
 
 
 /***/ },
-/* 70 */
+/* 72 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
diff --git a/dist/grid.min.css b/dist/grid.min.css
index 654a85720..c7015f17b 100644
--- a/dist/grid.min.css
+++ b/dist/grid.min.css
@@ -1,5 +1,5 @@
 /*!
- * bundle created at "Thu Dec 15 2016 17:38:35 GMT+0900 (KST)"
- * version: 1.6.2
+ * bundle created at "Wed Jan 04 2017 12:39:59 GMT+0900 (KST)"
+ * version: 1.7.0
  */
-.tui-grid-container{width:100%;position:relative;border-width:0;clear:both;font-size:12px;font-family:\\B3CB\C6C0,Dotum,Helvetica,Apple SD Gothic Neo,Sans-serif}.tui-grid-container ::-webkit-scrollbar{-webkit-appearance:none;width:17px;height:17px}.tui-grid-container ::-webkit-scrollbar-thumb{border:5px solid transparent;border-radius:7px;background-clip:content-box}.tui-grid-container *{box-sizing:content-box}.tui-grid-container input,.tui-grid-container p,.tui-grid-container textarea{margin:0;padding:0;font-size:12px;font-family:\\B3CB\C6C0,Dotum,Helvetica,Apple SD Gothic Neo,Sans-serif}.tui-grid-container fieldset{margin:0;padding:0;border:0;display:inline;white-space:nowrap}.tui-grid-container input[type=password],.tui-grid-container input[type=text]{outline:none;box-sizing:border-box;line-height:normal}.tui-grid-container li,.tui-grid-container ul{list-style:none;padding:0;margin:0}.tui-grid-container em,.tui-grid-container strong{font-style:normal}.tui-grid-clipboard{position:fixed;top:0;left:-9999px;width:100px;height:100px}.tui-grid-btn-text{display:inline-block;text-decoration:none}.tui-grid-btn-text span{display:inline-block;position:relative;font-size:11px;color:#333;padding-left:17px;letter-spacing:-1px;line-height:23px;white-space:nowrap;cursor:pointer;margin-left:8px;padding-right:7px}.tui-grid-btn-text em{position:absolute;left:0;top:5px;width:17px;height:12px;background:url(images/icons.gif) no-repeat}.tui-grid-btn-text em.tui-grid-btn-excel-icon{background-position:-30px -60px}.tui-grid-btn-sorting{display:inline-block;overflow:hidden;margin-left:6px;height:15px;width:8px;background:url(images/icons.gif) -20px -60px no-repeat;vertical-align:middle;cursor:pointer}.tui-grid-btn-sorting-down{background-position:0 -60px}.tui-grid-btn-sorting-up{background-position:-10px -60px}.tui-grid-icon-arrow{display:inline-block;width:0;height:0;border:4px solid #a0a0a0}.tui-grid-icon-arrow-left{border-left-width:0}.tui-grid-icon-arrow-left,.tui-grid-icon-arrow-right{border-top-color:transparent;border-bottom-color:transparent}.tui-grid-icon-arrow-right{border-right-width:0}.tui-grid-layer-state{position:absolute;border:1px solid #ccc;background:#fff;font-weight:700;text-align:center;z-index:13}.tui-grid-layer-state-content{padding-top:50px}.tui-grid-layer-state-loading{display:block;margin:10px auto 0;background:url(images/ani_loading.gif);border:0;width:150px;height:13px}.tui-grid-layer-editing{position:absolute;display:none;background:#fff;z-index:15;padding:0 10px;border-style:solid;border-width:1px;white-space:nowrap;box-sizing:border-box}.tui-grid-layer-editing textarea{position:absolute;left:0;top:0;width:100%;height:100%;padding:3px 10px;box-sizing:border-box;white-space:normal;word-break:break-all;overflow:hidden}.tui-grid-layer-focus-border{position:absolute;overflow:hidden;z-index:14}.tui-grid-layer-selection{position:absolute;display:none;top:0;width:0;height:0;border-style:solid;border-width:1px;opacity:.2;filter:alpha(opacity=20)}.tui-grid-layer-datepicker{position:absolute}.tui-grid-table{width:100%;border-width:1px;box-sizing:border-box;border-style:solid;table-layout:fixed;border-collapse:collapse;margin:0}.tui-grid-lside-area .tui-grid-table{border-right-width:0}.tui-grid-foot-area .tui-grid-table{border-width:0 0 1px}.tui-grid-foot-area .tui-grid-cell{border-width:0 1px}.tui-grid-cell{overflow:hidden;border-width:1px;border-style:solid;white-space:nowrap;padding:0}.tui-grid-cell .tui-grid-cell-content{padding:3px 10px;overflow:hidden;box-sizing:border-box;word-break:break-all}.tui-grid-cell img{vertical-align:middle}.tui-grid-cell-head{padding:0;text-align:center}.tui-grid-cell-ellipsis{text-overflow:ellipsis}.tui-grid-cell-content .tui-grid-content-before{float:left;margin-right:2px;line-height:1.5}.tui-grid-cell-content .tui-grid-content-after{float:right;margin-left:2px;line-height:1.5}.tui-grid-cell-content .tui-grid-content-input{display:block;overflow:hidden;line-height:1.5;*margin-left:-2px;*padding-left:2px}.tui-grid-cell-content input[type=password],.tui-grid-cell-content input[type=text]{width:100%;padding:2px 0;border:1px solid #e2e3ea;border-top:1px solid #abadb3;border-bottom:1px solid #e3e9ef}.tui-grid-cell-content label+input{margin-left:10px}.tui-grid-cell-content select{box-sizing:border-box;width:100%}.tui-grid-column-resize-container{display:none;position:relative;width:0}.tui-grid-column-resize-handle{float:left;position:absolute;top:-1px;left:-99px;width:7px;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);cursor:col-resize}.tui-grid-column-resize-handle-last{width:3px}.tui-grid-border-line{position:absolute;z-index:13}.tui-grid-border-line-top{top:0;left:0;right:0;height:1px}.tui-grid-border-line-left{top:0;bottom:0;left:0;width:1px}.tui-grid-border-line-right{top:0;bottom:0;right:0;width:1px}.tui-grid-border-line-bottom{bottom:0;left:0;right:17px;height:1px}.tui-grid-no-scroll-x .tui-grid-border-line-bottom,.tui-grid-no-scroll-y .tui-grid-border-line-bottom{right:0}.tui-grid-content-area{position:relative;border-style:solid;border-width:0 0 1px}.tui-grid-content-area.tui-grid-no-scroll-x{border-bottom-width:0}.tui-grid-head-area{border-style:solid;border-width:0 0 1px;position:relative;overflow:hidden}.tui-grid-head-area .tui-grid-cell-head{border-top-width:1px;border-bottom-width:1px}.tui-grid-body-area{position:relative;overflow:scroll}.tui-grid-foot-area{position:relative;margin-top:-17px;overflow-y:hidden;overflow-x:scroll}.tui-grid-lside-area{display:none;position:absolute;top:0;left:0;overflow:hidden;z-index:10}.tui-grid-lside-area .tui-grid-body-area{margin-right:-17px}.tui-grid-lside-area .tui-grid-body-area .tui-grid-selection-layer{left:1px}.tui-grid-rside-area{display:none;overflow:hidden}.tui-grid-rside-area .tui-grid-foot-area,.tui-grid-rside-area .tui-grid-head-area{margin-right:17px}.tui-grid-no-scroll-y .tui-grid-rside-area .tui-grid-foot-area,.tui-grid-no-scroll-y .tui-grid-rside-area .tui-grid-head-area{margin-right:0}.tui-grid-no-scroll-x .tui-grid-foot-area{margin-top:0;overflow-x:hidden}.tui-grid-no-scroll-x .tui-grid-foot-area-right{bottom:0}.tui-grid-foot-area-right{position:absolute;right:0;bottom:17px;width:17px;border-style:solid;border-width:1px 0 1px 1px}.tui-grid-body-container{position:relative;margin-top:-1px}.tui-grid-table-container{position:absolute}.tui-grid-scrollbar-head{display:block;position:absolute;top:0;right:0;width:16px;border-style:solid;border-width:1px}.tui-grid-scrollbar-left-bottom{position:absolute;bottom:0;left:0;right:0;height:17px}.tui-grid-scrollbar-right-bottom{position:absolute;bottom:0;right:0;width:17px;height:17px}.tui-grid-scrollbar-border{display:block;position:absolute;right:17px;width:1px}.tui-grid-toolbar{height:30px;position:relative;border-style:solid;border-width:1px 1px 0;border-color:transparent}.tui-grid-toolbar div{position:absolute;right:10px;top:4px}.tui-grid-height-resize-handle{overflow:hidden;background-color:#f5f5f5;cursor:row-resize;height:11px;border-style:solid;border-width:0 1px 1px;font-size:0;text-align:center}.tui-grid-height-resize-handle a{display:block;cursor:row-resize}.tui-grid-height-resize-handle a span{background:url(images/icons.gif) no-repeat -70px -60px;display:inline-block;width:17px;height:6px;margin-top:3px}.tui-grid-pagination{height:34px;padding-top:8px;line-height:normal;text-align:center;border-style:solid;border-color:#ccc;border-width:0 1px 1px}.tui-grid-pagination a,.tui-grid-pagination span,.tui-grid-pagination strong{display:inline-block;position:relative;padding:4px 8px;min-width:13px;color:#333;font-size:12px;font-weight:700;line-height:normal;text-decoration:none;vertical-align:middle}.tui-grid-pagination strong{padding:4px 6px;color:#ff1313;border:1px solid #d4d4d4;background:#e7e7e7}.tui-grid-pagination .tui-grid-next,.tui-grid-pagination .tui-grid-next-end,.tui-grid-pagination .tui-grid-next-end-off,.tui-grid-pagination .tui-grid-next-off,.tui-grid-pagination .tui-grid-pre,.tui-grid-pagination .tui-grid-pre-end,.tui-grid-pagination .tui-grid-pre-end-off,.tui-grid-pagination .tui-grid-pre-off{width:25px;height:24px;padding:0;border:0;background:url(images/icons.gif) no-repeat;font-size:0;line-height:999;overflow:hidden;white-space:nowrap}.tui-grid-pagination .tui-grid-next-end,.tui-grid-pagination .tui-grid-next-end-off,.tui-grid-pagination .tui-grid-pre-end,.tui-grid-pagination .tui-grid-pre-end-off{width:24px}.tui-grid-pagination .tui-grid-pre,.tui-grid-pagination .tui-grid-pre-off{margin-right:12px}.tui-grid-pagination .tui-grid-next,.tui-grid-pagination .tui-grid-next-off{margin-left:12px}.tui-grid-pagination .tui-grid-pre-end{background-position:0 0}.tui-grid-pagination .tui-grid-pre-end-off{background-position:0 -30px}.tui-grid-pagination .tui-grid-pre{background-position:-24px 0}.tui-grid-pagination .tui-grid-pre-off{background-position:-24px -30px}.tui-grid-pagination .tui-grid-next{background-position:-50px 0}.tui-grid-pagination .tui-grid-next-off{background-position:-50px -30px}.tui-grid-pagination .tui-grid-next-end{background-position:-75px 0}.tui-grid-pagination .tui-grid-next-end-off{background-position:-75px -30px}.tui-grid-calendar-btn-next-month,.tui-grid-calendar-btn-next-year,.tui-grid-calendar-btn-prev-month,.tui-grid-calendar-btn-prev-year{position:absolute;top:4px;padding:3px 6px 2px;border:1px solid transparent}.tui-grid-calendar-btn-next-month:hover,.tui-grid-calendar-btn-next-year:hover,.tui-grid-calendar-btn-prev-month:hover,.tui-grid-calendar-btn-prev-year:hover{border-color:#ccc}.tui-grid-calendar{position:absolute;width:190px;background:#fff;border:1px solid #ccc;font-size:11px;color:#444;font-family:arial}.tui-grid-calendar table{margin:0 auto;table-layout:fixed;text-align:center}.tui-grid-calendar table tr{height:20px}.tui-grid-calendar table th{width:20px}.tui-grid-calendar table th.tui-grid-calendar-sat{color:#00f}.tui-grid-calendar table th.tui-grid-calendar-sun{color:#e82828}.tui-grid-calendar table td{background:#eee;color:#ccc}.tui-grid-calendar table td.tui-grid-calendar-selectable{cursor:pointer;background:#fff;color:#444}.tui-grid-calendar table td.tui-grid-calendar-selectable.tui-grid-calendar-selected{background:#c3ebff;font-weight:700}.tui-grid-calendar table td.tui-grid-calendar-selectable.tui-grid-calendar-sat{color:#00f}.tui-grid-calendar table td.tui-grid-calendar-selectable.tui-grid-calendar-sun{color:#e82828}.tui-grid-calendar table td.tui-grid-calendar-selectable:hover{background:#c3ebff}.tui-grid-calendar-header{padding:6px 0 5px;text-align:center;border-bottom:1px solid #ddd}.tui-grid-calendar-title{font-size:14px}.tui-grid-calendar-body{padding:5px 7px}.tui-grid-calendar-btn-prev-year{left:18px}.tui-grid-calendar-btn-prev-month{left:42px}.tui-grid-calendar-btn-next-month{right:42px}.tui-grid-calendar-btn-next-year{right:20px}.tui-grid-calendar-today{text-decoration:underline}.tui-grid-calendar-next-month,.tui-grid-calendar-prev-month{opacity:.4;filter:alpha(opacity=40)}.tui-grid-calendar-footer{display:none}
\ No newline at end of file
+.tui-grid-container{width:100%;position:relative;border-width:0;clear:both;font-size:12px;font-family:\\B3CB\C6C0,Dotum,Helvetica,Apple SD Gothic Neo,Sans-serif}.tui-grid-container ::-webkit-scrollbar{-webkit-appearance:none;width:17px;height:17px}.tui-grid-container ::-webkit-scrollbar-thumb{border:5px solid transparent;border-radius:7px;background-clip:content-box}.tui-grid-container *{box-sizing:content-box}.tui-grid-container input,.tui-grid-container p,.tui-grid-container textarea{margin:0;padding:0;font-size:12px;font-family:\\B3CB\C6C0,Dotum,Helvetica,Apple SD Gothic Neo,Sans-serif}.tui-grid-container fieldset{margin:0;padding:0;border:0;display:inline;white-space:nowrap}.tui-grid-container input[type=password],.tui-grid-container input[type=text]{outline:none;box-sizing:border-box;line-height:normal}.tui-grid-container li,.tui-grid-container ul{list-style:none;padding:0;margin:0}.tui-grid-container em,.tui-grid-container strong{font-style:normal}.tui-grid-clipboard{position:fixed;top:0;left:-9999px;width:100px;height:100px}.tui-grid-btn-text{display:inline-block;text-decoration:none}.tui-grid-btn-text span{display:inline-block;position:relative;font-size:11px;color:#333;padding-left:17px;letter-spacing:-1px;line-height:23px;white-space:nowrap;cursor:pointer;margin-left:8px;padding-right:7px}.tui-grid-btn-text em{position:absolute;left:0;top:5px;width:17px;height:12px;background:url(images/icons.gif) no-repeat}.tui-grid-btn-text em.tui-grid-btn-excel-icon{background-position:-30px -60px}.tui-grid-btn-sorting{display:inline-block;overflow:hidden;margin-left:6px;height:15px;width:8px;background:url(images/icons.gif) -20px -60px no-repeat;vertical-align:middle;cursor:pointer}.tui-grid-btn-sorting-down{background-position:0 -60px}.tui-grid-btn-sorting-up{background-position:-10px -60px}.tui-grid-icon-arrow{display:inline-block;width:0;height:0;border:4px solid #a0a0a0}.tui-grid-icon-arrow-left{border-left-width:0}.tui-grid-icon-arrow-left,.tui-grid-icon-arrow-right{border-top-color:transparent;border-bottom-color:transparent}.tui-grid-icon-arrow-right{border-right-width:0}.tui-grid-layer-state{position:absolute;border:1px solid #ccc;background:#fff;font-weight:700;text-align:center;z-index:13}.tui-grid-layer-state-content{padding-top:50px}.tui-grid-layer-state-loading{display:block;margin:10px auto 0;background:url(images/ani_loading.gif);border:0;width:150px;height:13px}.tui-grid-layer-editing{position:absolute;display:none;background:#fff;z-index:15;padding:0 10px;border-style:solid;border-width:1px;white-space:nowrap;box-sizing:border-box}.tui-grid-layer-editing textarea{position:absolute;left:0;top:0;width:100%;height:100%;padding:3px 10px;box-sizing:border-box;white-space:normal;word-break:break-all;overflow:hidden}.tui-grid-layer-focus-border{position:absolute;overflow:hidden;z-index:14}.tui-grid-layer-selection{position:absolute;display:none;top:0;width:0;height:0;border-style:solid;border-width:1px;opacity:.2;filter:alpha(opacity=20)}.tui-grid-layer-datepicker{position:absolute}.tui-grid-table{border-width:1px;box-sizing:border-box;border-style:solid;table-layout:fixed;border-collapse:collapse;margin:0}.tui-grid-lside-area .tui-grid-table{border-right-width:0}.tui-grid-foot-area .tui-grid-table{border-width:0 0 1px}.tui-grid-foot-area .tui-grid-cell{border-width:0 1px}.tui-grid-cell{overflow:hidden;border-width:1px;border-style:solid;white-space:nowrap;padding:0}.tui-grid-cell .tui-grid-cell-content{padding:3px 10px;overflow:hidden;box-sizing:border-box;word-break:break-all}.tui-grid-cell img{vertical-align:middle}.tui-grid-cell-head{padding:0;text-align:center}.tui-grid-cell-ellipsis{text-overflow:ellipsis}.tui-grid-cell-content .tui-grid-content-before{float:left;margin-right:2px;line-height:1.5}.tui-grid-cell-content .tui-grid-content-after{float:right;margin-left:2px;line-height:1.5}.tui-grid-cell-content .tui-grid-content-input{display:block;overflow:hidden;line-height:1.5;*margin-left:-2px;*padding-left:2px}.tui-grid-cell-content input[type=password],.tui-grid-cell-content input[type=text]{width:100%;padding:2px 0;border:1px solid #e2e3ea;border-top:1px solid #abadb3;border-bottom:1px solid #e3e9ef}.tui-grid-cell-content label+input{margin-left:10px}.tui-grid-cell-content select{box-sizing:border-box;width:100%}.tui-grid-column-resize-container{display:none;position:relative;width:0}.tui-grid-column-resize-handle{float:left;position:absolute;top:-1px;left:-99px;width:7px;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);cursor:col-resize}.tui-grid-column-resize-handle-last{width:3px}.tui-grid-border-line{position:absolute;z-index:13}.tui-grid-border-line-top{top:0;left:0;right:0;height:1px}.tui-grid-border-line-left{top:0;bottom:0;left:0;width:1px}.tui-grid-border-line-right{top:0;bottom:0;right:0;width:1px}.tui-grid-border-line-bottom{bottom:0;left:0;right:17px;height:1px}.tui-grid-no-scroll-x .tui-grid-border-line-bottom,.tui-grid-no-scroll-y .tui-grid-border-line-bottom{right:0}.tui-grid-content-area{position:relative;border-style:solid;border-width:0 0 1px}.tui-grid-content-area.tui-grid-no-scroll-x{border-bottom-width:0}.tui-grid-head-area{border-style:solid;border-width:0 0 1px;position:relative;overflow:hidden}.tui-grid-head-area .tui-grid-cell-head{border-top-width:1px;border-bottom-width:1px}.tui-grid-body-area{position:relative;overflow:scroll}.tui-grid-foot-area{position:relative;margin-top:-17px;overflow-y:hidden;overflow-x:scroll}.tui-grid-lside-area{display:none;position:absolute;top:0;left:0;overflow:hidden;z-index:10}.tui-grid-lside-area .tui-grid-body-area{margin-right:-17px}.tui-grid-lside-area .tui-grid-body-area .tui-grid-selection-layer{left:1px}.tui-grid-rside-area{display:none;overflow:hidden}.tui-grid-rside-area .tui-grid-foot-area,.tui-grid-rside-area .tui-grid-head-area{margin-right:17px}.tui-grid-no-scroll-y .tui-grid-rside-area .tui-grid-foot-area,.tui-grid-no-scroll-y .tui-grid-rside-area .tui-grid-head-area{margin-right:0}.tui-grid-no-scroll-x .tui-grid-foot-area{margin-top:0;overflow-x:hidden}.tui-grid-no-scroll-x .tui-grid-foot-area-right{bottom:0}.tui-grid-foot-area-right{position:absolute;right:0;bottom:17px;width:17px;border-style:solid;border-width:1px 0 1px 1px}.tui-grid-body-container{position:relative;margin-top:-1px}.tui-grid-table-container{position:absolute}.tui-grid-scrollbar-head{display:block;position:absolute;top:0;right:0;width:16px;border-style:solid;border-width:1px}.tui-grid-scrollbar-left-bottom{position:absolute;bottom:0;left:0;right:0;height:17px}.tui-grid-scrollbar-right-bottom{position:absolute;bottom:0;right:0;width:17px;height:17px}.tui-grid-scrollbar-border{display:block;position:absolute;right:17px;width:1px}.tui-grid-toolbar{height:30px;position:relative;border-style:solid;border-width:1px 1px 0;border-color:transparent}.tui-grid-toolbar div{position:absolute;right:10px;top:4px}.tui-grid-height-resize-handle{overflow:hidden;background-color:#f5f5f5;cursor:row-resize;height:11px;border-style:solid;border-width:0 1px 1px;font-size:0;text-align:center}.tui-grid-height-resize-handle a{display:block;cursor:row-resize}.tui-grid-height-resize-handle a span{background:url(images/icons.gif) no-repeat -70px -60px;display:inline-block;width:17px;height:6px;margin-top:3px}.tui-grid-pagination{height:34px;padding-top:8px;line-height:normal;text-align:center;border-style:solid;border-color:#ccc;border-width:0 1px 1px}.tui-grid-pagination a,.tui-grid-pagination span,.tui-grid-pagination strong{display:inline-block;position:relative;padding:4px 8px;min-width:13px;color:#333;font-size:12px;font-weight:700;line-height:normal;text-decoration:none;vertical-align:middle}.tui-grid-pagination strong{padding:4px 6px;color:#ff1313;border:1px solid #d4d4d4;background:#e7e7e7}.tui-grid-pagination .tui-grid-next,.tui-grid-pagination .tui-grid-next-end,.tui-grid-pagination .tui-grid-next-end-off,.tui-grid-pagination .tui-grid-next-off,.tui-grid-pagination .tui-grid-pre,.tui-grid-pagination .tui-grid-pre-end,.tui-grid-pagination .tui-grid-pre-end-off,.tui-grid-pagination .tui-grid-pre-off{width:25px;height:24px;padding:0;border:0;background:url(images/icons.gif) no-repeat;font-size:0;line-height:999;overflow:hidden;white-space:nowrap}.tui-grid-pagination .tui-grid-next-end,.tui-grid-pagination .tui-grid-next-end-off,.tui-grid-pagination .tui-grid-pre-end,.tui-grid-pagination .tui-grid-pre-end-off{width:24px}.tui-grid-pagination .tui-grid-pre,.tui-grid-pagination .tui-grid-pre-off{margin-right:12px}.tui-grid-pagination .tui-grid-next,.tui-grid-pagination .tui-grid-next-off{margin-left:12px}.tui-grid-pagination .tui-grid-pre-end{background-position:0 0}.tui-grid-pagination .tui-grid-pre-end-off{background-position:0 -30px}.tui-grid-pagination .tui-grid-pre{background-position:-24px 0}.tui-grid-pagination .tui-grid-pre-off{background-position:-24px -30px}.tui-grid-pagination .tui-grid-next{background-position:-50px 0}.tui-grid-pagination .tui-grid-next-off{background-position:-50px -30px}.tui-grid-pagination .tui-grid-next-end{background-position:-75px 0}.tui-grid-pagination .tui-grid-next-end-off{background-position:-75px -30px}.tui-grid-calendar-btn-next-month,.tui-grid-calendar-btn-next-year,.tui-grid-calendar-btn-prev-month,.tui-grid-calendar-btn-prev-year{position:absolute;top:4px;padding:3px 6px 2px;border:1px solid transparent}.tui-grid-calendar-btn-next-month:hover,.tui-grid-calendar-btn-next-year:hover,.tui-grid-calendar-btn-prev-month:hover,.tui-grid-calendar-btn-prev-year:hover{border-color:#ccc}.tui-grid-calendar{position:absolute;width:190px;background:#fff;border:1px solid #ccc;font-size:11px;color:#444;font-family:arial}.tui-grid-calendar table{margin:0 auto;table-layout:fixed;text-align:center}.tui-grid-calendar table tr{height:20px}.tui-grid-calendar table th{width:20px}.tui-grid-calendar table th.tui-grid-calendar-sat{color:#00f}.tui-grid-calendar table th.tui-grid-calendar-sun{color:#e82828}.tui-grid-calendar table td{background:#eee;color:#ccc}.tui-grid-calendar table td.tui-grid-calendar-selectable{cursor:pointer;background:#fff;color:#444}.tui-grid-calendar table td.tui-grid-calendar-selectable.tui-grid-calendar-selected{background:#c3ebff;font-weight:700}.tui-grid-calendar table td.tui-grid-calendar-selectable.tui-grid-calendar-sat{color:#00f}.tui-grid-calendar table td.tui-grid-calendar-selectable.tui-grid-calendar-sun{color:#e82828}.tui-grid-calendar table td.tui-grid-calendar-selectable:hover{background:#c3ebff}.tui-grid-calendar-header{padding:6px 0 5px;text-align:center;border-bottom:1px solid #ddd}.tui-grid-calendar-title{font-size:14px}.tui-grid-calendar-body{padding:5px 7px}.tui-grid-calendar-btn-prev-year{left:18px}.tui-grid-calendar-btn-prev-month{left:42px}.tui-grid-calendar-btn-next-month{right:42px}.tui-grid-calendar-btn-next-year{right:20px}.tui-grid-calendar-today{text-decoration:underline}.tui-grid-calendar-next-month,.tui-grid-calendar-prev-month{opacity:.4;filter:alpha(opacity=40)}.tui-grid-calendar-footer{display:none}
\ No newline at end of file
diff --git a/dist/grid.min.js b/dist/grid.min.js
index a526f1278..fc9395a10 100644
--- a/dist/grid.min.js
+++ b/dist/grid.min.js
@@ -1,10 +1,10 @@
 /*!
- * bundle created at "Thu Dec 15 2016 17:38:35 GMT+0900 (KST)"
- * version: 1.6.2
+ * bundle created at "Wed Jan 04 2017 12:39:59 GMT+0900 (KST)"
+ * version: 1.7.0
  */
-!function(t){function e(n){if(i[n])return i[n].exports;var o=i[n]={exports:{},id:n,loaded:!1};return t[n].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(5),a=i(26),r=i(47),l=i(48),d=i(49),u=i(59),h=i(60),c=i(63),m=i(8),g=i(64),f=i(9).themeName,p={};i(70),tui=window.tui=tui||{},tui.Grid=o.extend({initialize:function(t){var e=new r(this.$el);t=m.enableDeprecatedOptions(t),this.id=m.getUniqueKey(),this.modelManager=this._createModelManager(t,e),this.painterManager=this._createPainterManager(),this.componentHolder=this._createComponentHolder(t.pagination),this.viewFactory=this._createViewFactory(e,t),this.container=this.viewFactory.createContainer(),this.publicEventEmitter=this._createPublicEventEmitter(),this.domState=e,this.container.render(),this.refreshLayout(),g.isApplied()||g.apply(f.DEFAULT),this.addOn={},p[this.id]=this},_createModelManager:function(t,e){var i=n.assign({},t,{gridId:this.id});return n.omit(i,"el","singleClickEdit"),new s(i,e)},_createPainterManager:function(){var t=new u({focusModel:this.modelManager.focusModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel});return new d({gridId:this.id,selectType:this.modelManager.columnModel.get("selectType"),isFixedRowHeight:this.modelManager.dimensionModel.get("isFixedRowHeight"),controller:t})},_createViewFactory:function(t,e){var i=n.pick(e,["singleClickEdit","resizeHandle","toolbar","copyOption","footer"]),o={modelManager:this.modelManager,painterManager:this.painterManager,componentHolder:this.componentHolder,domState:t};return new a(n.assign(o,i))},_createComponentHolder:function(t){return new c({pagination:t})},_createPublicEventEmitter:function(){var t=new l(this);return t.listenToFocusModel(this.modelManager.focusModel),t.listenToContainerView(this.container),t},disable:function(){this.modelManager.dataModel.setDisabled(!0)},enable:function(){this.modelManager.dataModel.setDisabled(!1)},disableRow:function(t){this.modelManager.dataModel.disableRow(t)},enableRow:function(t){this.modelManager.dataModel.enableRow(t)},getValue:function(t,e,i){return this.modelManager.dataModel.getValue(t,e,i)},getColumnValues:function(t,e){return this.modelManager.dataModel.getColumnValues(t,e)},getRow:function(t,e){return this.modelManager.dataModel.getRowData(t,e)},getRowAt:function(t,e){return this.modelManager.dataModel.getRowDataAt(t,e)},getRowCount:function(){return this.modelManager.dataModel.length},getSelectedRowKey:function(){return this.modelManager.focusModel.which().rowKey},getElement:function(t,e){return this.modelManager.dataModel.getElement(t,e)},setValue:function(t,e,i){this.modelManager.dataModel.setValue(t,e,i)},setColumnValues:function(t,e,i){this.modelManager.dataModel.setColumnValues(t,e,i)},replaceRowList:function(t){this.modelManager.dataModel.replaceRowList(t)},setRowList:function(t,e){this.modelManager.dataModel.setRowList(t,!0,e)},focus:function(t,e,i){this.modelManager.focusModel.focusClipboard(),this.modelManager.focusModel.focus(t,e,i)},focusAt:function(t,e,i){this.modelManager.focusModel.focusAt(t,e,i)},focusIn:function(t,e,i){this.modelManager.focusModel.focusIn(t,e,i)},focusInAt:function(t,e,i){this.modelManager.focusModel.focusInAt(t,e,i)},readyForKeyControl:function(){this.modelManager.focusModel.focusClipboard()},blur:function(){this.modelManager.focusModel.blur()},checkAll:function(){this.modelManager.dataModel.checkAll()},check:function(t){this.modelManager.dataModel.check(t)},uncheckAll:function(){this.modelManager.dataModel.uncheckAll()},uncheck:function(t){this.modelManager.dataModel.uncheck(t)},clear:function(){this.modelManager.dataModel.setRowList([])},removeRow:function(t,e){tui.util.isBoolean(e)&&e&&(e={removeOriginalData:!0}),this.modelManager.dataModel.removeRow(t,e)},removeCheckedRows:function(t){var e=this.getCheckedRowKeyList(),i=e.length+"건의 데이터를 삭제하시겠습니까?";return!(!(e.length>0)||t&&!confirm(i))&&(n.each(e,function(t){this.modelManager.dataModel.removeRow(t)},this),!0)},enableCheck:function(t){this.modelManager.dataModel.enableCheck(t)},disableCheck:function(t){this.modelManager.dataModel.disableCheck(t)},getCheckedRowKeyList:function(t){var e=this.modelManager.dataModel.getRowList(!0),i=n.pluck(e,"rowKey");return t?JSON.stringify(i):i},getCheckedRowList:function(t){var e=this.modelManager.dataModel.getRowList(!0);return t?JSON.stringify(e):e},getColumnModelList:function(){return this.modelManager.columnModel.get("dataColumnModelList")},getModifiedRowList:function(t){return this.modelManager.dataModel.getModifiedRowList(t)},appendRow:function(t,e){this.modelManager.dataModel.append(t,e)},prependRow:function(t,e){this.modelManager.dataModel.prepend(t,e)},isChanged:function(){return this.modelManager.dataModel.isChanged()},getAddOn:function(t){return t?this.addOn[t]:this.addOn},restore:function(){this.modelManager.dataModel.restore()},select:function(t){var e=this.modelManager.columnModel.at(0,!0);this.modelManager.focusModel.focus(t,e.columnName)},unselect:function(){this.modelManager.focusModel.unselect(!0)},setColumnFixCount:function(t){this.modelManager.columnModel.set("columnFixCount",t)},setColumnModelList:function(t){this.modelManager.columnModel.set("columnModelList",t)},use:function(t,e){return"Net"===t&&(e=$.extend({toolbarModel:this.modelManager.toolbarModel,renderModel:this.modelManager.renderModel,dataModel:this.modelManager.dataModel,pagination:this.componentHolder.getInstance("pagination")},e),this.addOn.Net=new h(e),this.publicEventEmitter.listenToNetAddon(this.addOn.Net)),this},getRowList:function(){return this.modelManager.dataModel.getRowList()},sort:function(t,e){this.modelManager.dataModel.sortByField(t,e)},unSort:function(){this.sort("rowKey")},addCellClassName:function(t,e,i){this.modelManager.dataModel.get(t).addCellClassName(e,i)},addRowClassName:function(t,e){this.modelManager.dataModel.get(t).addClassName(e)},removeCellClassName:function(t,e,i){this.modelManager.dataModel.get(t).removeCellClassName(e,i)},removeRowClassName:function(t,e){this.modelManager.dataModel.get(t).removeClassName(e)},getRowSpanData:function(t,e){return this.modelManager.dataModel.getRowSpanData(t,e)},getIndexOfRow:function(t){return this.modelManager.dataModel.indexOfRowKey(t)},getPagination:function(){return this.componentHolder.getInstance("pagination")},setDisplayRowCount:function(t){this.modelManager.dimensionModel.setBodyHeightWithRowCount(t)},setSize:function(t,e){this.modelManager.dimensionModel.setSize(t,e)},refreshLayout:function(){this.modelManager.dimensionModel.refreshLayout()},resetColumnWidths:function(){this.modelManager.dimensionModel.resetColumnWidths()},showColumn:function(){var t=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(t,!1)},hideColumn:function(){var t=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(t,!0)},setFooterColumnContent:function(t,e){this.modelManager.columnModel.setFooterContent(t,e)},validate:function(){return this.modelManager.dataModel.validate()},destroy:function(){this.modelManager.destroy(),this.container.destroy(),this.modelManager=this.container=null}}),tui.Grid.getInstanceById=function(t){return p[t]},tui.Grid.applyTheme=function(t,e){g.apply(t,e)}},function(t,e){t.exports=_},function(t,e,i){"use strict";var n=i(1),o=i(3),s=i(4),a=o.View.extend({initialize:function(){this._children=[]},error:function(t){var e=function(){this.name="Grid Exception",this.message=t||"error"};return e.prototype=new Error,new e},_addChildren:function(t){n.isArray(t)||(t=[t]),[].push.apply(this._children,n.compact(t))},_renderChildren:function(){var t=n.map(this._children,function(t){return t.render().el});return t},_triggerChildrenAppended:function(){n.each(this._children,function(t){t.trigger("appended")})},destroy:function(){this.stopListening(),this._destroyChildren(),this.remove()},_destroyChildren:function(){if(this._children)for(;this._children.length>0;)this._children.pop().destroy()}});n.assign(a.prototype,s),t.exports=a},function(t,e){t.exports=Backbone},function(t,e,i){"use strict";var n=i(1),o={setOwnProperties:function(t){n.each(t,function(t,e){this[e]=t},this)}};t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(6),s=i(10),a=i(15),r=i(16),l=i(17),d=i(18),u=i(20),h=i(23),c=i(24),m=i(25),g=i(8),f={columnFixCount:0,columnModelList:[],keyColumnName:null,selectType:"",autoNumbering:!0,headerHeight:35,rowHeight:27,fitToParentHeight:!1,showDummyRows:!1,minimumColumnWidth:50,notUseSmartRendering:!1,columnMerge:[],scrollX:!0,scrollY:!0,useClientSort:!0,toolbar:null},p=tui.util.defineClass({init:function(t,e){t=$.extend(!0,{},f,t),this.gridId=t.gridId,this.columnModel=this._createColumnModel(t),this.dataModel=this._createDataModel(t,e),this.toolbarModel=this._createToolbarModel(t),this.dimensionModel=this._createDimensionModel(t,e),this.coordRowModel=this._createCoordRowModel(e),this.focusModel=this._createFocusModel(e),this.renderModel=this._createRenderModel(t),this.selectionModel=this._createSelectionModel(),this.summaryModel=this._createSummaryModel(t.footer),this.focusModel.renderModel=this.renderModel,this.dimensionModel.renderModel=this.renderModel,this.dimensionModel.coordRowModel=this.coordRowModel},_createColumnModel:function(t){return new o({hasNumberColumn:t.autoNumbering,keyColumnName:t.keyColumnName,columnFixCount:t.columnFixCount,selectType:t.selectType,columnMerge:t.columnMerge,columnModelList:t.columnModelList})},_createDataModel:function(t,e){return new s([],{gridId:this.gridId,domState:e,columnModel:this.columnModel,useClientSort:t.useClientSort})},_createToolbarModel:function(t){return new a(t.toolbar)},_createDimensionModel:function(t,e){var i,o={headerHeight:t.headerHeight,bodyHeight:t.bodyHeight,footerHeight:t.footer?t.footer.height:0,rowHeight:t.rowHeight,fitToParentHeight:t.fitToParentHeight,scrollX:!!t.scrollX,scrollY:!!t.scrollY,minimumColumnWidth:t.minimumColumnWidth,isFixedRowHeight:t.isFixedRowHeight,isFixedHeight:t.isFixedHeight};return t.isFixedRowHeight!==!1||t.notUseSmartRendering||(g.warning("The isFixedRowHeight can't be false if the notUseSmartRendering is not set to false."),o.isFixedRowHeight=!0),i=new r(o,{columnModel:this.columnModel,dataModel:this.dataModel,domState:e}),n.isUndefined(t.bodyHeight)&&t.displayRowCount&&i.setBodyHeightWithRowCount(t.displayRowCount),i},_createCoordRowModel:function(t){return new l({dataModel:this.dataModel,dimensionModel:this.dimensionModel,domState:t})},_createFocusModel:function(t){return new d(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,renderModel:this.renderModel,domState:t})},_createSelectionModel:function(){return new c(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,renderModel:this.renderModel,focusModel:this.focusModel})},_createRenderModel:function(t){var e,i,n;return e={emptyMessage:t.emptyMessage,showDummyRows:t.showDummyRows},i={columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,focusModel:this.focusModel,coordRowModel:this.coordRowModel},new(n=t.notUseSmartRendering?u:h)(e,i)},_createSummaryModel:function(t){var e=[];return t&&t.columnContent?(n.each(t.columnContent,function(t,i){n.isFunction(t.template)&&t.useAutoSummary!==!1&&e.push(i)}),new m(null,{dataModel:this.dataModel,autoColumnNames:e})):null},destroy:function(){n.each(this,function(t,e){t&&tui.util.isFunction(t._destroy)&&t._destroy(),t&&tui.util.isFunction(t.stopListening)&&t.stopListening(),this[e]=null},this)}});t.exports=p},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(8),a=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.textType={normal:!0,text:!0,password:!0},this._setColumnModelList(this.get("columnModelList")),this.on("change",this._onChange,this)},defaults:{keyColumnName:null,columnFixCount:0,metaColumnModelList:[],dataColumnModelList:[],visibleList:[],hasNumberColumn:!0,selectType:"",columnModelMap:{},relationListMap:{},columnMerge:[]},_initializeMetaColumns:function(t){var e=[];return this._initializeButtonColumn(e),this._initializeNumberColumn(e),this._overwriteColumnModelList(e,t),e},_overwriteColumnModelList:function(t,e){n.each(e,function(e){this._extendColumnList(e,t)},this)},_initializeNumberColumn:function(t){var e=this.get("hasNumberColumn"),i={columnName:"_number",align:"center",title:"No.",isFixedWidth:!0,width:60};e||(i.isHidden=!0),this._extendColumnList(i,t)},_initializeButtonColumn:function(t){var e=this.get("selectType"),i={columnName:"_button",isHidden:!1,align:"center",editOption:{type:"mainButton"},isFixedWidth:!0,width:40};"checkbox"===e?i.title='<input type="checkbox"/>':"radio"===e?i.title="선택":i.isHidden=!0,this._extendColumnList(i,t)},_extendColumnList:function(t,e){var i=t.columnName,o=n.findIndex(e,{columnName:i});o===-1?e.push(t):e[o]=$.extend(e[o],t)},at:function(t,e){var i=e?this.getVisibleColumnModelList():this.get("dataColumnModelList");return i[t]},indexOfColumnName:function(t,e){var i;return i=e?this.getVisibleColumnModelList():this.get("dataColumnModelList"),n.findIndex(i,{columnName:t})},isLside:function(t){var e=this.indexOfColumnName(t,!0);return e>-1&&e<this.get("columnFixCount")},getVisibleColumnModelList:function(t,e){var i,n=e?0:this.getVisibleMetaColumnCount(),o=this.getVisibleColumnFixCount(e);return t=t&&t.toUpperCase(),i="L"===t?this.get("visibleList").slice(n,o):"R"===t?this.get("visibleList").slice(o):this.get("visibleList").slice(n)},getVisibleMetaColumnCount:function(){var t=this.get("metaColumnModelList"),e=t.length,i=n.where(t,{isHidden:!0}).length;return e-i},getVisibleColumnFixCount:function(t){var e,i,o=this.get("columnFixCount"),s=n.first(this.get("dataColumnModelList"),o);return e=n.filter(s,function(t){return!t.isHidden}),i=e.length,t&&(i+=this.getVisibleMetaColumnCount()),i},getColumnModel:function(t){return this.get("columnModelMap")[t]},isTextType:function(t){return!!this.textType[this.getEditType(t)]},getEditType:function(t){var e=this.getColumnModel(t),i="normal";return"_button"===t||"_number"===t?i=t:e&&e.editOption&&e.editOption.type&&(i=e.editOption.type),i},_makeVisibleColumnModelList:function(t,e){return t=t||this.get("metaColumnModelList"),e=e||this.get("dataColumnModelList"),n.filter(t.concat(e),function(t){return!t.isHidden})},_getRelationListMap:function(t){var e={};return n.each(t,function(t){var i=t.columnName;t.relationList&&(e[i]=t.relationList)}),e},getIgnoredColumnNameList:function(){var t=this.get("dataColumnModelList"),e=[];return n.each(t,function(t){t.isIgnore&&e.push(t.columnName)}),e},_setColumnModelList:function(t,e){var i,o,a,r,l;t=$.extend(!0,[],t),tui.util.isUndefined(e)&&(e=this.get("columnFixCount")),i=n.partition(t,function(t){return s.isMetaColumn(t.columnName)},this),r=this._initializeMetaColumns(i[0]),l=i[1],o=this._getRelationListMap(l),a=this._makeVisibleColumnModelList(r,l),this.set({metaColumnModelList:r,dataColumnModelList:l,columnModelMap:n.indexBy(r.concat(l),"columnName"),relationListMap:o,columnFixCount:Math.max(0,e),visibleList:a},{silent:!0}),this.unset("columnModelList",{silent:!0}),this.trigger("columnModelChange")},_onChange:function(t){var e=t.changed,i=e.columnFixCount,n=e.columnModelList;n||(n=this.get("dataColumnModelList")),this._setColumnModelList(n,i)},setHidden:function(t,e){for(var i,n,o,s;t.length;)i=t.shift(),o=this.getColumnModel(i),o?o.isHidden=e:(n=this.getUnitColumnNamesIfMerged(i),t.push.apply(t,n));s=this._makeVisibleColumnModelList(this.get("metaColumnModelList"),this.get("dataColumnModelList")),this.set("visibleList",s,{silent:!0}),this.trigger("columnModelChange")},getUnitColumnNamesIfMerged:function(t){var e,i,o,s=this.get("columnMerge"),a=[],r=[];for(a.push(t);a.length;)e=a.shift(),i=this.getColumnModel(e),i?r.push(e):(o=n.findWhere(s,{columnName:e}),o&&a.push.apply(a,o.columnNameList));return n.uniq(r)},setFooterContent:function(t,e){this.trigger("setFooterContent",t,e)}});t.exports=a},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(4),a=n.Model.extend({});o.assign(a.prototype,s),t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(9).dimension.CELL_BORDER_WIDTH,s={uniqueId:0,getAttributesString:function(t){var e="";return n.each(t,function(t,i){e+=" "+i+'="'+t+'"'},this),e},sum:function(t){return n.reduce(t,function(t,e){return t+=e},0)},getMinMax:function(t){return{min:Math.min.apply(null,t),max:Math.max.apply(null,t)}},getHeight:function(t,e){return 0===t?t:t*(e+o)},getDisplayRowCount:function(t,e){return Math.ceil(t/(e+o))},getRowHeight:function(t,e){return 0===t?0:Math.floor((e-o)/t)},isMetaColumn:function(t){return n.contains(["_button","_number"],t)},isEqual:function(t,e){var i,o=function(t,e){var i=!1;return tui.util.forEach(t,function(t,n){return i=t===e[n]}),i};return typeof t==typeof e&&((!n.isArray(t)||t.length===e.length)&&(n.isObject(t)?(i=!o(t,e)||!o(e,t),!i):t===e))},isBlank:function(t){return n.isString(t)?!t.length:n.isUndefined(t)||n.isNull(t)},stripTags:function(t){var e;return t=t.replace(/[\n\r\t]/g,""),tui.util.hasEncodableString(t)&&(/<img/i.test(t)?(e=t.match(/<img[^>]*\ssrc=["']?([^>"']+)["']?[^>]*>/i),t=e?e[1]:""):t=t.replace(/<button.*?<\/button>/gi,""),t=$.trim(tui.util.decodeHTMLEntity(t.replace(/<\/?(?:h[1-5]|[a-z]+(?::[a-z]+)?)[^>]*>/gi,"")))),t},toString:function(t){return n.isUndefined(t)||n.isNull(t)?"":String(t)},getUniqueKey:function(){return this.uniqueId+=1,this.uniqueId},toQueryString:function(t){var e=[];return n.each(t,function(t,i){n.isString(t)||n.isNumber(t)||(t=JSON.stringify(t)),t=encodeURIComponent(t),t&&e.push(i+"="+t)}),e.join("&")},toQueryObject:function(t){var e=t.split("&"),i={};return n.each(e,function(t){var e,o,s=t.split("=");e=s[0],o=decodeURIComponent(s[1]);try{o=JSON.parse(o)}catch(a){}n.isNull(o)||(i[e]=o)}),i},convertValueType:function(t,e){return"string"===e?String(t):"number"===e?Number(t):"boolean"===e?Boolean(t):t},toUpperCaseFirstLetter:function(t){return t.charAt(0).toUpperCase()+t.slice(1)},clamp:function(t,e,i){var n;return e>i&&(n=e,e=i,i=n),Math.max(e,Math.min(t,i))},isOptionEnabled:function(t){return n.isObject(t)||t===!0},appendStyleElement:function(t,e){var i=document.createElement("style");i.type="text/css",i.id=t,i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),document.getElementsByTagName("head")[0].appendChild(i)},enableDeprecatedOptions:function(t){var e=t.toolbar,i={hasControlPanel:!0,hasResizeHandler:!0,hasPagination:!0};return t=$.extend(!0,{},t),n.isObject(e)?n.defaults(e,i):e={},!s.isOptionEnabled(t.pagination)&&e.hasPagination&&(t.pagination=!0),!s.isOptionEnabled(t.resizeHandle)&&e.hasResizeHandler&&(t.resizeHandle=!0),n.isObject(t.toolbar)&&!e.hasControlPanel?t.toolbar=!1:s.isOptionEnabled(t.toolbar)&&(t.toolbar=!0),t},warning:function(t){console&&console.warn&&console.warn(t)}};t.exports=s},function(t,e,i){"use strict";var n=i(1),o={TAB:9,ENTER:13,CTRL:17,ESC:27,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40,CHAR_A:65,CHAR_C:67,CHAR_F:70,CHAR_R:82,CHAR_V:86,LEFT_WINDOW_KEY:91,F5:116,BACKSPACE:8,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,HOME:36,END:35,DEL:46,UNDEFINED:229};t.exports={keyCode:o,keyName:n.invert(o),renderState:{LOADING:"LOADING",DONE:"DONE",EMPTY:"EMPTY"},dimension:{CELL_BORDER_WIDTH:1,TABLE_BORDER_WIDTH:1,RESIZE_HANDLE_WIDTH:7},attrName:{ROW_KEY:"data-row-key",COLUMN_NAME:"data-column-name",COLUMN_INDEX:"data-column-index",EDIT_TYPE:"data-edit-type",GRID_ID:"data-grid-id"},themeName:{DEFAULT:"default",STRIPED:"striped",CLEAN:"clean"},selectionType:{CELL:"CELL",ROW:"ROW",COLUMN:"COLUMN"},summaryType:{SUM:"sum",AVG:"avg",CNT:"cnt",MAX:"max",MIN:"min"}}},function(t,e,i){"use strict";var n=i(1),o=i(11),s=i(12),a=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({columnModel:e.columnModel,domState:e.domState,gridId:e.gridId,lastRowKey:-1,originalRowList:[],originalRowMap:{},startIndex:e.startIndex||1,sortOptions:{columnName:"rowKey",isAscending:!0,useClient:!n.isBoolean(e.useClientSort)||e.useClientSort},isDisabled:!1}),this.sortOptions.useClient||(this.comparator=null)},model:s,parse:function(t){return t=t&&t.contents||t,this._formatData(t)},_formatData:function(t){var e=n.filter(t,n.isObject);return n.each(e,function(t,i){e[i]=this._baseFormat(e[i]),this.isRowSpanEnable()&&this._setExtraRowSpanData(e,i)},this),e},_baseFormat:function(t){var e={rowSpan:null,rowSpanData:null,rowState:null},i=this.columnModel.get("keyColumnName"),n=null===i?this._createRowKey():t[i];return t._extraData=$.extend(e,t._extraData),t._button="CHECKED"===t._extraData.rowState,t.rowKey=n,t},_createRowKey:function(){return this.lastRowKey+=1,this.lastRowKey},_setExtraRowSpanData:function(t,e){function i(t,e){var i=t._extraData;return!(!i.rowSpanData||!i.rowSpanData[e])}function o(t,e,i){var n=t._extraData;return n.rowSpanData=n&&n.rowSpanData||{},n.rowSpanData[e]=i,n}var s,a,r,l=t[e],d=l&&l._extraData&&l._extraData.rowSpan,u=l&&l.rowKey;return d&&n.each(d,function(n,d){if(!i(l,d))for(o(l,d,{count:n,isMainRow:!0,mainRowKey:u}),s=-1,r=e+1;r<e+n;r+=1)a=t[r],a[d]=l[d],a._extraData=a._extraData||{},o(a,d,{count:s,isMainRow:!1,mainRowKey:u}),s-=1}),t},setOriginalRowList:function(t){return this.originalRowList=t?this._formatData(t):this.toJSON(),this.originalRowMap=n.indexBy(this.originalRowList,"rowKey"),this.originalRowList},getOriginalRowList:function(t){return t=!!n.isUndefined(t)||t,t?n.clone(this.originalRowList):this.originalRowList},getOriginalRow:function(t){return n.clone(this.originalRowMap[t])},getOriginal:function(t,e){return n.clone(this.originalRowMap[t][e])},getMainRowKey:function(t,e){var i,n=this.get(t);return this.isRowSpanEnable()&&(i=n&&n.getRowSpanData(e),t=i?i.mainRowKey:t),t},indexOfRowKey:function(t){return this.indexOf(this.get(t))},isRowSpanEnable:function(){return!this.isSortedByField()},isSortedByField:function(){return"rowKey"!==this.sortOptions.columnName},setSortOptionValues:function(t,e,i){var o=this.sortOptions,s=!1;n.isUndefined(t)&&(t="rowKey"),n.isUndefined(e)&&(e=!0),o.columnName===t&&o.isAscending===e||(s=!0),o.columnName=t,o.isAscending=e,s&&this.trigger("sortChanged",{columnName:t,isAscending:e,isRequireFetch:i})},sortByField:function(t,e){var i=this.sortOptions;n.isUndefined(e)&&(e=i.columnName!==t||!i.isAscending),this.setSortOptionValues(t,e,!i.useClient),i.useClient&&this.sort()},getRowList:function(t,e){var i,o;return t?(o=this.where({_button:!0}),i=[],n.each(o,function(t){i.push(t.attributes)},this)):i=this.toJSON(),e?i:this._removePrivateProp(i)},syncRowSpannedData:function(t,e,i){var n,o,s;if(this.isRowSpanEnable())if(o=t.getRowSpanData(e),o.isMainRow)for(n=this.indexOfRowKey(t.get("rowKey")),s=0;s<o.count-1;s+=1)this.at(s+1+n).set(e,i);else this.get(o.mainRowKey).set(e,i)},comparator:function(t,e){var i=this.sortOptions.columnName,o=this.sortOptions.isAscending,s=t.get(i),a=e.get(i),r=n.isNull(s)||n.isUndefined(s)||""===s,l=n.isNull(a)||n.isUndefined(a)||""===a,d=0;return r&&!l?d=-1:!r&&l?d=1:s<a?d=-1:s>a&&(d=1),o||(d=-d),d},_removePrivateProp:function(t){return n.map(t,function(t){return n.omit(t,s.privateProperties)})},removeRow:function(t,e){var i,o,s,a=this.get(t);a&&(e&&e.keepRowSpanData&&(s=n.clone(a.attributes)),i=n.clone(a.getRowSpanData()),o=this.at(this.indexOf(a)+1),this.remove(a,{silent:!0}),this._syncRowSpanDataForRemove(i,o,s),e&&e.removeOriginalData&&this.setOriginalRowList(),this.trigger("remove"))},_syncRowSpanDataForRemove:function(t,e,i){t&&n.each(t,function(t,n){var o,s,a,r={};if(t.isMainRow){if(1===t.count)return;o=e,a=t.count-1,s=1,a>1&&(r.mainRowKey=o.get("rowKey"),r.isMainRow=!0),o.set(n,i?i[n]:"",{silent:!0})}else o=this.get(t.mainRowKey),a=o.getRowSpanData(n).count-1,s=-t.count;a>1?(r.count=a,o.setRowSpanData(n,r),this._updateSubRowSpanData(o,n,s,a)):o.setRowSpanData(n,null)},this)},_createDummyRow:function(){var t=this.columnModel.get("dataColumnModelList"),e={};return n.each(t,function(t){e[t.columnName]=""},this),e},append:function(t,e){var i,o=this._createModelList(t);return e=n.extend({at:this.length},e),i={at:e.at,add:!0,silent:!0},this.add(o,i),this._syncRowSpanDataForAppend(e.at,o.length,e.extendPrevRowSpan),this.trigger("add",o,e),o},prepend:function(t,e){return e=e||{},e.at=0,this.append(t,e)},getRowData:function(t,e){var i=this.get(t),n=i?i.toJSON():null;return e?JSON.stringify(n):n},getRowDataAt:function(t,e){var i=this.at(t),n=i?i.toJSON():null;return e?JSON.stringify(i):n},getValue:function(t,e,i){var n,o;return i?n=this.getOriginal(t,e):(o=this.get(t),n=o&&o.get(e)),n},setValue:function(t,e,i,n){var o=this.get(t);return!!o&&(o.set(e,i,{silent:n}),!0)},getColumnValues:function(t,e){var i=this.pluck(t);return e?JSON.stringify(i):i},setColumnValues:function(t,e,i,o){var s={},a={isDisabled:!1,isEditable:!0};s[t]=e,i=!!n.isUndefined(i)||i,this.forEach(function(e){i&&(a=e.getCellState(t)),!a.isDisabled&&a.isEditable&&e.set(s,{silent:o})},this)},getRowSpanData:function(t,e){var i=this.get(t);return i?i.getRowSpanData(e):null},isChanged:function(){var t=n.values(this.getModifiedRowList());return n.some(t,function(t){return t.length>0})},setDisabled:function(t){this.isDisabled!==t&&(this.isDisabled=t,this.trigger("disabledChanged"))},enableRow:function(t){this.get(t).setRowState("")},disableRow:function(t){this.get(t).setRowState("DISABLED")},enableCheck:function(t){this.get(t).setRowState("")},disableCheck:function(t){this.get(t).setRowState("DISABLED_CHECK")},check:function(t,e){var i=this.get(t).getRowState().isDisabledCheck,n=this.columnModel.get("selectType");!i&&n&&("radio"===n&&this.uncheckAll(),this.setValue(t,"_button",!0,e))},uncheck:function(t,e){this.setValue(t,"_button",!1,e)},checkAll:function(){this.setColumnValues("_button",!0)},uncheckAll:function(){this.setColumnValues("_button",!1)},_createModelList:function(t){var e,i=[];return t=t||this._createDummyRow(),n.isArray(t)||(t=[t]),e=this._formatData(t),n.each(e,function(t){var e=new s(t,{collection:this,parse:!0});i.push(e)},this),i},_syncRowSpanDataForAppend:function(t,e,i){var o=this.at(t-1);o&&n.each(o.getRowSpanData(),function(t,n){var s,a,r,l;0!==t.count&&(t.isMainRow?(s=o,a=t,r=1):(s=this.get(t.mainRowKey),a=s.getRowSpanData()[n],r=-t.count+1),(a.count>r||i)&&(a.count+=e,l=a.count,this._updateSubRowSpanData(s,n,r,l)))},this)},_updateSubRowSpanData:function(t,e,i,n){var o,s,a=this.indexOf(t),r=t.get("rowKey");for(s=i;s<n;s+=1)o=this.at(a+s),o.set(e,t.get(e),{silent:!0}),o.setRowSpanData(e,{count:-s,mainRowKey:r,isMainRow:!1})},_isModifiedRow:function(t,e,i){var o=n.omit(t,i),s=n.some(o,function(t,i){return"object"==typeof t?JSON.stringify(t)!==JSON.stringify(e[i]):t!==e[i]},this);return s},getModifiedRowList:function(t){var e=t&&t.isRaw,i=t&&t.isOnlyChecked,o=t&&t.isOnlyRowKeyList,s=e?this.originalRowList:this._removePrivateProp(this.originalRowList),a=e?this.toJSON():this._removePrivateProp(this.toJSON()),r=t&&t.filteringColumnList,l={createList:[],updateList:[],deleteList:[]};return s=n.indexBy(s,"rowKey"),a=n.indexBy(a,"rowKey"),r=n.union(r,this.columnModel.getIgnoredColumnNameList()),n.each(a,function(t,e){var n=s[e],a=o?t.rowKey:t;(!i||i&&this.get(e).get("_button"))&&(n?this._isModifiedRow(t,n,r)&&l.updateList.push(a):l.createList.push(a))},this),n.each(s,function(t,e){var i=o?t.rowKey:t;a[e]||l.deleteList.push(i)},this),l},replaceRowList:function(t,e,i){t||(t=[]),n.isUndefined(e)&&(e=!0),this.trigger("beforeReset",t.length),this.lastRowKey=-1,this.reset(t,{parse:e}),n.isFunction(i)&&i()},setRowList:function(t,e,i){var o=n.bind(function(){this.setOriginalRowList(),n.isFunction(i)&&i()},this);this.replaceRowList(t,e,o)},restore:function(){var t=this.getOriginalRowList();this.replaceRowList(t,!0)},del:function(t,e,i){var o=this.getMainRowKey(t,e),s=this.get(o).getCellState(e),a=this.columnModel.getEditType(e),r=n.contains(["text","password"],a);r&&s.isEditable&&!s.isDisabled&&this.setValue(o,e,"",i)},delRange:function(t){var e,i,o=this.columnModel.getVisibleColumnModelList(),s=n.range(t.row[0],t.row[1]+1),a=n.range(t.column[0],t.column[1]+1);e=n.map(s,function(t){return this.at(t).get("rowKey")},this),i=n.map(a,function(t){return o[t].columnName}),n.each(e,function(t){n.each(i,function(e){this.del(t,e,!0),this.get(t).validateCell(e,!0)},this)},this),this.trigger("delRange",e,i)},paste:function(t,e){var i=this._getEndIndexToPaste(t,e);n.each(t,function(t,n){this._setValueForPaste(t,e.row+n,e.column,i.column)},this),this.trigger("paste",{startIdx:e,endIdx:i})},validate:function(){var t=[],e=n.chain(this.columnModel.getVisibleColumnModelList()).filter(function(t){return t.isRequired===!0}).pluck("columnName").value();return this.each(function(i){var o=[];n.each(e,function(t){var e=i.validateCell(t);e&&o.push({columnName:t,errorCode:e})}),o.length&&t.push({rowKey:i.get("rowKey"),errors:o})}),t},_getEndIndexToPaste:function(t,e){var i=this.columnModel.getVisibleColumnModelList(),n=t.length+e.row-1,o=Math.min(t[0].length+e.column,i.length)-1;return{row:n,column:o}},_setValueForPaste:function(t,e,i,n){var o,s,a,r,l=this.at(e),d=this.columnModel,u={};for(l||(l=this.append({})[0]),o=i;o<=n;o+=1)s=d.at(o,!0).columnName,a=l.getCellState(s),r=l.getRowSpanData(s),a.isEditable&&!a.isDisabled&&(!r||r.count>=0)&&(u[s]=t[o-i]);l.set(u)},getElement:function(t,e){var i=this.getMainRowKey(t,e);return this.domState.getElement(i,e)},getCheckedState:function(){var t=0,e=0;return this.forEach(function(i){var n=i.getCellState("_button");!n.isDisabled&&n.isEditable&&(t+=1,i.get("_button")&&(e+=1))}),{available:t,checked:e}}});t.exports=a},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(4),a=n.Collection.extend({clear:function(){return this.each(function(t){t.stopListening(),t=null}),this.reset([],{silent:!0}),this}});o.assign(a.prototype,s),t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(13),a=i(8),r=i(14),l=["_button","_number","_extraData"],d="REQUIRED",u="TYPE_NUMBER",h=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.extraDataManager=new s(this.get("_extraData")),this.columnModel=this.collection.columnModel,this.validateMap={},this.on("change",this._onChange,this)},idAttribute:"rowKey",parse:function(t){return t._extraData||(t._extraData={}),t},_triggerExtraDataChangeEvent:function(){this.trigger("extraDataChanged",this.get("_extraData"))},_onChange:function(){var t=n.omit(this.changed,l);this.isDuplicatedPublicChanged(t)||n.each(t,function(t,e){var i=this.columnModel.getColumnModel(e);i&&this._executeChangeBeforeCallback(e)&&(this.collection.syncRowSpannedData(this,e,t),this._executeChangeAfterCallback(e),this.validateCell(e,!0))},this)},_validateCellData:function(t){var e=this.columnModel.getColumnModel(t),i=this.get(t),o="";return e.isRequired&&a.isBlank(i)?o=d:"number"!==e.dataType||n.isNumber(i)||(o=u),o},validateCell:function(t,e){var i;return!e&&t in this.validateMap?this.validateMap[t]:(i=this._validateCellData(t),i?this.addCellClassName(t,r.CELL_INVALID):this.removeCellClassName(t,r.CELL_INVALID),this.validateMap[t]=i,i)},_createChangeCallbackEvent:function(t){return{rowKey:this.get("rowKey"),columnName:t,value:this.get(t),instance:tui.Grid.getInstanceById(this.collection.gridId)}},_executeChangeBeforeCallback:function(t){var e,i,n=this.columnModel.getColumnModel(t);return!n.editOption||!n.editOption.changeBeforeCallback||(e=this._createChangeCallbackEvent(t),n.editOption.changeBeforeCallback(e)!==!1)||(i={},i[t]=this.previous(t),this.set(i),this.trigger("restore",t),!1)},_executeChangeAfterCallback:function(t){var e,i=this.columnModel.getColumnModel(t);return!i.editOption||!i.editOption.changeAfterCallback||(e=this._createChangeCallbackEvent(t),!!i.editOption.changeAfterCallback(e))},getPrivateProperties:function(){return l},getRowState:function(){return this.extraDataManager.getRowState()},getClassNameList:function(t){var e=this.columnModel.getColumnModel(t),i=a.isMetaColumn(t),n=this.extraDataManager.getClassNameList(t),o=this.getCellState(t);
-return e.className&&n.push(e.className),e.isEllipsis&&n.push(r.CELL_ELLIPSIS),e.isRequired&&n.push(r.CELL_REQUIRED),i?n.push(r.CELL_HEAD):o.isEditable&&n.push(r.CELL_EDITABLE),o.isDisabled&&n.push(r.CELL_DISABLED),this._makeUniqueStringArray(n)},_makeUniqueStringArray:function(t){var e=n.uniq(t.join(" ").split(" "));return n.without(e,"")},getCellState:function(t){var e,i,o=["_number","normal"],s=this.columnModel,a=this.collection.isDisabled,r=!0,l=s.getEditType(t);return i=this.executeRelationCallbacksAll(["isDisabled","isEditable"])[t],e=this.getRowState(),a||(a="_button"===t?e.isDisabledCheck:e.isDisabled,a=a||!(!i||!i.isDisabled)),r=!n.contains(o,l)&&!(i&&i.isEditable===!1),{isEditable:r,isDisabled:a}},isEditable:function(t){var e=this.getCellState(t);return!e.isDisabled&&e.isEditable},isDisabled:function(t){var e=this.getCellState(t);return e.isDisabled},getRowSpanData:function(t){var e=this.collection.isRowSpanEnable(),i=this.get("rowKey");return this.extraDataManager.getRowSpanData(t,i,e)},getHeight:function(){return this.extraDataManager.getHeight()},setHeight:function(t){this.extraDataManager.setHeight(t),this._triggerExtraDataChangeEvent()},setRowSpanData:function(t,e){this.extraDataManager.setRowSpanData(t,e),this._triggerExtraDataChangeEvent()},setRowState:function(t,e){this.extraDataManager.setRowState(t),e||this._triggerExtraDataChangeEvent()},addCellClassName:function(t,e){this.extraDataManager.addCellClassName(t,e),this._triggerExtraDataChangeEvent()},addClassName:function(t){this.extraDataManager.addClassName(t),this._triggerExtraDataChangeEvent()},removeCellClassName:function(t,e){this.extraDataManager.removeCellClassName(t,e),this._triggerExtraDataChangeEvent()},removeClassName:function(t){this.extraDataManager.removeClassName(t),this._triggerExtraDataChangeEvent()},_getListTypeVisibleText:function(t){var e,i,o,s,r=this.get(t),l=this.columnModel.getColumnModel(t);return tui.util.isExisty(tui.util.pick(l,"editOption","list"))?(e=this.executeRelationCallbacksAll(["optionListChange"])[t],i=e&&e.optionList?e.optionList:l.editOption.list,o=typeof i[0].value,s=a.toString(r).split(","),o!==typeof s[0]&&(s=n.map(s,function(t){return a.convertValueType(t,o)})),n.each(s,function(t,e){var o=n.findWhere(i,{value:t});s[e]=o&&o.value||""},this),s.join(",")):""},_isListType:function(t){return n.contains(["select","radio","checkbox"],t)},isDuplicatedPublicChanged:function(t){return!(!this._timeoutIdForChanged||!n.isEqual(this._lastPublicChanged,t))||(clearTimeout(this._timeoutIdForChanged),this._timeoutIdForChanged=setTimeout(n.bind(function(){this._timeoutIdForChanged=null},this),10),this._lastPublicChanged=t,!1)},getValueString:function(t){var e=this.columnModel.getEditType(t),i=this.columnModel.getColumnModel(t),n=this.get(t);if(this._isListType(e)){if(!tui.util.isExisty(tui.util.pick(i,"editOption","list",0,"value")))throw this.error('Check "'+t+"\"'s editOption.list property out in your ColumnModel.");n=this._getListTypeVisibleText(t)}else"password"===e&&(n="");return a.toString(n)},executeRelationCallbacksAll:function(t){var e=this.attributes,i=this.columnModel.get("relationListMap"),o={};return n.isEmpty(t)&&(t=["optionListChange","isDisabled","isEditable"]),n.each(i,function(i,s){var a=e[s];n.each(i,function(i){this._executeRelationCallback(i,t,a,e,o)},this)},this),o},_getRelationResultAttrName:function(t){switch(t){case"optionListChange":return"optionList";case"isDisabled":return"isDisabled";case"isEditable":return"isEditable";default:return""}},_executeRelationCallback:function(t,e,i,o,s){var a=this.getRowState(),r=t.columnList;n.each(e,function(e){var l,d;a.isDisabled&&"isDisabled"===e||(d=t[e],"function"==typeof d&&(l=this._getRelationResultAttrName(e),l&&n.each(r,function(t){s[t]=s[t]||{},s[t][l]=d(i,o)},this)))},this)}},{privateProperties:l});t.exports=h},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){this.data=t||{}},getRowSpanData:function(t,e,i){var n=null;return i&&(n=this.data.rowSpanData,t&&n&&(n=n[t])),!n&&t&&(n={count:0,isMainRow:!0,mainRowKey:e}),n},getRowState:function(){var t={isDisabledCheck:!1,isDisabled:!1,isChecked:!1};switch(this.data.rowState){case"DISABLED":t.isDisabled=!0;case"DISABLED_CHECK":t.isDisabledCheck=!0;break;case"CHECKED":t.isChecked=!0}return t},setRowState:function(t){this.data.rowState=t},setRowSpanData:function(t,e){var i=n.assign({},this.data.rowSpanData);t&&(e?i[t]=e:i[t]&&delete i[t],this.data.rowSpanData=i)},addCellClassName:function(t,e){var i,o;i=this.data.className||{},i.column=i.column||{},o=i.column[t]||[],n.contains(o,e)||(o.push(e),i.column[t]=o,this.data.className=i)},addClassName:function(t){var e,i;e=this.data.className||{},i=e.row||[],tui.util.inArray(t,i)===-1&&(i.push(t),e.row=i,this.data.className=e)},getClassNameList:function(t){var e=this.data.className,i=Array.prototype.push,n=[];return e&&(e.row&&i.apply(n,e.row),t&&e.column&&e.column[t]&&i.apply(n,e.column[t])),n},_removeClassNameFromArray:function(t,e){var i=t.join(" ").split(" ");return n.without(i,e)},removeCellClassName:function(t,e){var i=this.data.className;tui.util.pick(i,"column",t)&&(i.column[t]=this._removeClassNameFromArray(i.column[t],e),this.data.className=i)},removeClassName:function(t){var e=this.data.className;e&&e.row&&(e.row=this._removeClassNameFromArray(e.row,t),this.className=e)},setHeight:function(t){this.data.height=t},getHeight:function(){return this.data.height}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o="tui-grid-",s={CONTAINER:"container",CLIPBOARD:"clipboard",NO_SCROLL_X:"no-scroll-x",NO_SCROLL_Y:"no-scroll-y",ICO_ARROW:"icon-arrow",ICO_ARROW_LEFT:"icon-arrow-left",ICO_ARROW_RIGHT:"icon-arrow-right",LAYER_STATE:"layer-state",LAYER_STATE_CONTENT:"layer-state-content",LAYER_STATE_LOADING:"layer-state-loading",LAYER_EDITING:"layer-editing",LAYER_FOCUS:"layer-focus",LAYER_FOCUS_BORDER:"layer-focus-border",LAYER_SELECTION:"layer-selection",LAYER_DATE_PICKER:"layer-datepicker",BORDER_LINE:"border-line",BORDER_TOP:"border-line-top",BORDER_LEFT:"border-line-left",BORDER_RIGHT:"border-line-right",BORDER_BOTTOM:"border-line-bottom",CONTENT_AREA:"content-area",LSIDE_AREA:"lside-area",RSIDE_AREA:"rside-area",HEAD_AREA:"head-area",BODY_AREA:"body-area",FOOT_AREA:"foot-area",FOOT_AREA_RIGHT:"foot-area-right",COLUMN_RESIZE_CONTAINER:"column-resize-container",COLUMN_RESIZE_HANDLE:"column-resize-handle",COLUMN_RESIZE_HANDLE_LAST:"column-resize-handle-last",BODY_CONTAINER:"body-container",BODY_TABLE_CONTAINER:"table-container",SCROLLBAR_HEAD:"scrollbar-head",SCROLLBAR_BORDER:"scrollbar-border",SCROLLBAR_RIGHT_BOTTOM:"scrollbar-right-bottom",SCROLLBAR_LEFT_BOTTOM:"scrollbar-left-bottom",PAGINATION:"pagination",PAGINATION_PRE:"pre",PAGINATION_PRE_OFF:"pre-off",PAGINATION_PRE_END:"pre-end",PAGINATION_PRE_END_OFF:"pre-end-off",PAGINATION_NEXT:"next",PAGINATION_NEXT_OFF:"next-off",PAGINATION_NEXT_END:"next-end",PAGINATION_NEXT_END_OFF:"next-end-off",TABLE:"table",CELL:"cell",CELL_HEAD:"cell-head",CELL_ROW_ODD:"cell-row-odd",CELL_ROW_EVEN:"cell-row-even",CELL_EDITABLE:"cell-editable",CELL_DUMMY:"cell-dummy",CELL_REQUIRED:"cell-required",CELL_DISABLED:"cell-disabled",CELL_SELECTED:"cell-selected",CELL_INVALID:"cell-invalid",CELL_ELLIPSIS:"cell-ellipsis",CELL_CURRENT_ROW:"cell-current-row",CELL_MAIN_BUTTON:"cell-main-button",CELL_CONTENT:"cell-content",CELL_CONTENT_BEFORE:"content-before",CELL_CONTENT_AFTER:"content-after",CELL_CONTENT_INPUT:"content-input",CELL_CONTENT_TEXT:"content-text",BTN_TEXT:"btn-text",BTN_SORT:"btn-sorting",BTN_SORT_UP:"btn-sorting-up",BTN_SORT_DOWN:"btn-sorting-down",BTN_EXCEL:"btn-excel-download",BTN_EXCEL_ICON:"btn-excel-icon",BTN_EXCEL_PAGE:"btn-excel-page",BTN_EXCEL_ALL:"btn-excel-all",TOOLBAR:"toolbar",TOOLBAR_BTN_HOLDER:"toolbar-btn-holder",HEIGHT_RESIZE_BAR:"height-resize-bar",HEIGHT_RESIZE_HANDLE:"height-resize-handle",CALENDAR:"calendar",CALENDAR_BTN_PREV_YEAR:"calendar-btn-prev-year",CALENDAR_BTN_NEXT_YEAR:"calendar-btn-next-year",CALENDAR_BTN_PREV_MONTH:"calendar-btn-prev-month",CALENDAR_BTN_NEXT_MONTH:"calendar-btn-next-month",CALENDAR_SELECTABLE:"calendar-selectable",CALENDAR_SELECTED:"calendar-selected"},e=n.mapObject(s,function(t){return o+t});e.PREFIX=o,t.exports=e},function(t,e,i){"use strict";var n=i(7),o=i(8).isOptionEnabled,s=n.extend({initialize:function(t){this.options=t},defaults:{hasControlPanel:!1,hasPagination:!1,hasResizeHandler:!1,isExcelButtonVisible:!1,isExcelAllButtonVisible:!1},isEnabled:function(){return o(this.options)}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(8),a=i(9).dimension,r=a.TABLE_BORDER_WIDTH,l=a.CELL_BORDER_WIDTH,d=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this._columnWidthFixedFlags=null,this._minColumnWidthList=null,this.columnModel=e.columnModel,this.dataModel=e.dataModel,this.domState=e.domState,this.listenTo(this.columnModel,"columnModelChange",this.resetColumnWidths),this.on("change:width",this._onWidthChange,this),this.on("change:isFixedHeight",this._resetSyncHeightHandler),this._resetSyncHeightHandler(),this.resetColumnWidths()},defaults:{offsetLeft:0,offsetTop:0,width:0,headerHeight:0,bodyHeight:0,footerHeight:0,toolbarHeight:0,resizeHandleHeight:0,paginationHeight:0,rowHeight:0,totalRowHeight:0,isFixedRowHeight:!0,rsideWidth:0,lsideWidth:0,columnWidthList:[],minimumColumnWidth:0,scrollBarSize:17,scrollX:!0,scrollY:!0,fitToParentHeight:!1,isFixedHeight:!1},_getAvailableTotalWidth:function(t){var e=this.get("width"),i=t+1+(this.isDivisionBorderDoubled()?1:0),n=i*l,o=e-this.getScrollYWidth()-n;return o},_resetSyncHeightHandler:function(){this.get("isFixedHeight")?this.off("change:totalRowHeight"):this.on("change:totalRowHeight",this._syncBodyHeightWithTotalRowHeight)},_syncBodyHeightWithTotalRowHeight:function(){var t=this.get("bodyHeight"),e=this.get("totalRowHeight")+this.getScrollXHeight();this.set("bodyHeight",Math.max(t,e))},_applyMinimumColumnWidth:function(t){var e=this._minColumnWidthList,i=n.clone(t);return n.each(i,function(t,n){var o=e[n];t<o&&(i[n]=o)}),i},_fillEmptyColumnWidth:function(t){var e=this._getAvailableTotalWidth(t.length),i=e-s.sum(t),o=[];return n.each(t,function(t,e){t||o.push(e)}),this._distributeExtraWidthEqually(t,i,o)},_addExtraColumnWidth:function(t,e){var i=this._columnWidthFixedFlags,o=[];return n.each(i,function(t,e){t||o.push(e)}),this._distributeExtraWidthEqually(t,e,o)},_reduceExcessColumnWidth:function(t,e){var i=this._minColumnWidthList,o=this._columnWidthFixedFlags,s=[];return n.each(t,function(t,e){o[e]||s.push({index:e,width:t-i[e]})}),this._reduceExcessColumnWidthSub(n.clone(t),e,s)},_reduceExcessColumnWidthSub:function(t,e,i){var o,s=Math.round(e/i.length),a=[];return n.each(i,function(i){i.width<Math.abs(s)?(e+=i.width,t[i.index]-=i.width):a.push(i)}),i.length>a.length?this._reduceExcessColumnWidthSub(t,e,a):(o=n.pluck(i,"index"),this._distributeExtraWidthEqually(t,e,o))},_distributeExtraWidthEqually:function(t,e,i){var o=i.length,s=Math.round(e/o),a=s*o-e,r=n.clone(t);return n.each(i,function(t){r[t]+=s}),i.length&&(r[n.last(i)]-=a),r},_adjustColumnWidthList:function(t,e){var i,o=t.length,a=this._getAvailableTotalWidth(o),r=a-s.sum(t),l=n.filter(this._columnWidthFixedFlags).length;return r>0?o>l?i=this._addExtraColumnWidth(t,r):(i=n.clone(t),i[o-1]+=r):i=e&&r<0?this._reduceExcessColumnWidth(t,r):t,i},resetColumnWidths:function(){var t=this.columnModel.getVisibleColumnModelList(null,!0),e=this.get("minimumColumnWidth"),i=[],o=[],a=[];n.each(t,function(t){var n=t.width>0?t.width:0,r=Math.max(n,e);s.isMetaColumn(t.columnName)&&(r=n),i.push(n?r:0),a.push(r),o.push(!!t.isFixedWidth)},this),this._columnWidthFixedFlags=o,this._minColumnWidthList=a,this._setColumnWidthVariables(this._calculateColumnWidth(i),!0)},_calculateColumnWidth:function(t){return t=this._fillEmptyColumnWidth(t),t=this._applyMinimumColumnWidth(t),t=this._adjustColumnWidthList(t)},isDivisionBorderDoubled:function(){return this.columnModel.getVisibleColumnFixCount()>0},getFrameWidth:function(t){var e=this.columnModel.getVisibleColumnFixCount(!0),i=this.getColumnWidthList(t),o=this._getFrameWidth(i);return n.isUndefined(t)&&e>0&&(o+=l),o},_getFrameWidth:function(t){var e=0;return t.length&&(e=s.sum(t)+(t.length+1)*l),e},_setColumnWidthVariables:function(t,e){var i,o,s,a,r=this.get("width"),l=this.columnModel.getVisibleColumnFixCount(!0),d=this._getMaxLeftSideWidth();s=t.slice(0,l),a=t.slice(l),o=this._getFrameWidth(s),d&&d<o&&(s=this._adjustLeftSideWidthList(s,d),o=this._getFrameWidth(s),t=s.concat(a)),i=r-o,this.set({columnWidthList:t,rsideWidth:i,lsideWidth:o}),e&&this.set("originalWidthList",n.clone(t)),this.trigger("columnWidthChanged")},_getMinLeftSideWidth:function(){var t,e=this.get("minimumColumnWidth"),i=this.columnModel.getVisibleColumnFixCount(!0),n=0;return i&&(t=(i+1)*l,n=t+e*i),n},_getMaxLeftSideWidth:function(){var t=Math.ceil(.9*this.get("width"));return t&&(t=Math.max(t,this._getMinLeftSideWidth())),t},_getCellHorizontalPosition:function(t){for(var e=this.columnModel,i=e.getVisibleMetaColumnCount(),n=this.get("columnWidthList"),o=e.getVisibleColumnFixCount()+i,s=e.indexOfColumnName(t,!0)+i,a=o>s?0:o,r=0;a<s;a+=1)r+=n[a]+l;return{left:r,right:r+n[s]+l}},_getCellVerticalPosition:function(t,e){var i,n,o,s,a=this.coordRowModel;return i=this.dataModel.indexOfRowKey(t),n=i+e-1,o=a.getOffsetAt(i),s=a.getOffsetAt(n)+a.getHeightAt(n)+l,{top:o,bottom:s}},_getRowSpanCount:function(t,e){var i=this.dataModel.get(t).getRowSpanData(e);return i.isMainRow||(t=i.mainRowKey,i=this.dataModel.get(t).getRowSpanData(e)),i.count||1},getCellPosition:function(t,e){var i,n,o;return t=this.dataModel.getMainRowKey(t,e),this.dataModel.get(t)?(i=this._getRowSpanCount(t,e),n=this._getCellVerticalPosition(t,i),o=this._getCellHorizontalPosition(e),{top:n.top,bottom:n.bottom,left:o.left,right:o.right}):{}},getScrollPosition:function(t,e){var i=!this.columnModel.isLside(e),n=this.getCellPosition(t,e),o=this._getBodySize(),s=this._judgeScrollDirection(n,i,o);return this._makeScrollPosition(s,n,o)},_getBodySize:function(){var t=this.get("lsideWidth"),e=this.get("rsideWidth")-this.getScrollYWidth(),i=this.get("bodyHeight")-this.getScrollXHeight();return{height:i,rsideWidth:e,totalWidth:t+e}},_judgeScrollDirection:function(t,e,i){var n,o,s,a,r=this.renderModel,l=r.get("scrollTop"),d=r.get("scrollLeft");return n=t.top<l,o=!n&&t.bottom>l+i.height,e?(s=t.left<d,a=!s&&t.right>d+i.rsideWidth-1):s=a=!1,{isUp:n,isDown:o,isLeft:s,isRight:a}},_makeScrollPosition:function(t,e,i){var n={};return t.isUp?n.scrollTop=e.top:t.isDown&&(n.scrollTop=e.bottom-i.height),t.isLeft?n.scrollLeft=e.left:t.isRight&&(n.scrollLeft=e.right-i.rsideWidth+r),n},getOverflowFromMousePosition:function(t,e){var i=this._rebasePositionToContainer(t,e),n=this._getBodySize();return this._judgeOverflow(i,n)},_judgeOverflow:function(t,e){var i=t.x,n=t.y,o=0,s=0;return n<0?o=-1:n>e.height&&(o=1),i<0?s=-1:i>e.totalWidth&&(s=1),{x:s,y:o}},getIndexFromMousePosition:function(t,e,i){var n=this._rebasePositionToContainer(t,e);return{row:this._calcRowIndexFromPositionY(n.y),column:this._calcColumnIndexFromPositionX(n.x,i)}},_calcRowIndexFromPositionY:function(t){var e=t+this.renderModel.get("scrollTop");return this.coordRowModel.indexOf(e)},_calcColumnIndexFromPositionX:function(t,e){var i=this.getColumnWidthList(),n=this.getFrameWidth(),o=t,s=t>=this.get("lsideWidth"),a=e?0:this.columnModel.getVisibleMetaColumnCount(),r=0;return s&&(o+=this.renderModel.get("scrollLeft")),o>=n?r=i.length-1:tui.util.forEachArray(i,function(t,e){return t+=l,r=e,o>t&&void(o-=t)}),Math.max(0,r-a)},_rebasePositionToContainer:function(t,e){var i=this.get("offsetLeft"),n=this.get("offsetTop")+this.get("headerHeight")+this.get("toolbarHeight")+l+r;return{x:t-i,y:e-n}},_adjustLeftSideWidthList:function(t,e){var i,n=t.length-1,o=this.get("minimumColumnWidth"),s=this._getFrameWidth(t),a=s-e;if(a>0)for(;n>=0&&a>0;)i=Math.max(o,t[n]-a),a-=t[n]-i,t[n]=i,n-=1;else a<0&&(t[n]+=Math.abs(a));return t},getScrollXHeight:function(){return this.get("scrollX")?this.get("scrollBarSize"):0},getScrollYWidth:function(){return this.get("scrollY")?this.get("scrollBarSize"):0},_onWidthChange:function(){var t=this._adjustColumnWidthList(this.get("columnWidthList"),!0);this._setColumnWidthVariables(t)},setColumnWidth:function(t,e){var i,n=this.get("columnWidthList"),o=this._columnWidthFixedFlags,s=this._minColumnWidthList[t];!o[t]&&n[t]&&(n[t]=Math.max(e,s),o[t]=!0,i=this._adjustColumnWidthList(n),o[t]=!1,this._setColumnWidthVariables(i))},_calcRealBodyHeight:function(t){var e=this.get("headerHeight")+this.get("footerHeight")+this.get("toolbarHeight")+r;return t-e},_getMinBodyHeight:function(){return this.get("rowHeight")+2*l+this.getScrollXHeight()},_setHeight:function(t){this.set("bodyHeight",Math.max(this._calcRealBodyHeight(t),this._getMinBodyHeight()))},setSize:function(t,e){t>0&&(this.set("width",t),this.trigger("setWidth",t)),e>0&&this._setHeight(e)},getHeight:function(){return this.get("bodyHeight")+this.get("headerHeight")+this.get("toolbarHeight")},refreshLayout:function(){var t=this.domState,e=t.getOffset();this.set({offsetTop:e.top,offsetLeft:e.left,width:t.getWidth()}),this.get("fitToParentHeight")&&this._setHeight(t.getParentHeight())},restoreColumnWidth:function(t){var e=this.get("originalWidthList")[t];this.setColumnWidth(t,e)},getColumnWidthList:function(t){var e=this.columnModel.getVisibleColumnFixCount(!0),i=[];switch(t){case"l":case"L":i=this.get("columnWidthList").slice(0,e);break;case"r":case"R":i=this.get("columnWidthList").slice(e);break;default:i=this.get("columnWidthList")}return i},setBodyHeightWithRowCount:function(t){var e=this.get("rowHeight"),i=this.getScrollXHeight();this.set({isFixedHeight:!0,bodyHeight:(e+l)*t+i})}});t.exports=d},function(t,e,i){"use strict";var n=i(7),o=i(9).dimension.CELL_BORDER_WIDTH,s=n.extend({initialize:function(t){this.dataModel=t.dataModel,this.dimensionModel=t.dimensionModel,this.domState=t.domState,this.rowHeights=[],this.rowOffsets=[],this.dimensionModel.get("isFixedRowHeight")&&this.listenTo(this.dataModel,"add remove reset sort",this.syncWithDataModel)},syncWithDom:function(){var t,e,i,n,o;if(!this.dimensionModel.get("isFixedRowHeight")){for(t=this.domState.getRowHeights(),e=this._getHeightFromData(),i=[],n=0,o=e.length;n<o;n+=1)i[n]=Math.max(t[n],e[n]);this._reset(i)}},_getHeightFromData:function(){var t=this.dimensionModel.get("rowHeight"),e=[];return this.dataModel.each(function(i,n){e[n]=i.getHeight()||t}),e},syncWithDataModel:function(){this._reset(this._getHeightFromData())},_reset:function(t){var e=[],i=0;_.each(t,function(i,n){var s=n?e[n-1]+o:0,a=n?t[n-1]:0;e[n]=s+a}),this.rowHeights=t,this.rowOffsets=e,t.length&&(i=_.last(e)+_.last(t)+o),this.dimensionModel.set("totalRowHeight",i),this.trigger("reset")},getHeightAt:function(t){return this.rowHeights[t]},getOffsetAt:function(t){return this.rowOffsets[t]},getHeight:function(t){var e=this.dataModel.indexOfRowKey(t);return this.getHeightAt(e)},getOffset:function(t){var e=this.dataModel.indexOfRowKey(t);return this.getOffsetAt(e)},indexOf:function(t){var e=this.rowOffsets,i=0;for(t+=o;e[i]<=t;)i+=1;return i-1}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(8),a=i(19),r=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.dataModel=e.dataModel,this.columnModel=e.columnModel,this.dimensionModel=e.dimensionModel,this.domState=e.domState,this.listenTo(this.dataModel,"reset",this._onResetData)},defaults:{rowKey:null,columnName:"",prevRowKey:null,prevColumnName:"",editingAddress:null},_onResetData:function(){this.unselect(!0)},_savePrevious:function(){null!==this.get("rowKey")&&this.set("prevRowKey",this.get("rowKey")),this.get("columnName")&&this.set("prevColumnName",this.get("columnName"))},_clearPrevious:function(){this.set({prevRowKey:null,prevColumnName:""})},isCurrentCell:function(t,e,i){var n=this.get("columnName"),o=this.get("rowKey");return i&&(o=this.dataModel.getMainRowKey(o,n)),String(o)===String(t)&&n===e},select:function(t){var e=new a,i=this.get("rowKey");return String(i)===String(t)||(e.setData({rowKey:t,prevRowKey:i,rowData:this.dataModel.getRowData(t)}),this.trigger("select",e),e.isStopped()?(this._cancelSelect(),!1):(this.set("rowKey",t),"radio"===this.columnModel.get("selectType")&&this.dataModel.check(t),!0))},_cancelSelect:function(){var t=this.get("prevColumnName");this.set("columnName",t),this.trigger("focus",this.get("rowKey"),t)},unselect:function(t){t&&this.blur(),this.set({rowKey:null})},focus:function(t,e,i){return!(this._isValidCell(t,e)&&!s.isMetaColumn(e)&&!this.isCurrentCell(t,e))||(this.blur(),!!this.select(t)&&(this.set("columnName",e),this.trigger("focus",t,e),i&&this.scrollToFocus(),!0))},focusAt:function(t,e,i){var n=this.dataModel.at(t),o=this.columnModel.at(e,!0),s=!1;return n&&o&&(s=this.focus(n.get("rowKey"),o.columnName,i)),s},focusIn:function(t,e,i){var n=this.focus(t,e,i);return n&&(t=this.dataModel.getMainRowKey(t,e),this.dataModel.get(t).isEditable(e)?(this.finishEditing(),this.startEditing(t,e)):this.focusClipboard()),n},focusInAt:function(t,e,i){var n=this.dataModel.at(t),o=this.columnModel.at(e,!0),s=!1;return n&&o&&(s=this.focusIn(n.get("rowKey"),o.columnName,i)),s},focusClipboard:function(){this.trigger("focusClipboard")},refreshState:function(){var t;this.domState.hasFocusedElement()?this.has()||(t=this.restore(),t||this.focusAt(0,0)):this.blur()},scrollToFocus:function(){var t=this.get("rowKey"),e=this.get("columnName"),i=this.dimensionModel.getScrollPosition(t,e);tui.util.isEmpty(i)||this.renderModel.set(i)},blur:function(){var t=this.get("columnName");return this.has()?(this.has(!0)&&this._savePrevious(),null!==this.get("rowKey")&&this.set("columnName",""),this.trigger("blur",this.get("rowKey"),t),this):this},which:function(){return{rowKey:this.get("rowKey"),columnName:this.get("columnName")}},indexOf:function(t){var e=t?this.get("prevRowKey"):this.get("rowKey"),i=t?this.get("prevColumnName"):this.get("columnName");return{row:this.dataModel.indexOfRowKey(e),column:this.columnModel.indexOfColumnName(i,!0)}},has:function(t){var e=this.get("rowKey"),i=this.get("columnName");return t?this._isValidCell(e,i):!s.isBlank(e)&&!s.isBlank(i)},restore:function(){var t=this.get("prevRowKey"),e=this.get("prevColumnName"),i=!1;return this._isValidCell(t,e)&&(this.focus(t,e),i=!0),i},isEditingCell:function(t,e){var i=this.get("editingAddress");return i&&String(i.rowKey)===String(t)&&i.columnName===e},startEditing:function(t,e){if(this.get("editingAddress"))return!1;if(n.isUndefined(t)&&n.isUndefined(e))t=this.get("rowKey"),e=this.get("columnName");else if(!this.isCurrentCell(t,e,!0))return!1;return t=this.dataModel.getMainRowKey(t,e),!!this.dataModel.get(t).isEditable(e)&&(this.set("editingAddress",{rowKey:t,columnName:e}),!0)},finishEditing:function(){return!!this.get("editingAddress")&&(this.set("editingAddress",null),!0)},_isValidCell:function(t,e){var i=!s.isBlank(t)&&!!this.dataModel.get(t),n=!s.isBlank(e)&&!!this.columnModel.getColumnModel(e);return i&&n},_findRowKey:function(t){var e,i,n=this.dataModel,o=null;return this.has(!0)&&(e=Math.max(Math.min(n.indexOfRowKey(this.get("rowKey"))+t,this.dataModel.length-1),0),i=n.at(e),i&&(o=i.get("rowKey"))),o},_findColumnName:function(t){var e,i=this.columnModel,n=i.getVisibleColumnModelList(),o=i.indexOfColumnName(this.get("columnName"),!0),s=null;return this.has(!0)&&(e=Math.max(Math.min(o+t,n.length-1),0),s=n[e]&&n[e].columnName),s},_getRowSpanData:function(t,e){return this.dataModel.get(t).getRowSpanData(e)},nextRowIndex:function(t){var e=this.nextRowKey(t);return this.dataModel.indexOfRowKey(e)},prevRowIndex:function(t){var e=this.prevRowKey(t);return this.dataModel.indexOfRowKey(e)},nextColumnIndex:function(){var t=this.nextColumnName();return this.columnModel.indexOfColumnName(t,!0)},prevColumnIndex:function(){var t=this.prevColumnName();return this.columnModel.indexOfColumnName(t,!0)},nextRowKey:function(t){var e,i,n=this.which(),o=n.rowKey;return t="number"==typeof t?t:1,t>1?(o=this._findRowKey(t),i=this._getRowSpanData(o,n.columnName),i.isMainRow||(o=this._findRowKey(i.count+t))):(i=this._getRowSpanData(o,n.columnName),i.isMainRow&&i.count>0?o=this._findRowKey(i.count):i.isMainRow?o=this._findRowKey(1):(e=i.count,i=this._getRowSpanData(i.mainRowKey,n.columnName),o=this._findRowKey(i.count+e))),o},prevRowKey:function(t){var e,i=this.which(),n=i.rowKey;return t="number"==typeof t?t:1,t*=-1,t<-1?(n=this._findRowKey(t),e=this._getRowSpanData(n,i.columnName),e.isMainRow||(n=this._findRowKey(e.count+t))):(e=this._getRowSpanData(n,i.columnName),n=e.isMainRow?this._findRowKey(-1):this._findRowKey(e.count-1)),n},nextColumnName:function(){return this._findColumnName(1)},prevColumnName:function(){return this._findColumnName(-1)},firstRowKey:function(){return this.dataModel.at(0).get("rowKey")},lastRowKey:function(){return this.dataModel.at(this.dataModel.length-1).get("rowKey")},firstColumnName:function(){var t=this.columnModel.getVisibleColumnModelList();return t[0].columnName},lastColumnName:function(){var t=this.columnModel.getVisibleColumnModelList(),e=t.length-1;return t[e].columnName},prevAddress:function(){var t,e,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.firstColumnName(),s=i===this.firstRowKey();return s&&o?(t=i,e=n):o?(t=this.prevRowKey(),e=this.lastColumnName()):(t=i,e=this.prevColumnName()),{rowKey:t,columnName:e}},nextAddress:function(){var t,e,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.lastColumnName(),s=i===this.lastRowKey();return s&&o?(t=i,e=n):o?(t=this.nextRowKey(),e=this.firstColumnName()):(t=i,e=this.nextColumnName()),{rowKey:t,columnName:e}}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){this._stopped=!1,this.setData(t)},setData:function(t){n.extend(this,t)},stop:function(){this._stopped=!0},isStopped:function(){return this._stopped}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(21),a=i(9).renderState,r=i(9).dimension.CELL_BORDER_WIDTH,l=1e3,d=o.extend({initialize:function(t,e){var i,o,a;this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel,dimensionModel:e.dimensionModel,coordRowModel:e.coordRowModel}),a={dataModel:this.dataModel,columnModel:this.columnModel,focusModel:this.focusModel},i=new s([],a),o=new s([],a),this.set({lside:i,rside:o}),this.listenTo(this.columnModel,"columnModelChange change",this._onColumnModelChange).listenTo(this.dataModel,"add remove sort reset delRange",this._onDataListChange).listenTo(this.dataModel,"add",this._onAddDataModel).listenTo(this.dataModel,"beforeReset",this._onBeforeResetData).listenTo(i,"valueChange",this._executeRelation).listenTo(o,"valueChange",this._executeRelation).listenTo(this.focusModel,"change:editingAddress",this._onEditingAddressChange).listenTo(this.coordRowModel,"reset",this._onChangeRowHeights).listenTo(this.dimensionModel,"change:width",this._updateMaxScrollLeft).listenTo(this.dimensionModel,"change:totalRowHeight change:scrollBarSize change:bodyHeight",this._updateMaxScrollTop),this.get("showDummyRows")&&(this.listenTo(this.dimensionModel,"change:bodyHeight change:totalRowHeight",this._resetDummyRowCount),this.on("change:dummyRowCount",this._resetDummyRows)),this._onChangeLayoutBound=n.bind(this._onChangeLayout,this),this.listenTo(this.dimensionModel,"columnWidthChanged",this.finishEditing),this._updateMaxScrollLeft()},defaults:{top:0,bottom:0,scrollTop:0,scrollLeft:0,maxScrollLeft:0,maxScrollTop:0,startIndex:0,endIndex:0,startNumber:1,lside:null,rside:null,showDummyRows:!1,dummyRowCount:0,emptyMessage:null,state:a.DONE},_onChangeLayout:function(){this.focusModel.finishEditing(),this.focusModel.focusClipboard()},_onChangeRowHeights:function(){for(var t,e=this.coordRowModel,i=this.get("lside"),n=this.get("rside"),o=i.length,s=0;s<o;s+=1)t=e.getHeightAt(s),i.at(s).set("height",t),n.at(s).set("height",t)},_updateMaxScrollLeft:function(){var t=this.dimensionModel,e=t.getFrameWidth("R")-t.get("rsideWidth")+t.getScrollYWidth();this.set("maxScrollLeft",e)},_updateMaxScrollTop:function(){var t=this.dimensionModel,e=t.get("totalRowHeight")-t.get("bodyHeight")+t.getScrollXHeight();this.set("maxScrollTop",e)},_onBeforeResetData:function(t){t>l&&this.set("state",a.LOADING)},_onEditingAddressChange:function(t,e){var i=e,o=!0,s=this;e||(i=t.previous("editingAddress"),o=!1),this._updateCellData(i.rowKey,i.columnName,{isEditing:o}),this._triggerEditingStateChanged(i.rowKey,i.columnName),n.defer(function(){s._toggleChangeLayoutEventHandlers(o)})},_toggleChangeLayoutEventHandlers:function(t){var e="change:scrollTop change:scrollLeft",i="columnWidthChanged";t?(this.listenToOnce(this.dimensionModel,i,this._onChangeLayoutBound),this.once(e,this._onChangeLayoutBound)):(this.stopListening(this.dimensionModel,i,this._onChangeLayoutBound),this.off(e,this._onChangeLayoutBound))},_triggerEditingStateChanged:function(t,e){var i=this.getCellData(t,e);tui.util.pick(i,"columnModel","editOption","useViewMode")!==!1&&this.trigger("editingStateChanged",i)},_updateCellData:function(t,e,i){var n=this._getRowModel(t,e);n&&n.setCell(e,i)},initializeVariables:function(){this.set({top:0,scrollTop:0,scrollLeft:0,startIndex:0,endIndex:0,startNumber:1})},getCollection:function(t){return this.get(tui.util.isString(t)?t.toLowerCase()+"side":"rside")},_onColumnModelChange:function(){this.set({scrollTop:0,top:0,startIndex:0,endIndex:0}),this.refresh({columnModelChanged:!0})},_onDataListChange:function(){this.refresh({dataListChanged:!0})},_onAddDataModel:function(t,e){e.focus&&this.focusModel.focusAt(e.at,0)},_resetDummyRows:function(){this._clearDummyRows(),this._fillDummyRows(),this.trigger("rowListChanged")},_setRenderingRange:function(){this.set({startIndex:0,endIndex:this.dataModel.length-1})},_createViewDataFromDataModel:function(t,e,i,o){var s={height:i,rowNum:o,rowKey:t.get("rowKey"),_extraData:t.get("_extraData")};return n.each(e,function(e){var i=t.get(e);"_number"!==e||n.isNumber(i)||(i=o),s[e]=i}),s},_getColumnNamesOfEachSide:function(){var t=this.columnModel.getVisibleColumnFixCount(!0),e=this.columnModel.getVisibleColumnModelList(null,!0),i=n.pluck(e,"columnName");return{lside:i.slice(0,t),rside:i.slice(t)}},_resetViewModelList:function(t,e){this.get(t).clear().reset(e,{parse:!0})},_resetAllViewModelListWithRange:function(t,e){var i,n,o,s=this._getColumnNamesOfEachSide(),a=this.get("startNumber")+t,r=[],l=[];for(o=t;o<=e;o+=1)i=this.dataModel.at(o),n=this.coordRowModel.getHeightAt(o),r.push(this._createViewDataFromDataModel(i,s.lside,n,a)),l.push(this._createViewDataFromDataModel(i,s.rside,n,a)),a+=1;this._resetViewModelList("lside",r),this._resetViewModelList("rside",l)},_getActualRowCount:function(){return this.get("endIndex")-this.get("startIndex")+1},_clearDummyRows:function(){var t=this.get("endIndex")-this.get("startIndex")+1;n.each(["lside","rside"],function(e){for(var i=this.get(e);i.length>t;)i.pop()},this)},_resetDummyRowCount:function(){var t=this.dimensionModel,e=t.get("totalRowHeight"),i=t.get("rowHeight")+r,n=t.get("bodyHeight")-t.getScrollXHeight(),o=0;e<n&&(o=Math.ceil((n-e)/i)),this.set("dummyRowCount",o)},_fillDummyRows:function(){var t,e,i=this.get("dummyRowCount");i&&(t=this.get("startNumber")+this.get("endIndex")+1,e=this.dimensionModel.get("rowHeight"),n.times(i,function(){n.each(["lside","rside"],function(i){this.get(i).add({height:e,rowNum:t})},this),t+=1},this))},refresh:function(t){var e,i,n,o=!!t&&t.columnModelChanged,s=!!t&&t.dataListChanged;for(this._setRenderingRange(this.get("scrollTop")),e=this.get("startIndex"),i=this.get("endIndex"),this._resetAllViewModelListWithRange(e,i),n=e;n<=i;n+=1)this._executeRelation(n);o?this.trigger("columnModelChanged"):(this.trigger("rowListChanged",s),s&&this.coordRowModel.syncWithDom()),this._refreshState()},_refreshState:function(){this.dataModel.length?this.set("state",a.DONE):this.set("state",a.EMPTY);
-},_getCollectionByColumnName:function(t){var e,i=this.get("lside");return e=i.at(0)&&i.at(0).get(t)?i:this.get("rside")},_getRowModel:function(t,e){var i=this._getCollectionByColumnName(e);return i.get(t)},getCellData:function(t,e){var i=this._getRowModel(t,e),n=null;return i&&(n=i.get(e)),n},_executeRelation:function(t){var e,i,o=this.dataModel.at(t),s=t-this.get("startIndex");i=o.executeRelationCallbacksAll(),n.each(i,function(t,i){e=this._getCollectionByColumnName(i).at(s),e&&e.setCell(i,t)},this)}});t.exports=d},function(t,e,i){"use strict";var n=i(11),o=i(22),s=n.extend({initialize:function(t,e){this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel})},model:o});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(8),a=o.extend({initialize:function(t){var e=t&&t.rowKey,i=this.collection.dataModel,n=i.get(e);this.dataModel=i,this.columnModel=this.collection.columnModel,this.focusModel=this.collection.focusModel,n&&(this.listenTo(n,"change",this._onDataModelChange),this.listenTo(n,"restore",this._onDataModelRestore),this.listenTo(n,"extraDataChanged",this._setRowExtraData),this.listenTo(i,"disabledChanged",this._onDataModelDisabledChanged),this.rowData=n)},idAttribute:"rowKey",_onDataModelChange:function(t){n.each(t.changed,function(e,i){var n,o;this.has(i)&&(n=this.columnModel.getColumnModel(i),o=this.columnModel.isTextType(i),this.setCell(i,this._getValueAttrs(e,t,n,o)))},this)},_onDataModelRestore:function(t){var e=this.get(t);e&&this.trigger("restore",e)},_getColumnNameList:function(){var t=this.collection.columnModel.getVisibleColumnModelList(null,!0);return n.pluck(t,"columnName")},_onDataModelDisabledChanged:function(){var t=this._getColumnNameList();n.each(t,function(t){this.setCell(t,{isDisabled:this.rowData.isDisabled(t),className:this._getClassNameString(t)})},this)},_setRowExtraData:function(){tui.util.isUndefined(this.collection)||n.each(this._getColumnNameList(),function(t){var e,i=this.get(t);!tui.util.isUndefined(i)&&i.isMainRow&&(e=this.rowData.getCellState(t),this.setCell(t,{isDisabled:e.isDisabled,isEditable:e.isEditable,className:this._getClassNameString(t)}))},this)},parse:function(t,e){var i=e.collection;return this._formatData(t,i.dataModel,i.columnModel,i.focusModel)},_formatData:function(t,e,i,o){var s,a,r=t.rowKey,l=t.rowNum,d=t.height;return n.isUndefined(r)?t:(a=e.get(r),s=n.omit(t,"rowKey","_extraData","height","rowNum"),n.each(s,function(s,u){var h=this._getRowSpanData(u,t,e.isRowSpanEnable()),c=a.getCellState(u),m=i.isTextType(u),g=i.getColumnModel(u);t[u]={rowKey:r,rowNum:l,height:d,columnName:u,rowSpan:h.count,isMainRow:h.isMainRow,mainRowKey:h.mainRowKey,isEditable:c.isEditable,isDisabled:c.isDisabled,isEditing:o.isEditingCell(r,u),whiteSpace:g.whiteSpace||"nowrap",valign:g.valign,optionList:tui.util.pick(g,"editOption","list"),className:this._getClassNameString(u,a,o),columnModel:g,changed:[]},n.assign(t[u],this._getValueAttrs(s,a,g,m))},this),t)},_getClassNameString:function(t,e,i){var n;return e||(e=this.dataModel.get(this.get("rowKey")))?(i||(i=this.focusModel),n=e.getClassNameList(t),n.join(" ")):""},_getValueAttrs:function(t,e,i,n){var o=tui.util.pick(i,"editOption","beforeContent"),s=tui.util.pick(i,"editOption","afterContent"),a=tui.util.pick(i,"editOption","converter"),r=e.toJSON();return{value:this._getValueToDisplay(t,i,n),formattedValue:this._getFormattedValue(t,r,i),beforeContent:this._getExtraContent(o,t,r),afterContent:this._getExtraContent(s,t,r),convertedHTML:this._getConvertedHTML(a,t,r)}},_getFormattedValue:function(t,e,i){var o;return o=n.isFunction(i.formatter)?i.formatter(t,e,i):t,n.isNumber(o)?o=String(o):o||(o=""),o},_getExtraContent:function(t,e,i){var o="";return n.isFunction(t)?o=t(e,i):tui.util.isExisty(t)&&(o=t),o},_getConvertedHTML:function(t,e,i){var o=null;return n.isFunction(t)&&(o=t(e,i)),o===!1&&(o=null),o},_getValueToDisplay:function(t,e,i){var n=tui.util.isExisty,o=e.notUseHtmlEntity,s=e.defaultValue;return n(t)||(t=n(s)?s:""),i&&!o&&tui.util.hasEncodableString(t)&&(t=tui.util.encodeHTMLEntity(t)),t},_getRowSpanData:function(t,e,i){var n=tui.util.pick(e,"_extraData","rowSpanData",t);return i&&n||(n={mainRowKey:e.rowKey,count:0,isMainRow:!0}),n},updateClassName:function(t){this.setCell(t,{className:this._getClassNameString(t)})},setCell:function(t,e){var i,o,a,r=!1,l=[];this.has(t)&&(o=this.get("rowKey"),a=n.clone(this.get(t)),n.each(e,function(t,e){s.isEqual(a[e],t)||(r="value"===e||r,a[e]=t,l.push(e))},this),l.length&&(a.changed=l,this.set(t,a,{silent:this._shouldSetSilently(a,r)}),r&&(i=this.collection.dataModel.indexOfRowKey(o),this.trigger("valueChange",i))))},_shouldSetSilently:function(t,e){var i=t.isEditing&&e,o=tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1,s=n.contains(t.changed,"isEditing")&&t.isEditing;return i||o&&s}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(20),s=i(9).dimension,a=s.CELL_BORDER_WIDTH,r=.3,l=.1,d=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.on("change:scrollTop",this._onChangeScrollTop,this),this.listenTo(this.dimensionModel,"change:bodyHeight",this.refresh)},_onChangeScrollTop:function(){this._shouldRefresh(this.get("scrollTop"))&&this.refresh()},_setRenderingRange:function(t){var e=this.dimensionModel,i=this.dataModel,n=this.coordRowModel,o=e.get("bodyHeight"),s=parseInt(o*r,10),l=Math.max(n.indexOf(t-s),0),d=Math.min(n.indexOf(t+o+s),i.length-1),u=n.getOffsetAt(l),h=n.getOffsetAt(d)+n.getHeightAt(d)+a;i.isRowSpanEnable()&&(l+=this._getStartRowSpanMinCount(l),d+=this._getEndRowSpanMaxCount(d)),this.set({top:u,bottom:h,startIndex:l,endIndex:d})},_getStartRowSpanMinCount:function(t){var e,i=this.dataModel.at(t),o=0;return i&&(e=n.pluck(i.getRowSpanData(),"count"),e.push(0),o=n.min(e)),o},_getEndRowSpanMaxCount:function(t){var e,i=this.dataModel.at(t),o=0;return i&&(e=n.pluck(i.getRowSpanData(),"count"),e.push(0),o=n.max(e)),o},_shouldRefresh:function(t){var e=this.dimensionModel.get("bodyHeight"),i=t+e,n=this.dimensionModel.get("totalRowHeight"),o=this.get("top"),s=this.get("bottom"),a=parseInt(e*l,10),r=t-o<a,d=s-i<a;return r&&o>0||d&&s<n}});d.BUFFER_RATIO=r,d.BUFFER_HIT_RATIO=l,t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(7),s=i(8),a=i(9).selectionType,r=o.extend({initialize:function(t,e){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,dimensionModel:e.dimensionModel,focusModel:e.focusModel,renderModel:e.renderModel,inputRange:null,intervalIdForAutoScroll:null,scrollPixelScale:40,enabled:!0,selectionType:a.CELL}),this.listenTo(this.dataModel,"add remove sort reset",this.end),this.listenTo(this.dataModel,"paste",this._onPasteData)},defaults:{range:null},_onPasteData:function(t){this.start(t.startIdx.row,t.startIdx.column),this.update(t.endIdx.row,t.endIdx.column)},setType:function(t){this.selectionType=a[t]||this.selectionType},getType:function(){return this.selectionType},enable:function(){this.enabled=!0},disable:function(){this.end(),this.enabled=!1},isEnabled:function(){return this.enabled},start:function(t,e,i){this.isEnabled()&&(this.setType(i),this.inputRange={row:[t,t],column:[e,e]},this._resetRangeAttribute())},update:function(t,e,i){var n;!this.enabled||t<0||e<0||(this.hasSelection()?this.setType(i):(n=this.focusModel.indexOf(),this.start(n.row,n.column,i)),this._updateInputRange(t,e),this._resetRangeAttribute())},_updateInputRange:function(t,e){var i=this.inputRange;this.selectionType===a.ROW?e=this.columnModel.getVisibleColumnModelList().length-1:this.selectionType===a.COLUMN&&(t=this.dataModel.length-1),i.row[1]=t,i.column[1]=e},extendColumnSelection:function(t,e,i){var n,o=this._minimumColumnRange,a=this.dimensionModel.getIndexFromMousePosition(e,i),r={row:[0,this.dataModel.length-1],column:[]};t&&t.length||(t=[a.column]),this._setScrolling(e,i),o?n=s.getMinMax(t.concat(o)):(t.push(this.inputRange.column[0]),n=s.getMinMax(t)),r.column.push(n.min,n.max),this._resetRangeAttribute(r)},_setScrolling:function(t,e){var i=this.dimensionModel.getOverflowFromMousePosition(t,e);this.stopAutoScroll(),this._isAutoScrollable(i.x,i.y)&&(this.intervalIdForAutoScroll=setInterval(n.bind(this._adjustScroll,this,i.x,i.y)))},updateByMousePosition:function(t,e,i){var n=this.dimensionModel.getIndexFromMousePosition(t,e);this._setScrolling(t,e),this.update(n.row,n.column,i)},end:function(){this.inputRange=null,this.unset("range"),this.unsetMinimumColumnRange()},stopAutoScroll:function(){n.isNull(this.intervalIdForAutoScroll)||(clearInterval(this.intervalIdForAutoScroll),this.intervalIdForAutoScroll=null)},selectRow:function(t){this.isEnabled()&&(this.focusModel.focusAt(t,0),this.start(t,0,a.ROW),this.update(t,this.columnModel.getVisibleColumnModelList().length-1))},selectColumn:function(t){this.isEnabled()&&(this.focusModel.focusAt(0,t),this.start(0,t,a.COLUMN),this.update(this.dataModel.length-1,t))},selectAll:function(){this.isEnabled()&&(this.start(0,0,a.CELL),this.update(this.dataModel.length-1,this.columnModel.getVisibleColumnModelList().length-1))},getStartIndex:function(){var t=this.get("range");return{row:t.row[0],column:t.column[0]}},getEndIndex:function(){var t=this.get("range");return{row:t.row[1],column:t.column[1]}},hasSelection:function(){return!!this.get("range")},_isSingleCell:function(t,e){var i=1===t.length,n=1===e.length,o=i&&!n&&e[0].getRowSpanData(t[0]).count===e.length;return i&&n||o},getValuesToString:function(t){var e=this.get("range"),i=this.renderModel,o=this.dataModel.slice(e.row[0],e.row[1]+1),s=this.columnModel.getVisibleColumnModelList().slice(e.column[0],e.column[1]+1),a=n.pluck(s,"columnName"),r=n.map(o,function(e){return n.map(a,function(n){return t?i.getCellData(e.get("rowKey"),n).formattedValue:e.getValueString(n)}).join("\t")});return this._isSingleCell(a,o)?r[0]:r.join("\n")},_isAutoScrollable:function(t,e){return!(0===t&&0===e)},_adjustScroll:function(t,e){var i=this.renderModel;t&&this._adjustScrollLeft(t,i.get("scrollLeft"),i.get("maxScrollLeft")),e&&this._adjustScrollTop(e,i.get("scrollTop"),i.get("maxScrollTop"))},_adjustScrollLeft:function(t,e,i){var n=e,o=this.scrollPixelScale;t<0?n=Math.max(0,e-o):t>0&&(n=Math.min(i,e+o)),this.renderModel.set("scrollLeft",n)},_adjustScrollTop:function(t,e,i){var n=e,o=this.scrollPixelScale;t<0?n=Math.max(0,e-o):t>0&&(n=Math.min(i,e+o)),this.renderModel.set("scrollTop",n)},_resetRangeAttribute:function(t){var e,i,o,s=this.dataModel;if(t=t||this.inputRange,!t)return void this.set("range",null);if(i={row:n.sortBy(t.row),column:n.sortBy(t.column)},s.isRowSpanEnable()&&this.selectionType===a.CELL){do o=n.assign([],i.row),i=this._getRowSpannedIndex(i),e=i.row[0]!==o[0]||i.row[1]!==o[1];while(e);this._setRangeMinMax(i.row,i.column)}this.set("range",i)},setMinimumColumnRange:function(t){this._minimumColumnRange=n.extend(t)},unsetMinimumColumnRange:function(){this._minimumColumnRange=null},_setRangeMinMax:function(t,e){t&&(t[0]=Math.max(0,t[0]),t[1]=Math.min(this.dataModel.length-1,t[1])),e&&(e[0]=Math.max(0,e[0]),e[1]=Math.min(this.columnModel.getVisibleColumnModelList().length-1,e[1]))},_concatRowSpanIndexFromStart:function(t){var e,i=t.startIndex,n=t.endIndex,o=t.columnName,s=t.startRowSpanDataMap&&t.startRowSpanDataMap[o],a=t.startIndexList,r=t.endIndexList;s&&(s.isMainRow?(e=i+s.count-1,e>n&&r.push(e)):(e=i+s.count,a.push(e)))},_concatRowSpanIndexFromEnd:function(t){var e,i,n=t.endIndex,o=t.columnName,s=t.endRowSpanDataMap&&t.endRowSpanDataMap[o],a=t.endIndexList,r=t.dataModel;s&&(s.isMainRow?(e=n+s.count-1,a.push(e)):(e=n+s.count,i=r.at(e).getRowSpanData(o),e+=i.count-1,e>n&&a.push(e)))},_getRowSpannedIndex:function(t){var e,i,o,s,a=this.columnModel.getVisibleColumnModelList().slice(t.column[0],t.column[1]+1),r=this.dataModel,l=[t.row[0]],d=[t.row[1]],u=r.at(t.row[0]),h=r.at(t.row[1]),c=$.extend({},t);return u&&h?(e=r.at(t.row[0]).getRowSpanData(),i=r.at(t.row[1]).getRowSpanData(),n.each(a,function(n){o=n.columnName,s={columnName:o,startIndex:t.row[0],endIndex:t.row[1],endRowSpanDataMap:i,startRowSpanDataMap:e,startIndexList:l,endIndexList:d,dataModel:r},this._concatRowSpanIndexFromStart(s),this._concatRowSpanIndexFromEnd(s)},this),c.row=[Math.min.apply(null,l),Math.max.apply(null,d)],c):c}});t.exports=r},function(t,e,i){"use strict";var n=i(7),o=i(9).summaryType,s=n.extend({initialize:function(t,e){this.dataModel=e.dataModel,this.autoColumnNames=e.autoColumnNames,this.columnSummaryMap={},this.listenTo(this.dataModel,"add remove reset",this._resetSummaryMap),this.listenTo(this.dataModel,"change",this._onChangeData),this.listenTo(this.dataModel,"delRange",this._onDeleteRangeData),this._resetSummaryMap()},_calculate:function(t){var e,i,n=Number.MAX_VALUE,s=Number.MIN_VALUE,a=0,r=t.length,l={};for(e=0;e<r;e+=1)i=Number(t[e]),isNaN(i)&&(i=0),a+=i,n>i&&(n=i),s<i&&(s=i);return l[o.SUM]=a,l[o.MIN]=n,l[o.MAX]=s,l[o.AVG]=r?a/r:0,l[o.CNT]=r,l},_resetSummaryMap:function(){this._resetFooterSummaryValue()},_resetFooterSummaryValue:function(t){var e=this.autoColumnNames;t&&(e=_.intersection(t,this.autoColumnNames)),_.each(e,function(t){var e=this.dataModel.getColumnValues(t),i=this._calculate(e);this.columnSummaryMap[t]=i,this.trigger("change",t,i)},this)},_onChangeData:function(t){this._resetFooterSummaryValue(_.keys(t.changed))},_onDeleteRangeData:function(t,e){this._resetFooterSummaryValue(e)},getValue:function(t,e){var i,n=this.columnSummaryMap[t];return e?(i=tui.util.pick(n,e),_.isUndefined(i)?null:i):_.isUndefined(n)?null:n}});t.exports=s},function(t,e,i){"use strict";var n=i(27),o=i(28),s=i(29),a=i(30),r=i(31),l=i(32),d=i(33),u=i(34),h=i(36),c=i(37),m=i(38),g=i(39),f=i(40),p=i(41),M=i(42),C=i(43),w=i(44),R=i(45),y=i(46),v=i(8).isOptionEnabled,E=tui.util.defineClass({init:function(t){this.domState=t.domState,this.modelManager=t.modelManager,this.painterManager=t.painterManager,this.componentHolder=t.componentHolder,this.footerOptions=t.footer,this.singleClickEdit=t.singleClickEdit,this.resizeHandle=t.resizeHandle,this.copyOption=t.copyOption},createContainer:function(){return new n({el:this.domState.$el,singleClickEdit:this.singleClickEdit,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,gridId:this.modelManager.gridId,viewFactory:this})},createContentArea:function(){return new o({dimensionModel:this.modelManager.dimensionModel,viewFactory:this})},createToolbar:function(){return this.modelManager.toolbarModel.isEnabled()?new s({gridId:this.modelManager.gridId,dimensionModel:this.modelManager.dimensionModel,toolbarModel:this.modelManager.toolbarModel}):null},createPagination:function(){return v(this.componentHolder.getOptions("pagination"))?new a({componentHolder:this.componentHolder,dimensionModel:this.modelManager.dimensionModel}):null},createHeightResizeHandle:function(){return v(this.resizeHandle)?new r({dimensionModel:this.modelManager.dimensionModel}):null},createStateLayer:function(){return new l({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel})},createClipboard:function(){return new d({columnModel:this.modelManager.columnModel,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,renderModel:this.modelManager.renderModel,coordRowModel:this.modelManager.coordRowModel,painterManager:this.modelManager.painterManager,copyOption:this.copyOption})},createFrame:function(t){var e="L"===t?u:h;return new e({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel,viewFactory:this})},createHeader:function(t){return new c({whichSide:t,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,selectionModel:this.modelManager.selectionModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel,viewFactory:this})},createFooter:function(t){var e={};return this.footerOptions?(_.each(this.footerOptions.columnContent,function(t,i){_.isFunction(t.template)&&(e[i]=t.template)}),new p({whichSide:t,columnModel:this.modelManager.columnModel,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,summaryModel:this.modelManager.summaryModel,columnTemplateMap:e})):null},createHeaderResizeHandler:function(t){return new m({whichSide:t,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel})},createBody:function(t){return new g({whichSide:t,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,viewFactory:this})},createBodyTable:function(t){return new f({whichSide:t,dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel,columnModel:this.modelManager.columnModel,painterManager:this.painterManager,viewFactory:this})},createRowList:function(t){return new M({el:t.el,whichSide:t.whichSide,bodyTableView:t.bodyTableView,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,renderModel:this.modelManager.renderModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel,painterManager:this.painterManager})},createSelectionLayer:function(t){return new C({whichSide:t,selectionModel:this.modelManager.selectionModel,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel})},createEditingLayer:function(){return new w({renderModel:this.modelManager.renderModel,inputPainters:this.painterManager.getInputPainters(!0),domState:this.domState})},createDatePickerLayer:function(){return tui.component&&tui.component.DatePicker&&tui.component.Calendar?new R({columnModel:this.modelManager.columnModel,textPainter:this.painterManager.getInputPainters().text,domState:this.domState}):null},createFocusLayer:function(t){return new y({whichSide:t,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel})}});t.exports=E},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(19),a=i(9).attrName,r=i(14),l=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.gridId=t.gridId,this.singleClickEdit=t.singleClickEdit,this.dimensionModel=t.dimensionModel,this.focusModel=t.focusModel,this.dataModel=t.dataModel,this.viewFactory=t.viewFactory,this._createChildViews(),this.listenTo(this.dimensionModel,"setWidth",this._onSetWidth),$(window).on("resize.grid",$.proxy(this._onResizeWindow,this)),this.__$el=this.$el.clone()},events:{click:"_onClick",dblclick:"_onDblClick",mousedown:"_onMouseDown",mouseover:"_onMouseOver",mouseout:"_onMouseOut",selectstart:"_preventDrag",dragstart:"_preventDrag"},_createChildViews:function(){var t=this.viewFactory;this._addChildren([t.createToolbar(),t.createContentArea(),t.createHeightResizeHandle(),t.createPagination(),t.createStateLayer(),t.createEditingLayer(),t.createDatePickerLayer(),t.createClipboard()])},_onResizeWindow:function(){this.dimensionModel.refreshLayout()},_preventDrag:function(){return!1},_onSetWidth:function(){this.$el.width(this.dimensionModel.get("width"))},_onClick:function(t){var e,i=new s(t),o=$(t.target);this.trigger("click",i),i.isStopped()||this._isCellElement(o,!0)&&(e=this._getCellInfoFromElement(o.closest("td")),n.isNull(e.rowKey)||!this.singleClickEdit||o.is("input, textarea")||this.focusModel.focusIn(e.rowKey,e.columnName),this._triggerCellMouseEvent("clickCell",i,e))},_onDblClick:function(t){var e=new s(t),i=$(t.target);this.trigger("dblclick",e),e.isStopped()||this._isCellElement(i,!0)&&(this._triggerCellMouseEvent("dblclickCell",e,i.closest("td")),null!==e.rowKey||e.isStopped()||this.dataModel.append({},{focus:!0}))},_onMouseOver:function(t){var e,i=$(t.target);this._isCellElement(i)&&(e=new s(t),this._triggerCellMouseEvent("mouseoverCell",e,i))},_onMouseOut:function(t){var e,i=$(t.target);this._isCellElement(i)&&(e=new s(t),this._triggerCellMouseEvent("mouseoutCell",e,i))},_triggerCellMouseEvent:function(t,e,i){var o=i;i instanceof $&&(o=this._getCellInfoFromElement(i)),n.extend(e,o),this.trigger(t,e)},_isCellElement:function(t,e){var i=e?t.closest("td"):t;return!(!i.is("td")||!i.attr(a.COLUMN_NAME))},_getCellInfoFromElement:function(t){var e=Number(t.attr(a.ROW_KEY)),i=t.attr(a.COLUMN_NAME);return isNaN(e)&&(e=null),{rowKey:e,columnName:i,rowData:this.dataModel.getRowData(e)}},_onMouseDown:function(t){var e=$(t.target),i=new s(t);this.trigger("mousedown",i),i.isStopped()||e.is("input, a, button, select, textarea")||(t.preventDefault(),this.focusModel.focusClipboard())},render:function(){var t=this._renderChildren();return this.$el.addClass(r.CONTAINER).attr(a.GRID_ID,this.gridId).append(t),this._triggerChildrenAppended(),this.trigger("rendered"),this},destroy:function(){this.stopListening(),$(window).off("resize.grid"),this._destroyChildren(),this.$el.replaceWith(this.__$el),this.$el=this.__$el=null}});t.exports=l},function(t,e,i){"use strict";function n(t){return $("<div>").addClass(a.BORDER_LINE).addClass(t)}var o,s=i(2),a=i(14);o=s.extend({initialize:function(t){s.prototype.initialize.call(this),this.viewFactory=t.viewFactory,this.dimensionModel=t.dimensionModel,this._addFrameViews()},className:a.CONTENT_AREA,_addFrameViews:function(){var t=this.viewFactory;this._addChildren([t.createFrame("L"),t.createFrame("R")])},render:function(){var t=this.dimensionModel,e=t.getScrollXHeight(),i=t.get("footerHeight"),o=this._renderChildren().concat([n(a.BORDER_TOP),n(a.BORDER_LEFT),n(a.BORDER_RIGHT),n(a.BORDER_BOTTOM).css("bottom",e+i)]);return t.get("scrollX")||this.$el.addClass(a.NO_SCROLL_X),t.get("scrollY")||this.$el.addClass(a.NO_SCROLL_Y),this.$el.append(o),this}}),t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(14),a=o.extend({initialize:function(t){this.setOwnProperties({gridId:t.gridId,toolbarModel:t.toolbarModel,dimensionModel:t.dimensionModel}),this.on("appended",this._onAppended),this.listenTo(this.toolbarModel,"change:isExcelButtonVisible change:isExcelAllButtonVisible",this.render)},className:s.TOOLBAR,events:function(){var t={};return t["click ."+s.BTN_EXCEL]="_onClickExcel",t},templateExcelBtn:n.template('<a href="#" class="'+s.BTN_EXCEL+" "+s.BTN_TEXT+' <%=className%>"><span><em class="'+s.BTN_EXCEL_ICON+'"></em><%=text%></span></a>'),_onAppended:function(){this.dimensionModel.set("toolbarHeight",this.$el.outerHeight())},_onClickExcel:function(t){var e,i=tui.Grid.getInstanceById(this.gridId),n=i.getAddOn("Net");t.preventDefault(),n&&(e=$(t.target).closest("a"),e.hasClass(s.BTN_EXCEL_PAGE)?n.download("excel"):e.hasClass(s.BTN_EXCEL_ALL)&&n.download("excelAll"))},render:function(){var t=this.toolbarModel,e=$("<div>");return t.get("isExcelButtonVisible")&&e.append(this.templateExcelBtn({className:s.BTN_EXCEL_PAGE,text:"엑셀 다운로드"})),t.get("isExcelAllButtonVisible")&&e.append(this.templateExcelBtn({className:s.BTN_EXCEL_ALL,text:"전체 엑셀 다운로드"})),this.$el.empty().append(e),this}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(14),a='<a href="#" class="'+s.PAGINATION_PRE_END+'" title="First page">First</a><a href="#" class="'+s.PAGINATION_PRE+'" title="Previous page">Prev</a> <a href="#" class="'+s.PAGINATION_NEXT+'" title="Next page">Next</a><a href="#" class="'+s.PAGINATION_NEXT_END+'" title="Last page">Last</a><span class="'+s.PAGINATION_PRE_END_OFF+'">First Off</span><span class="'+s.PAGINATION_PRE_OFF+'">Prev Off</span><span class="'+s.PAGINATION_NEXT_OFF+'">Next Off</span><span class="'+s.PAGINATION_NEXT_END_OFF+'">Last Off</span>',r={classPrefix:s.PREFIX,itemCount:1,pagePerPageList:5,itemPerPage:10,isCenterAlign:!0,moveUnit:"page"},l=o.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.componentHolder=t.componentHolder,this.on("appended",this._onAppended)},className:s.PAGINATION,render:function(){return this._destroyChildren(),this.$el.empty().html(a),this.componentHolder.setInstance("pagination",this._createComponent()),this},_onAppended:function(){this.dimensionModel.set("paginationHeight",this.$el.outerHeight())},_createOptionObject:function(){var t=this.componentHolder.getOptions("pagination"),e={$preOff:this.$el.find("."+s.PAGINATION_PRE_OFF),$pre_endOff:this.$el.find("."+s.PAGINATION_PRE_END_OFF),$nextOff:this.$el.find("."+s.PAGINATION_NEXT_OFF),$lastOff:this.$el.find("."+s.PAGINATION_NEXT_END_OFF)};return t===!0&&(t={}),n.assign({},r,e,t)},_createComponent:function(){var t=tui.util.pick(tui,"component","Pagination");if(!t)throw new Error("Cannot find component 'tui.component.Pagination'");return new t(this._createOptionObject(),this.$el)}});t.exports=l},function(t,e,i){"use strict";var n=i(2),o=i(14),s='<a href="#"><span></span></a>',a=n.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.timeoutIdForResize=0,this.mouseOffsetY=0,this.on("appended",this._onAppended)},className:o.HEIGHT_RESIZE_HANDLE,events:{mousedown:"_onMouseDown"},_onAppended:function(){this.dimensionModel.set("resizeHandleHeight",this.$el.outerHeight())},_attachMouseEvent:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)),$(document).on("mouseup",$.proxy(this._onMouseUp,this)),$(document).on("selectstart",$.proxy(this._onSelectStart,this))},_detachMouseEvent:function(){$(document).off("mousemove",$.proxy(this._onMouseMove,this)),$(document).off("mouseup",$.proxy(this._onMouseUp,this)),$(document).off("selectstart",$.proxy(this._onSelectStart,this))},_onMouseDown:function(t){t.preventDefault(),$(document.body).css("cursor","row-resize"),this.mouseOffsetY=t.offsetY,this._attachMouseEvent()},_onMouseMove:function(t){var e=this.dimensionModel,i=e.get("offsetTop"),n=this.mouseOffsetY;clearTimeout(this.timeoutIdForResize),this.timeoutIdForResize=setTimeout(function(){e.setSize(null,t.pageY-i-n)},0)},_onMouseUp:function(){$(document.body).css("cursor","default"),this._detachMouseEvent()},_onSelectStart:function(t){return t.preventDefault(),!1},render:function(){return this._destroyChildren(),this.$el.html(s),this},destroy:function(){this.stopListening(),this._onMouseUp(),this._destroyChildren(),this.remove()}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9).renderState,a=i(14),r=i(9).dimension.TABLE_BORDER_WIDTH,l="요청을 처리 중입니다.",d="데이터가 존재하지 않습니다.",u=o.extend({initialize:function(t){this.dimensionModel=t.dimensionModel,this.renderModel=t.renderModel,this.listenTo(this.dimensionModel,"change",this._refreshLayout),this.listenTo(this.renderModel,"change:state",this.render)},className:a.LAYER_STATE,template:n.template('<div class="'+a.LAYER_STATE_CONTENT+'">    <p><%= text %></p>    <% if (isLoading) { %>    <div class="'+a.LAYER_STATE_LOADING+'"></div>    <% } %></div>'),render:function(){var t=this.renderModel.get("state");return t===s.DONE?this.$el.hide():this._showLayer(t),this},_showLayer:function(t){var e=this.template({text:this._getMessage(t),isLoading:t===s.LOADING});this.$el.html(e).show(),this._refreshLayout()},_getMessage:function(t){switch(t){case s.LOADING:return l;case s.EMPTY:return this.renderModel.get("emptyMessage")||d;default:return null}},_refreshLayout:function(){var t=this.dimensionModel,e=t.get("headerHeight"),i=t.get("bodyHeight"),n=t.get("toolbarHeight"),o=t.getScrollXHeight(),s=t.getScrollYWidth();this.$el.css({top:e+n-r,height:i-o-r,left:0,right:s})}});u.MESSAGE_LOADING=l,u.MESSAGE_EMPTY=d,t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(8),a=i(14),r=i(9),l=r.keyCode,d=r.selectionType,u=o.extend({initialize:function(t){this.setOwnProperties({focusModel:t.focusModel,selectionModel:t.selectionModel,dimensionModel:t.dimensionModel,dataModel:t.dataModel,columnModel:t.columnModel,renderModel:t.renderModel,coordRowModel:t.coordRowModel,useFormattedValue:!!tui.util.pick(t,"copyOption","useFormattedValue"),timeoutIdForKeyIn:0,isLocked:!1}),this.listenTo(this.focusModel,"focusClipboard",this._onFocus)},tagName:"textarea",className:a.CLIPBOARD,events:{keydown:"_onKeyDown",blur:"_onBlur"},_onBlur:function(){var t=this.focusModel;setTimeout(function(){t.refreshState()},0)},_onFocus:function(){try{this.$el.is(":focus")||(this.$el.focus(),this.focusModel.refreshState())}catch(t){}},render:function(){return this},_lock:function(){clearTimeout(this.timeoutIdForKeyIn),this.isLocked=!0,this.timeoutIdForKeyIn=setTimeout($.proxy(this._unlock,this),10)},_unlock:function(){this.isLocked=!1},_onKeyDown:function(t){return this.isLocked?void t.preventDefault():(t.shiftKey&&(t.ctrlKey||t.metaKey)?this._keyInWithShiftAndCtrl(t):t.shiftKey?this._keyInWithShift(t):t.ctrlKey||t.metaKey?this._keyInWithCtrl(t):this._keyIn(t),void this._lock())},_keyIn:function(t){var e,i=this.focusModel,n=this.selectionModel,o=i.which(),a=o.rowKey,r=o.columnName,d=this.dataModel.indexOfRowKey(a),u=this.columnModel.indexOfColumnName(r,!0),h=!0,c=t.keyCode||t.which;if(!s.isBlank(o.rowKey)){switch(c){case l.UP_ARROW:i.focus(i.prevRowKey(),r,!0);break;case l.DOWN_ARROW:i.focus(i.nextRowKey(),r,!0);break;case l.LEFT_ARROW:i.focus(a,i.prevColumnName(),!0);break;case l.RIGHT_ARROW:i.focus(a,i.nextColumnName(),!0);break;case l.PAGE_UP:i.focusAt(this._getPageMovedRowIndex(d,!1),u,!0);break;case l.PAGE_DOWN:i.focusAt(this._getPageMovedRowIndex(d,!0),u,!0);break;case l.HOME:i.focus(a,i.firstColumnName(),!0);break;case l.END:i.focus(a,i.lastColumnName(),!0);break;case l.SPACE:case l.ENTER:this._onEnterSpace(a,r);break;case l.DEL:this._del(a,r);break;case l.TAB:e=i.nextAddress(),i.focusIn(e.rowKey,e.columnName,!0);break;default:h=!1}h&&t.preventDefault(),n.end()}},_onEnterSpace:function(t,e){this.focusModel.focusIn(t,e)},_getIndexBeforeMove:function(){var t,e,i=this.focusModel.indexOf(),o=this.selectionModel.get("range"),s=n.extend({},i);return o&&(t=o.row,e=o.column,s.row=t[0],s.column=e[0],t[1]>i.row&&(s.row=t[1]),e[1]>i.column&&(s.column=e[1])),s},_getPageMovedRowIndex:function(t,e){var i,n=this.coordRowModel.getOffsetAt(t),o=this.dimensionModel.get("bodyHeight");return e||(o=-o),i=this.coordRowModel.indexOf(n+o),s.clamp(i,0,this.dataModel.length-1)},_keyInWithShift:function(t){var e,i,n,o,s,a=this.focusModel,r=this.dimensionModel,u=this.columnModel.getVisibleColumnModelList(),h=t.keyCode||t.which,c=this._getIndexBeforeMove(),m=!0,g=!0;switch(h){case l.UP_ARROW:c.row-=1;break;case l.DOWN_ARROW:c.row+=1;break;case l.LEFT_ARROW:c.column-=1;break;case l.RIGHT_ARROW:c.column+=1;break;case l.PAGE_UP:c.row=this._getPageMovedRowIndex(c.row,!1);break;case l.PAGE_DOWN:c.row=this._getPageMovedRowIndex(c.row,!0);break;case l.HOME:c.column=0;break;case l.END:c.column=u.length-1;break;case l.ENTER:g=!1;break;case l.TAB:g=!1,s=a.prevAddress(),a.focusIn(s.rowKey,s.columnName,!0);break;default:g=!1,m=!1}e=u[c.column],n=!(!e||!this.dataModel.getRowData(c.row)),g&&n&&(this._updateSelectionByKeyIn(c.row,c.column),i=r.getScrollPosition(c.row,e.columnName),i&&(o=this.selectionModel.getType(),o===d.COLUMN?delete i.scrollTop:o===d.ROW&&delete i.scrollLeft,this.renderModel.set(i))),m&&t.preventDefault()},_keyInWithCtrl:function(t){var e=this.focusModel,i=t.keyCode||t.which;switch(i){case l.CHAR_A:this.selectionModel.selectAll();break;case l.CHAR_C:this._copyToClipboard();break;case l.HOME:e.focus(e.firstRowKey(),e.firstColumnName(),!0);break;case l.END:e.focus(e.lastRowKey(),e.lastColumnName(),!0);break;case l.CHAR_V:this._pasteWhenKeyupCharV()}},_pasteWhenKeyupCharV:function(){var t=this;this._clearClipBoard(),this.pasting||(this.pasting=!0,this.$el.on("keyup",function(){t._pasteToGrid(),t.pasting=!1}))},_clearClipBoard:function(){
-this.$el.val("")},_pasteToGrid:function(){var t,e,i=this.selectionModel,n=this.focusModel,o=this.dataModel;t=i.hasSelection()?i.getStartIndex():n.indexOf(),e=this._getProcessClipBoardData(),this.$el.off("keyup"),o.paste(e,t)},_getProcessClipBoardData:function(){for(var t=this.$el.val(),e=t.split("\n"),i=0,n=e.length;i<n;i+=1)e[i]=e[i].split("\t");return e},_keyInWithShiftAndCtrl:function(t){var e=!0,i=this.columnModel.getVisibleColumnModelList(),n=t.keyCode||t.which;switch(n){case l.HOME:this._updateSelectionByKeyIn(0,0);break;case l.END:this._updateSelectionByKeyIn(this.dataModel.length-1,i.length-1);break;default:e=!1}e&&t.preventDefault()},_del:function(){var t=this.selectionModel,e=this.dataModel,i=this.focusModel.which(),n=i.rowKey,o=i.columnName;t.hasSelection()?e.delRange(t.get("range")):e.del(n,o)},_updateSelectionByKeyIn:function(t,e){var i=this.selectionModel;i.update(t,e)},_getClipboardString:function(){var t,e=this.selectionModel,i=this.focusModel.which();return t=e.hasSelection()?this.selectionModel.getValuesToString(this.useFormattedValue):this.useFormattedValue?this.renderModel.getCellData(i.rowKey,i.columnName).formattedValue:this.dataModel.get(i.rowKey).getValueString(i.columnName)},_copyToClipboard:function(){var t=this._getClipboardString();window.clipboardData?window.clipboardData.setData("Text",t):this.$el.val(t).select()}});t.exports=u},function(t,e,i){"use strict";var n=i(35),o=i(14),s=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:"L"})},className:o.LSIDE_AREA,_onColumnWidthChanged:function(){this.$el.css({width:this.dimensionModel.get("lsideWidth")})},beforeRender:function(){this.$el.css({display:"block",width:this.dimensionModel.get("lsideWidth")})},afterRender:function(){this.dimensionModel.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_LEFT_BOTTOM))}});t.exports=s},function(t,e,i){"use strict";var n=i(2),o=n.extend({initialize:function(t){n.prototype.initialize.call(this),this.setOwnProperties({viewFactory:t.viewFactory,renderModel:t.renderModel,dimensionModel:t.dimensionModel,whichSide:t.whichSide||"R"}),this.listenTo(this.renderModel,"columnModelChanged",this.render).listenTo(this.dimensionModel,"columnWidthChanged",this._onColumnWidthChanged)},render:function(){var t=this.viewFactory;return this.$el.empty(),this._destroyChildren(),this.beforeRender(),this._addChildren([t.createHeader(this.whichSide),t.createBody(this.whichSide),t.createFooter(this.whichSide)]),this.$el.append(this._renderChildren()),this.afterRender(),this},_onColumnWidthChanged:function(){},beforeRender:function(){},afterRender:function(){}});t.exports=o},function(t,e,i){"use strict";var n=i(35),o=i(14),s=i(9).dimension.CELL_BORDER_WIDTH,a=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:"R",$scrollBorder:null}),this.listenTo(this.dimensionModel,"change:bodyHeight change:headerHeight",this._resetScrollBorderHeight)},className:o.RSIDE_AREA,_onColumnWidthChanged:function(){this._refreshLayout()},_refreshLayout:function(){var t=this.dimensionModel,e=t.get("rsideWidth"),i=t.get("lsideWidth");i>0&&!t.isDivisionBorderDoubled()&&(e+=s,i-=s),this.$el.css({width:e,marginLeft:i})},_resetScrollBorderHeight:function(){var t,e;this.$scrollBorder&&(t=this.dimensionModel,e=t.get("bodyHeight")-t.getScrollXHeight(),this.$scrollBorder.height(e))},beforeRender:function(){this.$el.css("display","block"),this._refreshLayout()},afterRender:function(){var t,e,i,n,a=this.dimensionModel;a.get("scrollY")&&(t=a.get("headerHeight"),e=a.get("footerHeight"),i=$("<div />").addClass(o.SCROLLBAR_HEAD),n=$("<div />").addClass(o.SCROLLBAR_BORDER),i.height(t-2),n.css("top",t+"px"),this.$el.append(i,n),a.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_RIGHT_BOTTOM)),e&&a.get("scrollY")&&this.$el.append($("<div>").addClass(o.FOOT_AREA_RIGHT).css("height",e-s)),this.$scrollBorder=n,this._resetScrollBorderHeight())}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(8),a=i(9),r=i(14),l=10,d=a.keyCode,u=a.selectionType.COLUMN,h=a.attrName.COLUMN_NAME,c=a.dimension.CELL_BORDER_WIDTH,m=a.dimension.TABLE_BORDER_WIDTH,g=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({renderModel:t.renderModel,dimensionModel:t.dimensionModel,selectionModel:t.selectionModel,focusModel:t.focusModel,columnModel:t.columnModel,dataModel:t.dataModel,viewFactory:t.viewFactory,coordRowModel:t.coordRowModel,whichSide:t.whichSide||"R"}),this.listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange).listenTo(this.dimensionModel,"columnWidthChanged",this._onColumnWidthChanged).listenTo(this.selectionModel,"change:range",this._refreshSelectedHeaders).listenTo(this.focusModel,"change:columnName",this._refreshSelectedHeaders).listenTo(this.dataModel,"sortChanged",this._updateBtnSortState),"L"===this.whichSide&&"checkbox"===this.columnModel.get("selectType")&&this.listenTo(this.dataModel,"change:_button disabledChanged extraDataChanged add remove reset",n.debounce(n.bind(this._syncCheckedState,this),l))},className:r.HEAD_AREA,events:{click:"_onClick","keydown input":"_onKeydown","mousedown th":"_onMouseDown"},template:n.template('<table class="'+r.TABLE+'"><colgroup><%=colGroup%></colgroup><tbody><%=tBody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" height="<%=height%>" <%if(colspan > 0) {%>colspan=<%=colspan%> <%}%><%if(rowspan > 0) {%>rowspan=<%=rowspan%> <%}%>><%=title%><%=btnSort%></th>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),markupBtnSort:'<a class="'+r.BTN_SORT+'"></a>',_getColGroupMarkup:function(){var t=this._getColumnData(),e=t.widthList,i=t.modelList,o=[];return n.each(e,function(t,e){o.push(this.templateCol({attrColumnName:h,columnName:i[e].columnName,width:t+c}))},this),o.join("")},_getSelectedColumnNames:function(){var t=this.selectionModel.get("range").column,e=this.columnModel.getVisibleColumnModelList(),i=e.slice(t[0],t[1]+1);return n.pluck(i,"columnName")},_getContainingMergedColumnNames:function(t){var e=this.columnModel,i=n.pluck(e.get("columnMerge"),"columnName");return n.filter(i,function(i){var o=e.getUnitColumnNamesIfMerged(i);return n.every(o,function(e){return n.contains(t,e)})})},_refreshSelectedHeaders:function(){var t,e,i=this.$el.find("th");this.selectionModel.hasSelection()?t=this._getSelectedColumnNames():this.focusModel.has(!0)&&(t=[this.focusModel.get("columnName")]),i.removeClass(r.CELL_SELECTED),t&&(e=this._getContainingMergedColumnNames(t),n.each(t.concat(e),function(t){i.filter("["+h+'="'+t+'"]').addClass(r.CELL_SELECTED)}))},_onKeydown:function(t){t.keyCode===d.TAB&&(t.preventDefault(),this.focusModel.focusClipboard())},_onMouseDown:function(t){var e,i;this.selectionModel.isEnabled()&&!$(t.target).is("a."+r.BTN_SORT)&&(e=$(t.target).closest("th").attr(h),e&&(i=this.columnModel.getUnitColumnNamesIfMerged(e),this._hasMetaColumn(i)||this._controlStartAction(i,t.pageX,t.pageY,t.shiftKey)))},_controlStartAction:function(t,e,i,o){var s=this.columnModel,a=n.map(t,function(t){return s.indexOfColumnName(t,!0)});o?this._startColumnSelectionWithShiftKey(a,e,i):this._startColumnSelectionWithoutShiftKey(a),this._attachDragEvents()},_startColumnSelectionWithShiftKey:function(t,e,i){var n=this.selectionModel,o=Math.max.apply(null,t);n.update(0,o,u),n.extendColumnSelection(t,e,i)},_startColumnSelectionWithoutShiftKey:function(t){var e=this.selectionModel,i=s.getMinMax(t),n=i.min,o=i.max;e.setMinimumColumnRange([n,o]),e.selectColumn(n),e.update(0,o)},_attachDragEvents:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(t){var e,i,o=this.columnModel,s=!0,a=$(t.target).closest("th").attr(h);a?(e=o.getUnitColumnNamesIfMerged(a),i=n.map(e,function(t){return o.indexOfColumnName(t,!0)})):$.contains(this.el,t.target)&&(s=!1),s&&this.selectionModel.extendColumnSelection(i,t.pageX,t.pageY)},_hasMetaColumn:function(t){return n.some(t,function(t){return s.isMetaColumn(t)})},_onSelectStart:function(t){return t.preventDefault(),!1},_getHeaderMainCheckbox:function(){return this.$el.find("th["+h+'="_button"] input')},_syncCheckedState:function(){var t,e,i=this.dataModel.getCheckedState();t=this._getHeaderMainCheckbox(),t.length&&(e=i.available?{checked:i.available===i.checked,disabled:!1}:{checked:!1,disabled:!0},t.prop(e))},_onColumnWidthChanged:function(){var t=this._getColumnData(),e=t.widthList,i=this.$el.find("col"),o=this.coordRowModel;n.each(e,function(t,e){i.eq(e).css("width",t+c)}),"R"===this.whichSide&&n.defer(function(){o.syncWithDom()})},_onScrollLeftChange:function(t,e){"R"===this.whichSide&&(this.el.scrollLeft=e)},_onClick:function(t){var e=$(t.target),i=e.closest("th").attr(h);"_button"===i&&e.is("input")?e.prop("checked")?this.dataModel.checkAll():this.dataModel.uncheckAll():e.is("a."+r.BTN_SORT)&&this.dataModel.sortByField(i)},_updateBtnSortState:function(t){this._$currentSortBtn&&this._$currentSortBtn.removeClass(r.BTN_SORT_DOWN+" "+r.BTN_SORT_UP),this._$currentSortBtn=this.$el.find("th["+h+'="'+t.columnName+'"] a.'+r.BTN_SORT),this._$currentSortBtn.addClass(t.isAscending?r.BTN_SORT_UP:r.BTN_SORT_DOWN)},render:function(){return this._destroyChildren(),this.$el.css({height:this.dimensionModel.get("headerHeight")-m}).html(this.template({colGroup:this._getColGroupMarkup(),tBody:this._getTableBodyMarkup()})),this._addChildren(this.viewFactory.createHeaderResizeHandler(this.whichSide)),this.$el.append(this._renderChildren()),this},_getColumnData:function(){var t=this.columnModel,e=this.dimensionModel,i=e.getColumnWidthList(this.whichSide),n=t.getVisibleColumnModelList(this.whichSide,!0);return{widthList:i,modelList:n}},_getTableBodyMarkup:function(){var t,e,i=this._getColumnHierarchyList(),o=this._getHierarchyMaxRowCount(i),a=this.dimensionModel.get("headerHeight"),l=new Array(o),d=new Array(o),u=[],c=s.getRowHeight(o,a)-1,m=1;return n.each(i,function(e,s){var g=i[s].length,f=0;n.each(e,function(e,i){var n=e.columnName,s=[r.CELL,r.CELL_HEAD];e.isRequired&&s.push(r.CELL_REQRUIRED),m=g-1===i&&o-g+1>1?o-g+1:1,t=c*m,i===g-1?t=a-f-2:f+=t+1,d[i]===n?(l[i].pop(),u[i]+=1):u[i]=1,d[i]=n,l[i]=l[i]||[],l[i].push(this.templateHeader({attrColumnName:h,columnName:n,className:s.join(" "),height:t,colspan:u[i],rowspan:m,title:e.title,btnSort:e.isSortable?this.markupBtnSort:""}))},this)},this),e=n.map(l,function(t){return"<tr>"+t.join("")+"</tr>"}),e.join("")},_getHierarchyMaxRowCount:function(t){var e=[0];return n.each(t,function(t){e.push(t.length)},this),Math.max.apply(Math,e)},_getColumnHierarchyList:function(){var t,e=this._getColumnData().modelList;return t=n.map(e,function(t){return this._getColumnHierarchy(t).reverse()},this)},_getColumnHierarchy:function(t,e){var i=this.columnModel.get("columnMerge");return e=e||[],t&&(e.push(t),i&&n.each(i,function(i){$.inArray(t.columnName,i.columnNameList)!==-1&&this._getColumnHierarchy(i,e)},this)),e}});g.DELAY_SYNC_CHECK=l,t.exports=g},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.attrName,l=s.dimension.CELL_BORDER_WIDTH,d=s.dimension.RESIZE_HANDLE_WIDTH,u=o.extend({initialize:function(t){this.setOwnProperties({dimensionModel:t.dimensionModel,columnModel:t.columnModel,whichSide:t.whichSide||"R",isResizing:!1,$target:null,differenceLeft:0,initialWidth:0,initialOffsetLeft:0,initialLeft:0}),this.listenTo(this.dimensionModel,"change:which columnWidthChanged",this._refreshHandlerPosition)},className:a.COLUMN_RESIZE_CONTAINER,events:function(){var t={};return t["mousedown ."+a.COLUMN_RESIZE_HANDLE]="_onMouseDown",t["dblclick ."+a.COLUMN_RESIZE_HANDLE]="_onDblClick",t},template:n.template("<div "+r.COLUMN_INDEX+'="<%=columnIndex%>" '+r.COLUMN_NAME+'="<%=columnName%>" class="'+a.COLUMN_RESIZE_HANDLE+' <%=lastClass%>" style="<%=height%>" title="마우스 드래그를 통해 컬럼의 넓이를 변경할 수 있고,더블클릭을 통해 넓이를 초기화할 수 있습니다."></div>'),_getColumnData:function(){var t=this.columnModel,e=this.dimensionModel,i=e.getColumnWidthList(this.whichSide),n=t.getVisibleColumnModelList(this.whichSide,!0);return{widthList:i,modelList:n}},_getResizeHandlerMarkup:function(){var t=this._getColumnData(),e=t.modelList,i=this.dimensionModel.get("headerHeight"),o=e.length,s=n.map(e,function(t,e){return this.template({lastClass:e+1===o?a.COLUMN_RESIZE_HANDLE_LAST:"",columnIndex:e,columnName:t.columnName,height:i})},this);return s.join("")},render:function(){var t=this.dimensionModel.get("headerHeight"),e=this._getResizeHandlerMarkup();return this.$el.empty().html(e).css({marginTop:-t,height:t,display:"block"}),this._refreshHandlerPosition(),this},_refreshHandlerPosition:function(){var t=this._getColumnData(),e=t.widthList,i=this.$el.find("."+a.COLUMN_RESIZE_HANDLE),n=Math.floor(d/2),o=0;tui.util.forEachArray(i,function(t,s){var a=i.eq(s);o+=e[s]+l,a.css("left",o-n)})},_isResizing:function(){return!!this.isResizing},_onMouseDown:function(t){this._startResizing($(t.target))},_onDblClick:function(t){var e=$(t.target),i=parseInt(e.attr(r.COLUMN_INDEX),10);this.dimensionModel.restoreColumnWidth(this._getHandlerColumnIndex(i)),this._refreshHandlerPosition()},_onMouseUp:function(){this._stopResizing()},_onMouseMove:function(t){var e,i;this._isResizing()&&(t.preventDefault(),e=this._calculateWidth(t.pageX),i=parseInt(this.$target.attr(r.COLUMN_INDEX),10),this.dimensionModel.setColumnWidth(this._getHandlerColumnIndex(i),e),this._refreshHandlerPosition())},_calculateWidth:function(t){var e=t-this.initialOffsetLeft-this.initialLeft;return this.initialWidth+e},_getHandlerColumnIndex:function(t){return"R"===this.whichSide?t+this.columnModel.getVisibleColumnFixCount(!0):t},_startResizing:function(t){var e=this._getColumnData(),i=e.widthList;this.isResizing=!0,this.$target=t,this.initialLeft=parseInt(t.css("left").replace("px",""),10),this.initialOffsetLeft=this.$el.offset().left,this.initialWidth=i[t.attr(r.COLUMN_INDEX)],$("body").css("cursor","col-resize"),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._onMouseUp,this)),t[0].setCapture&&t[0].setCapture()},_stopResizing:function(){this.$target&&this.$target[0].releaseCapture&&this.$target[0].releaseCapture(),this.isResizing=!1,this.$target=null,this.initialLeft=0,this.initialOffsetLeft=0,this.initialWidth=0,$("body").css("cursor","default"),$(document).unbind("mousemove",$.proxy(this._onMouseMove,this)).unbind("mouseup",$.proxy(this._onMouseUp,this))},destroy:function(){this.stopListening(),this._stopResizing(),this.remove()}});t.exports=u},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(8),a=i(9),r=i(14),l=a.attrName,d=a.selectionType,u=200,h=10,c=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:t.dimensionModel,dataModel:t.dataModel,columnModel:t.columnModel,renderModel:t.renderModel,selectionModel:t.selectionModel,focusModel:t.focusModel,viewFactory:t.viewFactory,$container:null,whichSide:t&&t.whichSide||"R"}),this.listenTo(this.dimensionModel,"change:bodyHeight",this._onBodyHeightChange).listenTo(this.dimensionModel,"change:totalRowHeight",this._resetContainerHeight).listenTo(this.dataModel,"add remove reset",this._resetContainerHeight).listenTo(this.renderModel,"change:scrollTop",this._onScrollTopChange).listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange)},className:r.BODY_AREA,events:function(){var t={};return t.scroll="_onScroll",t["mousedown ."+r.BODY_CONTAINER]="_onMouseDown",t},_onBodyHeightChange:function(t,e){this.$el.css("height",e+"px")},_resetContainerHeight:function(){this.$container.css({height:this.dimensionModel.get("totalRowHeight")})},_onScroll:function(t){var e={scrollTop:t.target.scrollTop};"R"===this.whichSide&&(e.scrollLeft=t.target.scrollLeft),this.renderModel.set(e)},_onScrollLeftChange:function(t,e){"R"===this.whichSide&&(this.el.scrollLeft=e)},_onScrollTopChange:function(t,e){this.el.scrollTop=e},_getColumnNameByVisibleIndex:function(t){var e=this.columnModel.getVisibleColumnModelList(null,!1);return e[t].columnName},_onMouseDown:function(t){var e,i=this.columnModel,o=$(t.target),s=o.closest("td"),a=o.closest("tr"),r=s.attr(l.COLUMN_NAME),d=a.attr(l.ROW_KEY),u=!0,h=n.pick(t,"pageX","pageY","shiftKey");s.length?d&&r?(e={column:i.indexOfColumnName(r,!0),row:this.dataModel.indexOfRowKey(d)},"radio"===this.columnModel.get("selectType")&&this.dataModel.check(d)):u=!1:(e=this.dimensionModel.getIndexFromMousePosition(t.pageX,t.pageY),r=this._getColumnNameByVisibleIndex(e.column)),u&&this._controlStartAction(h,e,r,o.is("input, textarea"))},_controlStartAction:function(t,e,i,n){var o=this.selectionModel,a=e.column,r=e.row,l=!0;o.isEnabled()&&(s.isMetaColumn(i)?"_number"===i?this._updateSelectionByRow(r,t.shiftKey):l=!1:(o.setType(d.CELL),t.shiftKey&&!n?o.update(r,a):(l=this._doFocusAtAndCheckDraggable(r,a),o.end())),!n&&l&&(this.dimensionModel.refreshLayout(),this._attachDragEvents(t.pageX,t.pageY)))},_updateSelectionByRow:function(t,e){e?this.selectionModel.update(t,0,d.ROW):this.selectionModel.selectRow(t)},_doFocusAtAndCheckDraggable:function(t,e){var i=(new Date).getTime(),n=this.focusModel.focusAt(t,e),o=(new Date).getTime(),s=o-i>u;return!(!n||s)},_attachDragEvents:function(t,e){this.setOwnProperties({mouseDownX:t,mouseDownY:e}),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(t){var e=this._getMouseMoveDistance(t.pageX,t.pageY)>h;(this.selectionModel.hasSelection()||e)&&this.selectionModel.updateByMousePosition(t.pageX,t.pageY)},_getMouseMoveDistance:function(t,e){var i=Math.abs(this.mouseDownX-t),n=Math.abs(this.mouseDownY-e);return Math.round(Math.sqrt(Math.pow(i,2)+Math.pow(n,2)))},_onSelectStart:function(t){return t.preventDefault(),!1},render:function(){var t=this.whichSide;return this._destroyChildren(),this.dimensionModel.get("scrollX")||this.$el.css("overflow-x","hidden"),this.dimensionModel.get("scrollY")||"R"!==t||this.$el.css("overflow-y","hidden"),this.$el.css("height",this.dimensionModel.get("bodyHeight")),this.$container=$("<div>").addClass(r.BODY_CONTAINER),this.$el.append(this.$container),this._addChildren([this.viewFactory.createBodyTable(t),this.viewFactory.createSelectionLayer(t),this.viewFactory.createFocusLayer(t)]),this.$container.append(this._renderChildren()),this._resetContainerHeight(),this}});t.exports=c},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.dimension.CELL_BORDER_WIDTH,l=s.attrName.COLUMN_NAME,d=o.extend({initialize:function(t){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:t.dimensionModel,renderModel:t.renderModel,columnModel:t.columnModel,viewFactory:t.viewFactory,painterManager:t.painterManager,whichSide:t.whichSide||"R"}),this.listenTo(this.dimensionModel,"columnWidthChanged",this._onColumnWidthChanged),this.listenTo(this.renderModel,"change:dummyRowCount",this._onChangeDummyRowCount),this.listenTo(this.dimensionModel,"change:bodyHeight",this._resetHeight),this._attachAllTableEventHandlers()},className:a.BODY_TABLE_CONTAINER,template:n.template('<table class="'+a.TABLE+'">   <colgroup><%=colGroup%></colgroup>   <tbody><%=tbody%></tbody></table>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),_onColumnWidthChanged:function(){var t=this.dimensionModel.getColumnWidthList(this.whichSide),e=this.$el.find("col");n.each(t,function(t,i){e.eq(i).css("width",t+r)},this)},_onChangeDummyRowCount:function(){this._resetOverflow(),this._resetHeight()},_resetOverflow:function(){var t="visible";this.renderModel.get("dummyRowCount")>0&&(t="hidden"),this.$el.css("overflow",t)},_resetHeight:function(){var t=this.dimensionModel;this.renderModel.get("dummyRowCount")>0?this.$el.height(t.get("bodyHeight")-t.getScrollXHeight()):this.$el.css("height","")},resetTablePosition:function(){this.$el.css("top",this.renderModel.get("top"))},render:function(){return this._destroyChildren(),this.$el.html(this.template({colGroup:this._getColGroupMarkup(),tbody:""})),this._addChildren(this.viewFactory.createRowList({bodyTableView:this,el:this.$el.find("tbody"),whichSide:this.whichSide})),this._renderChildren(),this._resetHeight(),this._resetOverflow(),this},_attachAllTableEventHandlers:function(){var t=this.painterManager.getCellPainters();n.each(t,function(t){t.attachEventHandlers(this.$el,"")},this)},redrawTable:function(t){return this.$el[0].innerHTML=this.template({colGroup:this._getColGroupMarkup(),tbody:t}),this.$el.find("tbody")},_getColGroupMarkup:function(){var t=this.whichSide,e=this.dimensionModel.getColumnWidthList(t),i=this.columnModel.getVisibleColumnModelList(t,!0),o="";return n.each(i,function(t,i){o+=this.templateCol({attrColumnName:l,columnName:t.columnName,width:e[i]+r})},this),o}});t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(14),a=i(9),r=a.attrName.COLUMN_NAME,l=o.extend({initialize:function(t){this.columnTemplateMap=t.columnTemplateMap||{},this.whichSide=t.whichSide,this.columnModel=t.columnModel,this.dimensionModel=t.dimensionModel,this.renderModel=t.renderModel,this.summaryModel=t.summaryModel,this.listenTo(this.renderModel,"change:scrollLeft",this._onChangeScrollLeft),this.listenTo(this.columnModel,"setFooterContent",this._setcolumnContent),this.summaryModel&&this.listenTo(this.summaryModel,"change",this._onChangeSummaryValue)},className:s.FOOT_AREA,events:{scroll:"_onScrollView"},template:n.template('<table class="<%=className%>" style="height:<%=height%>px"><tbody><%=tbody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" style="width:<%=width%>px"><%=value%></th>'),_onScrollView:function(t){"R"===this.whichSide&&this.renderModel.set("scrollLeft",t.target.scrollLeft)},_onChangeScrollLeft:function(t,e){"R"===this.whichSide&&(this.el.scrollLeft=e)},_setcolumnContent:function(t,e){var i=this.$el.find("th["+r+'="'+t+'"]');i.html(e)},_onChangeSummaryValue:function(t,e){var i=this._generateValueHTML(t,e);this._setcolumnContent(t,i)},_generateValueHTML:function(t,e){var i=this.columnTemplateMap[t],o="";return n.isFunction(i)&&(o=i(e)),o},_generateTbodyHTML:function(){var t=this.summaryModel,e=this.columnModel.getVisibleColumnModelList(this.whichSide,!0),i=this.dimensionModel.getColumnWidthList(this.whichSide);return n.reduce(e,function(e,n,o){var a,l=n.columnName;return t&&(a=t.getValue(n.columnName)),e+this.templateHeader({attrColumnName:r,columnName:l,className:s.CELL_HEAD+" "+s.CELL,width:i[o],value:this._generateValueHTML(l,a)})},"",this)},render:function(){var t=this.dimensionModel.get("footerHeight");return t&&this.$el.html(this.template({className:s.TABLE,height:t,tbody:this._generateTbodyHTML()})),this}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.attrName,l=s.dimension.CELL_BORDER_WIDTH,d=o.extend({initialize:function(t){var e=t.focusModel,i=t.renderModel,n=t.selectionModel,o=t.coordRowModel,s=t.whichSide||"R";this.setOwnProperties({whichSide:s,bodyTableView:t.bodyTableView,focusModel:e,renderModel:i,selectionModel:n,coordRowModel:o,dataModel:t.dataModel,columnModel:t.columnModel,collection:i.getCollection(s),painterManager:t.painterManager,sortOptions:null,renderedRowKeys:null}),this.listenTo(this.collection,"change",this._onModelChange).listenTo(this.collection,"restore",this._onModelRestore).listenTo(e,"change:rowKey",this._refreshFocusedRow).listenTo(i,"rowListChanged",this.render),"L"===this.whichSide&&this.listenTo(e,"change:rowKey",this._refreshSelectedMetaColumns).listenTo(n,"change:range",this._refreshSelectedMetaColumns).listenTo(i,"rowListChanged",this._refreshSelectedMetaColumns)},_getColumnModelList:function(){return this.columnModel.getVisibleColumnModelList(this.whichSide,!0)},_removeOldRows:function(t){var e=n.indexOf(this.renderedRowKeys,t[0]),i=n.indexOf(this.renderedRowKeys,n.last(t)),o=this.$el.children("tr");o.slice(0,e).remove(),o.slice(i+1).remove()},_appendNewRows:function(t,e){var i=this.collection.slice(0,n.indexOf(t,e[0])),o=this.collection.slice(n.indexOf(t,n.last(e))+1);this.$el.prepend(this._getRowsHtml(i)),this.$el.append(this._getRowsHtml(o))},_resetRows:function(){var t,e=this._getRowsHtml(this.collection.models);if(d.isInnerHtmlOfTbodyReadOnly)t=this.bodyTableView.redrawTable(e),this.setElement(t,!1);else try{this.$el[0].innerHTML=e}catch(i){d.isInnerHtmlOfTbodyReadOnly=!0,this._resetRows()}},_getRowsHtml:function(t){var e=this.painterManager.getRowPainter(),i=n.pluck(this._getColumnModelList(),"columnName");return n.map(t,function(t){return e.generateHtml(t,i)}).join("")},_getRowElement:function(t){return this.$el.find("tr["+r.ROW_KEY+"="+t+"]")},_refreshSelectedMetaColumns:function(){var t,e=this.$el.find("tr"),i="."+a.CELL_HEAD;t=this.selectionModel.hasSelection()?this._filterRowsByIndexRange(e,this.selectionModel.get("range").row):this._filterRowByKey(e,this.focusModel.get("rowKey")),e.find(i).removeClass(a.CELL_SELECTED),t.find(i).addClass(a.CELL_SELECTED)},_filterRowsByIndexRange:function(t,e){var i,n,o=this.renderModel,s=o.get("startIndex");return i=Math.max(e[0]-s,0),n=Math.max(e[1]-s+1,0),i||n?t.slice(i,n):$()},_filterRowByKey:function(t,e){var i=this.dataModel.indexOfRowKey(e),n=this.renderModel.get("startIndex");return n>i?$():t.eq(i-n)},_refreshFocusedRow:function(){var t=this.focusModel.get("rowKey"),e=this.focusModel.get("prevRowKey");this._setFocusedRowClass(e,!1),this._setFocusedRowClass(t,!0)},_setFocusedRowClass:function(t,e){var i=n.pluck(this._getColumnModelList(),"columnName"),o={};n.each(i,function(i){var n,s=this.dataModel.getMainRowKey(t,i);o[s]||(o[s]=this._getRowElement(s)),n=o[s].find("td["+r.COLUMN_NAME+'="'+i+'"]'),n.toggleClass(a.CELL_CURRENT_ROW,e)},this)},render:function(t){var e,i=this.collection.pluck("rowKey");return this.bodyTableView.resetTablePosition(),t?this._resetRows():(e=n.intersection(i,this.renderedRowKeys),n.isEmpty(i)||n.isEmpty(e)||e.length/i.length<.7?this._resetRows():(this._removeOldRows(e),this._appendNewRows(i,e))),this.renderedRowKeys=i,this},_onModelChange:function(t){var e=t.get("rowKey"),i=this._getRowElement(e);"height"in t.changed?i.css("height",t.get("height")+l):(this.painterManager.getRowPainter().refresh(t.changed,i),this.coordRowModel.syncWithDom())},_onModelRestore:function(t){var e=this.dataModel.getElement(t.rowKey,t.columnName),i=this.columnModel.getEditType(t.columnName);this.painterManager.getCellPainter(i).refresh(t,e),this.coordRowModel.syncWithDom()}},{isInnerHtmlOfTbodyReadOnly:tui.util.browser.msie&&tui.util.browser.version<=9});t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(14),a=i(9).dimension.CELL_BORDER_WIDTH,r=o.extend({initialize:function(t){this.setOwnProperties({whichSide:t.whichSide||"R",dimensionModel:t.dimensionModel,coordRowModel:t.coordRowModel,columnModel:t.columnModel,selectionModel:t.selectionModel}),this._updateColumnWidthList(),this.listenTo(this.dimensionModel,"columnWidthChanged",this._onChangeColumnWidth),this.listenTo(this.selectionModel,"change:range",this.render)},className:s.LAYER_SELECTION,_updateColumnWidthList:function(){this.columnWidthList=this.dimensionModel.getColumnWidthList(this.whichSide)},_onChangeColumnWidth:function(){this._updateColumnWidthList(),this.render()},_getOwnSideColumnRange:function(t){var e=this.columnModel.getVisibleColumnFixCount(),i=null;return"L"===this.whichSide?t[0]<e&&(i=[t[0],Math.min(t[1],e-1)]):t[1]>=e&&(i=[Math.max(t[0],e)-e,t[1]-e]),i},_getVerticalStyles:function(t){var e=this.coordRowModel,i=e.getOffsetAt(t[0]),n=e.getOffsetAt(t[1])+e.getHeightAt(t[1]);return{top:i+"px",height:n-i+"px"}},_getHorizontalStyles:function(t){var e=this.columnWidthList,i=this.columnModel.getVisibleMetaColumnCount(),n=t[0],o=t[1],s=0,r=0,l=0;for("L"===this.whichSide&&(n+=i,o+=i),o=Math.min(o,e.length-1);l<=o;l+=1)l<n?s+=e[l]+a:r+=e[l]+a;return r-=a,{left:s+"px",width:r+"px"}},render:function(){var t,e,i=this.selectionModel.get("range");return i&&(e=this._getOwnSideColumnRange(i.column)),e?(t=n.assign({},this._getVerticalStyles(i.row),this._getHorizontalStyles(e)),this.$el.show().css(t)):this.$el.hide(),this}});t.exports=r},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9).dimension.CELL_BORDER_WIDTH,a=i(9).attrName,r=i(14),l=o.extend({initialize:function(t){this.renderModel=t.renderModel,this.domState=t.domState,this.inputPainters=t.inputPainters,this.listenTo(this.renderModel,"editingStateChanged",this._onEditingStateChanged)},className:r.LAYER_EDITING+" "+r.CELL_CONTENT,_startEditing:function(t){var e=t.rowKey,i=t.columnName,n=tui.util.pick(t,"columnModel","editOption","type"),o=this._calculateLayoutStyle(e,i,this._isWidthExpandable(n)),s=this.inputPainters[n];this.$el.html(s.generateHtml(t)).attr(a.ROW_KEY,e).attr(a.COLUMN_NAME,i).css(o).show(),this._adjustLeftPosition(),s.focus(this.$el)},_isWidthExpandable:function(t){return n.contains(["checkbox","radio"],t)},_finishEditing:function(){this.$el.removeAttr(a.ROW_KEY),this.$el.removeAttr(a.COLUMN_NAME),this.$el.empty().hide()},_adjustLeftPosition:function(){var t=this.domState.getWidth(),e=this.$el.outerWidth(),i=this.$el.position().left;i+e>t&&this.$el.css("left",t-e)},_adjustCellOffsetValue:function(t){var e=tui.util.browser,i=t;return e.msie&&(9===e.version?i=t-1:e.version>9&&(i=Math.floor(t))),i},_calculateLayoutStyle:function(t,e,i){var n=this.domState.getOffset(),o=this.domState.getElement(t,e),a=o.offset(),r=o.outerHeight()+s,l=o.outerWidth()+s;return{top:this._adjustCellOffsetValue(a.top)-n.top,left:this._adjustCellOffsetValue(a.left)-n.left,height:r,minWidth:i?l:"",width:i?"":l,lineHeight:r+"px"}},_onEditingStateChanged:function(t){t.isEditing?this._startEditing(t):this._finishEditing()},render:function(){return n.each(this.inputPainters,function(t){t.attachEventHandlers(this.$el,"")},this),this}});t.exports=l},function(t,e,i){"use strict";function n(t){var e=a.ICO_ARROW+" "+t;return'<span class="'+e+'"></span>'}var o,s=i(2),a=i(14),r="yyyy-mm-dd";o=s.extend({initialize:function(t){this.textPainter=t.textPainter,this.columnModel=t.columnModel,this.domState=t.domState,this.calendar=this._createCalendar(),this.datePicker=this._createDatePicker(),this._customizeCalendarBtns(),this.listenTo(this.textPainter,"focusIn",this._onFocusInTextInput),this.listenTo(this.textPainter,"focusOut",this._onFocusOutTextInput)},className:a.LAYER_DATE_PICKER,_createCalendar:function(){var t=$("<div>").addClass(a.CALENDAR);return t.mousedown(function(t){return t.preventDefault(),t.target.unselectable=!0,!1}),new tui.component.Calendar({element:t,classPrefix:a.CALENDAR+"-"})},_customizeCalendarBtns:function(){var t=this.calendar.$header,e=n(a.ICO_ARROW_LEFT),i=n(a.ICO_ARROW_RIGHT);t.find("."+a.CALENDAR_BTN_PREV_YEAR).html(e+e),t.find("."+a.CALENDAR_BTN_NEXT_YEAR).html(i+i),t.find("."+a.CALENDAR_BTN_PREV_MONTH).html(e),t.find("."+a.CALENDAR_BTN_NEXT_MONTH).html(i)},_createDatePicker:function(){var t=new tui.component.DatePicker({parentElement:this.$el,enableSetDateByEnterKey:!1,selectableClassName:a.CALENDAR_SELECTABLE,selectedClassName:a.CALENDAR_SELECTED,pos:{top:0,left:0}},this.calendar);return t.on("update",function(){t.close()}),t},_createDateForNow:function(){var t=new Date;return{year:t.getFullYear(),month:t.getMonth()+1,date:t.getDate()}},_resetDatePicker:function(t,e){var i=this.datePicker,n=t.date||this._createDateForNow();
-i.setDateForm(t.dateForm||r),i.setRanges(t.selectableRanges||[]),i.setDate(n.year,n.month,n.date),i.setElement(e)},_calculatePosition:function(t){var e=t.offset(),i=t.outerHeight(),n=this.domState.getOffset();return{top:e.top-n.top+i,left:e.left-n.left}},_onFocusInTextInput:function(t,e){var i=e.columnName,n=this.columnModel.getColumnModel(i).component,o=this.columnModel.getEditType(i);"text"===o&&n&&"datePicker"===n.name&&(this.$el.css(this._calculatePosition(t)).show(),this._resetDatePicker(n.option||{},t),this.datePicker.open())},_onFocusOutTextInput:function(){this.datePicker.close(),this.$el.hide()},render:function(){return this.$el.hide(),this}}),t.exports=o},function(t,e,i){"use strict";var n=i(1),o=i(2),s=i(9).dimension.CELL_BORDER_WIDTH,a=i(14),r='<div class="'+a.LAYER_FOCUS_BORDER+'"></div>',l=o.extend({initialize:function(t){this.focusModel=t.focusModel,this.columnModel=t.columnModel,this.dimensionModel=t.dimensionModel,this.coordRowModel=t.coordRowModel,this.whichSide=t.whichSide,this.borderEl={$top:$(r),$left:$(r),$right:$(r),$bottom:$(r)},this.listenTo(this.dimensionModel,"columnWidthChanged",this._refreshCurrentLayout),this.listenTo(this.coordRowModel,"reset",this._refreshCurrentLayout),this.listenTo(this.focusModel,"blur",this._onBlur),this.listenTo(this.focusModel,"focus",this._onFocus)},className:a.LAYER_FOCUS,_refreshCurrentLayout:function(){var t=this.focusModel;"none"!==this.$el.css("display")&&this._refreshBorderLayout(t.get("rowKey"),t.get("columnName"))},_onBlur:function(){this.$el.hide()},_onFocus:function(t,e){var i=this.columnModel.isLside(e)?"L":"R";i===this.whichSide&&(this._refreshBorderLayout(t,e),this.$el.show())},_refreshBorderLayout:function(t,e){var i=this.dimensionModel.getCellPosition(t,e),n=i.right-i.left,o=i.bottom-i.top;this.borderEl.$left.css({top:i.top,left:i.left,width:s,height:o+s}),this.borderEl.$top.css({top:0===i.top?s:i.top,left:i.left,width:n+s,height:s}),this.borderEl.$right.css({top:i.top,left:i.left+n,width:s,height:o+s}),this.borderEl.$bottom.css({top:i.top+o,left:i.left,width:n+s,height:s})},render:function(){var t=this.$el;return n.each(this.borderEl,function(e){t.append(e)}),t.hide(),this}});t.exports=l},function(t,e,i){"use strict";var n=i(9).attrName,o=i(14),s=tui.util.defineClass({init:function(t){this.$el=t},_getBodyTableRows:function(t){return this.$el.find("."+t).find("."+o.BODY_TABLE_CONTAINER).find("tr["+n.ROW_KEY+"]")},_getMaxCellHeight:function(t){var e=t.find("."+o.CELL_CONTENT).map(function(){return this.scrollHeight}).get();return _.max(e)},getElement:function(t,e){return this.$el.find("tr["+n.ROW_KEY+"="+t+"]").find("td["+n.COLUMN_NAME+'="'+e+'"]')},getRowHeights:function(){var t,e,i,n,s=this._getBodyTableRows(o.LSIDE_AREA),a=this._getBodyTableRows(o.RSIDE_AREA),r=[];for(i=0,n=s.length;i<n;i+=1)t=this._getMaxCellHeight(s.eq(i)),e=this._getMaxCellHeight(a.eq(i)),r[i]=Math.max(t,e)+1;return r},getOffset:function(){return this.$el.offset()},getWidth:function(){return this.$el.width()},getParentHeight:function(){return this.$el.parent().height()},hasFocusedElement:function(){return!!this.$el.find(":focus").length}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(3),s=tui.util.defineClass({init:function(t){this.publicObject=t},_listenForThrough:function(t,e){n.each(e,function(e){this.listenTo(t,e,n.bind(this._triggerOnPublic,this,e))},this)},_listenForRename:function(t,e,i){this.listenTo(t,e,n.bind(this._triggerOnPublic,this,i))},_triggerOnPublic:function(t,e){this.publicObject.trigger(t,e)},listenToNetAddon:function(t){this._listenForThrough(t,["beforeRequest","response","successResponse","failResponse","errorResponse"])},listenToContainerView:function(t){this._listenForThrough(t,["click","dblclick","mousedown","clickCell","dblclickCell","mouseoverCell","mouseoutCell","rendered"])},listenToFocusModel:function(t){this._listenForRename(t,"select","selectRow")}});n.extend(s.prototype,o.Events),t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(50),s=i(52),a=i(53),r=i(54),l=i(56),d=i(57),u=i(58),h=tui.util.defineClass({init:function(t){this.gridId=t.gridId,this.selectType=t.selectType,this.isFixedRowHeight=t.isFixedRowHeight,this.inputPainters=this._createInputPainters(t.controller),this.cellPainters=this._createCellPainters(t.controller),this.rowPainter=this._createRowPainter()},_createInputPainters:function(t){return{text:new r({controller:t,inputType:"text"}),password:new r({controller:t,inputType:"password"}),checkbox:new d({controller:t,inputType:"checkbox"}),radio:new d({controller:t,inputType:"radio"}),select:new l({controller:t}),mainButton:new u({controller:t,inputType:this.selectType,gridId:this.gridId})}},_createCellPainters:function(t){var e={dummy:new a({controller:t}),normal:new s({controller:t,isFixedRowHeight:this.isFixedRowHeight,editType:"normal"})};return n.each(this.inputPainters,function(i,n){e[n]=new s({editType:n,controller:t,isFixedRowHeight:this.isFixedRowHeight,inputPainter:i})},this),e},_createRowPainter:function(){return new o({painterManager:this})},getCellPainter:function(t){return this.cellPainters[t]},getCellPainters:function(){return this.cellPainters},getInputPainters:function(t){var e=this.inputPainters;return t&&(e=n.omit(e,"mainButton")),e},getRowPainter:function(){return this.rowPainter}});t.exports=h},function(t,e,i){"use strict";var n=i(1),o=i(51),s=i(9),a=s.attrName,r=s.dimension.CELL_BORDER_WIDTH,l=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.painterManager=t.painterManager},selector:"tr",template:n.template('<tr <%=rowKeyAttr%>" class="<%=className%>" style="height: <%=height%>px;"><%=contents%></tr>'),_getEditType:function(t,e){var i=tui.util.pick(e.columnModel,"editOption","type");return i||"normal"},_generateHtmlForDummyRow:function(t,e){var i=this.painterManager.getCellPainter("dummy"),o="";return n.each(e,function(e){o+=i.generateHtml(t,e)}),o},_generateHtmlForActualRow:function(t,e){var i="";return n.each(e,function(e){var n,o,s=t.get(e);s&&s.isMainRow&&(n=this._getEditType(e,s),o=this.painterManager.getCellPainter(n),i+=o.generateHtml(s))},this),i},generateHtml:function(t,e){var i,o=t.get("rowKey"),s=t.get("rowNum"),l="",d="";return n.isUndefined(o)?i=this._generateHtmlForDummyRow(s,e):(d=a.ROW_KEY+'="'+o+'"',i=this._generateHtmlForActualRow(t,e)),this.template({rowKeyAttr:d,height:t.get("height")+r,contents:i,className:l})},refresh:function(t,e){n.each(t,function(t,i){var n,o,s;"_extraData"!==i&&(s=e.find("td["+a.COLUMN_NAME+'="'+i+'"]'),n=this._getEditType(i,t),o=this.painterManager.getCellPainter(n),o.refresh(t,s))},this)}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(9).attrName,s=tui.util.defineClass({init:function(t){this.controller=t.controller},events:{},selector:"",_getCellAddress:function(t){var e=t.closest("["+o.ROW_KEY+"]");return{rowKey:e.attr(o.ROW_KEY),columnName:e.attr(o.COLUMN_NAME)}},attachEventHandlers:function(t,e){n.each(this.events,function(i,o){var s=n.bind(this[i],this),a=e+" "+this.selector;t.on(o,a,s)},this)},generateHtml:function(){throw new Error("implement generateHtml() method")}});t.exports=s},function(t,e,i){"use strict";var n=i(1),o=i(51),s=i(8),a=i(9).attrName,r=i(14),l=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.editType=t.editType,this.isFixedRowHeight=t.isFixedRowHeight,this.inputPainter=t.inputPainter,this.selector="td["+a.EDIT_TYPE+'="'+this.editType+'"]'},events:{dblclick:"_onDblClick"},template:n.template('<td <%=attributeString%> style="<%=style%>"><%=contentHtml%></td>'),contentTemplate:n.template('<div class="<%=className%>" style="<%=style%>"><%=content%></div>'),_onDblClick:function(t){var e;this._isEditableType()&&(e=this._getCellAddress($(t.target)),this.controller.startEditing(e,!0))},_isEditableType:function(){return!n.contains(["normal","mainButton"],this.editType)},_getContentStyle:function(t){var e=t.columnModel.whiteSpace||"nowrap",i=[];return e&&i.push("white-space:"+e),this.isFixedRowHeight&&i.push("max-height:"+t.height+"px"),i.join(";")},_getContentHtml:function(t){var e,i=t.formattedValue,n=t.beforeContent,o=t.afterContent;return this.inputPainter&&(i=this.inputPainter.generateHtml(t),this._shouldContentBeWrapped()&&!this._isUsingViewMode(t)&&(n=this._getSpanWrapContent(n,r.CELL_CONTENT_BEFORE),o=this._getSpanWrapContent(o,r.CELL_CONTENT_AFTER),i=this._getSpanWrapContent(i,r.CELL_CONTENT_INPUT),e=n+o+i)),e||(e=n+i+o),this.contentTemplate({content:e,className:r.CELL_CONTENT,style:this._getContentStyle(t)})},_isUsingViewMode:function(t){return tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1},_shouldContentBeWrapped:function(){return n.contains(["text","password","select"],this.editType)},_getSpanWrapContent:function(t,e){return tui.util.isFalsy(t)&&(t=""),'<span class="'+e+'">'+t+"</span>"},_getAttributes:function(t){var e=[t.className,r.CELL,t.rowNum%2?r.CELL_ROW_ODD:r.CELL_ROW_EVEN],i={align:t.columnModel.align||"left"};return i["class"]=e.join(" "),i[a.EDIT_TYPE]=this.editType,i[a.ROW_KEY]=t.rowKey,i[a.COLUMN_NAME]=t.columnName,t.rowSpan&&(i.rowspan=t.rowSpan),i},attachEventHandlers:function(t,e){o.prototype.attachEventHandlers.call(this,t,e),this.inputPainter&&this.inputPainter.attachEventHandlers(t,e+" "+this.selector)},generateHtml:function(t){var e=s.getAttributesString(this._getAttributes(t)),i=this._getContentHtml(t),n=t.columnModel.valign,o=[];return n&&o.push("vertical-align:"+n),this.template({attributeString:e,style:o.join(";"),contentHtml:i})},refresh:function(t,e){var i=["value","isEditing","isDisabled","optionList"],o=n.contains(t.changed,"isEditing")&&t.isEditing,s=n.intersection(i,t.changed).length>0,a=this._getAttributes(t);e.attr(a),o&&!this._isUsingViewMode(t)?this.inputPainter.focus(e):s&&(e.html(this._getContentHtml(t)),e.scrollLeft(0))}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(51),s=i(8),a=i(9).attrName,r=i(14),l=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},selector:"td["+a.EDIT_TYPE+'="dummy"]',template:n.template("<td "+a.COLUMN_NAME+'="<%=columnName%>" '+a.EDIT_TYPE+'="dummy" class="<%=className%>"></td>'),generateHtml:function(t,e){var i=[r.CELL,r.CELL_DUMMY,t%2?r.CELL_ROW_ODD:r.CELL_ROW_EVEN];return s.isMetaColumn(e)&&i.push(r.CELL_HEAD),this.template({columnName:e,className:i.join(" ")})}});t.exports=l},function(t,e,i){"use strict";var n=i(1),o=i(55),s=i(8),a=i(14),r="."+a.CELL_CONTENT_TEXT,l="input[type=password]",d=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.inputType=t.inputType,this.selector="text"===t.inputType?r:l,this._extendEvents({selectstart:"_onSelectStart"})},templateInput:n.template('<input class="<%=className%>" type="<%=type%>" value="<%=value%>" name="<%=name%>" align="center" maxLength="<%=maxLength%>" <%=disabled%>/>'),templateTextArea:n.template('<textarea class="<%=className%>" name="<%=name%>" maxLength="<%=maxLength%>" <%=disabled%>><%=value%></textarea>'),_onSelectStart:function(t){t.stopPropagation()},_convertStringToAsterisks:function(t){return Array(t.length+1).join("*")},_getDisplayValue:function(t){var e=t.formattedValue;return"password"===this.inputType&&(e=this._convertStringToAsterisks(t.value)),e},_generateInputHtml:function(t){var e=tui.util.pick(t,"columnModel","editOption","maxLength"),i={type:this.inputType,className:a.CELL_CONTENT_TEXT,value:t.value,name:s.getUniqueKey(),disabled:t.isDisabled?"disabled":"",maxLength:e};return"normal"===t.whiteSpace?this.templateTextArea(i):this.templateInput(i)},focus:function(t){var e=t.find(this.selector);1!==e.length||e.is(":focus")||e.select()}});t.exports=d},function(t,e,i){"use strict";var n=i(1),o=i(51),s=i(9).keyName,a=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},events:{keydown:"_onKeyDown",focusin:"_onFocusIn",focusout:"_onFocusOut"},keyDownActions:{ESC:function(t){this.controller.finishEditing(t.address,!0)},ENTER:function(t){this.controller.finishEditing(t.address,!0,t.value)},TAB:function(t){this.controller.finishEditing(t.address,!0,t.value),this.controller.focusInToNextCell(t.shiftKey)}},_extendKeydownActions:function(t){this.keyDownActions=n.assign({},this.keyDownActions,t)},_extendEvents:function(t){this.events=n.assign({},this.events,t)},_executeCustomEventHandler:function(t){var e=$(t.target),i=this._getCellAddress(e);this.controller.executeCustomInputEventHandler(t,i)},_onFocusIn:function(t){var e=$(t.target),i=this._getCellAddress(e),o=this;n.defer(function(){o._executeCustomEventHandler(t),o.trigger("focusIn",e,i),o.controller.startEditing(i)})},_onFocusOut:function(t){var e=$(t.target),i=this._getCellAddress(e);this._executeCustomEventHandler(t),this.trigger("focusOut",e,i),this.controller.finishEditing(i,!1,e.val())},_onKeyDown:function(t){var e=t.keyCode||t.which,i=s[e],n=this.keyDownActions[i],o=$(t.target),a={$target:o,address:this._getCellAddress(o),shiftKey:t.shiftKey,value:o.val()};this._executeCustomEventHandler(t),n&&(n.call(this,a),t.preventDefault())},_getDisplayValue:function(){throw new Error("implement _getDisplayValue() method")},_generateInputHtml:function(){throw new Error("implement _generateInputHtml() method")},_isUsingViewMode:function(t){return tui.util.pick(t,"columnModel","editOption","useViewMode")!==!1},generateHtml:function(t){var e;return e=n.isNull(t.convertedHTML)?!this._isUsingViewMode(t)||t.isEditing?this._generateInputHtml(t):this._getDisplayValue(t):t.convertedHTML},focus:function(t){var e=t.find(this.selector);e.is(":focus")||e.eq(0).focus()}});n.assign(a.prototype,Backbone.Events),t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(55),s=i(8),a=tui.util.defineClass(o,{init:function(){o.apply(this,arguments),this.selector="select"},template:n.template('<select name="<%=name%>" <%=disabled%>><%=options%></select>'),optionTemplate:n.template('<option value="<%=value%>" <%=selected%>><%=text%></option>'),_getDisplayValue:function(t){var e=n.find(t.optionList,function(e){return String(e.value)===String(t.value)});return e?e.text:""},_generateInputHtml:function(t){var e=n.reduce(t.optionList,function(e,i){return e+this.optionTemplate({value:i.value,text:i.text,selected:String(t.value)===String(i.value)?"selected":""})},"",this);return this.template({name:s.getUniqueKey(),disabled:t.isDisabled?"disabled":"",options:e})}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(55),s=i(8),a=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.inputType=t.inputType,this.selector="fieldset[data-type="+this.inputType+"]",this._extendEvents({mousedown:"_onMouseDown"}),this._extendKeydownActions({TAB:function(t){var e;this._focusNextInput(t.$target,t.shiftKey)||(e=this._getCheckedValueString(t.$target),this.controller.finishEditing(t.address,!0,e),this.controller.focusInToNextCell(t.shiftKey))},ENTER:function(t){var e=this._getCheckedValueString(t.$target);this.controller.finishEditing(t.address,!0,e)},LEFT_ARROW:function(t){this._focusNextInput(t.$target,!0)},RIGHT_ARROW:function(t){this._focusNextInput(t.$target)},UP_ARROW:function(){},DOWN_ARROW:function(){}})},template:n.template('<fieldset data-type="<%=type%>"><%=content%></fieldset>'),inputTemplate:n.template('<input type="<%=type%>" data-value-type="<%=valueType%>" name="<%=name%>" id="<%=id%>" value="<%=value%>" <%=checked%> <%=disabled%> />'),labelTemplate:n.template('<label for="<%=id%>"><%=labelText%></label>'),_onFocusOut:function(t){var e=$(t.target),i=this;n.defer(function(){var t,n;e.siblings("input:focus").length||(t=i._getCellAddress(e),n=i._getCheckedValueString(e),i.controller.finishEditing(t,!1,n))})},_onMouseDown:function(t){var e=$(t.target),i=e.closest("fieldset").find("input:focus").length>0;!e.is("input")&&i&&(t.stopPropagation(),t.preventDefault())},_focusNextInput:function(t,e){var i=e?"prevAll":"nextAll",n=t[i]("input");return!!n.length&&(n.first().focus(),!0)},_getCheckedValueString:function(t){var e,i=t.parent().find("input:checked"),n=[];return i.each(function(){var t=$(this),e=t.attr("data-value-type"),i=s.convertValueType(t.val(),e);n.push(i)}),e=1===n.length?n[0]:n.join(",")},_getCheckedValueSet:function(t){var e={};return n.each(String(t).split(","),function(t){e[t]=!0}),e},_getDisplayValue:function(t){var e=this._getCheckedValueSet(t.value),i=[];return n.each(t.optionList,function(t){e[t.value]&&i.push(t.text)}),i.join(",")},_generateInputHtml:function(t){var e=this._getCheckedValueSet(t.value),i=s.getUniqueKey(),o="";return n.each(t.optionList,function(n){var s=i+"_"+n.value;o+=this.inputTemplate({type:this.inputType,id:s,name:i,value:n.value,valueType:typeof n.value,checked:e[n.value]?"checked":"",disabled:t.isDisabled?"disabled":""}),n.text&&(o+=this.labelTemplate({id:s,labelText:n.text}))},this),this.template({type:this.inputType,content:o})},focus:function(t){var e=t.find("input");e.is(":focus")||e.eq(0).focus()}});t.exports=a},function(t,e,i){"use strict";var n=i(1),o=i(51),s=i(14),a=i(9).keyCode,r=tui.util.defineClass(o,{init:function(t){o.apply(this,arguments),this.selector="input."+s.CELL_MAIN_BUTTON,this.inputType=t.inputType,this.gridId=t.gridId},events:{change:"_onChange",keydown:"_onKeydown"},template:n.template('<input class="'+s.CELL_MAIN_BUTTON+'" type="<%=type%>" name="<%=name%>" <%=checked%> <%=disabled%> />'),_onChange:function(t){var e=$(t.target),i=this._getCellAddress(e);this.controller.setValue(i,e.is(":checked"))},_onKeydown:function(t){var e;t.keyCode===a.TAB&&(t.preventDefault(),e=this._getCellAddress($(t.target)),this.controller.focusInToRow(e.rowKey))},generateHtml:function(t){return this.template({type:this.inputType,name:this.gridId,checked:t.value?"checked":"",disabled:t.isDisabled?"disabled":""})}});t.exports=r},function(t,e,i){"use strict";function n(t){return o.isString(t)&&(t=t.replace(/,/g,"")),o.isNumber(t)||isNaN(t)||s.isBlank(t)?t:Number(t)}var o=i(1),s=i(8),a=tui.util.defineClass({init:function(t){this.focusModel=t.focusModel,this.dataModel=t.dataModel,this.columnModel=t.columnModel,this.selectionModel=t.selectionModel},startEditing:function(t,e){var i;return e&&this.focusModel.finishEditing(),i=this.focusModel.startEditing(t.rowKey,t.columnName),i&&this.selectionModel.end(),i},_checkMaxLength:function(t,e){var i=this.columnModel.getColumnModel(t),n=tui.util.pick(i,"editOption","maxLength");return n>0&&e.length>n?e.substring(0,n):e},finishEditing:function(t,e,i){var n,a,r=this.focusModel;return!!r.isEditingCell(t.rowKey,t.columnName)&&(this.selectionModel.enable(),o.isUndefined(i)||(n=this.dataModel.get(t.rowKey),a=n.get(t.columnName),s.isBlank(i)&&s.isBlank(a)||this.setValue(t,this._checkMaxLength(t.columnName,i))),r.finishEditing(),e?r.focusClipboard():o.defer(function(){r.refreshState()}),!0)},focusInToNextCell:function(t){var e=this.focusModel,i=t?e.prevAddress():e.nextAddress();e.focusIn(i.rowKey,i.columnName,!0)},focusInToRow:function(t){var e=this.focusModel;e.focusIn(t,e.firstColumnName(),!0)},executeCustomInputEventHandler:function(t,e){var i,n=this.columnModel.getColumnModel(e.columnName),s=t.type;"focusin"===s?s="focus":"focusout"===s&&(s="blur"),i=tui.util.pick(n,"editOption","inputEvents",s),o.isFunction(i)&&i.call(t.target,t,e)},setValue:function(t,e){var i=this.columnModel.getColumnModel(t.columnName);o.isString(e)&&(e=$.trim(e)),"number"===i.dataType&&(e=n(e)),this.dataModel.setValue(t.rowKey,t.columnName,e)}});t.exports=a},function(t,e,i){"use strict";var n=i(3),o=i(1),s=i(2),a=i(61),r=i(8),l=i(62),d=i(19),u=i(9).renderState,h=200,c=s.extend({initialize:function(t){var e;e={initialRequest:!0,api:{readData:"",createData:"",updateData:"",deleteData:"",modifyData:"",downloadExcel:"",downloadExcelAll:""},perPage:500,enableAjaxHistory:!0},t=$.extend(!0,e,t),this.setOwnProperties({dataModel:t.dataModel,toolbarModel:t.toolbarModel,renderModel:t.renderModel,router:null,pagination:t.pagination,api:t.api,enableAjaxHistory:t.enableAjaxHistory,perPage:t.perPage,curPage:1,timeoutIdForDelay:null,requestedFormData:null,isLocked:!1,lastRequestedReadData:null}),this._initializeDataModelNetwork(),this._initializeRouter(),this._initializePagination(),this._showToolbarExcelBtns(),this.listenTo(this.dataModel,"sortChanged",this._onSortChanged,this),t.initialRequest&&(this.lastRequestedReadData||this._readDataAt(1,!1))},tagName:"form",events:{submit:"_onSubmit"},_initializePagination:function(){var t=this.pagination;t&&(t.setOption("itemPerPage",this.perPage),t.setOption("itemCount",1),t.on("beforeMove",$.proxy(this._onPageBeforeMove,this)))},_onRouterRead:function(t){var e=r.toQueryObject(t);this._requestReadData(e)},_initializeDataModelNetwork:function(){this.dataModel.url=this.api.readData,this.dataModel.sync=$.proxy(this._sync,this)},_initializeRouter:function(){this.enableAjaxHistory&&(this.router=new a({net:this}),this.listenTo(this.router,"route:read",this._onRouterRead),n.History.started||n.history.start())},_showToolbarExcelBtns:function(){var t=this.toolbarModel,e=this.api;t&&(e.downloadExcel&&t.set("isExcelButtonVisible",!0),e.downloadExcelAll&&t.set("isExcelAllButtonVisible",!0))},_onPageBeforeMove:function(t){var e=t.page;this.curPage!==e&&this._readDataAt(e,!0)},_onSubmit:function(t){t.preventDefault(),this._readDataAt(1,!1)},_setFormData:function(t){var e=o.clone(t);o.each(this.lastRequestedReadData,function(t,i){(o.isUndefined(e[i])||o.isNull(e[i]))&&t&&(e[i]="")}),l.setFormData(this.$el,e)},_sync:function(t,e,i){var s;"read"===t?(i=i||{},s=$.extend({},i),i.url||(s.url=o.result(e,"url")),this._ajax(s)):n.sync(n,t,e,i)},_lock:function(){var t=this.renderModel;this.timeoutIdForDelay=setTimeout(function(){t.set("state",u.LOADING)},h),this.isLocked=!0},_unlock:function(){null!==this.timeoutIdForDelay&&(clearTimeout(this.timeoutIdForDelay),this.timeoutIdForDelay=null),this.isLocked=!1},_getFormData:function(){return l.getFormData(this.$el)},_onReadSuccess:function(t,e){var i,n,o=this.pagination;t.setOriginalRowList(),o&&e.pagination&&(i=e.pagination.page,n=e.pagination.totalCount,o.setOption("itemPerPage",this.perPage),o.setOption("itemCount",n||1),o.movePageTo(i),this.curPage=i)},_onReadError:function(t,e,i){},reloadData:function(){this._requestReadData(this.lastRequestedReadData)},readData:function(t,e,i){i?(e||(e={}),e.perPage=this.perPage,this._changeSortOptions(e,this.dataModel.sortOptions)):e=o.assign({},this.lastRequestedReadData,e),e.page=t,this._requestReadData(e)},_requestReadData:function(t){var e=1;this._setFormData(t),this.isLocked||(this.renderModel.initializeVariables(),this._lock(),this.requestedFormData=o.clone(t),this.curPage=t.page||this.curPage,e=(this.curPage-1)*this.perPage+1,this.renderModel.set({startNumber:e}),this.lastRequestedReadData=o.clone(t),this.dataModel.fetch({requestType:"readData",data:t,type:"POST",success:$.proxy(this._onReadSuccess,this),error:$.proxy(this._onReadError,this),reset:!0}),this.dataModel.setSortOptionValues(t.sortColumn,t.sortAscending)),this.router&&this.router.navigate("read/"+r.toQueryString(t),{trigger:!1})},_onSortChanged:function(t){t.isRequireFetch&&this._readDataAt(1,!0,t)},_changeSortOptions:function(t,e){e&&("rowKey"===e.columnName?(delete t.sortColumn,delete t.sortAscending):(t.sortColumn=e.columnName,t.sortAscending=e.isAscending))},_readDataAt:function(t,e,i){var n;e=!!o.isUndefined(e)||e,n=e?this.requestedFormData:this._getFormData(),n.page=t,n.perPage=this.perPage,this._changeSortOptions(n,i),this._requestReadData(n)},request:function(t,e){var i={url:this.api[t],type:null,hasDataParam:!0,isOnlyChecked:!0,isOnlyModified:!0,isSkipConfirm:!1},n=$.extend(i,e),o=this._getRequestParam(t,n);o&&this._ajax(o)},download:function(t){var e,i="download"+r.toUpperCaseFirstLetter(t),n=this.requestedFormData,s=this.api[i];"excel"===t?(n.page=this.curPage,n.perPage=this.perPage):n=o.omit(n,"page","perPage"),e=$.param(n),window.location=s+"?"+e},setPerPage:function(t){this.perPage=t,this._readDataAt(1)},_getDataParam:function(t,e){var i,n=this.dataModel,s={createData:["createList"],updateData:["updateList"],deleteData:["deleteList"],modifyData:["createList","updateList","deleteList"]},a=s[t],r={},l=0;return e=o.defaults(e||{},{hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0}),e.hasDataParam&&(e.isOnlyModified?(i=n.getModifiedRowList({isOnlyChecked:e.isOnlyChecked}),o.each(i,function(t,e){o.contains(a,e)&&t.length&&(l+=t.length,r[e]=JSON.stringify(t))},this)):(r.rowList=n.getRowList(e.isOnlyChecked),l=r.rowList.length)),{data:r,count:l}},_getRequestParam:function(t,e){var i={url:this.api[t],type:null,hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0},n=$.extend(i,e),o=this._getDataParam(t,n),s=null;return(n.isSkipConfirm||this._isConfirmed(t,o.count))&&(s={requestType:t,url:n.url,data:o.data,type:n.type}),s},_isConfirmed:function(t,e){var i=!1;return e>0?i=confirm(this._getConfirmMessage(t,e)):alert(this._getConfirmMessage(t,e)),i},_getConfirmMessage:function(t,e){var i,n={createData:"입력",updateData:"수정",deleteData:"삭제",modifyData:"반영"},o=n[t];return i=e>0?e+"건의 데이터를 "+o+"하시겠습니까?":o+"할 데이터가 없습니다."},_ajax:function(t){var e,i=new d(t.data);this.trigger("beforeRequest",i),i.isStopped()||(t=$.extend({requestType:""},t),e={url:t.url,data:t.data||{},type:t.type||"POST",dataType:t.dataType||"json",complete:$.proxy(this._onComplete,this,t.complete,t),success:$.proxy(this._onSuccess,this,t.success,t),error:$.proxy(this._onError,this,t.error,t)},t.url&&$.ajax(e))},_onComplete:function(t,e,i){this._unlock()},_onSuccess:function(t,e,i,n,s){var a=i&&i.message,r=new d({httpStatus:n,requestType:e.requestType,requestParameter:e.data,responseData:i});if(this.trigger("response",r),!r.isStopped())if(i&&i.result){if(this.trigger("successResponse",r),r.isStopped())return;o.isFunction(t)&&t(i.data||{},n,s)}else{if(this.trigger("failResponse",r),r.isStopped())return;a&&alert(a)}},_onError:function(t,e,i,n){var o=new d({httpStatus:n,requestType:e.requestType,requestParameter:e.data,responseData:null});this.renderModel.set("state",u.DONE),this.trigger("response",o),o.isStopped()||(this.trigger("errorResponse",o),o.isStopped()||i.readyState>1&&alert("데이터 요청 중에 에러가 발생하였습니다.\n\n다시 시도하여 주시기 바랍니다."))}});t.exports=c},function(t,e,i){"use strict";var n=i(3),o=n.Router.extend({initialize:function(t){this.net=t.net},routes:{"read/:queryStr":"read"}});t.exports=o},function(t,e,i){"use strict";var n=i(1),o={setInput:{_changeToStringInArray:function(t){return n.each(t,function(e,i){t[i]=String(e)}),t},radio:function(t,e){t.checked=t.value===e},checkbox:function(t,e){n.isArray(e)?t.checked=$.inArray(t.value,this._changeToStringInArray(e))!==-1:t.checked=t.value===e},"select-one":function(t,e){var i=tui.util.toArray(t.options);t.selectedIndex=n.findIndex(i,function(t){return t.value===e||t.text===e})},"select-multiple":function(t,e){var i=tui.util.toArray(t.options);n.isArray(e)?(e=this._changeToStringInArray(e),n.each(i,function(t){t.selected=$.inArray(t.value,e)!==-1||$.inArray(t.text,e)!==-1})):this["select-one"].apply(this,arguments)},defaultAction:function(t,e){t.value=e}},getFormData:function(t){var e={},i=t.serializeArray(),o=tui.util.isExisty;return n.each(i,function(t){var i=t.value||"",n=t.name;o(e[n])?e[n]=[].concat(e[n],i):e[n]=i}),e},getFormElement:function(t,e){var i;return t&&t.length&&(i=e?t.prop("elements")[String(e)]:t.prop("elements")),$(i)},setFormData:function(t,e){n.each(e,function(e,i){this.setFormElementValue(t,i,e)},this)},setFormElementValue:function(t,e,i){var o,s=this.getFormElement(t,e);s.length&&(n.isArray(i)||(i=String(i)),s=tui.util.isHTMLTag(s)?[s]:s,s=tui.util.toArray(s),n.each(s,function(t){o=this.setInput[t.type]?t.type:"defaultAction",this.setInput[o](t,i)},this))},setCursorToEnd:function(t){var e,i=t.value.length;if(t.focus(),t.setSelectionRange)try{t.setSelectionRange(i,i)}catch(n){}else if(t.createTextRange){e=t.createTextRange(),e.collapse(!0),e.moveEnd("character",i),e.moveStart("character",i);try{e.select()}catch(n){}}}};t.exports=o},function(t,e){"use strict";var i={pagination:null},n=tui.util.defineClass({init:function(t){this.optionsMap=$.extend(!0,i,t),this.instanceMap={}},getInstance:function(t){return this.instanceMap[t]},setInstance:function(t,e){this.instanceMap[t]=e},getOptions:function(t){return this.optionsMap[t]}});t.exports=n},function(t,e,i){"use strict";function n(t){var e=[a.grid(t.grid),a.scrollbar(t.scrollbar),a.toolbar(t.toolbar),a.heightResizeHandle(t.heightResizeHandle),a.pagination(t.pagination),a.selection(t.selection)],i=t.cell;return i&&(e=e.concat([a.cell(i.normal),a.cellDummy(i.dummy),a.cellEditable(i.editable),a.cellHead(i.head),a.cellOddRow(i.oddRow),a.cellEvenRow(i.evenRow),a.cellRequired(i.required),a.cellDisabled(i.disabled),a.cellInvalid(i.invalid),a.cellCurrentRow(i.currentRow),a.cellSelectedHead(i.selectedHead),a.cellFocused(i.focused)])),e.join("")}function o(t){var e=n(t);$("#"+l).remove(),s.appendStyleElement(l,e)}var s=i(8),a=i(65),r=i(9).themeName,l="tui-grid-theme-style",d={};d[r.DEFAULT]=i(67),d[r.STRIPED]=i(68),d[r.CLEAN]=i(69),t.exports={apply:function(t,e){var i=d[t];i||(i=d[r.DEFAULT]),i=$.extend(!0,{},i,e),o(i)},isApplied:function(){return 1===$("#"+l).length}}},function(t,e,i){"use strict";function n(t,e){return l(t).bg(e.background).text(e.text).build()}function o(t,e){return l(t).bg(e.background).border(e.border).build()}var s=i(1),a=i(66),r=i(14),l=s.bind(a.createClassRule,a);t.exports={grid:function(t){var e=l(r.CONTAINER).bg(t.background).text(t.text),i=l(r.CONTENT_AREA).border(t.border),n=l(r.TABLE).border(t.border),o=l(r.HEAD_AREA).border(t.border),s=l(r.BORDER_LINE).bg(t.border),d=l(r.SCROLLBAR_HEAD).border(t.border),u=l(r.SCROLLBAR_BORDER).bg(t.border),h=l(r.FOOT_AREA_RIGHT).border(t.border);return a.buildAll([e,i,n,o,s,d,u,h])},scrollbar:function(t){var e=a.createWebkitScrollbarRules("."+r.CONTAINER,t),i=a.createIEScrollbarRule("."+r.CONTAINER,t),n=l(r.SCROLLBAR_RIGHT_BOTTOM).bg(t.background),o=l(r.SCROLLBAR_LEFT_BOTTOM).bg(t.background),s=l(r.SCROLLBAR_HEAD).bg(t.background),d=l(r.FOOT_AREA_RIGHT).bg(t.background);return a.buildAll(e.concat([i,n,o,s,d]))},toolbar:function(t){return o(r.TOOLBAR,t)},heightResizeHandle:function(t){return o(r.HEIGHT_RESIZE_HANDLE,t)},pagination:function(t){return o(r.PAGINATION,t)},selection:function(t){return o(r.LAYER_SELECTION,t)},cell:function(t){var e=l(r.CELL).bg(t.background).border(t.border).borderWidth(t).text(t.text);return e.build()},cellHead:function(t){var e=l(r.CELL_HEAD).bg(t.background).border(t.border).borderWidth(t).text(t.text);return e.build()},cellEvenRow:function(t){return l(r.CELL_ROW_EVEN).bg(t.background).build()},cellOddRow:function(t){return l(r.CELL_ROW_ODD).bg(t.background).build()},cellSelectedHead:function(t){return a.create("."+r.CELL_HEAD+"."+r.CELL_SELECTED).bg(t.background).text(t.text).build()},cellFocused:function(t){var e=l(r.LAYER_FOCUS_BORDER).bg(t.border),i=l(r.LAYER_EDITING).border(t.border);return a.buildAll([e,i])},cellEditable:function(t){return n(r.CELL_EDITABLE,t)},cellRequired:function(t){return n(r.CELL_REQUIRED,t)},cellDisabled:function(t){return n(r.CELL_DISABLED,t)},cellDummy:function(t){return n(r.CELL_DUMMY,t)},cellInvalid:function(t){return n(r.CELL_INVALID,t)},cellCurrentRow:function(t){return n(r.CELL_CURRENT_ROW,t)}}},function(t,e,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(t){if(!n.isString(t)||!t)throw new Error("The Selector must be a string and not be empty.");this._selector=t,this._propValues=[]},add:function(t,e){return e&&this._propValues.push(t+":"+e),this},border:function(t){return this.add("border-color",t)},borderWidth:function(t){var e,i=t.showVerticalBorder,o=t.showHorizontalBorder;return n.isBoolean(i)&&(e=i?"1px":"0",this.add("border-left-width",e).add("border-right-width",e)),n.isBoolean(o)&&(e=o?"1px":"0",this.add("border-top-width",e).add("border-bottom-width",e)),this},bg:function(t){return this.add("background-color",t)},text:function(t){return this.add("color",t)},build:function(){var t="";return this._propValues.length&&(t=this._selector+"{"+this._propValues.join(";")+"}"),t}});t.exports={create:function(t){
-return new o(t)},createClassRule:function(t){return this.create("."+t)},createWebkitScrollbarRules:function(t,e){return[this.create(t+" ::-webkit-scrollbar").bg(e.background),this.create(t+" ::-webkit-scrollbar-thumb").bg(e.thumb),this.create(t+" ::-webkit-scrollbar-thumb:hover").bg(e.active)]},createIEScrollbarRule:function(t,e){var i=["scrollbar-3dlight-color","scrollbar-darkshadow-color","scrollbar-track-color","scrollbar-shadow-color"],o=["scrollbar-face-color","scrollbar-highlight-color"],s=this.create(t);return n.each(i,function(t){s.add(t,e.background)}),n.each(o,function(t){s.add(t,e.thumb)}),s.add("scrollbar-arrow-color",e.active),s},buildAll:function(t){return n.map(t,function(t){return t.build()}).join("")}}},function(t,e){"use strict";t.exports={grid:{background:"#fff",border:"#ccc",text:"#444"},selection:{background:"#4daaf9",border:"#004082"},toolbar:{border:"transparent",background:"transparent"},heightResizeHandle:{border:"#ccc",background:"#fff"},pagination:{border:"transparent",background:"transparent"},scrollbar:{background:"#f5f5f5",thumb:"#d9d9d9",active:"#c1c1c1"},cell:{normal:{background:"#fbfbfb",border:"#e0e0e0",showVerticalBorder:!0,showHorizontalBorder:!0},head:{background:"#eee",border:"#ccc",showVerticalBorder:!0,showHorizontalBorder:!0},selectedHead:{background:"#d8d8d8"},focused:{border:"#418ed4"},required:{background:"#fffdeb"},editable:{background:"#fff"},disabled:{text:"#b0b0b0"},dummy:{background:"#fff"},invalid:{background:"#ff8080"},evenRow:{},oddRow:{},currentRow:{}}}},function(t,e,i){"use strict";var n=i(67);t.exports=$.extend(!0,{},n,{cell:{normal:{background:"#fff",border:"#e8e8e8",showVerticalBorder:!1,showHorizontalBorder:!1},oddRow:{background:"#f3f3f3"},evenRow:{background:"#fff"},head:{background:"#fff",showVerticalBorder:!1,showHorizontalBorder:!1}}})},function(t,e,i){"use strict";var n=i(67);t.exports=$.extend(!0,{},n,{grid:{border:"#c0c0c0"},toolbar:{border:"#e0e0e0"},cell:{normal:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},head:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},selectedHead:{background:"#e0e0e0"}}})},function(t,e){}]);
\ No newline at end of file
+!function(e){function t(n){if(i[n])return i[n].exports;var o=i[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(5),a=i(28),r=i(49),l=i(50),d=i(51),u=i(61),h=i(62),c=i(65),m=i(8),g=i(66),f=i(9).themeName,M={};i(72),tui=window.tui=tui||{},tui.Grid=o.extend({initialize:function(e){var t=new r(this.$el);e=m.enableDeprecatedOptions(e),this.id=m.getUniqueKey(),this.modelManager=this._createModelManager(e,t),this.painterManager=this._createPainterManager(),this.componentHolder=this._createComponentHolder(e.pagination),this.viewFactory=this._createViewFactory(t,e),this.container=this.viewFactory.createContainer(),this.publicEventEmitter=this._createPublicEventEmitter(),this.domState=t,this.container.render(),this.refreshLayout(),g.isApplied()||g.apply(f.DEFAULT),this.addOn={},M[this.id]=this},_createModelManager:function(e,t){var i=n.assign({},e,{gridId:this.id});return n.omit(i,"el","singleClickEdit"),new s(i,t)},_createPainterManager:function(){var e=new u({focusModel:this.modelManager.focusModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel});return new d({gridId:this.id,selectType:this.modelManager.columnModel.get("selectType"),isFixedRowHeight:this.modelManager.dimensionModel.get("isFixedRowHeight"),controller:e})},_createViewFactory:function(e,t){var i=n.pick(t,["singleClickEdit","resizeHandle","toolbar","copyOption","footer"]),o={modelManager:this.modelManager,painterManager:this.painterManager,componentHolder:this.componentHolder,domState:e};return new a(n.assign(o,i))},_createComponentHolder:function(e){return new c({pagination:e})},_createPublicEventEmitter:function(){var e=new l(this);return e.listenToFocusModel(this.modelManager.focusModel),e.listenToContainerView(this.container),e},disable:function(){this.modelManager.dataModel.setDisabled(!0)},enable:function(){this.modelManager.dataModel.setDisabled(!1)},disableRow:function(e){this.modelManager.dataModel.disableRow(e)},enableRow:function(e){this.modelManager.dataModel.enableRow(e)},getValue:function(e,t,i){return this.modelManager.dataModel.getValue(e,t,i)},getColumnValues:function(e,t){return this.modelManager.dataModel.getColumnValues(e,t)},getRow:function(e,t){return this.modelManager.dataModel.getRowData(e,t)},getRowAt:function(e,t){return this.modelManager.dataModel.getRowDataAt(e,t)},getRowCount:function(){return this.modelManager.dataModel.length},getSelectedRowKey:function(){return this.modelManager.focusModel.which().rowKey},getElement:function(e,t){return this.modelManager.dataModel.getElement(e,t)},setValue:function(e,t,i){this.modelManager.dataModel.setValue(e,t,i)},setColumnValues:function(e,t,i){this.modelManager.dataModel.setColumnValues(e,t,i)},replaceRowList:function(e){this.modelManager.dataModel.replaceRowList(e)},setRowList:function(e,t){this.modelManager.dataModel.setRowList(e,!0,t)},setBodyHeight:function(e){this.modelManager.dimensionModel.set("bodyHeight",e)},focus:function(e,t,i){this.modelManager.focusModel.focusClipboard(),this.modelManager.focusModel.focus(e,t,i)},focusAt:function(e,t,i){this.modelManager.focusModel.focusAt(e,t,i)},focusIn:function(e,t,i){this.modelManager.focusModel.focusIn(e,t,i)},focusInAt:function(e,t,i){this.modelManager.focusModel.focusInAt(e,t,i)},readyForKeyControl:function(){this.modelManager.focusModel.focusClipboard()},blur:function(){this.modelManager.focusModel.blur()},checkAll:function(){this.modelManager.dataModel.checkAll()},check:function(e){this.modelManager.dataModel.check(e)},uncheckAll:function(){this.modelManager.dataModel.uncheckAll()},uncheck:function(e){this.modelManager.dataModel.uncheck(e)},clear:function(){this.modelManager.dataModel.setRowList([])},removeRow:function(e,t){tui.util.isBoolean(t)&&t&&(t={removeOriginalData:!0}),this.modelManager.dataModel.removeRow(e,t)},removeCheckedRows:function(e){var t=this.getCheckedRowKeyList(),i=t.length+"건의 데이터를 삭제하시겠습니까?";return!(!(t.length>0)||e&&!confirm(i))&&(n.each(t,function(e){this.modelManager.dataModel.removeRow(e)},this),!0)},enableCheck:function(e){this.modelManager.dataModel.enableCheck(e)},disableCheck:function(e){this.modelManager.dataModel.disableCheck(e)},getCheckedRowKeyList:function(e){var t=this.modelManager.dataModel.getRowList(!0),i=n.pluck(t,"rowKey");return e?JSON.stringify(i):i},getCheckedRowList:function(e){var t=this.modelManager.dataModel.getRowList(!0);return e?JSON.stringify(t):t},getColumnModelList:function(){return this.modelManager.columnModel.get("dataColumnModelList")},getModifiedRowList:function(e){return this.modelManager.dataModel.getModifiedRowList(e)},appendRow:function(e,t){this.modelManager.dataModel.append(e,t)},prependRow:function(e,t){this.modelManager.dataModel.prepend(e,t)},isChanged:function(){return this.modelManager.dataModel.isChanged()},getAddOn:function(e){return e?this.addOn[e]:this.addOn},restore:function(){this.modelManager.dataModel.restore()},select:function(e){var t=this.modelManager.columnModel.at(0,!0);this.modelManager.focusModel.focus(e,t.columnName)},unselect:function(){this.modelManager.focusModel.unselect(!0)},setColumnFixCount:function(e){this.modelManager.columnModel.set("columnFixCount",e)},setColumnModelList:function(e){this.modelManager.columnModel.set("columnModelList",e)},use:function(e,t){return"Net"===e&&(t=$.extend({toolbarModel:this.modelManager.toolbarModel,renderModel:this.modelManager.renderModel,dataModel:this.modelManager.dataModel,pagination:this.componentHolder.getInstance("pagination")},t),this.addOn.Net=new h(t),this.publicEventEmitter.listenToNetAddon(this.addOn.Net)),this},getRowList:function(){return this.modelManager.dataModel.getRowList()},sort:function(e,t){this.modelManager.dataModel.sortByField(e,t)},unSort:function(){this.sort("rowKey")},addCellClassName:function(e,t,i){this.modelManager.dataModel.get(e).addCellClassName(t,i)},addRowClassName:function(e,t){this.modelManager.dataModel.get(e).addClassName(t)},removeCellClassName:function(e,t,i){this.modelManager.dataModel.get(e).removeCellClassName(t,i)},removeRowClassName:function(e,t){this.modelManager.dataModel.get(e).removeClassName(t)},getRowSpanData:function(e,t){return this.modelManager.dataModel.getRowSpanData(e,t)},getIndexOfRow:function(e){return this.modelManager.dataModel.indexOfRowKey(e)},getPagination:function(){return this.componentHolder.getInstance("pagination")},setDisplayRowCount:function(e){this.modelManager.dimensionModel.setBodyHeightWithRowCount(e)},setSize:function(e,t){this.modelManager.dimensionModel.setSize(e,t)},refreshLayout:function(){this.modelManager.dimensionModel.refreshLayout()},resetColumnWidths:function(){this.modelManager.coordColumnModel.resetColumnWidths()},showColumn:function(){var e=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(e,!1)},hideColumn:function(){var e=tui.util.toArray(arguments);this.modelManager.columnModel.setHidden(e,!0)},setFooterColumnContent:function(e,t){this.modelManager.columnModel.setFooterContent(e,t)},validate:function(){return this.modelManager.dataModel.validate()},destroy:function(){this.modelManager.destroy(),this.container.destroy(),this.modelManager=this.container=null}}),tui.Grid.getInstanceById=function(e){return M[e]},tui.Grid.applyTheme=function(e,t){g.apply(e,t)}},function(e,t){e.exports=_},function(e,t,i){"use strict";var n=i(1),o=i(3),s=i(4),a=o.View.extend({initialize:function(){this._children=[]},error:function(e){var t=function(){this.name="Grid Exception",this.message=e||"error"};return t.prototype=new Error,new t},_addChildren:function(e){n.isArray(e)||(e=[e]),[].push.apply(this._children,n.compact(e))},_renderChildren:function(){var e=n.map(this._children,function(e){return e.render().el});return e},_triggerChildrenAppended:function(){n.each(this._children,function(e){e.trigger("appended")})},destroy:function(){this.stopListening(),this._destroyChildren(),this.remove()},_destroyChildren:function(){if(this._children)for(;this._children.length>0;)this._children.pop().destroy()}});n.assign(a.prototype,s),e.exports=a},function(e,t){e.exports=Backbone},function(e,t,i){"use strict";var n=i(1),o={setOwnProperties:function(e){n.each(e,function(e,t){this[t]=e},this)}};e.exports=o},function(e,t,i){"use strict";var n=i(1),o=i(6),s=i(10),a=i(15),r=i(16),l=i(17),d=i(18),u=i(19),h=i(20),c=i(22),m=i(25),g=i(26),f=i(27),M=i(8),p={columnFixCount:0,columnModelList:[],keyColumnName:null,selectType:"",autoNumbering:!0,headerHeight:35,rowHeight:27,fitToParentHeight:!1,showDummyRows:!1,minimumColumnWidth:50,notUseSmartRendering:!1,columnMerge:[],scrollX:!0,scrollY:!0,useClientSort:!0,toolbar:null},_=tui.util.defineClass({init:function(e,t){e=$.extend(!0,{},p,e),this.gridId=e.gridId,this.columnModel=this._createColumnModel(e),this.dataModel=this._createDataModel(e,t),this.toolbarModel=this._createToolbarModel(e),this.dimensionModel=this._createDimensionModel(e,t),this.coordRowModel=this._createCoordRowModel(t),this.coordColumnModel=this._createCoordColumnModel(),this.focusModel=this._createFocusModel(t),this.renderModel=this._createRenderModel(e),this.coordConverterModel=this._createCoordConverterModel(),this.selectionModel=this._createSelectionModel(),this.summaryModel=this._createSummaryModel(e.footer),this.focusModel.renderModel=this.renderModel},_createColumnModel:function(e){return new o({hasNumberColumn:e.autoNumbering,keyColumnName:e.keyColumnName,columnFixCount:e.columnFixCount,selectType:e.selectType,columnMerge:e.columnMerge,columnModelList:e.columnModelList})},_createDataModel:function(e,t){return new s([],{gridId:this.gridId,domState:t,columnModel:this.columnModel,useClientSort:e.useClientSort})},_createToolbarModel:function(e){return new a(e.toolbar)},_createDimensionModel:function(e,t){var i,o={headerHeight:e.headerHeight,bodyHeight:e.bodyHeight,footerHeight:e.footer?e.footer.height:0,rowHeight:e.rowHeight,fitToParentHeight:e.fitToParentHeight,scrollX:!!e.scrollX,scrollY:!!e.scrollY,minimumColumnWidth:e.minimumColumnWidth,isFixedRowHeight:e.isFixedRowHeight,isFixedHeight:e.isFixedHeight};return e.isFixedRowHeight!==!1||e.notUseSmartRendering||(M.warning("The isFixedRowHeight can't be false if the notUseSmartRendering is not set to false."),o.isFixedRowHeight=!0),i=new r(o,{columnModel:this.columnModel,dataModel:this.dataModel,domState:t}),n.isUndefined(e.bodyHeight)&&e.displayRowCount&&i.setBodyHeightWithRowCount(e.displayRowCount),i},_createCoordRowModel:function(e){return new l(null,{dataModel:this.dataModel,dimensionModel:this.dimensionModel,domState:e})},_createCoordColumnModel:function(){return new d(null,{columnModel:this.columnModel,dimensionModel:this.dimensionModel})},_createCoordConverterModel:function(){return new u(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,focusModel:this.focusModel,coordRowModel:this.coordRowModel,renderModel:this.renderModel,coordColumnModel:this.coordColumnModel})},_createFocusModel:function(e){return new h(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,renderModel:this.renderModel,domState:e})},_createSelectionModel:function(){return new g(null,{columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,coordConverterModel:this.coordConverterModel,renderModel:this.renderModel,focusModel:this.focusModel})},_createRenderModel:function(e){var t,i,n;return t={emptyMessage:e.emptyMessage,showDummyRows:e.showDummyRows},i={columnModel:this.columnModel,dataModel:this.dataModel,dimensionModel:this.dimensionModel,focusModel:this.focusModel,coordRowModel:this.coordRowModel,coordColumnModel:this.coordColumnModel},new(n=e.notUseSmartRendering?c:m)(t,i)},_createSummaryModel:function(e){var t=[];return e&&e.columnContent?(n.each(e.columnContent,function(e,i){n.isFunction(e.template)&&e.useAutoSummary!==!1&&t.push(i)}),new f(null,{dataModel:this.dataModel,autoColumnNames:t})):null},destroy:function(){n.each(this,function(e,t){e&&tui.util.isFunction(e._destroy)&&e._destroy(),e&&tui.util.isFunction(e.stopListening)&&e.stopListening(),this[t]=null},this)}});e.exports=_},function(e,t,i){"use strict";var n=i(1),o=i(7),s=i(8),a=i(9).frame,r=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.textType={normal:!0,text:!0,password:!0},this._setColumnModelList(this.get("columnModelList")),this.on("change",this._onChange,this)},defaults:{keyColumnName:null,columnFixCount:0,metaColumnModelList:[],dataColumnModelList:[],visibleList:[],hasNumberColumn:!0,selectType:"",columnModelMap:{},relationListMap:{},columnMerge:[]},_initializeMetaColumns:function(e){var t=[];return this._initializeButtonColumn(t),this._initializeNumberColumn(t),this._overwriteColumnModelList(t,e),t},_overwriteColumnModelList:function(e,t){n.each(t,function(t){this._extendColumnList(t,e)},this)},_initializeNumberColumn:function(e){var t=this.get("hasNumberColumn"),i={columnName:"_number",align:"center",title:"No.",isFixedWidth:!0,width:60};t||(i.isHidden=!0),this._extendColumnList(i,e)},_initializeButtonColumn:function(e){var t=this.get("selectType"),i={columnName:"_button",isHidden:!1,align:"center",editOption:{type:"mainButton"},isFixedWidth:!0,width:40};"checkbox"===t?i.title='<input type="checkbox"/>':"radio"===t?i.title="선택":i.isHidden=!0,this._extendColumnList(i,e)},_extendColumnList:function(e,t){var i=e.columnName,o=n.findIndex(t,{columnName:i});o===-1?t.push(e):t[o]=$.extend(t[o],e)},at:function(e,t){var i=t?this.getVisibleColumnModelList():this.get("dataColumnModelList");return i[e]},indexOfColumnName:function(e,t){var i;return i=t?this.getVisibleColumnModelList():this.get("dataColumnModelList"),n.findIndex(i,{columnName:e})},isLside:function(e){var t=this.indexOfColumnName(e,!0);return t>-1&&t<this.get("columnFixCount")},getVisibleColumnModelList:function(e,t){var i,n=t?0:this.getVisibleMetaColumnCount(),o=this.getVisibleColumnFixCount(t);return e=e&&e.toUpperCase(),i=e===a.L?this.get("visibleList").slice(n,o):e===a.R?this.get("visibleList").slice(o):this.get("visibleList").slice(n)},getVisibleMetaColumnCount:function(){var e=this.get("metaColumnModelList"),t=e.length,i=n.where(e,{isHidden:!0}).length;return t-i},getVisibleColumnFixCount:function(e){var t,i,o=this.get("columnFixCount"),s=n.first(this.get("dataColumnModelList"),o);return t=n.filter(s,function(e){return!e.isHidden}),i=t.length,e&&(i+=this.getVisibleMetaColumnCount()),i},getColumnModel:function(e){return this.get("columnModelMap")[e]},isTextType:function(e){return!!this.textType[this.getEditType(e)]},getEditType:function(e){var t=this.getColumnModel(e),i="normal";return"_button"===e||"_number"===e?i=e:t&&t.editOption&&t.editOption.type&&(i=t.editOption.type),i},_makeVisibleColumnModelList:function(e,t){return e=e||this.get("metaColumnModelList"),t=t||this.get("dataColumnModelList"),n.filter(e.concat(t),function(e){return!e.isHidden})},_getRelationListMap:function(e){var t={};return n.each(e,function(e){var i=e.columnName;e.relationList&&(t[i]=e.relationList)}),t},getIgnoredColumnNameList:function(){var e=this.get("dataColumnModelList"),t=[];return n.each(e,function(e){e.isIgnore&&t.push(e.columnName)}),t},_setColumnModelList:function(e,t){var i,o,a,r,l;e=$.extend(!0,[],e),tui.util.isUndefined(t)&&(t=this.get("columnFixCount")),i=n.partition(e,function(e){return s.isMetaColumn(e.columnName)},this),r=this._initializeMetaColumns(i[0]),l=i[1],o=this._getRelationListMap(l),a=this._makeVisibleColumnModelList(r,l),this.set({metaColumnModelList:r,dataColumnModelList:l,columnModelMap:n.indexBy(r.concat(l),"columnName"),relationListMap:o,columnFixCount:Math.max(0,t),visibleList:a},{silent:!0}),this.unset("columnModelList",{silent:!0}),this.trigger("columnModelChange")},_onChange:function(e){var t=e.changed,i=t.columnFixCount,n=t.columnModelList;n||(n=this.get("dataColumnModelList")),this._setColumnModelList(n,i)},setHidden:function(e,t){for(var i,n,o,s;e.length;)i=e.shift(),o=this.getColumnModel(i),o?o.isHidden=t:(n=this.getUnitColumnNamesIfMerged(i),e.push.apply(e,n));s=this._makeVisibleColumnModelList(this.get("metaColumnModelList"),this.get("dataColumnModelList")),this.set("visibleList",s,{silent:!0}),this.trigger("columnModelChange")},getUnitColumnNamesIfMerged:function(e){var t,i,o,s=this.get("columnMerge"),a=[],r=[];for(a.push(e);a.length;)t=a.shift(),i=this.getColumnModel(t),i?r.push(t):(o=n.findWhere(s,{columnName:t}),o&&a.push.apply(a,o.columnNameList));return n.uniq(r)},setFooterContent:function(e,t){this.trigger("setFooterContent",e,t)}});e.exports=r},function(e,t,i){"use strict";var n=i(3),o=i(1),s=i(4),a=n.Model.extend({});o.assign(a.prototype,s),e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(9).dimension.CELL_BORDER_WIDTH,s={uniqueId:0,getAttributesString:function(e){var t="";return n.each(e,function(e,i){t+=" "+i+'="'+e+'"'},this),t},sum:function(e){return n.reduce(e,function(e,t){return e+=t},0)},getMinMax:function(e){return{min:Math.min.apply(null,e),max:Math.max.apply(null,e)}},getHeight:function(e,t){return 0===e?e:e*(t+o)},getDisplayRowCount:function(e,t){return Math.ceil(e/(t+o))},getRowHeight:function(e,t){return 0===e?0:Math.floor((t-o)/e)},isMetaColumn:function(e){return n.contains(["_button","_number"],e)},isEqual:function(e,t){var i,o=function(e,t){var i=!1;return tui.util.forEach(e,function(e,n){return i=e===t[n]}),i};return typeof e==typeof t&&((!n.isArray(e)||e.length===t.length)&&(n.isObject(e)?(i=!o(e,t)||!o(t,e),!i):e===t))},isBlank:function(e){return n.isString(e)?!e.length:n.isUndefined(e)||n.isNull(e)},stripTags:function(e){var t;return e=e.replace(/[\n\r\t]/g,""),tui.util.hasEncodableString(e)&&(/<img/i.test(e)?(t=e.match(/<img[^>]*\ssrc=["']?([^>"']+)["']?[^>]*>/i),e=t?t[1]:""):e=e.replace(/<button.*?<\/button>/gi,""),e=$.trim(tui.util.decodeHTMLEntity(e.replace(/<\/?(?:h[1-5]|[a-z]+(?::[a-z]+)?)[^>]*>/gi,"")))),e},toString:function(e){return n.isUndefined(e)||n.isNull(e)?"":String(e)},getUniqueKey:function(){return this.uniqueId+=1,this.uniqueId},toQueryString:function(e){var t=[];return n.each(e,function(e,i){n.isString(e)||n.isNumber(e)||(e=JSON.stringify(e)),e=encodeURIComponent(e),e&&t.push(i+"="+e)}),t.join("&")},toQueryObject:function(e){var t=e.split("&"),i={};return n.each(t,function(e){var t,o,s=e.split("=");t=s[0],o=decodeURIComponent(s[1]);try{o=JSON.parse(o)}catch(e){}n.isNull(o)||(i[t]=o)}),i},convertValueType:function(e,t){return"string"===t?String(e):"number"===t?Number(e):"boolean"===t?Boolean(e):e},toUpperCaseFirstLetter:function(e){return e.charAt(0).toUpperCase()+e.slice(1)},clamp:function(e,t,i){var n;return t>i&&(n=t,t=i,i=n),Math.max(t,Math.min(e,i))},isOptionEnabled:function(e){return n.isObject(e)||e===!0},appendStyleElement:function(e,t){var i=document.createElement("style");i.type="text/css",i.id=e,i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),document.getElementsByTagName("head")[0].appendChild(i)},enableDeprecatedOptions:function(e){var t=e.toolbar,i={hasControlPanel:!0,hasResizeHandler:!0,hasPagination:!0};return e=$.extend(!0,{},e),n.isObject(t)?n.defaults(t,i):t={},!s.isOptionEnabled(e.pagination)&&t.hasPagination&&(e.pagination=!0),!s.isOptionEnabled(e.resizeHandle)&&t.hasResizeHandler&&(e.resizeHandle=!0),n.isObject(e.toolbar)&&!t.hasControlPanel?e.toolbar=!1:s.isOptionEnabled(e.toolbar)&&(e.toolbar=!0),e},warning:function(e){console&&console.warn&&console.warn(e)}};e.exports=s},function(e,t,i){"use strict";var n=i(1),o={TAB:9,ENTER:13,CTRL:17,ESC:27,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40,CHAR_A:65,CHAR_C:67,CHAR_F:70,CHAR_R:82,CHAR_V:86,LEFT_WINDOW_KEY:91,F5:116,BACKSPACE:8,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,HOME:36,END:35,DEL:46,UNDEFINED:229};e.exports={keyCode:o,keyName:n.invert(o),renderState:{LOADING:"LOADING",DONE:"DONE",EMPTY:"EMPTY"},dimension:{CELL_BORDER_WIDTH:1,TABLE_BORDER_WIDTH:1,RESIZE_HANDLE_WIDTH:7},frame:{L:"L",R:"R"},attrName:{ROW_KEY:"data-row-key",COLUMN_NAME:"data-column-name",COLUMN_INDEX:"data-column-index",EDIT_TYPE:"data-edit-type",GRID_ID:"data-grid-id"},themeName:{DEFAULT:"default",STRIPED:"striped",CLEAN:"clean"},selectionType:{CELL:"CELL",ROW:"ROW",COLUMN:"COLUMN"},summaryType:{SUM:"sum",AVG:"avg",CNT:"cnt",MAX:"max",MIN:"min"}}},function(e,t,i){"use strict";var n=i(1),o=i(11),s=i(12),a=o.extend({initialize:function(e,t){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({columnModel:t.columnModel,domState:t.domState,gridId:t.gridId,lastRowKey:-1,originalRowList:[],originalRowMap:{},startIndex:t.startIndex||1,sortOptions:{columnName:"rowKey",isAscending:!0,useClient:!n.isBoolean(t.useClientSort)||t.useClientSort},isDisabled:!1}),this.sortOptions.useClient||(this.comparator=null)},model:s,parse:function(e){return e=e&&e.contents||e,this._formatData(e)},_formatData:function(e){var t=n.filter(e,n.isObject);return n.each(t,function(e,i){t[i]=this._baseFormat(t[i]),this.isRowSpanEnable()&&this._setExtraRowSpanData(t,i)},this),t},_baseFormat:function(e){var t={rowSpan:null,rowSpanData:null,rowState:null},i=this.columnModel.get("keyColumnName"),n=null===i?this._createRowKey():e[i];return e._extraData=$.extend(t,e._extraData),e._button="CHECKED"===e._extraData.rowState,e.rowKey=n,e},_createRowKey:function(){return this.lastRowKey+=1,this.lastRowKey},_setExtraRowSpanData:function(e,t){function i(e,t){var i=e._extraData;return!(!i.rowSpanData||!i.rowSpanData[t])}function o(e,t,i){var n=e._extraData;return n.rowSpanData=n&&n.rowSpanData||{},n.rowSpanData[t]=i,n}var s,a,r,l=e[t],d=l&&l._extraData&&l._extraData.rowSpan,u=l&&l.rowKey;return d&&n.each(d,function(n,d){if(!i(l,d))for(o(l,d,{count:n,isMainRow:!0,mainRowKey:u}),s=-1,r=t+1;r<t+n;r+=1)a=e[r],a[d]=l[d],a._extraData=a._extraData||{},o(a,d,{count:s,isMainRow:!1,mainRowKey:u}),s-=1}),e},setOriginalRowList:function(e){return this.originalRowList=e?this._formatData(e):this.toJSON(),this.originalRowMap=n.indexBy(this.originalRowList,"rowKey"),this.originalRowList},getOriginalRowList:function(e){return e=!!n.isUndefined(e)||e,e?n.clone(this.originalRowList):this.originalRowList},getOriginalRow:function(e){return n.clone(this.originalRowMap[e])},getOriginal:function(e,t){return n.clone(this.originalRowMap[e][t])},getMainRowKey:function(e,t){var i,n=this.get(e);return this.isRowSpanEnable()&&(i=n&&n.getRowSpanData(t),e=i?i.mainRowKey:e),e},indexOfRowKey:function(e){return this.indexOf(this.get(e))},isRowSpanEnable:function(){return!this.isSortedByField()},isSortedByField:function(){return"rowKey"!==this.sortOptions.columnName},setSortOptionValues:function(e,t,i){var o=this.sortOptions,s=!1;n.isUndefined(e)&&(e="rowKey"),n.isUndefined(t)&&(t=!0),o.columnName===e&&o.isAscending===t||(s=!0),o.columnName=e,o.isAscending=t,s&&this.trigger("sortChanged",{columnName:e,isAscending:t,isRequireFetch:i})},sortByField:function(e,t){var i=this.sortOptions;n.isUndefined(t)&&(t=i.columnName!==e||!i.isAscending),this.setSortOptionValues(e,t,!i.useClient),i.useClient&&this.sort()},getRowList:function(e,t){var i,o;return e?(o=this.where({_button:!0}),i=[],n.each(o,function(e){i.push(e.attributes)},this)):i=this.toJSON(),t?i:this._removePrivateProp(i)},syncRowSpannedData:function(e,t,i){var n,o,s;if(this.isRowSpanEnable())if(o=e.getRowSpanData(t),o.isMainRow)for(n=this.indexOfRowKey(e.get("rowKey")),s=0;s<o.count-1;s+=1)this.at(s+1+n).set(t,i);else this.get(o.mainRowKey).set(t,i)},comparator:function(e,t){var i=this.sortOptions.columnName,o=this.sortOptions.isAscending,s=e.get(i),a=t.get(i),r=n.isNull(s)||n.isUndefined(s)||""===s,l=n.isNull(a)||n.isUndefined(a)||""===a,d=0;return r&&!l?d=-1:!r&&l?d=1:s<a?d=-1:s>a&&(d=1),o||(d=-d),d},_removePrivateProp:function(e){return n.map(e,function(e){return n.omit(e,s.privateProperties)})},removeRow:function(e,t){var i,o,s,a=this.get(e);a&&(t&&t.keepRowSpanData&&(s=n.clone(a.attributes)),i=n.clone(a.getRowSpanData()),o=this.at(this.indexOf(a)+1),this.remove(a,{silent:!0}),this._syncRowSpanDataForRemove(i,o,s),t&&t.removeOriginalData&&this.setOriginalRowList(),this.trigger("remove"))},_syncRowSpanDataForRemove:function(e,t,i){e&&n.each(e,function(e,n){var o,s,a,r={};if(e.isMainRow){if(1===e.count)return;o=t,a=e.count-1,s=1,a>1&&(r.mainRowKey=o.get("rowKey"),r.isMainRow=!0),o.set(n,i?i[n]:"",{silent:!0})}else o=this.get(e.mainRowKey),a=o.getRowSpanData(n).count-1,s=-e.count;a>1?(r.count=a,o.setRowSpanData(n,r),this._updateSubRowSpanData(o,n,s,a)):o.setRowSpanData(n,null)},this)},_createDummyRow:function(){var e=this.columnModel.get("dataColumnModelList"),t={};return n.each(e,function(e){t[e.columnName]=""},this),t},append:function(e,t){var i,o=this._createModelList(e);return t=n.extend({at:this.length},t),i={at:t.at,add:!0,silent:!0},this.add(o,i),this._syncRowSpanDataForAppend(t.at,o.length,t.extendPrevRowSpan),this.trigger("add",o,t),o},prepend:function(e,t){return t=t||{},t.at=0,this.append(e,t)},getRowData:function(e,t){var i=this.get(e),n=i?i.toJSON():null;return t?JSON.stringify(n):n},getRowDataAt:function(e,t){var i=this.at(e),n=i?i.toJSON():null;return t?JSON.stringify(i):n},getValue:function(e,t,i){var n,o;return i?n=this.getOriginal(e,t):(o=this.get(e),n=o&&o.get(t)),n},setValue:function(e,t,i,n){var o=this.get(e);return!!o&&(o.set(t,i,{silent:n}),!0)},getColumnValues:function(e,t){var i=this.pluck(e);return t?JSON.stringify(i):i},setColumnValues:function(e,t,i,o){var s={},a={isDisabled:!1,isEditable:!0};s[e]=t,i=!!n.isUndefined(i)||i,this.forEach(function(t){i&&(a=t.getCellState(e)),!a.isDisabled&&a.isEditable&&t.set(s,{silent:o})},this)},getRowSpanData:function(e,t){var i=this.get(e);return i?i.getRowSpanData(t):null},isChanged:function(){var e=n.values(this.getModifiedRowList());return n.some(e,function(e){return e.length>0})},setDisabled:function(e){this.isDisabled!==e&&(this.isDisabled=e,this.trigger("disabledChanged"))},enableRow:function(e){this.get(e).setRowState("")},disableRow:function(e){this.get(e).setRowState("DISABLED")},enableCheck:function(e){this.get(e).setRowState("")},disableCheck:function(e){this.get(e).setRowState("DISABLED_CHECK")},check:function(e,t){var i=this.get(e).getRowState().isDisabledCheck,n=this.columnModel.get("selectType");!i&&n&&("radio"===n&&this.uncheckAll(),this.setValue(e,"_button",!0,t))},uncheck:function(e,t){this.setValue(e,"_button",!1,t)},checkAll:function(){this.setColumnValues("_button",!0)},uncheckAll:function(){this.setColumnValues("_button",!1)},_createModelList:function(e){var t,i=[];return e=e||this._createDummyRow(),n.isArray(e)||(e=[e]),t=this._formatData(e),n.each(t,function(e){var t=new s(e,{collection:this,parse:!0});i.push(t)},this),i},_syncRowSpanDataForAppend:function(e,t,i){var o=this.at(e-1);o&&n.each(o.getRowSpanData(),function(e,n){var s,a,r,l;0!==e.count&&(e.isMainRow?(s=o,a=e,r=1):(s=this.get(e.mainRowKey),a=s.getRowSpanData()[n],r=-e.count+1),(a.count>r||i)&&(a.count+=t,l=a.count,this._updateSubRowSpanData(s,n,r,l)))},this)},_updateSubRowSpanData:function(e,t,i,n){var o,s,a=this.indexOf(e),r=e.get("rowKey");for(s=i;s<n;s+=1)o=this.at(a+s),o.set(t,e.get(t),{silent:!0}),o.setRowSpanData(t,{count:-s,mainRowKey:r,isMainRow:!1})},_isModifiedRow:function(e,t,i){var o=n.omit(e,i),s=n.some(o,function(e,i){return"object"==typeof e?JSON.stringify(e)!==JSON.stringify(t[i]):e!==t[i]},this);return s},getModifiedRowList:function(e){var t=e&&e.isRaw,i=e&&e.isOnlyChecked,o=e&&e.isOnlyRowKeyList,s=t?this.originalRowList:this._removePrivateProp(this.originalRowList),a=t?this.toJSON():this._removePrivateProp(this.toJSON()),r=e&&e.filteringColumnList,l={createList:[],updateList:[],deleteList:[]};return s=n.indexBy(s,"rowKey"),a=n.indexBy(a,"rowKey"),r=n.union(r,this.columnModel.getIgnoredColumnNameList()),n.each(a,function(e,t){var a=s[t],d=o?e.rowKey:n.omit(e,r);(!i||i&&this.get(t).get("_button"))&&(a?this._isModifiedRow(e,a,r)&&l.updateList.push(d):l.createList.push(d))},this),n.each(s,function(e,t){var i=o?e.rowKey:n.omit(e,r);a[t]||l.deleteList.push(i)},this),l},replaceRowList:function(e,t,i){e||(e=[]),n.isUndefined(t)&&(t=!0),this.trigger("beforeReset",e.length),this.lastRowKey=-1,this.reset(e,{parse:t}),n.isFunction(i)&&i()},setRowList:function(e,t,i){var o=n.bind(function(){this.setOriginalRowList(),n.isFunction(i)&&i()},this);this.replaceRowList(e,t,o)},restore:function(){var e=this.getOriginalRowList();this.replaceRowList(e,!0)},del:function(e,t,i){var o=this.getMainRowKey(e,t),s=this.get(o).getCellState(t),a=this.columnModel.getEditType(t),r=n.contains(["text","password"],a);r&&s.isEditable&&!s.isDisabled&&this.setValue(o,t,"",i)},delRange:function(e){var t,i,o=this.columnModel.getVisibleColumnModelList(),s=n.range(e.row[0],e.row[1]+1),a=n.range(e.column[0],e.column[1]+1);t=n.map(s,function(e){return this.at(e).get("rowKey")},this),i=n.map(a,function(e){return o[e].columnName}),n.each(t,function(e){n.each(i,function(t){this.del(e,t,!0),this.get(e).validateCell(t,!0)},this)},this),this.trigger("delRange",t,i)},paste:function(e,t){var i=this._getEndIndexToPaste(e,t);n.each(e,function(e,n){this._setValueForPaste(e,t.row+n,t.column,i.column)},this),this.trigger("paste",{startIdx:t,endIdx:i})},validate:function(){var e=[],t=n.chain(this.columnModel.getVisibleColumnModelList()).filter(function(e){return e.isRequired===!0}).pluck("columnName").value();return this.each(function(i){var o=[];n.each(t,function(e){var t=i.validateCell(e);t&&o.push({columnName:e,errorCode:t})}),o.length&&e.push({rowKey:i.get("rowKey"),errors:o})}),e},_getEndIndexToPaste:function(e,t){var i=this.columnModel.getVisibleColumnModelList(),n=e.length+t.row-1,o=Math.min(e[0].length+t.column,i.length)-1;return{row:n,column:o}},_setValueForPaste:function(e,t,i,n){var o,s,a,r,l=this.at(t),d=this.columnModel,u={};for(l||(l=this.append({})[0]),o=i;o<=n;o+=1)s=d.at(o,!0).columnName,a=l.getCellState(s),r=l.getRowSpanData(s),a.isEditable&&!a.isDisabled&&(!r||r.count>=0)&&(u[s]=e[o-i]);l.set(u)},getElement:function(e,t){var i=this.getMainRowKey(e,t);return this.domState.getElement(i,t)},getCheckedState:function(){var e=0,t=0;return this.forEach(function(i){var n=i.getCellState("_button");!n.isDisabled&&n.isEditable&&(e+=1,i.get("_button")&&(t+=1))}),{available:e,checked:t}}});e.exports=a},function(e,t,i){"use strict";var n=i(3),o=i(1),s=i(4),a=n.Collection.extend({clear:function(){return this.each(function(e){e.stopListening(),e=null}),this.reset([],{silent:!0}),this}});o.assign(a.prototype,s),e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(7),s=i(13),a=i(8),r=i(14),l=["_button","_number","_extraData"],d="REQUIRED",u="TYPE_NUMBER",h=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.extraDataManager=new s(this.get("_extraData")),this.columnModel=this.collection.columnModel,this.validateMap={},this.on("change",this._onChange,this)},idAttribute:"rowKey",parse:function(e){return e._extraData||(e._extraData={}),e},_triggerExtraDataChangeEvent:function(){this.trigger("extraDataChanged",this.get("_extraData"))},_onChange:function(){var e=n.omit(this.changed,l);this.isDuplicatedPublicChanged(e)||n.each(e,function(e,t){var i=this.columnModel.getColumnModel(t);i&&this._executeChangeBeforeCallback(t)&&(this.collection.syncRowSpannedData(this,t,e),this._executeChangeAfterCallback(t),this.validateCell(t,!0))},this)},_validateCellData:function(e){var t=this.columnModel.getColumnModel(e),i=this.get(e),o="";return t.isRequired&&a.isBlank(i)?o=d:"number"!==t.dataType||n.isNumber(i)||(o=u),o},validateCell:function(e,t){var i;return!t&&e in this.validateMap?this.validateMap[e]:(i=this._validateCellData(e),i?this.addCellClassName(e,r.CELL_INVALID):this.removeCellClassName(e,r.CELL_INVALID),this.validateMap[e]=i,i)},_createChangeCallbackEvent:function(e){return{rowKey:this.get("rowKey"),columnName:e,value:this.get(e),instance:tui.Grid.getInstanceById(this.collection.gridId)}},_executeChangeBeforeCallback:function(e){
+var t,i,n=this.columnModel.getColumnModel(e);return!n.editOption||!n.editOption.changeBeforeCallback||(t=this._createChangeCallbackEvent(e),n.editOption.changeBeforeCallback(t)!==!1)||(i={},i[e]=this.previous(e),this.set(i),this.trigger("restore",e),!1)},_executeChangeAfterCallback:function(e){var t,i=this.columnModel.getColumnModel(e);return!i.editOption||!i.editOption.changeAfterCallback||(t=this._createChangeCallbackEvent(e),!!i.editOption.changeAfterCallback(t))},getPrivateProperties:function(){return l},getRowState:function(){return this.extraDataManager.getRowState()},getClassNameList:function(e){var t=this.columnModel.getColumnModel(e),i=a.isMetaColumn(e),n=this.extraDataManager.getClassNameList(e),o=this.getCellState(e);return t.className&&n.push(t.className),t.isEllipsis&&n.push(r.CELL_ELLIPSIS),t.isRequired&&n.push(r.CELL_REQUIRED),i?n.push(r.CELL_HEAD):o.isEditable&&n.push(r.CELL_EDITABLE),o.isDisabled&&n.push(r.CELL_DISABLED),this._makeUniqueStringArray(n)},_makeUniqueStringArray:function(e){var t=n.uniq(e.join(" ").split(" "));return n.without(t,"")},getCellState:function(e){var t,i,o=["_number","normal"],s=this.columnModel,a=this.collection.isDisabled,r=!0,l=s.getEditType(e);return i=this.executeRelationCallbacksAll(["isDisabled","isEditable"])[e],t=this.getRowState(),a||(a="_button"===e?t.isDisabledCheck:t.isDisabled,a=a||!(!i||!i.isDisabled)),r=!n.contains(o,l)&&!(i&&i.isEditable===!1),{isEditable:r,isDisabled:a}},isEditable:function(e){var t=this.getCellState(e);return!t.isDisabled&&t.isEditable},isDisabled:function(e){var t=this.getCellState(e);return t.isDisabled},getRowSpanData:function(e){var t=this.collection.isRowSpanEnable(),i=this.get("rowKey");return this.extraDataManager.getRowSpanData(e,i,t)},getHeight:function(){return this.extraDataManager.getHeight()},setHeight:function(e){this.extraDataManager.setHeight(e),this._triggerExtraDataChangeEvent()},setRowSpanData:function(e,t){this.extraDataManager.setRowSpanData(e,t),this._triggerExtraDataChangeEvent()},setRowState:function(e,t){this.extraDataManager.setRowState(e),t||this._triggerExtraDataChangeEvent()},addCellClassName:function(e,t){this.extraDataManager.addCellClassName(e,t),this._triggerExtraDataChangeEvent()},addClassName:function(e){this.extraDataManager.addClassName(e),this._triggerExtraDataChangeEvent()},removeCellClassName:function(e,t){this.extraDataManager.removeCellClassName(e,t),this._triggerExtraDataChangeEvent()},removeClassName:function(e){this.extraDataManager.removeClassName(e),this._triggerExtraDataChangeEvent()},_getListTypeVisibleText:function(e){var t,i,o,s,r=this.get(e),l=this.columnModel.getColumnModel(e);return tui.util.isExisty(tui.util.pick(l,"editOption","list"))?(t=this.executeRelationCallbacksAll(["optionListChange"])[e],i=t&&t.optionList?t.optionList:l.editOption.list,o=typeof i[0].value,s=a.toString(r).split(","),o!==typeof s[0]&&(s=n.map(s,function(e){return a.convertValueType(e,o)})),n.each(s,function(e,t){var o=n.findWhere(i,{value:e});s[t]=o&&o.value||""},this),s.join(",")):""},_isListType:function(e){return n.contains(["select","radio","checkbox"],e)},isDuplicatedPublicChanged:function(e){return!(!this._timeoutIdForChanged||!n.isEqual(this._lastPublicChanged,e))||(clearTimeout(this._timeoutIdForChanged),this._timeoutIdForChanged=setTimeout(n.bind(function(){this._timeoutIdForChanged=null},this),10),this._lastPublicChanged=e,!1)},getValueString:function(e){var t=this.columnModel.getEditType(e),i=this.columnModel.getColumnModel(e),n=this.get(e);if(this._isListType(t)){if(!tui.util.isExisty(tui.util.pick(i,"editOption","list",0,"value")))throw this.error('Check "'+e+"\"'s editOption.list property out in your ColumnModel.");n=this._getListTypeVisibleText(e)}else"password"===t&&(n="");return a.toString(n)},executeRelationCallbacksAll:function(e){var t=this.attributes,i=this.columnModel.get("relationListMap"),o={};return n.isEmpty(e)&&(e=["optionListChange","isDisabled","isEditable"]),n.each(i,function(i,s){var a=t[s];n.each(i,function(i){this._executeRelationCallback(i,e,a,t,o)},this)},this),o},_getRelationResultAttrName:function(e){switch(e){case"optionListChange":return"optionList";case"isDisabled":return"isDisabled";case"isEditable":return"isEditable";default:return""}},_executeRelationCallback:function(e,t,i,o,s){var a=this.getRowState(),r=e.columnList;n.each(t,function(t){var l,d;a.isDisabled&&"isDisabled"===t||(d=e[t],"function"==typeof d&&(l=this._getRelationResultAttrName(t),l&&n.each(r,function(e){s[e]=s[e]||{},s[e][l]=d(i,o)},this)))},this)}},{privateProperties:l});e.exports=h},function(e,t,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(e){this.data=e||{}},getRowSpanData:function(e,t,i){var n=null;return i&&(n=this.data.rowSpanData,e&&n&&(n=n[e])),!n&&e&&(n={count:0,isMainRow:!0,mainRowKey:t}),n},getRowState:function(){var e={isDisabledCheck:!1,isDisabled:!1,isChecked:!1};switch(this.data.rowState){case"DISABLED":e.isDisabled=!0;case"DISABLED_CHECK":e.isDisabledCheck=!0;break;case"CHECKED":e.isChecked=!0}return e},setRowState:function(e){this.data.rowState=e},setRowSpanData:function(e,t){var i=n.assign({},this.data.rowSpanData);e&&(t?i[e]=t:i[e]&&delete i[e],this.data.rowSpanData=i)},addCellClassName:function(e,t){var i,o;i=this.data.className||{},i.column=i.column||{},o=i.column[e]||[],n.contains(o,t)||(o.push(t),i.column[e]=o,this.data.className=i)},addClassName:function(e){var t,i;t=this.data.className||{},i=t.row||[],tui.util.inArray(e,i)===-1&&(i.push(e),t.row=i,this.data.className=t)},getClassNameList:function(e){var t=this.data.className,i=Array.prototype.push,n=[];return t&&(t.row&&i.apply(n,t.row),e&&t.column&&t.column[e]&&i.apply(n,t.column[e])),n},_removeClassNameFromArray:function(e,t){var i=e.join(" ").split(" ");return n.without(i,t)},removeCellClassName:function(e,t){var i=this.data.className;tui.util.pick(i,"column",e)&&(i.column[e]=this._removeClassNameFromArray(i.column[e],t),this.data.className=i)},removeClassName:function(e){var t=this.data.className;t&&t.row&&(t.row=this._removeClassNameFromArray(t.row,e),this.className=t)},setHeight:function(e){this.data.height=e},getHeight:function(){return this.data.height}});e.exports=o},function(e,t,i){"use strict";var n=i(1),o="tui-grid-",s={CONTAINER:"container",CLIPBOARD:"clipboard",NO_SCROLL_X:"no-scroll-x",NO_SCROLL_Y:"no-scroll-y",ICO_ARROW:"icon-arrow",ICO_ARROW_LEFT:"icon-arrow-left",ICO_ARROW_RIGHT:"icon-arrow-right",LAYER_STATE:"layer-state",LAYER_STATE_CONTENT:"layer-state-content",LAYER_STATE_LOADING:"layer-state-loading",LAYER_EDITING:"layer-editing",LAYER_FOCUS:"layer-focus",LAYER_FOCUS_BORDER:"layer-focus-border",LAYER_SELECTION:"layer-selection",LAYER_DATE_PICKER:"layer-datepicker",BORDER_LINE:"border-line",BORDER_TOP:"border-line-top",BORDER_LEFT:"border-line-left",BORDER_RIGHT:"border-line-right",BORDER_BOTTOM:"border-line-bottom",CONTENT_AREA:"content-area",LSIDE_AREA:"lside-area",RSIDE_AREA:"rside-area",HEAD_AREA:"head-area",BODY_AREA:"body-area",FOOT_AREA:"foot-area",FOOT_AREA_RIGHT:"foot-area-right",COLUMN_RESIZE_CONTAINER:"column-resize-container",COLUMN_RESIZE_HANDLE:"column-resize-handle",COLUMN_RESIZE_HANDLE_LAST:"column-resize-handle-last",BODY_CONTAINER:"body-container",BODY_TABLE_CONTAINER:"table-container",SCROLLBAR_HEAD:"scrollbar-head",SCROLLBAR_BORDER:"scrollbar-border",SCROLLBAR_RIGHT_BOTTOM:"scrollbar-right-bottom",SCROLLBAR_LEFT_BOTTOM:"scrollbar-left-bottom",PAGINATION:"pagination",PAGINATION_PRE:"pre",PAGINATION_PRE_OFF:"pre-off",PAGINATION_PRE_END:"pre-end",PAGINATION_PRE_END_OFF:"pre-end-off",PAGINATION_NEXT:"next",PAGINATION_NEXT_OFF:"next-off",PAGINATION_NEXT_END:"next-end",PAGINATION_NEXT_END_OFF:"next-end-off",TABLE:"table",CELL:"cell",CELL_HEAD:"cell-head",CELL_ROW_ODD:"cell-row-odd",CELL_ROW_EVEN:"cell-row-even",CELL_EDITABLE:"cell-editable",CELL_DUMMY:"cell-dummy",CELL_REQUIRED:"cell-required",CELL_DISABLED:"cell-disabled",CELL_SELECTED:"cell-selected",CELL_INVALID:"cell-invalid",CELL_ELLIPSIS:"cell-ellipsis",CELL_CURRENT_ROW:"cell-current-row",CELL_MAIN_BUTTON:"cell-main-button",CELL_CONTENT:"cell-content",CELL_CONTENT_BEFORE:"content-before",CELL_CONTENT_AFTER:"content-after",CELL_CONTENT_INPUT:"content-input",CELL_CONTENT_TEXT:"content-text",BTN_TEXT:"btn-text",BTN_SORT:"btn-sorting",BTN_SORT_UP:"btn-sorting-up",BTN_SORT_DOWN:"btn-sorting-down",BTN_EXCEL:"btn-excel-download",BTN_EXCEL_ICON:"btn-excel-icon",BTN_EXCEL_PAGE:"btn-excel-page",BTN_EXCEL_ALL:"btn-excel-all",TOOLBAR:"toolbar",TOOLBAR_BTN_HOLDER:"toolbar-btn-holder",HEIGHT_RESIZE_BAR:"height-resize-bar",HEIGHT_RESIZE_HANDLE:"height-resize-handle",CALENDAR:"calendar",CALENDAR_BTN_PREV_YEAR:"calendar-btn-prev-year",CALENDAR_BTN_NEXT_YEAR:"calendar-btn-next-year",CALENDAR_BTN_PREV_MONTH:"calendar-btn-prev-month",CALENDAR_BTN_NEXT_MONTH:"calendar-btn-next-month",CALENDAR_SELECTABLE:"calendar-selectable",CALENDAR_SELECTED:"calendar-selected"},t=n.mapObject(s,function(e){return o+e});t.PREFIX=o,e.exports=t},function(e,t,i){"use strict";var n=i(7),o=i(8).isOptionEnabled,s=n.extend({initialize:function(e){this.options=e},defaults:{hasControlPanel:!1,hasPagination:!1,hasResizeHandler:!1,isExcelButtonVisible:!1,isExcelAllButtonVisible:!1},isEnabled:function(){return o(this.options)}});e.exports=s},function(e,t,i){"use strict";var n=i(7),o=i(9).dimension,s=o.TABLE_BORDER_WIDTH,a=o.CELL_BORDER_WIDTH,r=n.extend({initialize:function(e,t){n.prototype.initialize.apply(this,arguments),this.columnModel=t.columnModel,this.dataModel=t.dataModel,this.domState=t.domState,this.on("change:isFixedHeight",this._resetSyncHeightHandler),this._resetSyncHeightHandler()},defaults:{offsetLeft:0,offsetTop:0,width:0,headerHeight:0,bodyHeight:0,footerHeight:0,toolbarHeight:0,resizeHandleHeight:0,paginationHeight:0,rowHeight:0,totalRowHeight:0,isFixedRowHeight:!0,rsideWidth:0,lsideWidth:0,minimumColumnWidth:0,scrollBarSize:17,scrollX:!0,scrollY:!0,fitToParentHeight:!1,isFixedHeight:!1},_resetSyncHeightHandler:function(){this.get("isFixedHeight")?this.off("change:totalRowHeight"):this.on("change:totalRowHeight",this._syncBodyHeightWithTotalRowHeight)},_syncBodyHeightWithTotalRowHeight:function(){var e=this.get("bodyHeight"),t=this.get("totalRowHeight")+this.getScrollXHeight();this.set("bodyHeight",Math.max(e,t))},isDivisionBorderDoubled:function(){return this.columnModel.getVisibleColumnFixCount()>0},getAvailableTotalWidth:function(e){var t=this.get("width"),i=e+1+(this.isDivisionBorderDoubled()?1:0),n=i*a,o=t-this.getScrollYWidth()-n;return o},getBodySize:function(){var e=this.get("lsideWidth"),t=this.get("rsideWidth")-this.getScrollYWidth(),i=this.get("bodyHeight")-this.getScrollXHeight();return{height:i,rsideWidth:t,totalWidth:e+t}},getOverflowFromMousePosition:function(e,t){var i=this.getPositionFromBodyArea(e,t),n=this.getBodySize();return this._judgeOverflow(i,n)},_judgeOverflow:function(e,t){var i=e.x,n=e.y,o=0,s=0;return n<0?o=-1:n>t.height&&(o=1),i<0?s=-1:i>t.totalWidth&&(s=1),{x:s,y:o}},getScrollXHeight:function(){return this.get("scrollX")?this.get("scrollBarSize"):0},getScrollYWidth:function(){return this.get("scrollY")?this.get("scrollBarSize"):0},_calcRealBodyHeight:function(e){var t=this.get("headerHeight")+this.get("footerHeight")+this.get("toolbarHeight")+s;return e-t},_getMinBodyHeight:function(){return this.get("rowHeight")+2*a+this.getScrollXHeight()},_setHeight:function(e){this.set("bodyHeight",Math.max(this._calcRealBodyHeight(e),this._getMinBodyHeight()))},_getMinLeftSideWidth:function(){var e,t=this.get("minimumColumnWidth"),i=this.columnModel.getVisibleColumnFixCount(!0),n=0;return i&&(e=(i+1)*a,n=e+t*i),n},getMaxLeftSideWidth:function(){var e=Math.ceil(.9*this.get("width"));return e&&(e=Math.max(e,this._getMinLeftSideWidth())),e},setSize:function(e,t){e>0&&(this.set("width",e),this.trigger("setWidth",e)),t>0&&this._setHeight(t)},getHeight:function(){return this.get("bodyHeight")+this.get("headerHeight")+this.get("toolbarHeight")},refreshLayout:function(){var e=this.domState,t=e.getOffset();this.set({offsetTop:t.top,offsetLeft:t.left,width:e.getWidth()}),this.get("fitToParentHeight")&&this._setHeight(e.getParentHeight())},setBodyHeightWithRowCount:function(e){var t=this.get("rowHeight"),i=this.getScrollXHeight();this.set({isFixedHeight:!0,bodyHeight:(t+a)*e+i})},getBodyOffsetTop:function(){return this.get("offsetTop")+this.get("headerHeight")+this.get("toolbarHeight")+a+s},getPositionFromBodyArea:function(e,t){var i=this.get("offsetLeft"),n=this.getBodyOffsetTop();return{x:e-i,y:t-n}}});e.exports=r},function(e,t,i){"use strict";var n=i(7),o=i(9).dimension.CELL_BORDER_WIDTH,s=n.extend({initialize:function(e,t){this.dataModel=t.dataModel,this.dimensionModel=t.dimensionModel,this.domState=t.domState,this.rowHeights=[],this.rowOffsets=[],this.dimensionModel.get("isFixedRowHeight")&&this.listenTo(this.dataModel,"add remove reset sort",this.syncWithDataModel)},syncWithDom:function(){var e,t,i,n,o;if(!this.dimensionModel.get("isFixedRowHeight")){for(e=this.domState.getRowHeights(),t=this._getHeightFromData(),i=[],n=0,o=t.length;n<o;n+=1)i[n]=Math.max(e[n],t[n]);this._reset(i)}},_getHeightFromData:function(){var e=this.dimensionModel.get("rowHeight"),t=[];return this.dataModel.each(function(i,n){t[n]=i.getHeight()||e}),t},syncWithDataModel:function(){this._reset(this._getHeightFromData())},_reset:function(e){var t=[],i=0;_.each(e,function(i,n){var s=n?t[n-1]+o:0,a=n?e[n-1]:0;t[n]=s+a}),this.rowHeights=e,this.rowOffsets=t,e.length&&(i=_.last(t)+_.last(e)+o),this.dimensionModel.set("totalRowHeight",i),this.trigger("reset")},getHeightAt:function(e){return this.rowHeights[e]},getOffsetAt:function(e){return this.rowOffsets[e]},getHeight:function(e){var t=this.dataModel.indexOfRowKey(e);return this.getHeightAt(t)},getOffset:function(e){var t=this.dataModel.indexOfRowKey(e);return this.getOffsetAt(t)},indexOf:function(e){var t=this.rowOffsets,i=0;for(e+=o;t[i]<=e;)i+=1;return i-1}});e.exports=s},function(e,t,i){"use strict";var n=i(7),o=i(8),s=i(9),a=s.dimension,r=s.frame,l=a.CELL_BORDER_WIDTH,d=n.extend({initialize:function(e,t){this.dimensionModel=t.dimensionModel,this.columnModel=t.columnModel,this._columnWidthFixedFlags=null,this._minColumnWidthList=null,this._isModified=!1,this.listenTo(this.columnModel,"columnModelChange",this.resetColumnWidths),this.listenTo(this.dimensionModel,"change:width",this._onDimensionWidthChange),this.resetColumnWidths()},defaults:{columnWidthList:[]},resetColumnWidths:function(){var e=this.columnModel.getVisibleColumnModelList(null,!0),t=this.dimensionModel.get("minimumColumnWidth"),i=[],n=[],s=[];_.each(e,function(e){var a=e.width>0?e.width:0,r=Math.max(a,t);o.isMetaColumn(e.columnName)&&(r=a),i.push(a?r:0),s.push(r),n.push(!!e.isFixedWidth)},this),this._columnWidthFixedFlags=n,this._minColumnWidthList=s,this._setColumnWidthVariables(this._calculateColumnWidth(i),!0)},_setColumnWidthVariables:function(e,t){var i,n,o,s,a=this.dimensionModel.get("width"),r=this.dimensionModel.getMaxLeftSideWidth(),l=this.columnModel.getVisibleColumnFixCount(!0);o=e.slice(0,l),s=e.slice(l),n=this._getFrameWidth(o),r&&r<n&&(o=this._adjustLeftSideWidthList(o,r),n=this._getFrameWidth(o),e=o.concat(s)),i=a-n,this.set({columnWidthList:e}),this.dimensionModel.set({rsideWidth:i,lsideWidth:n}),t&&this.set("originalWidthList",_.clone(e)),this.trigger("columnWidthChanged")},_adjustLeftSideWidthList:function(e,t){var i,n=e.length-1,o=this.dimensionModel.get("minimumColumnWidth"),s=this._getFrameWidth(e),a=s-t;if(a>0)for(;n>=0&&a>0;)i=Math.max(o,e[n]-a),a-=e[n]-i,e[n]=i,n-=1;else a<0&&(e[n]+=Math.abs(a));return e},_calculateColumnWidth:function(e){return e=this._fillEmptyColumnWidth(e),e=this._applyMinimumColumnWidth(e),e=this._adjustColumnWidthList(e)},_fillEmptyColumnWidth:function(e){var t=this.dimensionModel.getAvailableTotalWidth(e.length),i=t-o.sum(e),n=[];return _.each(e,function(e,t){e||n.push(t)}),this._distributeExtraWidthEqually(e,i,n)},_getFrameWidth:function(e){var t=0;return e.length&&(t=o.sum(e)+(e.length+1)*l),t},_addExtraColumnWidth:function(e,t){var i=this._columnWidthFixedFlags,n=[];return _.each(i,function(e,t){e||n.push(t)}),this._distributeExtraWidthEqually(e,t,n)},_reduceExcessColumnWidth:function(e,t){var i=this._minColumnWidthList,n=this._columnWidthFixedFlags,o=[];return _.each(e,function(e,t){n[t]||o.push({index:t,width:e-i[t]})}),this._reduceExcessColumnWidthSub(_.clone(e),t,o)},_reduceExcessColumnWidthSub:function(e,t,i){var n,o=Math.round(t/i.length),s=[];return _.each(i,function(i){i.width<Math.abs(o)?(t+=i.width,e[i.index]-=i.width):s.push(i)}),i.length>s.length?this._reduceExcessColumnWidthSub(e,t,s):(n=_.pluck(i,"index"),this._distributeExtraWidthEqually(e,t,n))},_distributeExtraWidthEqually:function(e,t,i){var n=i.length,o=Math.round(t/n),s=o*n-t,a=_.clone(e);return _.each(i,function(e){a[e]+=o}),i.length&&(a[_.last(i)]-=s),a},_applyMinimumColumnWidth:function(e){var t=this._minColumnWidthList,i=_.clone(e);return _.each(i,function(e,n){var o=t[n];e<o&&(i[n]=o)}),i},_adjustColumnWidthList:function(e,t){var i,n=e.length,s=this.dimensionModel.getAvailableTotalWidth(n),a=s-o.sum(e),r=_.filter(this._columnWidthFixedFlags).length;return a>0?n>r?i=this._addExtraColumnWidth(e,a):(i=_.clone(e),i[n-1]+=a):i=t&&a<0?this._reduceExcessColumnWidth(e,a):e,i},_onDimensionWidthChange:function(){var e=this.get("columnWidthList");this._isModified||(e=this._adjustColumnWidthList(e,!0)),this._setColumnWidthVariables(e)},getColumnWidthList:function(e){var t=this.columnModel.getVisibleColumnFixCount(!0),i=[];switch(e){case r.L:i=this.get("columnWidthList").slice(0,t);break;case r.R:i=this.get("columnWidthList").slice(t);break;default:i=this.get("columnWidthList")}return i},getFrameWidth:function(e){var t=this.columnModel.getVisibleColumnFixCount(!0),i=this.getColumnWidthList(e),n=this._getFrameWidth(i);return _.isUndefined(e)&&t>0&&(n+=l),n},setColumnWidth:function(e,t){var i=this.get("columnWidthList"),n=this._columnWidthFixedFlags,o=this._minColumnWidthList[e];!n[e]&&i[e]&&(i[e]=Math.max(t,o),this._setColumnWidthVariables(i),this._isModified=!0)},indexOf:function(e,t){var i=this.getColumnWidthList(),n=this.getFrameWidth(),o=t?0:this.columnModel.getVisibleMetaColumnCount(),s=0;return e>=n?s=i.length-1:tui.util.forEachArray(i,function(t,i){return t+=l,s=i,e>t&&void(e-=t)}),Math.max(0,s-o)},restoreColumnWidth:function(e){var t=this.get("originalWidthList")[e];this.setColumnWidth(e,t)}});e.exports=d},function(e,t,i){"use strict";var n=i(7),o=i(9).dimension,s=o.TABLE_BORDER_WIDTH,a=o.CELL_BORDER_WIDTH,r=n.extend({initialize:function(e,t){this.dataModel=t.dataModel,this.columnModel=t.columnModel,this.focusModel=t.focusModel,this.dimensionModel=t.dimensionModel,this.renderModel=t.renderModel,this.coordRowModel=t.coordRowModel,this.coordColumnModel=t.coordColumnModel,this.listenTo(this.focusModel,"focus",this._onFocus)},getIndexFromMousePosition:function(e,t,i){var n=this.dimensionModel.getPositionFromBodyArea(e,t),o=this._getScrolledPosition(n);return{row:this.coordRowModel.indexOf(o.y),column:this.coordColumnModel.indexOf(o.x,i)}},_getScrolledPosition:function(e){var t=this.renderModel,i=e.x>this.dimensionModel.get("lsideWidth"),n=i?t.get("scrollLeft"):0,o=t.get("scrollTop");return{x:e.x+n,y:e.y+o}},_getRowSpanCount:function(e,t){var i=this.dataModel.get(e).getRowSpanData(t);return i.isMainRow||(e=i.mainRowKey,i=this.dataModel.get(e).getRowSpanData(t)),i.count||1},_getCellVerticalPosition:function(e,t){var i,n,o,s,r=this.coordRowModel;return i=this.dataModel.indexOfRowKey(e),n=i+t-1,o=r.getOffsetAt(i),s=r.getOffsetAt(n)+r.getHeightAt(n)+a,{top:o,bottom:s}},_getCellHorizontalPosition:function(e){for(var t=this.columnModel,i=t.getVisibleMetaColumnCount(),n=this.coordColumnModel.get("columnWidthList"),o=t.getVisibleColumnFixCount()+i,s=t.indexOfColumnName(e,!0)+i,r=o>s?0:o,l=0;r<s;r+=1)l+=n[r]+a;return{left:l,right:l+n[s]+a}},getCellPosition:function(e,t){var i,n,o;return e=this.dataModel.getMainRowKey(e,t),this.dataModel.get(e)?(i=this._getRowSpanCount(e,t),n=this._getCellVerticalPosition(e,i),o=this._getCellHorizontalPosition(t),{top:n.top,bottom:n.bottom,left:o.left,right:o.right}):{}},_judgeScrollDirection:function(e,t,i){var n,o,s,a,r=this.renderModel,l=r.get("scrollTop"),d=r.get("scrollLeft");return n=e.top<l,o=!n&&e.bottom>l+i.height,t?(s=e.left<d,a=!s&&e.right>d+i.rsideWidth-1):s=a=!1,{isUp:n,isDown:o,isLeft:s,isRight:a}},_onFocus:function(e,t,i){var n;i&&(n=this.getScrollPosition(e,t),tui.util.isEmpty(n)||this.renderModel.set(n))},_makeScrollPosition:function(e,t,i){var n={};return e.isUp?n.scrollTop=t.top:e.isDown&&(n.scrollTop=t.bottom-i.height),e.isLeft?n.scrollLeft=t.left:e.isRight&&(n.scrollLeft=t.right-i.rsideWidth+s),n},getScrollPosition:function(e,t){var i=!this.columnModel.isLside(t),n=this.getCellPosition(e,t),o=this.dimensionModel.getBodySize(),s=this._judgeScrollDirection(n,i,o);return this._makeScrollPosition(s,n,o)}});e.exports=r},function(e,t,i){"use strict";var n=i(1),o=i(7),s=i(8),a=i(21),r=o.extend({initialize:function(e,t){o.prototype.initialize.apply(this,arguments),this.dataModel=t.dataModel,this.columnModel=t.columnModel,this.dimensionModel=t.dimensionModel,this.domState=t.domState,this.listenTo(this.dataModel,"reset",this._onResetData)},defaults:{rowKey:null,columnName:"",prevRowKey:null,prevColumnName:"",editingAddress:null},_onResetData:function(){this.unselect(!0)},_savePrevious:function(){null!==this.get("rowKey")&&this.set("prevRowKey",this.get("rowKey")),this.get("columnName")&&this.set("prevColumnName",this.get("columnName"))},_clearPrevious:function(){this.set({prevRowKey:null,prevColumnName:""})},isCurrentCell:function(e,t,i){var n=this.get("columnName"),o=this.get("rowKey");return i&&(o=this.dataModel.getMainRowKey(o,n)),String(o)===String(e)&&n===t},select:function(e){var t=new a,i=this.get("rowKey");return String(i)===String(e)||(t.setData({rowKey:e,prevRowKey:i,rowData:this.dataModel.getRowData(e)}),this.trigger("select",t),t.isStopped()?(this._cancelSelect(),!1):(this.set("rowKey",e),"radio"===this.columnModel.get("selectType")&&this.dataModel.check(e),!0))},_cancelSelect:function(){var e=this.get("prevColumnName");this.set("columnName",e),this.trigger("focus",this.get("rowKey"),e)},unselect:function(e){e&&this.blur(),this.set({rowKey:null})},focus:function(e,t,i){return!(this._isValidCell(e,t)&&!s.isMetaColumn(t)&&!this.isCurrentCell(e,t))||(this.blur(),!!this.select(e)&&(this.set("columnName",t),this.trigger("focus",e,t,i),!0))},focusAt:function(e,t,i){var n=this.dataModel.at(e),o=this.columnModel.at(t,!0),s=!1;return n&&o&&(s=this.focus(n.get("rowKey"),o.columnName,i)),s},focusIn:function(e,t,i){var n=this.focus(e,t,i);return n&&(e=this.dataModel.getMainRowKey(e,t),this.dataModel.get(e).isEditable(t)?(this.finishEditing(),this.startEditing(e,t)):this.focusClipboard()),n},focusInAt:function(e,t,i){var n=this.dataModel.at(e),o=this.columnModel.at(t,!0),s=!1;return n&&o&&(s=this.focusIn(n.get("rowKey"),o.columnName,i)),s},focusClipboard:function(){this.trigger("focusClipboard")},refreshState:function(){var e;this.domState.hasFocusedElement()?this.has()||(e=this.restore(),e||this.focusAt(0,0)):this.blur()},blur:function(){var e=this.get("columnName");return this.has()?(this.has(!0)&&this._savePrevious(),null!==this.get("rowKey")&&this.set("columnName",""),this.trigger("blur",this.get("rowKey"),e),this):this},which:function(){return{rowKey:this.get("rowKey"),columnName:this.get("columnName")}},indexOf:function(e){var t=e?this.get("prevRowKey"):this.get("rowKey"),i=e?this.get("prevColumnName"):this.get("columnName");return{row:this.dataModel.indexOfRowKey(t),column:this.columnModel.indexOfColumnName(i,!0)}},has:function(e){var t=this.get("rowKey"),i=this.get("columnName");return e?this._isValidCell(t,i):!s.isBlank(t)&&!s.isBlank(i)},restore:function(){var e=this.get("prevRowKey"),t=this.get("prevColumnName"),i=!1;return this._isValidCell(e,t)&&(this.focus(e,t),i=!0),i},isEditingCell:function(e,t){var i=this.get("editingAddress");return i&&String(i.rowKey)===String(e)&&i.columnName===t},startEditing:function(e,t){if(this.get("editingAddress"))return!1;if(n.isUndefined(e)&&n.isUndefined(t))e=this.get("rowKey"),t=this.get("columnName");else if(!this.isCurrentCell(e,t,!0))return!1;return e=this.dataModel.getMainRowKey(e,t),!!this.dataModel.get(e).isEditable(t)&&(this.set("editingAddress",{rowKey:e,columnName:t}),!0)},finishEditing:function(){return!!this.get("editingAddress")&&(this.set("editingAddress",null),!0)},_isValidCell:function(e,t){var i=!s.isBlank(e)&&!!this.dataModel.get(e),n=!s.isBlank(t)&&!!this.columnModel.getColumnModel(t);return i&&n},_findRowKey:function(e){var t,i,n=this.dataModel,o=null;return this.has(!0)&&(t=Math.max(Math.min(n.indexOfRowKey(this.get("rowKey"))+e,this.dataModel.length-1),0),i=n.at(t),i&&(o=i.get("rowKey"))),o},_findColumnName:function(e){var t,i=this.columnModel,n=i.getVisibleColumnModelList(),o=i.indexOfColumnName(this.get("columnName"),!0),s=null;return this.has(!0)&&(t=Math.max(Math.min(o+e,n.length-1),0),s=n[t]&&n[t].columnName),s},_getRowSpanData:function(e,t){return this.dataModel.get(e).getRowSpanData(t)},nextRowIndex:function(e){var t=this.nextRowKey(e);return this.dataModel.indexOfRowKey(t)},prevRowIndex:function(e){var t=this.prevRowKey(e);return this.dataModel.indexOfRowKey(t)},nextColumnIndex:function(){var e=this.nextColumnName();return this.columnModel.indexOfColumnName(e,!0)},prevColumnIndex:function(){var e=this.prevColumnName();return this.columnModel.indexOfColumnName(e,!0)},nextRowKey:function(e){var t,i,n=this.which(),o=n.rowKey;return e="number"==typeof e?e:1,e>1?(o=this._findRowKey(e),i=this._getRowSpanData(o,n.columnName),i.isMainRow||(o=this._findRowKey(i.count+e))):(i=this._getRowSpanData(o,n.columnName),i.isMainRow&&i.count>0?o=this._findRowKey(i.count):i.isMainRow?o=this._findRowKey(1):(t=i.count,i=this._getRowSpanData(i.mainRowKey,n.columnName),o=this._findRowKey(i.count+t))),o},prevRowKey:function(e){var t,i=this.which(),n=i.rowKey;return e="number"==typeof e?e:1,e*=-1,e<-1?(n=this._findRowKey(e),t=this._getRowSpanData(n,i.columnName),t.isMainRow||(n=this._findRowKey(t.count+e))):(t=this._getRowSpanData(n,i.columnName),n=t.isMainRow?this._findRowKey(-1):this._findRowKey(t.count-1)),n},nextColumnName:function(){return this._findColumnName(1)},prevColumnName:function(){return this._findColumnName(-1)},firstRowKey:function(){return this.dataModel.at(0).get("rowKey")},lastRowKey:function(){return this.dataModel.at(this.dataModel.length-1).get("rowKey")},firstColumnName:function(){var e=this.columnModel.getVisibleColumnModelList();return e[0].columnName},lastColumnName:function(){var e=this.columnModel.getVisibleColumnModelList(),t=e.length-1;return e[t].columnName},prevAddress:function(){var e,t,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.firstColumnName(),s=i===this.firstRowKey();return s&&o?(e=i,t=n):o?(e=this.prevRowKey(),t=this.lastColumnName()):(e=i,t=this.prevColumnName()),{rowKey:e,columnName:t}},nextAddress:function(){var e,t,i=this.get("rowKey"),n=this.get("columnName"),o=n===this.lastColumnName(),s=i===this.lastRowKey();return s&&o?(e=i,t=n):o?(e=this.nextRowKey(),t=this.firstColumnName()):(e=i,t=this.nextColumnName()),{rowKey:e,columnName:t}}});e.exports=r},function(e,t,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(e){this._stopped=!1,this.setData(e)},setData:function(e){n.extend(this,e)},stop:function(){this._stopped=!0},isStopped:function(){return this._stopped}});e.exports=o},function(e,t,i){"use strict";var n=i(1),o=i(7),s=i(23),a=i(9).renderState,r=i(9).dimension.CELL_BORDER_WIDTH,l=1e3,d=o.extend({initialize:function(e,t){var i,o,a;this.setOwnProperties({dataModel:t.dataModel,columnModel:t.columnModel,focusModel:t.focusModel,dimensionModel:t.dimensionModel,coordRowModel:t.coordRowModel,coordColumnModel:t.coordColumnModel}),a={dataModel:this.dataModel,columnModel:this.columnModel,focusModel:this.focusModel},i=new s([],a),o=new s([],a),this.set({lside:i,rside:o}),this.listenTo(this.columnModel,"columnModelChange change",this._onColumnModelChange).listenTo(this.dataModel,"add remove sort reset delRange",this._onDataListChange).listenTo(this.dataModel,"add",this._onAddDataModel).listenTo(this.dataModel,"beforeReset",this._onBeforeResetData).listenTo(i,"valueChange",this._executeRelation).listenTo(o,"valueChange",this._executeRelation).listenTo(this.focusModel,"change:editingAddress",this._onEditingAddressChange).listenTo(this.coordRowModel,"reset",this._onChangeRowHeights).listenTo(this.dimensionModel,"change:width",this._updateMaxScrollLeft).listenTo(this.dimensionModel,"change:totalRowHeight change:scrollBarSize change:bodyHeight",this._updateMaxScrollTop),this.get("showDummyRows")&&(this.listenTo(this.dimensionModel,"change:bodyHeight change:totalRowHeight",this._resetDummyRowCount),this.on("change:dummyRowCount",this._resetDummyRows)),this._onChangeLayoutBound=n.bind(this._onChangeLayout,this),this.listenTo(this.dimensionModel,"columnWidthChanged",this.finishEditing),this._updateMaxScrollLeft()},defaults:{top:0,bottom:0,scrollTop:0,scrollLeft:0,maxScrollLeft:0,maxScrollTop:0,startIndex:0,endIndex:0,startNumber:1,lside:null,rside:null,showDummyRows:!1,dummyRowCount:0,emptyMessage:null,state:a.DONE},_onChangeLayout:function(){this.focusModel.finishEditing(),this.focusModel.focusClipboard()},_onChangeRowHeights:function(){for(var e,t=this.coordRowModel,i=this.get("lside"),n=this.get("rside"),o=i.length,s=0;s<o;s+=1)e=t.getHeightAt(s),i.at(s).set("height",e),n.at(s).set("height",e)},_updateMaxScrollLeft:function(){var e=this.dimensionModel,t=this.coordColumnModel.getFrameWidth("R")-e.get("rsideWidth")+e.getScrollYWidth();this.set("maxScrollLeft",t)},_updateMaxScrollTop:function(){var e=this.dimensionModel,t=e.get("totalRowHeight")-e.get("bodyHeight")+e.getScrollXHeight();this.set("maxScrollTop",t)},_onBeforeResetData:function(e){e>l&&this.set("state",a.LOADING)},_onEditingAddressChange:function(e,t){var i=t,o=!0,s=this;t||(i=e.previous("editingAddress"),o=!1),this._updateCellData(i.rowKey,i.columnName,{isEditing:o}),this._triggerEditingStateChanged(i.rowKey,i.columnName),n.defer(function(){s._toggleChangeLayoutEventHandlers(o)})},_toggleChangeLayoutEventHandlers:function(e){var t="change:scrollTop change:scrollLeft",i="columnWidthChanged";e?(this.listenToOnce(this.dimensionModel,i,this._onChangeLayoutBound),this.once(t,this._onChangeLayoutBound)):(this.stopListening(this.dimensionModel,i,this._onChangeLayoutBound),this.off(t,this._onChangeLayoutBound))},_triggerEditingStateChanged:function(e,t){var i=this.getCellData(e,t);tui.util.pick(i,"columnModel","editOption","useViewMode")!==!1&&this.trigger("editingStateChanged",i)},_updateCellData:function(e,t,i){var n=this._getRowModel(e,t);n&&n.setCell(t,i)},initializeVariables:function(){this.set({top:0,scrollTop:0,scrollLeft:0,startIndex:0,endIndex:0,startNumber:1})},getCollection:function(e){return this.get(tui.util.isString(e)?e.toLowerCase()+"side":"rside")},_onColumnModelChange:function(){this.set({scrollTop:0,top:0,startIndex:0,endIndex:0}),this.refresh({columnModelChanged:!0})},_onDataListChange:function(){this.refresh({dataListChanged:!0})},_onAddDataModel:function(e,t){t.focus&&this.focusModel.focusAt(t.at,0)},_resetDummyRows:function(){this._clearDummyRows(),this._fillDummyRows(),this.trigger("rowListChanged")},_setRenderingRange:function(){this.set({startIndex:0,endIndex:this.dataModel.length-1})},_createViewDataFromDataModel:function(e,t,i,o){var s={height:i,rowNum:o,rowKey:e.get("rowKey"),_extraData:e.get("_extraData")};return n.each(t,function(t){var i=e.get(t);"_number"!==t||n.isNumber(i)||(i=o),s[t]=i}),s},_getColumnNamesOfEachSide:function(){var e=this.columnModel.getVisibleColumnFixCount(!0),t=this.columnModel.getVisibleColumnModelList(null,!0),i=n.pluck(t,"columnName");return{lside:i.slice(0,e),rside:i.slice(e)}},_resetViewModelList:function(e,t){this.get(e).clear().reset(t,{parse:!0})},_resetAllViewModelListWithRange:function(e,t){
+var i,n,o,s=this._getColumnNamesOfEachSide(),a=this.get("startNumber")+e,r=[],l=[];for(o=e;o<=t;o+=1)i=this.dataModel.at(o),n=this.coordRowModel.getHeightAt(o),r.push(this._createViewDataFromDataModel(i,s.lside,n,a)),l.push(this._createViewDataFromDataModel(i,s.rside,n,a)),a+=1;this._resetViewModelList("lside",r),this._resetViewModelList("rside",l)},_getActualRowCount:function(){return this.get("endIndex")-this.get("startIndex")+1},_clearDummyRows:function(){var e=this.get("endIndex")-this.get("startIndex")+1;n.each(["lside","rside"],function(t){for(var i=this.get(t);i.length>e;)i.pop()},this)},_resetDummyRowCount:function(){var e=this.dimensionModel,t=e.get("totalRowHeight"),i=e.get("rowHeight")+r,n=e.get("bodyHeight")-e.getScrollXHeight(),o=0;t<n&&(o=Math.ceil((n-t)/i)),this.set("dummyRowCount",o)},_fillDummyRows:function(){var e,t,i=this.get("dummyRowCount");i&&(e=this.get("startNumber")+this.get("endIndex")+1,t=this.dimensionModel.get("rowHeight"),n.times(i,function(){n.each(["lside","rside"],function(i){this.get(i).add({height:t,rowNum:e})},this),e+=1},this))},refresh:function(e){var t,i,n,o=!!e&&e.columnModelChanged,s=!!e&&e.dataListChanged;for(this._setRenderingRange(this.get("scrollTop")),t=this.get("startIndex"),i=this.get("endIndex"),this._resetAllViewModelListWithRange(t,i),n=t;n<=i;n+=1)this._executeRelation(n);o?this.trigger("columnModelChanged"):(this.trigger("rowListChanged",s),s&&this.coordRowModel.syncWithDom()),this._refreshState()},_refreshState:function(){this.dataModel.length?this.set("state",a.DONE):this.set("state",a.EMPTY)},_getCollectionByColumnName:function(e){var t,i=this.get("lside");return t=i.at(0)&&i.at(0).get(e)?i:this.get("rside")},_getRowModel:function(e,t){var i=this._getCollectionByColumnName(t);return i.get(e)},getCellData:function(e,t){var i=this._getRowModel(e,t),n=null;return i&&(n=i.get(t)),n},_executeRelation:function(e){var t,i,o=this.dataModel.at(e),s=e-this.get("startIndex");i=o.executeRelationCallbacksAll(),n.each(i,function(e,i){t=this._getCollectionByColumnName(i).at(s),t&&t.setCell(i,e)},this)}});e.exports=d},function(e,t,i){"use strict";var n=i(11),o=i(24),s=n.extend({initialize:function(e,t){this.setOwnProperties({dataModel:t.dataModel,columnModel:t.columnModel,focusModel:t.focusModel})},model:o});e.exports=s},function(e,t,i){"use strict";var n=i(1),o=i(7),s=i(8),a=o.extend({initialize:function(e){var t=e&&e.rowKey,i=this.collection.dataModel,n=i.get(t);this.dataModel=i,this.columnModel=this.collection.columnModel,this.focusModel=this.collection.focusModel,n&&(this.listenTo(n,"change",this._onDataModelChange),this.listenTo(n,"restore",this._onDataModelRestore),this.listenTo(n,"extraDataChanged",this._setRowExtraData),this.listenTo(i,"disabledChanged",this._onDataModelDisabledChanged),this.rowData=n)},idAttribute:"rowKey",_onDataModelChange:function(e){n.each(e.changed,function(t,i){var n,o;this.has(i)&&(n=this.columnModel.getColumnModel(i),o=this.columnModel.isTextType(i),this.setCell(i,this._getValueAttrs(t,e,n,o)))},this)},_onDataModelRestore:function(e){var t=this.get(e);t&&this.trigger("restore",t)},_getColumnNameList:function(){var e=this.collection.columnModel.getVisibleColumnModelList(null,!0);return n.pluck(e,"columnName")},_onDataModelDisabledChanged:function(){var e=this._getColumnNameList();n.each(e,function(e){this.setCell(e,{isDisabled:this.rowData.isDisabled(e),className:this._getClassNameString(e)})},this)},_setRowExtraData:function(){tui.util.isUndefined(this.collection)||n.each(this._getColumnNameList(),function(e){var t,i=this.get(e);!tui.util.isUndefined(i)&&i.isMainRow&&(t=this.rowData.getCellState(e),this.setCell(e,{isDisabled:t.isDisabled,isEditable:t.isEditable,className:this._getClassNameString(e)}))},this)},parse:function(e,t){var i=t.collection;return this._formatData(e,i.dataModel,i.columnModel,i.focusModel)},_formatData:function(e,t,i,o){var s,a,r=e.rowKey,l=e.rowNum,d=e.height;return n.isUndefined(r)?e:(a=t.get(r),s=n.omit(e,"rowKey","_extraData","height","rowNum"),n.each(s,function(s,u){var h=this._getRowSpanData(u,e,t.isRowSpanEnable()),c=a.getCellState(u),m=i.isTextType(u),g=i.getColumnModel(u);e[u]={rowKey:r,rowNum:l,height:d,columnName:u,rowSpan:h.count,isMainRow:h.isMainRow,mainRowKey:h.mainRowKey,isEditable:c.isEditable,isDisabled:c.isDisabled,isEditing:o.isEditingCell(r,u),whiteSpace:g.whiteSpace||"nowrap",valign:g.valign,optionList:tui.util.pick(g,"editOption","list"),className:this._getClassNameString(u,a,o),columnModel:g,changed:[]},n.assign(e[u],this._getValueAttrs(s,a,g,m))},this),e)},_getClassNameString:function(e,t,i){var n;return t||(t=this.dataModel.get(this.get("rowKey")))?(i||(i=this.focusModel),n=t.getClassNameList(e),n.join(" ")):""},_getValueAttrs:function(e,t,i,n){var o=tui.util.pick(i,"editOption","beforeContent"),s=tui.util.pick(i,"editOption","afterContent"),a=tui.util.pick(i,"editOption","converter"),r=t.toJSON();return{value:this._getValueToDisplay(e,i,n),formattedValue:this._getFormattedValue(e,r,i),beforeContent:this._getExtraContent(o,e,r),afterContent:this._getExtraContent(s,e,r),convertedHTML:this._getConvertedHTML(a,e,r)}},_getFormattedValue:function(e,t,i){var o;return o=n.isFunction(i.formatter)?i.formatter(e,t,i):e,n.isNumber(o)?o=String(o):o||(o=""),o},_getExtraContent:function(e,t,i){var o="";return n.isFunction(e)?o=e(t,i):tui.util.isExisty(e)&&(o=e),o},_getConvertedHTML:function(e,t,i){var o=null;return n.isFunction(e)&&(o=e(t,i)),o===!1&&(o=null),o},_getValueToDisplay:function(e,t,i){var n=tui.util.isExisty,o=t.notUseHtmlEntity,s=t.defaultValue;return n(e)||(e=n(s)?s:""),i&&!o&&tui.util.hasEncodableString(e)&&(e=tui.util.encodeHTMLEntity(e)),e},_getRowSpanData:function(e,t,i){var n=tui.util.pick(t,"_extraData","rowSpanData",e);return i&&n||(n={mainRowKey:t.rowKey,count:0,isMainRow:!0}),n},updateClassName:function(e){this.setCell(e,{className:this._getClassNameString(e)})},setCell:function(e,t){var i,o,a,r=!1,l=[];this.has(e)&&(o=this.get("rowKey"),a=n.clone(this.get(e)),n.each(t,function(e,t){s.isEqual(a[t],e)||(r="value"===t||r,a[t]=e,l.push(t))},this),l.length&&(a.changed=l,this.set(e,a,{silent:this._shouldSetSilently(a,r)}),r&&(i=this.collection.dataModel.indexOfRowKey(o),this.trigger("valueChange",i))))},_shouldSetSilently:function(e,t){var i=e.isEditing&&t,o=tui.util.pick(e,"columnModel","editOption","useViewMode")!==!1,s=n.contains(e.changed,"isEditing")&&e.isEditing;return i||o&&s}});e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(22),s=i(9).dimension,a=s.CELL_BORDER_WIDTH,r=.3,l=.1,d=o.extend({initialize:function(){o.prototype.initialize.apply(this,arguments),this.on("change:scrollTop",this._onChangeScrollTop,this),this.listenTo(this.dimensionModel,"change:bodyHeight",this.refresh)},_onChangeScrollTop:function(){this._shouldRefresh(this.get("scrollTop"))&&this.refresh()},_setRenderingRange:function(e){var t=this.dimensionModel,i=this.dataModel,n=this.coordRowModel,o=t.get("bodyHeight"),s=parseInt(o*r,10),l=Math.max(n.indexOf(e-s),0),d=Math.min(n.indexOf(e+o+s),i.length-1),u=n.getOffsetAt(l),h=n.getOffsetAt(d)+n.getHeightAt(d)+a;i.isRowSpanEnable()&&(l+=this._getStartRowSpanMinCount(l),d+=this._getEndRowSpanMaxCount(d)),this.set({top:u,bottom:h,startIndex:l,endIndex:d})},_getStartRowSpanMinCount:function(e){var t,i=this.dataModel.at(e),o=0;return i&&(t=n.pluck(i.getRowSpanData(),"count"),t.push(0),o=n.min(t)),o},_getEndRowSpanMaxCount:function(e){var t,i=this.dataModel.at(e),o=0;return i&&(t=n.pluck(i.getRowSpanData(),"count"),t.push(0),o=n.max(t)),o},_shouldRefresh:function(e){var t=this.dimensionModel.get("bodyHeight"),i=e+t,n=this.dimensionModel.get("totalRowHeight"),o=this.get("top"),s=this.get("bottom"),a=parseInt(t*l,10),r=e-o<a,d=s-i<a;return r&&o>0||d&&s<n}});d.BUFFER_RATIO=r,d.BUFFER_HIT_RATIO=l,e.exports=d},function(e,t,i){"use strict";var n=i(1),o=i(7),s=i(8),a=i(9).selectionType,r=o.extend({initialize:function(e,t){o.prototype.initialize.apply(this,arguments),this.setOwnProperties({dataModel:t.dataModel,columnModel:t.columnModel,dimensionModel:t.dimensionModel,focusModel:t.focusModel,renderModel:t.renderModel,coordConverterModel:t.coordConverterModel,inputRange:null,intervalIdForAutoScroll:null,scrollPixelScale:40,enabled:!0,selectionType:a.CELL}),this.listenTo(this.dataModel,"add remove sort reset",this.end),this.listenTo(this.dataModel,"paste",this._onPasteData)},defaults:{range:null},_onPasteData:function(e){this.start(e.startIdx.row,e.startIdx.column),this.update(e.endIdx.row,e.endIdx.column)},setType:function(e){this.selectionType=a[e]||this.selectionType},getType:function(){return this.selectionType},enable:function(){this.enabled=!0},disable:function(){this.end(),this.enabled=!1},isEnabled:function(){return this.enabled},start:function(e,t,i){this.isEnabled()&&(this.setType(i),this.inputRange={row:[e,e],column:[t,t]},this._resetRangeAttribute())},update:function(e,t,i){var n;!this.enabled||e<0||t<0||(this.hasSelection()?this.setType(i):(n=this.focusModel.indexOf(),this.start(n.row,n.column,i)),this._updateInputRange(e,t),this._resetRangeAttribute())},_updateInputRange:function(e,t){var i=this.inputRange;this.selectionType===a.ROW?t=this.columnModel.getVisibleColumnModelList().length-1:this.selectionType===a.COLUMN&&(e=this.dataModel.length-1),i.row[1]=e,i.column[1]=t},extendColumnSelection:function(e,t,i){var n,o=this._minimumColumnRange,a=this.coordConverterModel.getIndexFromMousePosition(t,i),r={row:[0,this.dataModel.length-1],column:[]};e&&e.length||(e=[a.column]),this._setScrolling(t,i),o?n=s.getMinMax(e.concat(o)):(e.push(this.inputRange.column[0]),n=s.getMinMax(e)),r.column.push(n.min,n.max),this._resetRangeAttribute(r)},_setScrolling:function(e,t){var i=this.dimensionModel.getOverflowFromMousePosition(e,t);this.stopAutoScroll(),this._isAutoScrollable(i.x,i.y)&&(this.intervalIdForAutoScroll=setInterval(n.bind(this._adjustScroll,this,i.x,i.y)))},updateByMousePosition:function(e,t,i){var n=this.coordConverterModel.getIndexFromMousePosition(e,t);this._setScrolling(e,t),this.update(n.row,n.column,i)},end:function(){this.inputRange=null,this.unset("range"),this.unsetMinimumColumnRange()},stopAutoScroll:function(){n.isNull(this.intervalIdForAutoScroll)||(clearInterval(this.intervalIdForAutoScroll),this.intervalIdForAutoScroll=null)},selectRow:function(e){this.isEnabled()&&(this.focusModel.focusAt(e,0),this.start(e,0,a.ROW),this.update(e,this.columnModel.getVisibleColumnModelList().length-1))},selectColumn:function(e){this.isEnabled()&&(this.focusModel.focusAt(0,e),this.start(0,e,a.COLUMN),this.update(this.dataModel.length-1,e))},selectAll:function(){this.isEnabled()&&(this.start(0,0,a.CELL),this.update(this.dataModel.length-1,this.columnModel.getVisibleColumnModelList().length-1))},getStartIndex:function(){var e=this.get("range");return{row:e.row[0],column:e.column[0]}},getEndIndex:function(){var e=this.get("range");return{row:e.row[1],column:e.column[1]}},hasSelection:function(){return!!this.get("range")},_isSingleCell:function(e,t){var i=1===e.length,n=1===t.length,o=i&&!n&&t[0].getRowSpanData(e[0]).count===t.length;return i&&n||o},getValuesToString:function(e){var t=this.get("range"),i=this.renderModel,o=this.dataModel.slice(t.row[0],t.row[1]+1),s=this.columnModel.getVisibleColumnModelList().slice(t.column[0],t.column[1]+1),a=n.pluck(s,"columnName"),r=n.map(o,function(t){return n.map(a,function(n){return e?i.getCellData(t.get("rowKey"),n).formattedValue:t.getValueString(n)}).join("\t")});return this._isSingleCell(a,o)?r[0]:r.join("\n")},_isAutoScrollable:function(e,t){return!(0===e&&0===t)},_adjustScroll:function(e,t){var i=this.renderModel;e&&this._adjustScrollLeft(e,i.get("scrollLeft"),i.get("maxScrollLeft")),t&&this._adjustScrollTop(t,i.get("scrollTop"),i.get("maxScrollTop"))},_adjustScrollLeft:function(e,t,i){var n=t,o=this.scrollPixelScale;e<0?n=Math.max(0,t-o):e>0&&(n=Math.min(i,t+o)),this.renderModel.set("scrollLeft",n)},_adjustScrollTop:function(e,t,i){var n=t,o=this.scrollPixelScale;e<0?n=Math.max(0,t-o):e>0&&(n=Math.min(i,t+o)),this.renderModel.set("scrollTop",n)},_resetRangeAttribute:function(e){var t,i,o,s=this.dataModel;if(e=e||this.inputRange,!e)return void this.set("range",null);if(i={row:n.sortBy(e.row),column:n.sortBy(e.column)},s.isRowSpanEnable()&&this.selectionType===a.CELL){do o=n.assign([],i.row),i=this._getRowSpannedIndex(i),t=i.row[0]!==o[0]||i.row[1]!==o[1];while(t);this._setRangeMinMax(i.row,i.column)}this.set("range",i)},setMinimumColumnRange:function(e){this._minimumColumnRange=n.extend(e)},unsetMinimumColumnRange:function(){this._minimumColumnRange=null},_setRangeMinMax:function(e,t){e&&(e[0]=Math.max(0,e[0]),e[1]=Math.min(this.dataModel.length-1,e[1])),t&&(t[0]=Math.max(0,t[0]),t[1]=Math.min(this.columnModel.getVisibleColumnModelList().length-1,t[1]))},_concatRowSpanIndexFromStart:function(e){var t,i=e.startIndex,n=e.endIndex,o=e.columnName,s=e.startRowSpanDataMap&&e.startRowSpanDataMap[o],a=e.startIndexList,r=e.endIndexList;s&&(s.isMainRow?(t=i+s.count-1,t>n&&r.push(t)):(t=i+s.count,a.push(t)))},_concatRowSpanIndexFromEnd:function(e){var t,i,n=e.endIndex,o=e.columnName,s=e.endRowSpanDataMap&&e.endRowSpanDataMap[o],a=e.endIndexList,r=e.dataModel;s&&(s.isMainRow?(t=n+s.count-1,a.push(t)):(t=n+s.count,i=r.at(t).getRowSpanData(o),t+=i.count-1,t>n&&a.push(t)))},_getRowSpannedIndex:function(e){var t,i,o,s,a=this.columnModel.getVisibleColumnModelList().slice(e.column[0],e.column[1]+1),r=this.dataModel,l=[e.row[0]],d=[e.row[1]],u=r.at(e.row[0]),h=r.at(e.row[1]),c=$.extend({},e);return u&&h?(t=r.at(e.row[0]).getRowSpanData(),i=r.at(e.row[1]).getRowSpanData(),n.each(a,function(n){o=n.columnName,s={columnName:o,startIndex:e.row[0],endIndex:e.row[1],endRowSpanDataMap:i,startRowSpanDataMap:t,startIndexList:l,endIndexList:d,dataModel:r},this._concatRowSpanIndexFromStart(s),this._concatRowSpanIndexFromEnd(s)},this),c.row=[Math.min.apply(null,l),Math.max.apply(null,d)],c):c}});e.exports=r},function(e,t,i){"use strict";var n=i(7),o=i(9).summaryType,s=n.extend({initialize:function(e,t){this.dataModel=t.dataModel,this.autoColumnNames=t.autoColumnNames,this.columnSummaryMap={},this.listenTo(this.dataModel,"add remove reset",this._resetSummaryMap),this.listenTo(this.dataModel,"change",this._onChangeData),this.listenTo(this.dataModel,"delRange",this._onDeleteRangeData),this._resetSummaryMap()},_calculate:function(e){var t,i,n=Number.MAX_VALUE,s=Number.MIN_VALUE,a=0,r=e.length,l={};for(t=0;t<r;t+=1)i=Number(e[t]),isNaN(i)&&(i=0),a+=i,n>i&&(n=i),s<i&&(s=i);return l[o.SUM]=a,l[o.MIN]=n,l[o.MAX]=s,l[o.AVG]=r?a/r:0,l[o.CNT]=r,l},_resetSummaryMap:function(){this._resetFooterSummaryValue()},_resetFooterSummaryValue:function(e){var t=this.autoColumnNames;e&&(t=_.intersection(e,this.autoColumnNames)),_.each(t,function(e){var t=this.dataModel.getColumnValues(e),i=this._calculate(t);this.columnSummaryMap[e]=i,this.trigger("change",e,i)},this)},_onChangeData:function(e){this._resetFooterSummaryValue(_.keys(e.changed))},_onDeleteRangeData:function(e,t){this._resetFooterSummaryValue(t)},getValue:function(e,t){var i,n=this.columnSummaryMap[e];return t?(i=tui.util.pick(n,t),_.isUndefined(i)?null:i):_.isUndefined(n)?null:n}});e.exports=s},function(e,t,i){"use strict";var n=i(29),o=i(30),s=i(31),a=i(32),r=i(33),l=i(34),d=i(35),u=i(36),h=i(38),c=i(39),m=i(40),g=i(41),f=i(42),M=i(43),p=i(44),C=i(45),w=i(46),R=i(47),v=i(48),y=i(8).isOptionEnabled,E=i(9).frame,b=tui.util.defineClass({init:function(e){this.domState=e.domState,this.modelManager=e.modelManager,this.painterManager=e.painterManager,this.componentHolder=e.componentHolder,this.footerOptions=e.footer,this.singleClickEdit=e.singleClickEdit,this.resizeHandle=e.resizeHandle,this.copyOption=e.copyOption},createContainer:function(){return new n({el:this.domState.$el,singleClickEdit:this.singleClickEdit,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,gridId:this.modelManager.gridId,viewFactory:this})},createContentArea:function(){return new o({dimensionModel:this.modelManager.dimensionModel,viewFactory:this})},createToolbar:function(){return this.modelManager.toolbarModel.isEnabled()?new s({gridId:this.modelManager.gridId,dimensionModel:this.modelManager.dimensionModel,toolbarModel:this.modelManager.toolbarModel}):null},createPagination:function(){return y(this.componentHolder.getOptions("pagination"))?new a({componentHolder:this.componentHolder,dimensionModel:this.modelManager.dimensionModel}):null},createHeightResizeHandle:function(){return y(this.resizeHandle)?new r({dimensionModel:this.modelManager.dimensionModel}):null},createStateLayer:function(){return new l({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel})},createClipboard:function(){return new d({columnModel:this.modelManager.columnModel,dataModel:this.modelManager.dataModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,renderModel:this.modelManager.renderModel,coordRowModel:this.modelManager.coordRowModel,coordConverterModel:this.modelManager.coordConverterModel,copyOption:this.copyOption})},createFrame:function(e){var t=e===E.L?u:h;return new t({dimensionModel:this.modelManager.dimensionModel,renderModel:this.modelManager.renderModel,viewFactory:this})},createHeader:function(e){return new c({whichSide:e,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,focusModel:this.modelManager.focusModel,selectionModel:this.modelManager.selectionModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel,coordColumnModel:this.modelManager.coordColumnModel,viewFactory:this})},createFooter:function(e){var t={};return this.footerOptions?(_.each(this.footerOptions.columnContent,function(e,i){_.isFunction(e.template)&&(t[i]=e.template)}),new M({whichSide:e,columnModel:this.modelManager.columnModel,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,coordColumnModel:this.modelManager.coordColumnModel,summaryModel:this.modelManager.summaryModel,columnTemplateMap:t})):null},createHeaderResizeHandler:function(e){return new m({whichSide:e,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,coordColumnModel:this.modelManager.coordColumnModel})},createBody:function(e){return new g({whichSide:e,renderModel:this.modelManager.renderModel,dimensionModel:this.modelManager.dimensionModel,coordConverterModel:this.modelManager.coordConverterModel,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,selectionModel:this.modelManager.selectionModel,focusModel:this.modelManager.focusModel,viewFactory:this})},createBodyTable:function(e){return new f({whichSide:e,dimensionModel:this.modelManager.dimensionModel,coordColumnModel:this.modelManager.coordColumnModel,renderModel:this.modelManager.renderModel,columnModel:this.modelManager.columnModel,painterManager:this.painterManager,viewFactory:this})},createRowList:function(e){return new p({el:e.el,whichSide:e.whichSide,bodyTableView:e.bodyTableView,dataModel:this.modelManager.dataModel,columnModel:this.modelManager.columnModel,dimensionModel:this.modelManager.dimensionModel,selectionModel:this.modelManager.selectionModel,renderModel:this.modelManager.renderModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel,painterManager:this.painterManager})},createSelectionLayer:function(e){return new C({whichSide:e,selectionModel:this.modelManager.selectionModel,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,coordRowModel:this.modelManager.coordRowModel,coordColumnModel:this.modelManager.coordColumnModel})},createEditingLayer:function(){return new w({renderModel:this.modelManager.renderModel,inputPainters:this.painterManager.getInputPainters(!0),domState:this.domState})},createDatePickerLayer:function(){return tui.component&&tui.component.DatePicker&&tui.component.Calendar?new R({columnModel:this.modelManager.columnModel,textPainter:this.painterManager.getInputPainters().text,domState:this.domState}):null},createFocusLayer:function(e){return new v({whichSide:e,dimensionModel:this.modelManager.dimensionModel,columnModel:this.modelManager.columnModel,focusModel:this.modelManager.focusModel,coordRowModel:this.modelManager.coordRowModel,coordColumnModel:this.modelManager.coordColumnModel,coordConverterModel:this.modelManager.coordConverterModel})}});e.exports=b},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(21),a=i(9).attrName,r=i(14),l=o.extend({initialize:function(e){o.prototype.initialize.call(this),this.gridId=e.gridId,this.singleClickEdit=e.singleClickEdit,this.dimensionModel=e.dimensionModel,this.focusModel=e.focusModel,this.dataModel=e.dataModel,this.viewFactory=e.viewFactory,this._createChildViews(),this.listenTo(this.dimensionModel,"setWidth",this._onSetWidth),$(window).on("resize.grid",$.proxy(this._onResizeWindow,this)),this.__$el=this.$el.clone()},events:{click:"_onClick",dblclick:"_onDblClick",mousedown:"_onMouseDown",mouseover:"_onMouseOver",mouseout:"_onMouseOut",selectstart:"_preventDrag",dragstart:"_preventDrag"},_createChildViews:function(){var e=this.viewFactory;this._addChildren([e.createToolbar(),e.createContentArea(),e.createHeightResizeHandle(),e.createPagination(),e.createStateLayer(),e.createEditingLayer(),e.createDatePickerLayer(),e.createClipboard()])},_onResizeWindow:function(){this.dimensionModel.refreshLayout()},_preventDrag:function(){return!1},_onSetWidth:function(){this.$el.width(this.dimensionModel.get("width"))},_onClick:function(e){var t,i=new s(e),o=$(e.target);this.trigger("click",i),i.isStopped()||this._isCellElement(o,!0)&&(t=this._getCellInfoFromElement(o.closest("td")),n.isNull(t.rowKey)||!this.singleClickEdit||o.is("input, textarea")||this.focusModel.focusIn(t.rowKey,t.columnName),this._triggerCellMouseEvent("clickCell",i,t))},_onDblClick:function(e){var t=new s(e),i=$(e.target);this.trigger("dblclick",t),t.isStopped()||this._isCellElement(i,!0)&&(this._triggerCellMouseEvent("dblclickCell",t,i.closest("td")),null!==t.rowKey||t.isStopped()||this.dataModel.append({},{focus:!0}))},_onMouseOver:function(e){var t,i=$(e.target);this._isCellElement(i)&&(t=new s(e),this._triggerCellMouseEvent("mouseoverCell",t,i))},_onMouseOut:function(e){var t,i=$(e.target);this._isCellElement(i)&&(t=new s(e),this._triggerCellMouseEvent("mouseoutCell",t,i))},_triggerCellMouseEvent:function(e,t,i){var o=i;i instanceof $&&(o=this._getCellInfoFromElement(i)),n.extend(t,o),this.trigger(e,t)},_isCellElement:function(e,t){var i=t?e.closest("td"):e;return!(!i.is("td")||!i.attr(a.COLUMN_NAME))},_getCellInfoFromElement:function(e){var t=Number(e.attr(a.ROW_KEY)),i=e.attr(a.COLUMN_NAME);return isNaN(t)&&(t=null),{rowKey:t,columnName:i,rowData:this.dataModel.getRowData(t)}},_onMouseDown:function(e){var t=$(e.target),i=new s(e);this.trigger("mousedown",i),i.isStopped()||t.is("input, a, button, select, textarea")||(e.preventDefault(),this.focusModel.focusClipboard())},render:function(){var e=this._renderChildren();return this.$el.addClass(r.CONTAINER).attr(a.GRID_ID,this.gridId).append(e),this._triggerChildrenAppended(),this.trigger("rendered"),this},destroy:function(){this.stopListening(),$(window).off("resize.grid"),this._destroyChildren(),this.$el.replaceWith(this.__$el),this.$el=this.__$el=null}});e.exports=l},function(e,t,i){"use strict";function n(e){return $("<div>").addClass(a.BORDER_LINE).addClass(e)}var o,s=i(2),a=i(14),r=i(9).frame;o=s.extend({initialize:function(e){s.prototype.initialize.call(this),this.viewFactory=e.viewFactory,this.dimensionModel=e.dimensionModel,this._addFrameViews()},className:a.CONTENT_AREA,_addFrameViews:function(){var e=this.viewFactory;this._addChildren([e.createFrame(r.L),e.createFrame(r.R)])},render:function(){var e=this.dimensionModel,t=e.getScrollXHeight(),i=e.get("footerHeight"),o=this._renderChildren().concat([n(a.BORDER_TOP),n(a.BORDER_LEFT),n(a.BORDER_RIGHT),n(a.BORDER_BOTTOM).css("bottom",t+i)]);return e.get("scrollX")||this.$el.addClass(a.NO_SCROLL_X),e.get("scrollY")||this.$el.addClass(a.NO_SCROLL_Y),this.$el.append(o),this}}),e.exports=o},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(14),a=o.extend({initialize:function(e){this.setOwnProperties({gridId:e.gridId,toolbarModel:e.toolbarModel,dimensionModel:e.dimensionModel}),this.on("appended",this._onAppended),this.listenTo(this.toolbarModel,"change:isExcelButtonVisible change:isExcelAllButtonVisible",this.render)},className:s.TOOLBAR,events:function(){var e={};return e["click ."+s.BTN_EXCEL]="_onClickExcel",e},templateExcelBtn:n.template('<a href="#" class="'+s.BTN_EXCEL+" "+s.BTN_TEXT+' <%=className%>"><span><em class="'+s.BTN_EXCEL_ICON+'"></em><%=text%></span></a>'),_onAppended:function(){this.dimensionModel.set("toolbarHeight",this.$el.outerHeight())},_onClickExcel:function(e){var t,i=tui.Grid.getInstanceById(this.gridId),n=i.getAddOn("Net");e.preventDefault(),n&&(t=$(e.target).closest("a"),t.hasClass(s.BTN_EXCEL_PAGE)?n.download("excel"):t.hasClass(s.BTN_EXCEL_ALL)&&n.download("excelAll"))},render:function(){var e=this.toolbarModel,t=$("<div>");return e.get("isExcelButtonVisible")&&t.append(this.templateExcelBtn({className:s.BTN_EXCEL_PAGE,text:"엑셀 다운로드"})),e.get("isExcelAllButtonVisible")&&t.append(this.templateExcelBtn({className:s.BTN_EXCEL_ALL,text:"전체 엑셀 다운로드"})),this.$el.empty().append(t),this}});e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(14),a='<a href="#" class="'+s.PAGINATION_PRE_END+'" title="First page">First</a><a href="#" class="'+s.PAGINATION_PRE+'" title="Previous page">Prev</a> <a href="#" class="'+s.PAGINATION_NEXT+'" title="Next page">Next</a><a href="#" class="'+s.PAGINATION_NEXT_END+'" title="Last page">Last</a><span class="'+s.PAGINATION_PRE_END_OFF+'">First Off</span><span class="'+s.PAGINATION_PRE_OFF+'">Prev Off</span><span class="'+s.PAGINATION_NEXT_OFF+'">Next Off</span><span class="'+s.PAGINATION_NEXT_END_OFF+'">Last Off</span>',r={classPrefix:s.PREFIX,itemCount:1,pagePerPageList:5,itemPerPage:10,isCenterAlign:!0,moveUnit:"page"},l=o.extend({initialize:function(e){this.dimensionModel=e.dimensionModel,this.componentHolder=e.componentHolder,this.on("appended",this._onAppended)},className:s.PAGINATION,render:function(){return this._destroyChildren(),this.$el.empty().html(a),this.componentHolder.setInstance("pagination",this._createComponent()),this},_onAppended:function(){this.dimensionModel.set("paginationHeight",this.$el.outerHeight())},_createOptionObject:function(){var e=this.componentHolder.getOptions("pagination"),t={$preOff:this.$el.find("."+s.PAGINATION_PRE_OFF),$pre_endOff:this.$el.find("."+s.PAGINATION_PRE_END_OFF),$nextOff:this.$el.find("."+s.PAGINATION_NEXT_OFF),$lastOff:this.$el.find("."+s.PAGINATION_NEXT_END_OFF)};return e===!0&&(e={}),n.assign({},r,t,e)},_createComponent:function(){var e=tui.util.pick(tui,"component","Pagination");if(!e)throw new Error("Cannot find component 'tui.component.Pagination'");return new e(this._createOptionObject(),this.$el)}});e.exports=l},function(e,t,i){"use strict";var n=i(2),o=i(14),s='<a href="#"><span></span></a>',a=n.extend({initialize:function(e){this.dimensionModel=e.dimensionModel,this.timeoutIdForResize=0,this.mouseOffsetY=0,this.on("appended",this._onAppended)},className:o.HEIGHT_RESIZE_HANDLE,events:{mousedown:"_onMouseDown"},_onAppended:function(){this.dimensionModel.set("resizeHandleHeight",this.$el.outerHeight())},_attachMouseEvent:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)),$(document).on("mouseup",$.proxy(this._onMouseUp,this)),$(document).on("selectstart",$.proxy(this._onSelectStart,this))},_detachMouseEvent:function(){$(document).off("mousemove",$.proxy(this._onMouseMove,this)),$(document).off("mouseup",$.proxy(this._onMouseUp,this)),$(document).off("selectstart",$.proxy(this._onSelectStart,this))},_onMouseDown:function(e){e.preventDefault(),$(document.body).css("cursor","row-resize"),this.mouseOffsetY=e.offsetY,this._attachMouseEvent()},_onMouseMove:function(e){var t=this.dimensionModel,i=t.get("offsetTop"),n=this.mouseOffsetY;clearTimeout(this.timeoutIdForResize),this.timeoutIdForResize=setTimeout(function(){t.setSize(null,e.pageY-i-n)},0)},_onMouseUp:function(){$(document.body).css("cursor","default"),this._detachMouseEvent()},_onSelectStart:function(e){return e.preventDefault(),!1},render:function(){return this._destroyChildren(),this.$el.html(s),this},destroy:function(){this.stopListening(),this._onMouseUp(),this._destroyChildren(),this.remove()}});e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(9).renderState,a=i(14),r=i(9).dimension.TABLE_BORDER_WIDTH,l="요청을 처리 중입니다.",d="데이터가 존재하지 않습니다.",u=o.extend({initialize:function(e){this.dimensionModel=e.dimensionModel,this.renderModel=e.renderModel,this.listenTo(this.dimensionModel,"change",this._refreshLayout),this.listenTo(this.renderModel,"change:state",this.render)},className:a.LAYER_STATE,template:n.template('<div class="'+a.LAYER_STATE_CONTENT+'">    <p><%= text %></p>    <% if (isLoading) { %>    <div class="'+a.LAYER_STATE_LOADING+'"></div>    <% } %></div>'),render:function(){var e=this.renderModel.get("state");return e===s.DONE?this.$el.hide():this._showLayer(e),this},_showLayer:function(e){var t=this.template({text:this._getMessage(e),isLoading:e===s.LOADING});this.$el.html(t).show(),this._refreshLayout()},_getMessage:function(e){switch(e){case s.LOADING:return l;case s.EMPTY:return this.renderModel.get("emptyMessage")||d;default:return null}},_refreshLayout:function(){var e=this.dimensionModel,t=e.get("headerHeight"),i=e.get("bodyHeight"),n=e.get("toolbarHeight"),o=e.getScrollXHeight(),s=e.getScrollYWidth();this.$el.css({top:t+n-r,height:i-o-r,left:0,right:s})}});u.MESSAGE_LOADING=l,u.MESSAGE_EMPTY=d,e.exports=u},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(8),a=i(14),r=i(9),l=r.keyCode,d=r.selectionType,u=o.extend({initialize:function(e){this.setOwnProperties({dataModel:e.dataModel,columnModel:e.columnModel,focusModel:e.focusModel,selectionModel:e.selectionModel,dimensionModel:e.dimensionModel,coordRowModel:e.coordRowModel,coordConverterModel:e.coordConverterModel,renderModel:e.renderModel,useFormattedValue:!!tui.util.pick(e,"copyOption","useFormattedValue"),timeoutIdForKeyIn:0,isLocked:!1}),this.listenTo(this.focusModel,"focusClipboard",this._onFocus)},tagName:"textarea",className:a.CLIPBOARD,events:{keydown:"_onKeyDown",blur:"_onBlur"},_onBlur:function(){var e=this.focusModel;setTimeout(function(){e.refreshState()},0)},_onFocus:function(){try{this.$el.is(":focus")||(this.$el.focus(),this.focusModel.refreshState())}catch(e){}},render:function(){return this},_lock:function(){clearTimeout(this.timeoutIdForKeyIn),this.isLocked=!0,this.timeoutIdForKeyIn=setTimeout($.proxy(this._unlock,this),10)},_unlock:function(){this.isLocked=!1},_onKeyDown:function(e){return this.isLocked?void e.preventDefault():(e.shiftKey&&(e.ctrlKey||e.metaKey)?this._keyInWithShiftAndCtrl(e):e.shiftKey?this._keyInWithShift(e):e.ctrlKey||e.metaKey?this._keyInWithCtrl(e):this._keyIn(e),void this._lock())},_keyIn:function(e){var t,i=this.focusModel,n=this.selectionModel,o=i.which(),a=o.rowKey,r=o.columnName,d=this.dataModel.indexOfRowKey(a),u=this.columnModel.indexOfColumnName(r,!0),h=!0,c=e.keyCode||e.which;if(!s.isBlank(o.rowKey)){switch(c){case l.UP_ARROW:i.focus(i.prevRowKey(),r,!0);break;case l.DOWN_ARROW:i.focus(i.nextRowKey(),r,!0);break;case l.LEFT_ARROW:i.focus(a,i.prevColumnName(),!0);break;case l.RIGHT_ARROW:i.focus(a,i.nextColumnName(),!0);break;case l.PAGE_UP:i.focusAt(this._getPageMovedRowIndex(d,!1),u,!0);break;case l.PAGE_DOWN:i.focusAt(this._getPageMovedRowIndex(d,!0),u,!0);break;case l.HOME:i.focus(a,i.firstColumnName(),!0);break;case l.END:i.focus(a,i.lastColumnName(),!0);break;case l.SPACE:case l.ENTER:this._onEnterSpace(a,r);
+break;case l.DEL:this._del(a,r);break;case l.TAB:t=i.nextAddress(),i.focusIn(t.rowKey,t.columnName,!0);break;default:h=!1}h&&e.preventDefault(),n.end()}},_onEnterSpace:function(e,t){this.focusModel.focusIn(e,t)},_getIndexBeforeMove:function(){var e,t,i=this.focusModel.indexOf(),o=this.selectionModel.get("range"),s=n.extend({},i);return o&&(e=o.row,t=o.column,s.row=e[0],s.column=t[0],e[1]>i.row&&(s.row=e[1]),t[1]>i.column&&(s.column=t[1])),s},_getPageMovedRowIndex:function(e,t){var i,n=this.coordRowModel.getOffsetAt(e),o=this.dimensionModel.get("bodyHeight");return t||(o=-o),i=this.coordRowModel.indexOf(n+o),s.clamp(i,0,this.dataModel.length-1)},_keyInWithShift:function(e){var t,i,n,o,s,a=this.focusModel,r=this.columnModel.getVisibleColumnModelList(),u=this.coordConverterModel,h=e.keyCode||e.which,c=this._getIndexBeforeMove(),m=!0,g=!0;switch(h){case l.UP_ARROW:c.row-=1;break;case l.DOWN_ARROW:c.row+=1;break;case l.LEFT_ARROW:c.column-=1;break;case l.RIGHT_ARROW:c.column+=1;break;case l.PAGE_UP:c.row=this._getPageMovedRowIndex(c.row,!1);break;case l.PAGE_DOWN:c.row=this._getPageMovedRowIndex(c.row,!0);break;case l.HOME:c.column=0;break;case l.END:c.column=r.length-1;break;case l.ENTER:g=!1;break;case l.TAB:g=!1,s=a.prevAddress(),a.focusIn(s.rowKey,s.columnName,!0);break;default:g=!1,m=!1}t=r[c.column],n=!(!t||!this.dataModel.getRowData(c.row)),g&&n&&(this._updateSelectionByKeyIn(c.row,c.column),i=u.getScrollPosition(c.row,t.columnName),i&&(o=this.selectionModel.getType(),o===d.COLUMN?delete i.scrollTop:o===d.ROW&&delete i.scrollLeft,this.renderModel.set(i))),m&&e.preventDefault()},_keyInWithCtrl:function(e){var t=this.focusModel,i=e.keyCode||e.which;switch(i){case l.CHAR_A:this.selectionModel.selectAll();break;case l.CHAR_C:this._copyToClipboard();break;case l.HOME:t.focus(t.firstRowKey(),t.firstColumnName(),!0);break;case l.END:t.focus(t.lastRowKey(),t.lastColumnName(),!0);break;case l.CHAR_V:this._pasteWhenKeyupCharV()}},_pasteWhenKeyupCharV:function(){var e=this;this._clearClipBoard(),this.pasting||(this.pasting=!0,this.$el.on("keyup",function(){e._pasteToGrid(),e.pasting=!1}))},_clearClipBoard:function(){this.$el.val("")},_pasteToGrid:function(){var e,t,i=this.selectionModel,n=this.focusModel,o=this.dataModel;e=i.hasSelection()?i.getStartIndex():n.indexOf(),t=this._getProcessClipBoardData(),this.$el.off("keyup"),o.paste(t,e)},_getProcessClipBoardData:function(){for(var e=this.$el.val(),t=e.split("\n"),i=0,n=t.length;i<n;i+=1)t[i]=t[i].split("\t");return t},_keyInWithShiftAndCtrl:function(e){var t=!0,i=this.columnModel.getVisibleColumnModelList(),n=e.keyCode||e.which;switch(n){case l.HOME:this._updateSelectionByKeyIn(0,0);break;case l.END:this._updateSelectionByKeyIn(this.dataModel.length-1,i.length-1);break;default:t=!1}t&&e.preventDefault()},_del:function(){var e=this.selectionModel,t=this.dataModel,i=this.focusModel.which(),n=i.rowKey,o=i.columnName;e.hasSelection()?t.delRange(e.get("range")):t.del(n,o)},_updateSelectionByKeyIn:function(e,t){var i=this.selectionModel;i.update(e,t)},_getClipboardString:function(){var e,t=this.selectionModel,i=this.focusModel.which();return e=t.hasSelection()?this.selectionModel.getValuesToString(this.useFormattedValue):this.useFormattedValue?this.renderModel.getCellData(i.rowKey,i.columnName).formattedValue:this.dataModel.get(i.rowKey).getValueString(i.columnName)},_copyToClipboard:function(){var e=this._getClipboardString();window.clipboardData?window.clipboardData.setData("Text",e):this.$el.val(e).select()}});e.exports=u},function(e,t,i){"use strict";var n=i(37),o=i(14),s=i(9).frame,a=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:s.L}),this.listenTo(this.dimensionModel,"change:lsideWidth",this._onFrameWidthChanged)},className:o.LSIDE_AREA,_onFrameWidthChanged:function(){this.$el.css({width:this.dimensionModel.get("lsideWidth")})},beforeRender:function(){this.$el.css({display:"block",width:this.dimensionModel.get("lsideWidth")})},afterRender:function(){this.dimensionModel.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_LEFT_BOTTOM))}});e.exports=a},function(e,t,i){"use strict";var n=i(2),o=i(9).frame,s=n.extend({initialize:function(e){n.prototype.initialize.call(this),this.setOwnProperties({viewFactory:e.viewFactory,renderModel:e.renderModel,dimensionModel:e.dimensionModel,whichSide:e.whichSide||o.R}),this.listenTo(this.renderModel,"columnModelChanged",this.render)},render:function(){var e=this.viewFactory;return this.$el.empty(),this._destroyChildren(),this.beforeRender(),this._addChildren([e.createHeader(this.whichSide),e.createBody(this.whichSide),e.createFooter(this.whichSide)]),this.$el.append(this._renderChildren()),this.afterRender(),this},beforeRender:function(){},afterRender:function(){}});e.exports=s},function(e,t,i){"use strict";var n=i(37),o=i(14),s=i(9),a=s.frame,r=s.dimension.CELL_BORDER_WIDTH,l=n.extend({initialize:function(){n.prototype.initialize.apply(this,arguments),this.setOwnProperties({whichSide:a.R,$scrollBorder:null}),this.listenTo(this.dimensionModel,"change:lsideWidth change:rsideWidth",this._onFrameWidthChanged),this.listenTo(this.dimensionModel,"change:bodyHeight change:headerHeight",this._resetScrollBorderHeight)},className:o.RSIDE_AREA,_onFrameWidthChanged:function(){this._refreshLayout()},_refreshLayout:function(){var e=this.dimensionModel,t=e.get("rsideWidth"),i=e.get("lsideWidth");i>0&&!e.isDivisionBorderDoubled()&&(t+=r,i-=r),this.$el.css({width:t,marginLeft:i})},_resetScrollBorderHeight:function(){var e,t;this.$scrollBorder&&(e=this.dimensionModel,t=e.get("bodyHeight")-e.getScrollXHeight(),this.$scrollBorder.height(t))},beforeRender:function(){this.$el.css("display","block"),this._refreshLayout()},afterRender:function(){var e,t,i,n,s=this.dimensionModel;s.get("scrollY")&&(e=s.get("headerHeight"),t=s.get("footerHeight"),i=$("<div />").addClass(o.SCROLLBAR_HEAD),n=$("<div />").addClass(o.SCROLLBAR_BORDER),i.height(e-2),n.css("top",e+"px"),this.$el.append(i,n),s.get("scrollX")&&this.$el.append($("<div>").addClass(o.SCROLLBAR_RIGHT_BOTTOM)),t&&s.get("scrollY")&&this.$el.append($("<div>").addClass(o.FOOT_AREA_RIGHT).css("height",t-r)),this.$scrollBorder=n,this._resetScrollBorderHeight())}});e.exports=l},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(8),a=i(9),r=i(14),l=a.frame,d=10,u=a.keyCode,h=a.selectionType.COLUMN,c=a.attrName.COLUMN_NAME,m=a.dimension.CELL_BORDER_WIDTH,g=a.dimension.TABLE_BORDER_WIDTH,f=o.extend({initialize:function(e){o.prototype.initialize.call(this),this.setOwnProperties({renderModel:e.renderModel,coordColumnModel:e.coordColumnModel,dimensionModel:e.dimensionModel,selectionModel:e.selectionModel,focusModel:e.focusModel,columnModel:e.columnModel,dataModel:e.dataModel,viewFactory:e.viewFactory,coordRowModel:e.coordRowModel,whichSide:e.whichSide||l.R}),this.listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange).listenTo(this.coordColumnModel,"columnWidthChanged",this._onColumnWidthChanged).listenTo(this.selectionModel,"change:range",this._refreshSelectedHeaders).listenTo(this.focusModel,"change:columnName",this._refreshSelectedHeaders).listenTo(this.dataModel,"sortChanged",this._updateBtnSortState),this.whichSide===l.L&&"checkbox"===this.columnModel.get("selectType")&&this.listenTo(this.dataModel,"change:_button disabledChanged extraDataChanged add remove reset",n.debounce(n.bind(this._syncCheckedState,this),d))},className:r.HEAD_AREA,events:{click:"_onClick","keydown input":"_onKeydown","mousedown th":"_onMouseDown"},template:n.template('<table class="'+r.TABLE+'"><colgroup><%=colGroup%></colgroup><tbody><%=tBody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" height="<%=height%>" <%if(colspan > 0) {%>colspan=<%=colspan%> <%}%><%if(rowspan > 0) {%>rowspan=<%=rowspan%> <%}%>><%=title%><%=btnSort%></th>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),markupBtnSort:'<a class="'+r.BTN_SORT+'"></a>',_getColGroupMarkup:function(){var e=this._getColumnData(),t=e.widthList,i=e.modelList,o=[];return n.each(t,function(e,t){o.push(this.templateCol({attrColumnName:c,columnName:i[t].columnName,width:e+m}))},this),o.join("")},_getSelectedColumnNames:function(){var e=this.selectionModel.get("range").column,t=this.columnModel.getVisibleColumnModelList(),i=t.slice(e[0],e[1]+1);return n.pluck(i,"columnName")},_getContainingMergedColumnNames:function(e){var t=this.columnModel,i=n.pluck(t.get("columnMerge"),"columnName");return n.filter(i,function(i){var o=t.getUnitColumnNamesIfMerged(i);return n.every(o,function(t){return n.contains(e,t)})})},_refreshSelectedHeaders:function(){var e,t,i=this.$el.find("th");this.selectionModel.hasSelection()?e=this._getSelectedColumnNames():this.focusModel.has(!0)&&(e=[this.focusModel.get("columnName")]),i.removeClass(r.CELL_SELECTED),e&&(t=this._getContainingMergedColumnNames(e),n.each(e.concat(t),function(e){i.filter("["+c+'="'+e+'"]').addClass(r.CELL_SELECTED)}))},_onKeydown:function(e){e.keyCode===u.TAB&&(e.preventDefault(),this.focusModel.focusClipboard())},_onMouseDown:function(e){var t,i;this.selectionModel.isEnabled()&&!$(e.target).is("a."+r.BTN_SORT)&&(t=$(e.target).closest("th").attr(c),t&&(i=this.columnModel.getUnitColumnNamesIfMerged(t),this._hasMetaColumn(i)||this._controlStartAction(i,e.pageX,e.pageY,e.shiftKey)))},_controlStartAction:function(e,t,i,o){var s=this.columnModel,a=n.map(e,function(e){return s.indexOfColumnName(e,!0)});o?this._startColumnSelectionWithShiftKey(a,t,i):this._startColumnSelectionWithoutShiftKey(a),this._attachDragEvents()},_startColumnSelectionWithShiftKey:function(e,t,i){var n=this.selectionModel,o=Math.max.apply(null,e);n.update(0,o,h),n.extendColumnSelection(e,t,i)},_startColumnSelectionWithoutShiftKey:function(e){var t=this.selectionModel,i=s.getMinMax(e),n=i.min,o=i.max;t.setMinimumColumnRange([n,o]),t.selectColumn(n),t.update(0,o)},_attachDragEvents:function(){$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(e){var t,i,o=this.columnModel,s=!0,a=$(e.target).closest("th").attr(c);a?(t=o.getUnitColumnNamesIfMerged(a),i=n.map(t,function(e){return o.indexOfColumnName(e,!0)})):$.contains(this.el,e.target)&&(s=!1),s&&this.selectionModel.extendColumnSelection(i,e.pageX,e.pageY)},_hasMetaColumn:function(e){return n.some(e,function(e){return s.isMetaColumn(e)})},_onSelectStart:function(e){return e.preventDefault(),!1},_getHeaderMainCheckbox:function(){return this.$el.find("th["+c+'="_button"] input')},_syncCheckedState:function(){var e,t,i=this.dataModel.getCheckedState();e=this._getHeaderMainCheckbox(),e.length&&(t=i.available?{checked:i.available===i.checked,disabled:!1}:{checked:!1,disabled:!0},e.prop(t))},_onColumnWidthChanged:function(){var e=this.coordColumnModel.getColumnWidthList(this.whichSide),t=this.$el.find("col"),i=this.coordRowModel,o=0;n.each(e,function(e,i){t.eq(i).css("width",e+m),o+=e}),this.$el.find("table").css("width",o),this.whichSide===l.R&&n.defer(function(){i.syncWithDom()})},_onScrollLeftChange:function(e,t){this.whichSide===l.R&&(this.el.scrollLeft=t)},_onClick:function(e){var t=$(e.target),i=t.closest("th").attr(c);"_button"===i&&t.is("input")?t.prop("checked")?this.dataModel.checkAll():this.dataModel.uncheckAll():t.is("a."+r.BTN_SORT)&&this.dataModel.sortByField(i)},_updateBtnSortState:function(e){this._$currentSortBtn&&this._$currentSortBtn.removeClass(r.BTN_SORT_DOWN+" "+r.BTN_SORT_UP),this._$currentSortBtn=this.$el.find("th["+c+'="'+e.columnName+'"] a.'+r.BTN_SORT),this._$currentSortBtn.addClass(e.isAscending?r.BTN_SORT_UP:r.BTN_SORT_DOWN)},render:function(){return this._destroyChildren(),this.$el.css({height:this.dimensionModel.get("headerHeight")-g}).html(this.template({colGroup:this._getColGroupMarkup(),tBody:this._getTableBodyMarkup()})),this._addChildren(this.viewFactory.createHeaderResizeHandler(this.whichSide)),this.$el.append(this._renderChildren()),this},_getColumnData:function(){var e=this.coordColumnModel.getColumnWidthList(this.whichSide),t=this.columnModel.getVisibleColumnModelList(this.whichSide,!0);return{widthList:e,modelList:t}},_getTableBodyMarkup:function(){var e,t,i=this._getColumnHierarchyList(),o=this._getHierarchyMaxRowCount(i),a=this.dimensionModel.get("headerHeight"),l=new Array(o),d=new Array(o),u=[],h=s.getRowHeight(o,a)-1,m=1;return n.each(i,function(t,s){var g=i[s].length,f=0;n.each(t,function(t,i){var n=t.columnName,s=[r.CELL,r.CELL_HEAD];t.isRequired&&s.push(r.CELL_REQRUIRED),m=g-1===i&&o-g+1>1?o-g+1:1,e=h*m,i===g-1?e=a-f-2:f+=e+1,d[i]===n?(l[i].pop(),u[i]+=1):u[i]=1,d[i]=n,l[i]=l[i]||[],l[i].push(this.templateHeader({attrColumnName:c,columnName:n,className:s.join(" "),height:e,colspan:u[i],rowspan:m,title:t.title,btnSort:t.isSortable?this.markupBtnSort:""}))},this)},this),t=n.map(l,function(e){return"<tr>"+e.join("")+"</tr>"}),t.join("")},_getHierarchyMaxRowCount:function(e){var t=[0];return n.each(e,function(e){t.push(e.length)},this),Math.max.apply(Math,t)},_getColumnHierarchyList:function(){var e,t=this._getColumnData().modelList;return e=n.map(t,function(e){return this._getColumnHierarchy(e).reverse()},this)},_getColumnHierarchy:function(e,t){var i=this.columnModel.get("columnMerge");return t=t||[],e&&(t.push(e),i&&n.each(i,function(i){$.inArray(e.columnName,i.columnNameList)!==-1&&this._getColumnHierarchy(i,t)},this)),t}});f.DELAY_SYNC_CHECK=d,e.exports=f},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.attrName,l=s.frame,d=s.dimension.CELL_BORDER_WIDTH,u=s.dimension.RESIZE_HANDLE_WIDTH,h=o.extend({initialize:function(e){this.setOwnProperties({dimensionModel:e.dimensionModel,columnModel:e.columnModel,coordColumnModel:e.coordColumnModel,whichSide:e.whichSide||l.R,isResizing:!1,$target:null,differenceLeft:0,initialWidth:0,initialOffsetLeft:0,initialLeft:0}),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._refreshHandlerPosition)},className:a.COLUMN_RESIZE_CONTAINER,events:function(){var e={};return e["mousedown ."+a.COLUMN_RESIZE_HANDLE]="_onMouseDown",e["dblclick ."+a.COLUMN_RESIZE_HANDLE]="_onDblClick",e},template:n.template("<div "+r.COLUMN_INDEX+'="<%=columnIndex%>" '+r.COLUMN_NAME+'="<%=columnName%>" class="'+a.COLUMN_RESIZE_HANDLE+' <%=lastClass%>" style="<%=height%>" title="마우스 드래그를 통해 컬럼의 넓이를 변경할 수 있고,더블클릭을 통해 넓이를 초기화할 수 있습니다."></div>'),_getColumnData:function(){var e=this.coordColumnModel.getColumnWidthList(this.whichSide),t=this.columnModel.getVisibleColumnModelList(this.whichSide,!0);return{widthList:e,modelList:t}},_getResizeHandlerMarkup:function(){var e=this._getColumnData(),t=e.modelList,i=this.dimensionModel.get("headerHeight"),o=t.length,s=n.map(t,function(e,t){return this.template({lastClass:t+1===o?a.COLUMN_RESIZE_HANDLE_LAST:"",columnIndex:t,columnName:e.columnName,height:i})},this);return s.join("")},render:function(){var e=this.dimensionModel.get("headerHeight"),t=this._getResizeHandlerMarkup();return this.$el.empty().html(t).css({marginTop:-e,height:e,display:"block"}),this._refreshHandlerPosition(),this},_refreshHandlerPosition:function(){var e=this._getColumnData(),t=e.widthList,i=this.$el.find("."+a.COLUMN_RESIZE_HANDLE),n=Math.floor(u/2),o=0;tui.util.forEachArray(i,function(e,s){var a=i.eq(s);o+=t[s]+d,a.css("left",o-n)})},_isResizing:function(){return!!this.isResizing},_onMouseDown:function(e){this._startResizing($(e.target))},_onDblClick:function(e){var t=$(e.target),i=parseInt(t.attr(r.COLUMN_INDEX),10);this.coordColumnModel.restoreColumnWidth(this._getHandlerColumnIndex(i)),this._refreshHandlerPosition()},_onMouseUp:function(){this._stopResizing()},_onMouseMove:function(e){var t,i;this._isResizing()&&(e.preventDefault(),t=this._calculateWidth(e.pageX),i=parseInt(this.$target.attr(r.COLUMN_INDEX),10),this.coordColumnModel.setColumnWidth(this._getHandlerColumnIndex(i),t),this._refreshHandlerPosition())},_calculateWidth:function(e){var t=e-this.initialOffsetLeft-this.initialLeft;return this.initialWidth+t},_getHandlerColumnIndex:function(e){return this.whichSide===l.R?e+this.columnModel.getVisibleColumnFixCount(!0):e},_startResizing:function(e){var t=this._getColumnData(),i=t.widthList;this.isResizing=!0,this.$target=e,this.initialLeft=parseInt(e.css("left").replace("px",""),10),this.initialOffsetLeft=this.$el.offset().left,this.initialWidth=i[e.attr(r.COLUMN_INDEX)],$("body").css("cursor","col-resize"),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._onMouseUp,this)),e[0].setCapture&&e[0].setCapture()},_stopResizing:function(){this.$target&&this.$target[0].releaseCapture&&this.$target[0].releaseCapture(),this.isResizing=!1,this.$target=null,this.initialLeft=0,this.initialOffsetLeft=0,this.initialWidth=0,$("body").css("cursor","default"),$(document).unbind("mousemove",$.proxy(this._onMouseMove,this)).unbind("mouseup",$.proxy(this._onMouseUp,this))},destroy:function(){this.stopListening(),this._stopResizing(),this.remove()}});e.exports=h},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(8),a=i(9),r=i(14),l=a.attrName,d=a.selectionType,u=a.frame,h=200,c=10,m=o.extend({initialize:function(e){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:e.dimensionModel,dataModel:e.dataModel,columnModel:e.columnModel,renderModel:e.renderModel,coordConverterModel:e.coordConverterModel,selectionModel:e.selectionModel,focusModel:e.focusModel,viewFactory:e.viewFactory,$container:null,whichSide:e&&e.whichSide||u.R}),this.listenTo(this.dimensionModel,"change:bodyHeight",this._onBodyHeightChange).listenTo(this.dimensionModel,"change:totalRowHeight",this._resetContainerHeight).listenTo(this.renderModel,"change:scrollTop",this._onScrollTopChange).listenTo(this.renderModel,"change:scrollLeft",this._onScrollLeftChange)},className:r.BODY_AREA,events:function(){var e={};return e.scroll="_onScroll",e["mousedown ."+r.BODY_CONTAINER]="_onMouseDown",e},_onBodyHeightChange:function(e,t){this.$el.css("height",t+"px")},_resetContainerHeight:function(){this.$container.css({height:this.dimensionModel.get("totalRowHeight")})},_onScroll:function(e){var t={scrollTop:e.target.scrollTop};this.whichSide===u.R&&(t.scrollLeft=e.target.scrollLeft),this.renderModel.set(t)},_onScrollLeftChange:function(e,t){this.whichSide===u.R&&(this.el.scrollLeft=t)},_onScrollTopChange:function(e,t){this.el.scrollTop=t},_getColumnNameByVisibleIndex:function(e){var t=this.columnModel.getVisibleColumnModelList(null,!1);return t[e].columnName},_onMouseDown:function(e){var t,i=this.columnModel,o=$(e.target),s=o.closest("td"),a=o.closest("tr"),r=s.attr(l.COLUMN_NAME),d=a.attr(l.ROW_KEY),u=!0,h=n.pick(e,"pageX","pageY","shiftKey");s.length?d&&r?(t={column:i.indexOfColumnName(r,!0),row:this.dataModel.indexOfRowKey(d)},"radio"===this.columnModel.get("selectType")&&this.dataModel.check(d)):u=!1:(t=this.coordConverterModel.getIndexFromMousePosition(e.pageX,e.pageY),r=this._getColumnNameByVisibleIndex(t.column)),u&&this._controlStartAction(h,t,r,o.is("input, textarea"))},_controlStartAction:function(e,t,i,n){var o=this.selectionModel,a=t.column,r=t.row,l=!0;o.isEnabled()&&(s.isMetaColumn(i)?"_number"===i?this._updateSelectionByRow(r,e.shiftKey):l=!1:(o.setType(d.CELL),e.shiftKey&&!n?o.update(r,a):(l=this._doFocusAtAndCheckDraggable(r,a),o.end())),!n&&l&&(this.dimensionModel.refreshLayout(),this._attachDragEvents(e.pageX,e.pageY)))},_updateSelectionByRow:function(e,t){t?this.selectionModel.update(e,0,d.ROW):this.selectionModel.selectRow(e)},_doFocusAtAndCheckDraggable:function(e,t){var i=(new Date).getTime(),n=this.focusModel.focusAt(e,t),o=(new Date).getTime(),s=o-i>h;return!(!n||s)},_attachDragEvents:function(e,t){this.setOwnProperties({mouseDownX:e,mouseDownY:t}),$(document).on("mousemove",$.proxy(this._onMouseMove,this)).on("mouseup",$.proxy(this._detachDragEvents,this)).on("selectstart",$.proxy(this._onSelectStart,this))},_detachDragEvents:function(){this.selectionModel.stopAutoScroll(),$(document).off("mousemove",this._onMouseMove).off("mouseup",this._detachDragEvents).off("selectstart",this._onSelectStart)},_onMouseMove:function(e){var t=this._getMouseMoveDistance(e.pageX,e.pageY)>c;(this.selectionModel.hasSelection()||t)&&this.selectionModel.updateByMousePosition(e.pageX,e.pageY)},_getMouseMoveDistance:function(e,t){var i=Math.abs(this.mouseDownX-e),n=Math.abs(this.mouseDownY-t);return Math.round(Math.sqrt(Math.pow(i,2)+Math.pow(n,2)))},_onSelectStart:function(e){return e.preventDefault(),!1},render:function(){var e=this.whichSide;return this._destroyChildren(),this.dimensionModel.get("scrollX")||this.$el.css("overflow-x","hidden"),this.dimensionModel.get("scrollY")||e!==u.R||this.$el.css("overflow-y","hidden"),this.$el.css("height",this.dimensionModel.get("bodyHeight")),this.$container=$("<div>").addClass(r.BODY_CONTAINER),this.$el.append(this.$container),this._addChildren([this.viewFactory.createBodyTable(e),this.viewFactory.createSelectionLayer(e),this.viewFactory.createFocusLayer(e)]),this.$container.append(this._renderChildren()),this._resetContainerHeight(),this}});e.exports=m},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.dimension.CELL_BORDER_WIDTH,l=s.attrName.COLUMN_NAME,d=o.extend({initialize:function(e){o.prototype.initialize.call(this),this.setOwnProperties({dimensionModel:e.dimensionModel,coordColumnModel:e.coordColumnModel,renderModel:e.renderModel,columnModel:e.columnModel,viewFactory:e.viewFactory,painterManager:e.painterManager,whichSide:e.whichSide||"R"}),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._onColumnWidthChanged),this.listenTo(this.renderModel,"change:dummyRowCount",this._onChangeDummyRowCount),this.listenTo(this.dimensionModel,"change:bodyHeight",this._resetHeight),this._attachAllTableEventHandlers()},className:a.BODY_TABLE_CONTAINER,template:n.template('<table class="'+a.TABLE+'">   <colgroup><%=colGroup%></colgroup>   <tbody><%=tbody%></tbody></table>'),templateCol:n.template('<col <%=attrColumnName%>="<%=columnName%>" style="width:<%=width%>px">'),_onColumnWidthChanged:function(){var e=this.coordColumnModel.getColumnWidthList(this.whichSide),t=this.$el.find("col"),i=0;n.each(e,function(e,n){t.eq(n).css("width",e+r),i+=e},this),this.$el.find("table").css("width",i)},_onChangeDummyRowCount:function(){this._resetOverflow(),this._resetHeight()},_resetOverflow:function(){var e="visible";this.renderModel.get("dummyRowCount")>0&&(e="hidden"),this.$el.css("overflow",e)},_resetHeight:function(){var e=this.dimensionModel;this.renderModel.get("dummyRowCount")>0?this.$el.height(e.get("bodyHeight")-e.getScrollXHeight()):this.$el.css("height","")},resetTablePosition:function(){this.$el.css("top",this.renderModel.get("top"))},render:function(){return this._destroyChildren(),this.$el.html(this.template({colGroup:this._getColGroupMarkup(),tbody:""})),this._addChildren(this.viewFactory.createRowList({bodyTableView:this,el:this.$el.find("tbody"),whichSide:this.whichSide})),this._renderChildren(),this._resetHeight(),this._resetOverflow(),this},_attachAllTableEventHandlers:function(){var e=this.painterManager.getCellPainters();n.each(e,function(e){e.attachEventHandlers(this.$el,"")},this)},redrawTable:function(e){return this.$el[0].innerHTML=this.template({colGroup:this._getColGroupMarkup(),tbody:e}),this.$el.find("tbody")},_getColGroupMarkup:function(){var e=this.whichSide,t=this.coordColumnModel.getColumnWidthList(e),i=this.columnModel.getVisibleColumnModelList(e,!0),o="";return n.each(i,function(e,i){o+=this.templateCol({attrColumnName:l,columnName:e.columnName,width:t[i]+r})},this),o}});e.exports=d},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(14),a=i(9),r=a.frame,l=a.attrName.COLUMN_NAME,d=o.extend({initialize:function(e){this.columnTemplateMap=e.columnTemplateMap||{},this.whichSide=e.whichSide,this.columnModel=e.columnModel,this.dimensionModel=e.dimensionModel,this.coordColumnModel=e.coordColumnModel,this.renderModel=e.renderModel,this.summaryModel=e.summaryModel,this.listenTo(this.renderModel,"change:scrollLeft",this._onChangeScrollLeft),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._onChangeColumnWidth),this.listenTo(this.columnModel,"setFooterContent",this._setcolumnContent),this.summaryModel&&this.listenTo(this.summaryModel,"change",this._onChangeSummaryValue)},className:s.FOOT_AREA,events:{scroll:"_onScrollView"},template:n.template('<table class="<%=className%>" style="height:<%=height%>px"><tbody><%=tbody%></tbody></table>'),templateHeader:n.template('<th <%=attrColumnName%>="<%=columnName%>" class="<%=className%>" style="width:<%=width%>px"><%=value%></th>'),_onScrollView:function(e){this.whichSide===r.R&&this.renderModel.set("scrollLeft",e.target.scrollLeft)},_onChangeScrollLeft:function(e,t){this.whichSide===r.R&&(this.el.scrollLeft=t)},_onChangeColumnWidth:function(){var e=this.coordColumnModel.getColumnWidthList(this.whichSide),t=this.$el.find("th");n.each(e,function(e,i){t.eq(i).css("width",e)})},_setcolumnContent:function(e,t){var i=this.$el.find("th["+l+'="'+e+'"]');i.html(t)},_onChangeSummaryValue:function(e,t){var i=this._generateValueHTML(e,t);this._setcolumnContent(e,i)},_generateValueHTML:function(e,t){var i=this.columnTemplateMap[e],o="";return n.isFunction(i)&&(o=i(t)),o},_generateTbodyHTML:function(){var e=this.summaryModel,t=this.columnModel.getVisibleColumnModelList(this.whichSide,!0),i=this.coordColumnModel.getColumnWidthList(this.whichSide);return n.reduce(t,function(t,n,o){var a,r=n.columnName;return e&&(a=e.getValue(n.columnName)),t+this.templateHeader({attrColumnName:l,columnName:r,className:s.CELL_HEAD+" "+s.CELL,width:i[o],value:this._generateValueHTML(r,a)})},"",this)},render:function(){var e=this.dimensionModel.get("footerHeight");return e&&this.$el.html(this.template({className:s.TABLE,height:e,tbody:this._generateTbodyHTML()})),this}});e.exports=d},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.attrName,l=s.frame,d=s.dimension.CELL_BORDER_WIDTH,u=o.extend({initialize:function(e){var t=e.focusModel,i=e.renderModel,n=e.selectionModel,o=e.coordRowModel,s=e.whichSide||"R";this.setOwnProperties({whichSide:s,bodyTableView:e.bodyTableView,focusModel:t,renderModel:i,selectionModel:n,coordRowModel:o,dataModel:e.dataModel,columnModel:e.columnModel,collection:i.getCollection(s),painterManager:e.painterManager,sortOptions:null,renderedRowKeys:null}),this.listenTo(this.collection,"change",this._onModelChange).listenTo(this.collection,"restore",this._onModelRestore).listenTo(t,"change:rowKey",this._refreshFocusedRow).listenTo(i,"rowListChanged",this.render),this.whichSide===l.L&&this.listenTo(t,"change:rowKey",this._refreshSelectedMetaColumns).listenTo(n,"change:range",this._refreshSelectedMetaColumns).listenTo(i,"rowListChanged",this._refreshSelectedMetaColumns)},_getColumnModelList:function(){return this.columnModel.getVisibleColumnModelList(this.whichSide,!0)},_removeOldRows:function(e){var t=n.indexOf(this.renderedRowKeys,e[0]),i=n.indexOf(this.renderedRowKeys,n.last(e)),o=this.$el.children("tr");o.slice(0,t).remove(),o.slice(i+1).remove()},_appendNewRows:function(e,t){var i=this.collection.slice(0,n.indexOf(e,t[0])),o=this.collection.slice(n.indexOf(e,n.last(t))+1);this.$el.prepend(this._getRowsHtml(i)),this.$el.append(this._getRowsHtml(o))},_resetRows:function(){var e,t=this._getRowsHtml(this.collection.models);if(u.isInnerHtmlOfTbodyReadOnly)e=this.bodyTableView.redrawTable(t),this.setElement(e,!1);else try{this.$el[0].innerHTML=t}catch(e){u.isInnerHtmlOfTbodyReadOnly=!0,this._resetRows()}},_getRowsHtml:function(e){var t=this.painterManager.getRowPainter(),i=n.pluck(this._getColumnModelList(),"columnName");return n.map(e,function(e){return t.generateHtml(e,i)}).join("")},_getRowElement:function(e){return this.$el.find("tr["+r.ROW_KEY+"="+e+"]")},_refreshSelectedMetaColumns:function(){var e,t=this.$el.find("tr"),i="."+a.CELL_HEAD;e=this.selectionModel.hasSelection()?this._filterRowsByIndexRange(t,this.selectionModel.get("range").row):this._filterRowByKey(t,this.focusModel.get("rowKey")),t.find(i).removeClass(a.CELL_SELECTED),e.find(i).addClass(a.CELL_SELECTED)},_filterRowsByIndexRange:function(e,t){var i,n,o=this.renderModel,s=o.get("startIndex");return i=Math.max(t[0]-s,0),n=Math.max(t[1]-s+1,0),i||n?e.slice(i,n):$()},_filterRowByKey:function(e,t){var i=this.dataModel.indexOfRowKey(t),n=this.renderModel.get("startIndex");return n>i?$():e.eq(i-n)},_refreshFocusedRow:function(){var e=this.focusModel.get("rowKey"),t=this.focusModel.get("prevRowKey");this._setFocusedRowClass(t,!1),this._setFocusedRowClass(e,!0)},_setFocusedRowClass:function(e,t){var i=n.pluck(this._getColumnModelList(),"columnName"),o={};n.each(i,function(i){var n,s=this.dataModel.getMainRowKey(e,i);o[s]||(o[s]=this._getRowElement(s)),n=o[s].find("td["+r.COLUMN_NAME+'="'+i+'"]'),n.toggleClass(a.CELL_CURRENT_ROW,t)},this)},render:function(e){var t,i=this.collection.pluck("rowKey");return this.bodyTableView.resetTablePosition(),e?this._resetRows():(t=n.intersection(i,this.renderedRowKeys),n.isEmpty(i)||n.isEmpty(t)||t.length/i.length<.7?this._resetRows():(this._removeOldRows(t),this._appendNewRows(i,t))),this.renderedRowKeys=i,this},_onModelChange:function(e){var t=e.get("rowKey"),i=this._getRowElement(t);"height"in e.changed?i.css("height",e.get("height")+d):(this.painterManager.getRowPainter().refresh(e.changed,i),this.coordRowModel.syncWithDom())},_onModelRestore:function(e){var t=this.dataModel.getElement(e.rowKey,e.columnName),i=this.columnModel.getEditType(e.columnName);this.painterManager.getCellPainter(i).refresh(e,t),this.coordRowModel.syncWithDom()}},{isInnerHtmlOfTbodyReadOnly:tui.util.browser.msie&&tui.util.browser.version<=9});e.exports=u},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(14),a=i(9).dimension.CELL_BORDER_WIDTH,r=i(9).frame,l=o.extend({initialize:function(e){this.setOwnProperties({whichSide:e.whichSide||r.R,dimensionModel:e.dimensionModel,coordRowModel:e.coordRowModel,coordColumnModel:e.coordColumnModel,columnModel:e.columnModel,selectionModel:e.selectionModel}),this._updateColumnWidthList(),this.listenTo(this.coordColumnModel,"columnWidthChanged",this._onChangeColumnWidth),this.listenTo(this.selectionModel,"change:range",this.render)},className:s.LAYER_SELECTION,_updateColumnWidthList:function(){this.columnWidthList=this.coordColumnModel.getColumnWidthList(this.whichSide)},_onChangeColumnWidth:function(){this._updateColumnWidthList(),this.render()},_getOwnSideColumnRange:function(e){var t=this.columnModel.getVisibleColumnFixCount(),i=null;return this.whichSide===r.L?e[0]<t&&(i=[e[0],Math.min(e[1],t-1)]):e[1]>=t&&(i=[Math.max(e[0],t)-t,e[1]-t]),i},_getVerticalStyles:function(e){var t=this.coordRowModel,i=t.getOffsetAt(e[0]),n=t.getOffsetAt(e[1])+t.getHeightAt(e[1]);return{top:i+"px",height:n-i+"px"}},_getHorizontalStyles:function(e){var t=this.columnWidthList,i=this.columnModel.getVisibleMetaColumnCount(),n=e[0],o=e[1],s=0,l=0,d=0;for(this.whichSide===r.L&&(n+=i,o+=i),o=Math.min(o,t.length-1);d<=o;d+=1)d<n?s+=t[d]+a:l+=t[d]+a;return l-=a,{left:s+"px",width:l+"px"}},render:function(){var e,t,i=this.selectionModel.get("range");return i&&(t=this._getOwnSideColumnRange(i.column)),t?(e=n.assign({},this._getVerticalStyles(i.row),this._getHorizontalStyles(t)),this.$el.show().css(e)):this.$el.hide(),this}});e.exports=l},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(9).dimension.CELL_BORDER_WIDTH,a=i(9).attrName,r=i(14),l=o.extend({initialize:function(e){this.renderModel=e.renderModel,this.domState=e.domState,this.inputPainters=e.inputPainters,this.listenTo(this.renderModel,"editingStateChanged",this._onEditingStateChanged)},className:r.LAYER_EDITING+" "+r.CELL_CONTENT,_startEditing:function(e){
+var t=e.rowKey,i=e.columnName,n=tui.util.pick(e,"columnModel","editOption","type"),o=this._calculateLayoutStyle(t,i,this._isWidthExpandable(n)),s=this.inputPainters[n];this.$el.html(s.generateHtml(e)).attr(a.ROW_KEY,t).attr(a.COLUMN_NAME,i).css(o).show(),this._adjustLeftPosition(),s.focus(this.$el)},_isWidthExpandable:function(e){return n.contains(["checkbox","radio"],e)},_finishEditing:function(){this.$el.removeAttr(a.ROW_KEY),this.$el.removeAttr(a.COLUMN_NAME),this.$el.empty().hide()},_adjustLeftPosition:function(){var e=this.domState.getWidth(),t=this.$el.outerWidth(),i=this.$el.position().left;i+t>e&&this.$el.css("left",e-t)},_adjustCellOffsetValue:function(e){var t=tui.util.browser,i=e;return t.msie&&(9===t.version?i=e-1:t.version>9&&(i=Math.floor(e))),i},_calculateLayoutStyle:function(e,t,i){var n=this.domState.getOffset(),o=this.domState.getElement(e,t),a=o.offset(),r=o.outerHeight()+s,l=o.outerWidth()+s;return{top:this._adjustCellOffsetValue(a.top)-n.top,left:this._adjustCellOffsetValue(a.left)-n.left,height:r,minWidth:i?l:"",width:i?"":l,lineHeight:r+"px"}},_onEditingStateChanged:function(e){e.isEditing?this._startEditing(e):this._finishEditing()},render:function(){return n.each(this.inputPainters,function(e){e.attachEventHandlers(this.$el,"")},this),this}});e.exports=l},function(e,t,i){"use strict";function n(e){var t=a.ICO_ARROW+" "+e;return'<span class="'+t+'"></span>'}var o,s=i(2),a=i(14),r="yyyy-mm-dd";o=s.extend({initialize:function(e){this.textPainter=e.textPainter,this.columnModel=e.columnModel,this.domState=e.domState,this.calendar=this._createCalendar(),this.datePicker=this._createDatePicker(),this._customizeCalendarBtns(),this.listenTo(this.textPainter,"focusIn",this._onFocusInTextInput),this.listenTo(this.textPainter,"focusOut",this._onFocusOutTextInput)},className:a.LAYER_DATE_PICKER,_createCalendar:function(){var e=$("<div>").addClass(a.CALENDAR);return e.mousedown(function(e){return e.preventDefault(),e.target.unselectable=!0,!1}),new tui.component.Calendar({element:e,classPrefix:a.CALENDAR+"-"})},_customizeCalendarBtns:function(){var e=this.calendar.$header,t=n(a.ICO_ARROW_LEFT),i=n(a.ICO_ARROW_RIGHT);e.find("."+a.CALENDAR_BTN_PREV_YEAR).html(t+t),e.find("."+a.CALENDAR_BTN_NEXT_YEAR).html(i+i),e.find("."+a.CALENDAR_BTN_PREV_MONTH).html(t),e.find("."+a.CALENDAR_BTN_NEXT_MONTH).html(i)},_createDatePicker:function(){var e=new tui.component.DatePicker({parentElement:this.$el,enableSetDateByEnterKey:!1,selectableClassName:a.CALENDAR_SELECTABLE,selectedClassName:a.CALENDAR_SELECTED,pos:{top:0,left:0}},this.calendar);return e.on("update",function(){e.close()}),e},_createDateForNow:function(){var e=new Date;return{year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()}},_resetDatePicker:function(e,t){var i=this.datePicker,n=e.date||this._createDateForNow();i.setDateForm(e.dateForm||r),i.setRanges(e.selectableRanges||[]),i.setDate(n.year,n.month,n.date),i.setElement(t)},_calculatePosition:function(e){var t=e.offset(),i=e.outerHeight(),n=this.domState.getOffset();return{top:t.top-n.top+i,left:t.left-n.left}},_onFocusInTextInput:function(e,t){var i=t.columnName,n=this.columnModel.getColumnModel(i).component,o=this.columnModel.getEditType(i);"text"===o&&n&&"datePicker"===n.name&&(this.$el.css(this._calculatePosition(e)).show(),this._resetDatePicker(n.option||{},e),this.datePicker.open())},_onFocusOutTextInput:function(){this.datePicker.close(),this.$el.hide()},render:function(){return this.$el.hide(),this}}),e.exports=o},function(e,t,i){"use strict";var n=i(1),o=i(2),s=i(9),a=i(14),r=s.frame,l=s.dimension.CELL_BORDER_WIDTH,d='<div class="'+a.LAYER_FOCUS_BORDER+'"></div>',u=o.extend({initialize:function(e){this.focusModel=e.focusModel,this.columnModel=e.columnModel,this.coordRowModel=e.coordRowModel,this.coordColumnModel=e.coordColumnModel,this.coordConverterModel=e.coordConverterModel,this.whichSide=e.whichSide,this.borderEl={$top:$(d),$left:$(d),$right:$(d),$bottom:$(d)},this.listenTo(this.coordColumnModel,"columnWidthChanged",this._refreshCurrentLayout),this.listenTo(this.coordRowModel,"reset",this._refreshCurrentLayout),this.listenTo(this.focusModel,"blur",this._onBlur),this.listenTo(this.focusModel,"focus",this._onFocus)},className:a.LAYER_FOCUS,_refreshCurrentLayout:function(){var e=this.focusModel;"none"!==this.$el.css("display")&&this._refreshBorderLayout(e.get("rowKey"),e.get("columnName"))},_onBlur:function(){this.$el.hide()},_onFocus:function(e,t){var i=this.columnModel.isLside(t)?r.L:r.R;i===this.whichSide&&(this._refreshBorderLayout(e,t),this.$el.show())},_refreshBorderLayout:function(e,t){var i=this.coordConverterModel.getCellPosition(e,t),n=i.right-i.left,o=i.bottom-i.top;this.borderEl.$left.css({top:i.top,left:i.left,width:l,height:o+l}),this.borderEl.$top.css({top:0===i.top?l:i.top,left:i.left,width:n+l,height:l}),this.borderEl.$right.css({top:i.top,left:i.left+n,width:l,height:o+l}),this.borderEl.$bottom.css({top:i.top+o,left:i.left,width:n+l,height:l})},render:function(){var e=this.$el;return n.each(this.borderEl,function(t){e.append(t)}),e.hide(),this}});e.exports=u},function(e,t,i){"use strict";var n=i(9).attrName,o=i(14),s=tui.util.defineClass({init:function(e){this.$el=e},_getBodyTableRows:function(e){return this.$el.find("."+e).find("."+o.BODY_TABLE_CONTAINER).find("tr["+n.ROW_KEY+"]")},_getMaxCellHeight:function(e){var t=e.find("."+o.CELL_CONTENT).map(function(){return this.scrollHeight}).get();return _.max(t)},getElement:function(e,t){return this.$el.find("tr["+n.ROW_KEY+"="+e+"]").find("td["+n.COLUMN_NAME+'="'+t+'"]')},getRowHeights:function(){var e,t,i,n,s=this._getBodyTableRows(o.LSIDE_AREA),a=this._getBodyTableRows(o.RSIDE_AREA),r=[];for(i=0,n=s.length;i<n;i+=1)e=this._getMaxCellHeight(s.eq(i)),t=this._getMaxCellHeight(a.eq(i)),r[i]=Math.max(e,t)+1;return r},getOffset:function(){return this.$el.offset()},getWidth:function(){return this.$el.width()},getParentHeight:function(){return this.$el.parent().height()},hasFocusedElement:function(){return!!this.$el.find(":focus").length}});e.exports=s},function(e,t,i){"use strict";var n=i(1),o=i(3),s=tui.util.defineClass({init:function(e){this.publicObject=e},_listenForThrough:function(e,t){n.each(t,function(t){this.listenTo(e,t,n.bind(this._triggerOnPublic,this,t))},this)},_listenForRename:function(e,t,i){this.listenTo(e,t,n.bind(this._triggerOnPublic,this,i))},_triggerOnPublic:function(e,t){this.publicObject.trigger(e,t)},listenToNetAddon:function(e){this._listenForThrough(e,["beforeRequest","response","successResponse","failResponse","errorResponse"])},listenToContainerView:function(e){this._listenForThrough(e,["click","dblclick","mousedown","clickCell","dblclickCell","mouseoverCell","mouseoutCell","rendered"])},listenToFocusModel:function(e){this._listenForRename(e,"select","selectRow")}});n.extend(s.prototype,o.Events),e.exports=s},function(e,t,i){"use strict";var n=i(1),o=i(52),s=i(54),a=i(55),r=i(56),l=i(58),d=i(59),u=i(60),h=tui.util.defineClass({init:function(e){this.gridId=e.gridId,this.selectType=e.selectType,this.isFixedRowHeight=e.isFixedRowHeight,this.inputPainters=this._createInputPainters(e.controller),this.cellPainters=this._createCellPainters(e.controller),this.rowPainter=this._createRowPainter()},_createInputPainters:function(e){return{text:new r({controller:e,inputType:"text"}),password:new r({controller:e,inputType:"password"}),checkbox:new d({controller:e,inputType:"checkbox"}),radio:new d({controller:e,inputType:"radio"}),select:new l({controller:e}),mainButton:new u({controller:e,inputType:this.selectType,gridId:this.gridId})}},_createCellPainters:function(e){var t={dummy:new a({controller:e}),normal:new s({controller:e,isFixedRowHeight:this.isFixedRowHeight,editType:"normal"})};return n.each(this.inputPainters,function(i,n){t[n]=new s({editType:n,controller:e,isFixedRowHeight:this.isFixedRowHeight,inputPainter:i})},this),t},_createRowPainter:function(){return new o({painterManager:this})},getCellPainter:function(e){return this.cellPainters[e]},getCellPainters:function(){return this.cellPainters},getInputPainters:function(e){var t=this.inputPainters;return e&&(t=n.omit(t,"mainButton")),t},getRowPainter:function(){return this.rowPainter}});e.exports=h},function(e,t,i){"use strict";var n=i(1),o=i(53),s=i(9),a=s.attrName,r=s.dimension.CELL_BORDER_WIDTH,l=tui.util.defineClass(o,{init:function(e){o.apply(this,arguments),this.painterManager=e.painterManager},selector:"tr",template:n.template('<tr <%=rowKeyAttr%>" class="<%=className%>" style="height: <%=height%>px;"><%=contents%></tr>'),_getEditType:function(e,t){var i=tui.util.pick(t.columnModel,"editOption","type");return i||"normal"},_generateHtmlForDummyRow:function(e,t){var i=this.painterManager.getCellPainter("dummy"),o="";return n.each(t,function(t){o+=i.generateHtml(e,t)}),o},_generateHtmlForActualRow:function(e,t){var i="";return n.each(t,function(t){var n,o,s=e.get(t);s&&s.isMainRow&&(n=this._getEditType(t,s),o=this.painterManager.getCellPainter(n),i+=o.generateHtml(s))},this),i},generateHtml:function(e,t){var i,o=e.get("rowKey"),s=e.get("rowNum"),l="",d="";return n.isUndefined(o)?i=this._generateHtmlForDummyRow(s,t):(d=a.ROW_KEY+'="'+o+'"',i=this._generateHtmlForActualRow(e,t)),this.template({rowKeyAttr:d,height:e.get("height")+r,contents:i,className:l})},refresh:function(e,t){n.each(e,function(e,i){var n,o,s;"_extraData"!==i&&(s=t.find("td["+a.COLUMN_NAME+'="'+i+'"]'),n=this._getEditType(i,e),o=this.painterManager.getCellPainter(n),o.refresh(e,s))},this)}});e.exports=l},function(e,t,i){"use strict";var n=i(1),o=i(9).attrName,s=tui.util.defineClass({init:function(e){this.controller=e.controller},events:{},selector:"",_getCellAddress:function(e){var t=e.closest("["+o.ROW_KEY+"]");return{rowKey:t.attr(o.ROW_KEY),columnName:t.attr(o.COLUMN_NAME)}},attachEventHandlers:function(e,t){n.each(this.events,function(i,o){var s=n.bind(this[i],this),a=t+" "+this.selector;e.on(o,a,s)},this)},generateHtml:function(){throw new Error("implement generateHtml() method")}});e.exports=s},function(e,t,i){"use strict";var n=i(1),o=i(53),s=i(8),a=i(9).attrName,r=i(14),l=tui.util.defineClass(o,{init:function(e){o.apply(this,arguments),this.editType=e.editType,this.isFixedRowHeight=e.isFixedRowHeight,this.inputPainter=e.inputPainter,this.selector="td["+a.EDIT_TYPE+'="'+this.editType+'"]'},events:{dblclick:"_onDblClick"},template:n.template('<td <%=attributeString%> style="<%=style%>"><%=contentHtml%></td>'),contentTemplate:n.template('<div class="<%=className%>" style="<%=style%>"><%=content%></div>'),_onDblClick:function(e){var t;this._isEditableType()&&(t=this._getCellAddress($(e.target)),this.controller.startEditing(t,!0))},_isEditableType:function(){return!n.contains(["normal","mainButton"],this.editType)},_getContentStyle:function(e){var t=e.columnModel.whiteSpace||"nowrap",i=[];return t&&i.push("white-space:"+t),this.isFixedRowHeight&&i.push("max-height:"+e.height+"px"),i.join(";")},_getContentHtml:function(e){var t,i=e.formattedValue,n=e.beforeContent,o=e.afterContent;return this.inputPainter&&(i=this.inputPainter.generateHtml(e),this._shouldContentBeWrapped()&&!this._isUsingViewMode(e)&&(n=this._getSpanWrapContent(n,r.CELL_CONTENT_BEFORE),o=this._getSpanWrapContent(o,r.CELL_CONTENT_AFTER),i=this._getSpanWrapContent(i,r.CELL_CONTENT_INPUT),t=n+o+i)),t||(t=n+i+o),this.contentTemplate({content:t,className:r.CELL_CONTENT,style:this._getContentStyle(e)})},_isUsingViewMode:function(e){return tui.util.pick(e,"columnModel","editOption","useViewMode")!==!1},_shouldContentBeWrapped:function(){return n.contains(["text","password","select"],this.editType)},_getSpanWrapContent:function(e,t){return tui.util.isFalsy(e)&&(e=""),'<span class="'+t+'">'+e+"</span>"},_getAttributes:function(e){var t=[e.className,r.CELL,e.rowNum%2?r.CELL_ROW_ODD:r.CELL_ROW_EVEN],i={align:e.columnModel.align||"left"};return i.class=t.join(" "),i[a.EDIT_TYPE]=this.editType,i[a.ROW_KEY]=e.rowKey,i[a.COLUMN_NAME]=e.columnName,e.rowSpan&&(i.rowspan=e.rowSpan),i},attachEventHandlers:function(e,t){o.prototype.attachEventHandlers.call(this,e,t),this.inputPainter&&this.inputPainter.attachEventHandlers(e,t+" "+this.selector)},generateHtml:function(e){var t=s.getAttributesString(this._getAttributes(e)),i=this._getContentHtml(e),n=e.columnModel.valign,o=[];return n&&o.push("vertical-align:"+n),this.template({attributeString:t,style:o.join(";"),contentHtml:i})},refresh:function(e,t){var i=["value","isEditing","isDisabled","optionList"],o=n.contains(e.changed,"isEditing")&&e.isEditing,s=n.intersection(i,e.changed).length>0,a=this._getAttributes(e);t.attr(a),o&&!this._isUsingViewMode(e)?this.inputPainter.focus(t):s&&(t.html(this._getContentHtml(e)),t.scrollLeft(0))}});e.exports=l},function(e,t,i){"use strict";var n=i(1),o=i(53),s=i(8),a=i(9).attrName,r=i(14),l=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},selector:"td["+a.EDIT_TYPE+'="dummy"]',template:n.template("<td "+a.COLUMN_NAME+'="<%=columnName%>" '+a.EDIT_TYPE+'="dummy" class="<%=className%>"></td>'),generateHtml:function(e,t){var i=[r.CELL,r.CELL_DUMMY,e%2?r.CELL_ROW_ODD:r.CELL_ROW_EVEN];return s.isMetaColumn(t)&&i.push(r.CELL_HEAD),this.template({columnName:t,className:i.join(" ")})}});e.exports=l},function(e,t,i){"use strict";var n=i(1),o=i(57),s=i(8),a=i(14),r="."+a.CELL_CONTENT_TEXT,l="input[type=password]",d=tui.util.defineClass(o,{init:function(e){o.apply(this,arguments),this.inputType=e.inputType,this.selector="text"===e.inputType?r:l,this._extendEvents({selectstart:"_onSelectStart"})},templateInput:n.template('<input class="<%=className%>" type="<%=type%>" value="<%=value%>" name="<%=name%>" align="center" maxLength="<%=maxLength%>" <%=disabled%>/>'),templateTextArea:n.template('<textarea class="<%=className%>" name="<%=name%>" maxLength="<%=maxLength%>" <%=disabled%>><%=value%></textarea>'),_onSelectStart:function(e){e.stopPropagation()},_convertStringToAsterisks:function(e){return Array(e.length+1).join("*")},_getDisplayValue:function(e){var t=e.formattedValue;return"password"===this.inputType&&(t=this._convertStringToAsterisks(e.value)),t},_generateInputHtml:function(e){var t=tui.util.pick(e,"columnModel","editOption","maxLength"),i={type:this.inputType,className:a.CELL_CONTENT_TEXT,value:e.value,name:s.getUniqueKey(),disabled:e.isDisabled?"disabled":"",maxLength:t};return"normal"===e.whiteSpace?this.templateTextArea(i):this.templateInput(i)},focus:function(e){var t=e.find(this.selector);1!==t.length||t.is(":focus")||t.select()}});e.exports=d},function(e,t,i){"use strict";var n=i(1),o=i(53),s=i(9).keyName,a=tui.util.defineClass(o,{init:function(){o.apply(this,arguments)},events:{keydown:"_onKeyDown",focusin:"_onFocusIn",focusout:"_onFocusOut"},keyDownActions:{ESC:function(e){this.controller.finishEditing(e.address,!0)},ENTER:function(e){this.controller.finishEditing(e.address,!0,e.value)},TAB:function(e){this.controller.finishEditing(e.address,!0,e.value),this.controller.focusInToNextCell(e.shiftKey)}},_extendKeydownActions:function(e){this.keyDownActions=n.assign({},this.keyDownActions,e)},_extendEvents:function(e){this.events=n.assign({},this.events,e)},_executeCustomEventHandler:function(e){var t=$(e.target),i=this._getCellAddress(t);this.controller.executeCustomInputEventHandler(e,i)},_onFocusIn:function(e){var t=$(e.target),i=this._getCellAddress(t),o=this;n.defer(function(){o._executeCustomEventHandler(e),o.trigger("focusIn",t,i),o.controller.startEditing(i)})},_onFocusOut:function(e){var t=$(e.target),i=this._getCellAddress(t);this._executeCustomEventHandler(e),this.trigger("focusOut",t,i),this.controller.finishEditing(i,!1,t.val())},_onKeyDown:function(e){var t=e.keyCode||e.which,i=s[t],n=this.keyDownActions[i],o=$(e.target),a={$target:o,address:this._getCellAddress(o),shiftKey:e.shiftKey,value:o.val()};this._executeCustomEventHandler(e),n&&(n.call(this,a),e.preventDefault())},_getDisplayValue:function(){throw new Error("implement _getDisplayValue() method")},_generateInputHtml:function(){throw new Error("implement _generateInputHtml() method")},_isUsingViewMode:function(e){return tui.util.pick(e,"columnModel","editOption","useViewMode")!==!1},generateHtml:function(e){var t;return t=n.isNull(e.convertedHTML)?!this._isUsingViewMode(e)||e.isEditing?this._generateInputHtml(e):this._getDisplayValue(e):e.convertedHTML},focus:function(e){var t=e.find(this.selector);t.is(":focus")||t.eq(0).focus()}});n.assign(a.prototype,Backbone.Events),e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(57),s=i(8),a=tui.util.defineClass(o,{init:function(){o.apply(this,arguments),this.selector="select"},template:n.template('<select name="<%=name%>" <%=disabled%>><%=options%></select>'),optionTemplate:n.template('<option value="<%=value%>" <%=selected%>><%=text%></option>'),_getDisplayValue:function(e){var t=n.find(e.optionList,function(t){return String(t.value)===String(e.value)});return t?t.text:""},_generateInputHtml:function(e){var t=n.reduce(e.optionList,function(t,i){return t+this.optionTemplate({value:i.value,text:i.text,selected:String(e.value)===String(i.value)?"selected":""})},"",this);return this.template({name:s.getUniqueKey(),disabled:e.isDisabled?"disabled":"",options:t})}});e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(57),s=i(8),a=tui.util.defineClass(o,{init:function(e){o.apply(this,arguments),this.inputType=e.inputType,this.selector="fieldset[data-type="+this.inputType+"]",this._extendEvents({mousedown:"_onMouseDown"}),this._extendKeydownActions({TAB:function(e){var t;this._focusNextInput(e.$target,e.shiftKey)||(t=this._getCheckedValueString(e.$target),this.controller.finishEditing(e.address,!0,t),this.controller.focusInToNextCell(e.shiftKey))},ENTER:function(e){var t=this._getCheckedValueString(e.$target);this.controller.finishEditing(e.address,!0,t)},LEFT_ARROW:function(e){this._focusNextInput(e.$target,!0)},RIGHT_ARROW:function(e){this._focusNextInput(e.$target)},UP_ARROW:function(){},DOWN_ARROW:function(){}})},template:n.template('<fieldset data-type="<%=type%>"><%=content%></fieldset>'),inputTemplate:n.template('<input type="<%=type%>" data-value-type="<%=valueType%>" name="<%=name%>" id="<%=id%>" value="<%=value%>" <%=checked%> <%=disabled%> />'),labelTemplate:n.template('<label for="<%=id%>"><%=labelText%></label>'),_onFocusOut:function(e){var t=$(e.target),i=this;n.defer(function(){var e,n;t.siblings("input:focus").length||(e=i._getCellAddress(t),n=i._getCheckedValueString(t),i.controller.finishEditing(e,!1,n))})},_onMouseDown:function(e){var t=$(e.target),i=t.closest("fieldset").find("input:focus").length>0;!t.is("input")&&i&&(e.stopPropagation(),e.preventDefault())},_focusNextInput:function(e,t){var i=t?"prevAll":"nextAll",n=e[i]("input");return!!n.length&&(n.first().focus(),!0)},_getCheckedValueString:function(e){var t,i=e.parent().find("input:checked"),n=[];return i.each(function(){var e=$(this),t=e.attr("data-value-type"),i=s.convertValueType(e.val(),t);n.push(i)}),t=1===n.length?n[0]:n.join(",")},_getCheckedValueSet:function(e){var t={};return n.each(String(e).split(","),function(e){t[e]=!0}),t},_getDisplayValue:function(e){var t=this._getCheckedValueSet(e.value),i=[];return n.each(e.optionList,function(e){t[e.value]&&i.push(e.text)}),i.join(",")},_generateInputHtml:function(e){var t=this._getCheckedValueSet(e.value),i=s.getUniqueKey(),o="";return n.each(e.optionList,function(n){var s=i+"_"+n.value;o+=this.inputTemplate({type:this.inputType,id:s,name:i,value:n.value,valueType:typeof n.value,checked:t[n.value]?"checked":"",disabled:e.isDisabled?"disabled":""}),n.text&&(o+=this.labelTemplate({id:s,labelText:n.text}))},this),this.template({type:this.inputType,content:o})},focus:function(e){var t=e.find("input");t.is(":focus")||t.eq(0).focus()}});e.exports=a},function(e,t,i){"use strict";var n=i(1),o=i(53),s=i(14),a=i(9).keyCode,r=tui.util.defineClass(o,{init:function(e){o.apply(this,arguments),this.selector="input."+s.CELL_MAIN_BUTTON,this.inputType=e.inputType,this.gridId=e.gridId},events:{change:"_onChange",keydown:"_onKeydown"},template:n.template('<input class="'+s.CELL_MAIN_BUTTON+'" type="<%=type%>" name="<%=name%>" <%=checked%> <%=disabled%> />'),_onChange:function(e){var t=$(e.target),i=this._getCellAddress(t);this.controller.setValue(i,t.is(":checked"))},_onKeydown:function(e){var t;e.keyCode===a.TAB&&(e.preventDefault(),t=this._getCellAddress($(e.target)),this.controller.focusInToRow(t.rowKey))},generateHtml:function(e){return this.template({type:this.inputType,name:this.gridId,checked:e.value?"checked":"",disabled:e.isDisabled?"disabled":""})}});e.exports=r},function(e,t,i){"use strict";function n(e){return o.isString(e)&&(e=e.replace(/,/g,"")),o.isNumber(e)||isNaN(e)||s.isBlank(e)?e:Number(e)}var o=i(1),s=i(8),a=tui.util.defineClass({init:function(e){this.focusModel=e.focusModel,this.dataModel=e.dataModel,this.columnModel=e.columnModel,this.selectionModel=e.selectionModel},startEditing:function(e,t){var i;return t&&this.focusModel.finishEditing(),i=this.focusModel.startEditing(e.rowKey,e.columnName),i&&this.selectionModel.end(),i},_checkMaxLength:function(e,t){var i=this.columnModel.getColumnModel(e),n=tui.util.pick(i,"editOption","maxLength");return n>0&&t.length>n?t.substring(0,n):t},finishEditing:function(e,t,i){var n,a,r=this.focusModel;return!!r.isEditingCell(e.rowKey,e.columnName)&&(this.selectionModel.enable(),o.isUndefined(i)||(n=this.dataModel.get(e.rowKey),a=n.get(e.columnName),s.isBlank(i)&&s.isBlank(a)||this.setValue(e,this._checkMaxLength(e.columnName,i))),r.finishEditing(),t?r.focusClipboard():o.defer(function(){r.refreshState()}),!0)},focusInToNextCell:function(e){var t=this.focusModel,i=e?t.prevAddress():t.nextAddress();t.focusIn(i.rowKey,i.columnName,!0)},focusInToRow:function(e){var t=this.focusModel;t.focusIn(e,t.firstColumnName(),!0)},executeCustomInputEventHandler:function(e,t){var i,n=this.columnModel.getColumnModel(t.columnName),s=e.type;"focusin"===s?s="focus":"focusout"===s&&(s="blur"),i=tui.util.pick(n,"editOption","inputEvents",s),o.isFunction(i)&&i.call(e.target,e,t)},setValue:function(e,t){var i=this.columnModel.getColumnModel(e.columnName);o.isString(t)&&(t=$.trim(t)),"number"===i.dataType&&(t=n(t)),this.dataModel.setValue(e.rowKey,e.columnName,t)}});e.exports=a},function(e,t,i){"use strict";var n=i(3),o=i(1),s=i(2),a=i(63),r=i(8),l=i(64),d=i(21),u=i(9).renderState,h=200,c=s.extend({initialize:function(e){var t;t={initialRequest:!0,api:{readData:"",createData:"",updateData:"",deleteData:"",modifyData:"",downloadExcel:"",downloadExcelAll:""},perPage:500,enableAjaxHistory:!0},e=$.extend(!0,t,e),this.setOwnProperties({dataModel:e.dataModel,toolbarModel:e.toolbarModel,renderModel:e.renderModel,router:null,pagination:e.pagination,api:e.api,enableAjaxHistory:e.enableAjaxHistory,readDataMethod:e.readDataMethod||"POST",perPage:e.perPage,curPage:1,timeoutIdForDelay:null,requestedFormData:null,isLocked:!1,lastRequestedReadData:null}),this._initializeDataModelNetwork(),this._initializeRouter(),this._initializePagination(),this._showToolbarExcelBtns(),this.listenTo(this.dataModel,"sortChanged",this._onSortChanged,this),e.initialRequest&&(this.lastRequestedReadData||this._readDataAt(1,!1))},tagName:"form",events:{submit:"_onSubmit"},_initializePagination:function(){var e=this.pagination;e&&(e.setOption("itemPerPage",this.perPage),e.setOption("itemCount",1),e.on("beforeMove",$.proxy(this._onPageBeforeMove,this)))},_onRouterRead:function(e){var t=r.toQueryObject(e);this._requestReadData(t)},_initializeDataModelNetwork:function(){this.dataModel.url=this.api.readData,this.dataModel.sync=$.proxy(this._sync,this)},_initializeRouter:function(){this.enableAjaxHistory&&(this.router=new a({net:this}),this.listenTo(this.router,"route:read",this._onRouterRead),n.History.started||n.history.start())},_showToolbarExcelBtns:function(){var e=this.toolbarModel,t=this.api;e&&(t.downloadExcel&&e.set("isExcelButtonVisible",!0),t.downloadExcelAll&&e.set("isExcelAllButtonVisible",!0))},_onPageBeforeMove:function(e){var t=e.page;this.curPage!==t&&this._readDataAt(t,!0)},_onSubmit:function(e){e.preventDefault(),this._readDataAt(1,!1)},_setFormData:function(e){var t=o.clone(e);o.each(this.lastRequestedReadData,function(e,i){(o.isUndefined(t[i])||o.isNull(t[i]))&&e&&(t[i]="")}),l.setFormData(this.$el,t)},_sync:function(e,t,i){var s;"read"===e?(i=i||{},s=$.extend({},i),i.url||(s.url=o.result(t,"url")),this._ajax(s)):n.sync(n,e,t,i)},_lock:function(){var e=this.renderModel;this.timeoutIdForDelay=setTimeout(function(){e.set("state",u.LOADING)},h),this.isLocked=!0},_unlock:function(){null!==this.timeoutIdForDelay&&(clearTimeout(this.timeoutIdForDelay),this.timeoutIdForDelay=null),this.isLocked=!1},_getFormData:function(){return l.getFormData(this.$el)},_onReadSuccess:function(e,t){var i,n,o=this.pagination;e.setOriginalRowList(),o&&t.pagination&&(i=t.pagination.page,n=t.pagination.totalCount,o.setOption("itemPerPage",this.perPage),o.setOption("itemCount",n||1),o.movePageTo(i),this.curPage=i)},_onReadError:function(e,t,i){},reloadData:function(){this._requestReadData(this.lastRequestedReadData)},readData:function(e,t,i){i?(t||(t={}),t.perPage=this.perPage,this._changeSortOptions(t,this.dataModel.sortOptions)):t=o.assign({},this.lastRequestedReadData,t),t.page=e,this._requestReadData(t)},_requestReadData:function(e){var t=1;this._setFormData(e),this.isLocked||(this.renderModel.initializeVariables(),this._lock(),this.requestedFormData=o.clone(e),this.curPage=e.page||this.curPage,t=(this.curPage-1)*this.perPage+1,this.renderModel.set({startNumber:t}),this.lastRequestedReadData=o.clone(e),this.dataModel.fetch({requestType:"readData",data:e,type:this.readDataMethod,success:$.proxy(this._onReadSuccess,this),error:$.proxy(this._onReadError,this),reset:!0}),this.dataModel.setSortOptionValues(e.sortColumn,e.sortAscending)),this.router&&this.router.navigate("read/"+r.toQueryString(e),{trigger:!1})},_onSortChanged:function(e){e.isRequireFetch&&this._readDataAt(1,!0,e)},_changeSortOptions:function(e,t){t&&("rowKey"===t.columnName?(delete e.sortColumn,delete e.sortAscending):(e.sortColumn=t.columnName,e.sortAscending=t.isAscending))},_readDataAt:function(e,t,i){var n;t=!!o.isUndefined(t)||t,n=t?this.requestedFormData:this._getFormData(),n.page=e,n.perPage=this.perPage,this._changeSortOptions(n,i),this._requestReadData(n)},request:function(e,t){var i={url:this.api[e],type:null,hasDataParam:!0,isOnlyChecked:!0,isOnlyModified:!0,isSkipConfirm:!1},n=$.extend(i,t),o=this._getRequestParam(e,n);o&&this._ajax(o)},download:function(e){var t,i="download"+r.toUpperCaseFirstLetter(e),n=this.requestedFormData,s=this.api[i];"excel"===e?(n.page=this.curPage,n.perPage=this.perPage):n=o.omit(n,"page","perPage"),t=$.param(n),window.location=s+"?"+t},setPerPage:function(e){this.perPage=e,this._readDataAt(1)},_getDataParam:function(e,t){var i,n=this.dataModel,s={createData:["createList"],updateData:["updateList"],deleteData:["deleteList"],modifyData:["createList","updateList","deleteList"]},a=s[e],r={},l=0;return t=o.defaults(t||{},{hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0}),t.hasDataParam&&(t.isOnlyModified?(i=n.getModifiedRowList({isOnlyChecked:t.isOnlyChecked}),o.each(i,function(e,t){o.contains(a,t)&&e.length&&(l+=e.length,r[t]=JSON.stringify(e))},this)):(r.rowList=n.getRowList(t.isOnlyChecked),l=r.rowList.length)),{data:r,count:l}},_getRequestParam:function(e,t){var i={url:this.api[e],type:null,hasDataParam:!0,isOnlyModified:!0,isOnlyChecked:!0},n=$.extend(i,t),o=this._getDataParam(e,n),s=null;return(n.isSkipConfirm||this._isConfirmed(e,o.count))&&(s={requestType:e,url:n.url,data:o.data,type:n.type}),s},_isConfirmed:function(e,t){var i=!1;return t>0?i=confirm(this._getConfirmMessage(e,t)):alert(this._getConfirmMessage(e,t)),i},_getConfirmMessage:function(e,t){var i,n={createData:"입력",updateData:"수정",deleteData:"삭제",modifyData:"반영"},o=n[e];return i=t>0?t+"건의 데이터를 "+o+"하시겠습니까?":o+"할 데이터가 없습니다."},_ajax:function(e){var t,i=new d(e.data);this.trigger("beforeRequest",i),i.isStopped()||(e=$.extend({requestType:""},e),t={url:e.url,data:e.data||{},type:e.type||"POST",dataType:e.dataType||"json",complete:$.proxy(this._onComplete,this,e.complete,e),success:$.proxy(this._onSuccess,this,e.success,e),error:$.proxy(this._onError,this,e.error,e)},e.url&&$.ajax(t))},_onComplete:function(e,t,i){this._unlock()},_onSuccess:function(e,t,i,n,s){var a=i&&i.message,r=new d({httpStatus:n,requestType:t.requestType,requestParameter:t.data,responseData:i});if(this.trigger("response",r),!r.isStopped())if(i&&i.result){if(this.trigger("successResponse",r),r.isStopped())return;o.isFunction(e)&&e(i.data||{},n,s)}else{if(this.trigger("failResponse",r),r.isStopped())return;a&&alert(a)}},_onError:function(e,t,i,n){var o=new d({httpStatus:n,requestType:t.requestType,requestParameter:t.data,responseData:null});this.renderModel.set("state",u.DONE),this.trigger("response",o),o.isStopped()||(this.trigger("errorResponse",o),o.isStopped()||i.readyState>1&&alert("데이터 요청 중에 에러가 발생하였습니다.\n\n다시 시도하여 주시기 바랍니다."))}});e.exports=c},function(e,t,i){"use strict";var n=i(3),o=n.Router.extend({initialize:function(e){this.net=e.net},routes:{"read/:queryStr":"read"}});e.exports=o},function(e,t,i){"use strict";var n=i(1),o={setInput:{_changeToStringInArray:function(e){return n.each(e,function(t,i){e[i]=String(t)}),e},radio:function(e,t){e.checked=e.value===t},checkbox:function(e,t){n.isArray(t)?e.checked=$.inArray(e.value,this._changeToStringInArray(t))!==-1:e.checked=e.value===t},"select-one":function(e,t){var i=tui.util.toArray(e.options);e.selectedIndex=n.findIndex(i,function(e){return e.value===t||e.text===t})},"select-multiple":function(e,t){var i=tui.util.toArray(e.options);n.isArray(t)?(t=this._changeToStringInArray(t),n.each(i,function(e){e.selected=$.inArray(e.value,t)!==-1||$.inArray(e.text,t)!==-1})):this["select-one"].apply(this,arguments)},defaultAction:function(e,t){e.value=t}},getFormData:function(e){var t={},i=e.serializeArray(),o=tui.util.isExisty;return n.each(i,function(e){var i=e.value||"",n=e.name;o(t[n])?t[n]=[].concat(t[n],i):t[n]=i}),t},getFormElement:function(e,t){var i;return e&&e.length&&(i=t?e.prop("elements")[String(t)]:e.prop("elements")),$(i)},setFormData:function(e,t){n.each(t,function(t,i){this.setFormElementValue(e,i,t)},this)},setFormElementValue:function(e,t,i){var o,s=this.getFormElement(e,t);s.length&&(n.isArray(i)||(i=String(i)),s=tui.util.isHTMLTag(s)?[s]:s,s=tui.util.toArray(s),n.each(s,function(e){o=this.setInput[e.type]?e.type:"defaultAction",this.setInput[o](e,i)},this))},setCursorToEnd:function(e){var t,i=e.value.length;if(e.focus(),e.setSelectionRange)try{e.setSelectionRange(i,i)}catch(e){}else if(e.createTextRange){t=e.createTextRange(),t.collapse(!0),t.moveEnd("character",i),t.moveStart("character",i);try{t.select()}catch(e){}}}};e.exports=o},function(e,t){"use strict";var i={pagination:null},n=tui.util.defineClass({init:function(e){this.optionsMap=$.extend(!0,i,e),this.instanceMap={}},getInstance:function(e){return this.instanceMap[e]},setInstance:function(e,t){this.instanceMap[e]=t},getOptions:function(e){return this.optionsMap[e]}});e.exports=n},function(e,t,i){"use strict";function n(e){var t=[a.grid(e.grid),a.scrollbar(e.scrollbar),a.toolbar(e.toolbar),a.heightResizeHandle(e.heightResizeHandle),a.pagination(e.pagination),a.selection(e.selection)],i=e.cell;return i&&(t=t.concat([a.cell(i.normal),a.cellDummy(i.dummy),a.cellEditable(i.editable),a.cellHead(i.head),a.cellOddRow(i.oddRow),a.cellEvenRow(i.evenRow),a.cellRequired(i.required),a.cellDisabled(i.disabled),a.cellInvalid(i.invalid),a.cellCurrentRow(i.currentRow),a.cellSelectedHead(i.selectedHead),a.cellFocused(i.focused)])),t.join("")}function o(e){var t=n(e);$("#"+l).remove(),s.appendStyleElement(l,t)}var s=i(8),a=i(67),r=i(9).themeName,l="tui-grid-theme-style",d={};d[r.DEFAULT]=i(69),d[r.STRIPED]=i(70),d[r.CLEAN]=i(71),e.exports={apply:function(e,t){var i=d[e];i||(i=d[r.DEFAULT]),i=$.extend(!0,{},i,t),o(i)},isApplied:function(){return 1===$("#"+l).length;
+}}},function(e,t,i){"use strict";function n(e,t){return l(e).bg(t.background).text(t.text).build()}function o(e,t){return l(e).bg(t.background).border(t.border).build()}var s=i(1),a=i(68),r=i(14),l=s.bind(a.createClassRule,a);e.exports={grid:function(e){var t=l(r.CONTAINER).bg(e.background).text(e.text),i=l(r.CONTENT_AREA).border(e.border),n=l(r.TABLE).border(e.border),o=l(r.HEAD_AREA).border(e.border),s=l(r.BORDER_LINE).bg(e.border),d=l(r.SCROLLBAR_HEAD).border(e.border),u=l(r.SCROLLBAR_BORDER).bg(e.border),h=l(r.FOOT_AREA_RIGHT).border(e.border);return a.buildAll([t,i,n,o,s,d,u,h])},scrollbar:function(e){var t=a.createWebkitScrollbarRules("."+r.CONTAINER,e),i=a.createIEScrollbarRule("."+r.CONTAINER,e),n=l(r.SCROLLBAR_RIGHT_BOTTOM).bg(e.background),o=l(r.SCROLLBAR_LEFT_BOTTOM).bg(e.background),s=l(r.SCROLLBAR_HEAD).bg(e.background),d=l(r.FOOT_AREA_RIGHT).bg(e.background),u=l(r.BODY_AREA).bg(e.background);return a.buildAll(t.concat([i,n,o,s,d,u]))},toolbar:function(e){return o(r.TOOLBAR,e)},heightResizeHandle:function(e){return o(r.HEIGHT_RESIZE_HANDLE,e)},pagination:function(e){return o(r.PAGINATION,e)},selection:function(e){return o(r.LAYER_SELECTION,e)},cell:function(e){var t=l(r.CELL).bg(e.background).border(e.border).borderWidth(e).text(e.text);return t.build()},cellHead:function(e){var t=l(r.CELL_HEAD).bg(e.background).border(e.border).borderWidth(e).text(e.text),i=l(r.HEAD_AREA).bg(e.background);return a.buildAll([t,i])},cellEvenRow:function(e){return l(r.CELL_ROW_EVEN).bg(e.background).build()},cellOddRow:function(e){return l(r.CELL_ROW_ODD).bg(e.background).build()},cellSelectedHead:function(e){return a.create("."+r.CELL_HEAD+"."+r.CELL_SELECTED).bg(e.background).text(e.text).build()},cellFocused:function(e){var t=l(r.LAYER_FOCUS_BORDER).bg(e.border),i=l(r.LAYER_EDITING).border(e.border);return a.buildAll([t,i])},cellEditable:function(e){return n(r.CELL_EDITABLE,e)},cellRequired:function(e){return n(r.CELL_REQUIRED,e)},cellDisabled:function(e){return n(r.CELL_DISABLED,e)},cellDummy:function(e){return n(r.CELL_DUMMY,e)},cellInvalid:function(e){return n(r.CELL_INVALID,e)},cellCurrentRow:function(e){return n(r.CELL_CURRENT_ROW,e)}}},function(e,t,i){"use strict";var n=i(1),o=tui.util.defineClass({init:function(e){if(!n.isString(e)||!e)throw new Error("The Selector must be a string and not be empty.");this._selector=e,this._propValues=[]},add:function(e,t){return t&&this._propValues.push(e+":"+t),this},border:function(e){return this.add("border-color",e)},borderWidth:function(e){var t,i=e.showVerticalBorder,o=e.showHorizontalBorder;return n.isBoolean(i)&&(t=i?"1px":"0",this.add("border-left-width",t).add("border-right-width",t)),n.isBoolean(o)&&(t=o?"1px":"0",this.add("border-top-width",t).add("border-bottom-width",t)),this},bg:function(e){return this.add("background-color",e)},text:function(e){return this.add("color",e)},build:function(){var e="";return this._propValues.length&&(e=this._selector+"{"+this._propValues.join(";")+"}"),e}});e.exports={create:function(e){return new o(e)},createClassRule:function(e){return this.create("."+e)},createWebkitScrollbarRules:function(e,t){return[this.create(e+" ::-webkit-scrollbar").bg(t.background),this.create(e+" ::-webkit-scrollbar-thumb").bg(t.thumb),this.create(e+" ::-webkit-scrollbar-thumb:hover").bg(t.active)]},createIEScrollbarRule:function(e,t){var i=["scrollbar-3dlight-color","scrollbar-darkshadow-color","scrollbar-track-color","scrollbar-shadow-color"],o=["scrollbar-face-color","scrollbar-highlight-color"],s=this.create(e);return n.each(i,function(e){s.add(e,t.background)}),n.each(o,function(e){s.add(e,t.thumb)}),s.add("scrollbar-arrow-color",t.active),s},buildAll:function(e){return n.map(e,function(e){return e.build()}).join("")}}},function(e,t){"use strict";e.exports={grid:{background:"#fff",border:"#ccc",text:"#444"},selection:{background:"#4daaf9",border:"#004082"},toolbar:{border:"transparent",background:"transparent"},heightResizeHandle:{border:"#ccc",background:"#fff"},pagination:{border:"transparent",background:"transparent"},scrollbar:{background:"#f5f5f5",thumb:"#d9d9d9",active:"#c1c1c1"},cell:{normal:{background:"#fbfbfb",border:"#e0e0e0",showVerticalBorder:!0,showHorizontalBorder:!0},head:{background:"#eee",border:"#ccc",showVerticalBorder:!0,showHorizontalBorder:!0},selectedHead:{background:"#d8d8d8"},focused:{border:"#418ed4"},required:{background:"#fffdeb"},editable:{background:"#fff"},disabled:{text:"#b0b0b0"},dummy:{background:"#fff"},invalid:{background:"#ff8080"},evenRow:{},oddRow:{},currentRow:{}}}},function(e,t,i){"use strict";var n=i(69);e.exports=$.extend(!0,{},n,{cell:{normal:{background:"#fff",border:"#e8e8e8",showVerticalBorder:!1,showHorizontalBorder:!1},oddRow:{background:"#f3f3f3"},evenRow:{background:"#fff"},head:{background:"#fff",showVerticalBorder:!1,showHorizontalBorder:!1}}})},function(e,t,i){"use strict";var n=i(69);e.exports=$.extend(!0,{},n,{grid:{border:"#c0c0c0"},toolbar:{border:"#e0e0e0"},cell:{normal:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},head:{background:"#fff",border:"#e0e0e0",showVerticalBorder:!1,showHorizontalBorder:!0},selectedHead:{background:"#e0e0e0"}}})},function(e,t){}]);
\ No newline at end of file
diff --git a/package.json b/package.json
index ce6991c6c..d8fe22764 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tui-grid",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "description": "TOAST UI Grid : Powerful data grid control supported by TOAST UI",
   "main": "dist/grid.js",
   "scripts": {