');\n\n\t that._refreshHandler = proxy(that.refresh, that);\n\n\t that.dataSource.bind(CHANGE, that._refreshHandler);\n\t },\n\n\t _init: function() {\n\t var that = this;\n\n\t that.pane = that.options.pane;\n\t if (that.pane) {\n\t that._isMobile = true;\n\t }\n\n\t if (that._isMobile) {\n\t that._createMobileMenu();\n\t } else {\n\t that._createMenu();\n\t }\n\n\t that.owner._muteAngularRebind(function() {\n\t that._angularItems(\"compile\");\n\t });\n\n\t that._sort();\n\n\t that._columns();\n\n\t that._filter();\n\n\t that._lockColumns();\n\n\t that.trigger(INIT, { field: that.field, container: that.wrapper });\n\t },\n\n\t events: [ INIT, OPEN, \"sort\", \"filtering\" ],\n\n\t options: {\n\t name: \"ColumnMenu\",\n\t messages: {\n\t sortAscending: \"Sort Ascending\",\n\t sortDescending: \"Sort Descending\",\n\t filter: \"Filter\",\n\t column: \"Column\",\n\t columns: \"Columns\",\n\t columnVisibility: \"Column Visibility\",\n\t clear: \"Clear\",\n\t cancel: \"Cancel\",\n\t done: \"Done\",\n\t settings: \"Edit Column Settings\",\n\t lock: \"Lock\",\n\t unlock: \"Unlock\"\n\t },\n\t filter: \"\",\n\t columns: true,\n\t sortable: true,\n\t filterable: true,\n\t animations: {\n\t left: \"slide\"\n\t }\n\t },\n\n\t _createMenu: function() {\n\t var that = this,\n\t options = that.options;\n\n\t that.wrapper.html(kendo.template(template)({\n\t uid: kendo.guid(),\n\t ns: kendo.ns,\n\t messages: options.messages,\n\t sortable: options.sortable,\n\t filterable: options.filterable,\n\t columns: that._ownerColumns(),\n\t showColumns: options.columns,\n\t lockedColumns: options.lockedColumns\n\t }));\n\n\t that.popup = that.wrapper[POPUP]({\n\t anchor: that.link,\n\t open: proxy(that._open, that),\n\t activate: proxy(that._activate, that),\n\t deactivate: proxy(that._deactivate, that),\n\t close: function() {\n\t that.menu._closing = true;\n\t if (that.options.closeCallback) {\n\t that.options.closeCallback(that.element);\n\t }\n\t }\n\t }).data(POPUP);\n\n\t that.menu = that.wrapper.children()[MENU]({\n\t orientation: \"vertical\",\n\t closeOnClick: false,\n\t open: function() {\n\t that._updateMenuItems();\n\t }\n\t }).data(MENU);\n\t },\n\n\t _deactivate: function() {\n\t this.menu._closing = false;\n\t },\n\n\t _createMobileMenu: function() {\n\t var that = this,\n\t options = that.options;\n\n\t var html = kendo.template(mobileTemplate)({\n\t ns: kendo.ns,\n\t field: that.field,\n\t title: that.title || that.field,\n\t messages: options.messages,\n\t sortable: options.sortable,\n\t filterable: options.filterable,\n\t columns: that._ownerColumns(),\n\t showColumns: options.columns,\n\t lockedColumns: options.lockedColumns\n\t });\n\n\t that.view = that.pane.append(html);\n\t that.view.state = { columns: {} };\n\n\t that.wrapper = that.view.element.find(\".k-column-menu\");\n\n\t that.menu = new MobileMenu(that.wrapper.children(), {\n\t pane: that.pane,\n\t columnMenu: that\n\t });\n\n\t // The toggle animation of the switches should not propagate to the view\n\t that.menu.element.on(\"transitionend\" + NS, function(e) {\n\t e.stopPropagation();\n\t });\n\n\t var viewElement = that.view.wrapper && that.view.wrapper[0] ? that.view.wrapper : that.view.element;\n\n\t viewElement.on(\"click\", \".k-header-done\", function(e) {\n\t e.preventDefault();\n\n\t that.menu._applyChanges();\n\t that.menu._cancelChanges(false);\n\t that.close();\n\t });\n\n\t viewElement.on(\"click\", \".k-header-cancel\", function(e) {\n\t e.preventDefault();\n\n\t that.menu._cancelChanges(true);\n\t that.close();\n\t });\n\n\t that.view.bind(\"showStart\", function() {\n\t var view = that.view || { columns: {} };\n\n\t if (that.options.lockedColumns) {\n\t that._updateLockedColumns();\n\t }\n\n\t if (view.element.find(\".k-sort-asc.k-state-selected\").length) {\n\t view.state.initialSort = \"asc\";\n\t } else if (view.element.find(\".k-sort-desc.k-state-selected\").length) {\n\t view.state.initialSort = \"desc\";\n\t }\n\t });\n\t },\n\n\t _angularItems: function(action) {\n\t var that = this;\n\t that.angular(action, function(){\n\t var items = that.wrapper.find(\".k-columns-item input[\" + kendo.attr(\"field\") + \"]\").map(function(){\n\t return $(this).closest(\"li\");\n\t });\n\t var data = map(that._ownerColumns(), function(col){\n\t return { column: col._originalObject };\n\t });\n\t return {\n\t elements: items,\n\t data: data\n\t };\n\t });\n\t },\n\n\t destroy: function() {\n\t var that = this;\n\n\t that._angularItems(\"cleanup\");\n\n\t Widget.fn.destroy.call(that);\n\n\t if (that.filterMenu) {\n\t that.filterMenu.destroy();\n\t }\n\n\t if (that._refreshHandler) {\n\t that.dataSource.unbind(CHANGE, that._refreshHandler);\n\t }\n\n\t if (that.options.columns && that.owner) {\n\t if (that._updateColumnsMenuHandler) {\n\t that.owner.unbind(\"columnShow\", that._updateColumnsMenuHandler);\n\t that.owner.unbind(\"columnHide\", that._updateColumnsMenuHandler);\n\t }\n\n\t if (that._updateColumnsLockedStateHandler) {\n\t that.owner.unbind(\"columnLock\", that._updateColumnsLockedStateHandler);\n\t that.owner.unbind(\"columnUnlock\", that._updateColumnsLockedStateHandler);\n\t }\n\t }\n\n\t if (that.menu) {\n\t that.menu.element.off(NS);\n\t that.menu.destroy();\n\t }\n\n\t that.wrapper.off(NS);\n\n\t if (that.popup) {\n\t that.popup.destroy();\n\t }\n\n\t if (that.view) {\n\t that.view.purge();\n\t }\n\n\t that.link.off(NS);\n\t that.owner = null;\n\t that.wrapper = null;\n\t that.element = null;\n\t },\n\n\t close: function() {\n\t this.menu.close();\n\t if (this.popup) {\n\t this.popup.close();\n\t this.popup.element.off(\"keydown\" + NS);\n\t }\n\t },\n\n\t _click: function(e) {\n\t var that = this;\n\n\t e.preventDefault();\n\t e.stopPropagation();\n\n\t var options = this.options;\n\n\t if (options.filter && this.element.is(!options.filter)) {\n\t return;\n\t }\n\n\t if (!this.popup && !this.pane) {\n\t this._init();\n\t } else {\n\t that._updateMenuItems();\n\t }\n\n\t if (this._isMobile) {\n\t this.pane.navigate(this.view, this.options.animations.left);\n\t } else {\n\t this.popup.toggle();\n\t }\n\t },\n\n\t _updateMenuItems: function() {\n\t var that = this;\n\t that._setMenuItemsVisibility();\n\t that._reorderMenuItems();\n\t },\n\n\t _setMenuItemsVisibility: function() {\n\t var that = this;\n\n\t that._eachRenderedMenuItem(function(index, column, renderedListElement) {\n\t if (column.matchesMedia === false) {\n\t renderedListElement.hide();\n\t } else {\n\t renderedListElement.show();\n\t }\n\t });\n\t },\n\n\t _reorderMenuItems: function() {\n\t var that = this;\n\n\t that._eachRenderedMenuItem(function(index, column, renderedListElement, renderedList) {\n\t if (renderedListElement[0] && renderedListElement.index() !== index) {\n\t insertElementAt(index, renderedListElement, renderedList);\n\t }\n\t });\n\t },\n\n\t _eachRenderedMenuItem: function(callback) {\n\t var that = this;\n\t var renderedListElement;\n\t var duplcateColumns;\n\t var duplicateColumnIndex;\n\t var fieldValue;\n\t var currentColumn;\n\t var columns = grep(leafColumns(that.owner.columns), function(col) {\n\t var result = true,\n\t title = trim(col.title || \"\");\n\n\t if (col.menu === false || (!col.field && !title.length)) {\n\t result = false;\n\t }\n\n\t return result;\n\t }).map(function(col) {\n\t return {\n\t field: col.field,\n\t title: col.title,\n\t matchesMedia: col.matchesMedia\n\t };\n\t });\n\t var renderedList = that._isMobile && that.view ?\n\t $(that.view.element).find(\".k-columns-item\").children(\"ul\") :\n\t $(that.wrapper).find(\".k-menu-group\").first();\n\n\t var filterByTitle = function(containerElement, tagName, index) {\n\t return containerElement.find(tagName).filter(function() {\n\t return filterCallback(columns[index], $(this).text());\n\t });\n\t };\n\n\t var filterCallback = function(column, text) {\n\t return matchTitle(column, text);\n\t };\n\n\t var matchTitle = function(column, titleAttr) {\n\t return column.title ? titleAttr === column.title : titleAttr === column.field;\n\t };\n\n\t var duplicateColumns = function(index) {\n\t return grep(columns, function(col) {\n\t return JSON.stringify(columns[index]) == JSON.stringify(col);\n\t });\n\t };\n\n\t for (var i = 0; i < columns.length; i++) {\n\n\t currentColumn = columns[i];\n\t duplcateColumns = duplicateColumns(i);\n\t duplicateColumnIndex = $.inArray(currentColumn, duplcateColumns);\n\t renderedListElement = filterByTitle(renderedList, \"span\", i);\n\t renderedListElement = this._isMobile ? renderedListElement.next() : renderedListElement;\n\t fieldValue = currentColumn.field ? currentColumn.field : currentColumn.title;\n\t renderedListElement = renderedListElement.find(attrEquals(\"field\", fieldValue)).closest(\"li\").eq(duplicateColumnIndex);\n\n\t callback(i, currentColumn, renderedListElement, renderedList);\n\t }\n\t },\n\n\t _open: function() {\n\t var that = this;\n\t $(\".k-column-menu\").not(that.wrapper).each(function() {\n\t $(this).data(POPUP).close();\n\t });\n\t that.popup.element.on(\"keydown\" + NS, function(e) {\n\t if (e.keyCode == kendo.keys.ESC) {\n\t that.close();\n\t }\n\t });\n\n\t if (that.options.lockedColumns) {\n\t that._updateLockedColumns();\n\t }\n\t },\n\n\t _activate: function() {\n\t this.menu.element.focus();\n\n\t this.trigger(OPEN, { field: this.field, container: this.wrapper });\n\t },\n\n\t _ownerColumns: function() {\n\t var columns = leafColumns(this.owner.columns),\n\t menuColumns = grep(columns, function(col) {\n\t var result = true,\n\t title = trim(col.title || \"\");\n\n\t if (col.menu === false || (!col.field && !title.length)) {\n\t result = false;\n\t }\n\n\t return result;\n\t });\n\n\t return map(menuColumns, function(col) {\n\t return {\n\t originalField: col.field,\n\t field: col.field || col.title,\n\t title: col.title || col.field,\n\t hidden: col.hidden,\n\t matchesMedia: col.matchesMedia,\n\t index: inArray(col, columns),\n\t locked: !!col.locked,\n\t _originalObject: col\n\t };\n\t });\n\t },\n\n\t _sort: function() {\n\t var that = this;\n\n\t if (that.options.sortable) {\n\t that.refresh();\n\n\t that.menu.bind(SELECT, function(e) {\n\t var item = $(e.item),\n\t dir;\n\n\t if (item.hasClass(\"k-sort-asc\")) {\n\t dir = ASC;\n\t } else if (item.hasClass(\"k-sort-desc\")) {\n\t dir = DESC;\n\t }\n\n\t if (!dir) {\n\t return;\n\t }\n\n\t item.parent().find(\".k-sort-\" + (dir == ASC ? DESC : ASC)).removeClass(ACTIVE);\n\n\t that._sortDataSource(item, dir);\n\n\t if (!that._isMobile) {\n\t that.close();\n\t }\n\t });\n\t }\n\t },\n\n\t _sortDataSource: function(item, dir) {\n\t var that = this,\n\t sortable = that.options.sortable,\n\t compare = sortable.compare === null ? undefined : sortable.compare,\n\t dataSource = that.dataSource,\n\t idx,\n\t length,\n\t sort = dataSource.sort() || [];\n\n\t var removeClass = item.hasClass(ACTIVE) && sortable && sortable.allowUnsort !== false;\n\n\t dir = !removeClass ? dir : undefined;\n\n\t if (that.trigger(\"sort\", { sort: { field: that.field, dir: dir, compare: compare } })) {\n\t return;\n\t }\n\n\t if (removeClass) {\n\t item.removeClass(ACTIVE);\n\t } else {\n\t item.addClass(ACTIVE);\n\t }\n\n\t if (sortable.mode === \"multiple\") {\n\t for (idx = 0, length = sort.length; idx < length; idx++) {\n\t if (sort[idx].field === that.field) {\n\t sort.splice(idx, 1);\n\t break;\n\t }\n\t }\n\t sort.push({ field: that.field, dir: dir, compare: compare });\n\t } else {\n\t sort = [ { field: that.field, dir: dir, compare: compare} ];\n\t }\n\n\t dataSource.sort(sort);\n\t },\n\n\t _columns: function() {\n\t var that = this;\n\n\t if (that.options.columns) {\n\n\t that._updateColumnsMenu();\n\n\t that._updateColumnsMenuHandler = proxy(that._updateColumnsMenu, that);\n\n\t that.owner.bind([\"columnHide\", \"columnShow\"], that._updateColumnsMenuHandler);\n\n\t that._updateColumnsLockedStateHandler = proxy(that._updateColumnsLockedState, that);\n\n\t that.owner.bind([\"columnUnlock\", \"columnLock\" ], that._updateColumnsLockedStateHandler);\n\n\t that.menu.bind(SELECT, function(e) {\n\t var item = $(e.item),\n\t input,\n\t column,\n\t columns = grep(leafColumns(that.owner.columns), function(col) {\n\t var result = true,\n\t title = trim(col.title || \"\");\n\n\t if (col.menu === false || (!col.field && !title.length)) {\n\t result = false;\n\t }\n\n\t return result;\n\t });\n\n\t if (that._isMobile) {\n\t e.preventDefault();\n\t }\n\n\t if (!item.parent().closest(\"li.k-columns-item\")[0]) {\n\t return;\n\t }\n\n\t input = item.find(\":checkbox\");\n\t if (input.attr(\"disabled\")) {\n\t return;\n\t }\n\n\t column = columns[item.index()];\n\n\t if (column.hidden === true) {\n\t that.owner.showColumn(column);\n\t } else {\n\t that.owner.hideColumn(column);\n\t }\n\t });\n\t }\n\t },\n\n\t _updateColumnsMenu: function() {\n\t var idx, length, current, checked, locked;\n\t var fieldAttr = kendo.attr(\"field\"),\n\t lockedAttr = kendo.attr(\"locked\"),\n\t columnsInMenu = grep(leafColumns(this.owner.columns), function(col) {\n\t var result = true,\n\t title = trim(col.title || \"\");\n\n\t if (col.menu === false || (!col.field && !title.length)) {\n\t result = false;\n\t }\n\n\t return result;\n\t }),\n\t visibleFields = grep(this._ownerColumns(), function(field) {\n\t return !field.hidden && field.matchesMedia !== false;\n\t }),\n\t visibleDataFields = grep(visibleFields, function(field) {\n\t return field.originalField;\n\t }),\n\t lockedCount = grep(visibleDataFields, function(col) {\n\t return col.locked === true;\n\t }).length,\n\t nonLockedCount = grep(visibleDataFields, function(col) {\n\t return col.locked !== true;\n\t }).length,\n\t columnsNotInMenu = grep(this.owner.columns, function(col) {\n\t return col.menu === false;\n\t }),\n\t hiddenColumnsNotInMenu = grep(columnsNotInMenu, function(col) {\n\t return col.hidden;\n\t });\n\n\t this.wrapper.find(\"[role='menuitemcheckbox']\").attr(\"aria-checked\", false);\n\n\t var checkboxes = this.wrapper\n\t .find(\".k-columns-item input[\" + fieldAttr + \"]\")\n\t .prop(\"disabled\", false)\n\t .prop(\"checked\", false);\n\t var switchWidget;\n\n\t for (idx = 0, length = checkboxes.length; idx < length; idx ++) {\n\t current = checkboxes.eq(idx);\n\t locked = current.attr(lockedAttr) === \"true\";\n\t checked = false;\n\t switchWidget = current.data(\"kendoSwitch\");\n\n\t checked = !columnsInMenu[idx].hidden && columnsInMenu[idx].matchesMedia !== false;\n\t current.prop(\"checked\", checked);\n\n\t if (switchWidget) {\n\t switchWidget.enable(true);\n\t switchWidget.check(checked);\n\t }\n\n\t current.closest(\"[role='menuitemcheckbox']\").attr(\"aria-checked\", checked);\n\n\t if (checked) {\n\t if (lockedCount == 1 && locked) {\n\t current.prop(\"disabled\", true);\n\n\t if (switchWidget) {\n\t switchWidget.enable(false);\n\t }\n\t }\n\n\t if ((columnsNotInMenu.length === 0 || (columnsNotInMenu.length === hiddenColumnsNotInMenu.length)) && nonLockedCount == 1 && !locked) {\n\t current.prop(\"disabled\", true);\n\n\t if (switchWidget) {\n\t switchWidget.enable(false);\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t _updateColumnsLockedState: function() {\n\t var idx, length, current, column;\n\t var fieldAttr = kendo.attr(\"field\");\n\t var lockedAttr = kendo.attr(\"locked\");\n\t var columns = toHash(this._ownerColumns(), \"field\");\n\t var checkboxes = this.wrapper\n\t .find(\".k-columns-item input[type=checkbox]\");\n\n\t for (idx = 0, length = checkboxes.length; idx < length; idx ++ ) {\n\t current = checkboxes.eq(idx);\n\t column = columns[current.attr(fieldAttr)];\n\t if (column) {\n\t current.attr(lockedAttr, column.locked);\n\t }\n\t }\n\n\t this._updateColumnsMenu();\n\t },\n\n\t _filter: function() {\n\t var that = this,\n\t widget = FILTERMENU,\n\t options = that.options;\n\n\t if (options.filterable !== false) {\n\n\t if (options.filterable.multi) {\n\t widget = \"kendoFilterMultiCheck\";\n\t if (options.filterable.dataSource) {\n\t options.filterable.checkSource = options.filterable.dataSource;\n\t delete options.filterable.dataSource;\n\t }\n\t }\n\t that.filterMenu = that.wrapper.find(\".k-filterable\")[widget](\n\t extend(true, {}, {\n\t appendToElement: true,\n\t dataSource: options.dataSource,\n\t values: options.values,\n\t field: that.field,\n\t title: that.title,\n\t change: function(e) {\n\t if (that.trigger(\"filtering\", { filter: e.filter, field: e.field })) {\n\t e.preventDefault();\n\t }\n\t }\n\t },\n\t options.filterable)\n\t ).data(widget);\n\n\t if (that._isMobile) {\n\t that.menu.bind(SELECT, function(e) {\n\t var item = $(e.item);\n\n\t if (item.hasClass(\"k-filter-item\")) {\n\t that.pane.navigate(that.filterMenu.view, that.options.animations.left);\n\t }\n\t });\n\t }\n\t }\n\t },\n\n\t _lockColumns: function() {\n\t var that = this;\n\t that.menu.bind(SELECT, function(e) {\n\t var item = $(e.item);\n\n\t if (item.hasClass(\"k-lock\")) {\n\t that.owner.lockColumn(that.field);\n\t if (!that._isMobile) {\n\t that.close();\n\t }\n\t } else if (item.hasClass(\"k-unlock\")) {\n\t that.owner.unlockColumn(that.field);\n\t if (!that._isMobile) {\n\t that.close();\n\t }\n\t }\n\t });\n\t },\n\n\t _updateLockedColumns: function() {\n\t var field = this.field;\n\t var columns = this.owner.columns;\n\t var column = grep(columns, function(column) {\n\t return column.field == field || column.title == field;\n\t })[0];\n\n\t if (!column) {\n\t return;\n\t }\n\n\t var locked = column.locked === true;\n\t var length = grep(columns, function(column) {\n\t return !column.hidden && ((column.locked && locked) || (!column.locked && !locked));\n\t }).length;\n\n\t var lockItem = this.wrapper.find(\".k-lock\").removeClass(\"k-state-disabled\");\n\t var unlockItem = this.wrapper.find(\".k-unlock\").removeClass(\"k-state-disabled\");\n\n\t if (locked || length == 1) {\n\t lockItem.addClass(\"k-state-disabled\");\n\t }\n\n\t if (!locked || length == 1) {\n\t unlockItem.addClass(\"k-state-disabled\");\n\t }\n\n\t this._updateColumnsLockedState();\n\t },\n\n\t refresh: function() {\n\t var that = this,\n\t sort = that.options.dataSource.sort() || [],\n\t descriptor,\n\t field = that.field,\n\t idx,\n\t length;\n\n\t that.wrapper.find(\".k-sort-asc, .k-sort-desc\").removeClass(ACTIVE);\n\n\t for (idx = 0, length = sort.length; idx < length; idx++) {\n\t descriptor = sort[idx];\n\n\t if (field == descriptor.field) {\n\t that.wrapper.find(\".k-sort-\" + descriptor.dir).addClass(ACTIVE);\n\t }\n\t }\n\n\t that.link[that._filterExist(that.dataSource.filter()) ? \"addClass\" : \"removeClass\"](\"k-state-active\");\n\t },\n\n\t _filterExist: function(filters) {\n\t var found = false;\n\t var filter;\n\n\t if (!filters) {\n\t return;\n\t }\n\n\t filters = filters.filters;\n\n\t for (var idx = 0, length = filters.length; idx < length; idx++) {\n\t filter = filters[idx];\n\n\t if (filter.field == this.field) {\n\t found = true;\n\t } else if (filter.filters) {\n\t found = found || this._filterExist(filter);\n\t }\n\t }\n\n\t return found;\n\t }\n\t });\n\n\t var template = '
'+\n\t '#if(sortable){#'+\n\t '- ${messages.sortAscending}
'+\n\t '- ${messages.sortDescending}
'+\n\t '#if(showColumns || filterable){#'+\n\t ''+\n\t '#}#'+\n\t '#}#'+\n\t '#if(showColumns){#'+\n\t '- ${messages.columns}
'+\n\t '#if(filterable || lockedColumns){#'+\n\t ''+\n\t '#}#'+\n\t '#}#'+\n\t '#if(filterable){#'+\n\t '- ${messages.filter}
'+\n\t '#if(lockedColumns){#'+\n\t ''+\n\t '#}#'+\n\t '#}#'+\n\t '#if(lockedColumns){#'+\n\t '- ${messages.lock}
'+\n\t '- ${messages.unlock}
'+\n\t '#}#'+\n\t '
';\n\n\t var mobileTemplate =\n\t '
' +\n\t '' +\n\t '
' +\n\t '
' +\n\t '- ' +\n\t '#=messages.column#: ${title}' +\n\t '
' +\n\t '#if(sortable){#' +\n\t '- ${messages.sortAscending}
' +\n\t '- ${messages.sortDescending}
' +\n\t '#}#' +\n\t '#if(lockedColumns){#' +\n\t '- ${messages.lock}
' +\n\t '- ${messages.unlock}
' +\n\t '#}#' +\n\t '#if(filterable){#' +\n\t '- ' +\n\t '' +\n\t '' +\n\t '${messages.filter}' +\n\t '
' +\n\t '#}#' +\n\t '
' +\n\t ' ' +\n\t '#if(showColumns){#' +\n\t '- ${messages.columnVisibility}' +\n\t '' +\n\t '
'+\n\t '#}#'+\n\t '- ' +\n\t '#=messages.clear#' +\n\t '
' +\n\t '
' +\n\t '
'+\n\t '
';\n\n\t var MobileMenu = Widget.extend({\n\t init: function(element, options) {\n\t var that = this;\n\n\t Widget.fn.init.call(that, element, options);\n\n\t that._createCheckBoxes();\n\n\t that.element.on(\"click\" + NS, \"li.k-item:not(.k-separator):not(.k-state-disabled):not(:has(.k-switch))\", \"_click\");\n\t },\n\n\t events: [ SELECT ],\n\n\t _click: function(e) {\n\t var that = this;\n\n\t if (!$(e.target).is(\"[type=checkbox]\")) {\n\t e.preventDefault();\n\t }\n\n\t if ($(e.target).hasClass(\"k-clear\")) {\n\t that._cancelChanges(true);\n\n\t return;\n\t }\n\n\t if ($(e.target).hasClass(\"k-filterable\")) {\n\t that._cancelChanges(true);\n\t that.trigger(SELECT, { item: e.currentTarget });\n\n\t return;\n\t }\n\n\t that._updateSelectedItems(e.currentTarget);\n\t },\n\n\t _updateSelectedItems: function(el) {\n\t var that = this;\n\t var item = $(el);\n\t var state = that.options.columnMenu.view.state || { columns: {} };\n\t var id = item.prop(\"id\");\n\n\t if (item.hasClass(\"k-filter-item\")) {\n\t return;\n\t }\n\n\t if (state[id]) {\n\t state[id] = false;\n\t } else {\n\t state[id] = true;\n\t }\n\n\t if (item.hasClass(\"k-sort-asc\") || item.hasClass(\"k-sort-desc\")) {\n\t var dir;\n\t var otherItem;\n\t var otherItemId;\n\n\t if (item.hasClass(\"k-sort-asc\")) {\n\t dir = \"asc\";\n\t otherItem = that.element.find(\".k-sort-desc\");\n\t } else {\n\t dir = \"desc\";\n\t otherItem = that.element.find(\".k-sort-asc\");\n\t }\n\n\t otherItemId = otherItem.prop(\"id\");\n\n\t if (dir === state.initialSort && !item.hasClass(\"k-state-selected\")) {\n\t state[id] = false;\n\t }\n\n\t if (state[otherItemId]) {\n\t state[otherItemId] = false;\n\t }\n\n\t otherItem.removeClass(ACTIVE);\n\t }\n\n\t if (item.hasClass(ACTIVE)) {\n\t item.removeClass(ACTIVE);\n\t } else {\n\t item.addClass(ACTIVE);\n\t }\n\t },\n\n\t _cancelChanges: function(force) {\n\t var that = this;\n\t var menu = that.options.columnMenu;\n\t var view = menu.view;\n\t var state = view.state || { columns: {} };\n\t var columns = state.columns;\n\n\t that.element.find(\".\" + ACTIVE).removeClass(ACTIVE);\n\t menu.refresh();\n\n\t if (force) {\n\t var selectedItems = [];\n\n\t for (var key in columns) {\n\t if (columns.hasOwnProperty(key)) {\n\t if (columns[key] === true) {\n\t var item = view.element.find(\"#\" + key);\n\n\t selectedItems.push(item[0]);\n\t }\n\t }\n\t }\n\t // In order to use the columns hide/show validation,\n\t // triggering the Select event must be done backwards\n\t for (var i = selectedItems.length - 1; i >= 0; i--) {\n\t that.trigger(SELECT, { item: selectedItems[i] });\n\t }\n\n\t if (menu.options.lockedColumns) {\n\t menu._updateLockedColumns();\n\t }\n\t }\n\n\t that.options.columnMenu.view.state = { columns: {} };\n\t },\n\n\t _applyChanges: function() {\n\t var that = this;\n\t var view = that.options.columnMenu.view;\n\t var state = view.state || { columns: {} };\n\n\t for (var key in state) {\n\t if (state.hasOwnProperty(key)) {\n\t if (key !== \"initialSort\" && key !== \"columns\" && state[key] === true) {\n\t var item = view.element.find(\"#\" + key);\n\n\t if (item.hasClass(ACTIVE)) {\n\t item.removeClass(ACTIVE);\n\t } else {\n\t item.addClass(ACTIVE);\n\t }\n\n\t that.trigger(SELECT, { item: item[0] });\n\t }\n\t }\n\t }\n\t },\n\n\t _createCheckBoxes: function() {\n\t var that = this;\n\n\t that.element.find(\".k-columns-item\").find(\"[type='checkbox']\").kendoSwitch({\n\t messages: {\n\t checked: \"\",\n\t unchecked: \"\"\n\t },\n\t change: function(e) {\n\t var item = e.sender.element.closest(\".k-item\");\n\t var state = that.options.columnMenu.view.state || { columns: {} };\n\t var id = item.prop(\"id\");\n\n\t if (state.columns[id]) {\n\t state.columns[id] = false;\n\t } else {\n\t state.columns[id] = true;\n\t }\n\n\t that.trigger(SELECT, { item: item });\n\t }\n\t });\n\t },\n\n\t _destroyCheckBoxes: function() {\n\t var that = this;\n\t var elements = that.element.find(\".k-columns-item\").find(\"[type='checkbox']\");\n\t var switchWidget;\n\n\t for (var i = 0; i < elements.length; i++) {\n\t switchWidget = elements.eq(i).data(\"kendoSwitch\");\n\n\t if (switchWidget) {\n\t switchWidget.destroy();\n\t }\n\t }\n\t },\n\n\t close: function() {\n\t this.options.pane.navigate(\"\");\n\t },\n\n\t destroy: function() {\n\t var that = this;\n\n\t Widget.fn.destroy.call(that);\n\n\t that.element.off(NS);\n\t that._destroyCheckBoxes();\n\t }\n\t });\n\n\t ui.plugin(ColumnMenu);\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 1043:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.filtermenu\");\n\n/***/ }),\n\n/***/ 1044:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.menu\");\n\n/***/ })\n\n/******/ });","'use strict';\n// https://github.com/tc39/proposal-promise-try\nvar $export = require('./_export');\nvar newPromiseCapability = require('./_new-promise-capability');\nvar perform = require('./_perform');\n\n$export($export.S, 'Promise', { 'try': function (callbackfn) {\n var promiseCapability = newPromiseCapability.f(this);\n var result = perform(callbackfn);\n (result.e ? promiseCapability.reject : promiseCapability.resolve)(result.v);\n return promiseCapability.promise;\n} });\n","module.exports = function (exec) {\n try {\n return { e: false, v: exec() };\n } catch (e) {\n return { e: true, v: e };\n }\n};\n","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(1373);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 1005:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"jquery\");\n\n/***/ }),\n\n/***/ 1015:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.data\");\n\n/***/ }),\n\n/***/ 1373:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(jQuery) {(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(1015) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\tvar __meta__ = { // jshint ignore:line\n\t id: \"virtuallist\",\n\t name: \"VirtualList\",\n\t category: \"framework\",\n\t depends: [ \"data\" ],\n\t hidden: true\n\t};\n\n\t(function($, undefined) {\n\t var kendo = window.kendo,\n\t ui = kendo.ui,\n\t Widget = ui.Widget,\n\t DataBoundWidget = ui.DataBoundWidget,\n\t proxy = $.proxy,\n\t percentageUnitsRegex = /^\\d+(\\.\\d+)?%$/i,\n\t WRAPPER = \"k-virtual-wrap\",\n\t VIRTUALLIST = \"k-virtual-list\",\n\t CONTENT = \"k-virtual-content\",\n\t LIST = \"k-list\",\n\t HEADER = \"k-group-header\",\n\t VIRTUALITEM = \"k-virtual-item\",\n\t ITEM = \"k-item\",\n\t HEIGHTCONTAINER = \"k-height-container\",\n\t GROUPITEM = \"k-group\",\n\n\t SELECTED = \"k-state-selected\",\n\t FOCUSED = \"k-state-focused\",\n\t HOVER = \"k-state-hover\",\n\t CHANGE = \"change\",\n\t CLICK = \"click\",\n\t LISTBOUND = \"listBound\",\n\t ITEMCHANGE = \"itemChange\",\n\n\t ACTIVATE = \"activate\",\n\t DEACTIVATE = \"deactivate\",\n\n\t VIRTUAL_LIST_NS = \".VirtualList\";\n\n\t function lastFrom(array) {\n\t return array[array.length - 1];\n\t }\n\n\t function toArray(value) {\n\t return value instanceof Array ? value : [value];\n\t }\n\n\t function isPrimitive(dataItem) {\n\t return typeof dataItem === \"string\" || typeof dataItem === \"number\" || typeof dataItem === \"boolean\";\n\t }\n\n\t function getItemCount(screenHeight, listScreens, itemHeight) {\n\t return Math.ceil(screenHeight * listScreens / itemHeight);\n\t }\n\n\t function appendChild(parent, className, tagName) {\n\t var element = document.createElement(tagName || \"div\");\n\t if (className) {\n\t element.className = className;\n\t }\n\t parent.appendChild(element);\n\n\t return element;\n\t }\n\n\t function getDefaultItemHeight() {\n\t var mockList = $(''),\n\t lineHeight;\n\t mockList.css({\n\t position: \"absolute\",\n\t left: \"-200000px\",\n\t visibility: \"hidden\"\n\t });\n\t mockList.appendTo(document.body);\n\t lineHeight = parseFloat(kendo.getComputedStyles(mockList.find(\".k-item\")[0], [\"line-height\"])[\"line-height\"]);\n\t mockList.remove();\n\n\t return lineHeight;\n\t }\n\n\t function bufferSizes(screenHeight, listScreens, opposite) { //in pixels\n\t return {\n\t down: screenHeight * opposite,\n\t up: screenHeight * (listScreens - 1 - opposite)\n\t };\n\t }\n\n\t function listValidator(options, screenHeight) {\n\t var downThreshold = (options.listScreens - 1 - options.threshold) * screenHeight;\n\t var upThreshold = options.threshold * screenHeight;\n\n\t return function(list, scrollTop, lastScrollTop) {\n\t if (scrollTop > lastScrollTop) {\n\t return scrollTop - list.top < downThreshold;\n\t } else {\n\t return list.top === 0 || scrollTop - list.top > upThreshold;\n\t }\n\t };\n\t }\n\n\t function scrollCallback(element, callback) {\n\t return function(force) {\n\t return callback(element.scrollTop, force);\n\t };\n\t }\n\n\t function syncList(reorder) {\n\t return function(list, force) {\n\t reorder(list.items, list.index, force);\n\t return list;\n\t };\n\t }\n\n\t function position(element, y) {\n\t if (kendo.support.browser.msie && kendo.support.browser.version < 10) {\n\t element.style.top = y + \"px\";\n\t } else {\n\t element.style.webkitTransform = 'translateY(' + y + \"px)\";\n\t element.style.transform = 'translateY(' + y + \"px)\";\n\t }\n\t }\n\n\t function map2(callback, templates) {\n\t return function(arr1, arr2) {\n\t for (var i = 0, len = arr1.length; i < len; i++) {\n\t callback(arr1[i], arr2[i], templates);\n\t if (arr2[i].item) {\n\t this.trigger(ITEMCHANGE, { item: $(arr1[i]), data: arr2[i].item, ns: kendo.ui });\n\t }\n\t }\n\t };\n\t }\n\n\t function reshift(items, diff) {\n\t var range;\n\n\t if (diff > 0) { // down\n\t range = items.splice(0, diff);\n\t items.push.apply(items, range);\n\t } else { // up\n\t range = items.splice(diff, -diff);\n\t items.unshift.apply(items, range);\n\t }\n\n\t return range;\n\t }\n\n\t function render(element, data, templates) {\n\t var itemTemplate = templates.template;\n\n\t element = $(element);\n\n\t if (!data.item) {\n\t itemTemplate = templates.placeholderTemplate;\n\t }\n\n\t if (data.index === 0 && this.header && data.group) {\n\t this.header.html(templates.fixedGroupTemplate(data.group));\n\t }\n\n\t this.angular(\"cleanup\", function() {\n\t return { elements: [ element ]};\n\t });\n\n\t element\n\t .attr(\"data-uid\", data.item ? data.item.uid : \"\")\n\t .attr(\"data-offset-index\", data.index);\n\n\t if (this.options.columns && this.options.columns.length && data.item) {\n\t element.html(renderColumns(this.options, data.item, templates));\n\t } else {\n\t element.html(itemTemplate(data.item || {}));\n\t }\n\n\t element.toggleClass(FOCUSED, data.current);\n\t element.toggleClass(SELECTED, data.selected);\n\t element.toggleClass(\"k-first\", data.newGroup);\n\t element.toggleClass(\"k-last\", data.isLastGroupedItem);\n\t element.toggleClass(\"k-loading-item\", !data.item);\n\n\t if (data.index !== 0 && data.newGroup) {\n\t $(\"
\")\n\t .appendTo(element)\n\t .html(templates.groupTemplate(data.group));\n\t }\n\n\t if (data.top !== undefined) {\n\t position(element[0], data.top);\n\t }\n\n\t this.angular(\"compile\", function() {\n\t return { elements: [ element ], data: [ { dataItem: data.item, group: data.group, newGroup: data.newGroup } ]};\n\t });\n\t }\n\n\t function renderColumns(options, dataItem, templates) {\n\t var item = \"\";\n\n\t for (var i = 0; i < options.columns.length; i++) {\n\t var currentWidth = options.columns[i].width;\n\t var currentWidthInt = parseInt(currentWidth, 10);\n\t var widthStyle = '';\n\n\t if(currentWidth){\n\t widthStyle += \"style='width:\";\n\t widthStyle += currentWidthInt;\n\t widthStyle += percentageUnitsRegex.test(currentWidth) ? \"%\" : \"px\";\n\t widthStyle += \";'\";\n\t }\n\t item += \"
\";\n\t item += templates[\"column\"+ i](dataItem);\n\t item += \"\";\n\t }\n\n\t return item;\n\t }\n\n\t function mapChangedItems(selected, itemsToMatch) {\n\t var itemsLength = itemsToMatch.length;\n\t var selectedLength = selected.length;\n\t var dataItem;\n\t var found;\n\t var i, j;\n\n\t var changed = [];\n\t var unchanged = [];\n\n\t if (selectedLength) {\n\t for (i = 0; i < selectedLength; i++) {\n\t dataItem = selected[i];\n\t found = false;\n\n\t for (j = 0; j < itemsLength; j++) {\n\t if (dataItem === itemsToMatch[j]) {\n\t found = true;\n\t changed.push({ index: i, item: dataItem });\n\t break;\n\t }\n\t }\n\n\t if (!found) {\n\t unchanged.push(dataItem);\n\t }\n\t }\n\t }\n\n\t return {\n\t changed: changed,\n\t unchanged: unchanged\n\t };\n\t }\n\n\t function isActivePromise(promise) {\n\t return promise && promise.state() !== \"resolved\";\n\t }\n\n\t var VirtualList = DataBoundWidget.extend({\n\t init: function(element, options) {\n\t var that = this;\n\n\t that.bound(false);\n\t that._fetching = false;\n\n\t Widget.fn.init.call(that, element, options);\n\n\t if (!that.options.itemHeight) {\n\t that.options.itemHeight = getDefaultItemHeight();\n\t }\n\n\t options = that.options;\n\n\t that.element.addClass(LIST + \" \" + VIRTUALLIST).attr(\"role\", \"listbox\");\n\t that.content = that.element.wrap(\"
\").parent();\n\t that.wrapper = that.content.wrap(\"
\").parent();\n\t that.header = that.content.before(\"\").prev();\n\n\t if (options.columns && options.columns.length) {\n\t that.element.removeClass(LIST);\n\t }\n\n\t that.element.on(\"mouseenter\" + VIRTUAL_LIST_NS, \"li:not(.k-loading-item)\", function() { $(this).addClass(HOVER); })\n\t .on(\"mouseleave\" + VIRTUAL_LIST_NS, \"li\", function() { $(this).removeClass(HOVER); });\n\n\t that._values = toArray(that.options.value);\n\t that._selectedDataItems = [];\n\t that._selectedIndexes = [];\n\t that._rangesList = {};\n\t that._promisesList = [];\n\t that._optionID = kendo.guid();\n\n\t that._templates();\n\n\t that.setDataSource(options.dataSource);\n\n\t that.content.on(\"scroll\" + VIRTUAL_LIST_NS, kendo.throttle(function() {\n\t that._renderItems();\n\t that._triggerListBound();\n\t }, options.delay));\n\n\t that._selectable();\n\t },\n\n\t options: {\n\t name: \"VirtualList\",\n\t autoBind: true,\n\t delay: 100,\n\t height: null,\n\t listScreens: 4,\n\t threshold: 0.5,\n\t itemHeight: null,\n\t oppositeBuffer: 1,\n\t type: \"flat\",\n\t selectable: false,\n\t value: [],\n\t dataValueField: null,\n\t template: \"#:data#\",\n\t placeholderTemplate: \"loading...\",\n\t groupTemplate: \"#:data#\",\n\t fixedGroupTemplate: \"#:data#\",\n\t mapValueTo: \"index\",\n\t valueMapper: null\n\t },\n\n\t events: [\n\t CHANGE,\n\t CLICK,\n\t LISTBOUND,\n\t ITEMCHANGE,\n\t ACTIVATE,\n\t DEACTIVATE\n\t ],\n\n\t setOptions: function(options) {\n\t Widget.fn.setOptions.call(this, options);\n\n\t if (this._selectProxy && this.options.selectable === false) {\n\t this.element.off(CLICK, \".\" + VIRTUALITEM, this._selectProxy);\n\t } else if (!this._selectProxy && this.options.selectable) {\n\t this._selectable();\n\t }\n\n\t this._templates();\n\t this.refresh();\n\t },\n\n\t items: function() {\n\t return $(this._items);\n\t },\n\n\t destroy: function() {\n\t this.wrapper.off(VIRTUAL_LIST_NS);\n\t this.dataSource.unbind(CHANGE, this._refreshHandler);\n\t Widget.fn.destroy.call(this);\n\t },\n\n\t setDataSource: function(source) {\n\t var that = this;\n\t var dataSource = source || {};\n\t var value;\n\n\t dataSource = $.isArray(dataSource) ? {data: dataSource} : dataSource;\n\t dataSource = kendo.data.DataSource.create(dataSource);\n\n\t if (that.dataSource) {\n\t that.dataSource.unbind(CHANGE, that._refreshHandler);\n\n\t that._clean();\n\t that.bound(false);\n\n\t that._deferValueSet = true;\n\t value = that.value();\n\n\t that.value([]);\n\t that.mute(function() {\n\t that.value(value);\n\t });\n\t } else {\n\t that._refreshHandler = $.proxy(that.refresh, that);\n\t }\n\n\t that.dataSource = dataSource.bind(CHANGE, that._refreshHandler);\n\n\t that.setDSFilter(dataSource.filter());\n\n\t if (dataSource.view().length !== 0) {\n\t that.refresh();\n\t } else if (that.options.autoBind) {\n\t dataSource.fetch();\n\t }\n\t },\n\n\t skip: function() {\n\t return this.dataSource.currentRangeStart();\n\t },\n\n\t _triggerListBound: function () {\n\t var that = this;\n\t var skip = that.skip();\n\n\t if (that.bound() && !that._selectingValue && that._skip !== skip) {\n\t that._skip = skip;\n\t that.trigger(LISTBOUND);\n\t }\n\t },\n\n\t _getValues: function(dataItems) {\n\t var getter = this._valueGetter;\n\n\t return $.map(dataItems, function(dataItem) {\n\t return getter(dataItem);\n\t });\n\t },\n\n\t _highlightSelectedItems: function () {\n\t for (var i = 0; i < this._selectedDataItems.length; i++) {\n\t var item = this._getElementByDataItem(this._selectedDataItems[i]);\n\t if(item.length){\n\t item.addClass(SELECTED);\n\t }\n\t }\n\t },\n\n\t refresh: function(e) {\n\t var that = this;\n\t var action = e && e.action;\n\t var isItemChange = action === \"itemchange\";\n\t var filtered = this.isFiltered();\n\t var result;\n\n\t if (that._mute) { return; }\n\n\t that._deferValueSet = false;\n\n\t if (!that._fetching) {\n\t if (filtered) {\n\t that.focus(0);\n\t }\n\n\t that._createList();\n\t if (!action && that._values.length && !filtered &&\n\t !that.options.skipUpdateOnBind && !that._emptySearch) {\n\t that._selectingValue = true;\n\n\t that.bound(true);\n\t that.value(that._values, true).done(function () {\n\t that._selectingValue = false;\n\t that._triggerListBound();\n\t });\n\t } else {\n\t that.bound(true);\n\t that._highlightSelectedItems();\n\t that._triggerListBound();\n\t }\n\t } else {\n\t if (that._renderItems) {\n\t that._renderItems(true);\n\t }\n\n\t that._triggerListBound();\n\t }\n\n\t if (isItemChange || action === \"remove\") {\n\t result = mapChangedItems(that._selectedDataItems, e.items);\n\t if (result.changed.length) {\n\t if (isItemChange) {\n\t that.trigger(\"selectedItemChange\", {\n\t items: result.changed\n\t });\n\t } else {\n\t that.value(that._getValues(result.unchanged));\n\t }\n\t }\n\t }\n\n\t that._fetching = false;\n\t },\n\n\t removeAt: function(position) {\n\t this._selectedIndexes.splice(position, 1);\n\t this._values.splice(position, 1);\n\n\t return {\n\t position: position,\n\t dataItem: this._selectedDataItems.splice(position, 1)[0]\n\t };\n\t },\n\n\t setValue: function(value) {\n\t this._values = toArray(value);\n\t },\n\n\t value: function(value, _forcePrefetch) {\n\t var that = this;\n\n\t if (value === undefined) {\n\t return that._values.slice();\n\t }\n\n\t if (value === null) {\n\t value = [];\n\t }\n\n\t value = toArray(value);\n\n\t if (!that._valueDeferred || that._valueDeferred.state() === \"resolved\") {\n\t that._valueDeferred = $.Deferred();\n\t }\n\n\t var shouldClear = that.options.selectable === \"multiple\" && that.select().length && value.length;\n\n\t if (shouldClear || !value.length) {\n\t that.select(-1);\n\t }\n\n\t that._values = value;\n\n\t if ((that.bound() && !that._mute && !that._deferValueSet) || _forcePrefetch) {\n\t that._prefetchByValue(value);\n\t }\n\n\t return that._valueDeferred;\n\t },\n\n\t _checkValuesOrder: function (value) {\n\t if (this._removedAddedIndexes &&\n\t this._removedAddedIndexes.length === value.length) {\n\t var newValue = this._removedAddedIndexes.slice();\n\t this._removedAddedIndexes = null;\n\t return newValue;\n\t }\n\n\t return value;\n\t },\n\n\t _prefetchByValue: function(value) {\n\t var that = this,\n\t dataView = that._dataView,\n\t valueGetter = that._valueGetter,\n\t mapValueTo = that.options.mapValueTo,\n\t item, match = false,\n\t forSelection = [];\n\n\t //try to find the items in the loaded data\n\t for (var i = 0; i < value.length; i++) {\n\t for (var idx = 0; idx < dataView.length; idx++) {\n\t item = dataView[idx].item;\n\t if (item) {\n\t match = isPrimitive(item) ? value[i] === item : value[i] === valueGetter(item);\n\n\t if (match) {\n\t forSelection.push(dataView[idx].index);\n\t }\n\t }\n\t }\n\t }\n\n\t if (forSelection.length === value.length) {\n\t that._values = [];\n\t that.select(forSelection);\n\t return;\n\t }\n\n\t //prefetch the items\n\t if (typeof that.options.valueMapper === \"function\") {\n\t that.options.valueMapper({\n\t value: (this.options.selectable === \"multiple\") ? value : value[0],\n\t success: function(response) {\n\t if (mapValueTo === \"index\") {\n\t that.mapValueToIndex(response);\n\t } else if (mapValueTo === \"dataItem\") {\n\t that.mapValueToDataItem(response);\n\t }\n\t }\n\t });\n\t } else {\n\t if (!that.value()[0]) {\n\t that.select([-1]);\n\t } else {\n\t that._selectingValue = false;\n\t that._triggerListBound();\n\t }\n\t }\n\t },\n\n\t mapValueToIndex: function(indexes) {\n\t if (indexes === undefined || indexes === -1 || indexes === null) {\n\t indexes = [];\n\t } else {\n\t indexes = toArray(indexes);\n\t }\n\n\t if (!indexes.length) {\n\t indexes = [-1];\n\t } else {\n\t var removed = this._deselect([]).removed;\n\t if (removed.length) {\n\t this._triggerChange(removed, []);\n\t }\n\t }\n\n\t this.select(indexes);\n\t },\n\n\t mapValueToDataItem: function(dataItems) {\n\t var removed, added;\n\n\t if (dataItems === undefined || dataItems === null) {\n\t dataItems = [];\n\t } else {\n\t dataItems = toArray(dataItems);\n\t }\n\n\t if (!dataItems.length) {\n\t this.select([-1]);\n\t } else {\n\t removed = $.map(this._selectedDataItems, function(item, index) {\n\t return { index: index, dataItem: item };\n\t });\n\n\t added = $.map(dataItems, function(item, index) {\n\t return { index: index, dataItem: item };\n\t });\n\n\t this._selectedDataItems = dataItems;\n\n\t this._selectedIndexes = [];\n\n\t for (var i = 0; i < this._selectedDataItems.length; i++) {\n\t var item = this._getElementByDataItem(this._selectedDataItems[i]);\n\t this._selectedIndexes.push(this._getIndecies(item)[0]);\n\t item.addClass(SELECTED);\n\t }\n\n\t this._triggerChange(removed, added);\n\n\t if (this._valueDeferred) {\n\t this._valueDeferred.resolve();\n\t }\n\t }\n\t },\n\n\t deferredRange: function(index) {\n\t var dataSource = this.dataSource;\n\t var take = this.itemCount;\n\t var ranges = this._rangesList;\n\t var result = $.Deferred();\n\t var defs = [];\n\n\t var low = Math.floor(index / take) * take;\n\t var high = Math.ceil(index / take) * take;\n\n\t var pages = high === low ? [ high ] : [ low, high ];\n\n\t $.each(pages, function(_, skip) {\n\t var end = skip + take;\n\t var existingRange = ranges[skip];\n\t var deferred;\n\n\t if (!existingRange || (existingRange.end !== end)) {\n\t deferred = $.Deferred();\n\t ranges[skip] = { end: end, deferred: deferred };\n\n\t dataSource._multiplePrefetch(skip, take, function() {\n\t deferred.resolve();\n\t });\n\t } else {\n\t deferred = existingRange.deferred;\n\t }\n\n\t defs.push(deferred);\n\t });\n\n\t $.when.apply($, defs).then(function() {\n\t result.resolve();\n\t });\n\n\t return result;\n\t },\n\n\t prefetch: function(indexes) {\n\t var that = this,\n\t take = this.itemCount,\n\t isEmptyList = !that._promisesList.length;\n\n\t if (!isActivePromise(that._activeDeferred)) {\n\t that._activeDeferred = $.Deferred();\n\t that._promisesList = [];\n\t }\n\n\t $.each(indexes, function(_, index) {\n\t that._promisesList.push(that.deferredRange(that._getSkip(index, take)));\n\t });\n\n\t if (isEmptyList) {\n\t $.when.apply($, that._promisesList).done(function() {\n\t that._promisesList = [];\n\t that._activeDeferred.resolve();\n\t });\n\t }\n\n\t return that._activeDeferred;\n\t },\n\n\t _findDataItem: function(view, index) {\n\t var group;\n\n\t //find in grouped view\n\t if (this.options.type === \"group\") {\n\t for (var i = 0; i < view.length; i++) {\n\t group = view[i].items;\n\t if (group.length <= index) {\n\t index = index - group.length;\n\t } else {\n\t return group[index];\n\t }\n\t }\n\t }\n\n\t //find in flat view\n\t return view[index];\n\t },\n\n\t _getRange: function(skip, take) {\n\t return this.dataSource._findRange(skip, Math.min(skip + take, this.dataSource.total()));\n\t },\n\n\t dataItemByIndex: function(index) {\n\t var that = this;\n\t var take = that.itemCount;\n\t var skip = that._getSkip(index, take);\n\t var view = this._getRange(skip, take);\n\n\t //should not return item if data is not loaded\n\t if (!that._getRange(skip, take).length) {\n\t return null;\n\t }\n\n\t if (that.options.type === \"group\") {\n\t kendo.ui.progress($(that.wrapper), true);\n\t that.mute(function() {\n\t that.dataSource.range(skip, take, function () {\n\t kendo.ui.progress($(that.wrapper), false);\n\t });\n\t view = that.dataSource.view();\n\t });\n\t }\n\n\t return that._findDataItem(view, [index - skip]);\n\t },\n\n\t selectedDataItems: function() {\n\t return this._selectedDataItems.slice();\n\t },\n\n\t scrollWith: function(value) {\n\t this.content.scrollTop(this.content.scrollTop() + value);\n\t },\n\n\t scrollTo: function(y) {\n\t this.content.scrollTop(y); //works only if the element is visible\n\t },\n\n\t scrollToIndex: function(index) {\n\t this.scrollTo(index * this.options.itemHeight);\n\t },\n\n\t focus: function(candidate) {\n\t var element,\n\t index,\n\t data,\n\t current,\n\t itemHeight = this.options.itemHeight,\n\t id = this._optionID,\n\t triggerEvent = true;\n\n\t if (candidate === undefined) {\n\t current = this.element.find(\".\" + FOCUSED);\n\t return current.length ? current : null;\n\t }\n\n\t if (typeof candidate === \"function\") {\n\t data = this.dataSource.flatView();\n\t for (var idx = 0; idx < data.length; idx++) {\n\t if (candidate(data[idx])) {\n\t candidate = idx;\n\t break;\n\t }\n\t }\n\t }\n\n\t if (candidate instanceof Array) {\n\t candidate = lastFrom(candidate);\n\t }\n\n\t if (isNaN(candidate)) {\n\t element = $(candidate);\n\t index = parseInt($(element).attr(\"data-offset-index\"), 10);\n\t } else {\n\t index = candidate;\n\t element = this._getElementByIndex(index);\n\t }\n\n\t if (index === -1) {\n\t this.element.find(\".\" + FOCUSED).removeClass(FOCUSED);\n\t this._focusedIndex = undefined;\n\t return;\n\t }\n\n\t if (element.length) { /*focus rendered item*/\n\t if (element.hasClass(FOCUSED)) {\n\t triggerEvent = false;\n\t }\n\t if (this._focusedIndex !== undefined) {\n\t current = this._getElementByIndex(this._focusedIndex);\n\t current\n\t .removeClass(FOCUSED)\n\t .removeAttr(\"id\");\n\n\t if (triggerEvent) {\n\t this.trigger(DEACTIVATE);\n\t }\n\t }\n\n\t this._focusedIndex = index;\n\n\t element\n\t .addClass(FOCUSED)\n\t .attr(\"id\", id);\n\n\t var position = this._getElementLocation(index);\n\n\t if (position === \"top\") {\n\t this.scrollTo(index * itemHeight);\n\t } else if (position === \"bottom\") {\n\t this.scrollTo((index * itemHeight + itemHeight) - this._screenHeight);\n\t } else if (position === \"outScreen\") {\n\t this.scrollTo(index * itemHeight);\n\t }\n\n\t if (triggerEvent) {\n\t this.trigger(ACTIVATE);\n\t }\n\t } else { /*focus non rendered item*/\n\t this._focusedIndex = index;\n\t this.items().removeClass(FOCUSED);\n\t this.scrollToIndex(index);\n\t }\n\t },\n\n\t focusIndex: function() {\n\t return this._focusedIndex;\n\t },\n\n\t focusFirst: function() {\n\t this.scrollTo(0);\n\t this.focus(0);\n\t },\n\n\t focusLast: function() {\n\t var lastIndex = this.dataSource.total();\n\t this.scrollTo(this.heightContainer.offsetHeight);\n\t this.focus(lastIndex - 1);\n\t },\n\n\t focusPrev: function() {\n\t var index = this._focusedIndex;\n\t var current;\n\n\t if (!isNaN(index) && index > 0) {\n\t index -= 1;\n\t this.focus(index);\n\n\t current = this.focus();\n\t if (current && current.hasClass(\"k-loading-item\")) {\n\t index += 1;\n\t this.focus(index);\n\t }\n\n\t return index;\n\t } else {\n\t index = this.dataSource.total() - 1;\n\t this.focus(index);\n\t return index;\n\t }\n\t },\n\n\t focusNext: function() {\n\t var index = this._focusedIndex;\n\t var lastIndex = this.dataSource.total() - 1;\n\t var current;\n\n\t if (!isNaN(index) && index < lastIndex) {\n\t index += 1;\n\t this.focus(index);\n\n\t current = this.focus();\n\t if (current && current.hasClass(\"k-loading-item\")) {\n\t index -= 1;\n\t this.focus(index);\n\t }\n\n\t return index;\n\t } else {\n\t index = 0;\n\t this.focus(index);\n\t return index;\n\t }\n\t },\n\n\t _triggerChange: function(removed, added) {\n\t removed = removed || [];\n\t added = added || [];\n\n\t if (removed.length || added.length) {\n\t this.trigger(CHANGE, {\n\t removed: removed,\n\t added: added\n\t });\n\t }\n\t },\n\n\t select: function(candidate) {\n\t var that = this,\n\t indices,\n\t initialIndices,\n\t singleSelection = that.options.selectable !== \"multiple\",\n\t prefetchStarted = isActivePromise(that._activeDeferred),\n\t filtered = this.isFiltered(),\n\t isAlreadySelected,\n\t deferred,\n\t result,\n\t removed = [];\n\n\t if (candidate === undefined) {\n\t return that._selectedIndexes.slice();\n\t }\n\n\t if (!that._selectDeferred || that._selectDeferred.state() === \"resolved\") {\n\t that._selectDeferred = $.Deferred();\n\t }\n\n\t indices = that._getIndecies(candidate);\n\t isAlreadySelected = singleSelection && !filtered && lastFrom(indices) === lastFrom(this._selectedIndexes);\n\t removed = that._deselectCurrentValues(indices);\n\n\t if (removed.length || !indices.length || isAlreadySelected) {\n\t that._triggerChange(removed);\n\n\t if (that._valueDeferred) {\n\t that._valueDeferred.resolve().promise();\n\t }\n\n\t return that._selectDeferred.resolve().promise();\n\t }\n\n\t if (indices.length === 1 && indices[0] === -1) {\n\t indices = [];\n\t }\n\n\t initialIndices = indices;\n\t result = that._deselect(indices);\n\t removed = result.removed;\n\t indices = result.indices;\n\n\t if (singleSelection) {\n\t prefetchStarted = false;\n\t if (indices.length) {\n\t indices = [lastFrom(indices)];\n\t }\n\t }\n\n\t var done = function() {\n\t var added = that._select(indices);\n\n\t if (initialIndices.length === indices.length || singleSelection) {\n\t that.focus(indices);\n\t }\n\n\t that._triggerChange(removed, added);\n\n\t if (that._valueDeferred) {\n\t that._valueDeferred.resolve();\n\t }\n\n\t that._selectDeferred.resolve();\n\t };\n\n\t deferred = that.prefetch(indices);\n\n\t if (!prefetchStarted) {\n\t if (deferred) {\n\t deferred.done(done);\n\t } else {\n\t done();\n\t }\n\t }\n\n\t return that._selectDeferred.promise();\n\t },\n\n\t bound: function(bound) {\n\t if (bound === undefined) {\n\t return this._listCreated;\n\t }\n\n\t this._listCreated = bound;\n\t },\n\n\t mute: function(callback) {\n\t this._mute = true;\n\t proxy(callback(), this);\n\t this._mute = false;\n\t },\n\n\t setDSFilter: function(filter) {\n\t this._lastDSFilter = $.extend({}, filter);\n\t },\n\n\t isFiltered: function() {\n\t if (!this._lastDSFilter) {\n\t this.setDSFilter(this.dataSource.filter());\n\t }\n\n\t return !kendo.data.Query.compareFilters(this.dataSource.filter(), this._lastDSFilter);\n\t },\n\n\t skipUpdate: $.noop,\n\n\t _getElementByIndex: function(index) {\n\t return this.items().filter(function(idx, element) {\n\t return index === parseInt($(element).attr(\"data-offset-index\"), 10);\n\t });\n\t },\n\n\t _getElementByDataItem: function(dataItem) {\n\t var dataView = this._dataView,\n\t valueGetter = this._valueGetter,\n\t element, match;\n\n\t for (var i = 0; i < dataView.length; i++) {\n\t match = dataView[i].item && isPrimitive(dataView[i].item) ? dataView[i].item === dataItem : dataView[i].item && dataItem && valueGetter(dataView[i].item) == valueGetter(dataItem);\n\t if (match) {\n\t element = dataView[i];\n\t break;\n\t }\n\t }\n\n\t return element ? this._getElementByIndex(element.index) : $();\n\t },\n\n\t _clean: function() {\n\t this.result = undefined;\n\t this._lastScrollTop = undefined;\n\t this._skip = undefined;\n\t $(this.heightContainer).remove();\n\t this.heightContainer = undefined;\n\t this.element.empty();\n\t },\n\n\t _height: function() {\n\t var hasData = !!this.dataSource.view().length,\n\t height = this.options.height,\n\t itemHeight = this.options.itemHeight,\n\t total = this.dataSource.total();\n\n\t if (!hasData) {\n\t height = 0;\n\t } else if (height/itemHeight > total) {\n\t height = total * itemHeight;\n\t }\n\n\t return height;\n\t },\n\n\t setScreenHeight: function() {\n\t var height = this._height();\n\n\t this.content.height(height);\n\t this._screenHeight = height;\n\t },\n\n\t screenHeight: function() {\n\t return this._screenHeight;\n\t },\n\n\t _getElementLocation: function(index) {\n\t var scrollTop = this.content.scrollTop(),\n\t screenHeight = this._screenHeight,\n\t itemHeight = this.options.itemHeight,\n\t yPosition = index * itemHeight,\n\t yDownPostion = yPosition + itemHeight,\n\t screenEnd = scrollTop + screenHeight,\n\t position;\n\n\t if (yPosition === (scrollTop - itemHeight) || (yDownPostion > scrollTop && yPosition < scrollTop)) {\n\t position = \"top\";\n\t } else if (yPosition === screenEnd || (yPosition < screenEnd && screenEnd < yDownPostion)) {\n\t position = \"bottom\";\n\t } else if ((yPosition >= scrollTop) && (yPosition <= scrollTop + (screenHeight - itemHeight))) {\n\t position = \"inScreen\";\n\t } else {\n\t position = \"outScreen\";\n\t }\n\n\t return position;\n\t },\n\n\t _templates: function() {\n\t var options = this.options;\n\t var templates = {\n\t template: options.template,\n\t placeholderTemplate: options.placeholderTemplate,\n\t groupTemplate: options.groupTemplate,\n\t fixedGroupTemplate: options.fixedGroupTemplate\n\t };\n\n\t if (options.columns) {\n\t for (var i = 0; i < options.columns.length; i++) {\n\t var currentColumn = options.columns[i];\n\t var templateText = currentColumn.field ? currentColumn.field.toString(): \"text\";\n\n\t templates[\"column\"+ i] = currentColumn.template || \"#: \" + templateText + \"#\";\n\t }\n\t }\n\n\t for (var key in templates) {\n\t if (typeof templates[key] !== \"function\") {\n\t templates[key] = kendo.template(templates[key] || \"\");\n\t }\n\t }\n\n\t this.templates = templates;\n\t },\n\n\t _generateItems: function(element, count) {\n\t var items = [],\n\t item,\n\t itemHeight = this.options.itemHeight + \"px\";\n\n\t while(count-- > 0) {\n\t item = document.createElement(\"li\");\n\t item.tabIndex = -1;\n\t item.className = VIRTUALITEM + \" \" + ITEM;\n\t item.setAttribute(\"role\", \"option\");\n\t item.style.height = itemHeight;\n\t item.style.minHeight = itemHeight;\n\t element.appendChild(item);\n\n\t items.push(item);\n\t }\n\n\t return items;\n\t },\n\n\t _saveInitialRanges: function() {\n\t var ranges = this.dataSource._ranges;\n\t var deferred = $.Deferred();\n\t deferred.resolve();\n\n\t this._rangesList = {};\n\t for (var i = 0; i < ranges.length; i++) {\n\t this._rangesList[ranges[i].start] = { end: ranges[i].end, deferred: deferred };\n\t }\n\t },\n\n\t _createList: function() {\n\t var that = this,\n\t content = that.content.get(0),\n\t options = that.options,\n\t dataSource = that.dataSource;\n\n\t if (that.bound()) {\n\t that._clean();\n\t }\n\n\t that._saveInitialRanges();\n\t that._buildValueGetter();\n\t that.setScreenHeight();\n\t that.itemCount = getItemCount(that._screenHeight, options.listScreens, options.itemHeight);\n\n\t if (that.itemCount > dataSource.total()) {\n\t that.itemCount = dataSource.total();\n\t }\n\n\t that._items = that._generateItems(that.element[0], that.itemCount);\n\n\t that._setHeight(options.itemHeight * dataSource.total());\n\t that.options.type = (dataSource.group() || []).length ? \"group\" : \"flat\";\n\n\t if (that.options.type === \"flat\") {\n\t that.header.hide();\n\t } else {\n\t that.header.show();\n\t }\n\n\t that.getter = that._getter(function() {\n\t that._renderItems(true);\n\t });\n\n\t that._onScroll = function(scrollTop, force) {\n\t var getList = that._listItems(that.getter);\n\t return that._fixedHeader(scrollTop, getList(scrollTop, force));\n\t };\n\n\t that._renderItems = that._whenChanged(\n\t scrollCallback(content, that._onScroll),\n\t syncList(that._reorderList(that._items, $.proxy(render, that)))\n\t );\n\n\t that._renderItems();\n\t that._calculateGroupPadding(that._screenHeight);\n\t that._calculateColumnsHeaderPadding();\n\t },\n\n\t _setHeight: function(height) {\n\t var currentHeight,\n\t heightContainer = this.heightContainer;\n\n\t if (!heightContainer) {\n\t heightContainer = this.heightContainer = appendChild(this.content[0], HEIGHTCONTAINER);\n\t } else {\n\t currentHeight = heightContainer.offsetHeight;\n\t }\n\n\t if (height !== currentHeight) {\n\t heightContainer.innerHTML = \"\";\n\n\t while (height > 0) {\n\t var padHeight = Math.min(height, 250000); //IE workaround, should not create elements with height larger than 250000px\n\t appendChild(heightContainer).style.height = padHeight + \"px\";\n\t height -= padHeight;\n\t }\n\t }\n\t },\n\n\t _getter: function() {\n\t var lastRequestedRange = null,\n\t dataSource = this.dataSource,\n\t lastRangeStart = dataSource.skip(),\n\t type = this.options.type,\n\t pageSize = this.itemCount,\n\t flatGroups = {};\n\n\t if (dataSource.pageSize() < pageSize) {\n\t this.mute(function() {\n\t dataSource.pageSize(pageSize);\n\t });\n\t }\n\n\t return function(index, rangeStart) {\n\t var that = this;\n\t if (!dataSource.inRange(rangeStart, pageSize)) {\n\t if (lastRequestedRange !== rangeStart) {\n\t lastRequestedRange = rangeStart;\n\t lastRangeStart = rangeStart;\n\n\t if (that._getterDeferred) {\n\t that._getterDeferred.reject();\n\t }\n\n\t that._getterDeferred = that.deferredRange(rangeStart);\n\t that._getterDeferred.then(function() {\n\t var firstItemIndex = that._indexConstraint(that.content[0].scrollTop);\n\n\t that._getterDeferred = null;\n\n\t if (rangeStart <= firstItemIndex && firstItemIndex <= (rangeStart + pageSize)) {\n\t that._fetching = true;\n\t dataSource.range(rangeStart, pageSize);\n\t }\n\t });\n\t }\n\n\t return null;\n\t } else {\n\t if (lastRangeStart !== rangeStart) {\n\t this.mute(function() {\n\t dataSource.range(rangeStart, pageSize);\n\t lastRangeStart = rangeStart;\n\t });\n\t }\n\n\t var result;\n\t if (type === \"group\") { //grouped list\n\t if (!flatGroups[rangeStart]) {\n\t var flatGroup = flatGroups[rangeStart] = [];\n\t var groups = dataSource.view();\n\t for (var i = 0, len = groups.length; i < len; i++) {\n\t var group = groups[i];\n\t for (var j = 0, groupLength = group.items.length; j < groupLength; j++) {\n\t flatGroup.push({ item: group.items[j], group: group.value });\n\t }\n\t }\n\t }\n\n\t result = flatGroups[rangeStart][index - rangeStart];\n\t } else { //flat list\n\t result = dataSource.view()[index - rangeStart];\n\t }\n\n\t return result;\n\t }\n\t };\n\t },\n\n\t _fixedHeader: function(scrollTop, list) {\n\t var group = this.currentVisibleGroup,\n\t itemHeight = this.options.itemHeight,\n\t firstVisibleDataItemIndex = Math.floor((scrollTop - list.top) / itemHeight),\n\t firstVisibleDataItem = list.items[firstVisibleDataItemIndex];\n\n\t if (firstVisibleDataItem && firstVisibleDataItem.item) {\n\t var firstVisibleGroup = firstVisibleDataItem.group;\n\n\t if (firstVisibleGroup !== group) {\n\t var fixedGroupText = firstVisibleGroup || \"\";\n\t this.header.html(this.templates.fixedGroupTemplate(fixedGroupText));\n\t this.currentVisibleGroup = firstVisibleGroup;\n\t }\n\t }\n\n\t return list;\n\t },\n\n\t _itemMapper: function(item, index, value) {\n\t var listType = this.options.type,\n\t itemHeight = this.options.itemHeight,\n\t currentIndex = this._focusedIndex,\n\t selected = false,\n\t current = false,\n\t newGroup = false,\n\t group = null,\n\t match = false,\n\t valueGetter = this._valueGetter;\n\n\t if (listType === \"group\") {\n\t if (item) {\n\t newGroup = index === 0 || (this._currentGroup !== false && this._currentGroup !== item.group);\n\t this._currentGroup = item.group;\n\t }\n\n\t group = item ? item.group : null;\n\t item = item ? item.item : null;\n\t }\n\n\t if (this.options.mapValueTo === \"dataItem\" && this._selectedDataItems.length && item) {\n\t for (var i = 0; i < this._selectedDataItems.length; i++) {\n\t match = valueGetter(this._selectedDataItems[i]) === valueGetter(item);\n\t if (match) {\n\t selected = true;\n\t break;\n\t }\n\t }\n\t } else if (!this.isFiltered() && value.length && item) {\n\t for (var j = 0; j < value.length; j++) {\n\t match = isPrimitive(item) ? value[j] === item : value[j] === valueGetter(item);\n\t if (match) {\n\t value.splice(j , 1);\n\t selected = true;\n\t break;\n\t }\n\t }\n\t }\n\n\t if (currentIndex === index) {\n\t current = true;\n\t }\n\n\t return {\n\t item: item ? item : null,\n\t group: group,\n\t newGroup: newGroup,\n\t selected: selected,\n\t current: current,\n\t index: index,\n\t top: index * itemHeight\n\t };\n\t },\n\n\t _range: function(index) {\n\t var itemCount = this.itemCount,\n\t value = this._values.slice(),\n\t items = [],\n\t item;\n\n\t this._view = {};\n\t this._currentGroup = false;\n\n\t for (var i = index, length = index + itemCount; i < length; i++) {\n\t item = this._itemMapper(this.getter(i, index), i, value);\n\t if(items[items.length - 1]){\n\t items[items.length - 1].isLastGroupedItem = item.newGroup;\n\t }\n\t items.push(item);\n\t this._view[item.index] = item;\n\t }\n\n\t this._dataView = items;\n\t return items;\n\t },\n\n\t _getDataItemsCollection: function(scrollTop, lastScrollTop) {\n\t var items = this._range(this._listIndex(scrollTop, lastScrollTop));\n\t return {\n\t index: items.length ? items[0].index : 0,\n\t top: items.length ? items[0].top : 0,\n\t items: items\n\t };\n\t },\n\n\t _listItems: function() {\n\t var screenHeight = this._screenHeight,\n\t options = this.options;\n\n\t var theValidator = listValidator(options, screenHeight);\n\n\t return $.proxy(function(value, force) {\n\t var result = this.result,\n\t lastScrollTop = this._lastScrollTop;\n\n\t if (force || !result || !theValidator(result, value, lastScrollTop)) {\n\t result = this._getDataItemsCollection(value, lastScrollTop);\n\t }\n\n\t this._lastScrollTop = value;\n\t this.result = result;\n\n\t return result;\n\t }, this);\n\t },\n\n\t _whenChanged: function(getter, callback) {\n\t var current;\n\n\t return function(force) {\n\t var theNew = getter(force);\n\n\t if (theNew !== current) {\n\t current = theNew;\n\t callback(theNew, force);\n\t }\n\t };\n\t },\n\n\t _reorderList: function(list, reorder) {\n\t var that = this;\n\t var length = list.length;\n\t var currentOffset = -Infinity;\n\t reorder = $.proxy(map2(reorder, this.templates), this);\n\n\t return function(list2, offset, force) {\n\t var diff = offset - currentOffset;\n\t var range, range2;\n\n\t if (force || Math.abs(diff) >= length) { // full reorder\n\t range = list;\n\t range2 = list2;\n\t } else { // partial reorder\n\t range = reshift(list, diff);\n\t range2 = diff > 0 ? list2.slice(-diff) : list2.slice(0, -diff);\n\t }\n\n\t reorder(range, range2, that.bound());\n\n\t currentOffset = offset;\n\t };\n\t },\n\n\t _bufferSizes: function() {\n\t var options = this.options;\n\n\t return bufferSizes(this._screenHeight, options.listScreens, options.oppositeBuffer);\n\t },\n\n\t _indexConstraint: function(position) {\n\t var itemCount = this.itemCount,\n\t itemHeight = this.options.itemHeight,\n\t total = this.dataSource.total();\n\n\t return Math.min(Math.max(total - itemCount, 0), Math.max(0, Math.floor(position / itemHeight )));\n\t },\n\n\t _listIndex: function(scrollTop, lastScrollTop) {\n\t var buffers = this._bufferSizes(),\n\t position;\n\n\t position = scrollTop - ((scrollTop > lastScrollTop) ? buffers.down : buffers.up);\n\n\t return this._indexConstraint(position);\n\t },\n\n\t _selectable: function() {\n\t if (this.options.selectable) {\n\t this._selectProxy = $.proxy(this, \"_clickHandler\");\n\t this.element.on(CLICK + VIRTUAL_LIST_NS, \".\" + VIRTUALITEM, this._selectProxy);\n\t }\n\t },\n\n\t getElementIndex: function(element) {\n\t if (!(element instanceof jQuery)) {\n\t return undefined;\n\t }\n\n\t return parseInt(element.attr(\"data-offset-index\"), 10);\n\t },\n\n\t _getIndecies: function(candidate) {\n\t var result = [], data;\n\n\t if (typeof candidate === \"function\") {\n\t data = this.dataSource.flatView();\n\t for (var idx = 0; idx < data.length; idx++) {\n\t if (candidate(data[idx])) {\n\t result.push(idx);\n\t break;\n\t }\n\t }\n\t }\n\n\t if (typeof candidate === \"number\") {\n\t result.push(candidate);\n\t }\n\n\t var elementIndex = this.getElementIndex(candidate);\n\t if (!isNaN(elementIndex)) {\n\t result.push(elementIndex);\n\t }\n\n\t if (candidate instanceof Array) {\n\t result = candidate;\n\t }\n\n\t return result;\n\t },\n\n\t _deselect: function(indices) {\n\t var removed = [],\n\t selectedIndex,\n\t dataItem,\n\t selectedIndexes = this._selectedIndexes,\n\t selectedDataItems = this._selectedDataItems,\n\t position = 0,\n\t selectable = this.options.selectable,\n\t removedindexesCounter = 0,\n\t valueGetter = this._valueGetter,\n\t item, match,\n\t result = null;\n\n\t indices = indices.slice();\n\n\t if (selectable === true || !indices.length) { //deselect everything\n\t for (var idx = 0; idx < selectedIndexes.length; idx++) {\n\t if (selectedIndexes[idx] !== undefined) {\n\t this._getElementByIndex(selectedIndexes[idx]).removeClass(SELECTED);\n\t } else if (selectedDataItems[idx]) {\n\t this._getElementByDataItem(selectedDataItems[idx]).removeClass(SELECTED);\n\t }\n\n\t removed.push({\n\t index: selectedIndexes[idx],\n\t position: idx,\n\t dataItem: selectedDataItems[idx]\n\t });\n\t }\n\n\t this._values = [];\n\t this._selectedDataItems = [];\n\t this._selectedIndexes = [];\n\t } else if (selectable === \"multiple\") {\n\t for (var i = 0; i < indices.length; i++) {\n\t result = null;\n\t position = $.inArray(indices[i], selectedIndexes);\n\t dataItem = this.dataItemByIndex(indices[i]);\n\n\t if (position === -1 && dataItem) {\n\t for (var j = 0; j < selectedDataItems.length; j++) {\n\t match = isPrimitive(dataItem) ? selectedDataItems[j] === dataItem : valueGetter(selectedDataItems[j]) === valueGetter(dataItem);\n\t if (match) {\n\t item = this._getElementByIndex(indices[i]);\n\t result = this._deselectSingleItem(item, j, indices[i], removedindexesCounter);\n\t }\n\t }\n\t } else {\n\t selectedIndex = selectedIndexes[position];\n\n\t if (selectedIndex !== undefined) {\n\t item = this._getElementByIndex(selectedIndex);\n\t result = this._deselectSingleItem(item, position, selectedIndex, removedindexesCounter);\n\t }\n\t }\n\n\t if (result) {\n\t indices.splice(i, 1);\n\t removed.push(result);\n\n\t removedindexesCounter++;\n\t i--;\n\t }\n\t }\n\t }\n\n\t return {\n\t indices: indices,\n\t removed: removed\n\t };\n\t },\n\n\t _deselectSingleItem: function(item, position, selectedIndex, removedindexesCounter) {\n\t var dataItem;\n\n\t if (!item.hasClass(\"k-state-selected\")) {\n\t return;\n\t }\n\n\t item.removeClass(SELECTED);\n\t this._values.splice(position, 1);\n\t this._selectedIndexes.splice(position, 1);\n\t dataItem = this._selectedDataItems.splice(position, 1)[0];\n\n\t return {\n\t index: selectedIndex,\n\t position: position + removedindexesCounter,\n\t dataItem: dataItem\n\t };\n\t },\n\n\t _deselectCurrentValues: function(indices) {\n\t var children = this.element[0].children;\n\t var value, index, position;\n\t var values = this._values;\n\t var removed = [];\n\t var idx = 0;\n\t var j;\n\n\t if (this.options.selectable !== \"multiple\" || !this.isFiltered()) {\n\t return [];\n\t }\n\n\t if (indices[0] === -1) {\n\t $(children).removeClass(\"k-state-selected\");\n\t removed = $.map(this._selectedDataItems.slice(0), function(dataItem, idx) {\n\t return {\n\t dataItem: dataItem,\n\t position: idx\n\t };\n\t });\n\t this._selectedIndexes = [];\n\t this._selectedDataItems = [];\n\t this._values = [];\n\t return removed;\n\t }\n\n\t for (; idx < indices.length; idx++) {\n\t position = -1;\n\t index = indices[idx];\n\t if (this.dataItemByIndex(index)) {\n\t value = this._valueGetter(this.dataItemByIndex(index));\n\t }\n\n\t for (j = 0; j < values.length; j++) {\n\t if (value == values[j]) {\n\t position = j;\n\t break;\n\t }\n\t }\n\n\t if (position > -1) {\n\t removed.push(this.removeAt(position));\n\t $(children[index]).removeClass(\"k-state-selected\");\n\t }\n\t }\n\n\t return removed;\n\t },\n\n\t _getSkip: function(index, take) {\n\t var page = index < take ? 1 : Math.floor(index / take) + 1;\n\n\t return (page - 1) * take;\n\t },\n\n\t _select: function(indexes) {\n\t var that = this,\n\t singleSelection = this.options.selectable !== \"multiple\",\n\t dataSource = this.dataSource,\n\t dataItem, oldSkip,\n\t take = this.itemCount,\n\t valueGetter = this._valueGetter,\n\t added = [];\n\n\t if (singleSelection) {\n\t that._selectedIndexes = [];\n\t that._selectedDataItems = [];\n\t that._values = [];\n\t }\n\n\t oldSkip = dataSource.skip();\n\n\t $.each(indexes, function(_, index) {\n\t var skip = that._getSkip(index, take);\n\n\t that.mute(function() {\n\t dataSource.range(skip, take); //switch the range to get the dataItem\n\n\t dataItem = that._findDataItem(dataSource.view(), [index - skip]);\n\t that._selectedIndexes.push(index);\n\t that._selectedDataItems.push(dataItem);\n\t that._values.push(isPrimitive(dataItem) ? dataItem : valueGetter(dataItem));\n\n\t added.push({\n\t index: index,\n\t dataItem: dataItem\n\t });\n\n\t that._getElementByIndex(index).addClass(SELECTED);\n\n\t dataSource.range(oldSkip, take); //switch back the range\n\t });\n\t });\n\n\t that._values = that._checkValuesOrder(that._values);\n\n\t return added;\n\t },\n\n\t _clickHandler: function(e) {\n\t var item = $(e.currentTarget);\n\n\t if (!e.isDefaultPrevented() && item.attr(\"data-uid\")) {\n\t this.trigger(CLICK, { item: item });\n\t }\n\t },\n\n\t _buildValueGetter: function() {\n\t this._valueGetter = kendo.getter(this.options.dataValueField);\n\t },\n\n\t _calculateGroupPadding: function (height) {\n\t var firstItem = this.items().first(),\n\t groupHeader = this.header,\n\t padding = 0;\n\n\t if (groupHeader[0] && groupHeader[0].style.display !== \"none\") {\n\t if (height !== \"auto\") {\n\t padding = kendo.support.scrollbar();\n\t }\n\n\t padding += parseFloat(firstItem.css(\"border-right-width\"), 10) + parseFloat(firstItem.children(\".k-group\").css(\"right\"), 10);\n\n\t groupHeader.css(\"padding-right\", padding);\n\t }\n\t },\n\n\t _calculateColumnsHeaderPadding: function () {\n\t if(this.options.columns && this.options.columns.length){\n\t var isRtl = kendo.support.isRtl(this.wrapper);\n\t var scrollbar = kendo.support.scrollbar();\n\t var columnsHeader = this.content.parent().parent().find(\".k-grid-header\");\n\t var total = this.dataSource.total();\n\n\t columnsHeader.css((isRtl ? \"padding-left\" : \"padding-right\"), total ? scrollbar : 0);\n\t }\n\t }\n\n\t });\n\n\t kendo.ui.VirtualList = VirtualList;\n\t kendo.ui.plugin(VirtualList);\n\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\n\n\t/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1005)))\n\n/***/ })\n\n/******/ });","require('../../modules/es6.object.define-property');\nvar $Object = require('../../modules/_core').Object;\nmodule.exports = function defineProperty(it, key, desc) {\n return $Object.defineProperty(it, key, desc);\n};\n","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(1241);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 1223:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.mobile.shim\");\n\n/***/ }),\n\n/***/ 1224:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.mobile.popover\");\n\n/***/ }),\n\n/***/ 1241:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(1224), __webpack_require__(1223) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\t})(function(){\r\n\r\n\tvar __meta__ = { // jshint ignore:line\r\n\t id: \"mobile.actionsheet\",\r\n\t name: \"ActionSheet\",\r\n\t category: \"mobile\",\r\n\t description: \"The mobile ActionSheet widget displays a set of choices related to a task the user initiates.\",\r\n\t depends: [ \"mobile.popover\", \"mobile.shim\" ]\r\n\t};\r\n\r\n\t(function($, undefined) {\r\n\t var kendo = window.kendo,\r\n\t support = kendo.support,\r\n\t ui = kendo.mobile.ui,\r\n\t Shim = ui.Shim,\r\n\t Popup = ui.Popup,\r\n\t Widget = ui.Widget,\r\n\t OPEN = \"open\",\r\n\t CLOSE = \"close\",\r\n\t COMMAND = \"command\",\r\n\t BUTTONS = \"li>a\",\r\n\t CONTEXT_DATA = \"actionsheetContext\",\r\n\t WRAP = '
',\r\n\t cancelTemplate = kendo.template('
#:cancel#');\r\n\r\n\t var ActionSheet = Widget.extend({\r\n\t init: function(element, options) {\r\n\t var that = this,\r\n\t ShimClass,\r\n\t tablet,\r\n\t type,\r\n\t os = support.mobileOS;\r\n\r\n\t Widget.fn.init.call(that, element, options);\r\n\r\n\t options = that.options;\r\n\t type = options.type;\r\n\t element = that.element;\r\n\r\n\t if (type === \"auto\") {\r\n\t tablet = os && os.tablet;\r\n\t } else {\r\n\t tablet = type === \"tablet\";\r\n\t }\r\n\r\n\t ShimClass = tablet ? Popup : Shim;\r\n\r\n\t if (options.cancelTemplate) {\r\n\t cancelTemplate = kendo.template(options.cancelTemplate);\r\n\t }\r\n\r\n\t element\r\n\t .addClass(\"km-actionsheet\")\r\n\t .append(cancelTemplate({cancel: that.options.cancel}))\r\n\t .wrap(WRAP)\r\n\t .on(\"up\", BUTTONS, \"_click\")\r\n\t .on(\"click\", BUTTONS, kendo.preventDefault);\r\n\r\n\t that.view().bind(\"destroy\", function() {\r\n\t that.destroy();\r\n\t });\r\n\r\n\t that.wrapper = element.parent().addClass(type ? \" km-actionsheet-\" + type : \"\");\r\n\r\n\t that.shim = new ShimClass(that.wrapper, $.extend({modal: os.ios && os.majorVersion < 7, className: \"km-actionsheet-root\"}, that.options.popup) );\r\n\r\n\t that._closeProxy = $.proxy(that, \"_close\");\r\n\t that._shimHideProxy = $.proxy(that, \"_shimHide\");\r\n\t that.shim.bind(\"hide\", that._shimHideProxy);\r\n\r\n\t if (tablet) {\r\n\t kendo.onResize(that._closeProxy);\r\n\t }\r\n\r\n\t kendo.notify(that, ui);\r\n\t },\r\n\r\n\t events: [\r\n\t OPEN,\r\n\t CLOSE,\r\n\t COMMAND\r\n\t ],\r\n\r\n\t options: {\r\n\t name: \"ActionSheet\",\r\n\t cancel: \"Cancel\",\r\n\t type: \"auto\",\r\n\t popup: { height: \"auto\" }\r\n\t },\r\n\r\n\t open: function(target, context) {\r\n\t var that = this;\r\n\t that.target = $(target);\r\n\t that.context = context;\r\n\t that.shim.show(target);\r\n\t },\r\n\r\n\t close: function() {\r\n\t this.context = this.target = null;\r\n\t this.shim.hide();\r\n\t },\r\n\r\n\t openFor: function(target) {\r\n\t var that = this,\r\n\t context = target.data(CONTEXT_DATA);\r\n\r\n\t that.open(target, context);\r\n\t that.trigger(OPEN, { target: target, context: context });\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Widget.fn.destroy.call(this);\r\n\t kendo.unbindResize(this._closeProxy);\r\n\t this.shim.destroy();\r\n\t },\r\n\r\n\t _click: function(e) {\r\n\t if (e.isDefaultPrevented()) {\r\n\t return;\r\n\t }\r\n\r\n\t var currentTarget = $(e.currentTarget);\r\n\t var action = currentTarget.data(\"action\");\r\n\r\n\t if (action) {\r\n\t var actionData = {\r\n\t target: this.target,\r\n\t context: this.context\r\n\t },\r\n\t $angular = this.options.$angular;\r\n\r\n\t if ($angular) {\r\n\t this.element.injector().get(\"$parse\")(action)($angular[0])(actionData);\r\n\t } else {\r\n\t kendo.getter(action)(window)(actionData);\r\n\t }\r\n\t }\r\n\r\n\t this.trigger(COMMAND, { target: this.target, context: this.context, currentTarget: currentTarget });\r\n\r\n\t e.preventDefault();\r\n\t this._close();\r\n\t },\r\n\r\n\t _shimHide: function(e) {\r\n\t if (!this.trigger(CLOSE)) {\r\n\t this.context = this.target = null;\r\n\t } else {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t _close: function(e) {\r\n\t if (!this.trigger(CLOSE)) {\r\n\t this.close();\r\n\t } else {\r\n\t e.preventDefault();\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t ui.plugin(ActionSheet);\r\n\t})(window.kendo.jQuery);\r\n\r\n\treturn window.kendo;\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ })\n\n/******/ });","// 19.1.2.14 Object.keys(O)\nvar toObject = require('./_to-object');\nvar $keys = require('./_object-keys');\n\nrequire('./_object-sap')('keys', function () {\n return function keys(it) {\n return $keys(toObject(it));\n };\n});\n","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(936);\n\tmodule.exports = __webpack_require__(936);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 936:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(937) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function($) {\n\n\tvar kendo = window.kendo,\n\t map = $.map,\n\t extend = $.extend,\n\t browser = kendo.support.browser,\n\t STYLE = \"style\",\n\t FLOAT = \"float\",\n\t CSSFLOAT = \"cssFloat\",\n\t STYLEFLOAT = \"styleFloat\",\n\t CLASS = \"class\",\n\t KMARKER = \"k-marker\";\n\n\tfunction makeMap(items) {\n\t var obj = {},\n\t i, len;\n\n\t for (i = 0, len = items.length; i < len; i++) {\n\t obj[items[i]] = true;\n\t }\n\t return obj;\n\t}\n\n\tvar empty = makeMap(\"area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed\".split(\",\")),\n\t nonListBlockElements = \"p,div,h1,h2,h3,h4,h5,h6,address,applet,blockquote,button,center,dd,dir,dl,dt,fieldset,form,frameset,hr,iframe,isindex,map,menu,noframes,noscript,object,pre,script,table,tbody,td,tfoot,th,thead,tr,header,article,nav,footer,section,aside,main,figure,figcaption\".split(\",\"),\n\t blockElements = nonListBlockElements.concat([\"ul\",\"ol\",\"li\"]),\n\t block = makeMap(blockElements),\n\t selfClosing = makeMap(\"area,base,br,col,command,embed,hr,img,input,keygen,link,menuitem,meta,param,source,track,wbr\".split(\",\")),\n\t inlineElements = \"span,em,a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,strike,strong,sub,sup,textarea,tt,u,var,data,time,mark,ruby\".split(\",\"),\n\t inline = makeMap(inlineElements),\n\t fillAttrs = makeMap(\"checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected\".split(\",\"));\n\n\tvar normalize = function (node) {\n\t if (node.nodeType == 1) {\n\t node.normalize();\n\t }\n\t};\n\n\tif (browser.msie && browser.version >= 8) {\n\t normalize = function(parent) {\n\t if (parent.nodeType == 1 && parent.firstChild) {\n\t var prev = parent.firstChild,\n\t node = prev;\n\n\t while (true) {\n\t node = node.nextSibling;\n\n\t if (!node) {\n\t break;\n\t }\n\n\t if (node.nodeType == 3 && prev.nodeType == 3) {\n\t node.nodeValue = prev.nodeValue + node.nodeValue;\n\t Dom.remove(prev);\n\t }\n\n\t prev = node;\n\t }\n\t }\n\t };\n\t}\n\n\tvar whitespace = /^\\s+$/,\n\t emptyspace = /^[\\n\\r\\t]+$/,\n\t rgb = /rgb\\s*\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*\\)/i,\n\t bom = /\\ufeff/g,\n\t whitespaceOrBom = /^(\\s+|\\ufeff)$/,\n\t persistedScrollTop,\n\t cssAttributes =\n\t (\"color,padding-left,padding-right,padding-top,padding-bottom,\" +\n\t \"background-color,background-attachment,background-image,background-position,background-repeat,\" +\n\t \"border-top-style,border-top-width,border-top-color,\" +\n\t \"border-bottom-style,border-bottom-width,border-bottom-color,\" +\n\t \"border-left-style,border-left-width,border-left-color,\" +\n\t \"border-right-style,border-right-width,border-right-color,\" +\n\t \"font-family,font-size,font-style,font-variant,font-weight,line-height\"\n\t ).split(\",\"),\n\t htmlRe = /[<>\\&]/g,\n\t entityRe = /[\\u00A0-\\u2666<>\\&]/g,\n\t entityTable = {\n\t 34: 'quot', 38: 'amp', 39: 'apos', 60: 'lt', 62: 'gt',\n\t 160: 'nbsp', 161: 'iexcl', 162: 'cent', 163: 'pound', 164: 'curren',\n\t 165: 'yen', 166: 'brvbar', 167: 'sect', 168: 'uml', 169: 'copy',\n\t 170: 'ordf', 171: 'laquo', 172: 'not', 173: 'shy', 174: 'reg',\n\t 175: 'macr', 176: 'deg', 177: 'plusmn', 178: 'sup2', 179: 'sup3',\n\t 180: 'acute', 181: 'micro', 182: 'para', 183: 'middot', 184: 'cedil',\n\t 185: 'sup1', 186: 'ordm', 187: 'raquo', 188: 'frac14', 189: 'frac12',\n\t 190: 'frac34', 191: 'iquest', 192: 'Agrave', 193: 'Aacute', 194: 'Acirc',\n\t 195: 'Atilde', 196: 'Auml', 197: 'Aring', 198: 'AElig', 199: 'Ccedil',\n\t 200: 'Egrave', 201: 'Eacute', 202: 'Ecirc', 203: 'Euml', 204: 'Igrave',\n\t 205: 'Iacute', 206: 'Icirc', 207: 'Iuml', 208: 'ETH', 209: 'Ntilde',\n\t 210: 'Ograve', 211: 'Oacute', 212: 'Ocirc', 213: 'Otilde', 214: 'Ouml',\n\t 215: 'times', 216: 'Oslash', 217: 'Ugrave', 218: 'Uacute', 219: 'Ucirc',\n\t 220: 'Uuml', 221: 'Yacute', 222: 'THORN', 223: 'szlig', 224: 'agrave',\n\t 225: 'aacute', 226: 'acirc', 227: 'atilde', 228: 'auml', 229: 'aring',\n\t 230: 'aelig', 231: 'ccedil', 232: 'egrave', 233: 'eacute', 234: 'ecirc',\n\t 235: 'euml', 236: 'igrave', 237: 'iacute', 238: 'icirc', 239: 'iuml',\n\t 240: 'eth', 241: 'ntilde', 242: 'ograve', 243: 'oacute', 244: 'ocirc',\n\t 245: 'otilde', 246: 'ouml', 247: 'divide', 248: 'oslash', 249: 'ugrave',\n\t 250: 'uacute', 251: 'ucirc', 252: 'uuml', 253: 'yacute', 254: 'thorn',\n\t 255: 'yuml', 402: 'fnof', 913: 'Alpha', 914: 'Beta', 915: 'Gamma',\n\t 916: 'Delta', 917: 'Epsilon', 918: 'Zeta', 919: 'Eta', 920: 'Theta',\n\t 921: 'Iota', 922: 'Kappa', 923: 'Lambda', 924: 'Mu', 925: 'Nu',\n\t 926: 'Xi', 927: 'Omicron', 928: 'Pi', 929: 'Rho', 931: 'Sigma',\n\t 932: 'Tau', 933: 'Upsilon', 934: 'Phi', 935: 'Chi', 936: 'Psi',\n\t 937: 'Omega', 945: 'alpha', 946: 'beta', 947: 'gamma', 948: 'delta',\n\t 949: 'epsilon', 950: 'zeta', 951: 'eta', 952: 'theta', 953: 'iota',\n\t 954: 'kappa', 955: 'lambda', 956: 'mu', 957: 'nu', 958: 'xi',\n\t 959: 'omicron', 960: 'pi', 961: 'rho', 962: 'sigmaf', 963: 'sigma',\n\t 964: 'tau', 965: 'upsilon', 966: 'phi', 967: 'chi', 968: 'psi',\n\t 969: 'omega', 977: 'thetasym', 978: 'upsih', 982: 'piv', 8226: 'bull',\n\t 8230: 'hellip', 8242: 'prime', 8243: 'Prime', 8254: 'oline', 8260: 'frasl',\n\t 8472: 'weierp', 8465: 'image', 8476: 'real', 8482: 'trade', 8501: 'alefsym',\n\t 8592: 'larr', 8593: 'uarr', 8594: 'rarr', 8595: 'darr', 8596: 'harr',\n\t 8629: 'crarr', 8656: 'lArr', 8657: 'uArr', 8658: 'rArr', 8659: 'dArr',\n\t 8660: 'hArr', 8704: 'forall', 8706: 'part', 8707: 'exist', 8709: 'empty',\n\t 8711: 'nabla', 8712: 'isin', 8713: 'notin', 8715: 'ni', 8719: 'prod',\n\t 8721: 'sum', 8722: 'minus', 8727: 'lowast', 8730: 'radic', 8733: 'prop',\n\t 8734: 'infin', 8736: 'ang', 8743: 'and', 8744: 'or', 8745: 'cap',\n\t 8746: 'cup', 8747: 'int', 8756: 'there4', 8764: 'sim', 8773: 'cong',\n\t 8776: 'asymp', 8800: 'ne', 8801: 'equiv', 8804: 'le', 8805: 'ge',\n\t 8834: 'sub', 8835: 'sup', 8836: 'nsub', 8838: 'sube', 8839: 'supe',\n\t 8853: 'oplus', 8855: 'otimes', 8869: 'perp', 8901: 'sdot', 8968: 'lceil',\n\t 8969: 'rceil', 8970: 'lfloor', 8971: 'rfloor', 9001: 'lang', 9002: 'rang',\n\t 9674: 'loz', 9824: 'spades', 9827: 'clubs', 9829: 'hearts', 9830: 'diams',\n\t 338: 'OElig', 339: 'oelig', 352: 'Scaron', 353: 'scaron', 376: 'Yuml',\n\t 710: 'circ', 732: 'tilde', 8194: 'ensp', 8195: 'emsp', 8201: 'thinsp',\n\t 8204: 'zwnj', 8205: 'zwj', 8206: 'lrm', 8207: 'rlm', 8211: 'ndash',\n\t 8212: 'mdash', 8216: 'lsquo', 8217: 'rsquo', 8218: 'sbquo', 8220: 'ldquo',\n\t 8221: 'rdquo', 8222: 'bdquo', 8224: 'dagger', 8225: 'Dagger', 8240: 'permil',\n\t 8249: 'lsaquo', 8250: 'rsaquo', 8364: 'euro'\n\t };\n\n\tvar Dom = {\n\t block: block,\n\t inline: inline,\n\n\t findNodeIndex: function(node, skipText) {\n\t var i = 0;\n\n\t if (!node) {\n\t return -1;\n\t }\n\n\t while (true) {\n\t node = node.previousSibling;\n\n\t if (!node) {\n\t break;\n\t }\n\n\t if (!(skipText && node.nodeType == 3)) {\n\t i++;\n\t }\n\t }\n\n\t return i;\n\t },\n\n\t isDataNode: function(node) {\n\t return node && node.nodeValue !== null && node.data !== null;\n\t },\n\n\t isAncestorOf: function(parent, node) {\n\t try {\n\t return !Dom.isDataNode(parent) && ($.contains(parent, Dom.isDataNode(node) ? node.parentNode : node) || node.parentNode == parent);\n\t } catch (e) {\n\t return false;\n\t }\n\t },\n\n\t isAncestorOrSelf: function(root, node) {\n\t return Dom.isAncestorOf(root, node) || root == node;\n\t },\n\n\t findClosestAncestor: function(root, node) {\n\t if (Dom.isAncestorOf(root, node)) {\n\t while (node && node.parentNode != root) {\n\t node = node.parentNode;\n\t }\n\t }\n\n\t return node;\n\t },\n\n\t getAllComments: function (rootElem) {\n\t var comments = [];\n\t // Fourth argument, which is actually obsolete according to the DOM4 standard, is required in IE 11\n\t var iterator = document.createNodeIterator(rootElem,\n\t NodeFilter.SHOW_COMMENT,\n\t function () {\n\t return NodeFilter.FILTER_ACCEPT;\n\t }, false);\n\n\t var curNode = iterator.nextNode();\n\t while (curNode) {\n\t comments.push(curNode.nodeValue);\n\t curNode = iterator.nextNode();\n\t }\n\t return comments;\n\t },\n\n\t getNodeLength: function(node) {\n\t return Dom.isDataNode(node) ? node.length : node.childNodes.length;\n\t },\n\n\t splitDataNode: function(node, offset) {\n\t var newNode = node.cloneNode(false);\n\t var denormalizedText = \"\";\n\t var iterator = node.nextSibling;\n\t var temp;\n\n\t while (iterator && iterator.nodeType == 3 && iterator.nodeValue) {\n\t denormalizedText += iterator.nodeValue;\n\t temp = iterator;\n\t iterator = iterator.nextSibling;\n\t Dom.remove(temp);\n\t }\n\n\t node.deleteData(offset, node.length);\n\t newNode.deleteData(0, offset);\n\t newNode.nodeValue += denormalizedText;\n\t Dom.insertAfter(newNode, node);\n\t },\n\n\t attrEquals: function(node, attributes) {\n\t for (var key in attributes) {\n\t var value = node[key];\n\n\t if (key == FLOAT) {\n\t value = node[kendo.support.cssFloat ? CSSFLOAT : STYLEFLOAT];\n\t }\n\n\t if (typeof value == \"object\") {\n\t if (!Dom.attrEquals(value, attributes[key])) {\n\t return false;\n\t }\n\t } else if (value != attributes[key]) {\n\t return false;\n\t }\n\t }\n\n\t return true;\n\t },\n\n\t blockParentOrBody: function(node) {\n\t return Dom.parentOfType(node, blockElements) || node.ownerDocument.body;\n\t },\n\n\t blockParents: function(nodes) {\n\t var blocks = [],\n\t i, len;\n\n\t for (i = 0, len = nodes.length; i < len; i++) {\n\t var block = Dom.parentOfType(nodes[i], Dom.blockElements);\n\t if (block && $.inArray(block, blocks) < 0) {\n\t blocks.push(block);\n\t }\n\t }\n\n\t return blocks;\n\t },\n\n\t windowFromDocument: function(document) {\n\t return document.defaultView || document.parentWindow;\n\t },\n\n\t normalize: normalize,\n\t blockElements: blockElements,\n\t nonListBlockElements: nonListBlockElements,\n\t inlineElements: inlineElements,\n\t empty: empty,\n\t fillAttrs: fillAttrs,\n\t nodeTypes: {\n\t ELEMENT_NODE: 1,\n\t ATTRIBUTE_NODE: 2,\n\t TEXT_NODE: 3,\n\t CDATA_SECTION_NODE: 4,\n\t ENTITY_REFERENCE_NODE: 5,\n\t ENTITY_NODE: 6,\n\t PROCESSING_INSTRUCTION_NODE: 7,\n\t COMMENT_NODE: 8,\n\t DOCUMENT_NODE: 9,\n\t DOCUMENT_TYPE_NODE: 10,\n\t DOCUMENT_FRAGMENT_NODE: 11,\n\t NOTATION_NODE: 12\n\t },\n\n\t toHex: function (color) {\n\t var matches = rgb.exec(color);\n\n\t if (!matches) {\n\t return color;\n\t }\n\n\t return \"#\" + map(matches.slice(1), function (x) {\n\t x = parseInt(x, 10).toString(16);\n\t return x.length > 1 ? x : \"0\" + x;\n\t }).join(\"\");\n\t },\n\n\t encode: function (value, options) {\n\t var encodableChars = (!options || options.entities) ? entityRe : htmlRe;\n\t return value.replace(encodableChars, function(c) {\n\t var charCode = c.charCodeAt(0);\n\t var entity = entityTable[charCode];\n\t return entity ? '&'+entity+';' : c;\n\t });\n\t },\n\t isBom: function(node) {\n\t return node && node.nodeType === 3 && /^[\\ufeff]+$/.test(node.nodeValue);\n\t },\n\t stripBom: function(text) {\n\t return (text || \"\").replace(bom, \"\");\n\t },\n\n\t stripBomNode: function(node) {\n\t if(Dom.isBom(node)) {\n\t node.parentNode.removeChild(node);\n\t }\n\t },\n\n\t insignificant: function(node) {\n\t var attr = node.attributes;\n\n\t return node.className == \"k-marker\" || (Dom.is(node, 'br') && (node.className == \"k-br\" || attr._moz_dirty || attr._moz_editor_bogus_node));\n\t },\n\t tableCell: function(node) {\n\t return Dom.is(node, \"td\") || Dom.is(node, \"th\");\n\t },\n\t significantNodes: function(nodes) {\n\t return $.grep(nodes, function(child) {\n\t var name = Dom.name(child);\n\n\t if (name == 'br') {\n\t return false;\n\t } else if (Dom.insignificant(child)) {\n\t return false;\n\t } else if (Dom.emptyTextNode(child)) {\n\t return false;\n\t } else if (child.nodeType == 1 && !empty[name] && Dom.emptyNode(child)) {\n\t return false;\n\t }\n\n\t return true;\n\t });\n\t },\n\n\t emptyTextNode: function(node) {\n\t return node && node.nodeType == 3 && whitespaceOrBom.test(node.nodeValue);\n\t },\n\n\t emptyNode: function(node) {\n\t return node.nodeType == 1 && !Dom.significantNodes(node.childNodes).length;\n\t },\n\n\t name: function (node) {\n\t return node.nodeName.toLowerCase();\n\t },\n\n\t significantChildNodes: function(node) {\n\t return $.grep(node.childNodes, function(child) {\n\t return child.nodeType != 3 || !Dom.isWhitespace(child);\n\t });\n\t },\n\n\t lastTextNode: function(node) {\n\t var result = null;\n\n\t if (node.nodeType == 3) {\n\t return node;\n\t }\n\n\t for (var child = node.lastChild; child; child = child.previousSibling) {\n\t result = Dom.lastTextNode(child);\n\n\t if (result) {\n\t return result;\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t is: function (node, nodeName) {\n\t return node && Dom.name(node) == nodeName;\n\t },\n\n\t isMarker: function(node) {\n\t return node.className == KMARKER;\n\t },\n\n\t isWhitespace: function(node) {\n\t return whitespace.test(node.nodeValue);\n\t },\n\n\t allWhitespaceContent: function(node) {\n\t var child = node.firstChild;\n\t while(child && Dom.isWhitespace(child)) {\n\t child = child.nextSibling;\n\t }\n\n\t return !child;\n\t },\n\n\n\t isEmptyspace: function(node) {\n\t return emptyspace.test(node.nodeValue);\n\t },\n\n\t htmlIndentSpace: function (node){\n\t if (!(Dom.isDataNode(node) && Dom.isWhitespace(node))) {\n\t return false;\n\t }\n\n\t if (emptyspace.test(node.nodeValue)) {\n\t return true;\n\t }\n\n\t var sibling = function(el, direction) {\n\t while (el[direction]) {\n\t el = el[direction];\n\t if (Dom.significantNodes([el]).length > 0) {\n\t return el;\n\t }\n\t }\n\t };\n\n\t var parent = node.parentNode;\n\t var prev = sibling(node, \"previousSibling\");\n\t var next = sibling(node, \"nextSibling\");\n\n\t if (bom.test(node.nodeValue)) {\n\t return !!(prev || next);\n\t }\n\n\t if ($(parent).is(\"tr,tbody,thead,tfoot,table,ol,ul\")) {\n\t return true;\n\t }\n\n\t if (Dom.isBlock(parent) || Dom.is(parent, \"body\")) {\n\t var isPrevBlock = prev && Dom.isBlock(prev);\n\t var isNextBlock = next && Dom.isBlock(next);\n\t if ((!next && isPrevBlock) || (!prev && isNextBlock) || (isPrevBlock && isNextBlock)) {\n\t return true;\n\t }\n\t }\n\n\t return false;\n\t },\n\n\t isBlock: function(node) {\n\t return block[Dom.name(node)];\n\t },\n\n\t isSelfClosing: function(node) {\n\t return selfClosing[Dom.name(node)];\n\t },\n\n\t isEmpty: function(node) {\n\t return empty[Dom.name(node)];\n\t },\n\n\t isInline: function(node) {\n\t return inline[Dom.name(node)];\n\t },\n\n\t isBr: function(node) {\n\t return Dom.name(node) == \"br\";\n\t },\n\n\t list: function(node) {\n\t var name = node ? Dom.name(node) : \"\";\n\t return name == \"ul\" || name == \"ol\" || name == \"dl\";\n\t },\n\n\t scrollContainer: function(doc) {\n\t var wnd = Dom.windowFromDocument(doc),\n\t scrollContainer = (wnd.contentWindow || wnd).document || wnd.ownerDocument || wnd;\n\n\t if (scrollContainer.compatMode == 'BackCompat') {\n\t scrollContainer = scrollContainer.body;\n\t } else {\n\t scrollContainer = scrollContainer.scrollingElement || scrollContainer.documentElement;\n\t }\n\n\t return scrollContainer;\n\t },\n\n\t scrollTo: function (node, toStart) {\n\t var doc = node.ownerDocument;\n\t var wnd = Dom.windowFromDocument(doc);\n\t var windowHeight = wnd.innerHeight;\n\t var scrollContainer = Dom.scrollContainer(doc);\n\t var element, elementTop, elementHeight, marker;\n\n\t if (Dom.isDataNode(node)) {\n\t if (toStart) {\n\t marker = Dom.create(doc, \"span\", {\"innerHTML\": \"\"});\n\t Dom.insertBefore(marker, node);\n\t element = $(marker);\n\t } else {\n\t element = $(node.parentNode);\n\t }\n\t } else {\n\t element = $(node);\n\t }\n\n\t elementTop = element.offset().top;\n\t elementHeight = element[0].offsetHeight;\n\n\t if (toStart || !elementHeight) {\n\t elementHeight = parseInt(element.css(\"line-height\"), 10) ||\n\t Math.ceil(1.2 * parseInt(element.css(\"font-size\"), 10)) ||\n\t 15;\n\t }\n\n\t if (marker) {\n\t Dom.remove(marker);\n\t }\n\n\t if (elementHeight + elementTop > scrollContainer.scrollTop + windowHeight) {\n\t scrollContainer.scrollTop = elementHeight + elementTop - windowHeight;\n\t }\n\t },\n\n\t persistScrollTop: function(doc) {\n\t persistedScrollTop = Dom.scrollContainer(doc).scrollTop;\n\t },\n\n\t offset: function (target, offsetParent) {\n\t var result = {top: target.offsetTop, left: target.offsetLeft};\n\t var parent = target.offsetParent;\n\n\t while (parent && (!offsetParent || Dom.isAncestorOf(offsetParent, parent))) {\n\t result.top += parent.offsetTop;\n\t result.left += parent.offsetLeft;\n\t parent = parent.offsetParent;\n\t }\n\n\t return result;\n\t },\n\n\t restoreScrollTop: function(doc) {\n\t if (typeof persistedScrollTop == \"number\") {\n\t Dom.scrollContainer(doc).scrollTop = persistedScrollTop;\n\t persistedScrollTop = undefined;\n\t }\n\t },\n\n\t insertAt: function (parent, newElement, position) {\n\t parent.insertBefore(newElement, parent.childNodes[position] || null);\n\t },\n\n\t insertBefore: function (newElement, referenceElement) {\n\t if (referenceElement.parentNode) {\n\t return referenceElement.parentNode.insertBefore(newElement, referenceElement);\n\t } else {\n\t return referenceElement;\n\t }\n\t },\n\n\t insertAfter: function (newElement, referenceElement) {\n\t return referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);\n\t },\n\n\t remove: function (node) {\n\t if(node.parentNode) {\n\t node.parentNode.removeChild(node);\n\t }\n\t },\n\n\t removeChildren: function(node){\n\t while(node.firstChild) {\n\t node.removeChild(node.firstChild);\n\t }\n\t },\n\n\t removeTextSiblings: function(node) {\n\t var parentNode = node.parentNode;\n\n\t while (node.nextSibling && node.nextSibling.nodeType == 3) {\n\t parentNode.removeChild(node.nextSibling);\n\t }\n\n\t while (node.previousSibling && node.previousSibling.nodeType == 3) {\n\t parentNode.removeChild(node.previousSibling);\n\t }\n\t },\n\n\t trim: function (parent) {\n\t for (var i = parent.childNodes.length - 1; i >= 0; i--) {\n\t var node = parent.childNodes[i];\n\t if (Dom.isDataNode(node)) {\n\t if (!Dom.stripBom(node.nodeValue).length) {\n\t Dom.remove(node);\n\t }\n\t } else if (node.className != KMARKER) {\n\t Dom.trim(node);\n\n\t if ((!Dom.isEmpty(node) && node.childNodes.length === 0) ||\n\t (Dom.isBlock(node) && Dom.allWhitespaceContent(node))) {\n\t Dom.remove(node);\n\t }\n\t }\n\t }\n\n\t return parent;\n\t },\n\n\t closest: function(node, tag) {\n\t while (node && Dom.name(node) != tag) {\n\t node = node.parentNode;\n\t }\n\n\t return node;\n\t },\n\n\t closestBy: function(node, condition, rootCondition) {\n\t while (node && !condition(node)) {\n\t if (rootCondition && rootCondition(node)){\n\t return null;\n\t }\n\t node = node.parentNode;\n\t }\n\t return node;\n\t },\n\n\t sibling: function(node, direction) {\n\t do {\n\t node = node[direction];\n\t } while (node && node.nodeType != 1);\n\n\t return node;\n\t },\n\n\t next: function(node) {\n\t return Dom.sibling(node, \"nextSibling\");\n\t },\n\n\t prev: function(node) {\n\t return Dom.sibling(node, \"previousSibling\");\n\t },\n\n\t parentOfType: function (node, tags) {\n\t do {\n\t node = node.parentNode;\n\t } while (node && !(Dom.ofType(node, tags)));\n\n\t return node;\n\t },\n\n\t ofType: function (node, tags) {\n\t return $.inArray(Dom.name(node), tags) >= 0;\n\t },\n\n\t changeTag: function (referenceElement, tagName, skipAttributes) {\n\t var newElement = Dom.create(referenceElement.ownerDocument, tagName),\n\t attributes = referenceElement.attributes,\n\t i, len, name, value, attribute;\n\n\t if (!skipAttributes) {\n\t for (i = 0, len = attributes.length; i < len; i++) {\n\t attribute = attributes[i];\n\t if (attribute.specified) {\n\t // IE < 8 cannot set class or style via setAttribute\n\t name = attribute.nodeName;\n\t value = attribute.nodeValue;\n\t if (name == CLASS) {\n\t newElement.className = value;\n\t } else if (name == STYLE) {\n\t newElement.style.cssText = referenceElement.style.cssText;\n\t } else {\n\t newElement.setAttribute(name, value);\n\t }\n\t }\n\t }\n\t }\n\n\t while (referenceElement.firstChild) {\n\t newElement.appendChild(referenceElement.firstChild);\n\t }\n\n\t Dom.insertBefore(newElement, referenceElement);\n\t Dom.remove(referenceElement);\n\t return newElement;\n\t },\n\n\t editableParent: function(node) {\n\t while (node && (node.nodeType == 3 || node.contentEditable !== 'true')) {\n\t node = node.parentNode;\n\t }\n\n\t return node;\n\t },\n\n\t wrap: function (node, wrapper) {\n\t Dom.insertBefore(wrapper, node);\n\t wrapper.appendChild(node);\n\t return wrapper;\n\t },\n\n\t unwrap: function (node) {\n\t var parent = node.parentNode;\n\t while (node.firstChild) {\n\t parent.insertBefore(node.firstChild, node);\n\t }\n\n\t parent.removeChild(node);\n\t },\n\n\t wrapper: function(node) {\n\t var wrapper = Dom.closestBy(node, function (el) {\n\t return el.parentNode && Dom.significantNodes(el.parentNode.childNodes).length > 1;\n\t });\n\n\t return $(wrapper).is(\"body,.k-editor\") ? undefined : wrapper;\n\t },\n\n\t create: function (document, tagName, attributes) {\n\t return Dom.attr(document.createElement(tagName), attributes);\n\t },\n\n\t createEmptyNode: function (document, tagName, attributes) {\n\t var node = Dom.attr(document.createElement(tagName), attributes);\n\t node.innerHTML = \"\\ufeff\";\n\t return node;\n\t },\n\n\t attr: function (element, attributes) {\n\t attributes = extend({}, attributes);\n\n\t if (attributes && STYLE in attributes) {\n\t Dom.style(element, attributes.style);\n\t delete attributes.style;\n\t }\n\n\t for (var attr in attributes) {\n\t if (attributes[attr] === null) {\n\t element.removeAttribute(attr);\n\t delete attributes[attr];\n\t } else if (attr == \"className\") {\n\t element[attr] = attributes[attr];\n\t }\n\t }\n\n\t return extend(element, attributes);\n\t },\n\n\t mergeAttributes: function (origin, target) {\n\t if (!origin.attributes.length) {\n\t return;\n\t }\n\n\t $.each(origin.attributes, function() {\n\t if(this.name !== \"contenteditable\") {\n\t $(target).attr(this.name, this.value);\n\t }\n\t });\n\t },\n\n\t style: function (node, value) {\n\t $(node).css(value || {});\n\t },\n\n\t unstyle: function (node, value) {\n\t for (var key in value) {\n\t if (key == FLOAT) {\n\t key = kendo.support.cssFloat ? CSSFLOAT : STYLEFLOAT;\n\t }\n\n\t node.style[key] = \"\";\n\t }\n\n\t if (node.style.cssText === \"\") {\n\t node.removeAttribute(STYLE);\n\t }\n\t },\n\n\t inlineStyle: function(body, name, attributes) {\n\t var span = $(Dom.create(body.ownerDocument, name, attributes)),\n\t style;\n\n\t body.appendChild(span[0]);\n\n\t style = map(cssAttributes, function(value) {\n\t if (browser.msie && value == \"line-height\" && span.css(value) == \"1px\") {\n\t return \"line-height:1.5\";\n\t } else {\n\t return value + \":\" + span.css(value);\n\t }\n\t }).join(\";\");\n\n\t span.remove();\n\n\t return style;\n\t },\n\n\t getEffectiveBackground: function(element) {\n\t var backgroundStyle = element.css(\"background-color\") || \"\";\n\n\t if (backgroundStyle.indexOf(\"rgba(0, 0, 0, 0\") < 0 && backgroundStyle !== \"transparent\") {\n\t return backgroundStyle;\n\t } else if (element[0].tagName.toLowerCase() === \"html\") {\n\t return \"Window\";\n\t } else {\n\t return Dom.getEffectiveBackground(element.parent());\n\t }\n\t },\n\n\t innerText: function(node) {\n\t var text = node.innerHTML;\n\t text = text.replace(//gi, \"\");\n\t text = text.replace(/<\\/?[^>]+?\\/?>/gm, \"\");\n\n\t return text;\n\t },\n\n\t removeClass: function(node, classNames) {\n\t var className = \" \" + node.className + \" \",\n\t classes = classNames.split(\" \"),\n\t i, len;\n\n\t for (i = 0, len = classes.length; i < len; i++) {\n\t className = className.replace(\" \" + classes[i] + \" \", \" \");\n\t }\n\n\t className = $.trim(className);\n\n\t if (className.length) {\n\t node.className = className;\n\t } else {\n\t node.removeAttribute(CLASS);\n\t }\n\t },\n\n\t commonAncestor: function () {\n\t var count = arguments.length,\n\t paths = [],\n\t minPathLength = Infinity,\n\t output = null,\n\t i, ancestors, node, first, j;\n\n\t if (!count) {\n\t return null;\n\t }\n\n\t if (count == 1) {\n\t return arguments[0];\n\t }\n\n\t for (i = 0; i < count; i++) {\n\t ancestors = [];\n\t node = arguments[i];\n\t while (node) {\n\t ancestors.push(node);\n\t node = node.parentNode;\n\t }\n\t paths.push(ancestors.reverse());\n\t minPathLength = Math.min(minPathLength, ancestors.length);\n\t }\n\n\t if (count == 1) {\n\t return paths[0][0];\n\t }\n\n\t for (i = 0; i < minPathLength; i++) {\n\t first = paths[0][i];\n\n\t for (j = 1; j < count; j++) {\n\t if (first != paths[j][i]) {\n\t return output;\n\t }\n\t }\n\n\t output = first;\n\t }\n\t return output;\n\t },\n\n\t closestSplittableParent: function(nodes) {\n\t var result;\n\n\t if (nodes.length == 1) {\n\t result = Dom.parentOfType(nodes[0], [\"ul\",\"ol\"]);\n\t } else {\n\t result = Dom.commonAncestor.apply(null, nodes);\n\t }\n\n\t if (!result) {\n\t result = Dom.parentOfType(nodes[0], [\"p\", \"td\"]) || nodes[0].ownerDocument.body;\n\t }\n\n\t if (Dom.isInline(result)) {\n\t result = Dom.blockParentOrBody(result);\n\t }\n\n\t var editableParents = map(nodes, Dom.editableParent);\n\t var editableAncestor = Dom.commonAncestor(editableParents)[0];\n\n\t if ($.contains(result, editableAncestor)) {\n\t result = editableAncestor;\n\t }\n\n\t return result;\n\t },\n\n\t closestEditable: function(node, types) {\n\t var closest;\n\t var editable = Dom.editableParent(node);\n\n\t if (Dom.ofType(node, types)) {\n\t closest = node;\n\t } else {\n\t closest = Dom.parentOfType(node, types);\n\t }\n\n\t if (closest && editable && $.contains(closest, editable)) {\n\t closest = editable;\n\t } else if (!closest && editable) {\n\t closest = editable;\n\t }\n\n\t return closest;\n\t },\n\n\t closestEditableOfType: function(node, types) {\n\t var editable = Dom.closestEditable(node, types);\n\n\t if (editable && Dom.ofType(editable, types) && !$(editable).is(\".k-editor\")) {\n\t return editable;\n\t }\n\t },\n\n\t filter: function(tagName, nodes, invert) {\n\t var filterFn = function (node) {\n\t return Dom.name(node) == tagName;\n\t };\n\n\t return Dom.filterBy(nodes, filterFn, invert);\n\t },\n\n\t filterBy: function(nodes, condition, invert) {\n\t var i = 0;\n\t var len = nodes.length;\n\t var result = [];\n\t var match;\n\n\t for (; i < len; i++) {\n\t match = condition(nodes[i]);\n\t if ((match && !invert) || (!match && invert)) {\n\t result.push(nodes[i]);\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t ensureTrailingBreaks: function(node) {\n\t var elements = $(node).find(\"p,td,th\");\n\t var length = elements.length;\n\t var i = 0;\n\n\t if (length) {\n\t for (; i < length; i++) {\n\t Dom.ensureTrailingBreak(elements[i]);\n\t }\n\t } else {\n\t Dom.ensureTrailingBreak(node);\n\t }\n\t },\n\n\t removeTrailingBreak: function(node) {\n\t $(node).find(\"br[type=_moz],.k-br\").remove();\n\t },\n\n\t ensureTrailingBreak: function(node) {\n\t Dom.removeTrailingBreak(node);\n\n\t var lastChild = node.lastChild;\n\t var name = lastChild && Dom.name(lastChild);\n\t var br;\n\n\t if (!name ||\n\t (name != \"br\" && name != \"img\") ||\n\t (name == \"br\" && lastChild.className != \"k-br\")) {\n\t br = node.ownerDocument.createElement(\"br\");\n\t br.className = \"k-br\";\n\t node.appendChild(br);\n\t }\n\t }\n\t};\n\n\tkendo.ui.editor.Dom = Dom;\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n\n\n/***/ }),\n\n/***/ 937:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./main\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(1194);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 1003:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.dom\");\n\n/***/ }),\n\n/***/ 1061:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.draganddrop\");\n\n/***/ }),\n\n/***/ 1194:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define) {\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(1003), __webpack_require__(1195), __webpack_require__(1061), __webpack_require__(1196), __webpack_require__(1197), __webpack_require__(1198) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\t})(function() {\r\n\r\n\tvar __meta__ = { // jshint ignore:line\r\n\t id: \"gantt.list\",\r\n\t name: \"Gantt List\",\r\n\t category: \"web\",\r\n\t description: \"The Gantt List\",\r\n\t depends: [ \"dom\", \"touch\", \"draganddrop\", \"columnsorter\", \"datetimepicker\", \"editable\" ],\r\n\t hidden: true\r\n\t};\r\n\r\n\t(function($) {\r\n\t var kendo = window.kendo;\r\n\t var kendoDom = kendo.dom;\r\n\t var kendoDomElement = kendoDom.element;\r\n\t var kendoTextElement = kendoDom.text;\r\n\t var browser = kendo.support.browser;\r\n\t var mobileOS = kendo.support.mobileOS;\r\n\t var ui = kendo.ui;\r\n\t var Widget = ui.Widget;\r\n\t var extend = $.extend;\r\n\t var outerWidth = kendo._outerWidth;\r\n\t var outerHeight = kendo._outerHeight;\r\n\t var map = $.map;\r\n\t var isFunction = $.isFunction;\r\n\t var oldIE = browser.msie && browser.version < 9;\r\n\t var keys = kendo.keys;\r\n\t var titleFromField = {\r\n\t \"title\": \"Title\",\r\n\t \"start\": \"Start Time\",\r\n\t \"end\": \"End Time\",\r\n\t \"percentComplete\": \"% Done\",\r\n\t \"parentId\": \"Predecessor ID\",\r\n\t \"id\": \"ID\",\r\n\t \"orderId\": \"Order ID\"\r\n\t };\r\n\t var STRING = \"string\";\r\n\t var NS = \".kendoGanttList\";\r\n\t var CLICK = \"click\";\r\n\t var DOT = \".\";\r\n\t var SIZE_CALCULATION_TEMPLATE = \"
\" +\r\n\t \"\" +\r\n\t \"\" +\r\n\t \"| | \" +\r\n\t \"
\" +\r\n\t \"\" +\r\n\t \"
\";\r\n\r\n\t var listStyles = {\r\n\t wrapper: \"k-treelist k-grid k-widget\",\r\n\t header: \"k-header\",\r\n\t alt: \"k-alt\",\r\n\t rtl: \"k-rtl\",\r\n\t editCell: \"k-edit-cell\",\r\n\t group: \"k-treelist-group\",\r\n\t gridHeader: \"k-grid-header\",\r\n\t gridHeaderWrap: \"k-grid-header-wrap\",\r\n\t gridContent: \"k-grid-content\",\r\n\t gridContentWrap: \"k-grid-content\",\r\n\t selected: \"k-state-selected\",\r\n\t icon: \"k-icon\",\r\n\t iconCollapse: \"k-i-collapse\",\r\n\t iconExpand: \"k-i-expand\",\r\n\t iconHidden: \"k-i-none\",\r\n\t iconPlaceHolder: \"k-icon k-i-none\",\r\n\t input: \"k-input\",\r\n\t link: \"k-link\",\r\n\t resizeHandle: \"k-resize-handle\",\r\n\t resizeHandleInner: \"k-resize-handle-inner\",\r\n\t dropPositions: \"k-i-insert-up k-i-insert-down k-i-plus k-i-insert-middle\",\r\n\t dropTop: \"k-i-insert-up\",\r\n\t dropBottom: \"k-i-insert-down\",\r\n\t dropAdd: \"k-i-plus\",\r\n\t dropMiddle: \"k-i-insert-middle\",\r\n\t dropDenied: \"k-i-cancel\",\r\n\t dragStatus: \"k-drag-status\",\r\n\t dragClue: \"k-drag-clue\",\r\n\t dragClueText: \"k-clue-text\"\r\n\t };\r\n\r\n\t function createPlaceholders(options) {\r\n\t var spans = [];\r\n\t var className = options.className;\r\n\r\n\t for (var i = 0, level = options.level; i < level; i++) {\r\n\t spans.push(kendoDomElement(\"span\", { className: className }));\r\n\t }\r\n\r\n\t return spans;\r\n\t }\r\n\r\n\t function blurActiveElement() {\r\n\t var activeElement = kendo._activeElement();\r\n\r\n\t if (activeElement && activeElement.nodeName.toLowerCase() !== \"body\") {\r\n\t $(activeElement).blur();\r\n\t }\r\n\t }\r\n\r\n\t var GanttList = ui.GanttList = Widget.extend({\r\n\t init: function(element, options) {\r\n\t Widget.fn.init.call(this, element, options);\r\n\r\n\t if (this.options.columns.length === 0) {\r\n\t this.options.columns.push(\"title\");\r\n\t }\r\n\r\n\t this.dataSource = this.options.dataSource;\r\n\r\n\t this._columns();\r\n\t this._layout();\r\n\t this._domTrees();\r\n\t this._header();\r\n\t this._sortable();\r\n\t this._editable();\r\n\t this._selectable();\r\n\t this._draggable();\r\n\t this._resizable();\r\n\t this._attachEvents();\r\n\t this._adjustHeight();\r\n\r\n\t this.bind(\"render\", function() {\r\n\t var headerCols;\r\n\t var tableCols;\r\n\r\n\t if (this.options.resizable) {\r\n\t headerCols = this.header.find(\"col\");\r\n\t tableCols = this.content.find(\"col\");\r\n\r\n\t this.header.find(\"th\").not(':last').each(function(index) {\r\n\t var width = outerWidth($(this));\r\n\r\n\t headerCols.eq(index).width(width);\r\n\t tableCols.eq(index).width(width);\r\n\t });\r\n\r\n\t headerCols.last().css(\"width\", \"auto\");\r\n\t tableCols.last().css(\"width\", \"auto\");\r\n\t }\r\n\t }, true);\r\n\t },\r\n\r\n\t _adjustHeight: function() {\r\n\t if(this.content){\r\n\t this.content.height(this.element.height() - outerHeight(this.header.parent()));\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Widget.fn.destroy.call(this);\r\n\r\n\t if (this._reorderDraggable) {\r\n\t this._reorderDraggable.destroy();\r\n\t }\r\n\r\n\t if (this._tableDropArea) {\r\n\t this._tableDropArea.destroy();\r\n\t }\r\n\r\n\t if (this._contentDropArea) {\r\n\t this._contentDropArea.destroy();\r\n\t }\r\n\r\n\t if (this._columnResizable) {\r\n\t this._columnResizable.destroy();\r\n\t }\r\n\r\n\t if (this.touch) {\r\n\t this.touch.destroy();\r\n\t }\r\n\r\n\t if (this.timer) {\r\n\t clearTimeout(this.timer);\r\n\t }\r\n\r\n\t this.content.off(NS);\r\n\t this.header.find(\"thead\").off(NS);\r\n\t this.header.find(DOT + GanttList.link).off(NS);\r\n\r\n\t this.header = null;\r\n\t this.content = null;\r\n\t this.levels = null;\r\n\r\n\t kendo.destroy(this.element);\r\n\t },\r\n\r\n\t options: {\r\n\t name: \"GanttList\",\r\n\t selectable: true,\r\n\t editable: true,\r\n\t resizable: false\r\n\t },\r\n\r\n\t _attachEvents: function() {\r\n\t var that = this;\r\n\t var listStyles = GanttList.styles;\r\n\r\n\t that.content\r\n\t .on(CLICK + NS, \"td > span.\" + listStyles.icon + \":not(.\" + listStyles.iconHidden + \")\", function(e) {\r\n\t var element = $(this);\r\n\t var model = that._modelFromElement(element);\r\n\r\n\t model.set(\"expanded\", !model.get(\"expanded\"));\r\n\r\n\t e.stopPropagation();\r\n\t });\r\n\t },\r\n\r\n\t _domTrees: function() {\r\n\t this.headerTree = new kendoDom.Tree(this.header[0]);\r\n\t this.contentTree = new kendoDom.Tree(this.content[0]);\r\n\t },\r\n\r\n\t _columns: function() {\r\n\t var columns = this.options.columns;\r\n\t var model = function() {\r\n\t this.field = \"\";\r\n\t this.title = \"\";\r\n\t this.editable = false;\r\n\t this.sortable = false;\r\n\t };\r\n\r\n\t this.columns = map(columns, function(column) {\r\n\t column = typeof column === STRING ? {\r\n\t field: column, title: titleFromField[column]\r\n\t } : column;\r\n\r\n\t return extend(new model(), column);\r\n\t });\r\n\t },\r\n\r\n\t _layout: function () {\r\n\t var that = this;\r\n\t var options = this.options;\r\n\t var element = this.element;\r\n\t var listStyles = GanttList.styles;\r\n\t var calculateRowHeight = function() {\r\n\t var rowHeight = typeof options.rowHeight === STRING ? options.rowHeight :\r\n\t options.rowHeight + \"px\";\r\n\t var table = $(kendo.format(SIZE_CALCULATION_TEMPLATE, rowHeight));\r\n\t var height;\r\n\r\n\t that.content.append(table);\r\n\t height = outerHeight(table.find(\"tr\"));\r\n\t table.remove();\r\n\r\n\t return height;\r\n\t };\r\n\r\n\t element\r\n\t .addClass(listStyles.wrapper)\r\n\t .append(\"\")\r\n\t .append(\"
\");\r\n\r\n\t this.header = element.find(DOT + listStyles.gridHeaderWrap);\r\n\t this.content = element.find(DOT + listStyles.gridContent);\r\n\r\n\t if (options.rowHeight) {\r\n\t this._rowHeight = calculateRowHeight();\r\n\t }\r\n\t },\r\n\r\n\t _header: function() {\r\n\t var domTree = this.headerTree;\r\n\t var colgroup;\r\n\t var thead;\r\n\t var table;\r\n\r\n\t colgroup = kendoDomElement(\"colgroup\", null, this._cols());\r\n\t thead = kendoDomElement(\"thead\", { \"role\": \"rowgroup\" }, [kendoDomElement(\"tr\", { \"role\": \"row\" }, this._ths())]);\r\n\t table = kendoDomElement(\"table\", {\r\n\t \"style\": { \"minWidth\": this.options.listWidth + \"px\" },\r\n\t \"role\": \"grid\"\r\n\t }, [colgroup, thead]);\r\n\r\n\t domTree.render([table]);\r\n\t },\r\n\r\n\t _render: function(tasks) {\r\n\t var colgroup;\r\n\t var tbody;\r\n\t var table;\r\n\t var tableAttr = {\r\n\t \"style\": { \"minWidth\": this.options.listWidth + \"px\" },\r\n\t \"tabIndex\": 0,\r\n\t \"role\": \"treegrid\"\r\n\t };\r\n\r\n\t if (this._rowHeight) {\r\n\t tableAttr.style.height = (tasks.length * this._rowHeight) + \"px\";\r\n\t }\r\n\r\n\t this.levels = [{ field: null, value: 0 }];\r\n\r\n\t colgroup = kendoDomElement(\"colgroup\", null, this._cols());\r\n\t tbody = kendoDomElement(\"tbody\", { \"role\": \"rowgroup\" }, this._trs(tasks));\r\n\t table = kendoDomElement(\"table\", tableAttr, [colgroup, tbody]);\r\n\r\n\t this.contentTree.render([table]);\r\n\t this.trigger(\"render\");\r\n\t },\r\n\r\n\t _ths: function() {\r\n\t var columns = this.columns;\r\n\t var column;\r\n\t var attr;\r\n\t var ths = [];\r\n\r\n\t for (var i = 0, length = columns.length; i < length; i++) {\r\n\t column = columns[i];\r\n\t attr = {\r\n\t \"data-field\": column.field,\r\n\t \"data-title\": column.title,\r\n\t className: GanttList.styles.header,\r\n\t \"role\": \"columnheader\"\r\n\t };\r\n\r\n\t ths.push(kendoDomElement(\"th\", attr, [kendoTextElement(column.title)]));\r\n\t }\r\n\r\n\t if (this.options.resizable) {\r\n\t ths.push(kendoDomElement(\"th\", {\r\n\t className: GanttList.styles.header,\r\n\t \"role\": \"columnheader\"\r\n\t }));\r\n\t }\r\n\r\n\t return ths;\r\n\t },\r\n\r\n\t _cols: function() {\r\n\t var columns = this.columns;\r\n\t var column;\r\n\t var style;\r\n\t var width;\r\n\t var cols = [];\r\n\r\n\t for (var i = 0, length = columns.length; i < length; i++) {\r\n\t column = columns[i];\r\n\t width = column.width;\r\n\r\n\t if (width && parseInt(width, 10) !== 0) {\r\n\t style = { style: { width: typeof width === STRING ? width : width + \"px\" } };\r\n\t } else {\r\n\t style = null;\r\n\t }\r\n\r\n\t cols.push(kendoDomElement(\"col\", style, []));\r\n\t }\r\n\r\n\t if (this.options.resizable) {\r\n\t cols.push(kendoDomElement(\"col\", { style: { width: \"1px\" }}));\r\n\t }\r\n\r\n\t return cols;\r\n\t },\r\n\r\n\t _trs: function(tasks) {\r\n\t var task;\r\n\t var rows = [];\r\n\t var attr;\r\n\t var className = [];\r\n\t var level;\r\n\t var listStyles = GanttList.styles;\r\n\r\n\t for (var i = 0, length = tasks.length; i < length; i++) {\r\n\t task = tasks[i];\r\n\t level = this._levels({\r\n\t idx: task.parentId,\r\n\t id: task.id,\r\n\t summary: task.summary\r\n\t });\r\n\r\n\t attr = {\r\n\t \"data-uid\": task.uid,\r\n\t \"data-level\": level,\r\n\t \"role\": \"row\"\r\n\t };\r\n\r\n\t if (task.summary) {\r\n\t attr[\"aria-expanded\"] = task.expanded;\r\n\t }\r\n\r\n\t if (i % 2 !== 0) {\r\n\t className.push(listStyles.alt);\r\n\t }\r\n\r\n\t if (task.summary) {\r\n\t className.push(listStyles.group);\r\n\t }\r\n\r\n\t if (className.length) {\r\n\t attr.className = className.join(\" \");\r\n\t }\r\n\r\n\t rows.push(this._tds({\r\n\t task: task,\r\n\t attr: attr,\r\n\t level: level\r\n\t }));\r\n\r\n\t className = [];\r\n\t }\r\n\r\n\t return rows;\r\n\t },\r\n\r\n\t _tds: function(options) {\r\n\t var children = [];\r\n\t var columns = this.columns;\r\n\t var column;\r\n\r\n\t for (var i = 0, l = columns.length; i < l; i++) {\r\n\t column = columns[i];\r\n\r\n\t children.push(this._td({ task: options.task, column: column, level: options.level }));\r\n\t }\r\n\r\n\t if (this.options.resizable) {\r\n\t children.push(kendoDomElement(\"td\", { \"role\": \"gridcell\" }));\r\n\t }\r\n\r\n\t return kendoDomElement(\"tr\", options.attr, children);\r\n\t },\r\n\r\n\t _td: function(options) {\r\n\t var children = [];\r\n\t var resourcesField = this.options.resourcesField;\r\n\t var listStyles = GanttList.styles;\r\n\t var task = options.task;\r\n\t var column = options.column;\r\n\t var value = task.get(column.field);\r\n\t var formatedValue;\r\n\t var label;\r\n\r\n\t if (column.field == resourcesField) {\r\n\t value = value || [];\r\n\t formatedValue = [];\r\n\t for (var i = 0; i < value.length; i++) {\r\n\t formatedValue.push(kendo.format(\"{0} [{1}]\", value[i].get(\"name\"), value[i].get(\"formatedValue\")));\r\n\t }\r\n\t formatedValue = formatedValue.join(\", \");\r\n\t } else {\r\n\t formatedValue = column.format ? kendo.format(column.format, value) : value;\r\n\t }\r\n\r\n\t if (column.field === \"title\") {\r\n\t children = createPlaceholders({ level: options.level, className: listStyles.iconPlaceHolder });\r\n\t children.push(kendoDomElement(\"span\", {\r\n\t className: listStyles.icon + \" \" + (task.summary ? (task.expanded ? listStyles.iconCollapse : listStyles.iconExpand)\r\n\t : listStyles.iconHidden)\r\n\t }));\r\n\r\n\t label = kendo.format(\"{0}, {1:P0}\", formatedValue, task.percentComplete);\r\n\t }\r\n\r\n\t children.push(kendoDomElement(\"span\", { \"aria-label\": label }, [kendoTextElement(formatedValue)]));\r\n\r\n\t return kendoDomElement(\"td\", { \"role\": \"gridcell\" }, children);\r\n\t },\r\n\r\n\t _levels: function(options) {\r\n\t var levels = this.levels;\r\n\t var level;\r\n\t var summary = options.summary;\r\n\t var idx = options.idx;\r\n\t var id = options.id;\r\n\r\n\t for (var i = 0, length = levels.length; i < length; i++) {\r\n\t level = levels[i];\r\n\r\n\t if (level.field == idx) {\r\n\r\n\t if (summary) {\r\n\t levels.push({ field: id, value: level.value + 1 });\r\n\t }\r\n\r\n\t return level.value;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _sortable: function() {\r\n\t var that = this;\r\n\t var resourcesField = this.options.resourcesField;\r\n\t var columns = this.columns;\r\n\t var column;\r\n\t var sortableInstance;\r\n\t var cells = this.header.find(\"th[\" + kendo.attr(\"field\") + \"]\");\r\n\t var cell;\r\n\t var changeHandler = function(e) {\r\n\t if (that.dataSource.total() === 0 || that.editable && that.editable.trigger('validate')) {\r\n\t e.preventDefault();\r\n\t }\r\n\t };\r\n\r\n\t for (var idx = 0, length = cells.length; idx < length; idx++) {\r\n\t column = columns[idx];\r\n\r\n\t if (column.sortable && column.field !== resourcesField) {\r\n\t cell = cells.eq(idx);\r\n\r\n\t sortableInstance = cell.data(\"kendoColumnSorter\");\r\n\r\n\t if (sortableInstance) {\r\n\t sortableInstance.destroy();\r\n\t }\r\n\r\n\t cell.attr(\"data-\" + kendo.ns + \"field\", column.field)\r\n\t .kendoColumnSorter({\r\n\t dataSource: this.dataSource,\r\n\t change: changeHandler\r\n\t });\r\n\t }\r\n\t }\r\n\t cells = null;\r\n\t },\r\n\r\n\t _selectable: function() {\r\n\t var that = this;\r\n\t var selectable = this.options.selectable;\r\n\r\n\t if (selectable) {\r\n\t this.content\r\n\t .on(CLICK + NS, \"tr\", function(e) {\r\n\t var element = $(this);\r\n\r\n\t if (that.editable) {\r\n\t that.editable.trigger(\"validate\");\r\n\t }\r\n\r\n\t if (!e.ctrlKey) {\r\n\t that.select(element);\r\n\t } else {\r\n\t that.clearSelection();\r\n\t }\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t select: function(value) {\r\n\t var element = this.content.find(value);\r\n\t var selectedClassName = GanttList.styles.selected;\r\n\r\n\t if (element.length) {\r\n\t element\r\n\t .siblings(DOT + selectedClassName)\r\n\t .removeClass(selectedClassName)\r\n\t .attr(\"aria-selected\", false)\r\n\t .end()\r\n\t .addClass(selectedClassName)\r\n\t .attr(\"aria-selected\", true);\r\n\r\n\t this.trigger(\"change\");\r\n\r\n\t return;\r\n\t }\r\n\r\n\t return this.content.find(DOT + selectedClassName);\r\n\t },\r\n\r\n\t clearSelection: function() {\r\n\t var selected = this.select();\r\n\r\n\t if (selected.length) {\r\n\t selected.removeClass(GanttList.styles.selected);\r\n\r\n\t this.trigger(\"change\");\r\n\t }\r\n\t },\r\n\r\n\t _setDataSource: function(dataSource) {\r\n\t this.dataSource = dataSource;\r\n\r\n\t // Re-initialize sortable columns\r\n\t this._sortable();\r\n\t },\r\n\r\n\t _editable: function() {\r\n\t var that = this;\r\n\t var editable = this.options.editable;\r\n\t var listStyles = GanttList.styles;\r\n\t var iconSelector = \"span.\" + listStyles.icon + \":not(\" + listStyles.iconHidden +\")\";\r\n\t var finishEdit = function() {\r\n\t var editable = that.editable;\r\n\r\n\t if (editable) {\r\n\t if (editable.end()) {\r\n\t that._closeCell();\r\n\t } else {\r\n\t editable.trigger(\"validate\");\r\n\t }\r\n\t }\r\n\t };\r\n\t var mousedown = function(e) {\r\n\t var currentTarget = $(e.currentTarget);\r\n\r\n\t if (!currentTarget.hasClass(listStyles.editCell)) {\r\n\t blurActiveElement();\r\n\t }\r\n\t };\r\n\r\n\t if (!editable || editable.update === false) {\r\n\t return;\r\n\t }\r\n\r\n\t this._startEditHandler = function(e) {\r\n\t var td = e.currentTarget ? $(e.currentTarget) : e;\r\n\t var column = that._columnFromElement(td);\r\n\r\n\t if (that.editable) {\r\n\t return;\r\n\t }\r\n\r\n\t if (column && column.editable) {\r\n\t that._editCell({ cell: td, column: column });\r\n\t }\r\n\t };\r\n\r\n\t that.content\r\n\t .on(\"focusin\" + NS, function() {\r\n\t clearTimeout(that.timer);\r\n\t that.timer = null;\r\n\t })\r\n\t .on(\"focusout\" + NS, function() {\r\n\t that.timer = setTimeout(finishEdit, 1);\r\n\t })\r\n\t .on(\"keydown\" + NS, function(e) {\r\n\t if (e.keyCode === keys.ENTER) {\r\n\t e.preventDefault();\r\n\t }\r\n\t })\r\n\t .on(\"keyup\" + NS, function(e) {\r\n\t var key = e.keyCode;\r\n\t var cell;\r\n\t var model;\r\n\r\n\t switch (key) {\r\n\t case keys.ENTER:\r\n\t blurActiveElement();\r\n\t finishEdit();\r\n\t break;\r\n\t case keys.ESC:\r\n\t if (that.editable) {\r\n\t cell = that._editableContainer;\r\n\t model = that._modelFromElement(cell);\r\n\t if (!that.trigger(\"cancel\", { model: model, cell: cell })) {\r\n\t that._closeCell(true);\r\n\t }\r\n\t }\r\n\t break;\r\n\t }\r\n\t });\r\n\r\n\t if (!mobileOS) {\r\n\t that.content\r\n\t .on(\"mousedown\" + NS, \"td\", function(e) {\r\n\t mousedown(e);\r\n\t })\r\n\t .on(\"dblclick\" + NS, \"td\", function(e) {\r\n\t if (!$(e.target).is(iconSelector)) {\r\n\t that._startEditHandler(e);\r\n\t }\r\n\t });\r\n\t } else {\r\n\t that.touch = that.content\r\n\t .kendoTouch({\r\n\t filter: \"td\",\r\n\t touchstart: function(e) {\r\n\t mousedown(e.touch);\r\n\t },\r\n\t doubletap: function(e) {\r\n\t if (!$(e.touch.initialTouch).is(iconSelector)) {\r\n\t that._startEditHandler(e.touch);\r\n\t }\r\n\t }\r\n\t }).data(\"kendoTouch\");\r\n\t }\r\n\t },\r\n\r\n\t _editCell: function(options) {\r\n\t var resourcesField = this.options.resourcesField;\r\n\t var listStyles = GanttList.styles;\r\n\t var cell = options.cell;\r\n\t var column = options.column;\r\n\t var model = this._modelFromElement(cell);\r\n\t var modelCopy = this.dataSource._createNewModel(model.toJSON());\r\n\t var field = modelCopy.fields[column.field] || modelCopy[column.field];\r\n\t var validation = field.validation;\r\n\t var DATATYPE = kendo.attr(\"type\");\r\n\t var BINDING = kendo.attr(\"bind\");\r\n\t var FORMAT = kendo.attr(\"format\");\r\n\t var attr = {\r\n\t \"name\": column.field,\r\n\t \"required\": field.validation ?\r\n\t field.validation.required === true : false\r\n\t };\r\n\t var editor;\r\n\r\n\t if (column.field === resourcesField) {\r\n\t column.editor(cell, modelCopy);\r\n\t return;\r\n\t }\r\n\r\n\t this._editableContent = cell.children().detach();\r\n\t this._editableContainer = cell;\r\n\r\n\t cell.data(\"modelCopy\", modelCopy);\r\n\r\n\t if ((field.type === \"date\" || $.type(field) === \"date\") &&\r\n\t (!column.format || /H|m|s|F|g|u/.test(column.format))) {\r\n\r\n\t attr[BINDING] = \"value:\" + column.field;\r\n\t attr[DATATYPE] = \"date\";\r\n\r\n\t if (column.format) {\r\n\t attr[FORMAT] = kendo._extractFormat(column.format);\r\n\t }\r\n\r\n\t editor = function(container, options) {\r\n\t $('
').attr(attr)\r\n\t .appendTo(container).kendoDateTimePicker({ format: options.format });\r\n\t };\r\n\t }\r\n\r\n\t this.editable = cell\r\n\t .addClass(listStyles.editCell)\r\n\t .kendoEditable({\r\n\t fields: {\r\n\t field: column.field,\r\n\t format: column.format,\r\n\t editor: column.editor || editor\r\n\t },\r\n\t model: modelCopy,\r\n\t clearContainer: false\r\n\t }).data(\"kendoEditable\");\r\n\r\n\t if (validation && validation.dateCompare &&\r\n\t isFunction(validation.dateCompare) && validation.message) {\r\n\t $('
')\r\n\t .hide()\r\n\t .appendTo(cell);\r\n\r\n\t cell.find('[name=' + column.field + ']')\r\n\t .attr(kendo.attr(\"dateCompare-msg\"), validation.message);\r\n\t }\r\n\r\n\t this.editable.bind(\"validate\", function(e) {\r\n\t var focusable = this.element.find(\":kendoFocusable:first\").focus();\r\n\r\n\t if (oldIE) {\r\n\t focusable.focus();\r\n\t }\r\n\r\n\t e.preventDefault();\r\n\t });\r\n\r\n\t if (this.trigger(\"edit\", { model: model, cell: cell })) {\r\n\t this._closeCell(true);\r\n\t }\r\n\t },\r\n\r\n\t _closeCell: function(cancelUpdate) {\r\n\t var listStyles = GanttList.styles;\r\n\t var cell = this._editableContainer;\r\n\t var model = this._modelFromElement(cell);\r\n\t var column = this._columnFromElement(cell);\r\n\t var field = column.field;\r\n\t var copy = cell.data(\"modelCopy\");\r\n\t var taskInfo = {};\r\n\r\n\t taskInfo[field] = copy.get(field);\r\n\r\n\t cell.empty()\r\n\t .removeData(\"modelCopy\")\r\n\t .removeClass(listStyles.editCell)\r\n\t .append(this._editableContent);\r\n\r\n\t this.editable.unbind();\r\n\t this.editable.destroy();\r\n\t this.editable = null;\r\n\r\n\t this._editableContainer = null;\r\n\t this._editableContent = null;\r\n\r\n\t if (!cancelUpdate) {\r\n\t if (field === \"start\") {\r\n\t taskInfo.end = new Date(taskInfo.start.getTime() + model.duration());\r\n\t }\r\n\r\n\t this.trigger(\"update\", { task: model, updateInfo: taskInfo });\r\n\t }\r\n\t },\r\n\r\n\t _draggable: function() {\r\n\t var that = this;\r\n\t var draggedTask = null;\r\n\t var dropAllowed = true;\r\n\t var dropTarget;\r\n\t var listStyles = GanttList.styles;\r\n\t var isRtl = kendo.support.isRtl(this.element);\r\n\t var selector = 'tr[' + kendo.attr(\"level\") + ' = 0]:last';\r\n\t var action = {};\r\n\t var editable = this.options.editable;\r\n\t var clear = function() {\r\n\t draggedTask = null;\r\n\t dropTarget = null;\r\n\t dropAllowed = true;\r\n\t action = {};\r\n\t };\r\n\t var allowDrop = function(task) {\r\n\t var parent = task;\r\n\r\n\t while (parent) {\r\n\t if (draggedTask.get(\"id\") === parent.get(\"id\")) {\r\n\t dropAllowed = false;\r\n\t break;\r\n\t }\r\n\t parent = that.dataSource.taskParent(parent);\r\n\t }\r\n\t };\r\n\t var defineLimits = function() {\r\n\t var height = $(dropTarget).height();\r\n\t var offsetTop = kendo.getOffset(dropTarget).top;\r\n\r\n\t extend(dropTarget, {\r\n\t beforeLimit: offsetTop + height * 0.25,\r\n\t afterLimit: offsetTop + height * 0.75\r\n\t });\r\n\t };\r\n\t var defineAction = function(coordinate) {\r\n\t if (!dropTarget) {\r\n\t return;\r\n\t }\r\n\r\n\t var location = coordinate.location;\r\n\t var className = listStyles.dropAdd;\r\n\t var command = \"add\";\r\n\t var level = parseInt(dropTarget.attr(kendo.attr(\"level\")), 10);\r\n\t var sibling;\r\n\r\n\t if (location <= dropTarget.beforeLimit) {\r\n\t sibling = dropTarget.prev();\r\n\t className = listStyles.dropTop;\r\n\t command = \"insert-before\";\r\n\t } else if (location >= dropTarget.afterLimit) {\r\n\t sibling = dropTarget.next();\r\n\t className = listStyles.dropBottom;\r\n\t command = \"insert-after\";\r\n\t }\r\n\r\n\t if (sibling && parseInt(sibling.attr(kendo.attr(\"level\")), 10) === level) {\r\n\t className = listStyles.dropMiddle;\r\n\t }\r\n\r\n\t action.className = className;\r\n\t action.command = command;\r\n\t };\r\n\t var status = function() {\r\n\t return that._reorderDraggable\r\n\t .hint\r\n\t .children(DOT + listStyles.dragStatus)\r\n\t .removeClass(listStyles.dropPositions);\r\n\t };\r\n\r\n\t if (!editable || editable.reorder === false || editable.update === false) {\r\n\t return;\r\n\t }\r\n\r\n\t this._reorderDraggable = this.content\r\n\t .kendoDraggable({\r\n\t distance: 10,\r\n\t holdToDrag: mobileOS,\r\n\t group: \"listGroup\",\r\n\t filter: \"tr[data-uid]\",\r\n\t ignore: DOT + listStyles.input,\r\n\t hint: function(target) {\r\n\t return $('')\r\n\t .css({\r\n\t width: 300,\r\n\t paddingLeft: target.css(\"paddingLeft\"),\r\n\t paddingRight: target.css(\"paddingRight\"),\r\n\t lineHeight: target.height() + \"px\",\r\n\t paddingTop: target.css(\"paddingTop\"),\r\n\t paddingBottom: target.css(\"paddingBottom\")\r\n\t })\r\n\t .append('');\r\n\t },\r\n\t cursorOffset: { top: -20, left: 0 },\r\n\t container: this.content,\r\n\t \"dragstart\": function(e) {\r\n\t var editable = that.editable;\r\n\r\n\t if (editable && editable.reorder !== false && editable.trigger(\"validate\")) {\r\n\t e.preventDefault();\r\n\t return;\r\n\t }\r\n\t draggedTask = that._modelFromElement(e.currentTarget);\r\n\t this.hint.children(DOT + listStyles.dragClueText)\r\n\t .text(draggedTask.get(\"title\"));\r\n\r\n\t if (isRtl) {\r\n\t this.hint.addClass(listStyles.rtl);\r\n\t }\r\n\t },\r\n\t \"drag\": function(e) {\r\n\t if (dropAllowed) {\r\n\t defineAction(e.y);\r\n\t status().addClass(action.className);\r\n\t }\r\n\t },\r\n\t \"dragend\": function() {\r\n\t clear();\r\n\t },\r\n\t \"dragcancel\": function() {\r\n\t clear();\r\n\t }\r\n\t }).data(\"kendoDraggable\");\r\n\r\n\t this._tableDropArea = this.content\r\n\t .kendoDropTargetArea({\r\n\t distance: 0,\r\n\t group: \"listGroup\",\r\n\t filter: \"tr[data-uid]\",\r\n\t \"dragenter\": function(e) {\r\n\t dropTarget = e.dropTarget;\r\n\t allowDrop(that._modelFromElement(dropTarget));\r\n\t defineLimits();\r\n\t status().toggleClass(listStyles.dropDenied, !dropAllowed);\r\n\t },\r\n\t \"dragleave\": function() {\r\n\t dropAllowed = true;\r\n\t status();\r\n\t },\r\n\t \"drop\": function() {\r\n\t var target = that._modelFromElement(dropTarget);\r\n\t var orderId = target.orderId;\r\n\t var taskInfo = {\r\n\t parentId: target.parentId\r\n\t };\r\n\r\n\t if (dropAllowed) {\r\n\t switch (action.command) {\r\n\t case \"add\":\r\n\t taskInfo.parentId = target.id;\r\n\t break;\r\n\t case \"insert-before\":\r\n\t if (target.parentId === draggedTask.parentId &&\r\n\t target.orderId > draggedTask.orderId) {\r\n\t taskInfo.orderId = orderId - 1;\r\n\t } else {\r\n\t taskInfo.orderId = orderId;\r\n\t }\r\n\t break;\r\n\t case \"insert-after\":\r\n\t if (target.parentId === draggedTask.parentId &&\r\n\t target.orderId > draggedTask.orderId) {\r\n\t taskInfo.orderId = orderId;\r\n\t } else {\r\n\t taskInfo.orderId = orderId + 1;\r\n\t }\r\n\t break;\r\n\t }\r\n\t that.trigger(\"update\", {\r\n\t task: draggedTask,\r\n\t updateInfo: taskInfo\r\n\t });\r\n\t }\r\n\t }\r\n\t }).data(\"kendoDropTargetArea\");\r\n\r\n\t this._contentDropArea = this.element\r\n\t .kendoDropTargetArea({\r\n\t distance: 0,\r\n\t group: \"listGroup\",\r\n\t filter: DOT + listStyles.gridContent,\r\n\t \"drop\": function() {\r\n\t var target = that._modelFromElement(that.content.find(selector));\r\n\t var orderId = target.orderId;\r\n\t var taskInfo = {\r\n\t parentId: null,\r\n\t orderId: draggedTask.parentId !== null ?\r\n\t orderId + 1 : orderId\r\n\t };\r\n\r\n\t that.trigger(\"update\", {\r\n\t task: draggedTask,\r\n\t updateInfo: taskInfo\r\n\t });\r\n\t }\r\n\t }).data(\"kendoDropTargetArea\");\r\n\t },\r\n\r\n\t _resizable: function() {\r\n\t var that = this;\r\n\t var listStyles = GanttList.styles;\r\n\t var positionResizeHandle = function(e) {\r\n\t var th = $(e.currentTarget);\r\n\t var resizeHandle = that.resizeHandle;\r\n\t var position = th.position();\r\n\t var left = position.left;\r\n\t var cellWidth = outerWidth(th);\r\n\t var container = th.closest(\"div\");\r\n\t var clientX = e.clientX + $(window).scrollLeft();\r\n\t var indicatorWidth = that.options.columnResizeHandleWidth;\r\n\r\n\t left += container.scrollLeft();\r\n\r\n\t if (!resizeHandle) {\r\n\t resizeHandle = that.resizeHandle = $(\r\n\t ''\r\n\t );\r\n\t }\r\n\r\n\t var cellOffset = th.offset().left + cellWidth;\r\n\t var show = clientX > cellOffset - indicatorWidth && clientX < cellOffset + indicatorWidth;\r\n\r\n\t if (!show) {\r\n\t resizeHandle.hide();\r\n\t return;\r\n\t }\r\n\r\n\t container.append(resizeHandle);\r\n\r\n\t resizeHandle\r\n\t .show()\r\n\t .css({\r\n\t top: position.top,\r\n\t left: left + cellWidth - indicatorWidth - 1,\r\n\t height: outerHeight(th),\r\n\t width: indicatorWidth * 3\r\n\t })\r\n\t .data(\"th\", th);\r\n\t };\r\n\r\n\t if (!this.options.resizable) {\r\n\t return;\r\n\t }\r\n\r\n\t if (this._columnResizable) {\r\n\t this._columnResizable.destroy();\r\n\t }\r\n\r\n\t this.header.find(\"thead\")\r\n\t .on(\"mousemove\" + NS, \"th\", positionResizeHandle);\r\n\r\n\t this._columnResizable = this.header.kendoResizable({\r\n\t handle: DOT + listStyles.resizeHandle,\r\n\t start: function(e) {\r\n\t var th = $(e.currentTarget).data(\"th\");\r\n\t var colSelector = \"col:eq(\" + th.index() + \")\";\r\n\t var header = that.header.find(\"table\");\r\n\t var contentTable = that.content.find(\"table\");\r\n\r\n\t that.element.addClass(\"k-grid-column-resizing\");\r\n\r\n\t this.col = contentTable.children(\"colgroup\").find(colSelector)\r\n\t .add(header.find(colSelector));\r\n\r\n\t this.th = th;\r\n\t this.startLocation = e.x.location;\r\n\t this.columnWidth = outerWidth(th);\r\n\t this.table = header.add(contentTable);\r\n\t this.totalWidth = (this.table.width() - outerWidth(header.find(\"th:last\")));\r\n\t },\r\n\t resize: function(e) {\r\n\t var minColumnWidth = 11;\r\n\t var delta = e.x.location - this.startLocation;\r\n\r\n\t if (this.columnWidth + delta < minColumnWidth) {\r\n\t delta = minColumnWidth - this.columnWidth;\r\n\t }\r\n\r\n\t this.table.css({\r\n\t \"minWidth\": (this.totalWidth + delta)\r\n\t });\r\n\t this.col.width(this.columnWidth + delta);\r\n\t },\r\n\t resizeend: function() {\r\n\t that.element.removeClass(\"k-grid-column-resizing\");\r\n\r\n\t var oldWidth = Math.floor(this.columnWidth);\r\n\t var newWidth = Math.floor(outerWidth(this.th));\r\n\t var column = that.columns[this.th.index()];\r\n\r\n\t that.trigger(\"columnResize\", {\r\n\t column: column,\r\n\t oldWidth: oldWidth,\r\n\t newWidth: newWidth\r\n\t });\r\n\r\n\t this.table = this.col = this.th = null;\r\n\t }\r\n\t }).data(\"kendoResizable\");\r\n\t },\r\n\r\n\t _modelFromElement: function(element) {\r\n\t var row = element.closest(\"tr\");\r\n\t var model = this.dataSource.getByUid(row.attr(kendo.attr(\"uid\")));\r\n\r\n\t return model;\r\n\t },\r\n\r\n\t _columnFromElement: function(element) {\r\n\t var td = element.closest(\"td\");\r\n\t var tr = td.parent();\r\n\t var idx = tr.children().index(td);\r\n\r\n\t return this.columns[idx];\r\n\t }\r\n\t });\r\n\r\n\t extend(true, ui.GanttList, { styles: listStyles });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\treturn window.kendo;\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 1195:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.touch\");\n\n/***/ }),\n\n/***/ 1196:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.columnsorter\");\n\n/***/ }),\n\n/***/ 1197:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.datetimepicker\");\n\n/***/ }),\n\n/***/ 1198:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.editable\");\n\n/***/ })\n\n/******/ });","var def = require('./_object-dp').f;\nvar has = require('./_has');\nvar TAG = require('./_wks')('toStringTag');\n\nmodule.exports = function (it, tag, stat) {\n if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });\n};\n","module.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n","'use strict';\n\nvar createError = require('./createError');\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n */\nmodule.exports = function settle(resolve, reject, response) {\n var validateStatus = response.config.validateStatus;\n // Note: status is not exposed by XDomainRequest\n if (!response.status || !validateStatus || validateStatus(response.status)) {\n resolve(response);\n } else {\n reject(createError(\n 'Request failed with status code ' + response.status,\n response.config,\n null,\n response.request,\n response\n ));\n }\n};\n","require('../modules/web.dom.iterable');\nrequire('../modules/es6.string.iterator');\nmodule.exports = require('../modules/core.get-iterator');\n","var $export = require('./_export');\n// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)\n$export($export.S + $export.F * !require('./_descriptors'), 'Object', { defineProperty: require('./_object-dp').f });\n","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(1507);\n\tmodule.exports = __webpack_require__(1507);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 5:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../kendo.data\");\n\n/***/ }),\n\n/***/ 19:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../kendo.core\");\n\n/***/ }),\n\n/***/ 1507:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(19), __webpack_require__(5) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\t(function(kendo) {\n\t if (kendo.support.browser.msie && kendo.support.browser.version < 9) {\n\t return;\n\t }\n\n\t /*jshint evil: true */\n\t var Filter = kendo.spreadsheet.Filter = kendo.Class.extend({\n\t prepare: function() {\n\t },\n\t value: function(cell) {\n\t return cell.value;\n\t },\n\t matches: function() {\n\t throw new Error(\"The 'matches' method is not implemented.\");\n\t },\n\t toJSON: function() {\n\t throw new Error(\"The 'toJSON' method is not implemented.\");\n\t }\n\t });\n\n\t Filter.create = function(options) {\n\t var filter = options.filter;\n\n\t if (!filter) {\n\t throw new Error(\"Filter type not specified.\");\n\t }\n\n\t var constructor = kendo.spreadsheet[filter.charAt(0).toUpperCase() + filter.substring(1) + \"Filter\"];\n\n\t if (!constructor) {\n\t throw new Error(\"Filter type not recognized.\");\n\t }\n\n\t return new constructor(options);\n\t };\n\n\t kendo.spreadsheet.ValueFilter = Filter.extend({\n\t _values: [],\n\n\t _dates: [],\n\n\t _blanks: false,\n\n\t init: function ValueFilter(options) {\n\t if (options.values !== undefined) {\n\t this._values = options.values;\n\t }\n\n\t if (options.blanks !== undefined) {\n\t this._blanks = options.blanks;\n\t }\n\n\t if (options.dates !== undefined) {\n\t this._dates = options.dates;\n\t }\n\t },\n\n\t value: function(cell) {\n\t var value = cell.value;\n\n\t if (this._dates.length > 0 && cell.format && typeof value === \"number\") {\n\t var type = kendo.spreadsheet.formatting.type(value, cell.format);\n\n\t if (type === \"date\") {\n\t value = kendo.spreadsheet.numberToDate(value);\n\t }\n\t }\n\n\t return value;\n\t },\n\n\t matches: function(value) {\n\t if (value === null || value === undefined) {\n\t return this._blanks;\n\t }\n\n\t if (value instanceof Date) {\n\t return this._dates.some(function(date) {\n\t return date.year === value.getFullYear() &&\n\t (date.month === undefined || date.month === value.getMonth()) &&\n\t (date.day === undefined || date.day === value.getDate()) &&\n\t (date.hours === undefined || date.hours === value.getHours()) &&\n\t (date.minutes === undefined || date.minutes === value.getMinutes()) &&\n\t (date.seconds === undefined || date.seconds === value.getSeconds());\n\t });\n\t }\n\n\t return this._values.indexOf(value) >= 0;\n\t },\n\t toJSON: function() {\n\t return {\n\t filter: \"value\",\n\t blanks: this._blanks,\n\t values: this._values.slice(0)\n\t };\n\t }\n\t });\n\n\t kendo.spreadsheet.CustomFilter = Filter.extend({\n\t _logic: \"and\",\n\t init: function CustomFilter(options) {\n\t if (options.logic !== undefined) {\n\t this._logic = options.logic;\n\t }\n\n\t if (options.criteria === undefined) {\n\t throw new Error(\"Must specify criteria.\");\n\t }\n\n\t this._criteria = options.criteria;\n\n\t var expression = kendo.data.Query.filterExpr({\n\t logic: this._logic,\n\t filters: this._criteria\n\t }).expression;\n\n\t this._matches = new Function(\"d\", \"return \" + expression);\n\t },\n\t matches: function(value) {\n\t if (value === null) {\n\t return false;\n\t }\n\n\t return this._matches(value);\n\t },\n\t value: function(cell) {\n\t var value = cell.value;\n\t var criterionValue = this._criteria[0].value;\n\t var criterionType = criterionValue instanceof Date ? \"date\" : typeof criterionValue;\n\t var valueType = typeof value;\n\n\t if (cell.format) {\n\t valueType = kendo.spreadsheet.formatting.type(value, cell.format);\n\t }\n\n\t if (valueType != criterionType) {\n\t if (criterionType == \"string\") {\n\t if (cell.format) {\n\t value = kendo.spreadsheet.formatting.text(value, cell.format);\n\t }\n\t value = value + \"\";\n\t }\n\t } else if (valueType == \"date\") {\n\t value = kendo.spreadsheet.numberToDate(value);\n\t }\n\n\t return value;\n\t },\n\t toJSON: function() {\n\t return {\n\t filter: \"custom\",\n\t logic: this._logic,\n\t criteria: this._criteria\n\t };\n\t }\n\t });\n\n\t kendo.spreadsheet.TopFilter = Filter.extend({\n\t init: function TopFilter(options) {\n\t this._type = options.type;\n\t this._value = options.value;\n\t this._values = [];\n\t },\n\n\t prepare: function(cells) {\n\t var values = cells.map(this.value)\n\t .sort()\n\t .filter(function(value, index, array) {\n\t return index === 0 || value !== array[index - 1];\n\t });\n\n\t if (this._type === \"topNumber\" || this._type == \"topPercent\") {\n\t values.sort(function(x, y) {\n\t return y - x;\n\t });\n\t } else {\n\t values.sort(function(x, y) {\n\t return x - y;\n\t });\n\t }\n\n\t var count = this._value;\n\n\t if (this._type === \"topPercent\" || this._type === \"bottomPercent\") {\n\t count = (values.length * count / 100) >> 0;\n\t }\n\n\t this._values = values.slice(0, count);\n\t },\n\t matches: function(value) {\n\t return this._values.indexOf(value) >= 0;\n\t },\n\t toJSON: function() {\n\t return {\n\t filter: \"top\",\n\t type: this._type,\n\t value: this._value\n\t };\n\t }\n\t });\n\n\t kendo.spreadsheet.DynamicFilter = Filter.extend({\n\t init: function DynamicFilter(options) {\n\t this._type = options.type;\n\n\t this._predicate = this[options.type];\n\n\t if (typeof this._predicate !== \"function\") {\n\t throw new Error(\"DynamicFilter type '\" + options.type + \"' not recognized.\");\n\t }\n\t },\n\t value: function(cell) {\n\t var value = cell.value;\n\n\t if (cell.format) {\n\t var type = kendo.spreadsheet.formatting.type(value, cell.format);\n\n\t if (type === \"date\") {\n\t value = kendo.spreadsheet.numberToDate(value);\n\t }\n\t }\n\n\t return value;\n\t },\n\t prepare: function(cells) {\n\t var sum = 0;\n\t var count = 0;\n\n\t for (var ci = 0; ci < cells.length; ci++) {\n\t var value = this.value(cells[ci]);\n\n\t if (typeof value === \"number\") {\n\t sum += value;\n\t count ++;\n\t }\n\t }\n\n\t if (count > 0) {\n\t this._average = sum / count;\n\t } else {\n\t this._average = 0;\n\t }\n\t },\n\t matches: function(value) {\n\t return this._predicate(value);\n\t },\n\t aboveAverage: function(value) {\n\t if (value instanceof Date) {\n\t value = kendo.spreadsheet.dateToNumber(value);\n\t }\n\n\t if (typeof value !== \"number\") {\n\t return false;\n\t }\n\n\t return value > this._average;\n\t },\n\t belowAverage: function(value) {\n\t if (value instanceof Date) {\n\t value = kendo.spreadsheet.dateToNumber(value);\n\t }\n\n\t if (typeof value !== \"number\") {\n\t return false;\n\t }\n\n\t return value < this._average;\n\t },\n\t tomorrow: function(value) {\n\t if (value instanceof Date) {\n\t var tomorrow = kendo.date.addDays(kendo.date.today(), 1);\n\n\t return kendo.date.getDate(value).getTime() === tomorrow.getTime();\n\t }\n\n\t return false;\n\t },\n\t today: function(value) {\n\t if (value instanceof Date) {\n\t return kendo.date.isToday(value);\n\t }\n\n\t return false;\n\t },\n\t yesterday: function(value) {\n\t if (value instanceof Date) {\n\t var yesterday = kendo.date.addDays(kendo.date.today(), -1);\n\n\t return kendo.date.getDate(value).getTime() === yesterday.getTime();\n\t }\n\n\t return false;\n\t },\n\t nextWeek: function(value) {\n\t return sameWeek(kendo.date.addDays(kendo.date.today(), 7), value);\n\t },\n\t thisWeek: function(value) {\n\t return sameWeek(kendo.date.today(), value);\n\t },\n\t lastWeek: function(value) {\n\t return sameWeek(kendo.date.addDays(kendo.date.today(), -7), value);\n\t },\n\t nextMonth: function(value) {\n\t return sameMonth(value, 1);\n\t },\n\t thisMonth: function(value) {\n\t return sameMonth(value, 0);\n\t },\n\t lastMonth: function(value) {\n\t return sameMonth(value, -1);\n\t },\n\t nextQuarter: function(value) {\n\t if (value instanceof Date) {\n\t var today = kendo.date.today();\n\n\t var diff = quarter(value) - quarter(today);\n\n\t return (diff === 1 && today.getFullYear() === value.getFullYear()) ||\n\t (diff == -3 && today.getFullYear() + 1 === value.getFullYear());\n\t }\n\n\t return false;\n\t },\n\t thisQuarter: function(value) {\n\t if (value instanceof Date) {\n\t var today = kendo.date.today();\n\n\t var diff = quarter(value) - quarter(today);\n\n\t return diff === 0 && today.getFullYear() === value.getFullYear();\n\t }\n\n\t return false;\n\t },\n\t lastQuarter: function(value) {\n\t if (value instanceof Date) {\n\t var today = kendo.date.today();\n\n\t var diff = quarter(today) - quarter(value);\n\n\t return (diff === 1 && today.getFullYear() === value.getFullYear()) ||\n\t (diff == -3 && today.getFullYear() - 1 === value.getFullYear());\n\t }\n\n\t return false;\n\t },\n\t nextYear: function(value) {\n\t return sameYear(value, 1);\n\t },\n\t thisYear: function(value) {\n\t return sameYear(value, 0);\n\t },\n\t lastYear: function(value) {\n\t return sameYear(value, -1);\n\t },\n\t yearToDate: function(value) {\n\t if (value instanceof Date) {\n\t var today = kendo.date.today();\n\n\t return value.getFullYear() === today.getFullYear() && value <= today;\n\t }\n\n\t return false;\n\t },\n\t toJSON: function() {\n\t return {\n\t filter: \"dynamic\",\n\t type: this._type\n\t };\n\t }\n\t });\n\n\t [1, 2, 3, 4].forEach(function(target) {\n\t kendo.spreadsheet.DynamicFilter.prototype[\"quarter\" + target] = function(value) {\n\t if (value instanceof Date) {\n\t return quarter(value) === target;\n\t }\n\n\t return false;\n\t };\n\t });\n\n\t kendo.cultures[\"en-US\"].calendar.months.names.forEach(function(month, index) {\n\t kendo.spreadsheet.DynamicFilter.prototype[month.toLowerCase()] = function(value) {\n\t if (value instanceof Date) {\n\t return value.getMonth() === index;\n\t }\n\n\t return false;\n\t };\n\t });\n\n\t function quarter(value) {\n\t var month = value.getMonth() + 1;\n\n\t if (month >= 1 && month <= 3) {\n\t return 1;\n\t } else if(month >= 4 && month <= 6) {\n\t return 2;\n\t } else if (month >= 7 && month <= 9) {\n\t return 3;\n\t } else {\n\t return 4;\n\t }\n\t }\n\n\t function sameYear(value, offset) {\n\t if (value instanceof Date) {\n\t var today = kendo.date.today();\n\n\t today.setFullYear(today.getFullYear() + offset);\n\n\t return today.getFullYear() === value.getFullYear();\n\t }\n\n\t return false;\n\t }\n\n\t function sameMonth(value, offset) {\n\t if (value instanceof Date) {\n\t var today = kendo.date.firstDayOfMonth(kendo.date.today());\n\n\t today.setMonth(today.getMonth() + offset, 1);\n\n\t return today.getTime() === kendo.date.firstDayOfMonth(value).getTime();\n\t }\n\n\t return false;\n\t }\n\n\t function sameWeek(a, b) {\n\t if (b instanceof Date) {\n\t var firstWeek = kendo.date.dayOfWeek(kendo.date.getDate(a), 1);\n\n\t var secondWeek = kendo.date.dayOfWeek(kendo.date.getDate(b), 1);\n\n\t return firstWeek.getTime() === secondWeek.getTime();\n\t }\n\n\t return false;\n\t }\n\n\t})(kendo);\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports = {};\n","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(1473);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 862:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 1473:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(862)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\tvar __meta__ = { // jshint ignore:line\n\t id: \"dpl-processor\",\n\t name: \"DPL-Processor\",\n\t category: \"framework\",\n\t depends: [ \"core\" ]\n\t};\n\n\t(function($, undefined) {\n\t var kendo = window.kendo,\n\t extend = $.extend,\n\t Class = kendo.Class;\n\n\t var DPLProcessor = Class.extend({\n\t init: function(options, viewer) {\n\t var that = this;\n\n\t that.options = options;\n\t that.read = options.read;\n\t that.upload = options.upload;\n\t that.download = options.download;\n\n\t that.viewer = viewer;\n\t },\n\t fetchDocument: function () {\n\t var that = this,\n\t deferred = $.Deferred(),\n\t errorMessages = that.viewer.options.messages.errorMessages;\n\n\t if (!that.read) {\n\t return deferred.resolve();\n\t }\n\n\t $.ajax({\n\t type: that.read.type,\n\t url: that.read.url,\n\t dataType: that.read.dataType,\n\t success: function (data) {\n\t if (typeof data != \"string\") {\n\t data = kendo.stringify(data);\n\t }\n\t deferred.resolve(JSON.parse(data));\n\t },\n\t error: function (xhr) {\n\t that.viewer._triggerError({\n\t error: xhr.responseText,\n\t message: errorMessages.parseError\n\t });\n\t }\n\t });\n\n\t return deferred;\n\t },\n\t fetchPageData: function (number) {\n\t var that = this;\n\t var deferred = $.Deferred();\n\t var page = that.viewer.document.pages[number - 1];\n\t var data = {};\n\t data[that.read.pageField] = number;\n\n\t if (!page.geometries.length) {\n\t $.ajax({\n\t type: that.read.type,\n\t url: that.read.url,\n\t data: data,\n\t success: function (data) {\n\t deferred.resolve(JSON.parse(data));\n\t },\n\t error: function (xhr) {\n\t that.viewer._triggerError({\n\t error: xhr.responseText,\n\t message: that.viewer.options.messages.errorMessages.parseError\n\t });\n\t }\n\t });\n\t } else {\n\t deferred.resolve(page);\n\t }\n\n\t return deferred;\n\t },\n\t downloadFile: function (fileName) {\n\t window.location = this.download.url + \"?file=\" + fileName;\n\t },\n\n\t fromJSON: function (json)\n\t {\n\t var viewer = this.viewer;\n\t viewer._clearPages();\n\n\t viewer.document = json;\n\t viewer.document.total = viewer.document.pages.length;\n\n\t viewer._renderPages();\n\t viewer.resize(true);\n\n\t viewer.activatePage(1);\n\t }\n\t });\n\n\t extend(kendo.pdfviewer, {\n\t dpl: {\n\t processor: DPLProcessor\n\t }\n\t });\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(881);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 859:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 877:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./math\");\n\n/***/ }),\n\n/***/ 881:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(859), __webpack_require__(877) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\t diagram = kendo.dataviz.diagram,\n\t Class = kendo.Class,\n\t deepExtend = kendo.deepExtend,\n\t Point = diagram.Point,\n\t Rect = diagram.Rect,\n\t Matrix = diagram.Matrix,\n\t Utils = diagram.Utils,\n\t isNumber = Utils.isNumber,\n\t isString = Utils.isString,\n\t MatrixVector = diagram.MatrixVector,\n\n\t g = kendo.geometry,\n\t d = kendo.drawing,\n\n\t defined = d.util.defined,\n\n\t inArray = $.inArray;\n\n\t // Constants ==============================================================\n\t var TRANSPARENT = \"transparent\",\n\t Markers = {\n\t none: \"none\",\n\t arrowStart: \"ArrowStart\",\n\t filledCircle: \"FilledCircle\",\n\t arrowEnd: \"ArrowEnd\"\n\t },\n\t FULL_CIRCLE_ANGLE = 360,\n\t START = \"start\",\n\t END = \"end\",\n\t WIDTH = \"width\",\n\t HEIGHT = \"height\",\n\t X = \"x\",\n\t Y = \"y\";\n\n\t diagram.Markers = Markers;\n\n\t function diffNumericOptions(options, fields) {\n\t var elementOptions = this.options;\n\t var hasChanges = false;\n\t var value, field;\n\t for (var i = 0; i < fields.length; i++) {\n\t field = fields[i];\n\t value = options[field];\n\t if (isNumber(value) && elementOptions[field] !== value) {\n\t elementOptions[field] = value;\n\t hasChanges = true;\n\t }\n\t }\n\n\t return hasChanges;\n\t }\n\n\t var Scale = Class.extend({\n\t init: function (x, y) {\n\t this.x = x;\n\t this.y = y;\n\t },\n\t toMatrix: function () {\n\t return Matrix.scaling(this.x, this.y);\n\t },\n\t toString: function () {\n\t return kendo.format(\"scale({0},{1})\", this.x, this.y);\n\t },\n\t invert: function() {\n\t return new Scale(1/this.x, 1/this.y);\n\t }\n\t });\n\n\t var Translation = Class.extend({\n\t init: function (x, y) {\n\t this.x = x;\n\t this.y = y;\n\t },\n\t toMatrixVector: function () {\n\t return new MatrixVector(0, 0, 0, 0, this.x, this.y);\n\t },\n\t toMatrix: function () {\n\t return Matrix.translation(this.x, this.y);\n\t },\n\t toString: function () {\n\t return kendo.format(\"translate({0},{1})\", this.x, this.y);\n\t },\n\t plus: function (delta) {\n\t this.x += delta.x;\n\t this.y += delta.y;\n\t },\n\t times: function (factor) {\n\t this.x *= factor;\n\t this.y *= factor;\n\t },\n\t length: function () {\n\t return Math.sqrt(this.x * this.x + this.y * this.y);\n\t },\n\t normalize: function () {\n\t if (this.Length === 0) {\n\t return;\n\t }\n\t this.times(1 / this.length());\n\t },\n\t invert: function() {\n\t return new Translation(-this.x, -this.y);\n\t }\n\t });\n\n\t var Rotation = Class.extend({\n\t init: function (angle, x, y) {\n\t this.x = x || 0;\n\t this.y = y || 0;\n\t this.angle = angle;\n\t },\n\t toString: function () {\n\t if (this.x && this.y) {\n\t return kendo.format(\"rotate({0},{1},{2})\", this.angle, this.x, this.y);\n\t } else {\n\t return kendo.format(\"rotate({0})\", this.angle);\n\t }\n\t },\n\t toMatrix: function () {\n\t return Matrix.rotation(this.angle, this.x, this.y); // T*R*T^-1\n\t },\n\t center: function () {\n\t return new Point(this.x, this.y);\n\t },\n\t invert: function() {\n\t return new Rotation(FULL_CIRCLE_ANGLE - this.angle, this.x, this.y);\n\t }\n\t });\n\n\t Rotation.ZERO = new Rotation(0);\n\n\t Rotation.create = function (rotation) {\n\t return new Rotation(rotation.angle, rotation.x, rotation.y);\n\t };\n\n\t Rotation.parse = function (str) {\n\t var values = str.slice(1, str.length - 1).split(\",\"),\n\t angle = values[0],\n\t x = values[1],\n\t y = values[2];\n\t var rotation = new Rotation(angle, x, y);\n\t return rotation;\n\t };\n\n\t var CompositeTransform = Class.extend({\n\t init: function (x, y, scaleX, scaleY, angle, center) {\n\t this.translate = new Translation(x, y);\n\t if (scaleX !== undefined && scaleY !== undefined) {\n\t this.scale = new Scale(scaleX, scaleY);\n\t }\n\t if (angle !== undefined) {\n\t this.rotate = center ? new Rotation(angle, center.x, center.y) : new Rotation(angle);\n\t }\n\t },\n\t toString: function () {\n\t var toString = function (transform) {\n\t return transform ? transform.toString() : \"\";\n\t };\n\n\t return toString(this.translate) +\n\t toString(this.rotate) +\n\t toString(this.scale);\n\t },\n\n\t render: function (visual) {\n\t visual._transform = this;\n\t visual._renderTransform();\n\t },\n\n\t toMatrix: function () {\n\t var m = Matrix.unit();\n\n\t if (this.translate) {\n\t m = m.times(this.translate.toMatrix());\n\t }\n\t if (this.rotate) {\n\t m = m.times(this.rotate.toMatrix());\n\t }\n\t if (this.scale) {\n\t m = m.times(this.scale.toMatrix());\n\t }\n\t return m;\n\t },\n\t invert: function() {\n\t var rotate = this.rotate ? this.rotate.invert() : undefined,\n\t rotateMatrix = rotate ? rotate.toMatrix() : Matrix.unit(),\n\t scale = this.scale ? this.scale.invert() : undefined,\n\t scaleMatrix = scale ? scale.toMatrix() : Matrix.unit();\n\n\t var translatePoint = new Point(-this.translate.x, -this.translate.y);\n\t translatePoint = rotateMatrix.times(scaleMatrix).apply(translatePoint);\n\t var translate = new Translation(translatePoint.x, translatePoint.y);\n\n\t var transform = new CompositeTransform();\n\t transform.translate = translate;\n\t transform.rotate = rotate;\n\t transform.scale = scale;\n\n\t return transform;\n\t }\n\t });\n\n\t var AutoSizeableMixin = {\n\t _setScale: function() {\n\t var options = this.options;\n\t var originWidth = this._originWidth;\n\t var originHeight = this._originHeight;\n\t var scaleX = options.width / originWidth;\n\t var scaleY = options.height / originHeight;\n\n\t if (!isNumber(scaleX)) {\n\t scaleX = 1;\n\t }\n\t if (!isNumber(scaleY)) {\n\t scaleY = 1;\n\t }\n\n\t this._transform.scale = new Scale(scaleX, scaleY);\n\t },\n\n\t _setTranslate: function() {\n\t var options = this.options;\n\t var x = options.x || 0;\n\t var y = options.y || 0;\n\t this._transform.translate = new Translation(x, y);\n\t },\n\n\t _initSize: function() {\n\t var options = this.options;\n\t var transform = false;\n\t if (options.autoSize !== false && (defined(options.width) || defined(options.height))) {\n\t this._measure(true);\n\t this._setScale();\n\t transform = true;\n\t }\n\n\t if (defined(options.x) || defined(options.y)) {\n\t this._setTranslate();\n\t transform = true;\n\t }\n\n\t if (transform) {\n\t this._renderTransform();\n\t }\n\t },\n\n\t _updateSize: function(options) {\n\t var update = false;\n\n\t if (this.options.autoSize !== false && this._diffNumericOptions(options, [WIDTH, HEIGHT])) {\n\t update = true;\n\t this._measure(true);\n\t this._setScale();\n\t }\n\n\t if (this._diffNumericOptions(options, [X, Y])) {\n\t update = true;\n\t this._setTranslate();\n\t }\n\n\t if (update) {\n\t this._renderTransform();\n\t }\n\n\t return update;\n\t }\n\t };\n\n\t var Element = Class.extend({\n\t init: function (options) {\n\t var element = this;\n\t element.options = deepExtend({}, element.options, options);\n\t element.id = element.options.id;\n\t element._originSize = Rect.empty();\n\t element._transform = new CompositeTransform();\n\t },\n\n\t visible: function (value) {\n\t return this.drawingContainer().visible(value);\n\t },\n\n\t redraw: function (options) {\n\t if (options && options.id) {\n\t this.id = options.id;\n\t }\n\t },\n\n\t position: function (x, y) {\n\t var options = this.options;\n\t if (!defined(x)) {\n\t return new Point(options.x, options.y);\n\t }\n\n\t if (defined(y)) {\n\t options.x = x;\n\t options.y = y;\n\t } else if (x instanceof Point) {\n\t options.x = x.x;\n\t options.y = x.y;\n\t }\n\n\t this._transform.translate = new Translation(options.x, options.y);\n\t this._renderTransform();\n\t },\n\n\t rotate: function (angle, center) {\n\t if (defined(angle)) {\n\t this._transform.rotate = new Rotation(angle, center.x, center.y);\n\t this._renderTransform();\n\t }\n\t return this._transform.rotate || Rotation.ZERO;\n\t },\n\n\t drawingContainer: function() {\n\t return this.drawingElement;\n\t },\n\n\t _renderTransform: function () {\n\t var matrix = this._transform.toMatrix();\n\t this.drawingContainer().transform(new g.Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f));\n\t },\n\n\t _hover: function () {},\n\n\t _diffNumericOptions: diffNumericOptions,\n\n\t _measure: function (force) {\n\t var rect;\n\t if (!this._measured || force) {\n\t var box = this._boundingBox() || new g.Rect();\n\t var startPoint = box.topLeft();\n\t rect = new Rect(startPoint.x, startPoint.y, box.width(), box.height());\n\t this._originSize = rect;\n\t this._originWidth = rect.width;\n\t this._originHeight = rect.height;\n\t this._measured = true;\n\t } else {\n\t rect = this._originSize;\n\t }\n\t return rect;\n\t },\n\n\t _boundingBox: function() {\n\t return this.drawingElement.rawBBox();\n\t }\n\t });\n\n\t var VisualBase = Element.extend({\n\t init: function(options) {\n\t Element.fn.init.call(this, options);\n\n\t options = this.options;\n\t options.fill = normalizeDrawingOptions(options.fill);\n\t options.stroke = normalizeDrawingOptions(options.stroke);\n\t },\n\n\t options: {\n\t stroke: {\n\t color: \"gray\",\n\t width: 1\n\t },\n\t fill: {\n\t color: TRANSPARENT\n\t }\n\t },\n\n\t fill: function(color, opacity) {\n\t this._fill({\n\t color: getColor(color),\n\t opacity: opacity\n\t });\n\t },\n\n\t stroke: function(color, width, opacity) {\n\t this._stroke({\n\t color: getColor(color),\n\t width: width,\n\t opacity: opacity\n\t });\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var stroke = options.stroke;\n\t var fill = options.fill;\n\t if (stroke) {\n\t this._stroke(normalizeDrawingOptions(stroke));\n\t }\n\t if (fill) {\n\t this._fill(normalizeDrawingOptions(fill));\n\t }\n\n\t Element.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _hover: function (show) {\n\t var drawingElement = this.drawingElement;\n\t var options = this.options;\n\t var hover = options.hover;\n\n\t if (hover && hover.fill) {\n\t var fill = show ? normalizeDrawingOptions(hover.fill) : options.fill;\n\t drawingElement.fill(fill.color, fill.opacity);\n\t }\n\t },\n\n\t _stroke: function(strokeOptions) {\n\t var options = this.options;\n\t deepExtend(options, {\n\t stroke: strokeOptions\n\t });\n\n\t strokeOptions = options.stroke;\n\n\t var stroke = null;\n\t if (strokeOptions.width > 0) {\n\t stroke = {\n\t color: strokeOptions.color,\n\t width: strokeOptions.width,\n\t opacity: strokeOptions.opacity,\n\t dashType: strokeOptions.dashType\n\t };\n\t }\n\n\t this.drawingElement.options.set(\"stroke\", stroke);\n\t },\n\n\t _fill: function(fillOptions) {\n\t var options = this.options;\n\t deepExtend(options, {\n\t fill: fillOptions || {}\n\t });\n\t var fill = options.fill;\n\n\t if (fill.gradient) {\n\t var gradient = fill.gradient;\n\t var GradientClass = (gradient.type === \"radial\" ? d.RadialGradient : d.LinearGradient);\n\t this.drawingElement.fill(new GradientClass(gradient));\n\t } else {\n\t this.drawingElement.fill(fill.color, fill.opacity);\n\t }\n\t }\n\t });\n\n\t var TextBlock = VisualBase.extend({\n\t init: function (options) {\n\t options = this._textColor(options);\n\t VisualBase.fn.init.call(this, options);\n\n\t this._font();\n\t this._initText();\n\t this._initSize();\n\t },\n\n\t options: {\n\t fontSize: 15,\n\t fontFamily: \"sans-serif\",\n\t stroke: {\n\t width: 0\n\t },\n\t fill: {\n\t color: \"black\"\n\t },\n\t autoSize: true\n\t },\n\n\t _initText: function() {\n\t var options = this.options;\n\n\t this.drawingElement = new d.Text(defined(options.text) ? options.text : \"\", new g.Point(), {\n\t font: options.font\n\t });\n\n\t this._fill();\n\t this._stroke();\n\t },\n\n\t _textColor: function(options) {\n\t if (options && options.color) {\n\t options = deepExtend({}, options, {\n\t fill: {\n\t color: options.color\n\t }\n\t });\n\t }\n\t return options;\n\t },\n\n\t _font: function() {\n\t var options = this.options;\n\t if (options.fontFamily && defined(options.fontSize)) {\n\t var fontOptions = [];\n\n\t if (options.fontStyle) {\n\t fontOptions.push(options.fontStyle);\n\t }\n\n\t if (options.fontWeight) {\n\t fontOptions.push(options.fontWeight);\n\t }\n\n\t fontOptions.push(options.fontSize + (isNumber(options.fontSize) ? \"px\" : \"\"));\n\t fontOptions.push(options.fontFamily);\n\n\t options.font = fontOptions.join(\" \");\n\t } else {\n\t delete options.font;\n\t }\n\t },\n\n\t content: function (text) {\n\t return this.drawingElement.content(text);\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var sizeChanged = false;\n\t var textOptions = this.options;\n\n\t options = this._textColor(options);\n\n\t VisualBase.fn.redraw.call(this, options);\n\n\t if (options.fontFamily || defined(options.fontSize) || options.fontStyle || options.fontWeight) {\n\t deepExtend(textOptions, {\n\t fontFamily: options.fontFamily,\n\t fontSize: options.fontSize,\n\t fontStyle: options.fontStyle,\n\t fontWeight: options.fontWeight\n\t });\n\t this._font();\n\t this.drawingElement.options.set(\"font\", textOptions.font);\n\t sizeChanged = true;\n\t }\n\n\t if (options.text) {\n\t this.content(options.text);\n\t sizeChanged = true;\n\t }\n\n\t if (!this._updateSize(options) && sizeChanged) {\n\t this._initSize();\n\t }\n\t }\n\t }\n\t });\n\n\t deepExtend(TextBlock.fn, AutoSizeableMixin);\n\n\t var Rectangle = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this._initPath();\n\t this._setPosition();\n\t },\n\n\t _setPosition: function() {\n\t var options = this.options;\n\t var x = options.x;\n\t var y = options.y;\n\t if (defined(x) || defined(y)) {\n\t this.position(x || 0, y || 0);\n\t }\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t VisualBase.fn.redraw.call(this, options);\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT])) {\n\t this._drawPath();\n\t }\n\t if (this._diffNumericOptions(options, [X, Y])) {\n\t this._setPosition();\n\t }\n\t }\n\t },\n\n\t _initPath: function() {\n\t var options = this.options;\n\t this.drawingElement = new d.Path({\n\t stroke: options.stroke,\n\t closed: true\n\t });\n\n\t this._fill();\n\t this._drawPath();\n\t },\n\n\t _drawPath: function() {\n\t var drawingElement = this.drawingElement;\n\t var sizeOptions = sizeOptionsOrDefault(this.options);\n\t var width = sizeOptions.width;\n\t var height = sizeOptions.height;\n\n\t drawingElement.segments.elements([\n\t createSegment(0, 0),\n\t createSegment(width, 0),\n\t createSegment(width, height),\n\t createSegment(0, height)\n\t ]);\n\t }\n\t });\n\n\t var MarkerBase = VisualBase.extend({\n\t init: function(options) {\n\t VisualBase.fn.init.call(this, options);\n\t var anchor = this.options.anchor;\n\t this.anchor = new g.Point(anchor.x, anchor.y);\n\t this.createElement();\n\t },\n\n\t options: {\n\t stroke: {\n\t color: TRANSPARENT,\n\t width: 0\n\t },\n\t fill: {\n\t color: \"black\"\n\t }\n\t },\n\n\t _transformToPath: function(point, path) {\n\t var transform = path.transform();\n\t if (point && transform) {\n\t point = point.transformCopy(transform);\n\t }\n\t return point;\n\t },\n\n\t redraw: function(options) {\n\t if (options) {\n\t if (options.position) {\n\t this.options.position = options.position;\n\t }\n\n\t VisualBase.fn.redraw.call(this, options);\n\t }\n\t }\n\t });\n\n\t var CircleMarker = MarkerBase.extend({\n\t options: {\n\t radius: 4,\n\t anchor: {\n\t x: 0,\n\t y: 0\n\t }\n\t },\n\n\t createElement: function() {\n\t var options = this.options;\n\t this.drawingElement = new d.Circle(new g.Circle(this.anchor, options.radius), {\n\t fill: options.fill,\n\t stroke: options.stroke\n\t });\n\t },\n\n\t positionMarker: function(path) {\n\t var options = this.options;\n\t var position = options.position;\n\t var segments = path.segments;\n\t var targetSegment;\n\t var point;\n\n\t if (position == START) {\n\t targetSegment = segments[0];\n\t } else {\n\t targetSegment = segments[segments.length - 1];\n\t }\n\t if (targetSegment) {\n\t point = this._transformToPath(targetSegment.anchor(), path);\n\t this.drawingElement.transform(g.transform().translate(point.x, point.y));\n\t }\n\t }\n\t });\n\n\t var ArrowMarker = MarkerBase.extend({\n\t options: {\n\t path: \"M 0 0 L 10 5 L 0 10 L 3 5 z\" ,\n\t anchor: {\n\t x: 10,\n\t y: 5\n\t }\n\t },\n\n\t createElement: function() {\n\t var options = this.options;\n\t this.drawingElement = d.Path.parse(options.path, {\n\t fill: options.fill,\n\t stroke: options.stroke\n\t });\n\t },\n\n\t positionMarker: function(path) {\n\t var points = this._linePoints(path);\n\t var start = points.start;\n\t var end = points.end;\n\t var transform = g.transform();\n\t if (start) {\n\t transform.rotate(lineAngle(start, end), end);\n\t }\n\n\t if (end) {\n\t var anchor = this.anchor;\n\t var translate = end.clone().translate(-anchor.x, -anchor.y);\n\t transform.translate(translate.x, translate.y);\n\t }\n\t this.drawingElement.transform(transform);\n\t },\n\n\t _linePoints: function(path) {\n\t var options = this.options;\n\t var segments = path.segments;\n\t var startPoint, endPoint, targetSegment;\n\t if (options.position == START) {\n\t targetSegment = segments[0];\n\t if (targetSegment) {\n\t endPoint = targetSegment.anchor();\n\t startPoint = targetSegment.controlOut();\n\t var nextSegment = segments[1];\n\t if (!startPoint && nextSegment) {\n\t startPoint = nextSegment.anchor();\n\t }\n\t }\n\t } else {\n\t targetSegment = segments[segments.length - 1];\n\t if (targetSegment) {\n\t endPoint = targetSegment.anchor();\n\t startPoint = targetSegment.controlIn();\n\t var prevSegment = segments[segments.length - 2];\n\t if (!startPoint && prevSegment) {\n\t startPoint = prevSegment.anchor();\n\t }\n\t }\n\t }\n\t if (endPoint) {\n\t return {\n\t start: this._transformToPath(startPoint, path),\n\t end: this._transformToPath(endPoint, path)\n\t };\n\t }\n\t }\n\t });\n\n\t var MarkerPathMixin = {\n\t _getPath: function(position) {\n\t var path = this.drawingElement;\n\t if (path instanceof d.MultiPath) {\n\t if (position == START) {\n\t path = path.paths[0];\n\t } else {\n\t path = path.paths[path.paths.length - 1];\n\t }\n\t }\n\t if (path && path.segments.length) {\n\t return path;\n\t }\n\t },\n\n\t _normalizeMarkerOptions: function(options) {\n\t var startCap = options.startCap;\n\t var endCap = options.endCap;\n\n\t if (isString(startCap)) {\n\t options.startCap = {\n\t type: startCap\n\t };\n\t }\n\n\t if (isString(endCap)) {\n\t options.endCap = {\n\t type: endCap\n\t };\n\t }\n\t },\n\n\t _removeMarker: function(position) {\n\t var marker = this._markers[position];\n\t if (marker) {\n\t this.drawingContainer().remove(marker.drawingElement);\n\t delete this._markers[position];\n\t }\n\t },\n\n\t _createMarkers: function() {\n\t var options = this.options;\n\t this._normalizeMarkerOptions(options);\n\n\t this._markers = {};\n\t this._markers[START] = this._createMarker(options.startCap, START);\n\t this._markers[END] = this._createMarker(options.endCap, END);\n\t },\n\n\t _createMarker: function(options, position) {\n\t var type = (options || {}).type;\n\t var path = this._getPath(position);\n\t var markerType, marker;\n\t if (!path) {\n\t this._removeMarker(position);\n\t return;\n\t }\n\n\t if (type == Markers.filledCircle) {\n\t markerType = CircleMarker;\n\t } else if (type == Markers.arrowStart || type == Markers.arrowEnd){\n\t markerType = ArrowMarker;\n\t } else {\n\t this._removeMarker(position);\n\t }\n\t if (markerType) {\n\t marker = new markerType(deepExtend({}, options, {\n\t position: position\n\t }));\n\t marker.positionMarker(path);\n\t this.drawingContainer().append(marker.drawingElement);\n\n\t return marker;\n\t }\n\t },\n\n\t _positionMarker : function(position) {\n\t var marker = this._markers[position];\n\n\t if (marker) {\n\t var path = this._getPath(position);\n\t if (path) {\n\t marker.positionMarker(path);\n\t } else {\n\t this._removeMarker(position);\n\t }\n\t }\n\t },\n\n\t _capMap: {\n\t start: \"startCap\",\n\t end: \"endCap\"\n\t },\n\n\t _redrawMarker: function(pathChange, position, options) {\n\t this._normalizeMarkerOptions(options);\n\n\t var pathOptions = this.options;\n\t var cap = this._capMap[position];\n\t var pathCapType = (pathOptions[cap] || {}).type;\n\t var optionsCap = options[cap];\n\t var created = false;\n\t if (optionsCap) {\n\t pathOptions[cap] = deepExtend({}, pathOptions[cap], optionsCap);\n\t if (optionsCap.type && pathCapType != optionsCap.type) {\n\t this._removeMarker(position);\n\t this._markers[position] = this._createMarker(pathOptions[cap], position);\n\t created = true;\n\t } else if (this._markers[position]) {\n\t this._markers[position].redraw(optionsCap);\n\t }\n\t } else if (pathChange && !this._markers[position] && pathOptions[cap]) {\n\t this._markers[position] = this._createMarker(pathOptions[cap], position);\n\t created = true;\n\t }\n\t return created;\n\t },\n\n\t _redrawMarkers: function (pathChange, options) {\n\t if (!this._redrawMarker(pathChange, START, options) && pathChange) {\n\t this._positionMarker(START);\n\t }\n\t if (!this._redrawMarker(pathChange, END, options) && pathChange) {\n\t this._positionMarker(END);\n\t }\n\t }\n\t };\n\n\t var Path = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this.container = new d.Group();\n\t this._createElements();\n\t this._initSize();\n\t },\n\n\t options: {\n\t autoSize: true\n\t },\n\n\t drawingContainer: function() {\n\t return this.container;\n\t },\n\n\t data: function (value) {\n\t var options = this.options;\n\t if (value) {\n\t if (options.data != value) {\n\t options.data = value;\n\t this._setData(value);\n\t this._initSize();\n\t this._redrawMarkers(true, {});\n\t }\n\t } else {\n\t return options.data;\n\t }\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t VisualBase.fn.redraw.call(this, options);\n\n\t var pathOptions = this.options;\n\t var data = options.data;\n\n\t if (defined(data) && pathOptions.data != data) {\n\t pathOptions.data = data;\n\t this._setData(data);\n\t if (!this._updateSize(options)) {\n\t this._initSize();\n\t }\n\t this._redrawMarkers(true, options);\n\t } else {\n\t this._updateSize(options);\n\t this._redrawMarkers(false, options);\n\t }\n\t }\n\t },\n\n\t _createElements: function() {\n\t var options = this.options;\n\n\t this.drawingElement = d.Path.parse(options.data || \"\", {\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t this.container.append(this.drawingElement);\n\t this._createMarkers();\n\t },\n\n\t _setData: function(data) {\n\t var drawingElement = this.drawingElement;\n\t var multipath = d.Path.parse(data || \"\");\n\t var paths = multipath.paths.slice(0);\n\t multipath.paths.elements([]);\n\t drawingElement.paths.elements(paths);\n\t }\n\t });\n\n\t deepExtend(Path.fn, AutoSizeableMixin);\n\t deepExtend(Path.fn, MarkerPathMixin);\n\n\t var Line = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this.container = new d.Group();\n\t this._initPath();\n\t this._createMarkers();\n\t },\n\n\t drawingContainer: function() {\n\t return this.container;\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t options = options || {};\n\t var from = options.from;\n\t var to = options.to;\n\t if (from) {\n\t this.options.from = from;\n\t }\n\n\t if (to) {\n\t this.options.to = to;\n\t }\n\n\t if (from || to) {\n\t this._drawPath();\n\t this._redrawMarkers(true, options);\n\t } else {\n\t this._redrawMarkers(false, options);\n\t }\n\n\t VisualBase.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _initPath: function() {\n\t var options = this.options;\n\t var drawingElement = this.drawingElement = new d.Path({\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t this._drawPath();\n\t this.container.append(drawingElement);\n\t },\n\n\t _drawPath: function() {\n\t var options = this.options;\n\t var drawingElement = this.drawingElement;\n\t var from = options.from || new Point();\n\t var to = options.to || new Point();\n\n\t drawingElement.segments.elements([\n\t createSegment(from.x, from.y),\n\t createSegment(to.x, to.y)\n\t ]);\n\t }\n\t });\n\n\t deepExtend(Line.fn, MarkerPathMixin);\n\n\t var Polyline = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this.container = new d.Group();\n\t this._initPath();\n\t this._createMarkers();\n\t },\n\n\t drawingContainer: function() {\n\t return this.container;\n\t },\n\n\t points: function (points) {\n\t var options = this.options;\n\t if (points) {\n\t options.points = points;\n\t this._updatePath();\n\t } else {\n\t return options.points;\n\t }\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var points = options.points;\n\t VisualBase.fn.redraw.call(this, options);\n\n\t if (points && this._pointsDiffer(points)) {\n\t this.points(points);\n\t this._redrawMarkers(true, options);\n\t } else {\n\t this._redrawMarkers(false, options);\n\t }\n\t }\n\t },\n\n\t _initPath: function() {\n\t var options = this.options;\n\t this.drawingElement = new d.Path({\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t this.container.append(this.drawingElement);\n\n\t if (options.points) {\n\t this._updatePath();\n\t }\n\t },\n\n\t _pointsDiffer: function(points) {\n\t var currentPoints = this.options.points;\n\t var differ = currentPoints.length !== points.length;\n\t if (!differ) {\n\t for (var i = 0; i < points.length; i++) {\n\t if (currentPoints[i].x !== points[i].x || currentPoints[i].y !== points[i].y) {\n\t differ = true;\n\t break;\n\t }\n\t }\n\t }\n\n\t return differ;\n\t },\n\n\t _updatePath: function() {\n\t var drawingElement = this.drawingElement;\n\t var options = this.options;\n\t var points = options.points;\n\t var segments = [];\n\t var point;\n\t for (var i = 0; i < points.length; i++) {\n\t point = points[i];\n\t segments.push(createSegment(point.x, point.y));\n\t }\n\n\t drawingElement.segments.elements(segments);\n\t },\n\n\t options: {\n\t points: []\n\t }\n\t });\n\n\t deepExtend(Polyline.fn, MarkerPathMixin);\n\n\t var Image = Element.extend({\n\t init: function (options) {\n\t Element.fn.init.call(this, options);\n\n\t this._initImage();\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t if (options.source) {\n\t this.drawingElement.src(options.source);\n\t }\n\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT, X, Y])) {\n\t this.drawingElement.rect(this._rect());\n\t }\n\n\t Element.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _initImage: function() {\n\t var options = this.options;\n\t var rect = this._rect();\n\n\t this.drawingElement = new d.Image(options.source, rect, {});\n\t },\n\n\t _rect: function() {\n\t var sizeOptions = sizeOptionsOrDefault(this.options);\n\t var origin = new g.Point(sizeOptions.x, sizeOptions.y);\n\t var size = new g.Size(sizeOptions.width, sizeOptions.height);\n\n\t return new g.Rect(origin, size);\n\t }\n\t });\n\n\t var Group = Element.extend({\n\t init: function (options) {\n\t this.children = [];\n\t Element.fn.init.call(this, options);\n\t this.drawingElement = new d.Group();\n\t this._initSize();\n\t },\n\n\t options: {\n\t autoSize: false\n\t },\n\n\t append: function (visual) {\n\t this.drawingElement.append(visual.drawingContainer());\n\t this.children.push(visual);\n\t this._childrenChange = true;\n\t },\n\n\t remove: function (visual) {\n\t if (this._remove(visual)) {\n\t this._childrenChange = true;\n\t }\n\t },\n\n\t _remove: function(visual) {\n\t var index = inArray(visual, this.children);\n\t if (index >= 0) {\n\t this.drawingElement.removeAt(index);\n\t this.children.splice(index, 1);\n\t return true;\n\t }\n\t },\n\n\t clear: function () {\n\t this.drawingElement.clear();\n\t this.children = [];\n\t this._childrenChange = true;\n\t },\n\n\t toFront: function (visuals) {\n\t var visual;\n\n\t for (var i = 0; i < visuals.length; i++) {\n\t visual = visuals[i];\n\t if (this._remove(visual)) {\n\t this.append(visual);\n\t }\n\t }\n\t },\n\t //TO DO: add drawing group support for moving and inserting children\n\t toBack: function (visuals) {\n\t this._reorderChildren(visuals, 0);\n\t },\n\n\t toIndex: function (visuals, indices) {\n\t this._reorderChildren(visuals, indices);\n\t },\n\n\t _reorderChildren: function(visuals, indices) {\n\t var group = this.drawingElement;\n\t var drawingChildren = group.children.slice(0);\n\t var children = this.children;\n\t var fixedPosition = isNumber(indices);\n\t var i, index, toIndex, drawingElement, visual;\n\n\t for (i = 0; i < visuals.length; i++) {\n\t visual = visuals[i];\n\t drawingElement = visual.drawingContainer();\n\n\t index = inArray(visual, children);\n\t if (index >= 0) {\n\t drawingChildren.splice(index, 1);\n\t children.splice(index, 1);\n\n\t toIndex = fixedPosition ? indices : indices[i];\n\n\t drawingChildren.splice(toIndex, 0, drawingElement);\n\t children.splice(toIndex, 0, visual);\n\t }\n\t }\n\t group.clear();\n\t group.append.apply(group, drawingChildren);\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t if (this._childrenChange) {\n\t this._childrenChange = false;\n\t if (!this._updateSize(options)) {\n\t this._initSize();\n\t }\n\t } else {\n\t this._updateSize(options);\n\t }\n\n\t Element.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _boundingBox: function() {\n\t var children = this.children;\n\t var boundingBox;\n\t var visual, childBoundingBox;\n\t for (var i = 0; i < children.length; i++) {\n\t visual = children[i];\n\t if (visual.visible() && visual._includeInBBox !== false) {\n\t childBoundingBox = visual.drawingContainer().clippedBBox(null);\n\t if (childBoundingBox) {\n\t if (boundingBox) {\n\t boundingBox = g.Rect.union(boundingBox, childBoundingBox);\n\t } else {\n\t boundingBox = childBoundingBox;\n\t }\n\t }\n\t }\n\t }\n\n\t return boundingBox;\n\t }\n\t });\n\n\t deepExtend(Group.fn, AutoSizeableMixin);\n\n\t var Layout = Group.extend({\n\t init: function (rect, options) {\n\t this.children = [];\n\t Element.fn.init.call(this, options);\n\t this.drawingElement = new d.Layout(toDrawingRect(rect), options);\n\t this._initSize();\n\t },\n\n\t rect: function(rect) {\n\t if (rect) {\n\t this.drawingElement.rect(toDrawingRect(rect));\n\t } else {\n\t var drawingRect = this.drawingElement.rect();\n\t if (drawingRect) {\n\t return new Rect(drawingRect.origin.x, drawingRect.origin.y, drawingRect.size.width, drawingRect.size.height);\n\t }\n\t }\n\t },\n\n\t reflow: function() {\n\t this.drawingElement.reflow();\n\t },\n\n\t redraw: function (options) {\n\t kendo.deepExtend(this.drawingElement.options, options);\n\t Group.fn.redraw.call(this, options);\n\t }\n\t });\n\n\t var Circle = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this._initCircle();\n\t this._initSize();\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var circleOptions = this.options;\n\n\t if (options.center) {\n\t deepExtend(circleOptions, {\n\t center: options.center\n\t });\n\t this._center.move(circleOptions.center.x, circleOptions.center.y);\n\t }\n\n\t if (this._diffNumericOptions(options, [\"radius\"])) {\n\t this._circle.setRadius(circleOptions.radius);\n\t }\n\n\t this._updateSize(options);\n\n\t VisualBase.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _initCircle: function() {\n\t var options = this.options;\n\t var width = options.width;\n\t var height = options.height;\n\t var radius = options.radius;\n\t if (!defined(radius)) {\n\t if (!defined(width)) {\n\t width = height;\n\t }\n\t if (!defined(height)) {\n\t height = width;\n\t }\n\t options.radius = radius = Math.min(width, height) / 2;\n\t }\n\n\t var center = options.center || {x: radius, y: radius};\n\t this._center = new g.Point(center.x, center.y);\n\t this._circle = new g.Circle(this._center, radius);\n\t this.drawingElement = new d.Circle(this._circle, {\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t }\n\t });\n\t deepExtend(Circle.fn, AutoSizeableMixin);\n\n\t var Canvas = Class.extend({\n\t init: function (element, options) {\n\t options = options || {};\n\t this.element = element;\n\t this.surface = d.Surface.create(element, options);\n\t if (kendo.isFunction(this.surface.translate)) {\n\t this.translate = this._translate;\n\t }\n\n\t this.drawingElement = new d.Group();\n\t this._viewBox = new Rect(0, 0, options.width, options.height);\n\t this.size(this._viewBox);\n\t },\n\n\t bounds: function () {\n\t var box = this.drawingElement.clippedBBox();\n\t return new Rect(0, 0, box.width(), box.height());\n\t },\n\n\t size: function (size) {\n\t var viewBox = this._viewBox;\n\t if (defined(size)) {\n\t viewBox.width = size.width;\n\t viewBox.height = size.height;\n\t this.surface.setSize(size);\n\t }\n\t return {\n\t width: viewBox.width,\n\t height: viewBox.height\n\t };\n\t },\n\n\t _translate: function (x, y) {\n\t var viewBox = this._viewBox;\n\t if (defined(x) && defined(y)) {\n\t viewBox.x = x;\n\t viewBox.y = y;\n\t this.surface.translate({x: x, y: y});\n\t }\n\t return {\n\t x: viewBox.x,\n\t y: viewBox.y\n\t };\n\t },\n\n\t draw: function() {\n\t this.surface.draw(this.drawingElement);\n\t },\n\n\t append: function (visual) {\n\t this.drawingElement.append(visual.drawingContainer());\n\t return this;\n\t },\n\n\t remove: function (visual) {\n\t this.drawingElement.remove(visual.drawingContainer());\n\t },\n\n\t insertBefore: function () {\n\n\t },\n\n\t clear: function () {\n\t this.drawingElement.clear();\n\t },\n\n\t destroy: function(clearHtml) {\n\t this.surface.destroy();\n\t if(clearHtml) {\n\t $(this.element).remove();\n\t }\n\t }\n\t });\n\n\t // Helper functions ===========================================\n\n\t function sizeOptionsOrDefault(options) {\n\t return {\n\t x: options.x || 0,\n\t y: options.y || 0,\n\t width: options.width || 0,\n\t height: options.height || 0\n\t };\n\t }\n\n\t function normalizeDrawingOptions(options) {\n\t if (options) {\n\t var drawingOptions = options;\n\n\t if (isString(drawingOptions)) {\n\t drawingOptions = {\n\t color: drawingOptions\n\t };\n\t }\n\n\t if (drawingOptions.color) {\n\t drawingOptions.color = getColor(drawingOptions.color);\n\t }\n\t return drawingOptions;\n\t }\n\t }\n\n\t function getColor(value) {\n\t var color;\n\t if (value != TRANSPARENT) {\n\t color = new d.Color(value).toHex();\n\t } else {\n\t color = value;\n\t }\n\t return color;\n\t }\n\n\t function lineAngle(p1, p2) {\n\t var xDiff = p2.x - p1.x;\n\t var yDiff = p2.y - p1.y;\n\t var angle = d.util.deg(Math.atan2(yDiff, xDiff));\n\t return angle;\n\t }\n\n\t function createSegment(x, y) {\n\t return new d.Segment(new g.Point(x, y));\n\t }\n\n\t function toDrawingRect(rect) {\n\t if (rect) {\n\t return new g.Rect([rect.x, rect.y], [rect.width, rect.height]);\n\t }\n\t }\n\n\t // Exports ================================================================\n\t kendo.deepExtend(diagram, {\n\t init: function (element) {\n\t kendo.init(element, diagram.ui);\n\t },\n\t diffNumericOptions: diffNumericOptions,\n\t Element: Element,\n\t Scale: Scale,\n\t Translation: Translation,\n\t Rotation: Rotation,\n\t Circle: Circle,\n\t Group: Group,\n\t Rectangle: Rectangle,\n\t Canvas: Canvas,\n\t Path: Path,\n\t Layout: Layout,\n\t Line: Line,\n\t MarkerBase: MarkerBase,\n\t ArrowMarker: ArrowMarker,\n\t CircleMarker: CircleMarker,\n\t Polyline: Polyline,\n\t CompositeTransform: CompositeTransform,\n\t TextBlock: TextBlock,\n\t Image: Image,\n\t VisualBase: VisualBase\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","import '../../../src/stylus/components/_progress-circular.styl';\n// Mixins\nimport Colorable from '../../mixins/colorable';\nimport mixins from '../../util/mixins';\n/* @vue/component */\nexport default mixins(Colorable).extend({\n name: 'v-progress-circular',\n props: {\n button: Boolean,\n indeterminate: Boolean,\n rotate: {\n type: [Number, String],\n default: 0\n },\n size: {\n type: [Number, String],\n default: 32\n },\n width: {\n type: [Number, String],\n default: 4\n },\n value: {\n type: [Number, String],\n default: 0\n }\n },\n computed: {\n calculatedSize: function calculatedSize() {\n return Number(this.size) + (this.button ? 8 : 0);\n },\n circumference: function circumference() {\n return 2 * Math.PI * this.radius;\n },\n classes: function classes() {\n return {\n 'v-progress-circular--indeterminate': this.indeterminate,\n 'v-progress-circular--button': this.button\n };\n },\n normalizedValue: function normalizedValue() {\n if (this.value < 0) {\n return 0;\n }\n if (this.value > 100) {\n return 100;\n }\n return parseFloat(this.value);\n },\n radius: function radius() {\n return 20;\n },\n strokeDashArray: function strokeDashArray() {\n return Math.round(this.circumference * 1000) / 1000;\n },\n strokeDashOffset: function strokeDashOffset() {\n return (100 - this.normalizedValue) / 100 * this.circumference + 'px';\n },\n strokeWidth: function strokeWidth() {\n return Number(this.width) / +this.size * this.viewBoxSize * 2;\n },\n styles: function styles() {\n return {\n height: this.calculatedSize + 'px',\n width: this.calculatedSize + 'px'\n };\n },\n svgStyles: function svgStyles() {\n return {\n transform: 'rotate(' + Number(this.rotate) + 'deg)'\n };\n },\n viewBoxSize: function viewBoxSize() {\n return this.radius / (1 - Number(this.width) / +this.size);\n }\n },\n methods: {\n genCircle: function genCircle(h, name, offset) {\n return h('circle', {\n class: 'v-progress-circular__' + name,\n attrs: {\n fill: 'transparent',\n cx: 2 * this.viewBoxSize,\n cy: 2 * this.viewBoxSize,\n r: this.radius,\n 'stroke-width': this.strokeWidth,\n 'stroke-dasharray': this.strokeDashArray,\n 'stroke-dashoffset': offset\n }\n });\n },\n genSvg: function genSvg(h) {\n var children = [this.indeterminate || this.genCircle(h, 'underlay', 0), this.genCircle(h, 'overlay', this.strokeDashOffset)];\n return h('svg', {\n style: this.svgStyles,\n attrs: {\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: this.viewBoxSize + ' ' + this.viewBoxSize + ' ' + 2 * this.viewBoxSize + ' ' + 2 * this.viewBoxSize\n }\n }, children);\n }\n },\n render: function render(h) {\n var info = h('div', { staticClass: 'v-progress-circular__info' }, this.$slots.default);\n var svg = this.genSvg(h);\n return h('div', this.setTextColor(this.color, {\n staticClass: 'v-progress-circular',\n attrs: {\n 'role': 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue\n },\n class: this.classes,\n style: this.styles,\n on: this.$listeners\n }), [svg, info]);\n }\n});\n//# sourceMappingURL=VProgressCircular.js.map","'use strict';\n\nvar anObject = require('./_an-object');\nvar toLength = require('./_to-length');\nvar advanceStringIndex = require('./_advance-string-index');\nvar regExpExec = require('./_regexp-exec-abstract');\n\n// @@match logic\nrequire('./_fix-re-wks')('match', 1, function (defined, MATCH, $match, maybeCallNative) {\n return [\n // `String.prototype.match` method\n // https://tc39.github.io/ecma262/#sec-string.prototype.match\n function match(regexp) {\n var O = defined(this);\n var fn = regexp == undefined ? undefined : regexp[MATCH];\n return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));\n },\n // `RegExp.prototype[@@match]` method\n // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@match\n function (regexp) {\n var res = maybeCallNative($match, regexp, this);\n if (res.done) return res.value;\n var rx = anObject(regexp);\n var S = String(this);\n if (!rx.global) return regExpExec(rx, S);\n var fullUnicode = rx.unicode;\n rx.lastIndex = 0;\n var A = [];\n var n = 0;\n var result;\n while ((result = regExpExec(rx, S)) !== null) {\n var matchStr = String(result[0]);\n A[n] = matchStr;\n if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n n++;\n }\n return n === 0 ? null : A;\n }\n ];\n});\n","var ctx = require('./_ctx');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar anObject = require('./_an-object');\nvar toLength = require('./_to-length');\nvar getIterFn = require('./core.get-iterator-method');\nvar BREAK = {};\nvar RETURN = {};\nvar exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {\n var iterFn = ITERATOR ? function () { return iterable; } : getIterFn(iterable);\n var f = ctx(fn, that, entries ? 2 : 1);\n var index = 0;\n var length, step, iterator, result;\n if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');\n // fast case for arrays with default iterator\n if (isArrayIter(iterFn)) for (length = toLength(iterable.length); length > index; index++) {\n result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);\n if (result === BREAK || result === RETURN) return result;\n } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {\n result = call(iterator, f, step.value, entries);\n if (result === BREAK || result === RETURN) return result;\n }\n};\nexports.BREAK = BREAK;\nexports.RETURN = RETURN;\n","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(1200);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 1005:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"jquery\");\n\n/***/ }),\n\n/***/ 1015:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.data\");\n\n/***/ }),\n\n/***/ 1030:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.selectable\");\n\n/***/ }),\n\n/***/ 1043:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.filtermenu\");\n\n/***/ }),\n\n/***/ 1142:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.resizable\");\n\n/***/ }),\n\n/***/ 1143:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.window\");\n\n/***/ }),\n\n/***/ 1193:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.pdf\");\n\n/***/ }),\n\n/***/ 1196:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.columnsorter\");\n\n/***/ }),\n\n/***/ 1198:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.editable\");\n\n/***/ }),\n\n/***/ 1200:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(jQuery) {(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(1015),\n\t __webpack_require__(1196),\n\t __webpack_require__(1198),\n\t __webpack_require__(1143),\n\t __webpack_require__(1043),\n\t __webpack_require__(1202),\n\t __webpack_require__(1203),\n\t __webpack_require__(1204),\n\t __webpack_require__(1030),\n\t __webpack_require__(1205),\n\t __webpack_require__(1201),\n\t __webpack_require__(1142),\n\t __webpack_require__(1206),\n\t __webpack_require__(1207),\n\t __webpack_require__(1208),\n\t __webpack_require__(1209),\n\t __webpack_require__(1193),\n\t __webpack_require__(1210),\n\t __webpack_require__(1208),\n\t __webpack_require__(1211)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\tvar __meta__ = { // jshint ignore:line\n\t id: \"grid\",\n\t name: \"Grid\",\n\t category: \"web\",\n\t description: \"The Grid widget displays tabular data and offers rich support for interacting with data,including paging, sorting, grouping, and selection.\",\n\t depends: [ \"data\", \"columnsorter\", \"sortable\" ],\n\t features: [ {\n\t id: \"grid-editing\",\n\t name: \"Editing\",\n\t description: \"Support for record editing\",\n\t depends: [ \"editable\", \"window\" ]\n\t }, {\n\t id: \"grid-filtering\",\n\t name: \"Filtering\",\n\t description: \"Support for record filtering\",\n\t depends: [ \"filtermenu\" ]\n\t }, {\n\t id: \"grid-columnmenu\",\n\t name: \"Column menu\",\n\t description: \"Support for header column menu\",\n\t depends: [ \"columnmenu\" ]\n\t }, {\n\t id: \"grid-grouping\",\n\t name: \"Grouping\",\n\t description: \"Support for grid grouping\",\n\t depends: [ \"groupable\" ]\n\t }, {\n\t id: \"grid-filtercell\",\n\t name: \"Row filter\",\n\t description: \"Support for grid header filtering\",\n\t depends: [ \"filtercell\" ]\n\t }, {\n\t id: \"grid-paging\",\n\t name: \"Paging\",\n\t description: \"Support for grid paging\",\n\t depends: [ \"pager\" ]\n\t }, {\n\t id: \"grid-selection\",\n\t name: \"Selection\",\n\t description: \"Support for row selection\",\n\t depends: [ \"selectable\" ]\n\t }, {\n\t id: \"grid-column-reorder\",\n\t name: \"Column reordering\",\n\t description: \"Support for column reordering\",\n\t depends: [ \"reorderable\" ]\n\t }, {\n\t id: \"grid-column-resize\",\n\t name: \"Column resizing\",\n\t description: \"Support for column resizing\",\n\t depends: [ \"resizable\" ]\n\t }, {\n\t id: \"grid-mobile\",\n\t name: \"Grid adaptive rendering\",\n\t description: \"Support for adaptive rendering\",\n\t depends: [ \"dialog\", \"pane\", \"switch\" ]\n\t }, {\n\t id: \"grid-excel-export\",\n\t name: \"Excel export\",\n\t description: \"Export grid data as Excel spreadsheet\",\n\t depends: [ \"excel\" ]\n\t }, {\n\t id: \"grid-pdf-export\",\n\t name: \"PDF export\",\n\t description: \"Export grid data as PDF\",\n\t depends: [ \"pdf\", \"drawing\", \"progressbar\" ]\n\t } ]\n\t};\n\n\t/* jshint eqnull: true */\n\t(function($, undefined) {\n\t var kendo = window.kendo,\n\t ui = kendo.ui,\n\t DataSource = kendo.data.DataSource,\n\t ObservableObject = kendo.data.ObservableObject,\n\t tbodySupportsInnerHtml = kendo.support.tbodyInnerHtml,\n\t activeElement = kendo._activeElement,\n\t Widget = ui.Widget,\n\t outerWidth = kendo._outerWidth,\n\t outerHeight = kendo._outerHeight,\n\t keys = kendo.keys,\n\n\t isPlainObject = $.isPlainObject,\n\t extend = $.extend,\n\t map = $.map,\n\t grep = $.grep,\n\t isArray = $.isArray,\n\t inArray = $.inArray,\n\t push = Array.prototype.push,\n\t proxy = $.proxy,\n\t isFunction = kendo.isFunction,\n\t isEmptyObject = $.isEmptyObject,\n\t contains = $.contains,\n\t math = Math,\n\n\t DOT = \".\",\n\t PROGRESS = \"progress\",\n\t ERROR = \"error\",\n\t HIERARCHY_CELL_CLASS = \"k-hierarchy-cell\",\n\t DATA_CELL = \":not(.k-group-cell):not(.k-hierarchy-cell:not(:has(.k-icon.k-i-collapse,.k-icon.k-i-expand))):visible\",\n\t SELECTION_CELL_SELECTOR = \"tbody>tr:not(.k-grouping-row):not(.k-detail-row):not(.k-group-footer) > td:not(.k-group-cell):not(.k-hierarchy-cell)\",\n\t NAVROW = \"tr:not(.k-footer-template):visible\",\n\t NAVCELL = \":not(.k-group-cell):not(.k-detail-cell):not(.k-hierarchy-cell):visible\",\n\t ITEMROW = \"tr:not(.k-grouping-row):not(.k-detail-row):not(.k-footer-template):not(.k-group-footer):visible\",\n\t FIRSTITEMROW = ITEMROW + \":first\",\n\t LASTITEMROW = ITEMROW + \":last\",\n\t FIRSTNAVITEM = NAVROW + \":first>\" + NAVCELL + \":first\",\n\t HEADERCELLS = \"th.k-header:not(.k-group-cell):not(.k-hierarchy-cell)\",\n\t NS = \".kendoGrid\",\n\t CONTENTRLOCKEDCONTAINER = \"k-grid-content-locked\",\n\t GROUPCELLCLASS = \"k-group-cell\",\n\n\t EDIT = \"edit\",\n\t BEFOREEDIT = \"beforeEdit\",\n\t SAVE = \"save\",\n\t REMOVE = \"remove\",\n\t DETAILINIT = \"detailInit\",\n\t FILTERMENUINIT = \"filterMenuInit\",\n\t COLUMNMENUINIT = \"columnMenuInit\",\n\t FILTERMENUOPEN = \"filterMenuOpen\",\n\t COLUMNMENUOPEN = \"columnMenuOpen\",\n\t CELLCLOSE = \"cellClose\",\n\t CHANGE = \"change\",\n\t COLUMNHIDE = \"columnHide\",\n\t COLUMNSHOW = \"columnShow\",\n\t SAVECHANGES = \"saveChanges\",\n\t DATABOUND = \"dataBound\",\n\t DETAILEXPAND = \"detailExpand\",\n\t DETAILCOLLAPSE = \"detailCollapse\",\n\t ITEM_CHANGE = \"itemchange\",\n\t PAGE = \"page\",\n\t PAGING = \"paging\",\n\t SCROLL = \"scroll\",\n\t SYNC = \"sync\",\n\n\t FOCUSED = \"k-state-focused\",\n\t FOCUSABLE = \":kendoFocusable\",\n\t SELECTED = \"k-state-selected\",\n\t CHECKBOX = \"k-checkbox\",\n\t CHECKBOXINPUT = \"input[data-role='checkbox'].\" + CHECKBOX,\n\t NORECORDSCLASS = \"k-grid-norecords\",\n\t LINK_CLASS = \"k-link\",\n\t ICON_CLASS = \"k-icon\",\n\t ORDER_CLASS = \"k-sort-order\",\n\t HEADER_COLUMN_MENU_CLASS = \"k-header-column-menu\",\n\t FILTER_MENU_CLASS = \"k-grid-filter\",\n\t RESIZE = \"resize\",\n\t COLUMNRESIZE = \"columnResize\",\n\t COLUMNREORDER = \"columnReorder\",\n\t COLUMNLOCK = \"columnLock\",\n\t COLUMNUNLOCK = \"columnUnlock\",\n\t NAVIGATE = \"navigate\",\n\t CLICK = \"click\",\n\t MOUSEDOWN = \"mousedown\",\n\t HEIGHT = \"height\",\n\t TABINDEX = \"tabIndex\",\n\t FUNCTION = \"function\",\n\t STRING = \"string\",\n\t BOTTOM = \"bottom\",\n\t CONTAINER_FOR = \"container-for\",\n\t FIELD = \"field\",\n\t INPUT = \"input\",\n\t INCELL = \"incell\",\n\t INLINE = \"inline\",\n\t UNIQUE_ID = \"uid\",\n\t MINCOLSPANVALUE = 1,\n\t COLSPAN = \"colSpan\",\n\t OVERFLOW = \"overflow\",\n\t HIDDEN = \"hidden\",\n\n\t GROUP_SORT = \"group-sort\",\n\t DELETECONFIRM = \"Are you sure you want to delete this record?\",\n\t NORECORDS = \"No records available.\",\n\t CONFIRMDELETE = \"Delete\",\n\t CANCELDELETE = \"Cancel\",\n\t COLLAPSE = \"Collapse\",\n\t EXPAND = \"Expand\",\n\t ARIALABEL = \"aria-label\",\n\t formatRegExp = /(\\}|\\#)/ig,\n\t templateHashRegExp = /#/ig,\n\t whitespaceRegExp = \"[\\\\x20\\\\t\\\\r\\\\n\\\\f]\",\n\t nonDataCellsRegExp = new RegExp(\"(^|\" + whitespaceRegExp + \")\" + \"(k-group-cell|k-hierarchy-cell)\" + \"(\" + whitespaceRegExp + \"|$)\"),\n\t filterRowRegExp = new RegExp(\"(^|\" + whitespaceRegExp + \")\" + \"(k-filter-row)\" + \"(\" + whitespaceRegExp + \"|$)\"),\n\t COMMANDBUTTONTMPL = '# if (iconClass) {#' +\n\t '#=text#' +\n\t '# } else { #' +\n\t '#=text#' +\n\t '# } #',\n\t SELECTCOLUMNTMPL = '# var checkboxGuid = kendo.guid(); #' +\n\t '' +\n\t '',\n\t SELECTCOLUMNHEADERTMPL = '# var checkboxGuid = kendo.guid(); #' +\n\t '' +\n\t '',\n\t isRtl = false,\n\t browser = kendo.support.browser,\n\t isIE7 = browser.msie && browser.version == 7,\n\t isIE8 = browser.msie && browser.version == 8;\n\t var isIE11 = browser.msie && browser.version === 11;\n\t var isMac = /Mac OS/.test(navigator.userAgent);\n\t var classNames = {\n\t content: \"k-content\",\n\t widget: \"k-widget\",\n\t scrollContainer: \"k-scroll-container\"\n\t };\n\n\t var VirtualScrollable = Widget.extend({\n\t init: function(element, options) {\n\t var that = this;\n\n\t Widget.fn.init.call(that, element, options);\n\t that._refreshHandler = proxy(that.refresh, that);\n\t that.setDataSource(options.dataSource);\n\t that.wrap();\n\t },\n\n\t setDataSource: function(dataSource) {\n\t var that = this;\n\t if (that.dataSource) {\n\t that.dataSource.unbind(CHANGE, that._refreshHandler);\n\t }\n\t that.dataSource = dataSource;\n\t that.dataSource.bind(CHANGE, that._refreshHandler);\n\t that.dataSource.options.useRanges = true;\n\t },\n\n\t options: {\n\t name: \"VirtualScrollable\",\n\t itemHeight: $.noop,\n\t prefetch: true,\n\t maxScrollHeight: 250000\n\t },\n\n\t events: [\n\t PAGING,\n\t PAGE,\n\t SCROLL\n\t ],\n\n\t destroy: function() {\n\t var that = this;\n\n\t Widget.fn.destroy.call(that);\n\n\t that.dataSource.unbind(CHANGE, that._refreshHandler);\n\t that.wrapper.add(that.verticalScrollbar).off(NS);\n\n\t clearTimeout(that._timeout);\n\t if (that._scrollingTimeout) {\n\t clearTimeout(that._scrollingTimeout);\n\t }\n\n\t if (that.drag) {\n\t that.drag.destroy();\n\t that.drag = null;\n\t }\n\t that.wrapper = that.element = that.verticalScrollbar = null;\n\t that._refreshHandler = null;\n\t },\n\n\t wrap: function() {\n\t var that = this,\n\t // workaround for IE issue where scroll is not raised if container is same width as the scrollbar\n\t scrollbar = kendo.support.scrollbar() + 1,\n\t element = that.element,\n\t wrapper;\n\n\t element.css( {\n\t width: \"auto\",\n\t overflow: \"hidden\"\n\t }).css((isRtl ? \"padding-left\" : \"padding-right\"), scrollbar);\n\t that.content = element.children().first();\n\t wrapper = that.wrapper = that.content.wrap('')\n\t .parent()\n\t .bind(\"DOMMouseScroll\" + NS + \" mousewheel\" + NS, proxy(that._wheelScroll, that));\n\t that._wrapper();\n\n\t if (kendo.support.kineticScrollNeeded) {\n\t that.drag = new kendo.UserEvents(that.wrapper, {\n\t global: true,\n\t allowSelection: true,\n\t start: function(e) {\n\t e.sender.capture();\n\t },\n\t move: function(e) {\n\t that.verticalScrollbar.scrollTop(that.verticalScrollbar.scrollTop() - e.y.delta);\n\t wrapper.scrollLeft(wrapper.scrollLeft() - e.x.delta);\n\t e.preventDefault();\n\t }\n\t });\n\t }\n\n\t that.verticalScrollbar = $('
')\n\t .css({\n\t width: scrollbar\n\t }).appendTo(element)\n\t .bind(\"scroll\" + NS, proxy(that._scroll, that));\n\t },\n\n\t _wrapper: function() {\n\t var that = this;\n\n\t if (isIE11) {\n\t //scrolling the virtual scrollbar to the bottom and then\n\t //scrolling the horizontal content scrollbar does not fire the \"scroll\" event\n\t //seems like a problem in IE 11 only (after version 11.0.9600.18860)\n\t //https://github.com/telerik/kendo-ui-core/issues/3779\n\t that.wrapper.css({\n\t \"overflow-y\": SCROLL\n\t });\n\n\t //hide the wrapper behind the virtual scrollbar\n\t that.element.css((isRtl ? \"padding-left\" : \"padding-right\"), 0);\n\t }\n\t },\n\n\t _wheelScroll: function (e) {\n\t if (e.ctrlKey) {\n\t return;\n\t }\n\n\t var scrollbar = this.verticalScrollbar,\n\t scrollTop = scrollbar.scrollTop(),\n\t delta = kendo.wheelDeltaY(e);\n\n\t if (delta && !(delta > 0 && scrollTop === 0) && !(delta < 0 && scrollTop + scrollbar[0].clientHeight == scrollbar[0].scrollHeight)) {\n\t e.preventDefault();\n\t this.verticalScrollbar.scrollTop(scrollTop + (-delta));\n\t }\n\t },\n\n\t _scroll: function(e) {\n\t var that = this,\n\t delayLoading = !that.options.prefetch,\n\t scrollTop = e.currentTarget.scrollTop,\n\t dataSource = that.dataSource,\n\t rowHeight = that.itemHeight,\n\t skip = dataSource.skip() || 0,\n\t start = that._rangeStart || skip,\n\t height = that.element.innerHeight(),\n\t isScrollingUp = !!(that._scrollbarTop && that._scrollbarTop > scrollTop),\n\t firstItemIndex = math.max(math.floor(scrollTop / rowHeight), 0),\n\t lastItemOffset = isScrollingUp ? math.ceil(height / rowHeight) : math.floor(height / rowHeight),\n\t lastItemIndex = math.max(firstItemIndex + lastItemOffset, 0);\n\n\t if (that._preventScroll) {\n\t that._preventScroll = false;\n\t return;\n\t }\n\n\t that._scrollTop = scrollTop - (start * rowHeight);\n\t that._scrollbarTop = scrollTop;\n\n\t that._scrolling = delayLoading;\n\n\t if (!that._fetch(firstItemIndex, lastItemIndex, isScrollingUp)) {\n\t that.wrapper[0].scrollTop = that._scrollTop;\n\t }\n\n\t that.trigger(SCROLL);\n\n\t if (delayLoading) {\n\t if (that._scrollingTimeout) {\n\t clearTimeout(that._scrollingTimeout);\n\t }\n\n\t that._scrollingTimeout = setTimeout(function() {\n\t that._scrolling = false;\n\t that._page(that._rangeStart, that.dataSource.take());\n\t }, 100);\n\t }\n\t },\n\n\t scrollToTop: function() {\n\t this._scrollTo(0);\n\t },\n\n\t scrollToBottom: function() {\n\t var scrollbar = this.verticalScrollbar;\n\t this._scrollTo(scrollbar[0].scrollHeight - scrollbar.height());\n\t },\n\n\t _scrollWrapperToTop: function() {\n\t this.wrapper.scrollTop(0);\n\t },\n\n\t _scrollWrapperToBottom: function() {\n\t this.wrapper.scrollTop(this.wrapper[0].scrollHeight);\n\t },\n\n\t _scrollWrapperOnColumnResize: function() {\n\t var that = this;\n\t var wrapper = this.wrapper;\n\t var initialScrollTop = wrapper.scrollTop();\n\n\t if (wrapper[0].scrollWidth > wrapper[0].clientWidth) {\n\t if ((!that._wrapperScrolled && initialScrollTop) || that._isScrolledToBottom()) {\n\t wrapper.scrollTop(initialScrollTop + kendo.support.scrollbar());\n\t that._scrollTop = wrapper.scrollTop();\n\t that._wrapperScrolled = true;\n\t }\n\t } else if (that._wrapperScrolled) {\n\t if (!that._isWrapperScrolledToBottom()) {\n\t wrapper.scrollTop(initialScrollTop - kendo.support.scrollbar());\n\t that._scrollTop = wrapper.scrollTop();\n\t }\n\n\t that._wrapperScrolled = false;\n\t }\n\t },\n\n\t _scrollTo: function(scrollTop) {\n\t var that = this;\n\t var scrollbar = that.verticalScrollbar;\n\n\t if (scrollbar.scrollTop() !== scrollTop) {\n\t that._preventScroll = true;\n\t }\n\n\t that.wrapper.scrollTop(scrollTop);\n\t that._scrollTop = that.wrapper.scrollTop();\n\n\t scrollbar.scrollTop(scrollTop);\n\t that._scrollbarTop = scrollbar.scrollTop();\n\t },\n\n\t _isScrolledToTop: function() {\n\t return this.verticalScrollbar.scrollTop() === 0;\n\t },\n\n\t _isScrolledToBottom: function() {\n\t var scrollbar = this.verticalScrollbar;\n\t var scrollTop = scrollbar.scrollTop();\n\n\t return (scrollTop > 0 && scrollTop >= parseInt(scrollbar[0].scrollHeight - scrollbar.height(), 10));\n\t },\n\n\t _isWrapperScrolledToBottom: function() {\n\t var wrapper = this.wrapper;\n\n\t return (wrapper.scrollTop() >= parseInt(wrapper[0].scrollHeight - wrapper.height(), 10));\n\t },\n\n\t itemIndex: function(rowIndex) {\n\t var rangeStart = this._rangeStart || this.dataSource.skip() || 0;\n\n\t return rangeStart + rowIndex;\n\t },\n\n\t _isElementVisible: function(element) {\n\t return this._isElementVisibleInWrapper(element);\n\t },\n\n\t _isElementVisibleInWrapper: function(element) {\n\t var that = this;\n\t var wrapper = that.wrapper;\n\t var offsetTop;\n\t var halfHeight;\n\n\t element = $(element);\n\n\t if (element[0] && contains(wrapper[0], element[0])) {\n\t offsetTop = element.offset().top - wrapper.offset().top;\n\t halfHeight = element.outerHeight() / 2;\n\n\t if ((offsetTop >= 0 || math.abs(offsetTop) <= halfHeight) && (math.floor(offsetTop + halfHeight) <= wrapper.height())) {\n\t return true;\n\t }\n\t }\n\n\t return false;\n\t },\n\n\t position: function(index) {\n\t var rangeStart = this._rangeStart || this.dataSource.skip() || 0;\n\t var pageSize = this.dataSource.pageSize();\n\t var result;\n\n\t if (index > rangeStart) {\n\t result = index - rangeStart + 1;\n\t } else {\n\t result = rangeStart - index - 1;\n\t }\n\n\t return result > pageSize ? pageSize : result;\n\t },\n\n\t scrollIntoView: function(row) {\n\t var container = this.wrapper[0];\n\t var containerHeight = container.clientHeight;\n\t var containerScroll = !this._isScrolledToBottom() ? (this._scrollTop || container.scrollTop) : container.scrollTop;\n\t var elementOffset = row[0].offsetTop;\n\t var elementHeight = row[0].offsetHeight;\n\n\t if (containerScroll > elementOffset) {\n\t this.verticalScrollbar[0].scrollTop -= containerHeight / 2;\n\t } else if (elementOffset + elementHeight >= containerScroll + containerHeight) {\n\t this.verticalScrollbar[0].scrollTop += containerHeight / 2;\n\t }\n\t },\n\n\t _fetch: function(firstItemIndex, lastItemIndex, scrollingUp) {\n\t var that = this,\n\t dataSource = that.dataSource,\n\t itemHeight = that.itemHeight,\n\t take = dataSource.take(),\n\t rangeStart = that._rangeStart || dataSource.skip() || 0,\n\t currentSkip = math.floor(firstItemIndex / take) * take,\n\t fetching = false,\n\t prefetchAt = 0.33;\n\t var scrollbar = that.verticalScrollbar;\n\t var webkitCorrection = browser.webkit ? 1 : 0;\n\n\t if (firstItemIndex < rangeStart) {\n\n\t fetching = true;\n\t rangeStart = math.max(0, lastItemIndex - take);\n\t that._scrollTop = scrollbar.scrollTop() - (rangeStart * itemHeight);\n\t that._page(rangeStart, take);\n\n\t } else if (lastItemIndex >= rangeStart + take && !scrollingUp) {\n\n\t fetching = true;\n\t rangeStart = math.min(firstItemIndex, dataSource.total() - take);\n\n\t //ensure the scrollbar can be scrolled to bottom with mouse drag\n\t if (scrollbar.scrollTop() >= scrollbar[0].scrollHeight - scrollbar[0].offsetHeight - webkitCorrection) {\n\t that._scrollTop = that.wrapper[0].scrollHeight - that.wrapper[0].offsetHeight;\n\t } else {\n\t that._scrollTop = itemHeight;\n\t }\n\n\t that._page(rangeStart, take);\n\n\t } else if (!that._fetching && that.options.prefetch) {\n\n\t if (firstItemIndex < (currentSkip + take) - take * prefetchAt && firstItemIndex > take) {\n\t dataSource.prefetch(currentSkip - take, take, $.noop);\n\t }\n\t if (lastItemIndex > currentSkip + take * prefetchAt) {\n\t dataSource.prefetch(currentSkip + take, take, $.noop);\n\t }\n\n\t }\n\t return fetching;\n\t },\n\n\t fetching: function() {\n\t return this._fetching;\n\t },\n\n\t _page: function(skip, take, callback) {\n\t var that = this,\n\t delayLoading = !that.options.prefetch,\n\t dataSource = that.dataSource;\n\t callback = isFunction(callback) ? callback : $.noop;\n\n\t if (that.trigger(PAGING, { skip: skip, take: take })) {\n\t return;\n\t }\n\n\t clearTimeout(that._timeout);\n\t that._fetching = true;\n\t that._rangeStart = skip;\n\n\t if (dataSource.inRange(skip, take)) {\n\t kendo.ui.progress($(that.wrapper).parent(), true);\n\n\t dataSource.range(skip, take, function() {\n\t kendo.ui.progress($(that.wrapper).parent(), false);\n\t callback();\n\t that.trigger(PAGE);\n\t });\n\t } else {\n\t if (!delayLoading) {\n\t kendo.ui.progress(that.wrapper.parent(), true);\n\t }\n\n\t that._timeout = setTimeout(function() {\n\t if (!that._scrolling) {\n\n\t if (delayLoading) {\n\t kendo.ui.progress(that.wrapper.parent(), true);\n\t }\n\n\t dataSource.range(skip, take, function() {\n\t kendo.ui.progress(that.wrapper.parent(), false);\n\t callback();\n\t that.trigger(PAGE);\n\t });\n\t }\n\t }, 100);\n\t }\n\t },\n\n\t repaintScrollbar: function(shouldScrollWrapper) {\n\t var that = this,\n\t html = \"\",\n\t maxHeight = that.options.maxScrollHeight,\n\t dataSource = that.dataSource,\n\t scrollbar = !kendo.support.kineticScrollNeeded ? kendo.support.scrollbar() : 0,\n\t wrapperElement = that.wrapper[0],\n\t totalHeight,\n\t idx,\n\t itemHeight;\n\t var wasScrolledToBottom = that._isScrolledToBottom();\n\n\t itemHeight = that.itemHeight = that.options.itemHeight() || 0;\n\n\t var addScrollBarHeight = (wrapperElement.scrollWidth > wrapperElement.offsetWidth) ? scrollbar : 0;\n\n\t totalHeight = dataSource.total() * itemHeight + addScrollBarHeight;\n\n\t for (idx = 0; idx < math.floor(totalHeight / maxHeight) ; idx++) {\n\t html += '
';\n\t }\n\n\t if (totalHeight % maxHeight) {\n\t html += '
';\n\t }\n\n\t that.verticalScrollbar.html(html);\n\n\t if (wasScrolledToBottom && !that._isScrolledToBottom()) {\n\t that.scrollToBottom();\n\t }\n\n\t if (typeof(that._scrollTop) !== \"undefined\" && !!shouldScrollWrapper) {\n\t wrapperElement.scrollTop = that._scrollTop;\n\t that._scrollWrapperOnColumnResize();\n\t }\n\t },\n\n\t refresh: function(e) {\n\t var that = this,\n\t dataSource = that.dataSource,\n\t rangeStart = that._rangeStart;\n\t var action = (e || {}).action;\n\t var shouldScrollWrapper = that._isScrolledToBottom() || !action || (action !== ITEM_CHANGE && action !== REMOVE && action !== SYNC);\n\n\t kendo.ui.progress(that.wrapper.parent(), false);\n\t clearTimeout(that._timeout);\n\n\t that.repaintScrollbar(shouldScrollWrapper);\n\n\t if (that.drag) {\n\t that.drag.cancel();\n\t }\n\n\t if (typeof(rangeStart) !== \"undefined\" && !that._fetching) { // we are rebound from outside local range should be reset\n\t if (!action || (action !== SYNC && action !== ITEM_CHANGE)) {\n\t that._rangeStart = dataSource.skip();\n\t }\n\n\t if (dataSource.page() === 1 && (!action || (action !== SYNC && action !== ITEM_CHANGE))) {\n\t // reset the scrollbar position if datasource is filtered\n\t that.verticalScrollbar[0].scrollTop = 0;\n\t }\n\t }\n\n\t that._fetching = false;\n\t }\n\t });\n\n\t function attrEquals(attrName, attrValue) {\n\t return \"[\" + kendo.attr(attrName) + \"=\" + attrValue + \"]\";\n\t }\n\n\t function groupCells(count) {\n\t return new Array(count + 1).join('
| ');\n\t }\n\n\t function stringifyAttributes(attributes) {\n\t var attr,\n\t result = \" \";\n\n\t if (attributes) {\n\t if (typeof attributes === STRING) {\n\t return attributes;\n\t }\n\n\t for (attr in attributes) {\n\t if (attributes[attr] !== '') {\n\t result += attr + '=\"' + attributes[attr] + '\"';\n\t }\n\t }\n\t }\n\t return result;\n\t }\n\n\t var defaultCommands = {\n\t create: {\n\t text: \"Add new record\",\n\t className: \"k-grid-add\",\n\t iconClass: \"k-icon k-i-plus\"\n\t },\n\t cancel: {\n\t text: \"Cancel changes\",\n\t className: \"k-grid-cancel-changes\",\n\t iconClass: \"k-icon k-i-cancel\"\n\t },\n\t save: {\n\t text: \"Save changes\",\n\t className: \"k-grid-save-changes\",\n\t iconClass: \"k-icon k-i-check\"\n\t },\n\t destroy: {\n\t text: \"Delete\",\n\t className: \"k-grid-delete\",\n\t iconClass: \"k-icon k-i-close\"\n\t },\n\t edit: {\n\t text: \"Edit\",\n\t className: \"k-grid-edit\",\n\t iconClass: \"k-icon k-i-edit\"\n\t },\n\t update: {\n\t text: \"Update\",\n\t className: \"k-primary k-grid-update\",\n\t iconClass: \"k-icon k-i-check\"\n\t },\n\t canceledit: {\n\t text: \"Cancel\",\n\t className: \"k-grid-cancel\",\n\t iconClass: \"k-icon k-i-cancel\"\n\t },\n\t excel: {\n\t text: \"Export to Excel\",\n\t className: \"k-grid-excel\",\n\t iconClass: \"k-icon k-i-file-excel\"\n\t },\n\t pdf: {\n\t text: \"Export to PDF\",\n\t className: \"k-grid-pdf\",\n\t iconClass: \"k-icon k-i-file-pdf\"\n\t }\n\t };\n\n\t function cursor(context, value) {\n\t $('th, th .k-grid-filter, th .k-link', context)\n\t .add(document.body)\n\t .css('cursor', value);\n\t }\n\n\t function reorder(selector, source, dest, before, count) {\n\t var sourceIndex = source;\n\t source = $();\n\t count = count || 1;\n\t for (var idx = 0; idx < count; idx++) {\n\t source = source.add(selector.eq(sourceIndex + idx));\n\t }\n\n\t if (typeof dest == \"number\") {\n\t source[before ? \"insertBefore\" : \"insertAfter\"](selector.eq(dest));\n\t } else {\n\t source.appendTo(dest);\n\t }\n\t }\n\n\t function elements(lockedContent, content, filter) {\n\t return $(lockedContent).add(content).find(filter);\n\t }\n\n\t function attachCustomCommandEvent(context, container, commands) {\n\t var idx,\n\t length,\n\t command,\n\t commandName;\n\n\t commands = !isArray(commands) ? [commands] : commands;\n\n\t for (idx = 0, length = commands.length; idx < length; idx++) {\n\t command = commands[idx];\n\n\t if (isPlainObject(command) && command.click) {\n\t commandName = command.name || command.text;\n\t container.on(CLICK + NS, \"a.k-grid-\" + (commandName || \"\").replace(/\\s/g, \"\"), { commandName: commandName }, proxy(command.click, context));\n\t }\n\t }\n\t }\n\n\t function normalizeColumns(columns, encoded, hide, parentIds) {\n\t return map(columns, function(column) {\n\t column = typeof column === STRING ? { field: column } : column;\n\n\t var hidden;\n\t column.parentIds = parentIds;\n\n\t if (!isVisible(column) || hide) {\n\t column.attributes = addHiddenStyle(column.attributes);\n\t column.footerAttributes = addHiddenStyle(column.footerAttributes);\n\t column.headerAttributes = addHiddenStyle(column.headerAttributes);\n\t hidden = true;\n\t }\n\n\t var uid = kendo.guid();\n\t column.headerAttributes = extend({headers: parentIds}, column.headerAttributes);\n\t if (!column.headerAttributes.id) {\n\t column.headerAttributes = extend({id: uid}, column.headerAttributes);\n\t } else {\n\t uid = column.headerAttributes.id;\n\t }\n\n\t if (column.columns) {\n\t column.columns = normalizeColumns(column.columns, encoded, hidden, parentIds ? (parentIds + \" \" + uid): uid);\n\t }\n\t return extend({ encoded: encoded, hidden: hidden }, column);\n\t });\n\t }\n\n\t function columnParent(column, columns) {\n\t var parents = [];\n\t columnParents(column, columns, parents);\n\t return parents[parents.length - 1];\n\t }\n\n\t function columnParents(column, columns, parents) {\n\t parents = parents || [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (column === columns[idx]) {\n\t return true;\n\t } else if (columns[idx].columns) {\n\t var inserted = parents.length;\n\t parents.push(columns[idx]);\n\t if (!columnParents(column, columns[idx].columns, parents)) {\n\t parents.splice(inserted, parents.length - inserted);\n\t } else {\n\t return true;\n\t }\n\t }\n\t }\n\t return false;\n\t }\n\n\t function setColumnVisibility(column, visible) {\n\t setVisibility(column, visible, visible);\n\t }\n\n\t function setVisibility(column, visible, show) {\n\t var method = show ? removeHiddenStyle : addHiddenStyle;\n\t column.hidden = !visible;\n\t column.attributes = method(column.attributes);\n\t column.footerAttributes = method(column.footerAttributes);\n\t column.headerAttributes = method(column.headerAttributes);\n\t }\n\n\n\t function setColumnMediaVisibility(column, visible) {\n\t setColumnMatchesMedia(column);\n\t var hideByMedia = column._hideByMedia;\n\t setVisibility(column, visible, hideByMedia ? column.matchesMedia : visible);\n\t }\n\n\t function setColumnMatchesMedia(column) {\n\t column.matchesMedia = columnMatchesMedia(column);\n\t }\n\n\t function columnMatchesMedia(column) {\n\t return column && (isUndefined(column.media) || (!isUndefined(column.media) && kendo.matchesMedia(column.media)));\n\t }\n\n\t function isCellVisible() {\n\t return this.style.display !== \"none\";\n\t }\n\n\t function isElementVisible(element) {\n\t return $(element)[0].style.display !== \"none\";\n\t }\n\n\t function isVisible(column) {\n\t return visibleColumns([column]).length > 0;\n\t }\n\n\t function visibleColumns(columns) {\n\t return grep(columns, function(column) {\n\t var result = !column.hidden && column.matchesMedia !== false;\n\n\t if (result && column.columns) {\n\t result = visibleColumns(column.columns).length > 0;\n\t }\n\t return result;\n\t });\n\t }\n\n\t function columnsWithMedia(columns) {\n\t var result = [];\n\t var column;\n\n\t for (var i = 0; i < columns.length; i++) {\n\t column = columns[i];\n\n\t if (!isUndefined(column.media)) {\n\t if (!isUndefined(column.minScreenWidth)) {\n\t throw new Error(\"Using 'media' and 'minScreenWidth' options at the same time is not supported.\");\n\t }\n\n\t result.push(column);\n\t }\n\n\t if (column.columns) {\n\t result = result.concat(columnsWithMedia(column.columns));\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function isUndefined(value) {\n\t return typeof value === \"undefined\";\n\t }\n\n\t function toJQuery(elements) {\n\t return $(elements).map(function() { return this.toArray(); });\n\t }\n\n\t function updateCellRowSpan(cell, columns, sourceLockedColumnsCount) {\n\t var lockedColumnDepth = depth(lockedColumns(columns));\n\t var nonLockedColumnDepth = depth(nonLockedColumns(columns));\n\n\t var rowSpan = cell.rowSpan;\n\t if (sourceLockedColumnsCount) {\n\t if (lockedColumnDepth > nonLockedColumnDepth) {\n\t cell.rowSpan = (rowSpan - (lockedColumnDepth - nonLockedColumnDepth)) || 1;\n\t } else {\n\t cell.rowSpan = rowSpan + (nonLockedColumnDepth - lockedColumnDepth);\n\t }\n\t } else {\n\t if (lockedColumnDepth > nonLockedColumnDepth) {\n\t cell.rowSpan = rowSpan + (lockedColumnDepth - nonLockedColumnDepth);\n\t } else {\n\t cell.rowSpan = (rowSpan - (nonLockedColumnDepth - lockedColumnDepth)) || 1;\n\t }\n\t }\n\t }\n\n\t function moveCellsBetweenContainers(sources, target, leafs, columns, container, destination, groups, action) {\n\t var sourcesDepth = depth(sources);\n\t var targetDepth = depth([target]);\n\n\t if (sourcesDepth > targetDepth) {\n\t var groupCells = new Array(groups + 1).join('
| ');\n\t var rows = destination.children(\":not(.k-filter-row)\");\n\t $(new Array((sourcesDepth - targetDepth) + 1).join(\"
\" + groupCells + \"
\")).insertAfter(rows.last());\n\t }\n\n\t addRowSpanValue(destination, sourcesDepth - targetDepth);\n\n\t moveCells(leafs, columns, container, destination, action);\n\t }\n\n\t function updateCellIndex(thead, columns, offset) {\n\t offset = offset || 0;\n\n\t var position;\n\t var cell;\n\t var allColumns = columns;\n\t columns = leafColumns(columns);\n\n\t var cells = {};\n\t var rows = thead.find(\">tr:not(.k-filter-row)\");\n\n\t var filter = function() {\n\t var el = $(this);\n\t return !el.hasClass(\"k-group-cell\") && !el.hasClass(\"k-hierarchy-cell\");\n\t };\n\n\t for (var idx = 0, length = columns.length; idx < length; idx++) {\n\t position = columnPosition(columns[idx], allColumns);\n\n\t if (!cells[position.row]) {\n\t cells[position.row] = rows.eq(position.row)\n\t .find(\".k-header\")\n\t .filter(filter);\n\t }\n\n\t cell = cells[position.row].eq(position.cell);\n\t cell.attr(kendo.attr(\"index\"), offset + idx);\n\t }\n\n\n\t return columns.length;\n\t }\n\n\t function depth(columns) {\n\t var result = 1;\n\t var max = 0;\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx].columns) {\n\t var temp = depth(columns[idx].columns);\n\t if (temp > max) {\n\t max = temp;\n\t }\n\t }\n\t }\n\t return result + max;\n\t }\n\n\t function moveCells(leafs, columns, container, destination, action) {\n\t var sourcePosition = columnVisiblePosition(leafs[0], columns);\n\n\t var ths = container.find(\">tr:not(.k-filter-row):eq(\" + sourcePosition.row + \")>th.k-header\");\n\n\t var t = $();\n\t var sourceIndex = sourcePosition.cell;\n\t var idx;\n\n\t for (idx = 0; idx < leafs.length; idx++) {\n\t t = t.add(ths.eq(sourceIndex + idx));\n\t }\n\n\t destination.find(\">tr:not(.k-filter-row)\").eq(sourcePosition.row)[action](t);\n\n\t var children = [];\n\t for (idx = 0; idx < leafs.length; idx++) {\n\t if (leafs[idx].columns) {\n\t children = children.concat(leafs[idx].columns);\n\t }\n\t }\n\n\t if (children.length) {\n\t moveCells(children, columns, container, destination, action);\n\t }\n\t }\n\n\t function columnPosition(column, columns, row, cellCounts) {\n\t var result;\n\t var idx;\n\n\t row = row || 0;\n\t cellCounts = cellCounts || {};\n\t cellCounts[row] = cellCounts[row] || 0;\n\n\t for (idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx] == column) {\n\t result = { cell: cellCounts[row], row: row };\n\t break;\n\t } else if (columns[idx].columns) {\n\t result = columnPosition(column, columns[idx].columns, row + 1, cellCounts);\n\t if (result) {\n\t break;\n\t }\n\t }\n\n\t cellCounts[row]++;\n\t }\n\t return result;\n\t }\n\t function findParentColumnWithChildren(columns, index, source, rtl) {\n\t var target;\n\t var locked = !!source.locked;\n\t var targetLocked;\n\n\t do {\n\t target = columns[index];\n\t index += rtl ? 1 : -1;\n\t targetLocked = !!target.locked;\n\t } while(target && index > -1 && index < columns.length && target != source && !target.columns && targetLocked === locked);\n\n\t return target;\n\t }\n\n\t function findReorderTarget(columns, target, source, before, masterColumns) {\n\t if (target.columns) {\n\t target = target.columns;\n\t return target[before ? 0 : target.length - 1];\n\t } else {\n\t var parent = columnParent(target, columns);\n\t var parentColumns;\n\n\t if (parent) {\n\t parentColumns = parent.columns;\n\t } else {\n\t parentColumns = columns;\n\t }\n\n\t var index = inArray(target, parentColumns);\n\t if (index === 0 && before) {\n\t index++;\n\t } else if ((index == parentColumns.length - 1 && !before) || (!source.locked && !target.columns && !before)) {\n\t index--;\n\t } else if (index > 0 || (index === 0 && !before)) {\n\t index++;\n\t }\n\n\t var sourceIndex = inArray(source, parentColumns);\n\t target = findParentColumnWithChildren(parentColumns, index, source, sourceIndex > index);\n\t var targetIndex = inArray(target, masterColumns);\n\t if (target.columns && (!targetIndex || targetIndex === parentColumns.length -1)) {\n\t return null;\n\t }\n\n\t if (target && target != source && target.columns) {\n\t return findReorderTarget(columns, target, source, before, masterColumns);\n\t }\n\t }\n\t return null;\n\t }\n\n\t function columnVisiblePosition(column, columns, row, cellCounts) {\n\t var result;\n\t var idx;\n\n\t row = row || 0;\n\t cellCounts = cellCounts || {};\n\t cellCounts[row] = cellCounts[row] || 0;\n\n\t for (idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx] == column) {\n\t result = { cell: cellCounts[row], row: row };\n\t break;\n\t } else if (columns[idx].columns) {\n\t result = columnVisiblePosition(column, columns[idx].columns, row + 1, cellCounts);\n\t if (result) {\n\t break;\n\t }\n\t }\n\n\t if (!columns[idx].hidden) {\n\t cellCounts[row]++;\n\t }\n\t }\n\t return result;\n\t }\n\n\t function flatColumnsInDomOrder(columns) {\n\t var result = flatColumns(lockedColumns(columns));\n\t return result.concat(flatColumns(nonLockedColumns(columns)));\n\t }\n\n\t function targetParentContainerIndex(flatColumns, columns, sourceIndex, targetIndex) {\n\t var column = flatColumns[sourceIndex];\n\t var target = flatColumns[targetIndex];\n\n\t var parent = columnParent(column, columns);\n\t columns = parent ? parent.columns : columns;\n\n\t return inArray(target, columns);\n\t }\n\n\t function flatColumns(columns) {\n\t var result = [];\n\t var children = [];\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t result.push(columns[idx]);\n\t if (columns[idx].columns) {\n\t children = children.concat(columns[idx].columns);\n\t }\n\n\t }\n\t if (children.length) {\n\t result = result.concat(flatColumns(children));\n\t }\n\t return result;\n\t }\n\n\t function hiddenLeafColumnsCount(columns) {\n\t var counter = 0;\n\t var column;\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t column = columns[idx];\n\n\t if (column.columns) {\n\t counter += hiddenLeafColumnsCount(column.columns);\n\t } else if (column.hidden) {\n\t counter++;\n\t }\n\t }\n\t return counter;\n\t }\n\n\t function columnsWidth(cols) {\n\t var colWidth, width = 0;\n\n\t for (var idx = 0, length = cols.length; idx < length; idx++) {\n\t colWidth = cols[idx].style.width;\n\t if (colWidth && colWidth.indexOf(\"%\") == -1) {\n\t width += parseInt(colWidth, 10);\n\t }\n\t }\n\n\t return width;\n\t }\n\n\t function removeRowSpanValue(container, count) {\n\t var cells = container.find(\"tr:not(.k-filter-row) th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t var rowSpan;\n\t for (var idx = 0; idx < cells.length; idx++) {\n\t rowSpan = cells[idx].rowSpan;\n\t if (rowSpan > 1) {\n\t cells[idx].rowSpan = (rowSpan - count) || 1;\n\t }\n\t }\n\t }\n\n\t function addRowSpanValue(container, count) {\n\t var cells = container.find(\"tr:not(.k-filter-row) th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t for (var idx = 0; idx < cells.length; idx++) {\n\t cells[idx].rowSpan += count;\n\t }\n\t }\n\n\t function removeEmptyRows(container) {\n\t var rows = container.find(\"tr:not(.k-filter-row)\");\n\n\t var emptyRowsCount = rows.filter(function() {\n\t return !$(this).children().length;\n\t }).remove().length;\n\n\t var cells = rows.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t for (var idx = 0; idx < cells.length; idx++) {\n\t if (cells[idx].rowSpan > 1) {\n\t cells[idx].rowSpan -= emptyRowsCount;\n\t }\n\t }\n\t return rows.length - emptyRowsCount;\n\t }\n\n\t function mapColumnToCellRows(columns, cells, rows, rowIndex, offset) {\n\t var idx, row, length, children = [];\n\n\t for (idx = 0, length = columns.length; idx < length; idx++) {\n\t row = rows[rowIndex] || [];\n\t row.push(cells.eq(offset + idx));\n\t rows[rowIndex] = row;\n\n\t if (columns[idx].columns) {\n\t children = children.concat(columns[idx].columns);\n\t }\n\t }\n\n\t if (children.length) {\n\t mapColumnToCellRows(children, cells, rows, rowIndex + 1, offset + columns.length);\n\t }\n\t }\n\n\t function lockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return column.locked;\n\t });\n\t }\n\n\t function nonLockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return !column.locked;\n\t });\n\t }\n\n\t function visibleNonLockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return !column.locked && isVisible(column);\n\t });\n\t }\n\n\t function visibleLockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return column.locked && isVisible(column);\n\t });\n\t }\n\n\t function visibleLeafColumns(columns) {\n\t var result = [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx].hidden) {\n\t continue;\n\t }\n\n\t if (columns[idx].columns) {\n\t result = result.concat(visibleLeafColumns(columns[idx].columns));\n\t } else {\n\t result.push(columns[idx]);\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function childColumns(columns) {\n\t var result = [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx].columns) {\n\t result = result.concat(columns[idx].columns);\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function leafColumns(columns) {\n\t var result = [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (!columns[idx].columns) {\n\t result.push(columns[idx]);\n\t continue;\n\t }\n\t result = result.concat(leafColumns(columns[idx].columns));\n\t }\n\n\t return result;\n\t }\n\n\t function leafDataCells(container) {\n\t var rows = container.find(\">tr:not(.k-filter-row)\");\n\n\t var filter = function() {\n\t var el = $(this);\n\t return !el.hasClass(\"k-group-cell\") && !el.hasClass(\"k-hierarchy-cell\");\n\t };\n\n\t var cells = $();\n\t if (rows.length > 1) {\n\t cells = rows.find(\"th\")\n\t .filter(filter)\n\t .filter(function() { return this.rowSpan > 1; });\n\t }\n\n\t cells = cells.add(rows.last().find(\"th\").filter(filter));\n\n\t var indexAttr = kendo.attr(\"index\");\n\t cells.sort(function(a, b) {\n\t a = $(a);\n\t b = $(b);\n\n\t var indexA = a.attr(indexAttr);\n\t var indexB = b.attr(indexAttr);\n\n\t if (indexA === undefined) {\n\t indexA = $(a).index();\n\t }\n\t if (indexB === undefined) {\n\t indexB = $(b).index();\n\t }\n\n\t indexA = parseInt(indexA, 10);\n\t indexB = parseInt(indexB, 10);\n\t return indexA > indexB ? 1 : (indexA < indexB ? -1 : 0);\n\t });\n\n\t return cells;\n\t }\n\n\t function parentColumnsCells(cell) {\n\t var container = cell.closest(\"table\");\n\t var result = $().add(cell);\n\n\t var row = cell.closest(\"tr\");\n\t var headerRows = container.find(\"tr:not(.k-filter-row)\");\n\t var level = headerRows.index(row);\n\t if (level > 0) {\n\t var parent = headerRows.eq(level - 1);\n\t var parentCellsWithChildren = parent.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\").filter(function() {\n\t return !$(this).attr(\"rowspan\");\n\t });\n\n\t var offset = 0;\n\t var index = row.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\").index(cell);\n\n\t var prevCells = cell.prevAll(\":not(.k-group-cell,.k-hierarchy-cell)\").filter(function() {\n\t return this.colSpan > 1;\n\t });\n\n\t for (var idx = 0; idx < prevCells.length; idx++) {\n\t offset += prevCells[idx].colSpan || 1;\n\t }\n\n\t index += Math.max(offset - 1, 0);\n\n\t offset = 0;\n\t for (idx = 0; idx < parentCellsWithChildren.length; idx++) {\n\t var parentCell = parentCellsWithChildren.eq(idx);\n\t if (parentCell.attr(\"data-colspan\")) {\n\t offset += parentCell[0].getAttribute(\"data-colspan\");\n\t } else {\n\t offset += 1;\n\t }\n\t if (index >= idx && index < offset) {\n\t result = parentColumnsCells(parentCell).add(result);\n\t break;\n\t }\n\t }\n\t }\n\t return result;\n\t }\n\n\t function childColumnsCells(cell) {\n\t var container = cell.closest(\"thead\");\n\t var result = $().add(cell);\n\n\t var row = cell.closest(\"tr\");\n\t var headerRows = container.find(\"tr:not(.k-filter-row)\");\n\t var level = headerRows.index(row) + cell[0].rowSpan;\n\t var colSpanAttr = kendo.attr(\"colspan\");\n\n\t if (level <= headerRows.length - 1) {\n\t var child = row.next();\n\t var prevCells = cell.prevAll(\":not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t var idx;\n\n\t prevCells = prevCells.filter(function() {\n\t return !this.rowSpan || this.rowSpan === 1;\n\t });\n\n\t var offset = 0;\n\n\t for (idx = 0; idx < prevCells.length; idx++) {\n\t offset += parseInt(prevCells.eq(idx).attr(colSpanAttr), 10) || 1;\n\t }\n\n\t var cells = child.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\");\n\t var colSpan = parseInt(cell.attr(colSpanAttr), 10) || 1;\n\n\t idx = 0;\n\n\t while (idx < colSpan) {\n\t child = cells.eq(idx + offset);\n\t result = result.add(childColumnsCells(child));\n\t var value = parseInt(child.attr(colSpanAttr), 10);\n\t if (value > 1) {\n\t colSpan -= value - 1;\n\t }\n\t idx++;\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function appendContent(tbody, table, html, empty) {\n\t var placeholder,\n\t tmp = tbody;\n\n\t // necessary for AngularJS to cleanup its guts.\n\t if (empty) {\n\t tbody.empty();\n\t }\n\n\t if (tbodySupportsInnerHtml) {\n\t tbody[0].innerHTML = html;\n\t } else {\n\t placeholder = document.createElement(\"div\");\n\t placeholder.innerHTML = \"
\";\n\t tbody = placeholder.firstChild.firstChild;\n\t table[0].replaceChild(tbody, tmp[0]);\n\t tbody = $(tbody);\n\t }\n\t return tbody;\n\t }\n\n\t function addHiddenStyle(attr) {\n\t attr = attr || {};\n\t var style = attr.style;\n\n\t if(!style) {\n\t style = \"display:none\";\n\t } else {\n\t style = style.replace(/display:[^;]*/i, \"display:none\");\n\t if(!style.match(/display:/i)) {\n\t style = style.replace(/(.*)?/i, \"display:none;$1\");\n\t }\n\t }\n\n\t return extend({}, attr, { style: style });\n\t }\n\n\t function removeHiddenStyle(attr) {\n\t attr = attr || {};\n\t var style = attr.style;\n\n\t if(style) {\n\t attr.style = style.replace(/(display\\s*:\\s*none\\s*;?)*/ig, \"\");\n\t }\n\n\t return attr;\n\t }\n\n\t function normalizeCols(table, visibleColumns, hasDetails, groups) {\n\t var colgroup = table.find(\">colgroup\"),\n\t width,\n\t cols = map(visibleColumns, function(column) {\n\t width = column.width;\n\t if (width && parseInt(width, 10) !== 0) {\n\t return kendo.format('
', typeof width === STRING? width : width + \"px\");\n\t }\n\n\t return \"
\";\n\t });\n\n\t if (hasDetails || colgroup.find(\".k-hierarchy-col\").length) {\n\t cols.splice(0, 0, '
');\n\t }\n\n\t if (colgroup.length) {\n\t colgroup.remove();\n\t }\n\n\t colgroup = $(new Array(groups + 1).join('
') + cols.join(\"\"));\n\t if (!colgroup.is(\"colgroup\")) {\n\t colgroup = $(\"
\").append(colgroup);\n\t }\n\n\t table.prepend(colgroup);\n\n\t // fill gap after column hiding\n\t if (browser.msie && browser.version == 8) {\n\t table.css(\"display\", \"inline-table\");\n\t window.setTimeout(function(){table.css(\"display\", \"\");}, 1);\n\t }\n\t }\n\n\t function normalizeHeaderCells(container, columns) {\n\t var lastIndex = 0;\n\t var idx , len;\n\t var th = container.find(\"th:not(.k-group-cell)\");\n\n\t for (idx = 0, len = columns.length; idx < len; idx ++) {\n\t if (columns[idx].locked) {\n\t th.eq(idx).insertBefore(th.eq(lastIndex));\n\t th = container.find(\"th:not(.k-group-cell)\");\n\t lastIndex ++;\n\t }\n\t }\n\t }\n\n\t function convertToObject(array) {\n\t var result = {},\n\t item,\n\t idx,\n\t length;\n\n\t for (idx = 0, length = array.length; idx < length; idx++) {\n\t item = array[idx];\n\t result[item.value] = item.text;\n\t }\n\n\t return result;\n\t }\n\n\t function formatGroupValue(value, format, columnValues, encoded) {\n\t var isForeignKey = columnValues && columnValues.length && isPlainObject(columnValues[0]) && \"value\" in columnValues[0],\n\t groupValue = isForeignKey ? convertToObject(columnValues)[value] : value;\n\n\t groupValue = groupValue != null ? groupValue : \"\";\n\n\t return format ? kendo.format(format, groupValue) : (encoded === false ? groupValue : kendo.htmlEncode(groupValue));\n\t }\n\n\t function setCellVisibility(cells, index, visible) {\n\t var pad = 0,\n\t state,\n\t cell = cells[pad];\n\n\t while (cell) {\n\t state = visible ? true : cell.style.display !== \"none\";\n\n\t if (state && !nonDataCellsRegExp.test(cell.className) && --index < 0) {\n\t cell.style.display = visible ? \"\" : \"none\";\n\t break;\n\t }\n\n\t cell = cells[++pad];\n\t }\n\t }\n\n\t function hideColumnCells(rows, columnIndex) {\n\t var idx = 0,\n\t length = rows.length,\n\t cell, row;\n\n\t for ( ; idx < length; idx += 1) {\n\t row = rows.eq(idx);\n\t if (row.is(\".k-grouping-row,.k-detail-row\")) {\n\t cell = row.children(\":not(.k-group-cell):first,.k-detail-cell\").last();\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) - 1);\n\t } else {\n\t if (row.hasClass(\"k-grid-edit-row\") && (cell = row.children(\".k-edit-container\")[0])) {\n\t cell = $(cell);\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) - 1);\n\t cell.find(\"col\").eq(columnIndex).remove();\n\t row = cell.find(\"tr:first\");\n\t }\n\n\t setCellVisibility(row[0].cells, columnIndex, false);\n\t }\n\t }\n\t }\n\n\t function groupRows(data) {\n\t var result = [];\n\t var item;\n\n\t for (var idx = 0; idx < data.length; idx++) {\n\t item = data[idx];\n\t if (!(\"field\" in item && \"value\" in item && \"items\" in item)) {\n\t break;\n\t }\n\n\t result.push(item);\n\n\t if (item.hasSubgroups) {\n\t result = result.concat(groupRows(item.items));\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function groupFooters(data) {\n\t var result = [];\n\t var item;\n\n\t for (var idx = 0; idx < data.length; idx++) {\n\t item = data[idx];\n\t if (!(\"field\" in item && \"value\" in item && \"items\" in item)) {\n\t break;\n\t }\n\n\t if (item.hasSubgroups) {\n\t result = result.concat(groupFooters(item.items));\n\t }\n\n\t result.push(item.aggregates);\n\t }\n\n\t return result;\n\t }\n\n\t function showColumnCells(rows, columnIndex) {\n\t var idx = 0,\n\t length = rows.length,\n\t cell, row, columns;\n\n\t for ( ; idx < length; idx += 1) {\n\t row = rows.eq(idx);\n\t if (row.is(\".k-grouping-row,.k-detail-row\")) {\n\t cell = row.children(\":not(.k-group-cell):first,.k-detail-cell\").last();\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) + 1);\n\t } else {\n\t if (row.hasClass(\"k-grid-edit-row\") && (cell = row.children(\".k-edit-container\")[0])) {\n\t cell = $(cell);\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) + 1);\n\t normalizeCols(cell.find(\">form>table\"), visibleColumns(columns), false, 0);\n\t row = cell.find(\"tr:first\");\n\t }\n\n\t setCellVisibility(row[0].cells, columnIndex, true);\n\t }\n\t }\n\t }\n\n\t function updateColspan(toAdd, toRemove, num) {\n\t num = num || 1;\n\n\t var item, idx, length;\n\t for (idx = 0, length = toAdd.length; idx < length; idx++) {\n\t item = toAdd.eq(idx).children().last();\n\t item.attr(\"colspan\", parseInt(item.attr(\"colspan\"), 10) + num);\n\n\t item = toRemove.eq(idx).children().last();\n\t item.attr(\"colspan\", parseInt(item.attr(\"colspan\"), 10) - num);\n\t }\n\t }\n\n\t function tableWidth(table) {\n\t var idx, length, width = 0;\n\t var cols = table.find(\">colgroup>col\");\n\n\t for (idx = 0, length = cols.length; idx < length; idx += 1) {\n\t width += parseInt(cols[idx].style.width, 10);\n\t }\n\n\t return width;\n\t }\n\n\t var Grid = kendo.ui.DataBoundWidget.extend({\n\t init: function(element, options, events) {\n\t var that = this;\n\n\t options = isArray(options) ? { dataSource: options } : options;\n\n\t Widget.fn.init.call(that, element, options);\n\n\t if (events) {\n\t that._events = events;\n\t }\n\n\t isRtl = kendo.support.isRtl(element);\n\n\t that._element();\n\n\t that._aria();\n\n\t that._columns($.extend(true, [], that.options.columns));\n\n\t that._dataSource();\n\n\t that._tbody();\n\n\t that._pageable();\n\n\t that._thead();\n\n\t that._groupable();\n\n\t that._toolbar();\n\n\t that._setContentHeight();\n\n\t that._templates();\n\n\t that._navigatable();\n\n\t that._selectable();\n\n\t that._clipboard();\n\n\t that._details();\n\n\t that._editable();\n\n\t that._attachCustomCommandsEvent();\n\n\t that._adaptiveColumns();\n\n\t that._minScreenSupport();\n\n\t if (that.options.autoBind) {\n\t that.dataSource.fetch();\n\t } else {\n\t that._group = that._groups() > 0;\n\t that._footer();\n\t }\n\n\t if (that.lockedContent) {\n\t that.wrapper.addClass(\"k-grid-lockedcolumns\");\n\t that._resizeHandler = function() { that.resize(); };\n\t $(window).on(\"resize\" + NS, that._resizeHandler);\n\t }\n\n\t kendo.notify(that);\n\t },\n\n\t events: [\n\t CHANGE,\n\t \"dataBinding\",\n\t \"cancel\",\n\t DATABOUND,\n\t DETAILEXPAND,\n\t DETAILCOLLAPSE,\n\t DETAILINIT,\n\t FILTERMENUINIT,\n\t FILTERMENUOPEN,\n\t COLUMNMENUINIT,\n\t COLUMNMENUOPEN,\n\t EDIT,\n\t BEFOREEDIT,\n\t SAVE,\n\t REMOVE,\n\t SAVECHANGES,\n\t CELLCLOSE,\n\t COLUMNRESIZE,\n\t COLUMNREORDER,\n\t COLUMNSHOW,\n\t COLUMNHIDE,\n\t COLUMNLOCK,\n\t COLUMNUNLOCK,\n\t NAVIGATE,\n\t \"page\",\n\t \"sort\",\n\t \"filter\",\n\t \"group\",\n\t \"groupExpand\",\n\t \"groupCollapse\"\n\t ],\n\n\t setDataSource: function(dataSource) {\n\t var that = this;\n\t var scrollable = that.options.scrollable;\n\t var scrollableContent;\n\n\t that.options.dataSource = dataSource;\n\n\t that._dataSource();\n\n\t that._pageable();\n\n\t that._thead();\n\n\t if (scrollable) {\n\t if (scrollable.virtual) {\n\t scrollableContent = that.content.find(\">.k-virtual-scrollable-wrap\");\n\t scrollableContent.scrollLeft(leftMostPosition(scrollableContent, isRtl));\n\t } else {\n\t scrollableContent = that.tbody;\n\t that.content.scrollLeft(leftMostPosition(scrollableContent, isRtl));\n\t }\n\t }\n\n\t if (that.options.groupable) {\n\t that._groupable();\n\t }\n\n\t if (that.virtualScrollable) {\n\t that.virtualScrollable.setDataSource(that.options.dataSource);\n\t }\n\n\t if (that.options.navigatable) {\n\t that._navigatable();\n\t }\n\n\t if (that.options.selectable) {\n\t that._selectable();\n\t }\n\n\t if (that.options.autoBind) {\n\t that.dataSource.fetch();\n\t }\n\t },\n\n\t options: {\n\t name: \"Grid\",\n\t columns: [],\n\t toolbar: null,\n\t autoBind: true,\n\t filterable: false,\n\t scrollable: true,\n\t sortable: false,\n\t selectable: false,\n\t allowCopy: false,\n\t navigatable: false,\n\t pageable: false,\n\t persistSelection: false,\n\t editable: false,\n\t groupable: false,\n\t rowTemplate: \"\",\n\t altRowTemplate: \"\",\n\t noRecords: false,\n\t dataSource: {},\n\t height: null,\n\t resizable: false,\n\t reorderable: false,\n\t columnMenu: false,\n\t detailTemplate: null,\n\t columnResizeHandleWidth: 3,\n\t mobile: \"\",\n\t messages: {\n\t editable: {\n\t cancelDelete: CANCELDELETE,\n\t confirmation: DELETECONFIRM,\n\t confirmDelete: CONFIRMDELETE\n\t },\n\t commands: {\n\t create: defaultCommands.create.text,\n\t cancel: defaultCommands.cancel.text,\n\t save: defaultCommands.save.text,\n\t destroy: defaultCommands.destroy.text,\n\t edit: defaultCommands.edit.text,\n\t update: defaultCommands.update.text,\n\t canceledit: defaultCommands.canceledit.text,\n\t excel: defaultCommands.excel.text,\n\t pdf: defaultCommands.pdf.text\n\t },\n\t noRecords: NORECORDS,\n\t expandCollapseColumnHeader: \"\",\n\t groupHeader: \"Press ctrl + space to group\",\n\t ungroupHeader: \"Press ctrl + space to ungroup\"\n\t }\n\t },\n\n\t destroy: function() {\n\t var that = this,\n\t element;\n\n\t that._angularItems(\"cleanup\");\n\t that._destroyColumnAttachments();\n\n\t Widget.fn.destroy.call(that);\n\n\t if (this._navigatableTables) {\n\t this._navigatableTables.off(NS);\n\t this._navigatableTables = null;\n\t }\n\n\t if (that._resizeHandler) {\n\t $(window).off(\"resize\" + NS, that._resizeHandler);\n\t }\n\n\t if (that.pager && that.pager.element) {\n\t that.pager.destroy();\n\t }\n\n\t if (that.timer) {\n\t clearTimeout(that.timer);\n\t }\n\n\t if (that._progressTimeOut) {\n\t clearTimeout(that._progressTimeOut);\n\t }\n\n\t if (that._collapseGroupsTimeOut) {\n\t clearTimeout(that._collapseGroupsTimeOut);\n\t }\n\n\t if (that._endlessFetchTimeOut) {\n\t clearTimeout(that._endlessFetchTimeOut);\n\t }\n\n\t that.pager = null;\n\n\t that._destroyGroupable();\n\n\t if (that.options.reorderable) {\n\t that.wrapper.data(\"kendoReorderable\").destroy();\n\t }\n\n\t if (that.selectable && that.selectable.element) {\n\t that.selectable.destroy();\n\n\t that.clearArea();\n\t that._selectedIds = null;\n\n\t if (that.copyHandler) {\n\t that.wrapper.off(\"keydown\", that.copyHandler);\n\t that.unbind(that.copyHandler);\n\t }\n\t if (that.updateClipBoardState) {\n\t that.unbind(that.updateClipBoardState);\n\t that.updateClipBoardState = null;\n\t }\n\t if (that.clearAreaHandler) {\n\t that.wrapper.off(\"keyup\", that.clearAreaHandler);\n\t }\n\t }\n\n\t that.selectable = null;\n\n\t if (that.resizable) {\n\t that.resizable.destroy();\n\n\t if (that._resizeUserEvents) {\n\t if (that._resizeHandleDocumentClickHandler) {\n\t $(document).off(\"click\", that._resizeHandleDocumentClickHandler);\n\t }\n\t that._resizeUserEvents.destroy();\n\t that._resizeUserEvents = null;\n\t }\n\t that.resizable = null;\n\t }\n\n\t that._destroyVirtualScrollable();\n\n\t that._destroyEditable();\n\n\t if (that.dataSource) {\n\t that.dataSource.unbind(CHANGE, that._refreshHandler)\n\t .unbind(PROGRESS, that._progressHandler)\n\t .unbind(ERROR, that._errorHandler);\n\n\t that._refreshHandler = that._progressHandler = that._errorHandler = null;\n\t }\n\n\t element = that.element\n\t .add(that.wrapper)\n\t .add(that.table)\n\t .add(that.thead)\n\t .add(that.wrapper.find(\">.k-grid-toolbar\"));\n\n\t if (that.content) {\n\t element = element\n\t .add(that.content)\n\t .add(that.content.find(\">.k-virtual-scrollable-wrap\"));\n\t }\n\n\t if (that.lockedHeader) {\n\t that._removeLockedContainers();\n\t }\n\n\t if (that.pane) {\n\t that.pane.destroy();\n\t }\n\n\t if (that._isMobile) {\n\t that.wrapper.off(\"transitionend\" + NS);\n\t that.wrapper.off(\"contextmenu\" + NS);\n\t }\n\n\t if (that.minScreenResizeHandler) {\n\t $(window).off(\"resize\", that.minScreenResizeHandler);\n\t }\n\n\t that._detachColumnMediaResizeHandler();\n\n\t if (that._draggableInstance && that._draggableInstance.element) {\n\t that._draggableInstance.destroy();\n\t }\n\n\t that._draggableInstance = null;\n\n\t element.off(NS);\n\n\t kendo.destroy(that.wrapper);\n\n\t that.rowTemplate =\n\t that.altRowTemplate =\n\t that.lockedRowTemplate =\n\t that.lockedAltRowTemplate =\n\t that.detailTemplate =\n\t that.footerTemplate =\n\t that.groupFooterTemplate =\n\t that.lockedGroupFooterTemplate =\n\t that.noRecordsTemplate = null;\n\n\t that.scrollables =\n\t that.thead =\n\t that.tbody =\n\t that.element =\n\t that.table =\n\t that.content =\n\t that.footer =\n\t that.wrapper =\n\t that.lockedTable =\n\t that.lockedContent =\n\t that.lockedHeader =\n\t that.lockedFooter =\n\t that._groupableClickHandler =\n\t that._groupRows =\n\t that._setContentWidthHandler = null;\n\t },\n\n\t getOptions: function() {\n\t var options = this.options;\n\t options.dataSource = null;\n\n\t var result = extend(true, {}, this.options);\n\t result.columns = kendo.deepExtend([], this.columns);\n\n\t var dataSource = this.dataSource;\n\n\t var initialData = dataSource.options.data && dataSource._data;\n\t dataSource.options.data = null;\n\n\t result.dataSource = $.extend(true, {}, dataSource.options);\n\n\t dataSource.options.data = initialData;\n\n\t result.dataSource.data = initialData;\n\t result.dataSource.page = dataSource.page();\n\t result.dataSource.filter = $.extend(true, {}, dataSource.filter());\n\t result.dataSource.pageSize = dataSource.pageSize();\n\t result.dataSource.sort = dataSource.sort();\n\t result.dataSource.group = dataSource.group();\n\t result.dataSource.aggregate = dataSource.aggregate();\n\n\t if (result.dataSource.transport) {\n\t result.dataSource.transport.dataSource = null;\n\t }\n\n\t if (result.pageable && result.pageable.pageSize) {\n\t result.pageable.pageSize = dataSource.pageSize();\n\t }\n\n\t result.$angular = undefined;\n\n\t return result;\n\t },\n\n\t setOptions: function(options) {\n\t var currentOptions = this.getOptions();\n\t kendo.deepExtend(currentOptions, options);\n\t if (!options.dataSource) {\n\t currentOptions.dataSource = this.dataSource;\n\t }\n\t var wrapper = this.wrapper;\n\t var events = this._events;\n\t var element = this.element;\n\n\t this.destroy();\n\t this.options = null;\n\t if (this._isMobile) {\n\t var mobileWrapper = wrapper.closest(kendo.roleSelector(\"pane\")).parent();\n\t mobileWrapper.after(wrapper);\n\t mobileWrapper.remove();\n\t wrapper.removeClass(\"k-grid-mobile\");\n\t }\n\t if (wrapper[0] !== element[0]) {\n\t wrapper.before(element);\n\t wrapper.remove();\n\t }\n\t element.empty();\n\n\t this.init(element, currentOptions, events);\n\t this._setEvents(currentOptions);\n\t },\n\n\t items: function() {\n\t if (this.lockedContent) {\n\t return this._items(this.tbody).add(this._items(this.lockedTable.children(\"tbody\")));\n\t } else {\n\t return this._items(this.tbody);\n\t }\n\t },\n\n\t _items: function(container) {\n\t return container.children().filter(function() {\n\t var tr = $(this);\n\t return !tr.hasClass(\"k-grouping-row\") && !tr.hasClass(\"k-detail-row\") && !tr.hasClass(\"k-group-footer\");\n\t });\n\t },\n\n\t dataItems: function() {\n\t var dataItems = kendo.ui.DataBoundWidget.fn.dataItems.call(this);\n\t if (this.lockedContent) {\n\t var n = dataItems.length, tmp = new Array(2 * n);\n\t for (var i = n; --i >= 0;) {\n\t tmp[i] = tmp[i + n] = dataItems[i];\n\t }\n\t dataItems = tmp;\n\t }\n\n\t return dataItems;\n\t },\n\n\t _destroyColumnAttachments: function() {\n\t var that = this;\n\n\t that.resizeHandle = null;\n\n\t if (!that.thead) {\n\t return;\n\t }\n\n\t this.angular(\"cleanup\", function(){\n\t return { elements: that.thead.get() };\n\t });\n\n\t that.thead.add(that.lockedHeader).find(\"th\").each(function(){\n\t var th = $(this),\n\t filterMenu = th.data(\"kendoFilterMenu\"),\n\t sortable = th.data(\"kendoColumnSorter\"),\n\t columnMenu = th.data(\"kendoColumnMenu\");\n\n\t if (filterMenu) {\n\t filterMenu.destroy();\n\t }\n\n\t if (sortable) {\n\t sortable.destroy();\n\t }\n\n\t if (columnMenu) {\n\t columnMenu.destroy();\n\t }\n\t });\n\t },\n\n\t _attachCustomCommandsEvent: function() {\n\t var that = this,\n\t columns = leafColumns(that.columns || []),\n\t command,\n\t idx,\n\t length;\n\n\t for (idx = 0, length = columns.length; idx < length; idx++) {\n\t command = columns[idx].command;\n\n\t if (command) {\n\t attachCustomCommandEvent(that, that.wrapper, command);\n\t }\n\t }\n\t },\n\n\t _aria: function() {\n\t var id = this.element.attr(\"id\") || \"aria\";\n\n\t if (id) {\n\t this._cellId = id + \"_active_cell\";\n\t }\n\t },\n\n\t _element: function() {\n\t var that = this,\n\t table = that.element;\n\n\t if (!table.is(\"table\")) {\n\t if (that.options.scrollable) {\n\t table = that.element.find(\"> .k-grid-content > table\");\n\t } else {\n\t table = that.element.children(\"table\");\n\t }\n\n\t if (!table.length) {\n\t table = $(\"
\").appendTo(that.element);\n\t }\n\t }\n\n\t if (isIE7) {\n\t table.attr(\"cellspacing\", 0);\n\t }\n\n\t that.table = table.attr(\"role\", that._hasDetails() ? \"treegrid\" : \"grid\");\n\n\t that._wrapper();\n\t },\n\n\t _createResizeHandle: function(container, th) {\n\t var that = this;\n\t var indicatorWidth = that.options.columnResizeHandleWidth;\n\t var scrollable = that.options.scrollable;\n\t var resizeHandle = that.resizeHandle;\n\t var left;\n\t var top;\n\n\t if (resizeHandle && that.lockedContent && resizeHandle.data(\"th\")[0] !== th[0]) {\n\t resizeHandle.off(NS).remove();\n\t resizeHandle = null;\n\t }\n\n\t if (!resizeHandle) {\n\t resizeHandle = that.resizeHandle = $('
');\n\t container.append(resizeHandle);\n\t }\n\n\t left = th.offset().left + container.scrollLeft() - parseFloat(th.css(\"marginLeft\")) - (container.offset().left + parseFloat(container.css(\"borderLeftWidth\")));\n\t //left = th[0].offsetLeft + th[0].offsetWidth;\n\n\t if (!isRtl) {\n\t left += th[0].offsetWidth;\n\t } else {\n\t if (scrollable) {\n\t var headerWrap = th.closest(\".k-grid-header-wrap, .k-grid-header-locked\"),\n\t ieCorrection = browser.msie ? headerWrap.scrollLeft() : 0,\n\t webkitCorrection = browser.webkit ? (headerWrap[0].scrollWidth - headerWrap[0].offsetWidth - headerWrap.scrollLeft()) : 0,\n\t firefoxCorrection = browser.mozilla ? (headerWrap[0].scrollWidth - headerWrap[0].offsetWidth - (headerWrap[0].scrollWidth - headerWrap[0].offsetWidth - headerWrap.scrollLeft())) : 0;\n\n\t left -= webkitCorrection - firefoxCorrection + ieCorrection;\n\t }\n\t }\n\n\t top = th.offset().top - parseFloat(th.css(\"marginTop\")) - (container.offset().top + parseFloat(container.css(\"borderTopWidth\")));\n\n\t resizeHandle.css({\n\t top: top, //scrollable ? 0 : heightAboveHeader(that.wrapper),\n\t left: left - (indicatorWidth * 3) / 2,\n\t height: outerHeight(th),\n\t width: indicatorWidth * 3\n\t })\n\t .data(\"th\", th)\n\t .show();\n\n\t resizeHandle.off(\"dblclick\" + NS).on(\"dblclick\" + NS, function () {\n\t that._autoFitLeafColumn(th.data(\"index\"));\n\t });\n\t },\n\n\t _positionColumnResizeHandle: function() {\n\t var that = this,\n\t lockedHead = that.lockedHeader ? that.lockedHeader.find(\"thead:first\") : $();\n\n\t that.thead.add(lockedHead).on(\"mousemove\" + NS, \"tr:not(.k-filter-row) > th\", function (e) {\n\t var button = typeof e.buttons !== \"undefined\" ? e.buttons : (e.which || e.button);\n\n\t var th = $(this);\n\t if (th.hasClass(\"k-group-cell\") || th.hasClass(\"k-hierarchy-cell\")) {\n\t return;\n\t }\n\n\t if (typeof button !== \"undefined\" && button !== 0) {\n\t //do not create a new resize handle if a mouse button is still pressed\n\t //this happens during resizing or before UserEvents trigger \"start\"\n\t return;\n\t }\n\n\t if (th[0].hasAttribute(kendo.attr(COLSPAN))) {\n\t // resizing multi-column headers is not supported\n\t return;\n\t }\n\n\t that._createResizeHandle(th.closest(\"div\"), th);\n\t });\n\t },\n\n\t _resizeHandleDocumentClick: function(e) {\n\t if ($(e.target).closest(\".k-column-active\").length) {\n\t return;\n\t }\n\n\t $(document).off(e);\n\n\t this._resetResizeHandleHeader();\n\t this._hideResizeHandle();\n\t },\n\n\t _resetResizeHandleHeader: function() {\n\t var th;\n\n\t if (!this.resizeHandle) {\n\t return;\n\t }\n\n\t th = $(this.resizeHandle).data(\"th\");\n\n\t if (th) {\n\t th.find(DOT + LINK_CLASS).find(DOT + ICON_CLASS).show();\n\t th.find(DOT + ORDER_CLASS).show();\n\t th.find(DOT + HEADER_COLUMN_MENU_CLASS).show();\n\t th.find(DOT + FILTER_MENU_CLASS).show();\n\t }\n\t },\n\n\t _hideResizeHandle: function() {\n\t if (this.resizeHandle) {\n\t this.resizeHandle.data(\"th\")\n\t .removeClass(\"k-column-active\");\n\n\t if (this.lockedContent && !this._isMobile) {\n\t this.resizeHandle.off(NS).remove();\n\t this.resizeHandle = null;\n\t } else {\n\t this.resizeHandle.hide();\n\t }\n\t }\n\t },\n\n\t _positionColumnResizeHandleTouch: function() {\n\t var that = this,\n\t lockedHead = that.lockedHeader ? that.lockedHeader.find(\"thead:first\") : $();\n\n\t that._resizeUserEvents = new kendo.UserEvents(lockedHead.add(that.thead), {\n\t filter: \"th:not(.k-group-cell):not(.k-hierarchy-cell)\",\n\t threshold: 10,\n\t minHold: 500,\n\t hold: function(e) {\n\t var th = $(e.target);\n\n\t e.preventDefault();\n\n\t if (that.resizeHandle) {\n\t that.resizeHandle.data(\"th\")\n\t .removeClass(\"k-column-active\");\n\t that._resetResizeHandleHeader();\n\t }\n\n\t th.addClass(\"k-column-active\");\n\n\t th.find(DOT + LINK_CLASS).find(DOT + ICON_CLASS).hide();\n\t th.find(DOT + ORDER_CLASS).hide();\n\t th.find(DOT + HEADER_COLUMN_MENU_CLASS).hide();\n\t th.find(DOT + FILTER_MENU_CLASS).hide();\n\n\t that._createResizeHandle(th.closest(\"div\"), th);\n\n\t if (!that._resizeHandleDocumentClickHandler) {\n\t that._resizeHandleDocumentClickHandler = proxy(that._resizeHandleDocumentClick, that);\n\t }\n\n\t $(document).on(\"click\", that._resizeHandleDocumentClickHandler);\n\t }\n\t });\n\t },\n\n\t resizeColumn: function(column, columnWidth) {\n\t var that = this;\n\t var isLocked = !!column.locked;\n\t var isHidden = !!column.hidden;\n\t var options = this.options;\n\t var scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0;\n\t var index = isLocked ? inArray(column, visibleLockedColumns(that.columns)) : inArray(column, visibleNonLockedColumns(that.columns));\n\t var contentTable = isLocked ? that.lockedTable : that.table;\n\t var footer = that.footer || $();\n\t var header = isLocked ? that.lockedHeader.find(\"table\") : that.thead.closest(\"table\");\n\t var columnMinWidth = column.minResizableWidth || 10;\n\t var gridWidth = isLocked ? outerWidth(contentTable.find(\"tbody\")) : outerWidth(that.tbody); // IE returns 0 if grid is empty and scrolling is enabled\n\t var col;\n\n\t if (isHidden) {\n\t column.width = columnWidth > columnMinWidth ? columnWidth : columnMinWidth;\n\t return;\n\t }\n\n\t if (that.footer && that.lockedContent) {\n\t footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n\t }\n\n\t if (options.scrollable) {\n\n\t col = header.find(\"col:not(.k-group-col,.k-hierarchy-col):eq(\" + index + \")\")\n\t .add(contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\"))\n\t .add(footer.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\"));\n\t } else {\n\t col = contentTable.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\");\n\t }\n\n\t if (options.scrollable) {\n\t var constrain = false;\n\t var totalWidth = that.wrapper.width() - scrollbar;\n\t var width = columnWidth = columnWidth > columnMinWidth ? columnWidth : columnMinWidth;\n\n\t if (isLocked && gridWidth - columnWidth + width > totalWidth) {\n\t width = columnWidth + (totalWidth - gridWidth - scrollbar * 2);\n\t if (width < 0) {\n\t width = columnWidth;\n\t }\n\t constrain = true;\n\t }\n\n\t if (width > 10 && width >= columnMinWidth) {\n\t col.css('width', width);\n\n\t if (gridWidth) {\n\t if (constrain) {\n\t width = totalWidth - scrollbar * 2;\n\t } else {\n\t width = gridWidth + (columnWidth - column.width);\n\t }\n\n\t contentTable\n\t .add(header)\n\t .add(footer)\n\t .css('width', width);\n\n\t if (!isLocked) {\n\t that._footerWidth = width;\n\t }\n\t }\n\t }\n\n\t that._scrollVirtualWrapperOnColumnResize();\n\t } else if (columnWidth > 10 && columnWidth >= columnMinWidth) {\n\t col.css('width', columnWidth);\n\t }\n\n\t column.width = columnWidth;\n\n\t that._applyLockedContainersWidth();\n\t that._syncLockedContentHeight();\n\t that._syncLockedHeaderHeight();\n\t },\n\n\t _resizable: function() {\n\t var that = this,\n\t options = that.options,\n\t container,\n\t columnStart,\n\t columnWidth,\n\t columnMinWidth,\n\t gridWidth,\n\t isMobile = this._isMobile,\n\t scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0,\n\t isLocked,\n\t col, th;\n\n\t if (options.resizable) {\n\t container = options.scrollable ? that.wrapper.find(\".k-grid-header-wrap:first\") : that.wrapper;\n\n\t if (isMobile) {\n\t that._positionColumnResizeHandleTouch(container);\n\t } else {\n\t that._positionColumnResizeHandle(container);\n\t }\n\n\t if (that.resizable) {\n\t that.resizable.destroy();\n\t }\n\n\t that.resizable = new ui.Resizable(container.add(that.lockedHeader), {\n\t handle: (!!options.scrollable ? \"\" : \">\") + \".k-resize-handle\",\n\t hint: function(handle) {\n\t return $('
').css({\n\t height: outerHeight(handle.data(\"th\")) + that.tbody.attr(\"clientHeight\")\n\t });\n\t },\n\t start: function(e) {\n\t th = $(e.currentTarget).data(\"th\");\n\n\t if (isMobile) {\n\t that._hideResizeHandle();\n\t }\n\n\t var header = th.closest(\"table\"),\n\t index = $.inArray(th[0], leafDataCells(th.closest(\"thead\")).filter(\":visible\"));\n\n\t isLocked = header.parent().hasClass(\"k-grid-header-locked\");\n\n\t var contentTable = isLocked ? that.lockedTable : that.table,\n\t footer = that.footer || $();\n\n\t if (that.footer && that.lockedContent) {\n\t footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n\t }\n\n\t cursor(that.wrapper, 'col-resize');\n\n\t if (options.scrollable) {\n\t col = header.find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\")\n\t .add(contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\"))\n\t .add(footer.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\"));\n\t } else {\n\t col = contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col):eq(\" + index + \")\");\n\t }\n\n\t var columns = $.map(that.columns, function(a) {\n\t return !a.hidden && ((isLocked && a.locked) || ((!isLocked && !a.locked))) ? a : null;\n\t });\n\n\t columnStart = e.x.location;\n\t columnWidth = outerWidth(th);\n\t columnMinWidth = leafColumns(columns)[index].minResizableWidth || 10;\n\t gridWidth = isLocked ? outerWidth(contentTable.children(\"tbody\")) : outerWidth(that.tbody); // IE returns 0 if grid is empty and scrolling is enabled\n\n\t // fix broken UI in Chrome38+\n\t if (browser.webkit) {\n\t that.wrapper.addClass(\"k-grid-column-resizing\");\n\t }\n\t },\n\t resize: function(e) {\n\t var rtlMultiplier = isRtl ? -1 : 1,\n\t currentWidth = columnWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);\n\n\t if (options.scrollable) {\n\t var footer;\n\t if (isLocked && that.lockedFooter) {\n\t footer = that.lockedFooter.children(\"table\");\n\t } else if (that.footer) {\n\t footer = that.footer.find(\">.k-grid-footer-wrap>table\");\n\t }\n\t if (!footer || !footer[0]) {\n\t footer = $();\n\t }\n\t var header = th.closest(\"table\");\n\t var contentTable = isLocked ? that.lockedTable : that.table;\n\t var constrain = false;\n\t var totalWidth = that.wrapper.width() - scrollbar;\n\t var width = currentWidth;\n\n\t if (isLocked && gridWidth - columnWidth + width > totalWidth) {\n\t width = columnWidth + (totalWidth - gridWidth - scrollbar * 2);\n\t if (width < 0) {\n\t width = currentWidth;\n\t }\n\t constrain = true;\n\t }\n\n\t if (width > 10 && width >= columnMinWidth) {\n\t col.css('width', width);\n\n\t if (gridWidth) {\n\t if (constrain) {\n\t width = totalWidth - scrollbar * 2;\n\t } else {\n\t width = gridWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);\n\t }\n\n\t contentTable\n\t .add(header)\n\t .add(footer)\n\t .css('width', width);\n\n\t if (!isLocked) {\n\t that._footerWidth = width;\n\t }\n\t }\n\t }\n\n\t that._scrollVirtualWrapperOnColumnResize();\n\t } else if (currentWidth > 10 && currentWidth >= columnMinWidth) {\n\t col.css('width', currentWidth);\n\t }\n\t },\n\t resizeend: function() {\n\t var newWidth = outerWidth(th),\n\t column,\n\t header;\n\n\t cursor(that.wrapper, \"\");\n\n\t if (browser.webkit) {\n\t that.wrapper.removeClass(\"k-grid-column-resizing\");\n\t }\n\n\t if (columnWidth != newWidth) {\n\t header = that.lockedHeader ? that.lockedHeader.find(\"thead:first tr:first\").add(that.thead.find(\"tr:first\")) : th.parent();\n\n\t var index = th.attr(kendo.attr(\"index\"));\n\t if (!index) {\n\t index = header.find(\"th:not(.k-group-cell):not(.k-hierarchy-cell)\").index(th);\n\t }\n\t column = leafColumns(that.columns)[index];\n\n\t column.width = newWidth;\n\n\t that.trigger(COLUMNRESIZE, {\n\t column: column,\n\t oldWidth: columnWidth,\n\t newWidth: newWidth\n\t });\n\n\t that._applyLockedContainersWidth();\n\t that._syncLockedContentHeight();\n\t that._syncLockedHeaderHeight();\n\t }\n\n\t that._resetResizeHandleHeader();\n\t that._hideResizeHandle();\n\t th = null;\n\t }\n\t });\n\n\t }\n\t },\n\n\t _draggable: function() {\n\t var that = this;\n\t if (that.options.reorderable) {\n\n\t if (that._draggableInstance) {\n\t that._draggableInstance.destroy();\n\t }\n\n\t var header = that.wrapper.children(\".k-grid-header\");\n\n\t that._draggableInstance = that.wrapper.kendoDraggable({\n\t group: kendo.guid(),\n\t autoScroll: true,\n\t filter: that.content ? \".k-grid-header:first \" + HEADERCELLS : \"table:first>.k-grid-header \" + HEADERCELLS,\n\t dragstart: function() {\n\t header.children(\".k-grid-header-wrap\").unbind(\"scroll\" + NS + \"scrolling\").bind(\"scroll\" + NS + \"scrolling\", function (e) {\n\t if (that.virtualScrollable) {\n\t that.content.find(\">.k-virtual-scrollable-wrap\").scrollLeft(this.scrollLeft);\n\t } else {\n\t that.scrollables.not(e.currentTarget).scrollLeft(this.scrollLeft);\n\t }\n\t });\n\t },\n\t dragend: function() {\n\t that._resetResizeHandleHeader();\n\t header.children(\".k-grid-header-wrap\").unbind(\"scroll\" + NS + \"scrolling\");\n\t },\n\t drag: function() {\n\t that._hideResizeHandle();\n\t },\n\t hint: function(target) {\n\t var title = target.attr(kendo.attr(\"title\"));\n\t if (title) {\n\t title = kendo.htmlEncode(title);\n\t }\n\t return $('')\n\t .html(title || target.attr(kendo.attr(\"field\")) || target.text())\n\t .prepend('
');\n\t }\n\t }).data(\"kendoDraggable\");\n\t }\n\t },\n\n\t _reorderable: function() {\n\t var that = this;\n\t if (that.options.reorderable) {\n\t if (that.wrapper.data(\"kendoReorderable\")) {\n\t that.wrapper.data(\"kendoReorderable\").destroy();\n\t }\n\n\t that.wrapper.kendoReorderable({\n\t draggable: that._draggableInstance,\n\t dragOverContainers: function(sourceIndex, targetIndex) {\n\t var columns = flatColumnsInDomOrder(that.columns);\n\t return columns[sourceIndex].lockable !== false && targetParentContainerIndex(columns, that.columns, sourceIndex, targetIndex) > -1;\n\t },\n\t inSameContainer: function(e) {\n\t return $(e.source).parent()[0] === $(e.target).parent()[0] && targetParentContainerIndex(flatColumnsInDomOrder(that.columns), that.columns, e.sourceIndex, e.targetIndex) > -1;\n\t },\n\t change: function(e) {\n\t var columns = flatColumnsInDomOrder(that.columns);\n\t var column = columns[e.oldIndex];\n\t var newIndex = targetParentContainerIndex(columns, that.columns, e.oldIndex, e.newIndex);\n\n\t that.trigger(COLUMNREORDER, {\n\t newIndex: newIndex,\n\t oldIndex: inArray(column, columns),\n\t column: column\n\t });\n\n\t that.reorderColumn(newIndex, column, e.position === \"before\");\n\t }\n\t });\n\t }\n\t },\n\n\t _reorderHeader: function(sources, target, before, container) {\n\t var that = this;\n\t var sourcePosition = columnPosition(sources[0], that.columns);\n\t var destPosition = columnPosition(target, that.columns);\n\t var action;\n\t var ths;\n\n\t var leafs = [];\n\t for (var idx = 0; idx < sources.length; idx++) {\n\t if (sources[idx].columns) {\n\t leafs = leafs.concat(sources[idx].columns);\n\t }\n\t }\n\t if (container) {\n\t ths = elements(container, container, \"tr:eq(\" + sourcePosition.row + \")>th.k-header:not(.k-group-cell,.k-hierarchy-cell)\");\n\t } else {\n\t ths = elements(that.lockedHeader, that.thead, \"tr:eq(\" + sourcePosition.row + \")>th.k-header:not(.k-group-cell,.k-hierarchy-cell)\");\n\t }\n\n\t var sourceLockedColumns = lockedColumns(sources).length;\n\t var targetLockedColumns = lockedColumns([target]).length;\n\n\t if (leafs.length) {\n\t if (sourceLockedColumns > 0 && targetLockedColumns === 0) {\n\t action = \"prepend\";\n\t moveCellsBetweenContainers(sources, target, leafs, that.columns, that.lockedHeader.find(\"thead\"), that.thead, this._groups(), action);\n\t } else if (sourceLockedColumns === 0 && targetLockedColumns > 0) {\n\t action = destPosition.cell === 0 && sources[0].columns && !target.columns && !that._group ? \"prepend\" : \"append\";\n\t moveCellsBetweenContainers(sources, target, leafs, nonLockedColumns(that.columns), that.thead, that.lockedHeader.find(\"thead\"), this._groups(), action);\n\t }\n\n\t if (target.columns || sourcePosition.cell - destPosition.cell > 1 || destPosition.cell - sourcePosition.cell > 1) {\n\t target = findReorderTarget(that.columns, target, sources[0], before, that.columns);\n\t if (target) {\n\t if (sourceLockedColumns > 0 && targetLockedColumns === 0) {\n\t that._reorderHeader(leafs, target, before, that.thead);\n\t } else if (sourceLockedColumns === 0 && targetLockedColumns > 0) {\n\t that._reorderHeader(leafs, target, before, that.lockedHead);\n\t } else {\n\t that._reorderHeader(leafs, target, before);\n\t }\n\t }\n\t }\n\t } else if (sourceLockedColumns !== targetLockedColumns) { // move between containers\n\t updateCellRowSpan(ths[sourcePosition.cell], that.columns, sourceLockedColumns);\n\t }\n\n\t reorder(ths, sourcePosition.cell, destPosition.cell, before, sources.length);\n\t },\n\n\t _reorderContent: function(sources, destination, before) {\n\t var that = this;\n\t var lockedRows = $();\n\t var source = sources[0];\n\t var visibleSources = visibleColumns(sources);\n\t var sourceIndex = inArray(source, leafColumns(that.columns));\n\t var destIndex = inArray(destination, leafColumns(that.columns));\n\n\t var colSourceIndex = inArray(visibleSources[0], visibleLeafColumns(that.columns));\n\t var colDest = inArray(destination, visibleLeafColumns(that.columns));\n\t var lockedCount = lockedColumns(that.columns).length;\n\t var isLocked = !!destination.locked;\n\t var footer = that.footer || that.wrapper.find(\".k-grid-footer\");\n\n\t var headerCol, footerCol, beforeVisibleColumn;\n\t headerCol = footerCol = colDest;\n\n\t if (destination.hidden) {\n\t var columnsArray = isLocked ? lockedColumns(that.columns): nonLockedColumns(that.columns);\n\n\t if (visibleColumns(columnsArray).length > 0) {\n\t headerCol = footerCol = colDest = this._findClosestVisibleColumnIndex(columnsArray, destIndex);\n\t beforeVisibleColumn = visibleColumns(columnsArray.slice(destIndex)).length > 0;\n\t }\n\t else {\n\t if (isLocked) {\n\t colDest = that.lockedTable.find(\"colgroup\");\n\t headerCol = that.lockedHeader.find(\"colgroup\");\n\t footerCol = $(that.lockedFooter).find(\">table>colgroup\");\n\t } else {\n\t colDest = that.tbody.prev();\n\t headerCol = that.thead.prev();\n\t footerCol = footer.find(\".k-grid-footer-wrap\").find(\">table>colgroup\");\n\t }\n\t }\n\t }\n\n\t if (that._hasFilterRow()) {\n\t reorder(that.wrapper.find(\".k-filter-row th:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n\t }\n\n\t if (colSourceIndex >= 0) {\n\t reorder(elements(that.lockedHeader, that.thead.prev(), \"col:not(.k-group-col,.k-hierarchy-col)\"), colSourceIndex, headerCol, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n\t }\n\n\t if (that.options.scrollable) {\n\t if (colSourceIndex >= 0) {\n\t reorder(elements(that.lockedTable, that.tbody.prev(), \"col:not(.k-group-col,.k-hierarchy-col)\"), colSourceIndex, colDest, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n\t }\n\t }\n\n\t if (footer && footer.length) {\n\t if (colSourceIndex >= 0) {\n\t reorder(elements(that.lockedFooter, footer.find(\".k-grid-footer-wrap\"), \">table>colgroup>col:not(.k-group-col,.k-hierarchy-col)\"), colSourceIndex, footerCol, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n\t }\n\t reorder(footer.find(\".k-footer-template>td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n\t }\n\n\t var rows = that.tbody.children(\":not(.k-grouping-row,.k-detail-row)\");\n\t if (that.lockedTable) {\n\t if (lockedCount > destIndex) {\n\t if (lockedCount <= sourceIndex) {\n\t updateColspan(\n\t that.lockedTable.find(\">tbody>tr.k-grouping-row\"),\n\t that.table.find(\">tbody>tr.k-grouping-row\"),\n\t sources.length\n\t );\n\t }\n\t } else if (lockedCount > sourceIndex) {\n\t updateColspan(\n\t that.table.find(\">tbody>tr.k-grouping-row\"),\n\t that.lockedTable.find(\">tbody>tr.k-grouping-row\"),\n\t sources.length\n\t );\n\t }\n\n\t lockedRows = that.lockedTable.find(\">tbody>tr:not(.k-grouping-row,.k-detail-row)\");\n\t }\n\n\t for (var idx = 0, length = rows.length; idx < length; idx += 1) {\n\t reorder(elements(lockedRows[idx], rows[idx], \">td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n\t }\n\t },\n\n\t _findClosestVisibleColumnIndex: function(columns, columnIndex) {\n\t var columnsArray = visibleColumns(columns.slice(columnIndex)).length > 0 ? columns.slice(columnIndex) : columns.slice(0, columnIndex + 1).reverse(),\n\t closestVisibleColumn = visibleColumns(columnsArray)[0];\n\n\t return inArray(closestVisibleColumn, visibleColumns(this.columns));\n\t },\n\n\t _autoFitLeafColumn: function (leafIndex) {\n\t this.autoFitColumn(leafColumns(this.columns)[leafIndex]);\n\t },\n\n\t autoFitColumn: function (column) {\n\t var that = this,\n\t options = that.options,\n\t columns = that.columns,\n\t index,\n\t th,\n\t headerTable,\n\t isLocked,\n\t visibleLocked = that.lockedHeader ? leafDataCells(that.lockedHeader.find(\">table>thead\")).filter(isCellVisible).length : 0,\n\t col,\n\t minWidth,\n\t contentDiv, scrollLeft,\n\t notGroupOrHierarchyCol = \"col:not(.k-group-col):not(.k-hierarchy-col)\",\n\t notGroupOrHierarchyVisibleCell = \"td:visible:not(.k-group-cell):not(.k-hierarchy-cell)\";\n\n\t // retrieve the column object, depending on the method argument\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else if (isPlainObject(column)) {\n\t column = grep(flatColumns(columns), function (item) {\n\t return item === column;\n\t })[0];\n\t } else {\n\t column = grep(flatColumns(columns), function (item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || !isVisible(column)) {\n\t return;\n\t }\n\n\t minWidth = column.minResizableWidth;\n\t index = inArray(column, leafColumns(columns));\n\t isLocked = column.locked;\n\n\t if (isLocked) {\n\t headerTable = that.lockedHeader.children(\"table\");\n\t } else {\n\t headerTable = that.thead.parent();\n\t }\n\n\t th = headerTable.find(\"[data-index='\" + index + \"']\");\n\n\t var contentTable = isLocked ? that.lockedTable : that.table,\n\t footer = that.footer || $();\n\n\t if (that.footer && that.lockedContent) {\n\t footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n\t }\n\n\t var footerTable = footer.find(\"table\").first();\n\n\t if (that.lockedHeader && !isLocked) {\n\t index -= visibleLocked;\n\t }\n\n\t // adjust column index, depending on previous hidden columns\n\t for (var j = 0; j < columns.length; j++) {\n\t if (columns[j] === column) {\n\t break;\n\t } else {\n\t if (columns[j].hidden) {\n\t index--;\n\t }\n\t }\n\t }\n\n\t // get col elements\n\t if (options.scrollable) {\n\t col = headerTable.find(notGroupOrHierarchyCol).eq(index)\n\t .add(contentTable.children(\"colgroup\").find(notGroupOrHierarchyCol).eq(index))\n\t .add(footerTable.find(\"colgroup\").find(notGroupOrHierarchyCol).eq(index));\n\n\t if (!isLocked) {\n\t contentDiv = contentTable.parent();\n\t scrollLeft = contentDiv.scrollLeft();\n\t }\n\t } else {\n\t col = contentTable.children(\"colgroup\").find(notGroupOrHierarchyCol).eq(index);\n\t }\n\n\t var tables = headerTable.add(contentTable).add(footerTable);\n\n\t var oldColumnWidth = outerWidth(th);\n\n\t // reset the table and autofitted column widths\n\t // if scrolling is disabled, we need some additional repainting of the table\n\t col.width(\"\");\n\t tables.css(\"table-layout\", \"fixed\");\n\t col.width(\"auto\");\n\t tables.addClass(\"k-autofitting\");\n\t tables.css(\"table-layout\", \"\");\n\n\t // +1 is required by IE, regardless of the border widths, otherwise unexpected wrapping may occur with hyphenated text\n\t var newColumnWidth = Math.ceil(Math.max(\n\t outerWidth(th),\n\t outerWidth(contentTable.find(\"tr:not(.k-grouping-row)\").eq(0).children(notGroupOrHierarchyVisibleCell).eq(index)),\n\t outerWidth(footerTable.find(\"tr\").eq(0).children(notGroupOrHierarchyVisibleCell).eq(index))\n\t )) + 1;\n\n\t if (minWidth && minWidth > newColumnWidth) {\n\t newColumnWidth = minWidth;\n\t }\n\n\t col.width(newColumnWidth);\n\t column.width = newColumnWidth;\n\n\t // if all visible columns have widths, the table needs a pixel width as well\n\t if (options.scrollable) {\n\t var cols = headerTable.find(\"col\"),\n\t colWidth,\n\t totalWidth = 0;\n\t for (var idx = 0, length = cols.length; idx < length; idx += 1) {\n\t colWidth = cols[idx].style.width;\n\t if (colWidth && colWidth.indexOf(\"%\") == -1) {\n\t totalWidth += parseInt(colWidth, 10);\n\t } else if (cols.eq(idx).hasClass(\"k-group-col\")) {\n\t totalWidth += parseInt(cols.eq(idx).width(), 10);\n\t } else {\n\t totalWidth = 0;\n\t break;\n\t }\n\t }\n\n\t if (totalWidth) {\n\t tables.each(function () {\n\t this.style.width = totalWidth + \"px\";\n\t });\n\t }\n\t }\n\n\t if (browser.msie && browser.version == 8) {\n\t tables.css(\"display\", \"inline-table\");\n\t setTimeout(function () {\n\t tables.css(\"display\", \"table\");\n\t }, 1);\n\t }\n\n\t tables.removeClass(\"k-autofitting\");\n\n\t if (scrollLeft) {\n\t contentDiv.scrollLeft(scrollLeft);\n\t }\n\n\t that.trigger(COLUMNRESIZE, {\n\t column: column,\n\t oldWidth: oldColumnWidth,\n\t newWidth: newColumnWidth\n\t });\n\n\t that._applyLockedContainersWidth();\n\t that._syncLockedContentHeight();\n\t that._syncLockedHeaderHeight();\n\t },\n\n\t reorderColumn: function(destIndex, column, before) {\n\t var that = this,\n\t parent = columnParent(column, that.columns),\n\t columns = parent ? parent.columns : that.columns,\n\t sourceIndex = inArray(column, columns),\n\t destColumn = columns[destIndex],\n\t lockChanged,\n\t isLocked = !!destColumn.locked,\n\t lockedCount = lockedColumns(that.columns).length,\n\t groupHeaderColumnTemplateColumns = grep(leafColumns(that.columns), function(column) { return column.groupHeaderColumnTemplate; });\n\n\t if (sourceIndex === destIndex) {\n\t return;\n\t }\n\n\t if (!column.locked && isLocked && nonLockedColumns(that.columns).length == 1) {\n\t return;\n\t }\n\n\t if (column.locked && !isLocked && lockedCount == 1) {\n\t return;\n\t }\n\n\t that._hideResizeHandle();\n\n\t if (before === undefined) {\n\t before = destIndex < sourceIndex;\n\t }\n\n\t var sourceColumns = [column];\n\n\t that._reorderHeader(sourceColumns, destColumn, before);\n\n\t if (that.lockedHeader) {\n\t removeEmptyRows(that.thead);\n\t removeEmptyRows(that.lockedHeader);\n\t }\n\n\t if (destColumn.columns) {\n\t destColumn = leafColumns(destColumn.columns);\n\t destColumn = destColumn[before ? 0 : destColumn.length - 1];\n\t }\n\n\t if (column.columns) {\n\t sourceColumns = leafColumns(column.columns);\n\t }\n\n\t that._reorderContent(sourceColumns, destColumn, before);\n\n\t lockChanged = !!column.locked;\n\t lockChanged = lockChanged != isLocked;\n\t column.locked = isLocked;\n\n\t columns.splice(before ? destIndex : destIndex + 1, 0, column);\n\t columns.splice(sourceIndex < destIndex ? sourceIndex : sourceIndex + 1, 1);\n\n\t that._updateLockedCols();\n\t that._updateCols();\n\t that._templates();\n\n\t that._updateColumnCellIndex();\n\t that._updateColumnSorters();\n\n\t if (groupHeaderColumnTemplateColumns.length > 0) {\n\t that._renderGroupRows();\n\t }\n\t that._updateTablesWidth();\n\t that._applyLockedContainersWidth();\n\t that._syncLockedHeaderHeight();\n\t that._syncLockedContentHeight();\n\t that._updateFirstColumnClass();\n\n\t if(!lockChanged) {\n\t return;\n\t }\n\n\t if (isLocked) {\n\t that.trigger(COLUMNLOCK, {\n\t column: column\n\t });\n\t } else {\n\t that.trigger(COLUMNUNLOCK, {\n\t column: column\n\t });\n\t }\n\t },\n\n\t _updateColumnCellIndex: function() {\n\t var header;\n\t var offset = 0;\n\n\t if (this.lockedHeader) {\n\t header = this.lockedHeader.find(\"thead\");\n\t offset = updateCellIndex(header, lockedColumns(this.columns));\n\t }\n\t updateCellIndex(this.thead, nonLockedColumns(this.columns), offset);\n\t },\n\n\t lockColumn: function(column) {\n\t var columns = this.columns;\n\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else {\n\t column = grep(columns, function(item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || column.locked || column.hidden) {\n\t return;\n\t }\n\n\t var index = lockedColumns(columns).length - 1;\n\t this.reorderColumn(index, column, false);\n\t },\n\n\t unlockColumn: function(column) {\n\t var columns = this.columns;\n\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else {\n\t column = grep(columns, function(item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || !column.locked || column.hidden) {\n\t return;\n\t }\n\n\t var index = lockedColumns(columns).length;\n\t this.reorderColumn(index, column, true);\n\t },\n\n\t cellIndex: function(td) {\n\t var lockedColumnOffset = 0;\n\n\t if (this.lockedTable && !$.contains(this.lockedTable[0], td[0])) {\n\t lockedColumnOffset = leafColumns(lockedColumns(this.columns)).length;\n\t }\n\n\t return $(td).parent().children('td:not(.k-group-cell,.k-hierarchy-cell)').index(td) + lockedColumnOffset;\n\t },\n\n\t _modelForContainer: function(container) {\n\t container = $(container);\n\n\t if (!container.is(\"tr\") && this._editMode() !== \"popup\") {\n\t container = container.closest(\"tr\");\n\t }\n\n\t var id = container.attr(kendo.attr(\"uid\"));\n\n\t return this.dataSource.getByUid(id);\n\t },\n\n\t _editable: function() {\n\t var that = this,\n\t selectable = that.selectable && that.selectable.options.multiple,\n\t editable = that.options.editable,\n\t handler = function() {\n\t var target = activeElement(),\n\t cell = that._editContainer;\n\n\t if (cell && cell[0] && !$.contains(cell[0], target) && cell[0] !== target && !$(target).closest(\".k-animation-container\").length) {\n\t if (that.editable.end()) {\n\t that.closeCell();\n\t } else {\n\t that._scrollVirtualWrapper();\n\t }\n\t }\n\t };\n\n\t if (editable) {\n\t this.wrapper.addClass(\"k-editable\");\n\n\t var mode = that._editMode();\n\t if (mode === \"incell\") {\n\t that.table.add(that.lockedTable)\n\t .on(\"mousedown\" + NS, NAVROW + \">\" + NAVCELL, function (e) {\n\t var target = $(e.target);\n\t if (that._editMode() === \"incell\" && target.hasClass(\"k-checkbox-label\") && target.prev().attr(kendo.attr(\"bind\"))) {\n\t e.preventDefault();\n\t }\n\t });\n\n\t if (editable.update !== false) {\n\t if (isMac) {\n\t that.wrapper\n\t .on(CLICK + NS, \".k-edit-cell > input[type='checkbox']\", function(e) {\n\t // checking /unchecking a checkbox does not change the document.activeElement to be the checkbox\n\t // this is necessary for the \"focusout\" event to be fired\n\t $(e.target).focus();\n\t })\n\t .on(CLICK + NS, \".k-edit-cell\", function(e) {\n\t if (!$(e.target).is(\"input\")) {\n\t $(e.currentTarget).find(\"input[type='checkbox']\").focus();\n\t }\n\t })\n\t .on(MOUSEDOWN + NS, \"tr:not(.k-grouping-row) > td\", function(e) {\n\t var editContainer = that._editContainer;\n\n\t if (editContainer && editContainer[0] && ($.contains(editContainer[0], e.target) || editContainer[0] === e.target)) {\n\t that._mousedownOnEditCell = true;\n\t } else {\n\t that._mousedownOnEditCell = false;\n\t }\n\t });\n\t }\n\n\t that.wrapper.on((kendo.support.touch ? \"touchstart\" + NS : CLICK + NS), \"tr:not(.k-grouping-row) > td\", function(e) {\n\t var td = $(this),\n\t isLockedCell = that.lockedTable && td.closest(\"table\")[0] === that.lockedTable[0];\n\n\t that._mousedownOnEditCell = false;\n\n\t if (td.hasClass(\"k-hierarchy-cell\") ||\n\t td.hasClass(\"k-detail-cell\") ||\n\t td.hasClass(\"k-group-cell\") ||\n\t td.hasClass(\"k-edit-cell\") ||\n\t td.has(\"a.k-grid-delete\").length ||\n\t td.has(\"button.k-grid-delete\").length ||\n\t (td.closest(\"tbody\")[0] !== that.tbody[0] && !isLockedCell) ||\n\t $(e.target).is(\":input\")) {\n\t return;\n\t }\n\n\t if (that.editable) {\n\t if (that.editable.end()) {\n\t if (selectable) {\n\t $(activeElement()).blur();\n\t }\n\t that.closeCell();\n\t that.editCell(td);\n\t } else {\n\t that._scrollVirtualWrapper();\n\t }\n\t } else {\n\t that.editCell(td);\n\t }\n\n\t })\n\t .on(\"focusin\" + NS, function() {\n\t // fix focus issue in IE\n\t if (!$.contains(this, activeElement())) {\n\t clearTimeout(that.timer);\n\t that.timer = null;\n\t }\n\t })\n\t .on(\"focusout\" + NS, function(e) {\n\t var shouldCloseCell = true;\n\n\t if (isMac && that._mousedownOnEditCell) {\n\t shouldCloseCell = false;\n\t }\n\n\t that._mousedownOnEditCell = false;\n\n\t if (shouldCloseCell) {\n\t that.timer = setTimeout(function() {\n\t handler(e);\n\t }, 1);\n\t }\n\t });\n\t }\n\t } else {\n\t if (editable.update !== false) {\n\t that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible a.k-grid-edit\", function(e) {\n\t e.preventDefault();\n\t that.editRow($(this).closest(\"tr\"));\n\t });\n\n\t if (that._isVirtualInlineEditable()) {\n\t that.wrapper.on(\"focusout\" + NS, \"tr:not(.k-grouping-row) > td\", function() {\n\t if (that.editable && !that.editable.end()) {\n\t that._scrollVirtualWrapper();\n\t }\n\t });\n\t }\n\t }\n\t }\n\n\t if (editable.destroy !== false) {\n\t that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible .k-grid-delete\", function(e) {\n\t e.preventDefault();\n\t e.stopPropagation();\n\t that.removeRow($(this).closest(\"tr\"));\n\t });\n\t } else {\n\t //Required for the MVC server wrapper delete button\n\t that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible button.k-grid-delete\", function(e) {\n\t e.stopPropagation();\n\n\t if (!that._confirmation()) {\n\t e.preventDefault();\n\t }\n\t });\n\t }\n\t }\n\t },\n\n\t editCell: function(cell) {\n\t cell = $(cell);\n\n\t var that = this,\n\t column = leafColumns(that.columns)[that.cellIndex(cell)],\n\t model = that._modelForContainer(cell);\n\n\t that.closeCell();\n\n\t if (model && isColumnEditable(column, model) && !column.command) {\n\t if (that.trigger(BEFOREEDIT, { model: model })) {\n\t return;\n\t }\n\n\t that._attachModelChange(model);\n\n\t that._editContainer = cell;\n\n\t if (that._shouldClearEditableState) {\n\t that._clearEditableState();\n\t }\n\t that.editable = cell.addClass(\"k-edit-cell\")\n\t .kendoEditable({\n\t fields: { field: column.field, format: column.format, editor: column.editor, values: column.values },\n\t model: model,\n\t target: that,\n\t change: function(e) {\n\t if (that.trigger(SAVE, { values: e.values, container: cell, model: model } )) {\n\t e.preventDefault();\n\t }\n\t },\n\t skipFocus: that._isVirtualIncellEditable() && that._editableState ? true : false\n\n\t }).data(\"kendoEditable\");\n\n\t var tr = cell.parent().addClass(\"k-grid-edit-row\");\n\n\t if (that.lockedContent) {\n\t adjustRowHeight(tr[0], that._relatedRow(tr).addClass(\"k-grid-edit-row\")[0]);\n\t that._syncLockedScroll();\n\t }\n\n\t that.trigger(EDIT, { container: cell, model: model });\n\t }\n\t },\n\n\t _adjustLockedHorizontalScrollBar: function() {\n\t var table = this.table,\n\t content = table.parent();\n\n\t var scrollbar = table[0].offsetWidth > content[0].clientWidth ? kendo.support.scrollbar() : 0;\n\t this.lockedContent.height(content[0].offsetHeight - scrollbar);\n\t },\n\n\t _syncLockedScroll: function () {\n\t this.lockedContent[0].scrollTop = this.content[0].scrollTop;\n\t if (this.virtualScrollable) {\n\t this.lockedContent[0].scrollTop = this.wrapper.find(\".k-virtual-scrollable-wrap\")[0].scrollTop;\n\t }\n\t },\n\n\t _syncLockedContentHeight: function() {\n\t if (this.lockedTable) {\n\t if (!this.touchScroller) {\n\t this._adjustLockedHorizontalScrollBar();\n\t }\n\t this._adjustRowsHeight(this.table, this.lockedTable);\n\t }\n\t },\n\n\t _syncLockedHeaderHeight: function() {\n\t if (this.lockedHeader) {\n\t var lockedTable = this.lockedHeader.children(\"table\");\n\t var table = this.thead.parent();\n\n\t this._adjustRowsHeight(lockedTable, table);\n\n\t syncTableHeight(lockedTable, table);\n\t }\n\t },\n\n\t _syncLockedFooterHeight: function() {\n\t if (this.lockedFooter && this.footer && this.footer.length) {\n\t this._adjustRowsHeight(this.lockedFooter.children(\"table\"), this.footer.find(\".k-grid-footer-wrap > table\"));\n\t }\n\t },\n\n\t _destroyEditable: function() {\n\t var that = this;\n\n\t var destroy = function() {\n\t if (that.editable) {\n\n\t var container = that.editView ? that.editView.element : that._editContainer;\n\n\t if (container) {\n\t container.off(CLICK + NS, \"a.k-grid-cancel\", that._editCancelClickHandler);\n\t container.off(CLICK + NS, \"a.k-grid-update\", that._editUpdateClickHandler);\n\t }\n\n\t that._detachModelChange();\n\t that.editable.destroy();\n\t that.editable = null;\n\t that._editContainer = null;\n\t that._destroyEditView();\n\t that._editableIsClosing = null;\n\t }\n\t };\n\n\t if (that.editable) {\n\t if (that._editMode() === \"popup\" && !that._isMobile) {\n\t if (that._editableIsClosing) {\n\t that._editContainer.data(\"kendoWindow\").bind(\"deactivate\", destroy);\n\t }\n\t else {\n\t that._editableIsClosing = true;\n\t that._editContainer.data(\"kendoWindow\").bind(\"deactivate\", destroy).close();\n\t }\n\t } else {\n\t destroy();\n\t }\n\t }\n\t if (that._confirmDialog) {\n\t that._confirmDialog.close();\n\t that._confirmDialog.destroy();\n\t that._confirmDialog = null;\n\t }\n\t },\n\n\t _destroyEditView: function() {\n\t if (this.editView) {\n\t this.editView.purge();\n\t this.editView = null;\n\t this.pane.navigate(\"\");\n\t }\n\t },\n\n\t _attachModelChange: function(model) {\n\t var that = this;\n\n\t that._modelChangeHandler = function(e) {\n\t that._modelChange({ field: e.field, model: this });\n\t };\n\n\t model.bind(\"change\", that._modelChangeHandler);\n\t },\n\n\t _detachModelChange: function() {\n\t var that = this,\n\t container = that._editContainer,\n\t model = that._modelForContainer(container);\n\n\t if (model) {\n\t model.unbind(CHANGE, that._modelChangeHandler);\n\t }\n\t },\n\n\t closeCell: function(isCancel) {\n\t var that = this,\n\t cell = that._editContainer,\n\t column,\n\t tr,\n\t model;\n\n\t if (!cell) {\n\t return;\n\t }\n\n\t model = that._modelForContainer(cell);\n\n\t if (isCancel && that.trigger(\"cancel\", { container: cell, model: model })) {\n\t return;\n\t }\n\n\t that.trigger(CELLCLOSE, { type: isCancel ? \"cancel\" : \"save\", model: model, container: cell });\n\n\t cell.removeClass(\"k-edit-cell\");\n\t column = leafColumns(that.columns)[that.cellIndex(cell)];\n\n\t tr = cell.parent().removeClass(\"k-grid-edit-row\");\n\n\t if (that.lockedContent) {\n\t that._relatedRow(tr).removeClass(\"k-grid-edit-row\");\n\t }\n\n\t that._destroyEditable(); // editable should be destroyed before content of the container is changed\n\n\t that._displayCell(cell, column, model);\n\n\t if (that._shouldClearEditableState) {\n\t that._clearEditableState();\n\t }\n\n\t that.trigger(\"itemChange\", { item: tr, data: model, ns: ui });\n\n\t if (that.lockedContent) {\n\t adjustRowHeight(tr.css(\"height\", \"\")[0], that._relatedRow(tr).css(\"height\", \"\")[0]);\n\t }\n\t },\n\n\t _displayCell: function(cell, column, dataItem) {\n\t var that = this,\n\t state = { storage: {}, count: 0 },\n\t settings = extend({}, kendo.Template, that.options.templateSettings),\n\t tmpl = kendo.template(that._cellTmpl(column, state), settings);\n\n\t if (state.count > 0) {\n\t tmpl = proxy(tmpl, state.storage);\n\t }\n\n\t cell.empty().html(tmpl(dataItem));\n\n\t that.angular(\"compile\", function(){\n\t return {\n\t elements: cell,\n\t data: [ { dataItem: dataItem } ]\n\t };\n\t });\n\t },\n\n\t removeRow: function(row) {\n\t if (!this._confirmation(row)) {\n\t return;\n\t }\n\n\t this._removeRow(row);\n\t },\n\n\t _removeRow: function(row) {\n\t var that = this,\n\t model,\n\t modelId,\n\t key,\n\t schema,\n\t mode = that._editMode();\n\n\t if (mode !== \"incell\") {\n\t that.cancelRow();\n\t }\n\n\t row = $(row);\n\n\t if (that.lockedContent) {\n\t row = row.add(that._relatedRow(row));\n\t }\n\n\t row = row.hide();\n\t model = that._modelForContainer(row);\n\n\t if (model && !that.trigger(REMOVE, { row: row, model: model })) {\n\t schema = that.dataSource.options.schema;\n\t if (that._selectedIds && schema && schema.model) {\n\t modelId = isFunction(that.dataSource.options.schema.model) ? that.dataSource.options.schema.model.fn.idField : that.dataSource.options.schema.model.id;\n\t key = model[modelId];\n\t delete that._selectedIds[key];\n\t }\n\n\t that.dataSource.remove(model);\n\n\t if (mode === \"inline\" || mode === \"popup\") {\n\t that.dataSource.sync();\n\t }\n\t } else if (mode === \"incell\") {\n\t that._destroyEditable();\n\t }\n\t },\n\n\t _editMode: function() {\n\t var mode = \"incell\",\n\t editable = this.options.editable;\n\n\t if (editable !== true) {\n\t if (typeof editable == \"string\") {\n\t mode = editable;\n\t } else {\n\t mode = editable.mode || mode;\n\t }\n\t }\n\n\t return mode;\n\t },\n\n\t editRow: function(row) {\n\t var model;\n\t var that = this;\n\n\t if (row instanceof ObservableObject) {\n\t model = row;\n\t } else {\n\t row = $(row);\n\t model = that._modelForContainer(row);\n\t }\n\n\t var mode = that._editMode();\n\t var container;\n\n\t that.cancelRow();\n\n\t if (model) {\n\t row = that.tbody.children(\"[\" + kendo.attr(\"uid\") + \"=\" + model.uid + \"]\");\n\t that._attachModelChange(model);\n\n\t if (mode === \"popup\") {\n\t that._createPopupEditor(model);\n\t } else if (mode === \"inline\") {\n\t that._createInlineEditor(row, model);\n\t } else if (mode === \"incell\") {\n\t $(row).children(DATA_CELL).each(function() {\n\t var cell = $(this);\n\t var column = leafColumns(that.columns)[that.cellIndex(cell)];\n\n\t model = that._modelForContainer(cell);\n\n\t if (model && (!model.editable || model.editable(column.field)) && column.field && !column.selectable) {\n\t that.editCell(cell);\n\t return false;\n\t }\n\t });\n\t }\n\n\n\t container = that.editView ? that.editView.element : that._editContainer;\n\n\t if (container) {\n\t if (!this._editCancelClickHandler) {\n\t this._editCancelClickHandler = proxy(this._editCancelClick, this);\n\t }\n\n\t container.on(CLICK + NS, \"a.k-grid-cancel\", this._editCancelClickHandler);\n\n\t if (!this._editUpdateClickHandler) {\n\t this._editUpdateClickHandler = proxy(this._editUpdateClick, this);\n\t }\n\n\t container.on(CLICK + NS, \"a.k-grid-update\", this._editUpdateClickHandler);\n\t }\n\t }\n\t },\n\n\t _editUpdateClick: function(e) {\n\t e.preventDefault();\n\t e.stopPropagation();\n\n\t this.saveRow();\n\t },\n\n\t _editCancelClick: function(e) {\n\t var that = this;\n\t var navigatable = that.options.navigatable;\n\t var model = that.editable.options.model;\n\t var container = that.editView ? that.editView.element : that._editContainer;\n\n\t e.preventDefault();\n\t e.stopPropagation();\n\n\t if (that.trigger(\"cancel\", { container: container, model: model })) {\n\t return;\n\t }\n\n\t var currentIndex = that.items().index($(that.current()).parent());\n\n\t that.cancelRow();\n\n\t if (navigatable) {\n\t that._setCurrent(that.items().eq(currentIndex).children().filter(NAVCELL).first());\n\t focusTable(that.table, true);\n\t }\n\t },\n\n\t _createPopupEditor: function(model) {\n\t var that = this;\n\t var html = '