' + (content || \"#=data.value#\") + '', { useWithBlock: !!content }),\n\t empty: template('| ' : ' class=\"k-out-of-range\">') + (empty || \"\") + \" | \", { useWithBlock: !!empty }),\n\t weekNumber: template('' + (weekNumber || \"#= data.weekNumber #\") + \" | \", { useWithBlock: !!weekNumber })\n\t };\n\t },\n\n\t _footer: function() {\n\t var that = this;\n\t var options = that.options;\n\t var template = options.footer !== false ? kendo.template(that.options.footer || '#= kendo.toString(data,\"D\",\"' + options.culture +'\") #', { useWithBlock: false }) : null;\n\t var today = getToday();\n\t var element = that.element;\n\t var footer = element.find(\".k-footer\");\n\n\t if (!template) {\n\t that._toggle(false);\n\t footer.hide();\n\t return;\n\t }\n\n\t if (!footer[0]) {\n\t footer = $('').appendTo(element);\n\t }\n\n\t that._today = footer.show()\n\t .find(\".k-link\")\n\t .html(template(today))\n\t .attr(\"title\", kendo.toString(today, \"D\", that.options.culture));\n\n\t that._toggle();\n\t },\n\n\t _navigate: function(arrow, modifier, preventFocus) {\n\t var that = this;\n\t var index = that._index + 1;\n\t var currentValue = new DATE(+that._current);\n\t var originaValue = new DATE(+that._current);\n\t var offset;\n\n\t arrow = that[arrow];\n\n\t offset = that._cellByDate(currentValue).closest(\"table\").index();\n\n\t if (modifier > 0) {\n\t offset = 1 - offset;\n\t } else {\n\t offset = offset + 1;\n\t }\n\n\t if (!arrow || !arrow.hasClass(DISABLED)) {\n\t if (index > 3) {\n\t currentValue.setFullYear(currentValue.getFullYear() + 100 * (modifier * offset));\n\t } else {\n\t calendar.views[index].setDate(currentValue, (modifier * offset));\n\t }\n\n\t that.navigate(currentValue);\n\n\t if (that._dateInViews(originaValue)) {\n\t that._focusCell(that._cellByDate(originaValue), !preventFocus);\n\t that._current = originaValue;\n\t } else {\n\t if (index > 3) {\n\t originaValue.setFullYear(originaValue.getFullYear() + 100 * modifier);\n\t } else {\n\t calendar.views[index].setDate(originaValue, modifier);\n\t }\n\t that._focusCell(that._cellByDate(originaValue), !preventFocus);\n\t that._current = originaValue;\n\t }\n\t }\n\t },\n\n\t _toggle: function(toggle) {\n\t var that = this;\n\t var options = that.options;\n\t var isTodayDisabled = options.selectable !== \"range\" && that.options.disableDates(getToday());\n\t var link = that._today;\n\n\t if (toggle === undefined) {\n\t toggle = isInRange(getToday(), options.min, options.max);\n\t }\n\n\t if (link) {\n\t link.off(CLICK + ns);\n\n\t if (toggle && !isTodayDisabled) {\n\t link.addClass(TODAY)\n\t .removeClass(DISABLED)\n\t .on(CLICK + ns, proxy(that._todayClick, that));\n\t } else {\n\t link.removeClass(TODAY)\n\t .addClass(DISABLED)\n\t .on(CLICK + ns, function prevent (e) {\n\t e.preventDefault();\n\t });\n\t }\n\t }\n\t },\n\n\t _click: function(link, preventFocus) {\n\t var that = this;\n\t var options = that.options;\n\t var currentValue = new Date(+that._current);\n\t var value = toDateObject(link);\n\n\t kendo.date.adjustDST(value, 0);\n\n\t that._currentView.setDate(currentValue, value);\n\t that._current = value;\n\n\t if (that._currentView.name !== options.depth) {\n\t that.navigateDown(calendar.restrictValue(currentValue, options.min, options.max));\n\t that._focusCell(that._cellByDate(that._current), !preventFocus);\n\t that.trigger(NAVIGATE);\n\t } else {\n\t that._focusCell(link.closest(\"td\"), !preventFocus);\n\t }\n\t },\n\n\t _blur: function() {\n\t var that = this;\n\n\t if (that._cell) {\n\t that._cell.removeClass(FOCUSED);\n\t }\n\t },\n\n\t _focus: function(e) {\n\t var that = this;\n\t var table = $(e.currentTarget);\n\t var cell = that._cell;\n\n\t if (!cell || !$.contains(table[0], cell[0])) {\n\t cell = table.find(CELLSELECTORVALID + \":first\");\n\t }\n\n\t that._focusCell(cell);\n\t },\n\n\t _focusCell: function(cell, focusTable) {\n\t var that = this;\n\t var cellId = that._cellID;\n\t var table = cell.closest(\"table\");\n\n\t if (that._cell && that._cell.length) {\n\t that._cell[0].removeAttribute(ARIA_SELECTED);\n\t that._cell[0].removeAttribute(ARIA_LABEL);\n\t that._cell.removeClass(FOCUSED);\n\t that._cell[0].removeAttribute(ID);\n\t that._cell.closest(\"table\")[0].removeAttribute(\"aria-activedescendant\");\n\t }\n\n\t that._cell = cell;\n\n\t if (focusTable) {\n\t table.trigger(\"focus\");\n\t }\n\n\t if (cellId) {\n\t cell.attr(ID, cellId);\n\t table.attr(\"aria-activedescendant\", cellId);\n\t }\n\n\t cell.attr(ARIA_SELECTED, true).addClass(FOCUSED);\n\n\t if (cell.length && that._currentView.name == \"month\") {\n\t that._current = toDateObject(cell.find(\"a\"));\n\t }\n\t },\n\n\t _todayClick: function(e) {\n\t var that = this;\n\t var disabled = that.options.disableDates;\n\t var today = getToday();\n\t var navigate = false;\n\n\t e.preventDefault();\n\n\t if (disabled(today)) {\n\t return;\n\t }\n\n\t that._value = today;\n\n\t if (that.options.selectable === \"multiple\") {\n\t that._selectDates = [today];\n\t }\n\n\t if (that.options.selectable === \"range\") {\n\t that.rangeSelectable.clear(true);\n\t that._range = { start: today, end: null };\n\t }\n\n\t if (that._currentView.name != \"month\" || !that._dateInViews(today)) {\n\t navigate = true;\n\t }\n\n\t that.navigate(today, that.options.depth);\n\n\t if (that.options.selectable === \"single\") {\n\t that.selectable._lastActive = null;\n\t }\n\n\t if (navigate) {\n\t that.trigger(NAVIGATE);\n\t }\n\n\t that.trigger(CHANGE);\n\t },\n\n\t _validateValue: function(value) {\n\t var that = this;\n\t var options = that.options;\n\t var min = options.min;\n\t var max = options.max;\n\n\t value = kendo.parseDate(value, options.format, options.culture);\n\n\t if (value !== null) {\n\t value = new DATE(+value);\n\n\t if (!isInRange(value, min, max)) {\n\t value = null;\n\t }\n\t }\n\n\t if (value === null || !that.options.disableDates(new Date(+value))) {\n\t that._value = value;\n\t } else if (that._value === undefined) {\n\t that._value = null;\n\t }\n\n\t return that._value;\n\t },\n\n\t _updateAria: function (ariaTemplate, date) {\n\t var that = this;\n\t var cell = that._cellByDate(date || that.current());\n\t var valueType = that.view().valueType();\n\t var current = date || that.current();\n\t var text;\n\n\t that._focusCell(cell);\n\n\t if (valueType === \"month\") {\n\t text = kendo.toString(current, \"MMMM\");\n\t } else if (valueType === \"date\") {\n\t text = kendo.toString(current, \"D\");\n\t } else {\n\t text = cell.text();\n\t }\n\n\t cell.attr(\"aria-label\", ariaTemplate({ current: current, valueType: valueType, text: text }));\n\t return cell.attr(\"id\");\n\t },\n\n\t clearSelection: function () {\n\t var that = this;\n\n\t if (that.selectable) {\n\t that.element.find(DOT+SELECTED).removeClass(SELECTED);\n\t }\n\n\t if (that.rangeSelectable) {\n\t that.rangeSelectable.clear(true);\n\t }\n\t },\n\n\t _restoreSelection: function() {\n\t var that = this;\n\t var range;\n\t var selectable = that.options.selectable;\n\n\t if (that._currentView.name !== that.options.depth) {\n\t return;\n\t }\n\n\t that._preventChange = true;\n\n\t if (selectable === \"range\") {\n\t range = that.selectRange();\n\n\t if (!range || !range.start) {\n\t that._preventChange = false;\n\t return;\n\t }\n\n\t that.selectRange(range);\n\t }\n\n\t if (selectable === \"single\" && that.value()) {\n\t that.selectable.value(that._cellByDate(that.value()));\n\t }\n\n\t if (selectable === \"multiple\") {\n\t that._visualizeSelectedDatesInView();\n\t }\n\n\t that._preventChange = false;\n\t },\n\n\t value: function(value) {\n\t var that = this;\n\t var cell;\n\n\t if (value === undefined) {\n\t return that._value;\n\t }\n\n\t value = that._validateValue(value);\n\n\t that.clearSelection();\n\n\t if (value && !that._dateInViews(value)) {\n\t that.navigate(value);\n\t }\n\n\t if (value !== null && that._currentView.name === MONTH) {\n\t cell = that._cellByDate(value);\n\n\t if (that.selectable) {\n\t that.selectable.value(cell);\n\t }\n\n\t if (that.rangeSelectable) {\n\t that.rangeSelectable.start(cell);\n\t that.rangeSelectable._lastActive = cell;\n\t }\n\t }\n\t },\n\n\t selectDates: function(dates) {\n\t var that = this;\n\t var validSelectedDates;\n\t var datesUnique;\n\n\t if(dates === undefined) {\n\t return that._selectDates;\n\t }\n\n\t datesUnique = dates\n\t .map(function (date) { return date.getTime(); })\n\t .filter(function (date, position, array) {\n\t return array.indexOf(date) === position;\n\t })\n\t .map(function (time) { return new Date(time); });\n\n\t validSelectedDates = $.grep(datesUnique, function(value) {\n\t if(value) {\n\t return +that._validateValue(new Date(value.setHours(0, 0, 0, 0))) === +value;\n\t }\n\t });\n\t that._selectDates = validSelectedDates.length > 0 ? validSelectedDates : (datesUnique.length === 0 ? datesUnique : that._selectDates);\n\t that._visualizeSelectedDatesInView();\n\t },\n\n\t selectRange: function(range) {\n\t var that = this;\n\t var startInRange;\n\t var endInRange;\n\t var visibleRange;\n\n\t if (range === undefined) {\n\t return that._range;\n\t }\n\n\t that._range = range;\n\n\t if (!range.start) {\n\t return;\n\t }\n\n\t visibleRange = that._visibleRange();\n\n\t startInRange = that._dateInViews(range.start);\n\t endInRange = range.end && that._dateInViews(range.end);\n\n\t if (!startInRange && endInRange) {\n\t that.rangeSelectable.selectTo(that._cellByDate(range.end));\n\t }\n\n\t if (startInRange && endInRange) {\n\t that.rangeSelectable.range(that._cellByDate(range.start), that._cellByDate(range.end));\n\t }\n\n\t if (range.end && startInRange && !endInRange) {\n\t that.rangeSelectable.selectFrom(that._cellByDate(range.start));\n\t }\n\n\t if (!range.end && startInRange) {\n\t that.rangeSelectable.start(that._cellByDate(range.start));\n\t }\n\n\t if (+visibleRange.start > +range.start && +visibleRange.end < +range.end) {\n\t that.rangeSelectable.mid(that.element.find(CELLSELECTORVALID));\n\t }\n\t }\n\t });\n\n\t kendo.ui.plugin(MultiViewCalendar);\n\n\t function mousetoggle(e) {\n\t var disabled = $(this).hasClass(\"k-state-disabled\");\n\n\t if (!disabled) {\n\t $(this).toggleClass(HOVER, MOUSEENTER.indexOf(e.type) > -1 || e.type == FOCUS);\n\t }\n\t }\n\n\t function addDaysToArray(array, numberOfDays, fromDate, disableDates) {\n\t for(var i = 0; i <= numberOfDays; i++) {\n\t var nextDay = new Date(fromDate.getTime());\n\t nextDay = new Date(nextDay.setDate(nextDay.getDate() + i));\n\t if(!disableDates(nextDay)) {\n\t array.push(nextDay);\n\t }\n\t }\n\t }\n\n\t function daysBetweenTwoDates(startDate, endDate) {\n\t if(+endDate < +startDate) {\n\t var temp = +startDate;\n\t calendar.views[0].setDate(startDate, endDate);\n\t calendar.views[0].setDate(endDate, new Date(temp));\n\t }\n\t var fromDateUTC = Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());\n\t var endDateUTC = Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate());\n\n\t return Math.ceil((+endDateUTC - +fromDateUTC) / kendo.date.MS_PER_DAY);\n\t }\n\n\t function shiftDate(value, dimension, numberOfViews) {\n\t var current;\n\t if (dimension === \"month\") {\n\t current = new DATE(value.getFullYear(), value.getMonth() + numberOfViews, value.getDate());\n\t current.setFullYear(value.getFullYear());\n\t if (Math.abs(current.getMonth() - value.getMonth()) > numberOfViews || numberOfViews > 10) {\n\t current.setMonth(value.getMonth() + numberOfViews);\n\t current = calendar.views[0].last(current);\n\t }\n\t return current;\n\t } else if (dimension === \"year\") {\n\t current = new DATE(1, value.getMonth(), value.getDate());\n\t current.setFullYear(value.getFullYear() + numberOfViews);\n\t if (Math.abs(current.getFullYear() - value.getFullYear()) > numberOfViews) {\n\t current = new DATE(1, value.getMonth(), 1);\n\t current.setFullYear(value.getFullYear() + numberOfViews);\n\t current = calendar.views[1].last(current);\n\t }\n\t return current;\n\t } else if (dimension === \"decade\") {\n\t current = new DATE(1, value.getMonth(), value.getDate());\n\t current.setFullYear(value.getFullYear() + 10*numberOfViews);\n\t if (Math.abs(current.getFullYear() - value.getFullYear()) > 10*numberOfViews) {\n\t current = new DATE(1, value.getMonth(), 1);\n\t current.setFullYear(value.getFullYear() + 10*numberOfViews);\n\t current = calendar.views[2].last(current);\n\t }\n\t return current;\n\t } else if (dimension === \"century\") {\n\t current = new DATE(1, value.getMonth(), value.getDate());\n\t current.setFullYear(value.getFullYear() + 100*numberOfViews);\n\t if (Math.abs(current.getFullYear() - value.getFullYear()) > 100*numberOfViews) {\n\t current = new DATE(1, value.getMonth(), 1);\n\t current.setFullYear(value.getFullYear() + 100*numberOfViews);\n\t current = calendar.views[3].last(current);\n\t }\n\t return current;\n\t }\n\t }\n\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__(1286);\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/***/ 1286:\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__(1287) ], __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: \"imagebrowser\",\n\t name: \"ImageBrowser\",\n\t category: \"web\",\n\t description: \"\",\n\t hidden: true,\n\t depends: [ \"filebrowser\" ]\n\t};\n\n\t(function($, undefined) {\n\t var kendo = window.kendo,\n\t FileBrowser = kendo.ui.FileBrowser,\n\t isPlainObject = $.isPlainObject,\n\t proxy = $.proxy,\n\t extend = $.extend,\n\t isFunction = kendo.isFunction,\n\t trimSlashesRegExp = /(^\\/|\\/$)/g,\n\t ERROR = \"error\",\n\t NS = \".kendoImageBrowser\",\n\t NAMEFIELD = \"name\",\n\t SIZEFIELD = \"size\",\n\t TYPEFIELD = \"type\",\n\t DEFAULTSORTORDER = { field: TYPEFIELD, dir: \"asc\" },\n\t EMPTYTILE = kendo.template('${text}
');\n\n\t extend(true, kendo.data, {\n\t schemas: {\n\t \"imagebrowser\": {\n\t data: function(data) {\n\t return data.items || data || [];\n\t },\n\t model: {\n\t id: \"name\",\n\t fields: {\n\t name: \"name\",\n\t size: \"size\",\n\t type: \"type\"\n\t }\n\t }\n\t }\n\t }\n\t });\n\n\t extend(true, kendo.data, {\n\t transports: {\n\t \"imagebrowser\": kendo.data.RemoteTransport.extend({\n\t init: function(options) {\n\t kendo.data.RemoteTransport.fn.init.call(this, $.extend(true, {}, this.options, options));\n\t },\n\t _call: function(type, options) {\n\t options.data = $.extend({}, options.data, { path: this.options.path() });\n\n\t if (isFunction(this.options[type])) {\n\t this.options[type].call(this, options);\n\t } else {\n\t kendo.data.RemoteTransport.fn[type].call(this, options);\n\t }\n\t },\n\t read: function(options) {\n\t this._call(\"read\", options);\n\t },\n\t create: function(options) {\n\t this._call(\"create\", options);\n\t },\n\t destroy: function(options) {\n\t this._call(\"destroy\", options);\n\t },\n\t update: function() {\n\t //updates are handled by the upload\n\t },\n\t options: {\n\t read: {\n\t type: \"POST\"\n\t },\n\t update: {\n\t type: \"POST\"\n\t },\n\t create: {\n\t type: \"POST\"\n\t },\n\t destroy: {\n\t type: \"POST\"\n\t }\n\t }\n\t })\n\t }\n\t });\n\n\t function offsetTop(element) {\n\t return element.offsetTop - $(element).height();\n\t }\n\n\t function concatPaths(path, name) {\n\t if(path === undefined || !path.match(/\\/$/)) {\n\t path = (path || \"\") + \"/\";\n\t }\n\t return path + name;\n\t }\n\n\t function sizeFormatter(value) {\n\t if(!value) {\n\t return \"\";\n\t }\n\n\t var suffix = \" bytes\";\n\n\t if (value >= 1073741824) {\n\t suffix = \" GB\";\n\t value /= 1073741824;\n\t } else if (value >= 1048576) {\n\t suffix = \" MB\";\n\t value /= 1048576;\n\t } else if (value >= 1024) {\n\t suffix = \" KB\";\n\t value /= 1024;\n\t }\n\n\t return Math.round(value * 100) / 100 + suffix;\n\t }\n\n\t var ImageBrowser = FileBrowser.extend({\n\t init: function(element, options) {\n\t var that = this;\n\n\t options = options || {};\n\n\t FileBrowser.fn.init.call(that, element, options);\n\n\t that.element.addClass(\"k-imagebrowser\");\n\t },\n\n\t options: {\n\t name: \"ImageBrowser\",\n\t fileTypes: \"*.png,*.gif,*.jpg,*.jpeg\"\n\t },\n\n\t value: function () {\n\t var that = this,\n\t selected = that._selectedItem(),\n\t path,\n\t imageUrl = that.options.transport.imageUrl;\n\n\t if (selected && selected.get(TYPEFIELD) === \"f\") {\n\t path = concatPaths(that.path(), selected.get(NAMEFIELD)).replace(trimSlashesRegExp, \"\");\n\t if (imageUrl) {\n\t path = isFunction(imageUrl) ? imageUrl(path) : kendo.format(imageUrl, encodeURIComponent(path));\n\t }\n\t return path;\n\t }\n\t },\n\n\t _fileUpload: function(e) {\n\t var that = this,\n\t options = that.options,\n\t fileTypes = options.fileTypes,\n\t filterRegExp = new RegExp((\"(\" + fileTypes.split(\",\").join(\")|(\") + \")\").replace(/\\*\\./g , \".*.\"), \"i\"),\n\t fileName = e.files[0].name,\n\t fileSize = e.files[0].size,\n\t fileNameField = NAMEFIELD,\n\t sizeField = SIZEFIELD,\n\t file;\n\n\t if (filterRegExp.test(fileName)) {\n\t e.data = { path: that.path() };\n\n\t file = that._createFile(fileName, fileSize);\n\n\t if (!file) {\n\t e.preventDefault();\n\t } else {\n\t file._uploading = true;\n\n\t that.upload.one(\"error\", function() {\n\t file = undefined;\n\t });\n\n\t that.upload.one(\"success\", function(e) {\n\t if (file) {\n\t delete file._uploading;\n\n\t var model = that._insertFileToList(file);\n\n\t model.set(fileNameField, e.response[that._getFieldName(fileNameField)]);\n\t model.set(sizeField, e.response[that._getFieldName(sizeField)]);\n\n\t that._tiles = that.listView.items().filter(\"[\" + kendo.attr(\"type\") + \"=f]\");\n\t that._scroll();\n\t }\n\t });\n\t }\n\t } else {\n\t e.preventDefault();\n\t that._showMessage(kendo.format(options.messages.invalidFileType, fileName, fileTypes));\n\t }\n\t },\n\n\t _content: function() {\n\t var that = this;\n\n\t that.list = $('')\n\t .appendTo(that.element)\n\t .on(\"dblclick\" + NS, \".k-listview-item\", proxy(that._dblClick, that));\n\n\t that.listView = new kendo.ui.ListView(that.list, {\n\t layout: \"flex\",\n\t flex: {\n\t direction: \"row\",\n\t wrap: \"wrap\"\n\t },\n\t dataSource: that.dataSource,\n\t template: that._itemTmpl(),\n\t editTemplate: that._editTmpl(),\n\t selectable: true,\n\t autoBind: false,\n\t dataBinding: function(e) {\n\n\t that.toolbar.find(\".k-i-close\").parent().addClass(\"k-state-disabled\");\n\n\t if (e.action === \"remove\" || e.action === \"sync\") {\n\t e.preventDefault();\n\t kendo.ui.progress(that.listView.content, false);\n\t }\n\t },\n\t dataBound: function() {\n\t if (that.dataSource.view().length) {\n\t that._tiles = this.items().filter(\"[\" + kendo.attr(\"type\") + \"=f]\");\n\t that._scroll();\n\t } else {\n\t this.content.append(EMPTYTILE({ text: that.options.messages.emptyFolder }));\n\t }\n\t },\n\t change: proxy(that._listViewChange, that)\n\t });\n\n\t that.listView.content.on(\"scroll\" + NS, proxy(that._scroll, that));\n\t },\n\n\t _dataSource: function() {\n\t var that = this,\n\t options = that.options,\n\t transport = options.transport,\n\t typeSortOrder = extend({}, DEFAULTSORTORDER),\n\t nameSortOrder = { field: NAMEFIELD, dir: \"asc\" },\n\t schema,\n\t dataSource = {\n\t type: transport.type || \"imagebrowser\",\n\t sort: [typeSortOrder, nameSortOrder]\n\t };\n\n\t if (isPlainObject(transport)) {\n\t transport.path = proxy(that.path, that);\n\t dataSource.transport = transport;\n\t }\n\n\t if (isPlainObject(options.schema)) {\n\t dataSource.schema = options.schema;\n\t } else if (transport.type && isPlainObject(kendo.data.schemas[transport.type])) {\n\t schema = kendo.data.schemas[transport.type];\n\t }\n\n\t if (that.dataSource && that._errorHandler) {\n\t that.dataSource.unbind(ERROR, that._errorHandler);\n\t } else {\n\t that._errorHandler = proxy(that._error, that);\n\t }\n\n\t that.dataSource = kendo.data.DataSource.create(dataSource)\n\t .bind(ERROR, that._errorHandler);\n\t },\n\n\t _loadImage: function(li) {\n\t var that = this,\n\t element = $(li),\n\t dataItem = that.dataSource.getByUid(element.attr(kendo.attr(\"uid\"))),\n\t name = dataItem.get(NAMEFIELD),\n\t thumbnailUrl = that.options.transport.thumbnailUrl,\n\t img = $(\"![]()
\", { alt: name }),\n\t urlJoin = \"?\";\n\n\t if (dataItem._uploading) {\n\t return;\n\t }\n\n\t img.hide()\n\t .on(\"load\" + NS, function() {\n\t $(this).prev().remove().end().addClass(\"k-image k-file-image\").fadeIn();\n\t });\n\n\t element.find(\".k-i-loading\").after(img);\n\n\t if (isFunction(thumbnailUrl)) {\n\t thumbnailUrl = thumbnailUrl(that.path(), encodeURIComponent(name));\n\t } else {\n\t if (thumbnailUrl.indexOf(\"?\") >= 0) {\n\t urlJoin = \"&\";\n\t }\n\n\t thumbnailUrl = thumbnailUrl + urlJoin + \"path=\" + encodeURIComponent(that.path() + name);\n\t if (dataItem._override) {\n\t thumbnailUrl += \"&_=\" + new Date().getTime();\n\t delete dataItem._override;\n\t }\n\t }\n\n\t // IE8 will trigger the load event immediately when the src is assigned\n\t // if the image is loaded from the cache\n\t img.attr(\"src\", thumbnailUrl);\n\n\t li.loaded = true;\n\t },\n\n\t _scroll: function() {\n\t var that = this;\n\t if (that.options.transport && that.options.transport.thumbnailUrl) {\n\t clearTimeout(that._timeout);\n\n\t that._timeout = setTimeout(function() {\n\n\t var height = kendo._outerHeight(that.listView.content),\n\t viewTop = that.listView.content.scrollTop(),\n\t viewBottom = viewTop + height;\n\n\t that._tiles.each(function() {\n\t var top = offsetTop(this),\n\t bottom = top + this.offsetHeight;\n\n\t if ((top >= viewTop && top < viewBottom) || (bottom >= viewTop && bottom < viewBottom)) {\n\t that._loadImage(this);\n\t }\n\n\t if (top > viewBottom) {\n\t return false;\n\t }\n\t });\n\n\t that._tiles = that._tiles.filter(function() {\n\t return !this.loaded;\n\t });\n\n\t }, 250);\n\t }\n\t },\n\n\t _itemTmpl: function() {\n\t var that = this,\n\t html = '';\n\t html += '#if(' + TYPEFIELD + ' == \"d\") { #';\n\t html += '
';\n\t html += \"#}else{#\";\n\t if (that.options.transport && that.options.transport.thumbnailUrl) {\n\t html += '
';\n\t } else {\n\t html += '
';\n\t }\n\t html += \"#}#\";\n\t html += '
${' + NAMEFIELD + '}';\n\t html += '#if(' + TYPEFIELD + ' == \"f\") { #
${this.sizeFormatter(' + SIZEFIELD + ')} #}#';\n\t html += '
${text}
'),\n\t TOOLBARTMPL = '';\n\n\t extend(true, kendo.data, {\n\t schemas: {\n\t \"filebrowser\": {\n\t data: function(data) {\n\t return data.items || data || [];\n\t },\n\t model: {\n\t id: \"name\",\n\t fields: {\n\t name: \"name\",\n\t size: \"size\",\n\t type: \"type\"\n\t }\n\t }\n\t }\n\t }\n\t });\n\n\t extend(true, kendo.data, {\n\t transports: {\n\t \"filebrowser\": kendo.data.RemoteTransport.extend({\n\t init: function(options) {\n\t kendo.data.RemoteTransport.fn.init.call(this, $.extend(true, {}, this.options, options));\n\t },\n\t _call: function(type, options) {\n\t options.data = $.extend({}, options.data, { path: this.options.path() });\n\n\t if (isFunction(this.options[type])) {\n\t this.options[type].call(this, options);\n\t } else {\n\t kendo.data.RemoteTransport.fn[type].call(this, options);\n\t }\n\t },\n\t read: function(options) {\n\t this._call(\"read\", options);\n\t },\n\t create: function(options) {\n\t this._call(\"create\", options);\n\t },\n\t destroy: function(options) {\n\t this._call(\"destroy\", options);\n\t },\n\t update: function() {\n\t //updates are handled by the upload\n\t },\n\t options: {\n\t read: {\n\t type: \"POST\"\n\t },\n\t update: {\n\t type: \"POST\"\n\t },\n\t create: {\n\t type: \"POST\"\n\t },\n\t destroy: {\n\t type: \"POST\"\n\t }\n\t }\n\t })\n\t }\n\t });\n\n\t function bindDragEventWrappers(element, onDragEnter, onDragLeave) {\n\t var hideInterval, lastDrag;\n\n\t element\n\t .on(\"dragenter\" + NS, function() {\n\t onDragEnter();\n\t lastDrag = new Date();\n\n\t if (!hideInterval) {\n\t hideInterval = setInterval(function() {\n\t var sinceLastDrag = new Date() - lastDrag;\n\t if (sinceLastDrag > 100) {\n\t onDragLeave();\n\n\t clearInterval(hideInterval);\n\t hideInterval = null;\n\t }\n\t }, 100);\n\t }\n\t })\n\t .on(\"dragover\" + NS, function() {\n\t lastDrag = new Date();\n\t });\n\t }\n\n\t function concatPaths(path, name) {\n\t if(path === undefined || !path.match(/\\/$/)) {\n\t path = (path || \"\") + \"/\";\n\t }\n\t return path + name;\n\t }\n\n\t function sizeFormatter(value) {\n\t if(!value) {\n\t return \"\";\n\t }\n\n\t var suffix = \" bytes\";\n\n\t if (value >= 1073741824) {\n\t suffix = \" GB\";\n\t value /= 1073741824;\n\t } else if (value >= 1048576) {\n\t suffix = \" MB\";\n\t value /= 1048576;\n\t } else if (value >= 1024) {\n\t suffix = \" KB\";\n\t value /= 1024;\n\t }\n\n\t return Math.round(value * 100) / 100 + suffix;\n\t }\n\n\t function fieldName(fields, name) {\n\t var descriptor = fields[name];\n\n\t if (isPlainObject(descriptor)) {\n\t return descriptor.from || descriptor.field || name;\n\t }\n\t return descriptor;\n\t }\n\n\t var FileBrowser = Widget.extend({\n\t init: function(element, options) {\n\t var that = this;\n\n\t options = options || {};\n\n\t Widget.fn.init.call(that, element, options);\n\n\t that.element.addClass(\"k-filebrowser\");\n\n\t that.element\n\t .on(CLICK + NS, \".k-filebrowser-toolbar button:not(.k-state-disabled):has(.k-i-close)\", proxy(that._deleteClick, that))\n\t .on(CLICK + NS, \".k-filebrowser-toolbar button:not(.k-state-disabled):has(.k-i-folder-add)\", proxy(that._addClick, that))\n\t .on(\"keydown\" + NS, \".k-listview-item.k-state-selected input\", proxy(that._directoryKeyDown, that))\n\t .on(\"blur\" + NS, \".k-listview-item.k-state-selected input\", proxy(that._directoryBlur, that));\n\n\t that._dataSource();\n\n\t that.refresh();\n\n\t that.path(that.options.path);\n\t },\n\n\t options: {\n\t name: \"FileBrowser\",\n\t messages: {\n\t uploadFile: \"Upload\",\n\t orderBy: \"Arrange by\",\n\t orderByName: \"Name\",\n\t orderBySize: \"Size\",\n\t directoryNotFound: \"A directory with this name was not found.\",\n\t emptyFolder: \"Empty Folder\",\n\t deleteFile: 'Are you sure you want to delete \"{0}\"?',\n\t invalidFileType: \"The selected file \\\"{0}\\\" is not valid. Supported file types are {1}.\",\n\t overwriteFile: \"A file with name \\\"{0}\\\" already exists in the current directory. Do you want to overwrite it?\",\n\t dropFilesHere: \"drop file here to upload\",\n\t search: \"Search\"\n\t },\n\t transport: {},\n\t path: \"/\",\n\t fileTypes: \"*.*\"\n\t },\n\n\t events: [ERROR, CHANGE, APPLY],\n\n\t destroy: function() {\n\t var that = this;\n\n\t Widget.fn.destroy.call(that);\n\n\t that.dataSource\n\t .unbind(ERROR, that._errorHandler);\n\n\t that.element\n\t .add(that.list)\n\t .add(that.toolbar)\n\t .off(NS);\n\n\t kendo.destroy(that.element);\n\t },\n\n\t value: function() {\n\t var that = this,\n\t selected = that._selectedItem(),\n\t path,\n\t fileUrl = that.options.transport.fileUrl;\n\n\t if (selected && selected.get(TYPEFIELD) === \"f\") {\n\t path = concatPaths(that.path(), selected.get(NAMEFIELD)).replace(trimSlashesRegExp, \"\");\n\t if (fileUrl) {\n\t path = isFunction(fileUrl) ? fileUrl(path) : kendo.format(fileUrl, encodeURIComponent(path));\n\t }\n\t return path;\n\t }\n\t },\n\n\t _selectedItem: function() {\n\t var listView = this.listView,\n\t selected = listView.select();\n\n\t if (selected.length) {\n\t return this.dataSource.getByUid(selected.attr(kendo.attr(\"uid\")));\n\t }\n\t },\n\n\t _toolbar: function() {\n\t var that = this,\n\t template = kendo.template(TOOLBARTMPL),\n\t messages = that.options.messages,\n\t arrangeBy = [\n\t { text: messages.orderByName, value: \"name\" },\n\t { text: messages.orderBySize, value: \"size\" }\n\t ];\n\n\t that.toolbar = $(template({\n\t messages: messages,\n\t showUpload: that.options.transport.uploadUrl,\n\t showCreate: that.options.transport.create,\n\t showDelete: that.options.transport.destroy\n\t }))\n\t .appendTo(that.element)\n\t .find(\".k-upload input\")\n\t .kendoUpload({\n\t multiple: false,\n\t localization: {\n\t dropFilesHere: messages.dropFilesHere\n\t },\n\t async: {\n\t saveUrl: that.options.transport.uploadUrl,\n\t autoUpload: true\n\t },\n\t upload: proxy(that._fileUpload, that),\n\t error: function(e) {\n\t that._error({ xhr: e.XMLHttpRequest, status: \"error\" });\n\t }\n\t }).end();\n\n\t that.upload = that.toolbar\n\t .find(\".k-upload input\")\n\t .data(\"kendoUpload\");\n\n\t that.arrangeBy = that.toolbar.find(\".k-tiles-arrange select\")\n\t .kendoDropDownList({\n\t dataSource: arrangeBy,\n\t dataTextField: \"text\",\n\t dataValueField: \"value\",\n\t change: function() {\n\t that.orderBy(this.value());\n\t }\n\t })\n\t .data(\"kendoDropDownList\");\n\n\t that.searchBox = that.toolbar.find(\"input[data-role='searchbox']\")\n\t .kendoSearchBox({\n\t label: that.options.messages.search,\n\t change: function() {\n\t that.search(this.value());\n\t }\n\t }).data(\"kendoSearchBox\");\n\n\t that._attachDropzoneEvents();\n\t },\n\n\t _attachDropzoneEvents: function() {\n\t var that = this;\n\n\t if (that.options.transport.uploadUrl) {\n\t bindDragEventWrappers($(document.documentElement),\n\t $.proxy(that._dropEnter, that),\n\t $.proxy(that._dropLeave, that)\n\t );\n\t that._scrollHandler = proxy(that._positionDropzone, that);\n\t }\n\t },\n\n\t _dropEnter: function() {\n\t this._positionDropzone();\n\t $(document).on(\"scroll\" + NS, this._scrollHandler);\n\t },\n\n\t _dropLeave: function() {\n\t this._removeDropzone();\n\t $(document).off(\"scroll\" + NS, this._scrollHandler);\n\t },\n\n\t _positionDropzone: function() {\n\t var that = this,\n\t element = that.element,\n\t offset = element.offset();\n\n\t that.toolbar.find(\".k-dropzone\")\n\t .addClass(\"k-filebrowser-dropzone\")\n\t .offset(offset)\n\t .css({\n\t width: element[0].clientWidth,\n\t height: element[0].clientHeight,\n\t lineHeight: element[0].clientHeight + \"px\"\n\t });\n\t },\n\n\t _removeDropzone: function() {\n\t this.toolbar.find(\".k-dropzone\")\n\t .removeClass(\"k-filebrowser-dropzone\")\n\t .css({ width: \"\", height: \"\", lineHeight: \"\", top: \"\", left: \"\" });\n\t },\n\n\t _deleteClick: function() {\n\t var that = this,\n\t item = that.listView.select(),\n\t message = kendo.format(that.options.messages.deleteFile, item.find(\".k-file-name\").text());\n\n\t if (item.length && that._showMessage(message, \"confirm\")) {\n\t that.listView.remove(item);\n\t }\n\t },\n\n\t _addClick: function() {\n\t this.createDirectory();\n\t },\n\n\t _getFieldName: function(name) {\n\t return fieldName(this.dataSource.reader.model.fields, name);\n\t },\n\n\t _fileUpload: function(e) {\n\t var that = this,\n\t options = that.options,\n\t fileTypes = options.fileTypes,\n\t filterRegExp = new RegExp((\"(\" + fileTypes.split(\",\").join(\")|(\") + \")\").replace(/\\*\\./g , \".*.\"), \"i\"),\n\t fileName = e.files[0].name,\n\t fileSize = e.files[0].size,\n\t fileNameField = NAMEFIELD,\n\t sizeField = SIZEFIELD,\n\t file;\n\n\t if (filterRegExp.test(fileName)) {\n\t e.data = { path: that.path() };\n\n\t file = that._createFile(fileName, fileSize);\n\n\t if (!file) {\n\t e.preventDefault();\n\t } else {\n\t that.upload.one(\"success\", function(e) {\n\t var model = that._insertFileToList(file);\n\n\t if(model._override) {\n\t model.set(fileNameField, e.response[that._getFieldName(fileNameField)]);\n\t model.set(sizeField, e.response[that._getFieldName(sizeField)]);\n\n\t that.listView.dataSource.pushUpdate(model);\n\t }\n\n\t that._tiles = that.listView.items().filter(\"[\" + kendo.attr(\"type\") + \"=f]\");\n\t });\n\t }\n\t } else {\n\t e.preventDefault();\n\t that._showMessage(kendo.format(options.messages.invalidFileType, fileName, fileTypes));\n\t }\n\t },\n\n\t _findFile: function(name) {\n\t var data = this.dataSource.data(),\n\t idx,\n\t result,\n\t typeField = TYPEFIELD,\n\t nameField = NAMEFIELD,\n\t length;\n\n\t name = name.toLowerCase();\n\n\t for (idx = 0, length = data.length; idx < length; idx++) {\n\t if (data[idx].get(typeField) === \"f\" &&\n\t data[idx].get(nameField).toLowerCase() === name) {\n\n\t result = data[idx];\n\t break;\n\t }\n\t }\n\t return result;\n\t },\n\n\t _createFile: function(fileName, fileSize) {\n\t var that = this,\n\t model = {},\n\t typeField = TYPEFIELD,\n\t file = that._findFile(fileName);\n\n\t if (file) {\n\t if (!that._showMessage(kendo.format(that.options.messages.overwriteFile, fileName), \"confirm\")) {\n\t return null;\n\t } else {\n\t file._override = true;\n\t return file;\n\t }\n\t }\n\n\t model[typeField] = \"f\";\n\t model[NAMEFIELD] = fileName;\n\t model[SIZEFIELD] = fileSize;\n\n\t return model;\n\t },\n\n\t _insertFileToList: function(model) {\n\t var index;\n\t if(model._override) {\n\t return model;\n\t }\n\n\t var dataSource = this.dataSource;\n\t var view = dataSource.view();\n\n\t for (var i = 0, length = view.length; i < length; i++) {\n\t if (view[i].get(TYPEFIELD) === \"f\") {\n\t index = i;\n\t break;\n\t }\n\t }\n\n\t return dataSource.insert(++index, model);\n\t },\n\n\t createDirectory: function() {\n\t var that = this,\n\t idx,\n\t length,\n\t lastDirectoryIdx = 0,\n\t typeField = TYPEFIELD,\n\t nameField = NAMEFIELD,\n\t view = that.dataSource.data(),\n\t name = that._nameDirectory(),\n\t model = new that.dataSource.reader.model();\n\n\t for (idx = 0, length = view.length; idx < length; idx++) {\n\t if (view[idx].get(typeField) === \"d\") {\n\t lastDirectoryIdx = idx;\n\t }\n\t }\n\n\t model.set(typeField, \"d\");\n\t model.set(nameField, name);\n\n\t that.listView.one(\"dataBound\", function() {\n\t var selected = that.listView.items()\n\t .filter(\"[\" + kendo.attr(\"uid\") + \"=\" + model.uid + \"]\");\n\n\t if (selected.length) {\n\t this.edit(selected);\n\t }\n\n\t this.element.scrollTop(selected.attr(\"offsetTop\") - this.element[0].offsetHeight);\n\n\t setTimeout(function() {\n\t that.listView.element.find('.k-edit-item input').select();\n\t });\n\t })\n\t .one(\"save\", function(e) {\n\t var value = e.model.get(nameField);\n\n\t if (!value) {\n\t e.model.set(nameField, name);\n\t } else {\n\t e.model.set(nameField, that._nameExists(value, model.uid) ? that._nameDirectory() : value);\n\t }\n\t });\n\n\t that.dataSource.insert(++lastDirectoryIdx, model);\n\t },\n\n\t _directoryKeyDown: function(e) {\n\t if (e.keyCode == 13) {\n\t e.currentTarget.blur();\n\t }\n\t },\n\n\t _directoryBlur: function() {\n\t this.listView.save();\n\t },\n\n\t _nameExists: function(name, uid) {\n\t var data = this.dataSource.data(),\n\t typeField = TYPEFIELD,\n\t nameField = NAMEFIELD,\n\t idx,\n\t length;\n\n\t for (idx = 0, length = data.length; idx < length; idx++) {\n\t if (data[idx].get(typeField) === \"d\" &&\n\t data[idx].get(nameField).toLowerCase() === name.toLowerCase() &&\n\t data[idx].uid !== uid) {\n\t return true;\n\t }\n\t }\n\t return false;\n\t },\n\n\t _nameDirectory: function() {\n\t var name = \"New folder\",\n\t data = this.dataSource.data(),\n\t directoryNames = [],\n\t typeField = TYPEFIELD,\n\t nameField = NAMEFIELD,\n\t candidate,\n\t idx,\n\t length;\n\n\t for (idx = 0, length = data.length; idx < length; idx++) {\n\t if (data[idx].get(typeField) === \"d\" && data[idx].get(nameField).toLowerCase().indexOf(name.toLowerCase()) > -1) {\n\t directoryNames.push(data[idx].get(nameField));\n\t }\n\t }\n\n\t if ($.inArray(name, directoryNames) > -1) {\n\t idx = 2;\n\n\t do {\n\t candidate = name + \" (\" + idx + \")\";\n\t idx++;\n\t } while ($.inArray(candidate, directoryNames) > -1);\n\n\t name = candidate;\n\t }\n\n\t return name;\n\t },\n\n\t orderBy: function(field) {\n\t this.dataSource.sort([\n\t { field: TYPEFIELD, dir: \"asc\" },\n\t { field: field, dir: \"asc\" }\n\t ]);\n\t },\n\n\t search: function(name) {\n\t this.dataSource.filter({\n\t field: NAMEFIELD,\n\t operator: \"contains\",\n\t value: name\n\t });\n\t },\n\n\t _content: function() {\n\t var that = this;\n\n\t that.list = $('')\n\t .appendTo(that.element)\n\t .on(\"dblclick\" + NS, \".k-listview-item\", proxy(that._dblClick, that));\n\n\t that.listView = new kendo.ui.ListView(that.list, {\n\t layout: \"flex\",\n\t flex: {\n\t direction: \"row\",\n\t wrap: \"wrap\"\n\t },\n\t dataSource: that.dataSource,\n\t template: that._itemTmpl(),\n\t editTemplate: that._editTmpl(),\n\t selectable: true,\n\t autoBind: false,\n\t dataBinding: function(e) {\n\t that.toolbar.find(\".k-i-close\").parent().addClass(\"k-state-disabled\");\n\n\t if (e.action === \"remove\" || e.action === \"sync\") {\n\t e.preventDefault();\n\t kendo.ui.progress(that.listView.content, false);\n\t }\n\t },\n\t dataBound: function() {\n\t if (that.dataSource.view().length) {\n\t that._tiles = this.items().filter(\"[\" + kendo.attr(\"type\") + \"=f]\");\n\t } else {\n\t this.content.append(EMPTYTILE({ text: that.options.messages.emptyFolder }));\n\t }\n\t },\n\t change: proxy(that._listViewChange, that)\n\t });\n\t },\n\n\t _dblClick: function(e) {\n\t var that = this,\n\t li = $(e.currentTarget);\n\n\t if (li.hasClass(\"k-edit-item\")) {\n\t that._directoryBlur();\n\t }\n\n\t if (li.filter(\"[\" + kendo.attr(\"type\") + \"=d]\").length) {\n\t var folder = that.dataSource.getByUid(li.attr(kendo.attr(\"uid\")));\n\t if (folder) {\n\t that.path(concatPaths(that.path(), folder.get(NAMEFIELD)));\n\t that.breadcrumbs.value(\"/\" + that.path());\n\t }\n\t } else if (li.filter(\"[\" + kendo.attr(\"type\") + \"=f]\").length) {\n\t that.trigger(APPLY);\n\t }\n\t },\n\n\t _listViewChange: function() {\n\t var selected = this._selectedItem();\n\n\t if (selected) {\n\t this.toolbar.find(\".k-i-close\").parent().removeClass(\"k-state-disabled\");\n\t this.trigger(CHANGE, { selected: selected });\n\t }\n\t },\n\n\t _dataSource: function() {\n\t var that = this,\n\t options = that.options,\n\t transport = options.transport,\n\t typeSortOrder = extend({}, DEFAULTSORTORDER),\n\t nameSortOrder = { field: NAMEFIELD, dir: \"asc\" },\n\t schema,\n\t dataSource = {\n\t type: transport.type || \"filebrowser\",\n\t sort: [typeSortOrder, nameSortOrder]\n\t };\n\n\t if (isPlainObject(transport)) {\n\t transport.path = proxy(that.path, that);\n\t dataSource.transport = transport;\n\t }\n\n\t if (isPlainObject(options.schema)) {\n\t dataSource.schema = options.schema;\n\t } else if (transport.type && isPlainObject(kendo.data.schemas[transport.type])) {\n\t schema = kendo.data.schemas[transport.type];\n\t }\n\n\t if (that.dataSource && that._errorHandler) {\n\t that.dataSource.unbind(ERROR, that._errorHandler);\n\t } else {\n\t that._errorHandler = proxy(that._error, that);\n\t }\n\n\t that.dataSource = kendo.data.DataSource.create(dataSource)\n\t .bind(ERROR, that._errorHandler);\n\t },\n\n\t _navigation: function() {\n\t var that = this,\n\t navigation = $('')\n\t .appendTo(this.element);\n\n\t that.breadcrumbs = navigation.find(\"nav:first\")\n\t .kendoBreadcrumb({\n\t editable: true,\n\t gap: 50,\n\t value: that.options.path || \"/\",\n\t change: function() {\n\t that.path(this.value());\n\t }\n\t }).data(\"kendoBreadcrumb\");\n\t },\n\n\t _error: function(e) {\n\t var that = this,\n\t status;\n\n\t if (!that.trigger(ERROR, e)) {\n\t status = e.xhr.status;\n\n\t if (e.status == 'error') {\n\t if (status == '404') {\n\t that._showMessage(that.options.messages.directoryNotFound);\n\t } else if (status != '0') {\n\t that._showMessage('Error! The requested URL returned ' + status + ' - ' + e.xhr.statusText);\n\t }\n\t } else if (status == 'timeout') {\n\t that._showMessage('Error! Server timeout.');\n\t }\n\n\t var dataSource = that.dataSource;\n\t if (dataSource.hasChanges()) {\n\t dataSource.cancelChanges();\n\t }\n\t }\n\t },\n\n\t _showMessage: function(message, type) {\n\t return window[type || \"alert\"](message);\n\t },\n\n\t refresh: function() {\n\t var that = this;\n\t that._navigation();\n\t that._toolbar();\n\t that._content();\n\t },\n\n\t _editTmpl: function() {\n\t var html = '';\n\t html += '#if(' + TYPEFIELD + ' == \"d\") { #';\n\t html += '
';\n\t html += \"#}else{#\";\n\t html += '
';\n\t html += \"#}#\";\n\t html += '#if(' + TYPEFIELD + ' == \"d\") { #';\n\t html += '
';\n\t html += \"#}#\";\n\t html += '
';\n\t html += '#if(' + TYPEFIELD + ' == \"d\") { #';\n\t html += '
';\n\t html += \"#}else{#\";\n\t html += '
';\n\t html += \"#}#\";\n\t html += '
${' + NAMEFIELD + '}';\n\t html += '#if(' + TYPEFIELD + ' == \"f\") { #
${this.sizeFormatter(' + SIZEFIELD + ')} #}#';\n\t html += '
\").addClass(breadcrumbStyles.overlay))\n\t .find(DOT + breadcrumbStyles.overlay);\n\t },\n\n\n\t _editable: function(){\n\t var that = this,\n\t element = that.element,\n\t elementIsInput = element.is(\"input\");\n\n\t if(elementIsInput) {\n\t that.input = that.element;\n\t } else {\n\t that.input = $(\"\");\n\t }\n\n\t that.inputWrapper.append(that.input);\n\n\t that.input\n\t .addClass(breadcrumbStyles.textbox)\n\t .attr(ARIA_HIDDEN, true);\n\n\t that.input\n\t .on(BLUR + BREADCRUMB, proxy(that._blur, that, false))\n\t .on(KEYDOWN + BREADCRUMB, proxy(that._keydown, that));\n\n\t that.wrapper\n\t .on(FOCUS + BREADCRUMB, proxy(that._wrapperFocus, that))\n\t .on(BLUR + BREADCRUMB, proxy(that._wrapperBlur, that))\n\t .on(KEYDOWN + BREADCRUMB, proxy(that._wrapperKeydown, that))\n\t .on(CLICK + BREADCRUMB, proxy(that._wrapperClick, that));\n\t },\n\n\t _value: function () {\n\t var that = this,\n\t options = that.options;\n\n\t if (options.value) {\n\t that.value(options.value);\n\t } else if (options.bindToLocation) {\n\t that.value(window.location.href.replace(/http(s?):\\/\\//,\"\").replace(/\\/$/, \"\"));\n\t } else {\n\t that.value(\"\");\n\t }\n\t },\n\n\t _split: function(value) {\n\t return value.split(\"/\").filter(function (item, index) {\n\t if(index > 0 && item === \"\") {\n\t return false;\n\t }\n\n\t return true;\n\t });\n\t },\n\n\t isRtl: function() {\n\t return kendo.support.isRtl(this.wrapper);\n\t },\n\n\t refresh: function() {\n\t var that = this,\n\t options = that.options,\n\t messages = options.messages,\n\t delimiterIcon = that.options.delimiterIcon,\n\t html = \"\",\n\t href = \"\",\n\t isOnlyRoot = that.value() === \"\",\n\t segments = that._segments,\n\t segment,\n\t idx,\n\t length, isLastSegment;\n\n\t if (delimiterIcon == \"arrow-chevron-right\" && that.isRtl()) {\n\t delimiterIcon = \"arrow-chevron-left\";\n\t }\n\n\t for (idx = 0, length = segments.length; idx < length; idx++) {\n\t segment = segments[idx];\n\t isLastSegment = idx === segments.length - 1;\n\n\t if (segment !== undefined) {\n\t if(!html) {\n\t href = \"/\";\n\t } else {\n\t href += segment.text || segment || \"\";\n\t }\n\n\t if(typeof segment === \"string\") {\n\t segment = {\n\t type: !html ? \"rootitem\" : \"item\",\n\t href: options.navigational ? href : \"#\",\n\t text: segment,\n\t showIcon: !html,\n\t showText: !!html,\n\t icon: !html ? options.rootIcon : \"\",\n\t itemClass: !html ? \"k-breadcrumb-root-item\" : \"\",\n\t linkClass: !html ? breadcrumbStyles.rootLink : \"\",\n\t delimiterIcon: delimiterIcon,\n\t renderDelimiter: !isLastSegment && !isOnlyRoot,\n\t lastSegment: isLastSegment,\n\t iconClass: \"\"\n\t };\n\n\t that._segments.splice(idx, 1, segment);\n\t } else if (isPlainObject(segment)) {\n\t segment = extend({}, segment, {\n\t type: segment.type ? segment.type.toLowerCase() : \"item\"\n\t });\n\n\t segment = extend({}, segment, {\n\t text: segment.text || \"\",\n\t title: segment.text || \"\",\n\t icon: segment.icon || (segment.type === \"rootitem\" ? options.rootIcon : \"\"),\n\t iconClass: segment.iconClass || \"\",\n\t lastSegment: isLastSegment,\n\t renderDelimiter: !isLastSegment && segments.length > 1,\n\t href: options.navigational ? segment.href : \"#\",\n\t delimiterIcon: delimiterIcon,\n\t itemClass: segment.itemClass || \"\",\n\t linkClass: segment.linkClass || \"\",\n\t showIcon: segment.showIcon === undefined ? segment.type === \"rootitem\" && segment.type !== \"item\" : segment.showIcon,\n\t showText: segment.showText === undefined ? segment.type === \"item\" && segment.type !== \"rootitem\" : segment.showText\n\t });\n\n\t if(segment.type === \"rootitem\") {\n\t segment.itemClass += \" k-breadcrumb-root-item\";\n\t segment.linkClass += \" \" + breadcrumbStyles.rootLink;\n\t }\n\t }\n\n\t if(segment.type === \"rootitem\" && segment.text === \"\") {\n\t segment.title = messages.rootTitle;\n\t }\n\n\t href += href.match(/\\/$/) ? \"\" : \"/\";\n\n\t html += kendo.template(this.itemTemplate)(segment);\n\t }\n\t }\n\n\t this.overlay\n\t .empty()\n\t .append($(html));\n\n\t this.resize(true);\n\t },\n\n\t itemTemplate: '' +\n\t '' +\n\t '#if(showIcon) {#' +\n\t '' +\n\t '#}#' +\n\t '#if(showText) {#' +\n\t '#:text#' +\n\t '#}#' +\n\t '' +\n\t '#if(renderDelimiter) {#' +\n\t '' +\n\t '#}#' +\n\t '#if(type === \"rootitem\" && renderDelimiter) {#' +\n\t '' +\n\t '#}#' +\n\t '',\n\n\t _displayOverflowIcons: function(visible) {\n\t var that = this,\n\t rootItem = that.wrapper.find(DOT + breadcrumbStyles.rootItem);\n\n\t if (visible) {\n\t rootItem.find(DOT + breadcrumbStyles.delimiter)\n\t .addClass(breadcrumbStyles.overflowIcon)\n\t .removeClass(breadcrumbStyles.hidden);\n\t } else {\n\t rootItem.find(DOT + breadcrumbStyles.overflowIcon)\n\t .removeClass(breadcrumbStyles.overflowIcon)\n\t .last().addClass(breadcrumbStyles.hidden);\n\t }\n\t },\n\n\t _shrinkItems: function() {\n\t var that = this,\n\t wrapper = that.wrapper,\n\t overlay = that.overlay,\n\t items = that.overlay.find(DOT + breadcrumbStyles.item + \":visible:not(.k-breadcrumb-root-item)\"),\n\t availableWidth = wrapper.width() - that.options.gap,\n\t item;\n\n\t if (items.length == 1) {\n\t return;\n\t }\n\n\t for (var i = 0; i < items.length; i += 1) {\n\t item = $(items[i]);\n\n\t if (kendo._outerWidth(overlay) >= availableWidth) {\n\t if (i == items.length - 1) {\n\t break;\n\t }\n\n\t item.hide();\n\t that._displayOverflowIcons(true);\n\t }\n\t }\n\t },\n\n\t _showItem: function(item, overlayWidth, availableWidth) {\n\t if (item.length && availableWidth > overlayWidth + kendo._outerWidth(item, true)) {\n\t item.show();\n\n\t return true;\n\t }\n\n\t return false;\n\t },\n\n\t _stretchItems: function() {\n\t var that = this,\n\t wrapper = that.wrapper,\n\t overlay = that.overlay,\n\t items = that.overlay.find(DOT + breadcrumbStyles.item + \":hidden:not(.k-breadcrumb-root-item)\"),\n\t availableWidth = wrapper.width() - that.options.gap,\n\t item, overlayWidth;\n\n\t if (!items.length) {\n\t that._displayOverflowIcons(false);\n\t }\n\n\t for (var i = items.length - 1; i >= 0; i--) {\n\t item = $(items[i]);\n\n\t overlayWidth = kendo._outerWidth(overlay);\n\n\t if (overlayWidth > availableWidth || !this._showItem(item, overlayWidth, availableWidth)) {\n\t break;\n\t }\n\t }\n\t },\n\n\t _resize: function() {\n\t this._shrinkItems();\n\t this._stretchItems();\n\t },\n\n\t getSize: function() {\n\t return kendo.dimensions(this.wrapper);\n\t },\n\n\t value: function(val) {\n\t var that = this;\n\n\t if (val !== undefined) {\n\t that._generateSegments(val);\n\t that.refresh();\n\t return;\n\t }\n\n\t return that._path(that._segments);\n\t },\n\n\t _path: function(trail) {\n\t return $.map(trail, function(b) {\n\t var text = isPlainObject(b) ? b.text : b;\n\t return text === \"/\" ? \"\" : text;\n\t }).join(\"/\");\n\t }\n\t });\n\n\t kendo.ui.plugin(Breadcrumb);\n\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\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__(1265);\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/***/ 1061:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.data\");\n\n/***/ }),\n\n/***/ 1265:\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__(1061), __webpack_require__(1266)], __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: \"gantt.data\",\n\t name: \"GanttData\",\n\t category: \"web\",\n\t description: \"The Gantt Data.\",\n\t depends: [ \"data\", \"treelist\" ],\n\t hidden: true\n\t};\n\n\t(function($, undefined) {\n\t var isArray = $.isArray,\n\t extend = $.extend,\n\t map = $.map,\n\n\t kendoData = kendo.data,\n\t Query = kendoData.Query,\n\t DataSource = kendoData.DataSource,\n\t TreeListDataSource = kendoData.TreeListDataSource,\n\t TreeListModel = kendoData.TreeListModel,\n\n\t PARENTIDFIELD = \"parentId\";\n\n\t var createDataSource = function(type, name) {\n\t return function(options) {\n\t options = isArray(options) ? { data: options } : options;\n\n\t var dataSource = options || {};\n\t var data = dataSource.data;\n\n\t dataSource.data = data;\n\n\t if (!(dataSource instanceof type) && dataSource instanceof DataSource) {\n\t throw new Error(\"Incorrect DataSource type. Only \" + name + \" instances are supported\");\n\t }\n\n\t return dataSource instanceof type ? dataSource : new type(dataSource);\n\t };\n\t };\n\n\t var dateCompareValidator = function(input) {\n\t if (input.filter(\"[name=end], [name=start], [name=plannedEnd], [name=plannedStart]\").length) {\n\t var field = input.attr(\"name\"),\n\t picker = kendo.widgetInstance(input, kendo.ui),\n\t dates = {},\n\t container = input,\n\t editable,\n\t model;\n\n\t while (container !== window && !editable) {\n\t container = container.parent();\n\n\t editable = container.data(\"kendoEditable\");\n\t }\n\n\t model = editable ? editable.options.model : null;\n\n\t if (!model) {\n\t return true;\n\t }\n\n\t if(field.indexOf(\"planned\") >= 0) {\n\t dates.plannedStart = model.plannedStart;\n\t dates.plannedEnd = model.plannedEnd;\n\t } else {\n\t dates.start = model.start;\n\t dates.end = model.end;\n\t }\n\n\t dates[field] = picker ? picker.value() : kendo.parseDate(input.val());\n\n\t if(field.indexOf(\"planned\") >= 0) {\n\t return dates.plannedStart <= dates.plannedEnd;\n\t } else {\n\t return dates.start <= dates.end;\n\t }\n\t }\n\n\t return true;\n\t };\n\n\t var GanttDependency = kendo.data.Model.define({\n\t id: \"id\",\n\t fields: {\n\t id: { type: \"number\", editable: false },\n\t predecessorId: { type: \"number\" },\n\t successorId: { type: \"number\" },\n\t type: { type: \"number\" }\n\t }\n\t });\n\n\t var GanttDependencyDataSource = DataSource.extend({\n\t init: function(options) {\n\t DataSource.fn.init.call(this, extend(true, {}, {\n\t schema: {\n\t modelBase: GanttDependency,\n\t model: GanttDependency\n\t }\n\t }, options));\n\t },\n\n\t dependencies: function(id) {\n\t var predecessors = this.predecessors(id),\n\t successors = this.successors(id);\n\n\t predecessors.push.apply(predecessors, successors);\n\n\t return predecessors;\n\t },\n\n\t predecessors: function(id) {\n\t return this._dependencies(\"successorId\", id);\n\t },\n\n\t successors: function(id) {\n\t return this._dependencies(\"predecessorId\", id);\n\t },\n\n\t _dependencies: function(field, id) {\n\t var data = this.view();\n\t var filter = {\n\t field: field,\n\t operator: \"eq\",\n\t value: id\n\t };\n\n\t data = new Query(data).filter(filter).toArray();\n\n\t return data;\n\t }\n\t });\n\n\t GanttDependencyDataSource.create = createDataSource(GanttDependencyDataSource, \"GanttDependencyDataSource\");\n\n\t var GanttTask = TreeListModel.define({\n\t fields: {\n\t id: { type: \"number\", editable: false },\n\t parentId: { type: \"number\", defaultValue: null, validation: { required: true }, nullable: true },\n\t orderId: { type: \"number\", validation: { required: true } },\n\t title: { type: \"string\", defaultValue: \"New task\" },\n\t start: { type: \"date\", validation: { required: true } },\n\t end: {\n\t type: \"date\",\n\t validation: {\n\t required: true,\n\t dateCompare: dateCompareValidator,\n\t message: \"End date should be after or equal to the start date\"\n\t }\n\t },\n\t percentComplete: { type: \"number\", validation: { required: true, min:0, max: 1, step: 0.01 } },\n\t summary: { type: \"boolean\" },\n\t expanded: { type: \"boolean\", defaultValue: true },\n\t plannedStart: { type: \"date\", defaultValue: null, nullable: true },\n\t plannedEnd: {\n\t type: \"date\",\n\t defaultValue: null,\n\t nullable: true,\n\t validation: {\n\t dateCompare: dateCompareValidator,\n\t message: \"Planned end date should be after or equal to the planned start date\"\n\t }\n\t }\n\t },\n\n\t duration: function() {\n\t var end = this.end,\n\t start = this.start;\n\n\t return end - start;\n\t },\n\n\t plannedDuration: function() {\n\t var end = this.plannedEnd,\n\t start = this.plannedStart;\n\n\t if(end && start) {\n\t return end - start;\n\t }\n\n\t return 0;\n\t },\n\n\t isMilestone: function() {\n\t return this.duration() === 0;\n\t },\n\n\t _offset: function(value) {\n\t var field = [\"start\", \"end\"],\n\t newValue;\n\n\t for (var i = 0; i < field.length; i++) {\n\t newValue = new Date(this.get(field[i]).getTime() + value);\n\t this.set(field[i], newValue);\n\t }\n\t },\n\n\t _offsetPlanned: function(value) {\n\t var field = [\"plannedStart\", \"plannedEnd\"],\n\t newValue;\n\n\t for (var i = 0; i < field.length; i++) {\n\t newValue = new Date(this.get(field[i]).getTime() + value);\n\t this.set(field[i], newValue);\n\t }\n\t }\n\t });\n\n\t GanttTask.define = function(base, options) {\n\t if (options === undefined) {\n\t options = base;\n\t base = GanttTask;\n\t }\n\n\t var parentId = options.parentId || PARENTIDFIELD;\n\n\t options.parentIdField = parentId;\n\n\t var model = TreeListModel.define(base, options);\n\n\t if (parentId) {\n\t model.parentIdField = parentId;\n\t }\n\n\t return model;\n\t };\n\n\t var GanttDataSource = TreeListDataSource.extend({\n\t init: function(options) {\n\t TreeListDataSource.fn.init.call(this, extend(true, {}, {\n\t schema: {\n\t modelBase: GanttTask,\n\t model: GanttTask\n\t },\n\t sort: { field: \"orderId\", dir: \"asc\" }\n\t }, options));\n\t },\n\n\t add: function(task) {\n\t if (!task) {\n\t return;\n\t }\n\n\t task = this._toGanttTask(task);\n\n\t return this.insert(this.taskSiblings(task).length, task);\n\t },\n\n\t insert: function(index, task) {\n\t if (!task) {\n\t return;\n\t }\n\n\t task = this._toGanttTask(task);\n\n\t task.set(\"orderId\", index);\n\n\t task = DataSource.fn.insert.call(this, index, task);\n\n\t this._reorderSiblings(task, this.taskSiblings(task).length - 1);\n\t this._resolveSummaryFields(this.taskParent(task));\n\n\t return task;\n\t },\n\n\t remove: function(task) {\n\t var parentId = task.get(\"parentId\"),\n\t children = this.taskAllChildren(task);\n\n\t this._removeItems(children);\n\n\t task = TreeListDataSource.fn.remove.call(this, task);\n\n\t this._childRemoved(parentId, task.get(\"orderId\"));\n\n\t return task;\n\t },\n\n\t taskAllChildren: function(task) {\n\t var data = [],\n\t that = this;\n\t var callback = function(task) {\n\t var tasks = that.taskChildren(task);\n\n\t data.push.apply(data, tasks);\n\t map(tasks, callback);\n\t };\n\n\t if (!!task) {\n\t callback(task);\n\t } else {\n\t data = this.view();\n\t }\n\n\t return data;\n\t },\n\n\t taskChildren: function(task, fromView) {\n\t var filter = {\n\t field: \"parentId\",\n\t operator: \"eq\",\n\t value: null\n\t };\n\n\t var order = (this._sort && this._sort.length) ? this._sort : {\n\t field: \"orderId\",\n\t dir: \"asc\"\n\t };\n\t var taskId, data;\n\n\t if(fromView) {\n\t data = this.view();\n\t } else {\n\t data = this.data();\n\t }\n\n\t if (!!task) {\n\t taskId = task.get(\"id\");\n\n\t if (taskId === undefined || taskId === null || taskId === \"\") {\n\t return [];\n\t }\n\n\t filter.value = taskId;\n\t }\n\n\t data = new Query(data).filter(filter).sort(order).toArray();\n\n\t return data;\n\t },\n\n\t taskLevel: function(task) {\n\t var level = 0,\n\t parent = this.taskParent(task);\n\n\t while (parent !== null) {\n\t level += 1;\n\t parent = this.taskParent(parent);\n\t }\n\n\t return level;\n\t },\n\n\t taskParent: function(task) {\n\t if (!task || task.get(\"parentId\") === null) {\n\t return null;\n\t }\n\t return this.get(task.parentId);\n\t },\n\n\t taskSiblings: function(task) {\n\t if (!task) {\n\t return null;\n\t }\n\n\t var parent = this.taskParent(task);\n\n\t return this.taskChildren(parent);\n\t },\n\n\t taskTree: function(task) {\n\t var data = [],\n\t current,\n\t tasks = this.taskChildren(task, true);\n\n\t for (var i = 0, l = tasks.length; i < l; i++) {\n\t current = tasks[i];\n\t data.push(current);\n\n\t if (current.get(\"expanded\")) {\n\t var children = this.taskTree(current);\n\n\t data.push.apply(data, children);\n\t }\n\t }\n\n\t return data;\n\t },\n\n\t update: function(task, taskInfo) {\n\t var that = this,\n\t oldValue;\n\n\t var offsetChildren = function(parentTask, offset) {\n\t var children = that.taskAllChildren(parentTask);\n\n\t for (var i = 0, l = children.length; i < l; i++) {\n\t children[i]._offset(offset);\n\t }\n\t };\n\n\t var offsetChildrenPlanned = function(parentTask, offset) {\n\t var children = that.taskAllChildren(parentTask);\n\n\t for (var i = 0, l = children.length; i < l; i++) {\n\t children[i]._offsetPlanned(offset);\n\t }\n\t };\n\n\t var modelChangeHandler = function(e) {\n\t var field = e.field,\n\t model = e.sender;\n\n\t switch (field) {\n\t case \"start\":\n\t that._resolveSummaryStart(that.taskParent(model));\n\n\t offsetChildren(model, model.get(field).getTime() - oldValue.getTime());\n\t break;\n\t case \"end\":\n\t that._resolveSummaryEnd(that.taskParent(model));\n\t break;\n\t case \"plannedStart\":\n\t that._resolveSummaryPlannedStart(that.taskParent(model));\n\n\t if(model.get(field) && oldValue) {\n\t offsetChildrenPlanned(model, model.get(field).getTime() - oldValue.getTime());\n\t }\n\t break;\n\t case \"plannedEnd\":\n\t that._resolveSummaryPlannedEnd(that.taskParent(model));\n\t break;\n\t case \"percentComplete\":\n\t that._resolveSummaryPercentComplete(that.taskParent(model));\n\t break;\n\t case \"orderId\":\n\t that._reorderSiblings(model, oldValue);\n\t break;\n\t }\n\t };\n\n\t if (taskInfo.parentId !== undefined) {\n\t oldValue = task.get(\"parentId\");\n\n\t if (oldValue !== taskInfo.parentId) {\n\t task.set(\"parentId\", taskInfo.parentId);\n\n\t that._childRemoved(oldValue, task.get(\"orderId\"));\n\n\t task.set(\"orderId\", that.taskSiblings(task).length - 1);\n\t that._resolveSummaryFields(that.taskParent(task));\n\t }\n\n\t delete taskInfo.parentId;\n\t }\n\n\t task.bind(\"change\", modelChangeHandler);\n\t task.bind(\"equalSet\", modelChangeHandler);\n\n\t for (var field in taskInfo) {\n\t oldValue = task.get(field);\n\n\t if(field === \"plannedStart\" || field === \"plannedEnd\") {\n\t // Update plannedStart and plannedEnd only when oldValue is not undefined or new value is not null\n\t // That limitation is needed to avoid redundant update requests when custom edit template is used\n\t // and the plannedStart and plannedEnd fields are not updated upon edit\n\t if(oldValue !== undefined || taskInfo[field] !== null) {\n\t task.set(field, taskInfo[field]);\n\t }\n\t } else {\n\t task.set(field, taskInfo[field]);\n\t }\n\t }\n\n\t task.unbind(\"change\", modelChangeHandler);\n\t task.unbind(\"equalSet\", modelChangeHandler);\n\t },\n\n\t _childRemoved: function(parentId, index) {\n\t var parent = parentId === null ? null : this.get(parentId),\n\t children = this.taskChildren(parent);\n\n\t for (var i = index, l = children.length; i < l; i++) {\n\t children[i].set(\"orderId\", i);\n\t }\n\n\t this._resolveSummaryFields(parent);\n\t },\n\n\t _resolveSummaryFields: function(summary) {\n\t if (!summary) {\n\t return;\n\t }\n\n\t this._updateSummary(summary);\n\n\t if (!this.taskChildren(summary).length) {\n\t return;\n\t }\n\n\t this._resolveSummaryStart(summary);\n\t this._resolveSummaryEnd(summary);\n\t this._resolveSummaryPlannedStart(summary);\n\t this._resolveSummaryPlannedEnd(summary);\n\t this._resolveSummaryPercentComplete(summary);\n\t },\n\n\t _resolveSummaryStart: function(summary) {\n\t var that = this;\n\t var getSummaryStart = function(parentTask) {\n\t var children = that.taskChildren(parentTask);\n\t var min = children[0].start.getTime();\n\t var currentMin;\n\n\t for (var i = 1, l = children.length; i < l; i++) {\n\t currentMin = children[i].start.getTime();\n\t if (currentMin < min) {\n\t min = currentMin;\n\t }\n\t }\n\n\t return new Date(min);\n\t };\n\n\t this._updateSummaryRecursive(summary, \"start\", getSummaryStart);\n\t },\n\n\t _resolveSummaryEnd: function(summary) {\n\t var that = this;\n\t var getSummaryEnd = function(parentTask) {\n\t var children = that.taskChildren(parentTask);\n\t var max = children[0].end.getTime();\n\t var currentMax;\n\n\t for (var i = 1, l = children.length; i < l; i++) {\n\t currentMax = children[i].end.getTime();\n\t if (currentMax > max) {\n\t max = currentMax;\n\t }\n\t }\n\n\t return new Date(max);\n\t };\n\n\t this._updateSummaryRecursive(summary, \"end\", getSummaryEnd);\n\t },\n\n\t _resolveSummaryPlannedStart: function(summary) {\n\t var that = this;\n\t var getSummaryPlannedStart = function(parentTask) {\n\t var children = that.taskChildren(parentTask),\n\t min = null,\n\t currentMin;\n\n\t for (var i = 0, l = children.length; i < l; i++) {\n\t if(children[i].plannedStart) {\n\t currentMin = children[i].plannedStart.getTime();\n\t if (!min || currentMin < min) {\n\t min = currentMin;\n\t }\n\t }\n\t }\n\n\t if(!min) {\n\t return null;\n\t }\n\n\t return new Date(min);\n\t };\n\n\t this._updateSummaryRecursive(summary, \"plannedStart\", getSummaryPlannedStart);\n\t },\n\n\t _resolveSummaryPlannedEnd: function(summary) {\n\t var that = this;\n\t var getSummaryPlannedEnd = function(parentTask) {\n\t var children = that.taskChildren(parentTask),\n\t max = null,\n\t currentMax;\n\n\t for (var i = 0, l = children.length; i < l; i++) {\n\t if(children[i].plannedEnd) {\n\t currentMax = children[i].plannedEnd.getTime();\n\t if (!max || currentMax > max) {\n\t max = currentMax;\n\t }\n\t }\n\t }\n\n\t if(!max) {\n\t return null;\n\t }\n\n\t return new Date(max);\n\t };\n\n\t this._updateSummaryRecursive(summary, \"plannedEnd\", getSummaryPlannedEnd);\n\t },\n\n\t _resolveSummaryPercentComplete: function(summary) {\n\t var that = this;\n\t var getSummaryPercentComplete = function(parentTask) {\n\t var children = that.taskChildren(parentTask);\n\t var percentComplete = new Query(children).aggregate([{\n\t field: \"percentComplete\",\n\t aggregate: \"average\"\n\t }]);\n\n\t return percentComplete.percentComplete.average;\n\t };\n\n\t this._updateSummaryRecursive(summary, \"percentComplete\", getSummaryPercentComplete);\n\t },\n\n\t _reorderSiblings: function(task, oldOrderId) {\n\t var orderId = task.get(\"orderId\"),\n\t direction = orderId > oldOrderId,\n\t startIndex = direction ? oldOrderId : orderId,\n\t endIndex = direction ? orderId : oldOrderId,\n\t newIndex = direction ? startIndex : startIndex + 1,\n\t siblings = this.taskSiblings(task);\n\n\t if(!siblings.length){\n\t return;\n\t }\n\n\t endIndex = Math.min(endIndex, siblings.length - 1);\n\n\t for (var i = startIndex; i <= endIndex; i++) {\n\t if (siblings[i] === task) {\n\t continue;\n\t }\n\n\t siblings[i].set(\"orderId\", newIndex);\n\n\t newIndex += 1;\n\t }\n\t },\n\n\t _toGanttTask: function(task) {\n\t if (!(task instanceof GanttTask)) {\n\t var taskInfo = task;\n\n\t task = DataSource.fn._createNewModel.call(this);\n\t task.accept(taskInfo);\n\t }\n\n\t return task;\n\t },\n\n\t _updateSummary: function(task) {\n\t if (task !== null) {\n\t var childCount = this.taskChildren(task).length;\n\n\t task.set(\"summary\", childCount > 0);\n\t }\n\t },\n\n\t _updateSummaryRecursive: function(summary, field, callback) {\n\t if (!summary) {\n\t return;\n\t }\n\n\t var value = callback(summary);\n\n\t summary.set(field, value);\n\n\t var parent = this.taskParent(summary);\n\n\t if (parent) {\n\t this._updateSummaryRecursive(parent, field, callback);\n\t }\n\t }\n\t });\n\n\t GanttDataSource.create = createDataSource(GanttDataSource, \"GanttDataSource\");\n\n\t extend(true, kendo.data, {\n\t GanttDataSource: GanttDataSource,\n\t GanttTask: GanttTask,\n\t GanttDependencyDataSource: GanttDependencyDataSource,\n\t GanttDependency: GanttDependency\n\t });\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 1266:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.treelist\");\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__(1455);\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/***/ 1049:\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.data\");\n\n/***/ }),\n\n/***/ 1081:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.selectable\");\n\n/***/ }),\n\n/***/ 1095:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.filtermenu\");\n\n/***/ }),\n\n/***/ 1195:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.resizable\");\n\n/***/ }),\n\n/***/ 1196:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.window\");\n\n/***/ }),\n\n/***/ 1256:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.editable\");\n\n/***/ }),\n\n/***/ 1271:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.treeview.draganddrop\");\n\n/***/ }),\n\n/***/ 1276:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.columnsorter\");\n\n/***/ }),\n\n/***/ 1279:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.pager\");\n\n/***/ }),\n\n/***/ 1455:\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__(1049),\n\t __webpack_require__(1061),\n\t __webpack_require__(1276),\n\t __webpack_require__(1256),\n\t __webpack_require__(1196),\n\t __webpack_require__(1095),\n\t __webpack_require__(1081),\n\t __webpack_require__(1195),\n\t __webpack_require__(1271),\n\t __webpack_require__(1279),\n\t __webpack_require__(1456)\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: \"treelist\",\n\t name: \"TreeList\",\n\t category: \"web\",\n\t description: \"The TreeList widget displays self-referencing data and offers rich support for interacting with data, sorting, filtering, and selection.\",\n\t depends: [ \"dom\", \"data\", \"pager\" ],\n\t features: [ {\n\t id: \"treelist-sorting\",\n\t name: \"Sorting\",\n\t description: \"Support for column sorting\",\n\t depends: [ \"columnsorter\" ]\n\t }, {\n\t id: \"treelist-filtering\",\n\t name: \"Filtering\",\n\t description: \"Support for record filtering\",\n\t depends: [ \"filtermenu\" ]\n\t }, {\n\t id: \"treelist-editing\",\n\t name: \"Editing\",\n\t description: \"Support for record editing\",\n\t depends: [ \"editable\", \"window\" ]\n\t }, {\n\t id: \"treelist-selection\",\n\t name: \"Selection\",\n\t description: \"Support for row selection\",\n\t depends: [ \"selectable\" ]\n\t }, {\n\t id: \"treelist-column-resize\",\n\t name: \"Column resizing\",\n\t description: \"Support for column resizing\",\n\t depends: [ \"resizable\" ]\n\t }, {\n\t id: \"treelist-dragging\",\n\t name: \"Drag & Drop\",\n\t description: \"Support for drag & drop of rows\",\n\t depends: [ \"treeview.draganddrop\" ]\n\t }, {\n\t id: \"treelist-excel-export\",\n\t name: \"Excel export\",\n\t description: \"Export data as Excel spreadsheet\",\n\t depends: [ \"excel\" ]\n\t }, {\n\t id: \"treelist-pdf-export\",\n\t name: \"PDF export\",\n\t description: \"Export data as PDF\",\n\t depends: [ \"pdf\", \"drawing\" ]\n\t }, {\n\t id: \"treelist-paging\",\n\t name: \"Paging\",\n\t description: \"Support for treelist paging\",\n\t depends: [ \"pager\" ]\n\t } ]\n\t};\n\n\t(function($, undefined) {\n\t var data = kendo.data;\n\t var kendoDom = kendo.dom;\n\t var kendoDomElement = kendoDom.element;\n\t var kendoTextElement = kendoDom.text;\n\t var kendoHtmlElement = kendoDom.html;\n\t var outerWidth = kendo._outerWidth;\n\t var keys = kendo.keys;\n\t var outerHeight = kendo._outerHeight;\n\t var ui = kendo.ui;\n\t var DataBoundWidget = ui.DataBoundWidget;\n\t var DataSource = data.DataSource;\n\t var ObservableArray = data.ObservableArray;\n\t var Query = data.Query;\n\t var Model = data.Model;\n\t var browser = kendo.support.browser;\n\t var kendoTemplate = kendo.template;\n\t var activeElement = kendo._activeElement;\n\t var touchDevice = kendo.support.touch;\n\n\t var isArray = $.isArray;\n\t var extend = $.extend;\n\t var proxy = $.proxy;\n\t var map = $.map;\n\t var grep = $.grep;\n\t var inArray = $.inArray;\n\t var isPlainObject = $.isPlainObject;\n\n\t var push = Array.prototype.push;\n\n\t var STRING = \"string\";\n\t var CHANGE = \"change\";\n\t var ITEM_CHANGE = \"itemChange\";\n\t var ERROR = \"error\";\n\t var PROGRESS = \"progress\";\n\t var DOT = \".\";\n\t var NS = \".kendoTreeList\";\n\t var CLICK = \"click\";\n\t var INPUT = \"input\";\n\t var BEFORE_EDIT = \"beforeEdit\";\n\t var EDIT = \"edit\";\n\t var PAGE = \"page\";\n\t var PAGE_CHANGE = \"pageChange\";\n\t var SAVE = \"save\";\n\t var SAVE_CHANGES = \"saveChanges\";\n\t var SORT = \"sort\";\n\t var EXPAND = \"expand\";\n\t var COLLAPSE = \"collapse\";\n\t var CELL_CLOSE = \"cellClose\";\n\t var REMOVE = \"remove\";\n\t var DATA_CELL = \"td:not(.k-group-cell):not(.k-hierarchy-cell):visible\";\n\t var FILTER_CELL =\".k-filter-row th:not(.k-group-cell):not(.k-hierarchy-cell):visible\";\n\t var DATABINDING = \"dataBinding\";\n\t var DATABOUND = \"dataBound\";\n\t var CANCEL = \"cancel\";\n\t var TABINDEX = \"tabIndex\";\n\t var FILTERMENUINIT = \"filterMenuInit\";\n\t var FILTERMENUOPEN = \"filterMenuOpen\";\n\t var COLUMNHIDE = \"columnHide\";\n\t var COLUMNSHOW = \"columnShow\";\n\t var HEADERCELLS = \"th.k-header\";\n\t var COLUMNREORDER = \"columnReorder\";\n\t var COLUMNRESIZE = \"columnResize\";\n\t var COLUMNMENUINIT = \"columnMenuInit\";\n\t var COLUMNMENUOPEN = \"columnMenuOpen\";\n\t var COLUMNLOCK = \"columnLock\";\n\t var COLUMNUNLOCK = \"columnUnlock\";\n\t var PARENTIDFIELD = \"parentId\";\n\t var DRAGSTART = \"dragstart\";\n\t var DRAG = \"drag\";\n\t var DROP = \"drop\";\n\t var DRAGEND = \"dragend\";\n\t var NAVROW = \"tr:visible\";\n\t var NAVCELL = \"td:visible\";\n\t var NAVHEADER = \"th:visible\";\n\t var NORECORDSCLASS = \"k-grid-norecords\";\n\t var ITEMROW = \"tr:not(.k-footer-template):visible\";\n\t var FIRSTNAVITEM = NAVROW + \" > td:first:visible\";\n\t var LASTITEMROW = ITEMROW + \":last\";\n\t var isRtl = false;\n\t var HEIGHT = \"height\";\n\t var INCELL = \"incell\";\n\t var INLINE = \"inline\";\n\t var POPUP = \"popup\";\n\t var TABLE = \"table\";\n\t var CHECKBOX = \"k-checkbox\";\n\t var CHECKBOXINPUT = \"input[data-role='checkbox'].\" + CHECKBOX;\n\t var SELECTCOLUMNTMPL = '';\n\t var SELECTCOLUMNHEADERTMPL = '';\n\t var SELECTED = \"k-state-selected\";\n\t var whitespaceRegExp = \"[\\\\x20\\\\t\\\\r\\\\n\\\\f]\";\n\t var filterRowRegExp = new RegExp(\"(^|\" + whitespaceRegExp + \")\" + \"(k-filter-row)\" + \"(\" + whitespaceRegExp + \"|$)\");\n\n\t var classNames = {\n\t wrapper: \"k-treelist k-grid k-widget k-grid-display-block\",\n\t header: \"k-header\",\n\t button: \"k-button\",\n\t alt: \"k-alt\",\n\t editCell: \"k-edit-cell\",\n\t editRow: \"k-grid-edit-row\",\n\t dirtyCell: \"k-dirty-cell\",\n\t group: \"k-treelist-group\",\n\t toolbar: \"k-toolbar\",\n\t gridToolbar: \"k-grid-toolbar\",\n\t gridHeader: \"k-grid-header\",\n\t gridHeaderWrap: \"k-grid-header-wrap\",\n\t gridContent: \"k-grid-content\",\n\t gridContentWrap: \"k-grid-content\",\n\t gridFilter: \"k-grid-filter\",\n\t footerTemplate: \"k-footer-template\",\n\t focused: \"k-state-focused\",\n\t loading: \"k-i-loading\",\n\t refresh: \"k-i-reload\",\n\t retry: \"k-request-retry\",\n\t selected: \"k-state-selected\",\n\t status: \"k-status\",\n\t link: \"k-link\",\n\t withIcon: \"k-with-icon\",\n\t filterable: \"k-filterable\",\n\t icon: \"k-icon\",\n\t iconFilter: \"k-i-filter\",\n\t iconCollapse: \"k-i-collapse\",\n\t iconExpand: \"k-i-expand\",\n\t iconHidden: \"k-i-none\",\n\t iconPlaceHolder: \"k-icon k-i-none\",\n\t input: \"k-input\",\n\t dropPositions: \"k-i-insert-up k-i-insert-down k-i-plus k-i-insert-middle\",\n\t dropTop: \"k-i-insert-up\",\n\t dropBottom: \"k-i-insert-down\",\n\t dropAdd: \"k-i-plus\",\n\t dropMiddle: \"k-i-insert-middle\",\n\t dropDenied: \"k-i-cancel\",\n\t dragStatus: \"k-drag-status\",\n\t dragClue: \"k-drag-clue\",\n\t dragClueText: \"k-clue-text\"\n\t };\n\n\t var defaultCommands = {\n\t create: {\n\t imageClass: \"k-i-plus\",\n\t className: \"k-grid-add\",\n\t methodName: \"addRow\"\n\t },\n\t createchild: {\n\t imageClass: \"k-i-plus\",\n\t className: \"k-grid-add\",\n\t methodName: \"addRow\"\n\t },\n\t destroy: {\n\t imageClass: \"k-i-close\",\n\t className: \"k-grid-delete\",\n\t methodName: \"removeRow\"\n\t },\n\t edit: {\n\t imageClass: \"k-i-edit\",\n\t className: \"k-grid-edit\",\n\t methodName: \"editRow\"\n\t },\n\t update: {\n\t imageClass: \"k-i-check\",\n\t className: \"k-primary k-grid-update\",\n\t methodName: \"saveRow\"\n\t },\n\t canceledit: {\n\t imageClass: \"k-i-cancel\",\n\t className: \"k-grid-cancel\",\n\t methodName: \"_cancelEdit\"\n\t },\n\t cancel: {\n\t imageClass: \"k-icon k-i-cancel\",\n\t text: \"Cancel changes\",\n\t className: \"k-grid-cancel-changes\",\n\t methodName: \"cancelChanges\"\n\t },\n\t save: {\n\t imageClass: \"k-icon k-i-check\",\n\t text: \"Save changes\",\n\t className: \"k-grid-save-changes\",\n\t methodName: \"saveChanges\"\n\t },\n\t excel: {\n\t imageClass: \"k-i-file-excel\",\n\t className: \"k-grid-excel\",\n\t methodName: \"saveAsExcel\"\n\t },\n\t pdf: {\n\t imageClass: \"k-i-file-pdf\",\n\t className: \"k-grid-pdf\",\n\t methodName: \"saveAsPDF\"\n\t },\n\t search: {\n\t template:\n\t \"\" +\n\t \"\" +\n\t \"\" +\n\t \"\"\n\t }\n\t };\n\n\t var TreeView = kendo.Class.extend({\n\t init: function(data, options) {\n\t var that = this;\n\n\t that.data = data || [];\n\t that.options = extend(that.options, options);\n\t },\n\n\t options: {\n\t defaultParentId: null,\n\t idField: \"id\",\n\t parentIdField: PARENTIDFIELD\n\t },\n\n\t childrenMap: function() {\n\t var that = this;\n\t var childrenMap = {};\n\t var dataLength = that.data.length;\n\t var dataItem;\n\t var dataItemId;\n\t var dataItemParentId;\n\t var idField = that.options.idField;\n\t var parentIdField = that.options.parentIdField;\n\n\t if (that._childrenMap) {\n\t return that._childrenMap;\n\t }\n\n\t for (var i = 0; i < dataLength; i++) {\n\t dataItem = this.data[i];\n\t dataItemId = dataItem[idField];\n\t dataItemParentId = dataItem[parentIdField];\n\n\t childrenMap[dataItemId] = childrenMap[dataItemId] || [];\n\t childrenMap[dataItemParentId] = childrenMap[dataItemParentId] || [];\n\n\t childrenMap[dataItemParentId].push(dataItem);\n\t }\n\n\t that._childrenMap = childrenMap;\n\n\t return childrenMap;\n\t },\n\n\t idsMap: function() {\n\t var that = this;\n\t var idsMap = {};\n\t var data = that.data;\n\t var dataLength = data.length;\n\t var dataItem;\n\t var idField = that.options.idField;\n\n\t if (that._idMap) {\n\t return that._idMap;\n\t }\n\n\t for (var i = 0; i < dataLength; i++) {\n\t dataItem = data[i];\n\t idsMap[dataItem[idField]] = dataItem;\n\t }\n\n\t that.idsMap = idsMap;\n\t return idsMap;\n\t },\n\n\t dataMaps: function() {\n\t var that = this;\n\t var childrenMap = {};\n\t var data = that.data;\n\t var dataLength = data.length;\n\t var idsMap = {};\n\t var dataItem;\n\t var dataItemId;\n\t var dataItemParentId;\n\t var idField = that.options.idField;\n\t var parentIdField = that.options.parentIdField;\n\n\t if (that._dataMaps) {\n\t return that._dataMaps;\n\t }\n\n\t for (var i = 0; i < dataLength; i++) {\n\t dataItem = data[i];\n\t dataItemId = dataItem[idField];\n\t dataItemParentId = dataItem[parentIdField];\n\n\t idsMap[dataItemId] = dataItem;\n\n\t childrenMap[dataItemId] = childrenMap[dataItemId] || [];\n\t childrenMap[dataItemParentId] = childrenMap[dataItemParentId] || [];\n\t childrenMap[dataItemParentId].push(dataItem);\n\t }\n\n\t that._dataMaps = {\n\t children: childrenMap,\n\t ids: idsMap\n\t };\n\n\t return that._dataMaps;\n\t },\n\n\t rootNodes: function() {\n\t var that = this;\n\t var data = that.data;\n\t var defaultParentId = that.options.defaultParentId;\n\t var dataLength = data.length;\n\t var rootNodes = [];\n\t var dataItem;\n\t var parentIdField = that.options.parentIdField;\n\n\t for (var i = 0; i < dataLength; i++) {\n\t dataItem = data[i];\n\n\t if (dataItem[parentIdField] === defaultParentId) {\n\t rootNodes.push(dataItem);\n\t }\n\t }\n\n\t return rootNodes;\n\t },\n\n\t removeCollapsedSubtreesFromRootNodes: function(options) {\n\t options = options || {};\n\t var that = this;\n\t var rootNodes = that.rootNodes();\n\t var result = [];\n\t var prunedTree;\n\n\t that._childrenMap = options.childrenMap = options.childrenMap || that.childrenMap();\n\t options.maxDepth = options.maxDepth || Infinity;\n\n\t for (var i = 0; i < rootNodes.length; i++) {\n\t prunedTree = that.removeCollapsedSubtrees(rootNodes[i], options);\n\t result = result.concat(prunedTree);\n\t }\n\n\t return result;\n\t },\n\n\t removeCollapsedSubtrees: function(rootNode, options) {\n\t options = options || {};\n\t var that = this;\n\t var result = [];\n\t var childIdx;\n\t var prunedTree;\n\t var childrenMap = options.childrenMap || {};\n\t var maxDepth = options.maxDepth || Infinity;\n\t var idField = that.options.idField;\n\t var children = childrenMap[rootNode[idField]] || [];\n\t var expanded = isUndefined(rootNode.expanded) ? options.expanded : rootNode.expanded;\n\n\t result.push(rootNode);\n\n\t if (children && expanded) {\n\t for (childIdx = 0; childIdx < children.length; childIdx++) {\n\t if (result.length >= maxDepth) {\n\t break;\n\t }\n\n\t prunedTree = that.removeCollapsedSubtrees(children[childIdx], options);\n\t result = result.concat(prunedTree);\n\t }\n\t }\n\n\t return result;\n\t }\n\t });\n\n\t var TreeQuery = function(data) {\n\t this.data = data || [];\n\t };\n\n\t TreeQuery.prototype = new Query();\n\t TreeQuery.prototype.constructor = TreeQuery;\n\n\t TreeQuery.process = function(data, options, inPlace) {\n\t options = options || {};\n\t var query = new TreeQuery(data);\n\t var group = options.group;\n\t var sort = Query.normalizeGroup(group || []).concat(Query.normalizeSort(options.sort || []));\n\t var filterCallback = options.filterCallback;\n\t var filter = options.filter;\n\t var skip = options.skip;\n\t var take = options.take;\n\t var total;\n\t var childrenMap;\n\t var filteredChildrenMap;\n\t var view;\n\t var prunedData;\n\n\t if (sort && inPlace) {\n\t query = query.sort(sort, undefined, undefined, inPlace);\n\t }\n\n\t if (filter) {\n\t query = query.filter(filter);\n\n\t if (filterCallback) {\n\t query = filterCallback(query);\n\t }\n\n\t total = query.toArray().length;\n\t }\n\n\t if (sort && !inPlace) {\n\t query = query.sort(sort);\n\n\t if (group) {\n\t data = query.toArray();\n\t }\n\t }\n\n\t if (options.processFromRootNodes) {\n\t view = new TreeView(query.toArray(), options);\n\n\t if (filter) {\n\t filteredChildrenMap = view.childrenMap();\n\t }\n\n\t prunedData = view.removeCollapsedSubtreesFromRootNodes({\n\t // filtering or sorting requires changes to childrenMap\n\t childrenMap: filter || (sort && sort.length) ? undefined : options.childrenMap,\n\t expanded: options.expanded,\n\t maxDepth: (skip + take) || Infinity\n\t });\n\n\t childrenMap = view.childrenMap();\n\n\t query = new TreeQuery(prunedData);\n\t }\n\n\t if (skip !== undefined && take !== undefined) {\n\t query = query.range(skip, take);\n\t }\n\n\t if (group) {\n\t query = query.group(group, data);\n\t }\n\n\t return {\n\t total: total,\n\t data: query.toArray(),\n\t childrenMap: childrenMap,\n\t filteredChildrenMap: filteredChildrenMap\n\t };\n\t };\n\n\t var TreeListModel = Model.define({\n\t id: \"id\",\n\n\t parentId: PARENTIDFIELD,\n\n\t fields: {\n\t id: { type: \"number\" },\n\t parentId: { type: \"number\", nullable: true }\n\t },\n\n\t init: function(value) {\n\t Model.fn.init.call(this, value);\n\n\t this._loaded = false;\n\n\t if (!this.parentIdField) {\n\t this.parentIdField = PARENTIDFIELD;\n\t }\n\n\t this.parentId = this.get(this.parentIdField);\n\t },\n\n\t accept: function(data) {\n\t Model.fn.accept.call(this, data);\n\n\t this.parentId = this.get(this.parentIdField);\n\t },\n\n\t set: function(field, value, initiator) {\n\t if (field == PARENTIDFIELD && this.parentIdField != PARENTIDFIELD) {\n\t this[this.parentIdField] = value;\n\t }\n\n\t Model.fn.set.call(this, field, value, initiator);\n\n\t if (field == this.parentIdField) {\n\t this.parentId = this.get(this.parentIdField);\n\t }\n\t },\n\n\t loaded: function(value) {\n\t if (value !== undefined) {\n\t this._loaded = value;\n\t } else {\n\t return this._loaded;\n\t }\n\t },\n\n\t shouldSerialize: function(field) {\n\t return Model.fn.shouldSerialize.call(this, field) && field !== \"_loaded\" && field != \"_error\" && field != \"_edit\" && !(this.parentIdField !== \"parentId\" && field === \"parentId\");\n\t }\n\t });\n\n\t TreeListModel.parentIdField = PARENTIDFIELD;\n\n\t TreeListModel.define = function(base, options) {\n\t if (options === undefined) {\n\t options = base;\n\t base = TreeListModel;\n\t }\n\n\t var parentId = options.parentId || PARENTIDFIELD;\n\n\t options.parentIdField = parentId;\n\n\t var model = Model.define(base, options);\n\n\t if (parentId) {\n\t model.parentIdField = parentId;\n\t }\n\n\t return model;\n\t };\n\n\t function is(field) {\n\t return function(object) {\n\t return object[field];\n\t };\n\t }\n\n\t function not(func) {\n\t return function(object) {\n\t return !func(object);\n\t };\n\t }\n\n\t var TreeListDataSource = DataSource.extend({\n\t init: function(options) {\n\t options = options || {};\n\t var that = this;\n\t that._dataMaps = that._getDataMaps();\n\n\t options.schema = extend(true, {}, {\n\t modelBase: TreeListModel,\n\t model: TreeListModel\n\t }, options.schema);\n\n\t DataSource.fn.init.call(this, options);\n\t },\n\n\t _addRange: function() {\n\t // empty override for performance - the treelist does not support virtualization\n\t },\n\n\t _createNewModel: function(data) {\n\t var that = this;\n\t var model = {};\n\t var fromModel = data instanceof Model;\n\t var parentIdField = this._modelParentIdField();\n\n\t if (fromModel) {\n\t model = data;\n\t }\n\n\t model = DataSource.fn._createNewModel.call(this, model);\n\n\t if (!fromModel) {\n\t if (data.parentId) {\n\t data[model.parentIdField] = data.parentId;\n\t } else if (that._isPageable() && data[parentIdField]) {\n\t data[model.parentIdField] = data[parentIdField];\n\t }\n\n\t model.accept(data);\n\t }\n\n\t return model;\n\t },\n\n\t _shouldWrap: function() {\n\t return true;\n\t },\n\n\t _push: function(result, operation) {\n\t var data = DataSource.fn._readData.call(this, result);\n\n\t if (!data) {\n\t data = result;\n\t }\n\n\t this[operation](data);\n\t },\n\n\t _getData: function() {\n\t // do not use .data(), which wraps the data items\n\t return this._data || [];\n\t },\n\n\t _readData: function(newData) {\n\t var that = this;\n\t var data = that._isPageable() ? that._getData().toJSON() : that.data();\n\n\t newData = DataSource.fn._readData.call(this, newData);\n\n\t this._replaceData(((data.toJSON ? data.toJSON() : data)).concat(newData), data);\n\n\t if (newData instanceof ObservableArray) {\n\t return newData;\n\t }\n\n\t return data;\n\t },\n\n\t _replaceData: function(source, target) {\n\t var sourceLength = source.length;\n\n\t for (var i = 0; i < sourceLength; i++) {\n\t target[i] = source[i];\n\t }\n\n\t target.length = sourceLength;\n\t },\n\n\t _readAggregates: function(data) {\n\t var result = extend(this._aggregateResult, this.reader.aggregates(data));\n\t if (\"\" in result) {\n\t result[this._defaultParentId()] = result[\"\"];\n\t delete result[\"\"];\n\t }\n\n\t return result;\n\t },\n\n\t read: function(data) {\n\t var that = this;\n\n\t if (that._isPageable()) {\n\t that._dataMaps = {};\n\t if (!that._modelOptions().expanded) {\n\t that._skip = 0;\n\t that._page = 1;\n\t that._collapsedTotal = undefined;\n\t }\n\t }\n\n\t return DataSource.fn.read.call(that, data);\n\t },\n\n\t remove: function(root) {\n\t this._removeChildData(root);\n\n\t this._removeFromDataMaps(root);\n\n\t return DataSource.fn.remove.call(this, root);\n\t },\n\n\t _removeChildData: function(model, removePristine) {\n\t var that = this;\n\t var pageable = that._isPageable();\n\t var data = pageable ? this._getData() : this.data();\n\t var childrenMap = pageable ? that._getChildrenMap() || that.childrenMap(data) : that._childrenMap(data);\n\t var items = this._subtree(childrenMap, model.id);\n\t var shouldRemovePristine = isUndefined(removePristine) ? false : removePristine;\n\n\t var removedItems = this._removeItems(items, shouldRemovePristine);\n\n\t that._removeFromDataMaps(removedItems);\n\t },\n\n\t pushDestroy: function(items) {\n\t var that = this;\n\n\t if (!isArray(items)) {\n\t items = [items];\n\t }\n\n\t for (var i = 0; i < items.length; i++) {\n\t that._removeChildData(items[i], true);\n\t that._removeFromDataMaps(items[i]);\n\t }\n\n\t DataSource.fn.pushDestroy.call(that, items);\n\t },\n\n\t insert: function(index, model) {\n\t var that = this;\n\t var newModel = that._createNewModel(model);\n\n\t that._insertInDataMaps(newModel);\n\n\t return DataSource.fn.insert.call(that, index, newModel);\n\t },\n\n\t _filterCallback: function(query) {\n\t var that = this;\n\t var i, item;\n\t var map = {};\n\t var result = [];\n\t var data = query.toArray();\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var pageable = that._isPageable();\n\t var parentSubtree = [];\n\t var parent;\n\n\t for (i = 0; i < data.length; i++) {\n\t item = data[i];\n\n\t if (pageable) {\n\t // return view from root nodes to child nodes\n\t parentSubtree = [];\n\n\t if (!map[item[idField]]) {\n\t map[item[idField]] = true;\n\t parentSubtree.push(item);\n\t }\n\n\t parent = that._parentNode(item);\n\n\t while (parent) {\n\t if (!map[parent[idField]]) {\n\t map[parent[idField]] = true;\n\t parentSubtree.unshift(parent);\n\t parent = that._parentNode(parent);\n\t } else {\n\t // the parent chain is already processed\n\t break;\n\t }\n\t }\n\n\t if (parentSubtree.length) {\n\t result = result.concat(parentSubtree);\n\t }\n\t } else {\n\t while (item) {\n\t if (!map[item[idField]]) {\n\t map[item[idField]] = true;\n\t result.push(item);\n\t }\n\n\t if (!map[item[parentIdField]]) {\n\t map[item[parentIdField]] = true;\n\t item = this.parentNode(item);\n\n\t if (item) {\n\t result.push(item);\n\t }\n\t } else {\n\t break;\n\t }\n\t }\n\t }\n\t }\n\n\t return new Query(result);\n\t },\n\n\t _subtree: function(map, id) {\n\t var that = this;\n\t var result = map[id] || [];\n\t var defaultParentId = that._defaultParentId();\n\t var idField = that._modelIdField();\n\n\t for (var i = 0, len = result.length; i < len; i++) {\n\t if (result[i][idField] !== defaultParentId) {\n\t result = result.concat(that._subtree(map, result[i][idField]));\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t // builds hash id -> children\n\t _childrenMap: function(data) {\n\t var map = {};\n\t var i, item, id, parentId;\n\n\t data = this._observeView(data);\n\n\t for (i = 0; i < data.length; i++) {\n\t item = data[i];\n\t id = item.id;\n\t parentId = item.parentId;\n\n\t map[id] = map[id] || [];\n\t map[parentId] = map[parentId] || [];\n\t map[parentId].push(item);\n\t }\n\n\t return map;\n\t },\n\n\t childrenMap: function(data) {\n\t var view = this._createTreeView(data);\n\t var map = view.childrenMap();\n\t return map;\n\t },\n\n\t _getChildrenMap: function() {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\t return dataMaps.children;\n\t },\n\n\t _initIdsMap: function(data) {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\n\t if (isUndefined(dataMaps.ids)) {\n\t dataMaps.ids = that._idsMap(data);\n\t }\n\n\t return dataMaps.ids;\n\t },\n\n\t _idsMap: function(data) {\n\t var view = this._createTreeView(data);\n\t var map = view.idsMap();\n\t return map;\n\t },\n\n\t _getIdsMap: function() {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\t return dataMaps.ids || {};\n\t },\n\n\t _getFilteredChildrenMap: function() {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\t return dataMaps.filteredChildren;\n\t },\n\n\t _setFilteredChildrenMap: function(map) {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\t dataMaps.filteredChildren = map;\n\t },\n\n\t _initDataMaps: function(data) {\n\t var that = this;\n\t var view = that._createTreeView(data);\n\n\t that._dataMaps = view.dataMaps();\n\n\t return that._dataMaps;\n\t },\n\n\t _initChildrenMapForParent: function(parent) {\n\t var that = this;\n\t var data = that._getData();\n\t var childrenMap = that._getChildrenMap();\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var parentId = (parent || {})[idField];\n\n\t if (childrenMap && parent) {\n\t childrenMap[parentId] = [];\n\n\t for (var i = 0; i < data.length; i++) {\n\t if (data[i][parentIdField] === parentId) {\n\t childrenMap[parentId].push(data[i]);\n\t }\n\t }\n\t }\n\t },\n\n\t _getDataMaps: function() {\n\t var that = this;\n\t that._dataMaps = that._dataMaps || {};\n\t return that._dataMaps;\n\t },\n\n\t _createTreeView: function(data, options) {\n\t var view = new TreeView(data, extend(options, this._defaultTreeModelOptions()));\n\t return view;\n\t },\n\n\t _defaultTreeModelOptions: function() {\n\t var that = this;\n\t var modelOptions = that._modelOptions();\n\n\t return {\n\t defaultParentId: that._defaultParentId(),\n\t idField: that._modelIdField(),\n\t parentIdField: that._modelParentIdField(),\n\t expanded: modelOptions.expanded\n\t };\n\t },\n\n\t _defaultDataItemType: function() {\n\t return this.reader.model || kendo.data.ObservableObject;\n\t },\n\n\t _calculateAggregates: function(data, options) {\n\t options = options || {};\n\t var that = this;\n\t var result = {};\n\t var item, subtree, i;\n\t var filter = options.filter;\n\t var skip = options.skip;\n\t var take = options.take;\n\t var maxDepth = !isUndefined(skip) && !isUndefined(take) ? (skip + take) : Infinity;\n\t var pageable = that._isPageable();\n\t var filteredChildrenMap = options.filteredChildrenMap;\n\t var childrenMap = options.childrenMap;\n\t var pageableChildrenMap;\n\n\t if (pageable) {\n\t if (isUndefined(options.aggregate)) {\n\t return result;\n\t }\n\n\t if (filteredChildrenMap) {\n\t pageableChildrenMap = filteredChildrenMap;\n\t } else if (childrenMap) {\n\t pageableChildrenMap = childrenMap;\n\t } else {\n\t pageableChildrenMap = that.childrenMap(that._getData());\n\t }\n\t }\n\n\t if (!pageable && filter) {\n\t data = Query.process(data, {\n\t filter: filter,\n\t filterCallback: proxy(this._filterCallback, this)\n\t }).data;\n\t }\n\n\t var map = pageable ? pageableChildrenMap : that._childrenMap(data);\n\n\t // calculate aggregates for each subtree\n\t result[this._defaultParentId()] = new Query(this._subtree(map, this._defaultParentId())).aggregate(options.aggregate);\n\n\t for (i = 0; i < data.length; i++) {\n\t if (i >= maxDepth) {\n\t break;\n\t }\n\n\t item = data[i];\n\t subtree = this._subtree(map, item.id);\n\n\t result[item.id] = new Query(subtree).aggregate(options.aggregate);\n\t }\n\n\t return result;\n\t },\n\n\t _queryProcess: function(data, options) {\n\t var that = this;\n\t var result = {};\n\t options = options || {};\n\t options.filterCallback = proxy(this._filterCallback, this);\n\n\t if (that._isPageable()) {\n\t return that._processPageableQuery(data, options);\n\t } else {\n\t var defaultParentId = this._defaultParentId();\n\t result = Query.process(data, options);\n\t var map = this._childrenMap(result.data);\n\t var hasLoadedChildren, i, item, children;\n\n\t data = map[defaultParentId] || [];\n\n\t for (i = 0; i < data.length; i++) {\n\t item = data[i];\n\n\t if (item.id === defaultParentId) {\n\t continue;\n\t }\n\n\t children = map[item.id];\n\t hasLoadedChildren = !!(children && children.length);\n\n\t if (!item.loaded()) {\n\t item.loaded(hasLoadedChildren || !item.hasChildren);\n\t }\n\n\t if (item.loaded() || item.hasChildren !== true) {\n\t item.hasChildren = hasLoadedChildren;\n\t }\n\n\t if (hasLoadedChildren) {\n\t //cannot use splice due to IE8 bug\n\t data = data.slice(0, i + 1).concat(children, data.slice(i + 1));\n\t }\n\t }\n\n\t result.data = data;\n\t }\n\n\t return result;\n\t },\n\n\t _processPageableQuery: function(data, options) {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\t var result;\n\t var filteredChildrenMap;\n\n\t if (that._getData() !== data || !dataMaps.children || !dataMaps.ids) {\n\t dataMaps = that._initDataMaps(that._getData());\n\t }\n\n\t options.childrenMap = dataMaps.children || {};\n\t options.idsMap = dataMaps.ids || {};\n\n\t result = that._processTreeQuery(data, options);\n\n\t that._replaceWithObservedData(result.data, data);\n\n\t that._processDataItemsState(result.data, result.childrenMap);\n\n\t that._replaceItemsInDataMaps(result.data);\n\n\t result.dataToAggregate = that._dataToAggregate(result.data, options);\n\n\t if (options.filter || that.filter()) {\n\t filteredChildrenMap = result.filteredChildrenMap;\n\t that._replaceInMapWithObservedData(filteredChildrenMap, data);\n\t that._setFilteredChildrenMap(filteredChildrenMap);\n\t options.filteredChildrenMap = filteredChildrenMap;\n\t that._calculateCollapsedTotal(result.data);\n\t } else {\n\t that._collapsedTotal = undefined;\n\t }\n\n\t return result;\n\t },\n\n\t _dataToAggregate: function(data) {\n\t var that = this;\n\t var firstDataItem = data[0] || {};\n\t var firstItemParents = that._parentNodes(firstDataItem);\n\t var dataToAggregate = firstItemParents.concat(data);\n\n\t return dataToAggregate;\n\t },\n\n\t _replaceItemsInDataMaps: function(observableArray) {\n\t var that = this;\n\t var view = isArray(observableArray) ? observableArray : [observableArray];\n\t var itemType = that._defaultDataItemType();\n\t var defaultParentId = that._defaultParentId();\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var dataMaps = that._getDataMaps();\n\t var item;\n\t var parents;\n\t var directParent;\n\n\t for (var viewIndex = 0; viewIndex < view.length; viewIndex++) {\n\t item = view[viewIndex];\n\n\t if (!(item instanceof itemType)) {\n\t continue;\n\t }\n\n\t that._insertInIdsMap(item);\n\n\t parents = that._parentNodes(item);\n\t directParent = parents && parents.length ? parents[parents.length - 1] : undefined;\n\n\t if (item[parentIdField] === defaultParentId) {\n\t that._replaceInMap(dataMaps.children, defaultParentId, item, itemType);\n\t } else if (directParent) {\n\t that._replaceInMap(dataMaps.children, directParent[idField], item, itemType);\n\t }\n\t }\n\t },\n\n\t _replaceInMap: function(map, id, replacement, itemType) {\n\t var idField = this._modelIdField();\n\t map[id] = map[id] || [];\n\t itemType = itemType || this._defaultDataItemType();\n\n\t var itemInArray = map[id].filter(function(element) {\n\t return replacement[idField] === element[idField];\n\t })[0];\n\n\t var itemIndex = itemInArray ? map[id].indexOf(itemInArray) : -1;\n\n\t if (itemIndex !== -1 && !(itemInArray instanceof itemType)) {\n\t map[id][itemIndex] = replacement;\n\t }\n\t },\n\n\t _replaceWithObservedData: function(dataToReplace, replacementArray) {\n\t var that = this;\n\t var idsMap = that._getDataMaps().ids || {};\n\t var idField = that._modelIdField();\n\t var itemType = that._defaultDataItemType();\n\t var itemToReplace;\n\t var itemToReplaceId;\n\t var dataItem;\n\t var dataItemIndex;\n\t var observableItem;\n\n\t for (var i = 0; i < dataToReplace.length; i++) {\n\t itemToReplace = dataToReplace[i];\n\t itemToReplaceId = itemToReplace[idField];\n\n\t if (!(itemToReplace instanceof itemType)) {\n\t if (!(idsMap[itemToReplaceId] instanceof itemType)) {\n\t dataItem = that._getById(itemToReplaceId);\n\t dataItemIndex = replacementArray.indexOf(dataItem);\n\n\t if (dataItem && dataItemIndex !== -1) {\n\t observableItem = replacementArray.at(dataItemIndex);\n\t dataToReplace[i] = observableItem;\n\t }\n\t } else {\n\t dataToReplace[i] = idsMap[itemToReplaceId];\n\t }\n\t }\n\t }\n\t },\n\n\t _replaceInMapWithObservedData: function(map, replacementArray) {\n\t var that = this;\n\n\t for (var key in map) {\n\t that._replaceWithObservedData(map[key], replacementArray);\n\t }\n\t },\n\n\t _insertInDataMaps: function(item) {\n\t var that = this;\n\n\t if (that._isPageable()) {\n\t that._insertInIdsMap(item);\n\t that._insertInChildrenMap(item);\n\t }\n\t },\n\n\t _insertInIdsMap: function(item) {\n\t var that = this;\n\t var idsMap = that._getIdsMap();\n\t var idField = that._modelIdField();\n\n\t if (!isUndefined(item[idField])) {\n\t idsMap[item[idField]] = item;\n\t }\n\t },\n\n\t _insertInChildrenMap: function(item, index) {\n\t var that = this;\n\t var childrenMap = that._getChildrenMap() || {};\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var itemId = item[idField];\n\t var parentId = item[parentIdField];\n\t index = index || 0;\n\n\t childrenMap[itemId] = childrenMap[itemId] || [];\n\t childrenMap[parentId] = childrenMap[parentId] || [];\n\t childrenMap[parentId].splice(index, 0, item);\n\t },\n\n\t _removeFromDataMaps: function(items) {\n\t var that = this;\n\t items = isArray(items) ? items : [items];\n\n\t if (that._isPageable()) {\n\t for (var i = 0; i < items.length; i++) {\n\t that._removeFromIdsMap(items[i]);\n\t that._removeFromChildrenMap(items[i]);\n\t }\n\t }\n\t },\n\n\t _removeFromIdsMap: function(item) {\n\t var that = this;\n\t var idsMap = that._getIdsMap();\n\t var idField = that._modelIdField();\n\n\t if (!isUndefined(item[idField])) {\n\t idsMap[item[idField]] = undefined;\n\t }\n\t },\n\n\t _removeFromChildrenMap: function(item) {\n\t var that = this;\n\t var childrenMap = that._getChildrenMap() || {};\n\t var parentIdField = that._modelParentIdField();\n\t var parentId = item[parentIdField];\n\n\t childrenMap[parentId] = childrenMap[parentId] || [];\n\n\t var itemIndex = that._indexInChildrenMap(item);\n\n\t if (itemIndex !== -1) {\n\t childrenMap[parentId].splice(itemIndex, 1);\n\t }\n\t },\n\n\t _indexInChildrenMap: function(item) {\n\t var that = this;\n\t return that._itemIndexInMap(item, that._getChildrenMap());\n\t },\n\n\t _itemIndexInMap: function(item, dataMap) {\n\t var that = this;\n\t var map = dataMap || {};\n\t var parentIdField = that._modelParentIdField();\n\t var parentId = item[parentIdField];\n\n\t map[parentId] = map[parentId] || [];\n\n\t var itemInArray = map[parentId].filter(function(element) {\n\t return item.uid === element.uid;\n\t })[0];\n\n\t var itemIndex = itemInArray ? map[parentId].indexOf(itemInArray) : -1;\n\n\t return itemIndex;\n\t },\n\n\t _getById: function(id) {\n\t var that = this;\n\t var idField = that._modelIdField();\n\t var data = that._getData();\n\n\t for (var i = 0; i < data.length; i++) {\n\t if (data[i][idField] === id) {\n\t return data[i];\n\t }\n\t }\n\t },\n\n\t _isLastItemInView: function(dataItem) {\n\t var view = this.view();\n\t return view.length && view[view.length - 1] === dataItem;\n\t },\n\n\t _defaultPageableQueryOptions: function() {\n\t var that = this;\n\t var dataMaps = that._getDataMaps();\n\t var options = {\n\t skip: that.skip(),\n\t take: that.take(),\n\t page: that.page(),\n\t pageSize: that.pageSize(),\n\t sort: that.sort(),\n\t filter: that.filter(),\n\t group: that.group(),\n\t aggregate: that.aggregate(),\n\t filterCallback: proxy(that._filterCallback, that),\n\t childrenMap: dataMaps.children,\n\t idsMap: dataMaps.ids\n\t };\n\n\t return options;\n\t },\n\n\t _isPageable: function() {\n\t var pageSize = this.pageSize();\n\t return (!isUndefined(pageSize) && pageSize > 0 && !this.options.serverPaging);\n\t },\n\n\t _updateTotalForAction: function(action, items) {\n\t var that = this;\n\n\t DataSource.fn._updateTotalForAction.call(that, action, items);\n\n\t if (that._isPageable()) {\n\t that._updateCollapsedTotalForAction(action, items);\n\t }\n\t },\n\n\t _updateCollapsedTotalForAction: function(action, items) {\n\t var that = this;\n\t var total = parseInt(that._collapsedTotal, 10);\n\n\t if (!isNumber(that._collapsedTotal)) {\n\t that._calculateCollapsedTotal();\n\t return;\n\t }\n\n\t if (action === \"add\") {\n\t total += items.length;\n\t } else if (action === \"remove\") {\n\t total -= items.length;\n\t } else if (action !== \"itemchange\" && action !== \"sync\" && !that.options.serverPaging) {\n\t total = that._calculateCollapsedTotal();\n\t } else if (action === \"sync\") {\n\t total = that._calculateCollapsedTotal();\n\t }\n\n\t that._collapsedTotal = total;\n\t },\n\n\t _setFilterTotal: function(filterTotal, setDefaultValue) {\n\t var that = this;\n\n\t DataSource.fn._setFilterTotal.call(that, filterTotal, setDefaultValue);\n\n\t },\n\n\t collapsedTotal: function() {\n\t var that = this;\n\n\t if (!isUndefined(that._collapsedTotal)) {\n\t return that._collapsedTotal;\n\t }\n\n\t return that._calculateCollapsedTotal();\n\t },\n\n\t _calculateCollapsedTotal: function(filteredData) {\n\t var that = this;\n\t var data = that._dataWithoutCollapsedSubtrees(filteredData);//\n\n\t if (data.length) {\n\t that._collapsedTotal = data.length;\n\t }\n\n\t return that._collapsedTotal;\n\t },\n\n\t _dataWithoutCollapsedSubtrees: function(filteredData) {\n\t return this._removeCollapsedSubtrees(filteredData || this._getData());\n\t },\n\n\t _removeCollapsedSubtrees: function(data) {\n\t var that = this;\n\t var view = that._createTreeView(data);\n\t var result = view.removeCollapsedSubtreesFromRootNodes({\n\t expanded: that._modelOptions().expanded,\n\t childrenMap: that.filter() ? that._getFilteredChildrenMap() : that._getChildrenMap()\n\t });\n\n\t return result;\n\t },\n\n\t _processTreeQuery: function(data, options) {\n\t var result = TreeQuery.process(data, extend(options, this._defaultTreeModelOptions(), {\n\t processFromRootNodes: true\n\t }));\n\n\t return result;\n\t },\n\n\t _processDataItemsState: function(data, childrenMap) {\n\t var dataLength = data.length;\n\t var i;\n\n\t for (i = 0; i < dataLength; i++) {\n\t this._processDataItemState(data[i], childrenMap);\n\t }\n\t },\n\n\t _processDataItemState: function(dataItem, childrenMap) {\n\t var defaultParentId = this._defaultParentId();\n\n\t if (dataItem.id === defaultParentId) {\n\t return;\n\t }\n\n\t var children = childrenMap[dataItem.id] || [];\n\t var hasLoadedChildren = !!(children && children.length);\n\n\t if (!dataItem.loaded) {\n\t return;\n\t }\n\n\t if (!dataItem.loaded()) {\n\t dataItem.loaded(hasLoadedChildren || !dataItem.hasChildren);\n\t }\n\n\t if (dataItem.loaded() || dataItem.hasChildren !== true) {\n\t dataItem.hasChildren = hasLoadedChildren;\n\t }\n\t },\n\n\t _queueRequest: function(options, callback) {\n\t // allow simultaneous requests (loading multiple items at the same time)\n\t callback.call(this);\n\t },\n\n\t _modelLoaded: function(id) {\n\t var model = this.get(id);\n\t model.loaded(true);\n\t model.hasChildren = this.childNodes(model).length > 0;\n\t },\n\n\t _modelError: function(id, e) {\n\t this.get(id)._error = e;\n\t },\n\n\t success: function(data, requestParams) {\n\t if (!requestParams || typeof requestParams.id == \"undefined\") {\n\t this._data = this._observe([]);\n\t }\n\n\t DataSource.fn.success.call(this, data, requestParams);\n\t\t\t\tthis._total = this._data.length;\n\t },\n\n\t load: function(model) {\n\t var method = \"_query\";\n\t var remote = this.options.serverSorting || this.options.serverPaging || this.options.serverFiltering || this.options.serverGrouping || this.options.serverAggregates;\n\t var defaultPromise = $.Deferred().resolve().promise();\n\n\t if (model.loaded()) {\n\t if (remote) {\n\t return defaultPromise;\n\t }\n\t } else if (model.hasChildren) {\n\t method = \"read\";\n\t this._removeChildData(model);\n\t }\n\n\t return this[method]({ id: model.id })\n\t .done(proxy(this._modelLoaded, this, model.id))\n\t .fail(proxy(this._modelError, this, model.id));\n\t },\n\n\t contains: function(root, child) {\n\t var that = this;\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var rootId = root[idField];\n\t var pageable = that._isPageable();\n\n\t while (child) {\n\t if (child[parentIdField] === rootId) {\n\t return true;\n\t }\n\n\t child = pageable ? that._parentNode(child) : that.parentNode(child);\n\t }\n\n\t return false;\n\t },\n\n\t _byParentId: function(id, defaultId) {\n\t var result = [];\n\t var view = this.view();\n\t var current;\n\n\t if (id === defaultId) {\n\t return [];\n\t }\n\n\t for (var i = 0; i < view.length; i++) {\n\t current = view.at(i);\n\n\t if (current.parentId == id) {\n\t result.push(current);\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t _defaultParentId: function() {\n\t return this.reader.model.fn.defaults[this.reader.model.parentIdField];\n\t },\n\n\t _modelOptions: function() {\n\t var modelOptions = ((this.options.schema || {}).model || {});\n\t return modelOptions;\n\t },\n\n\t _modelIdField: function() {\n\t var modelOptions = this._modelOptions();\n\t return modelOptions.id || \"id\";\n\t },\n\n\t _modelParentIdField: function() {\n\t var modelOptions = this._modelOptions();\n\t return modelOptions.parentId || PARENTIDFIELD;\n\t },\n\n\t childNodes: function(model) {\n\t return this._byParentId(model.id, this._defaultParentId());\n\t },\n\n\t allChildNodes: function(model, result){\n\t var directChildren = this.data().filter(function(item){\n\t return item.parentId === model.id;\n\t });\n\n\t for (var i =0; i < directChildren.length; i++) {\n\t result.push(directChildren[i]);\n\t this.allChildNodes(directChildren[i], result);\n\t }\n\t },\n\n\t rootNodes: function() {\n\t return this._byParentId(this._defaultParentId());\n\t },\n\n\t _rootNode: function(child) {\n\t return this._parentNodes(child)[0];\n\t },\n\n\t _pageableRootNodes: function(options) {\n\t options = options || {};\n\t var that = this;\n\t var defaultParentId = that._defaultParentId();\n\t var parentIdField = that._modelParentIdField();\n\t var result = [];\n\t var nodesWithoutParentInView = that._nodesWithoutParentInView(options);\n\t var node;\n\t var root;\n\n\t for (var i = 0; i < nodesWithoutParentInView.length; i++) {\n\t node = nodesWithoutParentInView[i];\n\n\t if (node[parentIdField] === defaultParentId) {\n\t result.push(node);\n\t } else {\n\t root = that._rootNode(node);\n\n\t if (root && result.indexOf(root) === -1) {\n\t result.push(root);\n\t }\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t parentNode: function(model) {\n\t return this.get(model.parentId);\n\t },\n\n\t _parentNode: function(child) {\n\t var that = this;\n\t var parentIdField = that._modelParentIdField();\n\t var idsMap = that._initIdsMap(that._getData());\n\t var parentId = child[parentIdField];\n\t var parent = idsMap[parentId] || that._getById(parentId);\n\n\t return parent;\n\t },\n\n\t _parentNodes: function(child) {\n\t var that = this;\n\t var parent = that._parentNode(child);\n\t var parents = [];\n\n\t while (parent) {\n\t parents.unshift(parent);\n\t parent = that._parentNode(parent);\n\t }\n\n\t return parents;\n\t },\n\n\t _parentNodesNotInView: function() {\n\t var that = this;\n\t var view = that.view();\n\t var result = [];\n\t var defaultParentId = that._defaultParentId();\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var parentInView;\n\t var parents = [];\n\t var directParent;\n\t var dataItem;\n\t var dataItemId;\n\t var dataItemParentId;\n\n\t for (var i = 0; i < view.length; i++) {\n\t dataItem = view[i];\n\t dataItemId = dataItem[idField];\n\t dataItemParentId = dataItem[parentIdField];\n\t parentInView = that._parentInView(dataItemParentId);\n\n\t if (!parentInView && dataItemParentId !== defaultParentId) {\n\t parents = that._parentNodes(dataItem);\n\n\t directParent = parents && parents.length ? parents[parents.length - 1] : that._getById(dataItemParentId);\n\n\t if (directParent && result.indexOf(directParent) === -1) {\n\t result.push(directParent);\n\t }\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t _nodesWithoutParentInView: function(options) {\n\t options = options || {};\n\t var that = this;\n\t var view = that.view();\n\t var childrenMap = options.childrenMap || that.childrenMap(that._getData());\n\t var idField = that._modelIdField();\n\t var parentIdField = that._modelParentIdField();\n\t var dataItem;\n\t var parentInView;\n\t var children = [];\n\t var result = [];\n\n\t for (var i = 0; i < view.length; i++) {\n\t dataItem = view[i];\n\t children = childrenMap[dataItem[idField]];\n\t parentInView = that._parentInView(dataItem[parentIdField]);\n\n\t if (!parentInView) {\n\t result.push(dataItem);\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t _parentInView: function(parentId) {\n\t var view = this.view();\n\n\t for (var i = 0; i < view.length; i++) {\n\t if (view[i].id === parentId) {\n\t return view[i];\n\t }\n\t }\n\t },\n\n\t level: function(model) {\n\t var result = -1;\n\n\t if (!(model instanceof TreeListModel)) {\n\t model = this.get(model);\n\t }\n\n\t do {\n\t model = this.parentNode(model);\n\t result++;\n\t } while (model);\n\n\t return result;\n\t },\n\n\t _pageableModelLevel: function(model) {\n\t var that = this;\n\n\t if (!model || !that._isPageable()) {\n\t return 0;\n\t }\n\n\t var parents = that._parentNodes(model);\n\n\t return parents.length;\n\t },\n\n\t filter: function(value) {\n\t var baseFilter = DataSource.fn.filter;\n\n\t if (value === undefined) {\n\t return baseFilter.call(this, value);\n\t }\n\n\t baseFilter.call(this, value);\n\t },\n\n\t _pageableQueryOptions: function(options) {\n\t var dataMaps = this._getDataMaps();\n\n\t options.childrenMap = dataMaps.children;\n\t options.idsMap = dataMaps.ids;\n\n\t return options;\n\t },\n\n\t _flatData: function(data, skip) {\n\t skip = this._isPageable() ? true : skip;\n\t return DataSource.fn._flatData.call(this, data, skip);\n\t },\n\n\t data: function(data) {\n\t var that = this;\n\t var result = DataSource.fn.data.call(that, data);\n\n\t if (that._isPageable()) {\n\t that._initDataMaps(that._getData());\n\t that._calculateCollapsedTotal();\n\t }\n\n\t return result;\n\t },\n\n\t cancelChanges: function(model) {\n\t var that = this;\n\n\t DataSource.fn.cancelChanges.call(that, model);\n\n\t that._restorePageSizeAfterAddChild();\n\t },\n\n\t _modelCanceled: function(model) {\n\t var that = this;\n\n\t if (that._isPageable()) {\n\t that._removeFromDataMaps(model);\n\t }\n\t },\n\n\t _changesCanceled: function() {\n\t var that = this;\n\n\t if (that._isPageable()) {\n\t that._initDataMaps(that._getData());\n\t }\n\t },\n\n\t _setAddChildPageSize: function() {\n\t var that = this;\n\t var queryOptions = {};\n\n\t if (that._isPageable()) {\n\t // increase the page size to make the new item visible in view\n\t that._addChildPageSize = that.pageSize() + 1;\n\n\t queryOptions = that._defaultPageableQueryOptions();\n\t queryOptions.take = that._addChildPageSize;\n\t queryOptions.pageSize = that._addChildPageSize;\n\t that._query(queryOptions);\n\t }\n\t },\n\n\t _restorePageSizeAfterAddChild: function() {\n\t var that = this;\n\t var queryOptions = {};\n\n\t if (that._isPageable()) {\n\t if (!isUndefined(that._addChildPageSize)) {\n\t queryOptions = that._defaultPageableQueryOptions();\n\t queryOptions.take = that._addChildPageSize - 1;\n\t queryOptions.pageSize = that._addChildPageSize - 1;\n\t that._query(queryOptions);\n\t }\n\t }\n\n\t that._addChildPageSize = undefined;\n\t },\n\n\t sync: function() {\n\t var that = this;\n\n\t return DataSource.fn.sync.call(that)\n\t .then(function() {\n\t that._restorePageSizeAfterAddChild();\n\t });\n\t },\n\n\t _syncEnd: function() {\n\t var that = this;\n\n\t if (that._isPageable()) {\n\t that._initDataMaps(that._getData());\n\t }\n\t }\n\t });\n\n\t TreeListDataSource.create = function(options) {\n\t if ($.isArray(options)) {\n\t options = { data: options };\n\t } else if (options instanceof ObservableArray) {\n\t options = { data: options.toJSON() };\n\t }\n\n\t return options instanceof TreeListDataSource ? options : new TreeListDataSource(options);\n\t };\n\n\t function isCellVisible() {\n\t return this.style.display !== \"none\";\n\t }\n\n\t function sortCells(cells) {\n\t var indexAttr = kendo.attr(\"index\");\n\t return 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\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[data-index]\")\n\t .filter(filter);\n\t }\n\n\t cells = cells.add(rows.last().find(\"th\").filter(filter));\n\n\t return sortCells(cells);\n\t }\n\n\t function createPlaceholders(options) {\n\t var spans = [];\n\t var className = options.className;\n\n\t for (var i = 0, level = options.level; i < level; i++) {\n\t spans.push(kendoDomElement(\"span\", { className: className }));\n\t }\n\n\t return spans;\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 syncTableHeight(table1, table2) {\n\t table1 = table1[0];\n\t table2 = table2[0];\n\n\t if (table1.rows.length && table2.rows.length && table1.rows.length !== table2.rows.length) {\n\t var lockedHeigth = table1.offsetHeight;\n\t var tableHeigth = table2.offsetHeight;\n\n\t var row;\n\t var diff;\n\t if (lockedHeigth > tableHeigth) {\n\t row = table2.rows[table2.rows.length - 1];\n\n\t if (filterRowRegExp.test(row.className)) {\n\t row = table2.rows[table2.rows.length - 2];\n\t }\n\n\t diff = lockedHeigth - tableHeigth;\n\t } else {\n\t row = table1.rows[table1.rows.length - 1];\n\n\t if (filterRowRegExp.test(row.className)) {\n\t row = table1.rows[table1.rows.length - 2];\n\t }\n\n\t diff = tableHeigth - lockedHeigth;\n\t }\n\t row.style.height = row.offsetHeight + diff + \"px\";\n\t }\n\t }\n\n\t var TreeListPager = ui.Pager.extend({\n\t options: {\n\t name: \"TreeListPager\"\n\t },\n\n\t totalPages: function() {\n\t var that = this;\n\t var dataSource = that.dataSource;\n\n\t if (dataSource && dataSource._filter) {\n\t return ui.Pager.fn.totalPages.call(that);\n\t }\n\n\t return Math.ceil((that._collapsedTotal() || 0) / (that.pageSize() || 1));\n\t },\n\n\t _createDataSource: function(options) {\n\t this.dataSource = kendo.data.TreeListDataSource.create(options.dataSource);\n\t },\n\n\t _collapsedTotal: function() {\n\t var dataSource = this.dataSource;\n\t return dataSource ? (dataSource.collapsedTotal() || 0) : 0;\n\t }\n\t });\n\n\t var Editor = kendo.Observable.extend({\n\t init: function(element, options) {\n\t kendo.Observable.fn.init.call(this);\n\n\t options = this.options = extend(true, {}, this.options, options);\n\n\t this.element = element;\n\n\t this.bind(this.events, options);\n\n\t this.model = this.options.model;\n\n\t this.fields = this._fields(this.options.columns);\n\n\t this._initContainer();\n\n\t this.createEditable();\n\t },\n\n\t events: [],\n\n\t _initContainer: function() {\n\t this.wrapper = this.element;\n\t },\n\n\t createEditable: function() {\n\t var options = this.options;\n\n\t this.editable = new ui.Editable(this.wrapper, {\n\t fields: this.fields,\n\t target: options.target,\n\t clearContainer: options.clearContainer,\n\t model: this.model,\n\t change: options.change\n\t });\n\t },\n\n\t _isEditable: function(column) {\n\t return isColumnEditable(column, this.model);\n\t },\n\n\t _fields: function(columns) {\n\t var fields = [];\n\t var idx, length, column;\n\n\t for (idx = 0, length = columns.length; idx < length; idx++) {\n\t column = columns[idx];\n\n\t if (this._isEditable(column)) {\n\t fields.push({\n\t field: column.field,\n\t format: column.format,\n\t editor: column.editor\n\t });\n\t }\n\t }\n\n\t return fields;\n\t },\n\n\t end: function() {\n\t return this.editable.end();\n\t },\n\n\t close: function() {\n\t this.destroy();\n\t },\n\n\t destroy: function() {\n\t this.editable.destroy();\n\t this.editable.element\n\t .find(\"[\" + kendo.attr(\"container-for\") + \"]\")\n\t .empty()\n\t .end()\n\t .removeAttr(kendo.attr(\"role\"));\n\n\t this.model = this.wrapper = this.element = this.columns = this.editable = null;\n\t }\n\t });\n\n\t var PopupEditor = Editor.extend({\n\t init: function(element, options) {\n\t Editor.fn.init.call(this, element, options);\n\n\t this._attachHandlers();\n\t kendo.cycleForm(this.wrapper);\n\n\t this.open();\n\t },\n\n\t events: [\n\t CANCEL,\n\t SAVE\n\t ],\n\n\t options: {\n\t window: {\n\t modal: true,\n\t resizable: false,\n\t draggable: true,\n\t title: \"Edit\",\n\t visible: false\n\t }\n\t },\n\n\t _initContainer: function() {\n\t var options = this.options;\n\t var formContent = [];\n\n\t this.wrapper = $('