\").append(this.times.add(this.content).wrap(\"\").parent());\n },\n _scroller: function _scroller() {\n var that = this;\n this.content.bind(\"scroll\" + NS, function () {\n that.datesHeader.find(\">.k-scheduler-header-wrap\").scrollLeft(this.scrollLeft);\n that.times.scrollTop(this.scrollTop);\n });\n var touchScroller = kendo.touchScroller(this.content, {\n avoidScrolling: function avoidScrolling(e) {\n return $(e.event.target).closest(\".k-event.k-event-active\").length > 0;\n }\n });\n if (touchScroller && touchScroller.movable) {\n this._touchScroller = touchScroller;\n this.content = touchScroller.scrollElement;\n touchScroller.movable.bind(\"change\", function (e) {\n that.datesHeader.find(\">.k-scheduler-header-wrap\").scrollLeft(-e.sender.x);\n that.times.scrollTop(-e.sender.y);\n });\n }\n },\n _resourcesForGroups: function _resourcesForGroups() {\n var result = [];\n var groups = this.options.group;\n var resources = this.options.resources;\n groups = groups && groups.resources ? groups.resources : [];\n if (resources && groups.length) {\n for (var idx = 0, length = resources.length; idx < length; idx++) {\n for (var groupIdx = 0, groupLength = groups.length; groupIdx < groupLength; groupIdx++) {\n if (resources[idx].name === groups[groupIdx]) {\n result.push(resources[idx]);\n }\n }\n }\n }\n this.groupedResources = result;\n },\n _createDateLayout: function _createDateLayout(dates, inner, times) {\n return createDateLayoutConfiguration(\"rows\", dates, inner, times);\n },\n _createColumnsLayout: function _createColumnsLayout(resources, inner, template, dates, times) {\n return createLayoutConfiguration(\"columns\", resources, inner, template, dates, times);\n },\n _groupOrientation: function _groupOrientation() {\n var groups = this.options.group;\n return groups && groups.resources ? groups.orientation : \"horizontal\";\n },\n _isGroupedByDate: function _isGroupedByDate() {\n return this.options.group && this.options.group.date;\n },\n _isVerticallyGrouped: function _isVerticallyGrouped() {\n return this.groupedResources.length && this._groupOrientation() === \"vertical\";\n },\n _createRowsLayout: function _createRowsLayout(resources, inner, template, dates) {\n return createLayoutConfiguration(\"rows\", resources, inner, template, dates);\n },\n selectionByElement: function selectionByElement() {\n return null;\n },\n clearSelection: function clearSelection() {\n this.content.find(\".k-state-selected\").removeAttr(\"id\").attr(\"aria-selected\", false).removeClass(\"k-state-selected\");\n },\n destroy: function destroy() {\n var that = this;\n Widget.fn.destroy.call(this);\n if (that.table) {\n kendo.destroy(that.table);\n that.table.remove();\n }\n if (that.footer) {\n kendo.destroy(that.footer);\n that.footer.remove();\n }\n that.groups = null;\n that.table = null;\n that.content = null;\n that.times = null;\n that.datesHeader = null;\n that.timesHeader = null;\n that.footer = null;\n that._resizeHint = null;\n that._moveHint = null;\n },\n calendarInfo: function calendarInfo() {\n return kendo.getCulture().calendars.standard;\n },\n prevGroupSlot: function prevGroupSlot(date, groupIndex, isDay) {\n var collection;\n var group = this.groups[groupIndex];\n var slot = group.ranges(date, date, isDay, false)[0].start;\n if (groupIndex <= 0) {\n return;\n }\n if (this._isGroupedByDate()) {\n return slot;\n }\n if (this._isVerticallyGrouped()) {\n if (!group.timeSlotCollectionCount()) {\n collection = group._collection(group.daySlotCollectionCount() - 1, true);\n return collection.at(slot.index);\n } else {\n collection = group._collection(isDay ? slot.index : slot.collectionIndex, false);\n return collection.last();\n }\n } else {\n if (!group.timeSlotCollectionCount()) {\n collection = group._collection(slot.collectionIndex, true);\n return collection.last();\n } else {\n collection = group._collection(isDay ? 0 : group.timeSlotCollectionCount() - 1, isDay);\n return isDay ? collection.last() : collection.at(slot.index);\n }\n }\n },\n nextGroupSlot: function nextGroupSlot(date, groupIndex, isDay) {\n var collection;\n var group = this.groups[groupIndex];\n var slot = group.ranges(date, date, isDay, false)[0].start;\n var daySlotCollectionCount;\n if (groupIndex >= this.groups.length - 1) {\n return;\n }\n if (this._isGroupedByDate()) {\n return slot;\n }\n if (this._isVerticallyGrouped()) {\n if (!group.timeSlotCollectionCount()) {\n collection = group._collection(0, true);\n return collection.at(slot.index);\n } else {\n daySlotCollectionCount = group.daySlotCollectionCount();\n collection = group._collection(daySlotCollectionCount ? 0 : slot.collectionIndex, daySlotCollectionCount);\n return isDay ? collection.first() : collection.at(slot.collectionIndex);\n }\n } else {\n if (!group.timeSlotCollectionCount()) {\n collection = group._collection(slot.collectionIndex, true);\n return collection.first();\n } else {\n collection = group._collection(0, isDay);\n return isDay ? collection.first() : collection.at(slot.index);\n }\n }\n },\n _eventOptionsForMove: function _eventOptionsForMove() {\n return {};\n },\n _updateEventForResize: function _updateEventForResize() {\n return;\n },\n _updateEventForSelection: function _updateEventForSelection(event) {\n return event;\n }\n });\n function collidingEvents(elements, start, end) {\n var idx, index, startIndex, overlaps, endIndex;\n for (idx = elements.length - 1; idx >= 0; idx--) {\n index = rangeIndex(elements[idx]);\n startIndex = index.start;\n endIndex = index.end;\n overlaps = startIndex <= start && endIndex >= start;\n if (overlaps || startIndex >= start && endIndex <= end || start <= startIndex && end >= startIndex) {\n if (startIndex < start) {\n start = startIndex;\n }\n if (endIndex > end) {\n end = endIndex;\n }\n }\n }\n return eventsForSlot(elements, start, end);\n }\n function rangeIndex(eventElement) {\n return {\n start: eventElement.start,\n end: eventElement.end\n };\n }\n function eventsForSlot(elements, slotStart, slotEnd) {\n var events = [];\n for (var idx = 0; idx < elements.length; idx++) {\n var event = rangeIndex(elements[idx]);\n if (event.start < slotStart && event.end > slotStart || event.start >= slotStart && event.end <= slotEnd) {\n events.push(elements[idx]);\n }\n }\n return events;\n }\n function createColumns(eventElements) {\n return _createColumns(eventElements);\n }\n function createRows(eventElements) {\n return _createColumns(eventElements);\n }\n var Color = function Color(value) {\n var color = this,\n formats = Color.formats,\n re,\n processor,\n parts,\n i,\n channels;\n if (arguments.length === 1) {\n value = color.resolveColor(value);\n for (i = 0; i < formats.length; i++) {\n re = formats[i].re;\n processor = formats[i].process;\n parts = re.exec(value);\n if (parts) {\n channels = processor(parts);\n color.r = channels[0];\n color.g = channels[1];\n color.b = channels[2];\n }\n }\n } else {\n color.r = arguments[0];\n color.g = arguments[1];\n color.b = arguments[2];\n }\n color.r = color.normalizeByte(color.r);\n color.g = color.normalizeByte(color.g);\n color.b = color.normalizeByte(color.b);\n };\n Color.prototype = {\n resolveColor: function resolveColor(value) {\n value = value || \"#000\";\n if (value.charAt(0) == \"#\") {\n value = value.substr(1, 6);\n }\n value = value.replace(/ /g, \"\");\n value = value.toLowerCase();\n value = Color.namedColors[value] || value;\n return value;\n },\n normalizeByte: function normalizeByte(value) {\n return value < 0 || isNaN(value) ? 0 : value > 255 ? 255 : value;\n },\n percBrightness: function percBrightness() {\n var color = this;\n return math.sqrt(0.241 * color.r * color.r + 0.691 * color.g * color.g + 0.068 * color.b * color.b);\n },\n isDark: function isDark() {\n var color = this;\n var brightnessValue = color.percBrightness();\n return brightnessValue < 180;\n }\n };\n Color.formats = [{\n re: /^rgb\\((\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$/,\n process: function process(parts) {\n return [parseInt(parts[1], 10), parseInt(parts[2], 10), parseInt(parts[3], 10)];\n }\n }, {\n re: /^(\\w{2})(\\w{2})(\\w{2})$/,\n process: function process(parts) {\n return [parseInt(parts[1], 16), parseInt(parts[2], 16), parseInt(parts[3], 16)];\n }\n }, {\n re: /^(\\w{1})(\\w{1})(\\w{1})$/,\n process: function process(parts) {\n return [parseInt(parts[1] + parts[1], 16), parseInt(parts[2] + parts[2], 16), parseInt(parts[3] + parts[3], 16)];\n }\n }];\n Color.namedColors = {\n aqua: \"00ffff\",\n azure: \"f0ffff\",\n beige: \"f5f5dc\",\n black: \"000000\",\n blue: \"0000ff\",\n brown: \"a52a2a\",\n coral: \"ff7f50\",\n cyan: \"00ffff\",\n darkblue: \"00008b\",\n darkcyan: \"008b8b\",\n darkgray: \"a9a9a9\",\n darkgreen: \"006400\",\n darkorange: \"ff8c00\",\n darkred: \"8b0000\",\n dimgray: \"696969\",\n fuchsia: \"ff00ff\",\n gold: \"ffd700\",\n goldenrod: \"daa520\",\n gray: \"808080\",\n green: \"008000\",\n greenyellow: \"adff2f\",\n indigo: \"4b0082\",\n ivory: \"fffff0\",\n khaki: \"f0e68c\",\n lightblue: \"add8e6\",\n lightgrey: \"d3d3d3\",\n lightgreen: \"90ee90\",\n lightpink: \"ffb6c1\",\n lightyellow: \"ffffe0\",\n lime: \"00ff00\",\n limegreen: \"32cd32\",\n linen: \"faf0e6\",\n magenta: \"ff00ff\",\n maroon: \"800000\",\n mediumblue: \"0000cd\",\n navy: \"000080\",\n olive: \"808000\",\n orange: \"ffa500\",\n orangered: \"ff4500\",\n orchid: \"da70d6\",\n pink: \"ffc0cb\",\n plum: \"dda0dd\",\n purple: \"800080\",\n red: \"ff0000\",\n royalblue: \"4169e1\",\n salmon: \"fa8072\",\n silver: \"c0c0c0\",\n skyblue: \"87ceeb\",\n slateblue: \"6a5acd\",\n slategray: \"708090\",\n snow: \"fffafa\",\n steelblue: \"4682b4\",\n tan: \"d2b48c\",\n teal: \"008080\",\n tomato: \"ff6347\",\n turquoise: \"40e0d0\",\n violet: \"ee82ee\",\n wheat: \"f5deb3\",\n white: \"ffffff\",\n whitesmoke: \"f5f5f5\",\n yellow: \"ffff00\",\n yellowgreen: \"9acd32\"\n };\n function _createColumns(eventElements) {\n var columns = [];\n for (var idx = 0; idx < eventElements.length; idx++) {\n var event = eventElements[idx];\n var eventRange = rangeIndex(event);\n var column = null;\n for (var j = 0, columnLength = columns.length; j < columnLength; j++) {\n var endOverlaps = eventRange.start > columns[j].end;\n if (eventRange.start < columns[j].start || endOverlaps) {\n column = columns[j];\n if (column.end < eventRange.end) {\n column.end = eventRange.end;\n }\n break;\n }\n }\n if (!column) {\n column = {\n start: eventRange.start,\n end: eventRange.end,\n events: []\n };\n columns.push(column);\n }\n column.events.push(event);\n }\n return columns;\n }\n function createDateLayoutConfiguration(name, dates, inner, times) {\n var configuration = [];\n $.each(dates, function (index, item) {\n var className = item.className ? \"k-slot-cell \" + item.className : \"k-slot-cell\";\n var obj = {\n text: item.text,\n className: className\n };\n if (times && !item.minorTicks) {\n obj[name] = createDateLayoutConfiguration(name, item.columns, inner, times);\n } else {\n obj[name] = inner;\n }\n configuration.push(obj);\n });\n return configuration;\n }\n function createLayoutConfiguration(name, resources, inner, template, dates, times) {\n var resource = resources[0];\n var configuration = [];\n if (resource) {\n if (dates && inner) {\n $.each(dates, function (index, item) {\n if (times && !item.minorTicks) {\n item[name] = createLayoutConfiguration(name, resources, item.columns, template, item.columns, times);\n } else {\n item[name] = createLayoutConfiguration(name, resources, null, template);\n }\n });\n configuration = dates;\n } else {\n var data = resource.dataSource.view();\n for (var dataIndex = 0; dataIndex < data.length; dataIndex++) {\n var obj = {\n text: template({\n text: kendo.htmlEncode(kendo.getter(resource.dataTextField)(data[dataIndex])),\n color: kendo.getter(resource.dataColorField)(data[dataIndex]),\n field: resource.field,\n title: resource.title,\n name: resource.name,\n value: kendo.getter(resource.dataValueField)(data[dataIndex])\n }),\n className: \"k-slot-cell k-scheduler-group-cell\"\n };\n obj[name] = createLayoutConfiguration(name, resources.slice(1), inner, template);\n configuration.push(obj);\n }\n }\n return configuration;\n }\n return inner;\n }\n function groupEqFilter(value) {\n return function (item) {\n if ($.isArray(item) || item instanceof kendo.data.ObservableArray) {\n for (var idx = 0; idx < item.length; idx++) {\n if (item[idx] == value) {\n return true;\n }\n }\n return false;\n }\n return item == value;\n };\n }\n var selectedStateRegExp = /\\s*k-state-selected/;\n function addSelectedState(cell) {\n cell.className = cell.className.replace(selectedStateRegExp, \"\") + \" k-state-selected\";\n }\n $.extend(ui.SchedulerView, {\n createColumns: createColumns,\n createRows: createRows,\n rangeIndex: rangeIndex,\n collidingEvents: collidingEvents,\n groupEqFilter: groupEqFilter\n });\n })(window.kendo.jQuery);\n return window.kendo;\n }, __webpack_require__(3));\n\n /***/\n })\n\n /******/\n});","module.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n __webpack_require__(1580);\n module.exports = __webpack_require__(1580);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/20: (/***/function _(module, exports) {\n module.exports = require(\"../kendo.core\");\n\n /***/\n }),\n /***/1580: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(20)], __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 })(function () {\n (function () {\n // Imports ================================================================\n var kendo = window.kendo,\n deepExtend = kendo.deepExtend;\n function sqr(value) {\n return value * value;\n }\n var now = Date.now;\n if (!now) {\n now = function now() {\n return new Date().getTime();\n };\n }\n\n // Template helpers =======================================================\n\n function renderSize(size) {\n if (typeof size !== \"string\") {\n size += \"px\";\n }\n return size;\n }\n function renderPos(pos) {\n var result = [];\n if (pos) {\n var parts = kendo.toHyphens(pos).split(\"-\");\n for (var i = 0; i < parts.length; i++) {\n result.push(\"k-pos-\" + parts[i]);\n }\n }\n return result.join(\" \");\n }\n function arabicToRoman(n) {\n var literals = {\n 1: \"i\",\n 10: \"x\",\n 100: \"c\",\n 2: \"ii\",\n 20: \"xx\",\n 200: \"cc\",\n 3: \"iii\",\n 30: \"xxx\",\n 300: \"ccc\",\n 4: \"iv\",\n 40: \"xl\",\n 400: \"cd\",\n 5: \"v\",\n 50: \"l\",\n 500: \"d\",\n 6: \"vi\",\n 60: \"lx\",\n 600: \"dc\",\n 7: \"vii\",\n 70: \"lxx\",\n 700: \"dcc\",\n 8: \"viii\",\n 80: \"lxxx\",\n 800: \"dccc\",\n 9: \"ix\",\n 90: \"xc\",\n 900: \"cm\",\n 1000: \"m\"\n };\n var values = [1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1];\n var roman = \"\";\n while (n > 0) {\n if (n < values[0]) {\n values.shift();\n } else {\n roman += literals[values[0]];\n n -= values[0];\n }\n }\n return roman;\n }\n function romanToArabic(r) {\n r = r.toLowerCase();\n var digits = {\n i: 1,\n v: 5,\n x: 10,\n l: 50,\n c: 100,\n d: 500,\n m: 1000\n };\n var value = 0,\n prev = 0;\n for (var i = 0; i < r.length; ++i) {\n var v = digits[r.charAt(i)];\n if (!v) {\n return null;\n }\n value += v;\n if (v > prev) {\n value -= 2 * prev;\n }\n prev = v;\n }\n return value;\n }\n function memoize(f) {\n var cache = Object.create(null);\n return function () {\n var id = \"\";\n for (var i = arguments.length; --i >= 0;) {\n id += \":\" + arguments[i];\n }\n return id in cache ? cache[id] : cache[id] = f.apply(this, arguments);\n };\n }\n function isUnicodeLetter(ch) {\n return RX_UNICODE_LETTER.test(ch);\n }\n function withExit(f, obj) {\n try {\n return f.call(obj, function (value) {\n throw new Return(value);\n });\n } catch (ex) {\n if (ex instanceof Return) {\n return ex.value;\n }\n throw ex;\n }\n function Return(value) {\n this.value = value;\n }\n }\n\n // Exports ================================================================\n deepExtend(kendo, {\n util: {\n now: now,\n renderPos: renderPos,\n renderSize: renderSize,\n sqr: sqr,\n romanToArabic: romanToArabic,\n arabicToRoman: arabicToRoman,\n memoize: memoize,\n isUnicodeLetter: isUnicodeLetter,\n withExit: withExit\n }\n });\n var RX_UNICODE_LETTER = new RegExp(\"[\\\\u0041-\\\\u005A\\\\u0061-\\\\u007A\\\\u00AA\\\\u00B5\\\\u00BA\\\\u00C0-\\\\u00D6\\\\u00D8-\\\\u00F6\\\\u00F8-\\\\u02C1\\\\u02C6-\\\\u02D1\\\\u02E0-\\\\u02E4\\\\u02EC\\\\u02EE\\\\u0370-\\\\u0374\\\\u0376\\\\u0377\\\\u037A-\\\\u037D\\\\u037F\\\\u0386\\\\u0388-\\\\u038A\\\\u038C\\\\u038E-\\\\u03A1\\\\u03A3-\\\\u03F5\\\\u03F7-\\\\u0481\\\\u048A-\\\\u052F\\\\u0531-\\\\u0556\\\\u0559\\\\u0561-\\\\u0587\\\\u05D0-\\\\u05EA\\\\u05F0-\\\\u05F2\\\\u0620-\\\\u064A\\\\u066E\\\\u066F\\\\u0671-\\\\u06D3\\\\u06D5\\\\u06E5\\\\u06E6\\\\u06EE\\\\u06EF\\\\u06FA-\\\\u06FC\\\\u06FF\\\\u0710\\\\u0712-\\\\u072F\\\\u074D-\\\\u07A5\\\\u07B1\\\\u07CA-\\\\u07EA\\\\u07F4\\\\u07F5\\\\u07FA\\\\u0800-\\\\u0815\\\\u081A\\\\u0824\\\\u0828\\\\u0840-\\\\u0858\\\\u08A0-\\\\u08B2\\\\u0904-\\\\u0939\\\\u093D\\\\u0950\\\\u0958-\\\\u0961\\\\u0971-\\\\u0980\\\\u0985-\\\\u098C\\\\u098F\\\\u0990\\\\u0993-\\\\u09A8\\\\u09AA-\\\\u09B0\\\\u09B2\\\\u09B6-\\\\u09B9\\\\u09BD\\\\u09CE\\\\u09DC\\\\u09DD\\\\u09DF-\\\\u09E1\\\\u09F0\\\\u09F1\\\\u0A05-\\\\u0A0A\\\\u0A0F\\\\u0A10\\\\u0A13-\\\\u0A28\\\\u0A2A-\\\\u0A30\\\\u0A32\\\\u0A33\\\\u0A35\\\\u0A36\\\\u0A38\\\\u0A39\\\\u0A59-\\\\u0A5C\\\\u0A5E\\\\u0A72-\\\\u0A74\\\\u0A85-\\\\u0A8D\\\\u0A8F-\\\\u0A91\\\\u0A93-\\\\u0AA8\\\\u0AAA-\\\\u0AB0\\\\u0AB2\\\\u0AB3\\\\u0AB5-\\\\u0AB9\\\\u0ABD\\\\u0AD0\\\\u0AE0\\\\u0AE1\\\\u0B05-\\\\u0B0C\\\\u0B0F\\\\u0B10\\\\u0B13-\\\\u0B28\\\\u0B2A-\\\\u0B30\\\\u0B32\\\\u0B33\\\\u0B35-\\\\u0B39\\\\u0B3D\\\\u0B5C\\\\u0B5D\\\\u0B5F-\\\\u0B61\\\\u0B71\\\\u0B83\\\\u0B85-\\\\u0B8A\\\\u0B8E-\\\\u0B90\\\\u0B92-\\\\u0B95\\\\u0B99\\\\u0B9A\\\\u0B9C\\\\u0B9E\\\\u0B9F\\\\u0BA3\\\\u0BA4\\\\u0BA8-\\\\u0BAA\\\\u0BAE-\\\\u0BB9\\\\u0BD0\\\\u0C05-\\\\u0C0C\\\\u0C0E-\\\\u0C10\\\\u0C12-\\\\u0C28\\\\u0C2A-\\\\u0C39\\\\u0C3D\\\\u0C58\\\\u0C59\\\\u0C60\\\\u0C61\\\\u0C85-\\\\u0C8C\\\\u0C8E-\\\\u0C90\\\\u0C92-\\\\u0CA8\\\\u0CAA-\\\\u0CB3\\\\u0CB5-\\\\u0CB9\\\\u0CBD\\\\u0CDE\\\\u0CE0\\\\u0CE1\\\\u0CF1\\\\u0CF2\\\\u0D05-\\\\u0D0C\\\\u0D0E-\\\\u0D10\\\\u0D12-\\\\u0D3A\\\\u0D3D\\\\u0D4E\\\\u0D60\\\\u0D61\\\\u0D7A-\\\\u0D7F\\\\u0D85-\\\\u0D96\\\\u0D9A-\\\\u0DB1\\\\u0DB3-\\\\u0DBB\\\\u0DBD\\\\u0DC0-\\\\u0DC6\\\\u0E01-\\\\u0E30\\\\u0E32\\\\u0E33\\\\u0E40-\\\\u0E46\\\\u0E81\\\\u0E82\\\\u0E84\\\\u0E87\\\\u0E88\\\\u0E8A\\\\u0E8D\\\\u0E94-\\\\u0E97\\\\u0E99-\\\\u0E9F\\\\u0EA1-\\\\u0EA3\\\\u0EA5\\\\u0EA7\\\\u0EAA\\\\u0EAB\\\\u0EAD-\\\\u0EB0\\\\u0EB2\\\\u0EB3\\\\u0EBD\\\\u0EC0-\\\\u0EC4\\\\u0EC6\\\\u0EDC-\\\\u0EDF\\\\u0F00\\\\u0F40-\\\\u0F47\\\\u0F49-\\\\u0F6C\\\\u0F88-\\\\u0F8C\\\\u1000-\\\\u102A\\\\u103F\\\\u1050-\\\\u1055\\\\u105A-\\\\u105D\\\\u1061\\\\u1065\\\\u1066\\\\u106E-\\\\u1070\\\\u1075-\\\\u1081\\\\u108E\\\\u10A0-\\\\u10C5\\\\u10C7\\\\u10CD\\\\u10D0-\\\\u10FA\\\\u10FC-\\\\u1248\\\\u124A-\\\\u124D\\\\u1250-\\\\u1256\\\\u1258\\\\u125A-\\\\u125D\\\\u1260-\\\\u1288\\\\u128A-\\\\u128D\\\\u1290-\\\\u12B0\\\\u12B2-\\\\u12B5\\\\u12B8-\\\\u12BE\\\\u12C0\\\\u12C2-\\\\u12C5\\\\u12C8-\\\\u12D6\\\\u12D8-\\\\u1310\\\\u1312-\\\\u1315\\\\u1318-\\\\u135A\\\\u1380-\\\\u138F\\\\u13A0-\\\\u13F4\\\\u1401-\\\\u166C\\\\u166F-\\\\u167F\\\\u1681-\\\\u169A\\\\u16A0-\\\\u16EA\\\\u16EE-\\\\u16F8\\\\u1700-\\\\u170C\\\\u170E-\\\\u1711\\\\u1720-\\\\u1731\\\\u1740-\\\\u1751\\\\u1760-\\\\u176C\\\\u176E-\\\\u1770\\\\u1780-\\\\u17B3\\\\u17D7\\\\u17DC\\\\u1820-\\\\u1877\\\\u1880-\\\\u18A8\\\\u18AA\\\\u18B0-\\\\u18F5\\\\u1900-\\\\u191E\\\\u1950-\\\\u196D\\\\u1970-\\\\u1974\\\\u1980-\\\\u19AB\\\\u19C1-\\\\u19C7\\\\u1A00-\\\\u1A16\\\\u1A20-\\\\u1A54\\\\u1AA7\\\\u1B05-\\\\u1B33\\\\u1B45-\\\\u1B4B\\\\u1B83-\\\\u1BA0\\\\u1BAE\\\\u1BAF\\\\u1BBA-\\\\u1BE5\\\\u1C00-\\\\u1C23\\\\u1C4D-\\\\u1C4F\\\\u1C5A-\\\\u1C7D\\\\u1CE9-\\\\u1CEC\\\\u1CEE-\\\\u1CF1\\\\u1CF5\\\\u1CF6\\\\u1D00-\\\\u1DBF\\\\u1E00-\\\\u1F15\\\\u1F18-\\\\u1F1D\\\\u1F20-\\\\u1F45\\\\u1F48-\\\\u1F4D\\\\u1F50-\\\\u1F57\\\\u1F59\\\\u1F5B\\\\u1F5D\\\\u1F5F-\\\\u1F7D\\\\u1F80-\\\\u1FB4\\\\u1FB6-\\\\u1FBC\\\\u1FBE\\\\u1FC2-\\\\u1FC4\\\\u1FC6-\\\\u1FCC\\\\u1FD0-\\\\u1FD3\\\\u1FD6-\\\\u1FDB\\\\u1FE0-\\\\u1FEC\\\\u1FF2-\\\\u1FF4\\\\u1FF6-\\\\u1FFC\\\\u2071\\\\u207F\\\\u2090-\\\\u209C\\\\u2102\\\\u2107\\\\u210A-\\\\u2113\\\\u2115\\\\u2119-\\\\u211D\\\\u2124\\\\u2126\\\\u2128\\\\u212A-\\\\u212D\\\\u212F-\\\\u2139\\\\u213C-\\\\u213F\\\\u2145-\\\\u2149\\\\u214E\\\\u2160-\\\\u2188\\\\u2C00-\\\\u2C2E\\\\u2C30-\\\\u2C5E\\\\u2C60-\\\\u2CE4\\\\u2CEB-\\\\u2CEE\\\\u2CF2\\\\u2CF3\\\\u2D00-\\\\u2D25\\\\u2D27\\\\u2D2D\\\\u2D30-\\\\u2D67\\\\u2D6F\\\\u2D80-\\\\u2D96\\\\u2DA0-\\\\u2DA6\\\\u2DA8-\\\\u2DAE\\\\u2DB0-\\\\u2DB6\\\\u2DB8-\\\\u2DBE\\\\u2DC0-\\\\u2DC6\\\\u2DC8-\\\\u2DCE\\\\u2DD0-\\\\u2DD6\\\\u2DD8-\\\\u2DDE\\\\u2E2F\\\\u3005-\\\\u3007\\\\u3021-\\\\u3029\\\\u3031-\\\\u3035\\\\u3038-\\\\u303C\\\\u3041-\\\\u3096\\\\u309D-\\\\u309F\\\\u30A1-\\\\u30FA\\\\u30FC-\\\\u30FF\\\\u3105-\\\\u312D\\\\u3131-\\\\u318E\\\\u31A0-\\\\u31BA\\\\u31F0-\\\\u31FF\\\\u3400-\\\\u4DB5\\\\u4E00-\\\\u9FCC\\\\uA000-\\\\uA48C\\\\uA4D0-\\\\uA4FD\\\\uA500-\\\\uA60C\\\\uA610-\\\\uA61F\\\\uA62A\\\\uA62B\\\\uA640-\\\\uA66E\\\\uA67F-\\\\uA69D\\\\uA6A0-\\\\uA6EF\\\\uA717-\\\\uA71F\\\\uA722-\\\\uA788\\\\uA78B-\\\\uA78E\\\\uA790-\\\\uA7AD\\\\uA7B0\\\\uA7B1\\\\uA7F7-\\\\uA801\\\\uA803-\\\\uA805\\\\uA807-\\\\uA80A\\\\uA80C-\\\\uA822\\\\uA840-\\\\uA873\\\\uA882-\\\\uA8B3\\\\uA8F2-\\\\uA8F7\\\\uA8FB\\\\uA90A-\\\\uA925\\\\uA930-\\\\uA946\\\\uA960-\\\\uA97C\\\\uA984-\\\\uA9B2\\\\uA9CF\\\\uA9E0-\\\\uA9E4\\\\uA9E6-\\\\uA9EF\\\\uA9FA-\\\\uA9FE\\\\uAA00-\\\\uAA28\\\\uAA40-\\\\uAA42\\\\uAA44-\\\\uAA4B\\\\uAA60-\\\\uAA76\\\\uAA7A\\\\uAA7E-\\\\uAAAF\\\\uAAB1\\\\uAAB5\\\\uAAB6\\\\uAAB9-\\\\uAABD\\\\uAAC0\\\\uAAC2\\\\uAADB-\\\\uAADD\\\\uAAE0-\\\\uAAEA\\\\uAAF2-\\\\uAAF4\\\\uAB01-\\\\uAB06\\\\uAB09-\\\\uAB0E\\\\uAB11-\\\\uAB16\\\\uAB20-\\\\uAB26\\\\uAB28-\\\\uAB2E\\\\uAB30-\\\\uAB5A\\\\uAB5C-\\\\uAB5F\\\\uAB64\\\\uAB65\\\\uABC0-\\\\uABE2\\\\uAC00-\\\\uD7A3\\\\uD7B0-\\\\uD7C6\\\\uD7CB-\\\\uD7FB\\\\uF900-\\\\uFA6D\\\\uFA70-\\\\uFAD9\\\\uFB00-\\\\uFB06\\\\uFB13-\\\\uFB17\\\\uFB1D\\\\uFB1F-\\\\uFB28\\\\uFB2A-\\\\uFB36\\\\uFB38-\\\\uFB3C\\\\uFB3E\\\\uFB40\\\\uFB41\\\\uFB43\\\\uFB44\\\\uFB46-\\\\uFBB1\\\\uFBD3-\\\\uFD3D\\\\uFD50-\\\\uFD8F\\\\uFD92-\\\\uFDC7\\\\uFDF0-\\\\uFDFB\\\\uFE70-\\\\uFE74\\\\uFE76-\\\\uFEFC\\\\uFF21-\\\\uFF3A\\\\uFF41-\\\\uFF5A\\\\uFF66-\\\\uFFBE\\\\uFFC2-\\\\uFFC7\\\\uFFCA-\\\\uFFCF\\\\uFFD2-\\\\uFFD7\\\\uFFDA-\\\\uFFDC]\");\n })();\n return window.kendo;\n }, __webpack_require__(3));\n\n /***/\n })\n\n /******/\n});","module.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n __webpack_require__(1563);\n module.exports = __webpack_require__(1563);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/20: (/***/function _(module, exports) {\n module.exports = require(\"../kendo.core\");\n\n /***/\n }),\n /***/1563: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__; // -*- fill-column: 100 -*-\n\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(20)], __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 })(function () {\n // WARNING: removing the following jshint declaration and turning\n // == into === to make JSHint happy will break functionality.\n /* jshint eqnull:true, laxbreak:true */\n\n \"use strict\";\n\n if (kendo.support.browser.msie && kendo.support.browser.version < 9) {\n return;\n }\n var spreadsheet = kendo.spreadsheet;\n var Class = kendo.Class;\n function columnName(colIndex) {\n var letter = Math.floor(colIndex / 26) - 1;\n return (letter >= 0 ? columnName(letter) : \"\") + String.fromCharCode(65 + colIndex % 26);\n }\n function displaySheet(sheet) {\n if (/^[a-z_][a-z0-9_]*$/i.test(sheet)) {\n return sheet;\n }\n return \"'\" + sheet.replace(/\\x27/g, \"\\\\'\") + \"'\";\n }\n function displayRef(sheet, row, col, rel) {\n var aa = \"\";\n ++row;\n if (!isFinite(row)) {\n row = \"\";\n } else if (rel != null && !(rel & 2)) {\n row = \"$\" + row;\n }\n if (!isFinite(col)) {\n col = \"\";\n } else {\n aa = columnName(col);\n if (rel != null && !(rel & 1)) {\n aa = \"$\" + aa;\n }\n }\n if (sheet) {\n return displaySheet(sheet) + \"!\" + aa + row;\n } else {\n return aa + row;\n }\n }\n\n /* -----[ References ]----- */\n\n var Ref = Class.extend({\n type: \"ref\",\n sheet: \"\",\n clone: function clone() {\n return this;\n },\n hasSheet: function hasSheet() {\n return this._hasSheet;\n },\n simplify: function simplify() {\n return this;\n },\n setSheet: function setSheet(sheet, hasSheet) {\n this.sheet = sheet;\n if (hasSheet != null) {\n this._hasSheet = hasSheet;\n }\n return this;\n },\n absolute: function absolute() {\n return this;\n },\n relative: function relative() {\n return this;\n },\n adjust: function adjust() {\n return this;\n },\n toString: function toString() {\n return this.relative(0, 0, 3, 3).print(0, 0);\n },\n forEach: function forEach(callback, obj) {\n callback.call(obj, this);\n },\n map: function map(callback, obj) {\n return callback.call(obj, this);\n },\n intersects: function intersects(ref) {\n return this.intersect(ref) !== NULL;\n },\n isCell: function isCell() {\n return false;\n },\n toRow: function toRow() {\n return this;\n },\n toColumn: function toColumn() {\n return this;\n },\n // UnionRef overrides these, to access its subranges.\n first: function first() {\n return this;\n },\n lastRange: function lastRange() {\n return this;\n },\n size: function size() {\n return 1;\n },\n rangeAt: function rangeAt() {\n return this;\n },\n nextRangeIndex: function nextRangeIndex() {\n return 0;\n },\n previousRangeIndex: function previousRangeIndex() {\n return 0;\n },\n eq: function eq(reference) {\n var r1 = this;\n var r2 = reference;\n if (r1 === NULL || r2 === NULL) {\n return r1 === r2;\n }\n\n // make positions consistent\n if (r2 instanceof CellRef || r2 instanceof RangeRef && !(r1 instanceof CellRef)) {\n r1 = reference;\n r2 = this;\n }\n if (r1 instanceof CellRef) {\n // cell eq *\n r2 = r2.simplify();\n return r2 instanceof CellRef && r1.row == r2.row && r1.col == r2.col && r1.sheet == r2.sheet;\n } else if (r1 instanceof RangeRef) {\n // range eq range/union\n if (r2 instanceof RangeRef) {\n return r2.topLeft.eq(r1.topLeft) && r2.bottomRight.eq(r1.bottomRight);\n }\n if (r2 instanceof UnionRef) {\n return r2.single() && r1.eq(r2.refs[0]);\n }\n } else if (r1 instanceof UnionRef && r2 instanceof UnionRef) {\n // union eq union\n var refs1 = r1.refs;\n var refs2 = r2.refs;\n if (refs1.length != refs2.length) {\n return false;\n }\n for (var i = 0, len = refs1.length; i < len; i++) {\n if (!refs1[i].eq(refs2[i])) {\n return false;\n }\n }\n return true;\n }\n return r1 === r2; // XXX: possibly NameRef when we'll support it.\n },\n concat: function concat(ref) {\n return new UnionRef([this, ref]);\n },\n replaceAt: function replaceAt(index, ref) {\n return ref;\n },\n forEachColumnIndex: function forEachColumnIndex(callback) {\n this.forEachAxisIndex('col', callback);\n },\n forEachRowIndex: function forEachRowIndex(callback) {\n this.forEachAxisIndex('row', callback);\n },\n forEachAxisIndex: function forEachAxisIndex(axis, callback) {\n var sorted = [];\n var method = axis === 'row' ? 'forEachRow' : 'forEachColumn';\n this[method](function (ref) {\n var index = ref.first()[axis];\n if (sorted.indexOf(index) === -1) {\n sorted.push(index);\n }\n });\n sorted.sort(function (a, b) {\n return a > b ? 1 : a < b ? -1 : 0;\n }).forEach(callback);\n },\n valid: function valid() {\n return false;\n },\n renameSheet: function renameSheet(oldSheetName, newSheetName) {\n if (this.sheet && this.sheet.toLowerCase() == oldSheetName.toLowerCase()) {\n this.sheet = newSheetName;\n return true;\n }\n }\n });\n Ref.display = displayRef;\n\n /* -----[ Null reference ]----- */\n\n var NULL = new (Ref.extend({\n init: function NullRef() {},\n print: function print() {\n return \"#NULL!\";\n },\n eq: function eq(ref) {\n return ref === this;\n },\n forEach: function forEach() {}\n }))();\n\n /* -----[ Name reference ]----- */\n\n var NameRef = Ref.extend({\n ref: \"name\",\n init: function NameRef(name) {\n this.name = name;\n },\n clone: function clone() {\n return new NameRef(this.name).setSheet(this.sheet, this.hasSheet());\n },\n print: function print() {\n var ret = displaySheet(this.name);\n if (this.hasSheet()) {\n ret = displaySheet(this.sheet) + \"!\" + ret;\n }\n return ret;\n }\n });\n\n /* -----[ Cell reference ]----- */\n\n var CellRef = Ref.extend({\n ref: \"cell\",\n init: function CellRef(row, col, rel) {\n this.row = row;\n this.col = col;\n this.rel = rel || 0;\n },\n clone: function clone() {\n return new CellRef(this.row, this.col, this.rel).setSheet(this.sheet, this.hasSheet());\n },\n intersect: function intersect(ref) {\n if (ref instanceof CellRef) {\n if (this.eq(ref)) {\n return this;\n } else {\n return NULL;\n }\n }\n return ref.intersect(this);\n },\n print: function print(trow, tcol, mod) {\n var col = this.col,\n row = this.row,\n rel = this.rel,\n abs;\n if (trow == null && rel) {\n var sheet = this.hasSheet() ? displaySheet(this.sheet) + \"!\" : \"\";\n if (isFinite(col)) {\n col = rel & 1 ? \"C[\" + col + \"]\" : \"C\" + (col + 1);\n } else {\n col = \"\";\n }\n if (isFinite(row)) {\n row = rel & 2 ? \"R[\" + row + \"]\" : \"R\" + (row + 1);\n } else {\n row = \"\";\n }\n return sheet + row + col;\n } else {\n abs = this.absolute(trow, tcol);\n if (mod) {\n // Hacks: see the big comment below in `absolute()`\n row = abs.row % 0x100000;\n col = abs.col % 0x4000;\n if (row < 0) {\n row += 0x100000;\n }\n if (col < 0) {\n col += 0x4000;\n }\n return displayRef(this._hasSheet && this.sheet, row, col, rel);\n }\n return abs.valid() ? displayRef(this._hasSheet && this.sheet, abs.row, abs.col, rel) : \"#REF!\";\n }\n },\n absolute: function absolute(arow, acol) {\n var ret = this.clone();\n if (ret.rel & 3 === 0) {\n return ret; // already absolute\n }\n\n // Hacks: we make coordinates modulo 0x4000 (max col) and 0x100000 (max row). This\n // fixes importing relative references in definedName-s from Excel. Example in\n // Excel: select cell E3, open the Name Manager (in Formula tab) and define name\n // TEST with value Sheet1!A1:C3. The serialization of this name in XLSX is:\n //\n // Sheet1!XFA1048575:XFC1\n //\n // This is insane, of course, but oh well. Excel. If you type in E3 =SUM(TEST) it\n // works (it actually sums the cells), but if you type =SUM(Sheet1!XFA1048575:XFC1)\n // you get back zero. Let's see why SUM(TEST) works:\n //\n // XFA1048575:XFC1 E3\n // (zero-based indexes below)\n //\n // R[1048574]C[16380]:R[0]C[16382] + R2C4 = R1048576C16384:R2C16386\n // % (0x100000, 0x4000)\n // = R0C0:R2C2 (== A1:C3)\n //\n // So XFA1048575:XFC1 is relocated to E3 at evaluation time, and because we take\n // rows modulo 0x100000 and cols modulo 0x4000, we get back the correct range.\n //\n // IMO Excel should disallow A1-style relative references in name definitions\n // (simply because the meaning of the A1:C3 you type in Name Manager depends on the\n // active cell) and only allow R1C1 notation — that's unambiguous. But it doesn't.\n // Moreover, R1C1-style refs in XLSX are explicitly forbidden by the spec, and the\n // hacks above are not documented — how else could we have fun implementing a XLSX\n // reader?\n if (ret.rel & 1) {\n // relative col, add anchor\n ret.col = (ret.col + acol) % 0x4000;\n }\n if (ret.rel & 2) {\n // relative row, add anchor\n ret.row = (ret.row + arow) % 0x100000;\n }\n ret.rel = 0;\n return ret;\n },\n toRangeRef: function toRangeRef() {\n return new RangeRef(this, this);\n },\n relative: function relative(arow, acol, rel) {\n if (rel == null) {\n rel = this.rel;\n }\n var row = rel & 2 ? this.row - arow : this.row;\n var col = rel & 1 ? this.col - acol : this.col;\n return new CellRef(row, col, rel).setSheet(this.sheet, this.hasSheet());\n },\n height: function height() {\n return 1;\n },\n width: function width() {\n return 1;\n },\n toString: function toString() {\n return displayRef(null, this.row, this.col, 3);\n },\n isCell: function isCell() {\n return true;\n },\n leftColumn: function leftColumn() {\n return this;\n },\n rightColumn: function rightColumn() {\n return this;\n },\n topRow: function topRow() {\n return this;\n },\n bottomRow: function bottomRow() {\n return this;\n },\n forEachRow: function forEachRow(callback) {\n callback(this.toRangeRef());\n },\n forEachColumn: function forEachColumn(callback) {\n callback(this.toRangeRef());\n },\n adjust: function adjust(row, col, trow, tcol, forRow, start, delta) {\n var ref = this.absolute(row, col);\n if (forRow) {\n if (ref.row >= start) {\n if (delta < 0 && ref.row < start - delta) {\n return NULL;\n }\n ref.row += delta;\n }\n } else {\n if (ref.col >= start) {\n if (delta < 0 && ref.col < start - delta) {\n return NULL;\n }\n ref.col += delta;\n }\n }\n if (trow != null && tcol != null) {\n ref = ref.relative(trow, tcol, this.rel);\n }\n return ref;\n },\n valid: function valid() {\n if (this.rel) {\n throw new Error(\"valid() called on relative reference\");\n }\n var col = this.col,\n row = this.row;\n return !(isFinite(col) && col < 0 || isFinite(row) && row < 0);\n }\n });\n\n /* -----[ Range reference ]----- */\n\n var RangeRef = Ref.extend({\n ref: \"range\",\n init: function RangeRef(tl, br) {\n if (tl._hasSheet && br._hasSheet && tl.sheet.toLowerCase() != br.sheet.toLowerCase()) {\n // \"3D\" reference\n this.endSheet = br.sheet;\n }\n // we want to drop any sheet information from the cells here.\n this.topLeft = new CellRef(tl.row, tl.col, tl.rel);\n this.bottomRight = new CellRef(br.row, br.col, br.rel);\n this.normalize();\n },\n clone: function clone() {\n return new RangeRef(this.topLeft.clone(), this.bottomRight.clone()).setSheet(this.sheet, this.hasSheet());\n },\n _containsRange: function _containsRange(range) {\n return this._containsCell(range.topLeft) && this._containsCell(range.bottomRight);\n },\n _containsCell: function _containsCell(cell) {\n return cell.sheet == this.sheet && cell.row >= this.topLeft.row && cell.col >= this.topLeft.col && cell.row <= this.bottomRight.row && cell.col <= this.bottomRight.col;\n },\n contains: function contains(ref) {\n if (ref instanceof Array) {\n var that = this;\n return ref.some(function (_ref) {\n return that.contains(_ref);\n });\n }\n if (ref instanceof CellRef) {\n return this._containsCell(ref);\n }\n if (ref instanceof RangeRef) {\n return this._containsRange(ref);\n }\n return false;\n },\n _intersectRange: function _intersectRange(ref) {\n if (this.sheet != ref.sheet) {\n return NULL;\n }\n var a_left = this.topLeft.col;\n var a_top = this.topLeft.row;\n var a_right = this.bottomRight.col;\n var a_bottom = this.bottomRight.row;\n var b_left = ref.topLeft.col;\n var b_top = ref.topLeft.row;\n var b_right = ref.bottomRight.col;\n var b_bottom = ref.bottomRight.row;\n if (a_left <= b_right && b_left <= a_right && a_top <= b_bottom && b_top <= a_bottom) {\n return new RangeRef(\n // topLeft\n new CellRef(Math.max(a_top, b_top), Math.max(a_left, b_left)),\n // bottomRight\n new CellRef(Math.min(a_bottom, b_bottom), Math.min(a_right, b_right))).setSheet(this.sheet, this.hasSheet());\n } else {\n return NULL;\n }\n },\n intersect: function intersect(ref) {\n if (ref instanceof CellRef) {\n return this._containsCell(ref) ? ref : NULL;\n }\n if (ref instanceof RangeRef) {\n return this._intersectRange(ref).simplify();\n }\n if (ref instanceof UnionRef) {\n return ref.intersect(this);\n }\n return NULL; // can't handle NameRef-s here.\n },\n simplify: function simplify() {\n if (this.isCell()) {\n return new CellRef(this.topLeft.row, this.topLeft.col, this.topLeft.rel).setSheet(this.sheet, this.hasSheet());\n }\n return this;\n },\n normalize: function normalize() {\n var a = this.topLeft,\n b = this.bottomRight;\n var r1 = a.row,\n c1 = a.col,\n r2 = b.row,\n c2 = b.col;\n var rr1 = a.rel & 2,\n rc1 = a.rel & 1;\n var rr2 = b.rel & 2,\n rc2 = b.rel & 1;\n var tmp,\n changes = false;\n // do not attempt to normalize unless relativeness of rows and cols are the same.\n // https://github.com/telerik/kendo-ui-core/issues/4278\n if (rr1 === rr2 && rc1 === rc2) {\n if (r1 > r2) {\n changes = true;\n tmp = r1;\n r1 = r2;\n r2 = tmp;\n tmp = rr1;\n rr1 = rr2;\n rr2 = tmp;\n }\n if (c1 > c2) {\n changes = true;\n tmp = c1;\n c1 = c2;\n c2 = tmp;\n tmp = rc1;\n rc1 = rc2;\n rc2 = tmp;\n }\n if (changes) {\n this.topLeft = new CellRef(r1, c1, rc1 | rr1);\n this.bottomRight = new CellRef(r2, c2, rc2 | rr2);\n }\n }\n return this;\n },\n print: function print(trow, tcol, mod) {\n if (mod || this.absolute(trow, tcol).valid()) {\n var ret = this.topLeft.print(trow, tcol, mod) + \":\" + this.bottomRight.print(trow, tcol, mod);\n if (this.hasSheet()) {\n ret = displaySheet(this.sheet) + (this.endSheet ? \":\" + displaySheet(this.endSheet) : \"\") + \"!\" + ret;\n }\n return ret;\n }\n return \"#REF!\";\n },\n absolute: function absolute(arow, acol) {\n return new RangeRef(this.topLeft.absolute(arow, acol), this.bottomRight.absolute(arow, acol)).setSheet(this.sheet, this.hasSheet());\n },\n relative: function relative(arow, acol, relTL, relBR) {\n if (relBR == null) {\n relBR = relTL;\n }\n return new RangeRef(this.topLeft.relative(arow, acol, relTL), this.bottomRight.relative(arow, acol, relBR)).setSheet(this.sheet, this.hasSheet());\n },\n height: function height() {\n if (this.topLeft.rel != this.bottomRight.rel) {\n throw new Error(\"Mixed relative/absolute references\");\n }\n return this.bottomRight.row - this.topLeft.row + 1;\n },\n width: function width() {\n if (this.topLeft.rel != this.bottomRight.rel) {\n throw new Error(\"Mixed relative/absolute references\");\n }\n return this.bottomRight.col - this.topLeft.col + 1;\n },\n collapse: function collapse() {\n return this.topLeft.toRangeRef();\n },\n leftColumn: function leftColumn() {\n return new RangeRef(this.topLeft, new CellRef(this.bottomRight.row, this.topLeft.col));\n },\n rightColumn: function rightColumn() {\n return new RangeRef(new CellRef(this.topLeft.row, this.bottomRight.col), this.bottomRight);\n },\n topRow: function topRow() {\n return new RangeRef(this.topLeft, new CellRef(this.topLeft.row, this.bottomRight.col));\n },\n bottomRow: function bottomRow() {\n return new RangeRef(new CellRef(this.bottomRight.row, this.topLeft.col), this.bottomRight);\n },\n toRangeRef: function toRangeRef() {\n return this;\n },\n toRow: function toRow(row) {\n row += Math.max(0, this.topLeft.row);\n return new RangeRef(new CellRef(row, this.topLeft.col), new CellRef(row, this.bottomRight.col)).setSheet(this.sheet, this.hasSheet());\n },\n toColumn: function toColumn(col) {\n col += Math.max(0, this.topLeft.col);\n return new RangeRef(new CellRef(this.topLeft.row, col), new CellRef(this.bottomRight.row, col)).setSheet(this.sheet, this.hasSheet());\n },\n toCell: function toCell(row, col) {\n row += Math.max(0, this.topLeft.row);\n col += Math.max(0, this.topLeft.col);\n return new CellRef(row, col, 0).setSheet(this.sheet, this.hasSheet());\n },\n forEachRow: function forEachRow(callback) {\n var startRow = this.topLeft.row;\n var endRow = this.bottomRight.row;\n var startCol = this.topLeft.col;\n var endCol = this.bottomRight.col;\n for (var i = startRow; i <= endRow; i++) {\n callback(new RangeRef(new CellRef(i, startCol), new CellRef(i, endCol)));\n }\n },\n forEachColumn: function forEachColumn(callback) {\n var startRow = this.topLeft.row;\n var endRow = this.bottomRight.row;\n var startCol = this.topLeft.col;\n var endCol = this.bottomRight.col;\n for (var i = startCol; i <= endCol; i++) {\n callback(new RangeRef(new CellRef(startRow, i), new CellRef(endRow, i)));\n }\n },\n intersecting: function intersecting(refs) {\n return refs.filter(function (ref) {\n return ref.toRangeRef().intersects(this);\n }, this);\n },\n union: function union(refs, callback) {\n var intersecting = this.intersecting(refs);\n var topLeftRow = this.topLeft.row;\n var topLeftCol = this.topLeft.col;\n var bottomRightRow = this.bottomRight.row;\n var bottomRightCol = this.bottomRight.col;\n var modified = false;\n intersecting.forEach(function (ref) {\n ref = ref.toRangeRef();\n if (ref.topLeft.row < topLeftRow) {\n modified = true;\n topLeftRow = ref.topLeft.row;\n }\n if (ref.topLeft.col < topLeftCol) {\n modified = true;\n topLeftCol = ref.topLeft.col;\n }\n if (ref.bottomRight.row > bottomRightRow) {\n modified = true;\n bottomRightRow = ref.bottomRight.row;\n }\n if (ref.bottomRight.col > bottomRightCol) {\n modified = true;\n bottomRightCol = ref.bottomRight.col;\n }\n if (callback) {\n callback(ref);\n }\n });\n var result = new RangeRef(new CellRef(topLeftRow, topLeftCol), new CellRef(bottomRightRow, bottomRightCol));\n if (modified) {\n return result.union(refs, callback);\n } else {\n return result;\n }\n },\n resize: function resize(options) {\n var limit = Math.max.bind(Math, 0);\n function num(value) {\n return value || 0;\n }\n var top = this.topLeft.row + num(options.top);\n var left = this.topLeft.col + num(options.left);\n var bottom = this.bottomRight.row + num(options.bottom);\n var right = this.bottomRight.col + num(options.right);\n if (left < 0 && right < 0 || top < 0 && bottom < 0) {\n return NULL;\n } else if (top <= bottom && left <= right) {\n return new RangeRef(new CellRef(limit(top), limit(left)), new CellRef(limit(bottom), limit(right)));\n } else {\n return NULL;\n }\n },\n move: function move(rows, cols) {\n return new RangeRef(new CellRef(this.topLeft.row + rows, this.topLeft.col + cols), new CellRef(this.bottomRight.row + rows, this.bottomRight.col + cols));\n },\n first: function first() {\n return this.topLeft.clone().setSheet(this.sheet, this.hasSheet());\n },\n isCell: function isCell() {\n return !this.endSheet && this.topLeft.eq(this.bottomRight);\n },\n toString: function toString() {\n return this.topLeft + \":\" + this.bottomRight;\n },\n adjust: function adjust(row, col, trow, tcol, forRow, start, delta) {\n var tl = this.topLeft.adjust(row, col, trow, tcol, forRow, start, delta);\n var tr = this.bottomRight.adjust(row, col, trow, tcol, forRow, start, delta);\n if (tl === NULL && tr === NULL) {\n return NULL;\n }\n if (tl === NULL) {\n tl = this.topLeft.absolute(row, col);\n if (forRow) {\n tl.row = start;\n } else {\n tl.col = start;\n }\n if (trow != null && tcol != null) {\n tl = tl.relative(trow, tcol, this.topLeft.rel);\n }\n } else if (tr === NULL) {\n tr = this.bottomRight.absolute(row, col);\n if (forRow) {\n tr.row = start - 1;\n } else {\n tr.col = start - 1;\n }\n if (trow != null && tcol != null) {\n tr = tr.relative(trow, tcol, this.bottomRight.rel);\n }\n }\n return new RangeRef(tl, tr).setSheet(this.sheet, this.hasSheet()).simplify();\n },\n valid: function valid() {\n return this.topLeft.valid() && this.bottomRight.valid();\n }\n });\n\n /* -----[ Union reference ]----- */\n\n var UnionRef = Ref.extend({\n init: function UnionRef(refs) {\n this.refs = refs;\n this.length = refs.length;\n },\n clone: function clone() {\n return new UnionRef(this.refs.slice());\n },\n intersect: function intersect(ref) {\n var a = [];\n for (var i = 0; i < this.length; ++i) {\n var x = ref.intersect(this.refs[i]);\n if (x !== NULL) {\n a.push(x);\n }\n }\n if (a.length > 0) {\n return new UnionRef(a).simplify();\n }\n return NULL;\n },\n simplify: function simplify() {\n var u = new UnionRef(this.refs.reduce(function (a, ref) {\n ref = ref.simplify();\n if (ref !== NULL) {\n a.push(ref);\n }\n return a;\n }, []));\n if (u.empty()) {\n return NULL;\n }\n if (u.single()) {\n return u.refs[0];\n }\n return u;\n },\n absolute: function absolute(arow, acol) {\n return new UnionRef(this.refs.map(function (ref) {\n return ref.absolute(arow, acol);\n }));\n },\n forEach: function forEach(callback, obj) {\n this.refs.forEach(function (ref) {\n if (ref instanceof UnionRef) {\n ref.forEach(callback, obj);\n } else {\n callback.call(obj, ref);\n }\n }, obj);\n },\n toRangeRef: function toRangeRef() {\n return this.refs[0].toRangeRef();\n },\n contains: function contains(theRef) {\n return this.refs.some(function (ref) {\n return ref.contains(theRef);\n });\n },\n map: function map(callback, obj) {\n var refs = [];\n this.forEach(function (ref) {\n refs.push(callback.call(obj, ref));\n });\n return new UnionRef(refs);\n },\n first: function first() {\n return this.refs[0].first();\n },\n lastRange: function lastRange() {\n return this.refs[this.length - 1];\n },\n size: function size() {\n return this.length;\n },\n single: function single() {\n return this.length == 1;\n },\n empty: function empty() {\n return this.length === 0;\n },\n isCell: function isCell() {\n return this.single() && this.refs[0].isCell();\n },\n rangeAt: function rangeAt(index) {\n return this.refs[index];\n },\n nextRangeIndex: function nextRangeIndex(index) {\n if (index === this.length - 1) {\n return 0;\n } else {\n return index + 1;\n }\n },\n previousRangeIndex: function previousRangeIndex(index) {\n if (index === 0) {\n return this.length - 1;\n } else {\n return index - 1;\n }\n },\n concat: function concat(ref) {\n return new UnionRef(this.refs.concat([ref]));\n },\n print: function print(row, col, mod) {\n return this.refs.map(function (ref) {\n return ref.print(row, col, mod);\n }).join(\",\");\n },\n replaceAt: function replaceAt(index, ref) {\n var newRefs = this.refs.slice();\n newRefs.splice(index, 1, ref);\n return new UnionRef(newRefs);\n },\n leftColumn: function leftColumn() {\n return this.map(function (ref) {\n return ref.leftColumn();\n });\n },\n rightColumn: function rightColumn() {\n return this.map(function (ref) {\n return ref.rightColumn();\n });\n },\n topRow: function topRow() {\n return this.map(function (ref) {\n return ref.topRow();\n });\n },\n bottomRow: function bottomRow() {\n return this.map(function (ref) {\n return ref.bottomRow();\n });\n },\n forEachRow: function forEachRow(callback) {\n this.forEach(function (ref) {\n ref.forEachRow(callback);\n });\n },\n forEachColumn: function forEachColumn(callback) {\n this.forEach(function (ref) {\n ref.forEachColumn(callback);\n });\n },\n adjust: function adjust(row, col, trow, tcol, forRow, start, delta) {\n return this.map(function (ref) {\n return ref.adjust(row, col, trow, tcol, forRow, start, delta);\n }).simplify();\n },\n toString: function toString() {\n return this.refs.map(function (ref) {\n return ref.toString();\n }).join(\", \");\n },\n valid: function valid() {\n for (var i = this.refs.length; --i >= 0;) {\n if (this.refs[i].valid()) {\n return false;\n }\n }\n return true;\n },\n renameSheet: function renameSheet(oldSheetName, newSheetName) {\n this.refs.forEach(function (ref) {\n ref.renameSheet(oldSheetName, newSheetName);\n });\n }\n });\n\n /* -----[ exports ]----- */\n\n spreadsheet.NULLREF = NULL;\n spreadsheet.SHEETREF = new RangeRef(new CellRef(0, 0), new CellRef(Infinity, Infinity));\n spreadsheet.FIRSTREF = new CellRef(0, 0);\n spreadsheet.Ref = Ref;\n spreadsheet.NameRef = NameRef;\n spreadsheet.CellRef = CellRef;\n spreadsheet.RangeRef = RangeRef;\n spreadsheet.UnionRef = UnionRef;\n spreadsheet.SHEETREF.print = function () {\n return \"#SHEET\";\n };\n }, __webpack_require__(3));\n\n /***/\n })\n\n /******/\n});","module.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n module.exports = __webpack_require__(1402);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/1017: (/***/function _(module, exports) {\n module.exports = require(\"jquery\");\n\n /***/\n }),\n /***/1027: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.data\");\n\n /***/\n }),\n /***/1402: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__; /* WEBPACK VAR INJECTION */\n (function (jQuery) {\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(1027)], __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 })(function () {\n var __meta__ = {\n // jshint ignore:line\n id: \"virtuallist\",\n name: \"VirtualList\",\n category: \"framework\",\n depends: [\"data\"],\n hidden: true\n };\n (function ($, undefined) {\n var kendo = window.kendo,\n ui = kendo.ui,\n Widget = ui.Widget,\n DataBoundWidget = ui.DataBoundWidget,\n proxy = $.proxy,\n percentageUnitsRegex = /^\\d+(\\.\\d+)?%$/i,\n WRAPPER = \"k-virtual-wrap\",\n VIRTUALLIST = \"k-virtual-list\",\n CONTENT = \"k-virtual-content\",\n LIST = \"k-list\",\n HEADER = \"k-group-header\",\n VIRTUALITEM = \"k-virtual-item\",\n ITEM = \"k-item\",\n HEIGHTCONTAINER = \"k-height-container\",\n GROUPITEM = \"k-group\",\n SELECTED = \"k-state-selected\",\n FOCUSED = \"k-state-focused\",\n HOVER = \"k-state-hover\",\n CHANGE = \"change\",\n CLICK = \"click\",\n LISTBOUND = \"listBound\",\n ITEMCHANGE = \"itemChange\",\n ACTIVATE = \"activate\",\n DEACTIVATE = \"deactivate\",\n VIRTUAL_LIST_NS = \".VirtualList\";\n function lastFrom(array) {\n return array[array.length - 1];\n }\n function toArray(value) {\n return value instanceof Array ? value : [value];\n }\n function isPrimitive(dataItem) {\n return typeof dataItem === \"string\" || typeof dataItem === \"number\" || typeof dataItem === \"boolean\";\n }\n function getItemCount(screenHeight, listScreens, itemHeight) {\n return Math.ceil(screenHeight * listScreens / itemHeight);\n }\n function appendChild(parent, className, tagName) {\n var element = document.createElement(tagName || \"div\");\n if (className) {\n element.className = className;\n }\n parent.appendChild(element);\n return element;\n }\n function getDefaultItemHeight() {\n var mockList = $(''),\n lineHeight;\n mockList.css({\n position: \"absolute\",\n left: \"-200000px\",\n visibility: \"hidden\"\n });\n mockList.appendTo(document.body);\n lineHeight = parseFloat(kendo.getComputedStyles(mockList.find(\".k-item\")[0], [\"line-height\"])[\"line-height\"]);\n mockList.remove();\n return lineHeight;\n }\n function bufferSizes(screenHeight, listScreens, opposite) {\n //in pixels\n return {\n down: screenHeight * opposite,\n up: screenHeight * (listScreens - 1 - opposite)\n };\n }\n function listValidator(options, screenHeight) {\n var downThreshold = (options.listScreens - 1 - options.threshold) * screenHeight;\n var upThreshold = options.threshold * screenHeight;\n return function (list, scrollTop, lastScrollTop) {\n if (scrollTop > lastScrollTop) {\n return scrollTop - list.top < downThreshold;\n } else {\n return list.top === 0 || scrollTop - list.top > upThreshold;\n }\n };\n }\n function scrollCallback(element, callback) {\n return function (force) {\n return callback(element.scrollTop, force);\n };\n }\n function syncList(reorder) {\n return function (list, force) {\n reorder(list.items, list.index, force);\n return list;\n };\n }\n function position(element, y) {\n if (kendo.support.browser.msie && kendo.support.browser.version < 10) {\n element.style.top = y + \"px\";\n } else {\n element.style.webkitTransform = 'translateY(' + y + \"px)\";\n element.style.transform = 'translateY(' + y + \"px)\";\n }\n }\n function map2(callback, templates) {\n return function (arr1, arr2) {\n for (var i = 0, len = arr1.length; i < len; i++) {\n callback(arr1[i], arr2[i], templates);\n if (arr2[i].item) {\n this.trigger(ITEMCHANGE, {\n item: $(arr1[i]),\n data: arr2[i].item,\n ns: kendo.ui\n });\n }\n }\n };\n }\n function reshift(items, diff) {\n var range;\n if (diff > 0) {\n // down\n range = items.splice(0, diff);\n items.push.apply(items, range);\n } else {\n // up\n range = items.splice(diff, -diff);\n items.unshift.apply(items, range);\n }\n return range;\n }\n function render(element, data, templates) {\n var itemTemplate = templates.template;\n element = $(element);\n if (!data.item) {\n itemTemplate = templates.placeholderTemplate;\n }\n if (data.index === 0 && this.header && data.group) {\n this.header.html(templates.fixedGroupTemplate(data.group));\n }\n this.angular(\"cleanup\", function () {\n return {\n elements: [element]\n };\n });\n element.attr(\"data-uid\", data.item ? data.item.uid : \"\").attr(\"data-offset-index\", data.index);\n if (this.options.columns && this.options.columns.length && data.item) {\n element.html(renderColumns(this.options, data.item, templates));\n } else {\n element.html(itemTemplate(data.item || {}));\n }\n element.toggleClass(FOCUSED, data.current);\n element.toggleClass(SELECTED, data.selected);\n element.toggleClass(\"k-first\", data.newGroup);\n element.toggleClass(\"k-last\", data.isLastGroupedItem);\n element.toggleClass(\"k-loading-item\", !data.item);\n if (data.index !== 0 && data.newGroup) {\n $(\"\").appendTo(element).html(templates.groupTemplate(data.group));\n }\n if (data.top !== undefined) {\n position(element[0], data.top);\n }\n this.angular(\"compile\", function () {\n return {\n elements: [element],\n data: [{\n dataItem: data.item,\n group: data.group,\n newGroup: data.newGroup\n }]\n };\n });\n }\n function renderColumns(options, dataItem, templates) {\n var item = \"\";\n for (var i = 0; i < options.columns.length; i++) {\n var currentWidth = options.columns[i].width;\n var currentWidthInt = parseInt(currentWidth, 10);\n var widthStyle = '';\n if (currentWidth) {\n widthStyle += \"style='width:\";\n widthStyle += currentWidthInt;\n widthStyle += percentageUnitsRegex.test(currentWidth) ? \"%\" : \"px\";\n widthStyle += \";'\";\n }\n item += \"\";\n item += templates[\"column\" + i](dataItem);\n item += \"\";\n }\n return item;\n }\n function mapChangedItems(selected, itemsToMatch) {\n var itemsLength = itemsToMatch.length;\n var selectedLength = selected.length;\n var dataItem;\n var found;\n var i, j;\n var changed = [];\n var unchanged = [];\n if (selectedLength) {\n for (i = 0; i < selectedLength; i++) {\n dataItem = selected[i];\n found = false;\n for (j = 0; j < itemsLength; j++) {\n if (dataItem === itemsToMatch[j]) {\n found = true;\n changed.push({\n index: i,\n item: dataItem\n });\n break;\n }\n }\n if (!found) {\n unchanged.push(dataItem);\n }\n }\n }\n return {\n changed: changed,\n unchanged: unchanged\n };\n }\n function isActivePromise(promise) {\n return promise && promise.state() !== \"resolved\";\n }\n var VirtualList = DataBoundWidget.extend({\n init: function init(element, options) {\n var that = this;\n that.bound(false);\n that._fetching = false;\n Widget.fn.init.call(that, element, options);\n if (!that.options.itemHeight) {\n that.options.itemHeight = getDefaultItemHeight();\n }\n options = that.options;\n that.element.addClass(LIST + \" \" + VIRTUALLIST).attr(\"role\", \"listbox\");\n that.content = that.element.wrap(\"\").parent();\n that.wrapper = that.content.wrap(\"\").parent();\n that.header = that.content.before(\"\").prev();\n if (options.columns && options.columns.length) {\n that.element.removeClass(LIST);\n }\n that.element.on(\"mouseenter\" + VIRTUAL_LIST_NS, \"li:not(.k-loading-item)\", function () {\n $(this).addClass(HOVER);\n }).on(\"mouseleave\" + VIRTUAL_LIST_NS, \"li\", function () {\n $(this).removeClass(HOVER);\n });\n that._values = toArray(that.options.value);\n that._selectedDataItems = [];\n that._selectedIndexes = [];\n that._rangesList = {};\n that._promisesList = [];\n that._optionID = kendo.guid();\n that._templates();\n that.setDataSource(options.dataSource);\n that.content.on(\"scroll\" + VIRTUAL_LIST_NS, kendo.throttle(function () {\n that._renderItems();\n that._triggerListBound();\n }, options.delay));\n that._selectable();\n },\n options: {\n name: \"VirtualList\",\n autoBind: true,\n delay: 100,\n height: null,\n listScreens: 4,\n threshold: 0.5,\n itemHeight: null,\n oppositeBuffer: 1,\n type: \"flat\",\n selectable: false,\n value: [],\n dataValueField: null,\n template: \"#:data#\",\n placeholderTemplate: \"loading...\",\n groupTemplate: \"#:data#\",\n fixedGroupTemplate: \"#:data#\",\n mapValueTo: \"index\",\n valueMapper: null\n },\n events: [CHANGE, CLICK, LISTBOUND, ITEMCHANGE, ACTIVATE, DEACTIVATE],\n setOptions: function setOptions(options) {\n Widget.fn.setOptions.call(this, options);\n if (this._selectProxy && this.options.selectable === false) {\n this.element.off(CLICK, \".\" + VIRTUALITEM, this._selectProxy);\n } else if (!this._selectProxy && this.options.selectable) {\n this._selectable();\n }\n this._templates();\n this.refresh();\n },\n items: function items() {\n return $(this._items);\n },\n destroy: function destroy() {\n this.wrapper.off(VIRTUAL_LIST_NS);\n this.dataSource.unbind(CHANGE, this._refreshHandler);\n Widget.fn.destroy.call(this);\n },\n setDataSource: function setDataSource(source) {\n var that = this;\n var dataSource = source || {};\n var value;\n dataSource = $.isArray(dataSource) ? {\n data: dataSource\n } : dataSource;\n dataSource = kendo.data.DataSource.create(dataSource);\n if (that.dataSource) {\n that.dataSource.unbind(CHANGE, that._refreshHandler);\n that._clean();\n that.bound(false);\n that._deferValueSet = true;\n value = that.value();\n that.value([]);\n that.mute(function () {\n that.value(value);\n });\n } else {\n that._refreshHandler = $.proxy(that.refresh, that);\n }\n that.dataSource = dataSource.bind(CHANGE, that._refreshHandler);\n that.setDSFilter(dataSource.filter());\n if (dataSource.view().length !== 0) {\n that.refresh();\n } else if (that.options.autoBind) {\n dataSource.fetch();\n }\n },\n skip: function skip() {\n return this.dataSource.currentRangeStart();\n },\n _triggerListBound: function _triggerListBound() {\n var that = this;\n var skip = that.skip();\n if (that.bound() && !that._selectingValue && that._skip !== skip) {\n that._skip = skip;\n that.trigger(LISTBOUND);\n }\n },\n _getValues: function _getValues(dataItems) {\n var getter = this._valueGetter;\n return $.map(dataItems, function (dataItem) {\n return getter(dataItem);\n });\n },\n _highlightSelectedItems: function _highlightSelectedItems() {\n for (var i = 0; i < this._selectedDataItems.length; i++) {\n var item = this._getElementByDataItem(this._selectedDataItems[i]);\n if (item.length) {\n item.addClass(SELECTED);\n }\n }\n },\n refresh: function refresh(e) {\n var that = this;\n var action = e && e.action;\n var isItemChange = action === \"itemchange\";\n var filtered = this.isFiltered();\n var result;\n if (that._mute) {\n return;\n }\n that._deferValueSet = false;\n if (!that._fetching) {\n if (filtered) {\n that.focus(0);\n }\n that._createList();\n if (!action && that._values.length && !filtered && !that.options.skipUpdateOnBind && !that._emptySearch) {\n that._selectingValue = true;\n that.bound(true);\n that.value(that._values, true).done(function () {\n that._selectingValue = false;\n that._triggerListBound();\n });\n } else {\n that.bound(true);\n that._highlightSelectedItems();\n that._triggerListBound();\n }\n } else {\n if (that._renderItems) {\n that._renderItems(true);\n }\n that._triggerListBound();\n }\n if (isItemChange || action === \"remove\") {\n result = mapChangedItems(that._selectedDataItems, e.items);\n if (result.changed.length) {\n if (isItemChange) {\n that.trigger(\"selectedItemChange\", {\n items: result.changed\n });\n } else {\n that.value(that._getValues(result.unchanged));\n }\n }\n }\n that._fetching = false;\n },\n removeAt: function removeAt(position) {\n this._selectedIndexes.splice(position, 1);\n this._values.splice(position, 1);\n return {\n position: position,\n dataItem: this._selectedDataItems.splice(position, 1)[0]\n };\n },\n setValue: function setValue(value) {\n this._values = toArray(value);\n },\n value: function value(_value, _forcePrefetch) {\n var that = this;\n if (_value === undefined) {\n return that._values.slice();\n }\n if (_value === null) {\n _value = [];\n }\n _value = toArray(_value);\n if (!that._valueDeferred || that._valueDeferred.state() === \"resolved\") {\n that._valueDeferred = $.Deferred();\n }\n var shouldClear = that.options.selectable === \"multiple\" && that.select().length && _value.length;\n if (shouldClear || !_value.length) {\n that.select(-1);\n }\n that._values = _value;\n if (that.bound() && !that._mute && !that._deferValueSet || _forcePrefetch) {\n that._prefetchByValue(_value);\n }\n return that._valueDeferred;\n },\n _checkValuesOrder: function _checkValuesOrder(value) {\n if (this._removedAddedIndexes && this._removedAddedIndexes.length === value.length) {\n var newValue = this._removedAddedIndexes.slice();\n this._removedAddedIndexes = null;\n return newValue;\n }\n return value;\n },\n _prefetchByValue: function _prefetchByValue(value) {\n var that = this,\n dataView = that._dataView,\n valueGetter = that._valueGetter,\n mapValueTo = that.options.mapValueTo,\n item,\n match = false,\n forSelection = [];\n\n //try to find the items in the loaded data\n for (var i = 0; i < value.length; i++) {\n for (var idx = 0; idx < dataView.length; idx++) {\n item = dataView[idx].item;\n if (item) {\n match = isPrimitive(item) ? value[i] === item : value[i] === valueGetter(item);\n if (match) {\n forSelection.push(dataView[idx].index);\n }\n }\n }\n }\n if (forSelection.length === value.length) {\n that._values = [];\n that.select(forSelection);\n return;\n }\n\n //prefetch the items\n if (typeof that.options.valueMapper === \"function\") {\n that.options.valueMapper({\n value: this.options.selectable === \"multiple\" ? value : value[0],\n success: function success(response) {\n if (mapValueTo === \"index\") {\n that.mapValueToIndex(response);\n } else if (mapValueTo === \"dataItem\") {\n that.mapValueToDataItem(response);\n }\n }\n });\n } else {\n if (!that.value()[0]) {\n that.select([-1]);\n } else {\n that._selectingValue = false;\n that._triggerListBound();\n }\n }\n },\n mapValueToIndex: function mapValueToIndex(indexes) {\n if (indexes === undefined || indexes === -1 || indexes === null) {\n indexes = [];\n } else {\n indexes = toArray(indexes);\n }\n if (!indexes.length) {\n indexes = [-1];\n } else {\n var removed = this._deselect([]).removed;\n if (removed.length) {\n this._triggerChange(removed, []);\n }\n }\n this.select(indexes);\n },\n mapValueToDataItem: function mapValueToDataItem(dataItems) {\n var removed, added;\n if (dataItems === undefined || dataItems === null) {\n dataItems = [];\n } else {\n dataItems = toArray(dataItems);\n }\n if (!dataItems.length) {\n this.select([-1]);\n } else {\n removed = $.map(this._selectedDataItems, function (item, index) {\n return {\n index: index,\n dataItem: item\n };\n });\n added = $.map(dataItems, function (item, index) {\n return {\n index: index,\n dataItem: item\n };\n });\n this._selectedDataItems = dataItems;\n this._selectedIndexes = [];\n for (var i = 0; i < this._selectedDataItems.length; i++) {\n var item = this._getElementByDataItem(this._selectedDataItems[i]);\n this._selectedIndexes.push(this._getIndecies(item)[0]);\n item.addClass(SELECTED);\n }\n this._triggerChange(removed, added);\n if (this._valueDeferred) {\n this._valueDeferred.resolve();\n }\n }\n },\n deferredRange: function deferredRange(index) {\n var dataSource = this.dataSource;\n var take = this.itemCount;\n var ranges = this._rangesList;\n var result = $.Deferred();\n var defs = [];\n var low = Math.floor(index / take) * take;\n var high = Math.ceil(index / take) * take;\n var pages = high === low ? [high] : [low, high];\n $.each(pages, function (_, skip) {\n var end = skip + take;\n var existingRange = ranges[skip];\n var deferred;\n if (!existingRange || existingRange.end !== end) {\n deferred = $.Deferred();\n ranges[skip] = {\n end: end,\n deferred: deferred\n };\n dataSource._multiplePrefetch(skip, take, function () {\n deferred.resolve();\n });\n } else {\n deferred = existingRange.deferred;\n }\n defs.push(deferred);\n });\n $.when.apply($, defs).then(function () {\n result.resolve();\n });\n return result;\n },\n prefetch: function prefetch(indexes) {\n var that = this,\n take = this.itemCount,\n isEmptyList = !that._promisesList.length;\n if (!isActivePromise(that._activeDeferred)) {\n that._activeDeferred = $.Deferred();\n that._promisesList = [];\n }\n $.each(indexes, function (_, index) {\n that._promisesList.push(that.deferredRange(that._getSkip(index, take)));\n });\n if (isEmptyList) {\n $.when.apply($, that._promisesList).done(function () {\n that._promisesList = [];\n that._activeDeferred.resolve();\n });\n }\n return that._activeDeferred;\n },\n _findDataItem: function _findDataItem(view, index) {\n var group;\n\n //find in grouped view\n if (this.options.type === \"group\") {\n for (var i = 0; i < view.length; i++) {\n group = view[i].items;\n if (group.length <= index) {\n index = index - group.length;\n } else {\n return group[index];\n }\n }\n }\n\n //find in flat view\n return view[index];\n },\n _getRange: function _getRange(skip, take) {\n return this.dataSource._findRange(skip, Math.min(skip + take, this.dataSource.total()));\n },\n dataItemByIndex: function dataItemByIndex(index) {\n var that = this;\n var take = that.itemCount;\n var skip = that._getSkip(index, take);\n var view = this._getRange(skip, take);\n\n //should not return item if data is not loaded\n if (!that._getRange(skip, take).length) {\n return null;\n }\n if (that.options.type === \"group\") {\n kendo.ui.progress($(that.wrapper), true);\n that.mute(function () {\n that.dataSource.range(skip, take, function () {\n kendo.ui.progress($(that.wrapper), false);\n });\n view = that.dataSource.view();\n });\n }\n return that._findDataItem(view, [index - skip]);\n },\n selectedDataItems: function selectedDataItems() {\n return this._selectedDataItems.slice();\n },\n scrollWith: function scrollWith(value) {\n this.content.scrollTop(this.content.scrollTop() + value);\n },\n scrollTo: function scrollTo(y) {\n this.content.scrollTop(y); //works only if the element is visible\n },\n scrollToIndex: function scrollToIndex(index) {\n this.scrollTo(index * this.options.itemHeight);\n },\n focus: function focus(candidate) {\n var element,\n index,\n data,\n current,\n itemHeight = this.options.itemHeight,\n id = this._optionID,\n triggerEvent = true;\n if (candidate === undefined) {\n current = this.element.find(\".\" + FOCUSED);\n return current.length ? current : null;\n }\n if (typeof candidate === \"function\") {\n data = this.dataSource.flatView();\n for (var idx = 0; idx < data.length; idx++) {\n if (candidate(data[idx])) {\n candidate = idx;\n break;\n }\n }\n }\n if (candidate instanceof Array) {\n candidate = lastFrom(candidate);\n }\n if (isNaN(candidate)) {\n element = $(candidate);\n index = parseInt($(element).attr(\"data-offset-index\"), 10);\n } else {\n index = candidate;\n element = this._getElementByIndex(index);\n }\n if (index === -1) {\n this.element.find(\".\" + FOCUSED).removeClass(FOCUSED);\n this._focusedIndex = undefined;\n return;\n }\n if (element.length) {\n /*focus rendered item*/\n if (element.hasClass(FOCUSED)) {\n triggerEvent = false;\n }\n if (this._focusedIndex !== undefined) {\n current = this._getElementByIndex(this._focusedIndex);\n current.removeClass(FOCUSED).removeAttr(\"id\");\n if (triggerEvent) {\n this.trigger(DEACTIVATE);\n }\n }\n this._focusedIndex = index;\n element.addClass(FOCUSED).attr(\"id\", id);\n var position = this._getElementLocation(index);\n if (position === \"top\") {\n this.scrollTo(index * itemHeight);\n } else if (position === \"bottom\") {\n this.scrollTo(index * itemHeight + itemHeight - this._screenHeight);\n } else if (position === \"outScreen\") {\n this.scrollTo(index * itemHeight);\n }\n if (triggerEvent) {\n this.trigger(ACTIVATE);\n }\n } else {\n /*focus non rendered item*/\n this._focusedIndex = index;\n this.items().removeClass(FOCUSED);\n this.scrollToIndex(index);\n }\n },\n focusIndex: function focusIndex() {\n return this._focusedIndex;\n },\n focusFirst: function focusFirst() {\n this.scrollTo(0);\n this.focus(0);\n },\n focusLast: function focusLast() {\n var lastIndex = this.dataSource.total();\n this.scrollTo(this.heightContainer.offsetHeight);\n this.focus(lastIndex - 1);\n },\n focusPrev: function focusPrev() {\n var index = this._focusedIndex;\n var current;\n if (!isNaN(index) && index > 0) {\n index -= 1;\n this.focus(index);\n current = this.focus();\n if (current && current.hasClass(\"k-loading-item\")) {\n index += 1;\n this.focus(index);\n }\n return index;\n } else {\n index = this.dataSource.total() - 1;\n this.focus(index);\n return index;\n }\n },\n focusNext: function focusNext() {\n var index = this._focusedIndex;\n var lastIndex = this.dataSource.total() - 1;\n var current;\n if (!isNaN(index) && index < lastIndex) {\n index += 1;\n this.focus(index);\n current = this.focus();\n if (current && current.hasClass(\"k-loading-item\")) {\n index -= 1;\n this.focus(index);\n }\n return index;\n } else {\n index = 0;\n this.focus(index);\n return index;\n }\n },\n _triggerChange: function _triggerChange(removed, added) {\n removed = removed || [];\n added = added || [];\n if (removed.length || added.length) {\n this.trigger(CHANGE, {\n removed: removed,\n added: added\n });\n }\n },\n select: function select(candidate) {\n var that = this,\n indices,\n initialIndices,\n singleSelection = that.options.selectable !== \"multiple\",\n prefetchStarted = isActivePromise(that._activeDeferred),\n filtered = this.isFiltered(),\n isAlreadySelected,\n deferred,\n result,\n removed = [];\n if (candidate === undefined) {\n return that._selectedIndexes.slice();\n }\n if (!that._selectDeferred || that._selectDeferred.state() === \"resolved\") {\n that._selectDeferred = $.Deferred();\n }\n indices = that._getIndecies(candidate);\n isAlreadySelected = singleSelection && !filtered && lastFrom(indices) === lastFrom(this._selectedIndexes);\n removed = that._deselectCurrentValues(indices);\n if (removed.length || !indices.length || isAlreadySelected) {\n that._triggerChange(removed);\n if (that._valueDeferred) {\n that._valueDeferred.resolve().promise();\n }\n return that._selectDeferred.resolve().promise();\n }\n if (indices.length === 1 && indices[0] === -1) {\n indices = [];\n }\n initialIndices = indices;\n result = that._deselect(indices);\n removed = result.removed;\n indices = result.indices;\n if (singleSelection) {\n prefetchStarted = false;\n if (indices.length) {\n indices = [lastFrom(indices)];\n }\n }\n var done = function done() {\n var added = that._select(indices);\n if (initialIndices.length === indices.length || singleSelection) {\n that.focus(indices);\n }\n that._triggerChange(removed, added);\n if (that._valueDeferred) {\n that._valueDeferred.resolve();\n }\n that._selectDeferred.resolve();\n };\n deferred = that.prefetch(indices);\n if (!prefetchStarted) {\n if (deferred) {\n deferred.done(done);\n } else {\n done();\n }\n }\n return that._selectDeferred.promise();\n },\n bound: function bound(_bound) {\n if (_bound === undefined) {\n return this._listCreated;\n }\n this._listCreated = _bound;\n },\n mute: function mute(callback) {\n this._mute = true;\n proxy(callback(), this);\n this._mute = false;\n },\n setDSFilter: function setDSFilter(filter) {\n this._lastDSFilter = $.extend({}, filter);\n },\n isFiltered: function isFiltered() {\n if (!this._lastDSFilter) {\n this.setDSFilter(this.dataSource.filter());\n }\n return !kendo.data.Query.compareFilters(this.dataSource.filter(), this._lastDSFilter);\n },\n skipUpdate: $.noop,\n _getElementByIndex: function _getElementByIndex(index) {\n return this.items().filter(function (idx, element) {\n return index === parseInt($(element).attr(\"data-offset-index\"), 10);\n });\n },\n _getElementByDataItem: function _getElementByDataItem(dataItem) {\n var dataView = this._dataView,\n valueGetter = this._valueGetter,\n element,\n match;\n for (var i = 0; i < dataView.length; i++) {\n match = dataView[i].item && isPrimitive(dataView[i].item) ? dataView[i].item === dataItem : dataView[i].item && dataItem && valueGetter(dataView[i].item) == valueGetter(dataItem);\n if (match) {\n element = dataView[i];\n break;\n }\n }\n return element ? this._getElementByIndex(element.index) : $();\n },\n _clean: function _clean() {\n this.result = undefined;\n this._lastScrollTop = undefined;\n this._skip = undefined;\n $(this.heightContainer).remove();\n this.heightContainer = undefined;\n this.element.empty();\n },\n _height: function _height() {\n var hasData = !!this.dataSource.view().length,\n height = this.options.height,\n itemHeight = this.options.itemHeight,\n total = this.dataSource.total();\n if (!hasData) {\n height = 0;\n } else if (height / itemHeight > total) {\n height = total * itemHeight;\n }\n return height;\n },\n setScreenHeight: function setScreenHeight() {\n var height = this._height();\n this.content.height(height);\n this._screenHeight = height;\n },\n screenHeight: function screenHeight() {\n return this._screenHeight;\n },\n _getElementLocation: function _getElementLocation(index) {\n var scrollTop = this.content.scrollTop(),\n screenHeight = this._screenHeight,\n itemHeight = this.options.itemHeight,\n yPosition = index * itemHeight,\n yDownPostion = yPosition + itemHeight,\n screenEnd = scrollTop + screenHeight,\n position;\n if (yPosition === scrollTop - itemHeight || yDownPostion > scrollTop && yPosition < scrollTop) {\n position = \"top\";\n } else if (yPosition === screenEnd || yPosition < screenEnd && screenEnd < yDownPostion) {\n position = \"bottom\";\n } else if (yPosition >= scrollTop && yPosition <= scrollTop + (screenHeight - itemHeight)) {\n position = \"inScreen\";\n } else {\n position = \"outScreen\";\n }\n return position;\n },\n _templates: function _templates() {\n var options = this.options;\n var templates = {\n template: options.template,\n placeholderTemplate: options.placeholderTemplate,\n groupTemplate: options.groupTemplate,\n fixedGroupTemplate: options.fixedGroupTemplate\n };\n if (options.columns) {\n for (var i = 0; i < options.columns.length; i++) {\n var currentColumn = options.columns[i];\n var templateText = currentColumn.field ? currentColumn.field.toString() : \"text\";\n templates[\"column\" + i] = currentColumn.template || \"#: \" + templateText + \"#\";\n }\n }\n for (var key in templates) {\n if (typeof templates[key] !== \"function\") {\n templates[key] = kendo.template(templates[key] || \"\");\n }\n }\n this.templates = templates;\n },\n _generateItems: function _generateItems(element, count) {\n var items = [],\n item,\n itemHeight = this.options.itemHeight + \"px\";\n while (count-- > 0) {\n item = document.createElement(\"li\");\n item.tabIndex = -1;\n item.className = VIRTUALITEM + \" \" + ITEM;\n item.setAttribute(\"role\", \"option\");\n item.style.height = itemHeight;\n item.style.minHeight = itemHeight;\n element.appendChild(item);\n items.push(item);\n }\n return items;\n },\n _saveInitialRanges: function _saveInitialRanges() {\n var ranges = this.dataSource._ranges;\n var deferred = $.Deferred();\n deferred.resolve();\n this._rangesList = {};\n for (var i = 0; i < ranges.length; i++) {\n this._rangesList[ranges[i].start] = {\n end: ranges[i].end,\n deferred: deferred\n };\n }\n },\n _createList: function _createList() {\n var that = this,\n content = that.content.get(0),\n options = that.options,\n dataSource = that.dataSource;\n if (that.bound()) {\n that._clean();\n }\n that._saveInitialRanges();\n that._buildValueGetter();\n that.setScreenHeight();\n that.itemCount = getItemCount(that._screenHeight, options.listScreens, options.itemHeight);\n if (that.itemCount > dataSource.total()) {\n that.itemCount = dataSource.total();\n }\n that._items = that._generateItems(that.element[0], that.itemCount);\n that._setHeight(options.itemHeight * dataSource.total());\n that.options.type = (dataSource.group() || []).length ? \"group\" : \"flat\";\n if (that.options.type === \"flat\") {\n that.header.hide();\n } else {\n that.header.show();\n }\n that.getter = that._getter(function () {\n that._renderItems(true);\n });\n that._onScroll = function (scrollTop, force) {\n var getList = that._listItems(that.getter);\n return that._fixedHeader(scrollTop, getList(scrollTop, force));\n };\n that._renderItems = that._whenChanged(scrollCallback(content, that._onScroll), syncList(that._reorderList(that._items, $.proxy(render, that))));\n that._renderItems();\n that._calculateGroupPadding(that._screenHeight);\n that._calculateColumnsHeaderPadding();\n },\n _setHeight: function _setHeight(height) {\n var currentHeight,\n heightContainer = this.heightContainer;\n if (!heightContainer) {\n heightContainer = this.heightContainer = appendChild(this.content[0], HEIGHTCONTAINER);\n } else {\n currentHeight = heightContainer.offsetHeight;\n }\n if (height !== currentHeight) {\n heightContainer.innerHTML = \"\";\n while (height > 0) {\n var padHeight = Math.min(height, 250000); //IE workaround, should not create elements with height larger than 250000px\n appendChild(heightContainer).style.height = padHeight + \"px\";\n height -= padHeight;\n }\n }\n },\n _getter: function _getter() {\n var lastRequestedRange = null,\n dataSource = this.dataSource,\n lastRangeStart = dataSource.skip(),\n type = this.options.type,\n pageSize = this.itemCount,\n flatGroups = {};\n if (dataSource.pageSize() < pageSize) {\n this.mute(function () {\n dataSource.pageSize(pageSize);\n });\n }\n return function (index, rangeStart) {\n var that = this;\n if (!dataSource.inRange(rangeStart, pageSize)) {\n if (lastRequestedRange !== rangeStart) {\n lastRequestedRange = rangeStart;\n lastRangeStart = rangeStart;\n if (that._getterDeferred) {\n that._getterDeferred.reject();\n }\n that._getterDeferred = that.deferredRange(rangeStart);\n that._getterDeferred.then(function () {\n var firstItemIndex = that._indexConstraint(that.content[0].scrollTop);\n that._getterDeferred = null;\n if (rangeStart <= firstItemIndex && firstItemIndex <= rangeStart + pageSize) {\n that._fetching = true;\n dataSource.range(rangeStart, pageSize);\n }\n });\n }\n return null;\n } else {\n if (lastRangeStart !== rangeStart) {\n this.mute(function () {\n dataSource.range(rangeStart, pageSize);\n lastRangeStart = rangeStart;\n });\n }\n var result;\n if (type === \"group\") {\n //grouped list\n if (!flatGroups[rangeStart]) {\n var flatGroup = flatGroups[rangeStart] = [];\n var groups = dataSource.view();\n for (var i = 0, len = groups.length; i < len; i++) {\n var group = groups[i];\n for (var j = 0, groupLength = group.items.length; j < groupLength; j++) {\n flatGroup.push({\n item: group.items[j],\n group: group.value\n });\n }\n }\n }\n result = flatGroups[rangeStart][index - rangeStart];\n } else {\n //flat list\n result = dataSource.view()[index - rangeStart];\n }\n return result;\n }\n };\n },\n _fixedHeader: function _fixedHeader(scrollTop, list) {\n var group = this.currentVisibleGroup,\n itemHeight = this.options.itemHeight,\n firstVisibleDataItemIndex = Math.floor((scrollTop - list.top) / itemHeight),\n firstVisibleDataItem = list.items[firstVisibleDataItemIndex];\n if (firstVisibleDataItem && firstVisibleDataItem.item) {\n var firstVisibleGroup = firstVisibleDataItem.group;\n if (firstVisibleGroup !== group) {\n var fixedGroupText = firstVisibleGroup || \"\";\n this.header.html(this.templates.fixedGroupTemplate(fixedGroupText));\n this.currentVisibleGroup = firstVisibleGroup;\n }\n }\n return list;\n },\n _itemMapper: function _itemMapper(item, index, value) {\n var listType = this.options.type,\n itemHeight = this.options.itemHeight,\n currentIndex = this._focusedIndex,\n selected = false,\n current = false,\n newGroup = false,\n group = null,\n match = false,\n valueGetter = this._valueGetter;\n if (listType === \"group\") {\n if (item) {\n newGroup = index === 0 || this._currentGroup !== false && this._currentGroup !== item.group;\n this._currentGroup = item.group;\n }\n group = item ? item.group : null;\n item = item ? item.item : null;\n }\n if (this.options.mapValueTo === \"dataItem\" && this._selectedDataItems.length && item) {\n for (var i = 0; i < this._selectedDataItems.length; i++) {\n match = valueGetter(this._selectedDataItems[i]) === valueGetter(item);\n if (match) {\n selected = true;\n break;\n }\n }\n } else if (!this.isFiltered() && value.length && item) {\n for (var j = 0; j < value.length; j++) {\n match = isPrimitive(item) ? value[j] === item : value[j] === valueGetter(item);\n if (match) {\n value.splice(j, 1);\n selected = true;\n break;\n }\n }\n }\n if (currentIndex === index) {\n current = true;\n }\n return {\n item: item ? item : null,\n group: group,\n newGroup: newGroup,\n selected: selected,\n current: current,\n index: index,\n top: index * itemHeight\n };\n },\n _range: function _range(index) {\n var itemCount = this.itemCount,\n value = this._values.slice(),\n items = [],\n item;\n this._view = {};\n this._currentGroup = false;\n for (var i = index, length = index + itemCount; i < length; i++) {\n item = this._itemMapper(this.getter(i, index), i, value);\n if (items[items.length - 1]) {\n items[items.length - 1].isLastGroupedItem = item.newGroup;\n }\n items.push(item);\n this._view[item.index] = item;\n }\n this._dataView = items;\n return items;\n },\n _getDataItemsCollection: function _getDataItemsCollection(scrollTop, lastScrollTop) {\n var items = this._range(this._listIndex(scrollTop, lastScrollTop));\n return {\n index: items.length ? items[0].index : 0,\n top: items.length ? items[0].top : 0,\n items: items\n };\n },\n _listItems: function _listItems() {\n var screenHeight = this._screenHeight,\n options = this.options;\n var theValidator = listValidator(options, screenHeight);\n return $.proxy(function (value, force) {\n var result = this.result,\n lastScrollTop = this._lastScrollTop;\n if (force || !result || !theValidator(result, value, lastScrollTop)) {\n result = this._getDataItemsCollection(value, lastScrollTop);\n }\n this._lastScrollTop = value;\n this.result = result;\n return result;\n }, this);\n },\n _whenChanged: function _whenChanged(getter, callback) {\n var current;\n return function (force) {\n var theNew = getter(force);\n if (theNew !== current) {\n current = theNew;\n callback(theNew, force);\n }\n };\n },\n _reorderList: function _reorderList(list, reorder) {\n var that = this;\n var length = list.length;\n var currentOffset = -Infinity;\n reorder = $.proxy(map2(reorder, this.templates), this);\n return function (list2, offset, force) {\n var diff = offset - currentOffset;\n var range, range2;\n if (force || Math.abs(diff) >= length) {\n // full reorder\n range = list;\n range2 = list2;\n } else {\n // partial reorder\n range = reshift(list, diff);\n range2 = diff > 0 ? list2.slice(-diff) : list2.slice(0, -diff);\n }\n reorder(range, range2, that.bound());\n currentOffset = offset;\n };\n },\n _bufferSizes: function _bufferSizes() {\n var options = this.options;\n return bufferSizes(this._screenHeight, options.listScreens, options.oppositeBuffer);\n },\n _indexConstraint: function _indexConstraint(position) {\n var itemCount = this.itemCount,\n itemHeight = this.options.itemHeight,\n total = this.dataSource.total();\n return Math.min(Math.max(total - itemCount, 0), Math.max(0, Math.floor(position / itemHeight)));\n },\n _listIndex: function _listIndex(scrollTop, lastScrollTop) {\n var buffers = this._bufferSizes(),\n position;\n position = scrollTop - (scrollTop > lastScrollTop ? buffers.down : buffers.up);\n return this._indexConstraint(position);\n },\n _selectable: function _selectable() {\n if (this.options.selectable) {\n this._selectProxy = $.proxy(this, \"_clickHandler\");\n this.element.on(CLICK + VIRTUAL_LIST_NS, \".\" + VIRTUALITEM, this._selectProxy);\n }\n },\n getElementIndex: function getElementIndex(element) {\n if (!(element instanceof jQuery)) {\n return undefined;\n }\n return parseInt(element.attr(\"data-offset-index\"), 10);\n },\n _getIndecies: function _getIndecies(candidate) {\n var result = [],\n data;\n if (typeof candidate === \"function\") {\n data = this.dataSource.flatView();\n for (var idx = 0; idx < data.length; idx++) {\n if (candidate(data[idx])) {\n result.push(idx);\n break;\n }\n }\n }\n if (typeof candidate === \"number\") {\n result.push(candidate);\n }\n var elementIndex = this.getElementIndex(candidate);\n if (!isNaN(elementIndex)) {\n result.push(elementIndex);\n }\n if (candidate instanceof Array) {\n result = candidate;\n }\n return result;\n },\n _deselect: function _deselect(indices) {\n var removed = [],\n selectedIndex,\n dataItem,\n selectedIndexes = this._selectedIndexes,\n selectedDataItems = this._selectedDataItems,\n position = 0,\n selectable = this.options.selectable,\n removedindexesCounter = 0,\n valueGetter = this._valueGetter,\n item,\n match,\n result = null;\n indices = indices.slice();\n if (selectable === true || !indices.length) {\n //deselect everything\n for (var idx = 0; idx < selectedIndexes.length; idx++) {\n if (selectedIndexes[idx] !== undefined) {\n this._getElementByIndex(selectedIndexes[idx]).removeClass(SELECTED);\n } else if (selectedDataItems[idx]) {\n this._getElementByDataItem(selectedDataItems[idx]).removeClass(SELECTED);\n }\n removed.push({\n index: selectedIndexes[idx],\n position: idx,\n dataItem: selectedDataItems[idx]\n });\n }\n this._values = [];\n this._selectedDataItems = [];\n this._selectedIndexes = [];\n } else if (selectable === \"multiple\") {\n for (var i = 0; i < indices.length; i++) {\n result = null;\n position = $.inArray(indices[i], selectedIndexes);\n dataItem = this.dataItemByIndex(indices[i]);\n if (position === -1 && dataItem) {\n for (var j = 0; j < selectedDataItems.length; j++) {\n match = isPrimitive(dataItem) ? selectedDataItems[j] === dataItem : valueGetter(selectedDataItems[j]) === valueGetter(dataItem);\n if (match) {\n item = this._getElementByIndex(indices[i]);\n result = this._deselectSingleItem(item, j, indices[i], removedindexesCounter);\n }\n }\n } else {\n selectedIndex = selectedIndexes[position];\n if (selectedIndex !== undefined) {\n item = this._getElementByIndex(selectedIndex);\n result = this._deselectSingleItem(item, position, selectedIndex, removedindexesCounter);\n }\n }\n if (result) {\n indices.splice(i, 1);\n removed.push(result);\n removedindexesCounter++;\n i--;\n }\n }\n }\n return {\n indices: indices,\n removed: removed\n };\n },\n _deselectSingleItem: function _deselectSingleItem(item, position, selectedIndex, removedindexesCounter) {\n var dataItem;\n if (!item.hasClass(\"k-state-selected\")) {\n return;\n }\n item.removeClass(SELECTED);\n this._values.splice(position, 1);\n this._selectedIndexes.splice(position, 1);\n dataItem = this._selectedDataItems.splice(position, 1)[0];\n return {\n index: selectedIndex,\n position: position + removedindexesCounter,\n dataItem: dataItem\n };\n },\n _deselectCurrentValues: function _deselectCurrentValues(indices) {\n var children = this.element[0].children;\n var value, index, position;\n var values = this._values;\n var removed = [];\n var idx = 0;\n var j;\n if (this.options.selectable !== \"multiple\" || !this.isFiltered()) {\n return [];\n }\n if (indices[0] === -1) {\n $(children).removeClass(\"k-state-selected\");\n removed = $.map(this._selectedDataItems.slice(0), function (dataItem, idx) {\n return {\n dataItem: dataItem,\n position: idx\n };\n });\n this._selectedIndexes = [];\n this._selectedDataItems = [];\n this._values = [];\n return removed;\n }\n for (; idx < indices.length; idx++) {\n position = -1;\n index = indices[idx];\n if (this.dataItemByIndex(index)) {\n value = this._valueGetter(this.dataItemByIndex(index));\n }\n for (j = 0; j < values.length; j++) {\n if (value == values[j]) {\n position = j;\n break;\n }\n }\n if (position > -1) {\n removed.push(this.removeAt(position));\n $(children[index]).removeClass(\"k-state-selected\");\n }\n }\n return removed;\n },\n _getSkip: function _getSkip(index, take) {\n var page = index < take ? 1 : Math.floor(index / take) + 1;\n return (page - 1) * take;\n },\n _select: function _select(indexes) {\n var that = this,\n singleSelection = this.options.selectable !== \"multiple\",\n dataSource = this.dataSource,\n dataItem,\n oldSkip,\n take = this.itemCount,\n valueGetter = this._valueGetter,\n added = [];\n if (singleSelection) {\n that._selectedIndexes = [];\n that._selectedDataItems = [];\n that._values = [];\n }\n oldSkip = dataSource.skip();\n $.each(indexes, function (_, index) {\n var skip = that._getSkip(index, take);\n that.mute(function () {\n dataSource.range(skip, take); //switch the range to get the dataItem\n\n dataItem = that._findDataItem(dataSource.view(), [index - skip]);\n that._selectedIndexes.push(index);\n that._selectedDataItems.push(dataItem);\n that._values.push(isPrimitive(dataItem) ? dataItem : valueGetter(dataItem));\n added.push({\n index: index,\n dataItem: dataItem\n });\n that._getElementByIndex(index).addClass(SELECTED);\n dataSource.range(oldSkip, take); //switch back the range\n });\n });\n that._values = that._checkValuesOrder(that._values);\n return added;\n },\n _clickHandler: function _clickHandler(e) {\n var item = $(e.currentTarget);\n if (!e.isDefaultPrevented() && item.attr(\"data-uid\")) {\n this.trigger(CLICK, {\n item: item\n });\n }\n },\n _buildValueGetter: function _buildValueGetter() {\n this._valueGetter = kendo.getter(this.options.dataValueField);\n },\n _calculateGroupPadding: function _calculateGroupPadding(height) {\n var firstItem = this.items().first(),\n groupHeader = this.header,\n padding = 0;\n if (groupHeader[0] && groupHeader[0].style.display !== \"none\") {\n if (height !== \"auto\") {\n padding = kendo.support.scrollbar();\n }\n padding += parseFloat(firstItem.css(\"border-right-width\"), 10) + parseFloat(firstItem.children(\".k-group\").css(\"right\"), 10);\n groupHeader.css(\"padding-right\", padding);\n }\n },\n _calculateColumnsHeaderPadding: function _calculateColumnsHeaderPadding() {\n if (this.options.columns && this.options.columns.length) {\n var isRtl = kendo.support.isRtl(this.wrapper);\n var scrollbar = kendo.support.scrollbar();\n var columnsHeader = this.content.parent().parent().find(\".k-grid-header\");\n var total = this.dataSource.total();\n columnsHeader.css(isRtl ? \"padding-left\" : \"padding-right\", total ? scrollbar : 0);\n }\n }\n });\n kendo.ui.VirtualList = VirtualList;\n kendo.ui.plugin(VirtualList);\n })(window.kendo.jQuery);\n return window.kendo;\n }, __webpack_require__(3));\n\n /* WEBPACK VAR INJECTION */\n }).call(exports, __webpack_require__(1017));\n\n /***/\n })\n\n /******/\n});","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nmodule.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n module.exports = __webpack_require__(1388);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/1017: (/***/function _(module, exports) {\n module.exports = require(\"jquery\");\n\n /***/\n }),\n /***/1027: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.data\");\n\n /***/\n }),\n /***/1387: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.treeview.draganddrop\");\n\n /***/\n }),\n /***/1388: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__; /* WEBPACK VAR INJECTION */\n (function (jQuery) {\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(1027), __webpack_require__(1387)], __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 })(function () {\n var __meta__ = {\n // jshint ignore:line\n id: \"treeview\",\n name: \"TreeView\",\n category: \"web\",\n description: \"The TreeView widget displays hierarchical data in a traditional tree structure,with support for interactive drag-and-drop operations.\",\n depends: [\"data\"],\n features: [{\n id: \"treeview-dragging\",\n name: \"Drag & Drop\",\n description: \"Support for drag & drop\",\n depends: [\"treeview.draganddrop\"]\n }]\n };\n\n /*jshint eqnull: true */\n (function ($, undefined) {\n var kendo = window.kendo,\n ui = kendo.ui,\n data = kendo.data,\n extend = $.extend,\n template = kendo.template,\n isArray = $.isArray,\n Widget = ui.Widget,\n HierarchicalDataSource = data.HierarchicalDataSource,\n proxy = $.proxy,\n keys = kendo.keys,\n NS = \".kendoTreeView\",\n TEMP_NS = \".kendoTreeViewTemp\",\n SELECT = \"select\",\n CHECK = \"check\",\n NAVIGATE = \"navigate\",\n EXPAND = \"expand\",\n CHANGE = \"change\",\n ERROR = \"error\",\n CHECKED = \"checked\",\n INDETERMINATE = \"indeterminate\",\n COLLAPSE = \"collapse\",\n DRAGSTART = \"dragstart\",\n DRAG = \"drag\",\n DROP = \"drop\",\n DRAGEND = \"dragend\",\n DATABOUND = \"dataBound\",\n CLICK = \"click\",\n UNDEFINED = \"undefined\",\n KSTATEHOVER = \"k-state-hover\",\n KTREEVIEW = \"k-treeview\",\n VISIBLE = \":visible\",\n NODE = \".k-item\",\n STRING = \"string\",\n ARIACHECKED = \"aria-checked\",\n ARIASELECTED = \"aria-selected\",\n ARIADISABLED = \"aria-disabled\",\n DISABLED = \"k-state-disabled\",\n TreeView,\n subGroup,\n nodeContents,\n nodeIcon,\n spriteRe,\n bindings = {\n text: \"dataTextField\",\n url: \"dataUrlField\",\n spriteCssClass: \"dataSpriteCssClassField\",\n imageUrl: \"dataImageUrlField\"\n },\n isJQueryInstance = function isJQueryInstance(obj) {\n return obj instanceof kendo.jQuery || window.jQuery && obj instanceof window.jQuery;\n },\n isDomElement = function isDomElement(o) {\n return (typeof HTMLElement === \"undefined\" ? \"undefined\" : _typeof(HTMLElement)) === \"object\" ? o instanceof HTMLElement :\n //DOM2\n o && _typeof(o) === \"object\" && o.nodeType === 1 && _typeof(o.nodeName) === STRING;\n };\n function contentChild(filter) {\n return function (node) {\n var result = node.children(\".k-animation-container\");\n if (!result.length) {\n result = node;\n }\n return result.children(filter);\n };\n }\n function templateNoWith(code) {\n return kendo.template(code, {\n useWithBlock: false\n });\n }\n subGroup = contentChild(\".k-group\");\n nodeContents = contentChild(\".k-group,.k-content\");\n nodeIcon = function nodeIcon(node) {\n return node.children(\"div\").children(\".k-icon\");\n };\n function checkboxes(node) {\n return node.find(\".k-checkbox-wrapper:first input[type=checkbox]\");\n }\n function insertAction(indexOffset) {\n return function (nodeData, referenceNode) {\n referenceNode = referenceNode.closest(NODE);\n var group = referenceNode.parent(),\n parentNode;\n if (group.parent().is(\"li\")) {\n parentNode = group.parent();\n }\n return this._dataSourceMove(nodeData, group, parentNode, function (dataSource, model) {\n var referenceItem = this.dataItem(referenceNode);\n var referenceNodeIndex = referenceItem ? referenceItem.parent().indexOf(referenceItem) : referenceNode.index();\n return this._insert(dataSource.data(), model, referenceNodeIndex + indexOffset);\n });\n };\n }\n spriteRe = /k-sprite/;\n function moveContents(node, container) {\n var tmp;\n while (node && node.nodeName.toLowerCase() != \"ul\") {\n tmp = node;\n node = node.nextSibling;\n if (tmp.nodeType == 3) {\n tmp.nodeValue = $.trim(tmp.nodeValue);\n }\n if (spriteRe.test(tmp.className)) {\n container.insertBefore(tmp, container.firstChild);\n } else {\n container.appendChild(tmp);\n }\n }\n }\n function updateNodeHtml(node) {\n var wrapper = node.children(\"div\"),\n group = node.children(\"ul\"),\n toggleButton = wrapper.children(\".k-icon\"),\n checkbox = node.children(\"input[type=checkbox]\"),\n innerWrapper = wrapper.children(\".k-in\");\n if (node.hasClass(\"k-treeview\")) {\n return;\n }\n if (!wrapper.length) {\n wrapper = $(\"\").prependTo(node);\n }\n if (!toggleButton.length && group.length) {\n toggleButton = $(\"\").prependTo(wrapper);\n } else if (!group.length || !group.children().length) {\n toggleButton.remove();\n group.remove();\n }\n if (checkbox.length) {\n $(\"\").appendTo(wrapper).append(checkbox);\n }\n if (!innerWrapper.length) {\n innerWrapper = node.children(\"a\").eq(0).addClass(\"k-in k-link\");\n if (!innerWrapper.length) {\n innerWrapper = $(\"\");\n }\n innerWrapper.appendTo(wrapper);\n if (wrapper.length) {\n moveContents(wrapper[0].nextSibling, innerWrapper[0]);\n }\n }\n }\n TreeView = kendo.ui.DataBoundWidget.extend({\n init: function init(element, options) {\n var that = this,\n inferred = false,\n hasDataSource = options && !!options.dataSource,\n list;\n if (isArray(options)) {\n options = {\n dataSource: options\n };\n }\n if (options && _typeof(options.loadOnDemand) == UNDEFINED && isArray(options.dataSource)) {\n options.loadOnDemand = false;\n }\n Widget.prototype.init.call(that, element, options);\n element = that.element;\n options = that.options;\n that._dataSourceUids = {};\n list = element.is(\"ul\") && element || element.hasClass(KTREEVIEW) && element.children(\"ul\");\n inferred = !hasDataSource && list.length;\n if (inferred) {\n options.dataSource.list = list;\n }\n that._animation();\n that._accessors();\n that._templates();\n\n // render treeview if it's not already rendered\n if (!element.hasClass(KTREEVIEW)) {\n that._wrapper();\n if (list) {\n that.root = element;\n that._group(that.wrapper);\n }\n } else {\n // otherwise just initialize properties\n that.wrapper = element;\n that.root = element.children(\"ul\").eq(0);\n }\n that._tabindex();\n that.wrapper.attr(\"role\", \"tree\");\n that._dataSource(inferred);\n that._attachEvents();\n that._dragging();\n if (!inferred) {\n if (options.autoBind) {\n that._progress(true);\n that.dataSource.fetch();\n }\n } else {\n that._syncHtmlAndDataSource();\n }\n if (options.checkboxes && options.checkboxes.checkChildren) {\n that.updateIndeterminate();\n }\n if (that.element[0].id) {\n that._ariaId = kendo.format(\"{0}_tv_active\", that.element[0].id);\n }\n kendo.notify(that);\n },\n _attachEvents: function _attachEvents() {\n var that = this,\n clickableItems = \".k-in:not(.k-state-selected,.k-state-disabled)\",\n MOUSEENTER = \"mouseenter\";\n that.wrapper.on(MOUSEENTER + NS, \".k-in.k-state-selected\", function (e) {\n e.preventDefault();\n }).on(MOUSEENTER + NS, clickableItems, function () {\n $(this).addClass(KSTATEHOVER);\n }).on(\"mouseleave\" + NS, clickableItems, function () {\n $(this).removeClass(KSTATEHOVER);\n }).on(CLICK + NS, clickableItems, proxy(that._click, that)).on(\"dblclick\" + NS, \".k-in:not(.k-state-disabled)\", proxy(that._toggleButtonClick, that)).on(CLICK + NS, \".k-i-expand,.k-i-collapse\", proxy(that._toggleButtonClick, that)).on(\"keydown\" + NS, proxy(that._keydown, that)).on(\"keypress\" + NS, proxy(that._keypress, that)).on(\"focus\" + NS, proxy(that._focus, that)).on(\"blur\" + NS, proxy(that._blur, that)).on(\"mousedown\" + NS, \".k-in,.k-checkbox-wrapper :checkbox,.k-i-expand,.k-i-collapse\", proxy(that._mousedown, that)).on(\"change\" + NS, \".k-checkbox-wrapper :checkbox\", proxy(that._checkboxChange, that)).on(\"click\" + NS, \".checkbox-span\", proxy(that._checkboxLabelClick, that)).on(\"click\" + NS, \".k-request-retry\", proxy(that._retryRequest, that)).on(\"click\" + NS, \".k-link.k-state-disabled\", function (e) {\n e.preventDefault();\n }).on(\"click\" + NS, function (e) {\n var target = $(e.target);\n if (!target.is(\":kendoFocusable\") && !target.find(\"input,select,textarea,button,object\").is(\":kendoFocusable\")) {\n that.focus();\n }\n });\n },\n _checkboxLabelClick: function _checkboxLabelClick(e) {\n var checkbox = $(e.target.previousSibling);\n if (checkbox.is(\"[disabled]\")) {\n return;\n }\n checkbox.prop('checked', !checkbox.prop('checked'));\n checkbox.trigger('change');\n },\n _syncHtmlAndDataSource: function _syncHtmlAndDataSource(root, dataSource) {\n root = root || this.root;\n dataSource = dataSource || this.dataSource;\n var data = dataSource.view(),\n uidAttr = kendo.attr(\"uid\"),\n expandedAttr = kendo.attr(\"expanded\"),\n checkboxesEnabled = this.options.checkboxes,\n items = root.children(\"li\"),\n i,\n item,\n dataItem,\n uid,\n itemCheckbox;\n for (i = 0; i < items.length; i++) {\n dataItem = data[i];\n uid = dataItem.uid;\n item = items.eq(i);\n item.attr(\"role\", \"treeitem\").attr(uidAttr, uid).attr(ARIASELECTED, item.hasClass(\"k-state-selected\"));\n dataItem.expanded = item.attr(expandedAttr) === \"true\";\n if (checkboxesEnabled) {\n itemCheckbox = checkboxes(item);\n dataItem.checked = itemCheckbox.prop(CHECKED);\n itemCheckbox.attr(\"id\", \"_\" + uid);\n itemCheckbox.next(\".k-checkbox-label\").attr(\"for\", \"_\" + uid);\n }\n this._syncHtmlAndDataSource(item.children(\"ul\"), dataItem.children);\n }\n },\n _animation: function _animation() {\n var options = this.options,\n animationOptions = options.animation,\n hasCollapseAnimation = animationOptions.collapse && \"effects\" in animationOptions.collapse,\n collapse = extend({}, animationOptions.expand, animationOptions.collapse);\n if (!hasCollapseAnimation) {\n collapse = extend(collapse, {\n reverse: true\n });\n }\n if (animationOptions === false) {\n animationOptions = {\n expand: {\n effects: {}\n },\n collapse: {\n hide: true,\n effects: {}\n }\n };\n }\n animationOptions.collapse = extend(collapse, {\n hide: true\n });\n options.animation = animationOptions;\n },\n _dragging: function _dragging() {\n var enabled = this.options.dragAndDrop;\n var dragging = this.dragging;\n if (enabled && !dragging) {\n var widget = this;\n this.dragging = new ui.HierarchicalDragAndDrop(this.element, {\n reorderable: true,\n $angular: this.options.$angular,\n autoScroll: this.options.autoScroll,\n filter: \"div:not(.k-state-disabled) .k-in\",\n allowedContainers: \".k-treeview\",\n itemSelector: \".k-treeview .k-item\",\n hintText: proxy(this._hintText, this),\n contains: function contains(source, destination) {\n return $.contains(source, destination);\n },\n dropHintContainer: function dropHintContainer(item) {\n return item;\n },\n itemFromTarget: function itemFromTarget(target) {\n var item = target.closest(\".k-top,.k-mid,.k-bot\");\n return {\n item: item,\n content: target.closest(\".k-in\"),\n first: item.hasClass(\"k-top\"),\n last: item.hasClass(\"k-bot\")\n };\n },\n dropPositionFrom: function dropPositionFrom(dropHint) {\n return dropHint.prevAll(\".k-in\").length > 0 ? \"after\" : \"before\";\n },\n dragstart: function dragstart(source) {\n return widget.trigger(DRAGSTART, {\n sourceNode: source[0]\n });\n },\n drag: function drag(options) {\n widget.trigger(DRAG, {\n originalEvent: options.originalEvent,\n sourceNode: options.source[0],\n dropTarget: options.target[0],\n pageY: options.pageY,\n pageX: options.pageX,\n statusClass: options.status,\n setStatusClass: options.setStatus\n });\n },\n drop: function drop(options) {\n var dropTarget = $(options.dropTarget);\n var navigationTarget = dropTarget.closest(\"a\");\n if (navigationTarget && navigationTarget.attr(\"href\")) {\n widget._tempPreventNavigation(navigationTarget);\n }\n return widget.trigger(DROP, {\n originalEvent: options.originalEvent,\n sourceNode: options.source,\n destinationNode: options.destination,\n valid: options.valid,\n setValid: function setValid(state) {\n this.valid = state;\n options.setValid(state);\n },\n dropTarget: options.dropTarget,\n dropPosition: options.position\n });\n },\n dragend: function dragend(options) {\n var source = options.source;\n var destination = options.destination;\n var position = options.position;\n function triggerDragEnd(source) {\n if (widget.options.checkboxes && widget.options.checkboxes.checkChildren) {\n widget.updateIndeterminate();\n }\n widget.trigger(DRAGEND, {\n originalEvent: options.originalEvent,\n sourceNode: source && source[0],\n destinationNode: destination[0],\n dropPosition: position\n });\n }\n\n // perform reorder / move\n // different handling is necessary because append might be async in remote bound tree\n if (position == \"over\") {\n widget.append(source, destination, triggerDragEnd);\n } else {\n if (position == \"before\") {\n source = widget.insertBefore(source, destination);\n } else if (position == \"after\") {\n source = widget.insertAfter(source, destination);\n }\n triggerDragEnd(source);\n }\n }\n });\n } else if (!enabled && dragging) {\n dragging.destroy();\n this.dragging = null;\n }\n },\n _tempPreventNavigation: function _tempPreventNavigation(node) {\n node.on(CLICK + NS + TEMP_NS, function (ev) {\n ev.preventDefault();\n node.off(CLICK + NS + TEMP_NS);\n });\n },\n _hintText: function _hintText(node) {\n return this.templates.dragClue({\n item: this.dataItem(node),\n treeview: this.options\n });\n },\n _templates: function _templates() {\n var that = this,\n options = that.options,\n fieldAccessor = proxy(that._fieldAccessor, that);\n if (options.template && _typeof(options.template) == STRING) {\n options.template = template(options.template);\n } else if (!options.template) {\n options.template = templateNoWith(\"# var text = \" + fieldAccessor(\"text\") + \"(data.item); #\" + \"# if (typeof data.item.encoded != 'undefined' && data.item.encoded === false) {#\" + \"#= text #\" + \"# } else { #\" + \"#: text #\" + \"# } #\");\n }\n that._checkboxes();\n that.templates = {\n setAttributes: function setAttributes(item) {\n var result = \"\";\n var attributes = item.attr || {};\n for (var attr in attributes) {\n if (attributes.hasOwnProperty(attr) && attr !== \"class\") {\n result += attr + \"=\\\"\" + attributes[attr] + \"\\\" \";\n }\n }\n return result;\n },\n wrapperCssClass: function wrapperCssClass(group, item) {\n var result = \"k-item\",\n index = item.index;\n if (group.firstLevel && index === 0) {\n result += \" k-first\";\n }\n if (index == group.length - 1) {\n result += \" k-last\";\n }\n return result;\n },\n cssClass: function cssClass(group, item) {\n var result = \"\",\n index = item.index,\n groupLength = group.length - 1;\n if (group.firstLevel && index === 0) {\n result += \"k-top \";\n }\n if (index === 0 && index != groupLength) {\n result += \"k-top\";\n } else if (index == groupLength) {\n result += \"k-bot\";\n } else {\n result += \"k-mid\";\n }\n return result;\n },\n textClass: function textClass(item, isLink) {\n var result = \"k-in\";\n if (isLink) {\n result += \" k-link\";\n }\n if (item.enabled === false) {\n result += \" k-state-disabled\";\n }\n if (item.selected === true) {\n result += \" k-state-selected\";\n }\n return result;\n },\n toggleButtonClass: function toggleButtonClass(item) {\n var result = \"k-icon\";\n if (item.expanded !== true) {\n result += \" k-i-expand\";\n } else {\n result += \" k-i-collapse\";\n }\n return result;\n },\n groupAttributes: function groupAttributes(group) {\n var attributes = \"\";\n if (!group.firstLevel) {\n attributes = \"role='group'\";\n }\n return attributes + (group.expanded !== true ? \" style='display:none'\" : \"\");\n },\n groupCssClass: function groupCssClass(group) {\n var cssClass = \"k-group\";\n if (group.firstLevel) {\n cssClass += \" k-treeview-lines\";\n }\n return cssClass;\n },\n dragClue: templateNoWith(\"#= data.treeview.template(data) #\"),\n group: templateNoWith(\"\" + \"#= data.renderItems(data) #\" + \" \"),\n itemContent: templateNoWith(\"# var imageUrl = \" + fieldAccessor(\"imageUrl\") + \"(data.item); #\" + \"# var spriteCssClass = \" + fieldAccessor(\"spriteCssClass\") + \"(data.item); #\" + \"# if (imageUrl) { #\" + \" \" + \"# } #\" + \"# if (spriteCssClass) { #\" + \"\" + \"# } #\" + \"#= data.treeview.template(data) #\"),\n itemElement: templateNoWith(\"# var item = data.item, r = data.r; #\" + \"# var url = \" + fieldAccessor(\"url\") + \"(item); #\" + \"\" + \"# if (item.hasChildren) { #\" + \"\" + \"# } #\" + \"# if (data.treeview.checkboxes) { #\" + \"\" + \"#= data.treeview.checkboxes.template(data) #\" + \"\" + \"# } #\" + \"# var tag = url ? 'a' : 'span'; #\" + \"# var textAttr = url ? ' href=\\\\'' + url + '\\\\'' : ''; #\" + \"<#=tag# class='#= r.textClass(item, !!url) #'#= textAttr #>\" + \"#= r.itemContent(data) #\" + \"\" + \" \"),\n item: templateNoWith(\"# var item = data.item, r = data.r; #\" + \"\" + \"#= r.itemElement(data) #\" + \"\"),\n loading: templateNoWith(\" #: data.messages.loading #\"),\n retry: templateNoWith(\"#: data.messages.requestFailed # \" + \"\")\n };\n },\n items: function items() {\n return this.element.find(\".k-item > div:first-child\");\n },\n setDataSource: function setDataSource(dataSource) {\n var options = this.options;\n options.dataSource = dataSource;\n this._dataSourceUids = {};\n this._dataSource();\n if (options.checkboxes && options.checkboxes.checkChildren) {\n this.dataSource.one(\"change\", $.proxy(this.updateIndeterminate, this, null));\n }\n if (this.options.autoBind) {\n this.dataSource.fetch();\n }\n },\n _bindDataSource: function _bindDataSource() {\n this._refreshHandler = proxy(this.refresh, this);\n this._errorHandler = proxy(this._error, this);\n this.dataSource.bind(CHANGE, this._refreshHandler);\n this.dataSource.bind(ERROR, this._errorHandler);\n },\n _unbindDataSource: function _unbindDataSource() {\n var dataSource = this.dataSource;\n if (dataSource) {\n dataSource.unbind(CHANGE, this._refreshHandler);\n dataSource.unbind(ERROR, this._errorHandler);\n }\n },\n _dataSource: function _dataSource(silentRead) {\n var that = this,\n options = that.options,\n dataSource = options.dataSource;\n function recursiveRead(data) {\n for (var i = 0; i < data.length; i++) {\n data[i]._initChildren();\n data[i].children.fetch();\n recursiveRead(data[i].children.view());\n }\n }\n dataSource = isArray(dataSource) ? {\n data: dataSource\n } : dataSource;\n that._unbindDataSource();\n if (!dataSource.fields) {\n dataSource.fields = [{\n field: \"text\"\n }, {\n field: \"url\"\n }, {\n field: \"spriteCssClass\"\n }, {\n field: \"imageUrl\"\n }];\n }\n that.dataSource = dataSource = HierarchicalDataSource.create(dataSource);\n if (silentRead) {\n dataSource.fetch();\n recursiveRead(dataSource.view());\n }\n that._bindDataSource();\n },\n events: [DRAGSTART, DRAG, DROP, DRAGEND, DATABOUND, EXPAND, COLLAPSE, SELECT, CHANGE, NAVIGATE, CHECK],\n options: {\n name: \"TreeView\",\n dataSource: {},\n animation: {\n expand: {\n effects: \"expand:vertical\",\n duration: 200\n },\n collapse: {\n duration: 100\n }\n },\n messages: {\n loading: \"Loading...\",\n requestFailed: \"Request failed.\",\n retry: \"Retry\"\n },\n dragAndDrop: false,\n checkboxes: false,\n autoBind: true,\n autoScroll: false,\n loadOnDemand: true,\n template: \"\",\n dataTextField: null\n },\n _accessors: function _accessors() {\n var that = this,\n options = that.options,\n i,\n field,\n textField,\n element = that.element;\n for (i in bindings) {\n field = options[bindings[i]];\n textField = element.attr(kendo.attr(i + \"-field\"));\n if (!field && textField) {\n field = textField;\n }\n if (!field) {\n field = i;\n }\n if (!isArray(field)) {\n field = [field];\n }\n options[bindings[i]] = field;\n }\n },\n // generates accessor function for a given field name, honoring the data*Field arrays\n _fieldAccessor: function _fieldAccessor(fieldName) {\n var fieldBindings = this.options[bindings[fieldName]],\n count = fieldBindings.length,\n result = \"(function(item) {\";\n if (count === 0) {\n result += \"return item['\" + fieldName + \"'];\";\n } else {\n result += \"var levels = [\" + $.map(fieldBindings, function (x) {\n return \"function(d){ return \" + kendo.expr(x) + \"}\";\n }).join(\",\") + \"];\";\n result += \"return levels[Math.min(item.level(), \" + count + \"-1)](item)\";\n }\n result += \"})\";\n return result;\n },\n setOptions: function setOptions(options) {\n Widget.fn.setOptions.call(this, options);\n this._animation();\n this._dragging();\n this._templates();\n },\n _trigger: function _trigger(eventName, node) {\n return this.trigger(eventName, {\n node: node.closest(NODE)[0]\n });\n },\n _setChecked: function _setChecked(datasource, value) {\n if (!datasource || !$.isFunction(datasource.view)) {\n return;\n }\n for (var i = 0, nodes = datasource.view(); i < nodes.length; i++) {\n if (nodes[i].enabled !== false) {\n this._setCheckedValue(nodes[i], value);\n }\n if (nodes[i].children) {\n this._setChecked(nodes[i].children, value);\n }\n }\n },\n _setCheckedValue: function _setCheckedValue(node, value) {\n node[CHECKED] = value;\n },\n _setIndeterminate: function _setIndeterminate(node) {\n var group = subGroup(node),\n siblings,\n length,\n all = true,\n i;\n if (!group.length) {\n return;\n }\n siblings = checkboxes(group.children());\n length = siblings.length;\n if (!length) {\n return;\n } else if (length > 1) {\n for (i = 1; i < length; i++) {\n if (siblings[i].checked != siblings[i - 1].checked || siblings[i].indeterminate || siblings[i - 1].indeterminate) {\n all = false;\n break;\n }\n }\n } else {\n all = !siblings[0].indeterminate;\n }\n node.attr(ARIACHECKED, all ? siblings[0].checked : \"mixed\");\n return checkboxes(node).data(INDETERMINATE, !all).prop(INDETERMINATE, !all).prop(CHECKED, all && siblings[0].checked);\n },\n updateIndeterminate: function updateIndeterminate(node) {\n // top-down update of inital indeterminate state for all nodes\n node = node || this.wrapper;\n var subnodes = subGroup(node).children();\n var i;\n var checkbox;\n var dataItem;\n if (subnodes.length) {\n for (i = 0; i < subnodes.length; i++) {\n this.updateIndeterminate(subnodes.eq(i));\n }\n if (node.is(\".k-treeview\")) {\n return;\n }\n checkbox = this._setIndeterminate(node);\n dataItem = this.dataItem(node);\n if (checkbox && checkbox.prop(CHECKED)) {\n dataItem.checked = true;\n } else {\n if (dataItem) {\n delete dataItem.checked;\n }\n }\n }\n },\n _bubbleIndeterminate: function _bubbleIndeterminate(node, skipDownward) {\n // bottom-up setting of indeterminate state of parent nodes\n if (!node.length) {\n return;\n }\n if (!skipDownward) {\n //update the indeterminate state of the node itself\n this.updateIndeterminate(node);\n }\n var parentNode = this.parent(node),\n checkbox;\n if (parentNode.length) {\n this._setIndeterminate(parentNode);\n checkbox = parentNode.children(\"div\").find(\".k-checkbox-wrapper input[type=checkbox]\");\n this._skip = true;\n if (checkbox.prop(INDETERMINATE) === false) {\n this.dataItem(parentNode).set(CHECKED, checkbox.prop(CHECKED));\n } else {\n // delete this.dataItem(parentNode).checked;\n this.dataItem(parentNode).set(CHECKED, false);\n }\n this._skip = false;\n this._bubbleIndeterminate(parentNode, true);\n }\n },\n _checkboxChange: function _checkboxChange(e) {\n var that = this;\n var checkbox = $(e.target);\n var isChecked = checkbox.prop(CHECKED);\n var node = checkbox.closest(NODE);\n var dataItem = this.dataItem(node);\n if (this._preventChange) {\n return;\n }\n if (dataItem.checked != isChecked) {\n dataItem.set(CHECKED, isChecked);\n node.attr(ARIACHECKED, isChecked);\n this._trigger(CHECK, node);\n }\n if (checkbox.is(\":focus\")) {\n that._trigger(NAVIGATE, node);\n that.focus();\n }\n },\n _toggleButtonClick: function _toggleButtonClick(e) {\n var node = $(e.currentTarget).closest(NODE);\n if (node.is(\"[aria-disabled='true']\")) {\n return;\n }\n this.toggle(node);\n },\n _mousedown: function _mousedown(e) {\n var that = this;\n var currentTarget = $(e.currentTarget);\n var node = $(e.currentTarget).closest(NODE);\n var browser = kendo.support.browser;\n if (node.is(\"[aria-disabled='true']\")) {\n return;\n }\n\n //IE does not trigger change for indeterminate checkboxes\n if ((browser.msie || browser.edge) && currentTarget.is(\":checkbox\")) {\n if (currentTarget.prop(INDETERMINATE)) {\n that._preventChange = false;\n currentTarget.prop(CHECKED, !currentTarget.prop(CHECKED));\n currentTarget.trigger(CHANGE);\n currentTarget.on(CLICK + NS, function (e) {\n e.preventDefault();\n });\n that._preventChange = true;\n } else {\n currentTarget.off(CLICK + NS);\n that._preventChange = false;\n }\n }\n that._clickTarget = node;\n that.current(node);\n },\n _focusable: function _focusable(node) {\n return node && node.length && node.is(\":visible\") && !node.find(\".k-in:first\").hasClass(DISABLED);\n },\n _focus: function _focus() {\n var current = this.select(),\n clickTarget = this._clickTarget;\n\n // suppress initial focus state on touch devices (until keyboard is used)\n if (kendo.support.touch) {\n return;\n }\n if (clickTarget && clickTarget.length) {\n current = clickTarget;\n }\n if (!this._focusable(current)) {\n current = this.current();\n }\n if (!this._focusable(current)) {\n current = this._nextVisible($());\n }\n this.current(current);\n },\n focus: function focus() {\n var wrapper = this.wrapper,\n scrollContainer = wrapper[0],\n containers = [],\n offsets = [],\n documentElement = document.documentElement,\n i;\n do {\n scrollContainer = scrollContainer.parentNode;\n if (scrollContainer.scrollHeight > scrollContainer.clientHeight) {\n containers.push(scrollContainer);\n offsets.push(scrollContainer.scrollTop);\n }\n } while (scrollContainer != documentElement);\n kendo.focusElement(wrapper);\n for (i = 0; i < containers.length; i++) {\n containers[i].scrollTop = offsets[i];\n }\n },\n _blur: function _blur() {\n this.current().find(\".k-in:first\").removeClass(\"k-state-focused\");\n },\n _enabled: function _enabled(node) {\n return !node.children(\"div\").children(\".k-in\").hasClass(DISABLED);\n },\n parent: function parent(node) {\n var wrapperRe = /\\bk-treeview\\b/,\n itemRe = /\\bk-item\\b/,\n result,\n skipSelf;\n if (_typeof(node) == STRING) {\n node = this.element.find(node);\n }\n if (!isDomElement(node)) {\n node = node[0];\n }\n skipSelf = itemRe.test(node.className);\n do {\n node = node.parentNode;\n if (itemRe.test(node.className)) {\n if (skipSelf) {\n result = node;\n } else {\n skipSelf = true;\n }\n }\n } while (!wrapperRe.test(node.className) && !result);\n return $(result);\n },\n _nextVisible: function _nextVisible(node) {\n var that = this,\n expanded = that._expanded(node),\n result;\n function nextParent(node) {\n while (node.length && !node.next().length) {\n node = that.parent(node);\n }\n if (node.next().length) {\n return node.next();\n } else {\n return node;\n }\n }\n if (!node.length || !node.is(\":visible\")) {\n result = that.root.children().eq(0);\n } else if (expanded) {\n result = subGroup(node).children().first();\n\n // expanded node with no children\n if (!result.length) {\n result = nextParent(node);\n }\n } else {\n result = nextParent(node);\n }\n return result;\n },\n _previousVisible: function _previousVisible(node) {\n var that = this,\n lastChild,\n result;\n if (!node.length || node.prev().length) {\n if (node.length) {\n result = node.prev();\n } else {\n result = that.root.children().last();\n }\n while (that._expanded(result)) {\n lastChild = subGroup(result).children().last();\n if (!lastChild.length) {\n break;\n }\n result = lastChild;\n }\n } else {\n result = that.parent(node) || node;\n }\n return result;\n },\n _keydown: function _keydown(e) {\n var that = this,\n key = e.keyCode,\n target,\n focused = that.current(),\n expanded = that._expanded(focused),\n checkbox = focused.find(\".k-checkbox-wrapper:first :checkbox\"),\n rtl = kendo.support.isRtl(that.element);\n if (e.target != e.currentTarget) {\n return;\n }\n if (!rtl && key == keys.RIGHT || rtl && key == keys.LEFT) {\n if (expanded) {\n target = that._nextVisible(focused);\n } else if (!focused.find(\".k-in:first\").hasClass(DISABLED)) {\n that.expand(focused);\n }\n } else if (!rtl && key == keys.LEFT || rtl && key == keys.RIGHT) {\n if (expanded && !focused.find(\".k-in:first\").hasClass(DISABLED)) {\n that.collapse(focused);\n } else {\n target = that.parent(focused);\n if (!that._enabled(target)) {\n target = undefined;\n }\n }\n } else if (key == keys.DOWN) {\n target = that._nextVisible(focused);\n } else if (key == keys.UP) {\n target = that._previousVisible(focused);\n } else if (key == keys.HOME) {\n target = that._nextVisible($());\n } else if (key == keys.END) {\n target = that._previousVisible($());\n } else if (key == keys.ENTER && !focused.find(\".k-in:first\").hasClass(DISABLED)) {\n if (!focused.find(\".k-in:first\").hasClass(\"k-state-selected\")) {\n if (!that._trigger(SELECT, focused)) {\n that.select(focused);\n }\n }\n } else if (key == keys.SPACEBAR && checkbox.length) {\n if (!focused.find(\".k-in:first\").hasClass(DISABLED)) {\n checkbox.prop(CHECKED, !checkbox.prop(CHECKED)).data(INDETERMINATE, false).prop(INDETERMINATE, false);\n that._checkboxChange({\n target: checkbox\n });\n }\n target = focused;\n }\n if (target) {\n e.preventDefault();\n if (focused[0] != target[0]) {\n that._trigger(NAVIGATE, target);\n that.current(target);\n }\n }\n },\n _keypress: function _keypress(e) {\n var that = this;\n var delay = 300;\n var focusedNode = that.current().get(0);\n var matchToFocus;\n var key = e.key;\n var isPrintable = key.length === 1;\n if (!isPrintable) {\n return;\n }\n if (!that._match) {\n that._match = \"\";\n }\n that._match += key;\n clearTimeout(that._matchTimer);\n that._matchTimer = setTimeout(function () {\n that._match = \"\";\n }, delay);\n matchToFocus = focusedNode && that._matchNextByText(Array.prototype.indexOf.call(that.element.find(\".k-item\"), focusedNode), that._match);\n if (!matchToFocus.length) {\n matchToFocus = that._matchNextByText(-1, that._match);\n }\n if (matchToFocus.get(0) && matchToFocus.get(0) !== focusedNode) {\n that._trigger(NAVIGATE, matchToFocus);\n that.current(matchToFocus);\n }\n },\n _matchNextByText: function _matchNextByText(startIndex, text) {\n var element = this.element;\n var textNodes = element.find(\".k-in\").filter(function (i, element) {\n return i > startIndex && $(element).is(\":visible\") && $(element).text().toLowerCase().indexOf(text) === 0;\n });\n return textNodes.eq(0).closest(NODE);\n },\n _click: function _click(e) {\n var that = this,\n node = $(e.currentTarget),\n contents = nodeContents(node.closest(NODE)),\n href = node.attr(\"href\"),\n shouldNavigate;\n if (href) {\n shouldNavigate = href == \"#\" || href.indexOf(\"#\" + this.element.id + \"-\") >= 0;\n } else {\n shouldNavigate = contents.length && !contents.children().length;\n }\n if (shouldNavigate) {\n e.preventDefault();\n }\n if (!node.hasClass(\".k-state-selected\") && !that._trigger(SELECT, node)) {\n that.select(node);\n }\n },\n _wrapper: function _wrapper() {\n var that = this,\n element = that.element,\n wrapper,\n root,\n wrapperClasses = \"k-widget k-treeview\";\n if (element.is(\"ul\")) {\n wrapper = element.wrap('').parent();\n root = element;\n } else {\n wrapper = element;\n root = wrapper.children(\"ul\").eq(0);\n }\n that.wrapper = wrapper.addClass(wrapperClasses);\n that.root = root;\n },\n _getSelectedNode: function _getSelectedNode() {\n return this.element.find(\".k-state-selected\").closest(NODE);\n },\n _group: function _group(item) {\n var that = this,\n firstLevel = item.hasClass(KTREEVIEW),\n group = {\n firstLevel: firstLevel,\n expanded: firstLevel || that._expanded(item)\n },\n groupElement = item.children(\"ul\");\n groupElement.addClass(that.templates.groupCssClass(group)).css(\"display\", group.expanded ? \"\" : \"none\");\n if (!firstLevel) {\n groupElement.attr(\"role\", \"group\");\n }\n that._nodes(groupElement, group);\n },\n _nodes: function _nodes(groupElement, groupData) {\n var that = this,\n nodes = groupElement.children(\"li\"),\n nodeData;\n groupData = extend({\n length: nodes.length\n }, groupData);\n nodes.each(function (i, node) {\n node = $(node);\n nodeData = {\n index: i,\n expanded: that._expanded(node)\n };\n updateNodeHtml(node);\n that._updateNodeClasses(node, groupData, nodeData);\n\n // iterate over child nodes\n that._group(node);\n });\n },\n _checkboxes: function _checkboxes() {\n var options = this.options;\n var checkboxes = options.checkboxes;\n var defaultTemplate;\n if (checkboxes) {\n defaultTemplate = \"\";\n checkboxes = extend({\n template: defaultTemplate\n }, options.checkboxes);\n if (_typeof(checkboxes.template) == STRING) {\n checkboxes.template = template(checkboxes.template);\n }\n options.checkboxes = checkboxes;\n }\n },\n _updateNodeClasses: function _updateNodeClasses(node, groupData, nodeData) {\n var wrapper = node.children(\"div\"),\n group = node.children(\"ul\"),\n templates = this.templates;\n if (node.hasClass(\"k-treeview\")) {\n return;\n }\n nodeData = nodeData || {};\n nodeData.expanded = _typeof(nodeData.expanded) != UNDEFINED ? nodeData.expanded : this._expanded(node);\n nodeData.index = _typeof(nodeData.index) != UNDEFINED ? nodeData.index : node.index();\n nodeData.enabled = _typeof(nodeData.enabled) != UNDEFINED ? nodeData.enabled : !wrapper.children(\".k-in\").hasClass(\"k-state-disabled\");\n groupData = groupData || {};\n groupData.firstLevel = _typeof(groupData.firstLevel) != UNDEFINED ? groupData.firstLevel : node.parent().parent().hasClass(KTREEVIEW);\n groupData.length = _typeof(groupData.length) != UNDEFINED ? groupData.length : node.parent().children().length;\n\n // li\n node.removeClass(\"k-first k-last\").addClass(templates.wrapperCssClass(groupData, nodeData));\n\n // div\n wrapper.removeClass(\"k-top k-mid k-bot\").addClass(templates.cssClass(groupData, nodeData));\n\n // span / a\n var textWrap = wrapper.children(\".k-in\");\n var isLink = textWrap[0] && textWrap[0].nodeName.toLowerCase() == \"a\";\n textWrap.removeClass(\"k-in k-link k-state-default k-state-disabled\").addClass(templates.textClass(nodeData, isLink));\n\n // toggle button\n if (group.length || node.attr(\"data-hasChildren\") == \"true\") {\n wrapper.children(\".k-icon\").removeClass(\"k-i-expand k-i-collapse\").addClass(templates.toggleButtonClass(nodeData));\n group.addClass(\"k-group\");\n }\n },\n _processNodes: function _processNodes(nodes, callback) {\n var that = this;\n var items = that.element.find(nodes);\n for (var i = 0; i < items.length; i++) {\n callback.call(that, i, $(items[i]).closest(NODE));\n }\n },\n dataItem: function dataItem(node) {\n var uid = $(node).closest(NODE).attr(kendo.attr(\"uid\")),\n dataSource = this.dataSource;\n return dataSource && dataSource.getByUid(uid);\n },\n _dataItem: function _dataItem(node) {\n var uid = $(node).closest(NODE).attr(kendo.attr(\"uid\")),\n dataSource = this.dataSource;\n return dataSource && this._dataSourceUids[uid];\n },\n _insertNode: function _insertNode(nodeData, index, parentNode, insertCallback, collapsed) {\n var that = this,\n group = subGroup(parentNode),\n updatedGroupLength = group.children().length + 1,\n childrenData,\n groupData = {\n firstLevel: parentNode.hasClass(KTREEVIEW),\n expanded: !collapsed,\n length: updatedGroupLength\n },\n node,\n i,\n item,\n nodeHtml = \"\",\n firstChild,\n lastChild,\n append = function append(item, group) {\n item.appendTo(group);\n };\n for (i = 0; i < nodeData.length; i++) {\n item = nodeData[i];\n item.index = index + i;\n nodeHtml += that._renderItem({\n group: groupData,\n item: item\n });\n }\n node = $(nodeHtml);\n if (!node.length) {\n return;\n }\n that.angular(\"compile\", function () {\n return {\n elements: node.get(),\n data: nodeData.map(function (item) {\n return {\n dataItem: item\n };\n })\n };\n });\n if (!group.length) {\n group = $(that._renderGroup({\n group: groupData\n })).appendTo(parentNode);\n }\n insertCallback(node, group);\n if (parentNode.hasClass(\"k-item\")) {\n updateNodeHtml(parentNode);\n that._updateNodeClasses(parentNode, groupData, {\n expanded: !collapsed\n });\n }\n firstChild = node.prev().first();\n lastChild = node.next().last();\n that._updateNodeClasses(firstChild, {}, {\n expanded: firstChild.attr(kendo.attr(\"expanded\")) == \"true\"\n });\n that._updateNodeClasses(lastChild, {}, {\n expanded: lastChild.attr(kendo.attr(\"expanded\")) == \"true\"\n });\n\n // render sub-nodes\n for (i = 0; i < nodeData.length; i++) {\n item = nodeData[i];\n if (item.hasChildren) {\n childrenData = item.children.data();\n if (childrenData.length) {\n that._insertNode(childrenData, item.index, node.eq(i), append, !item.expanded);\n }\n }\n }\n return node;\n },\n _updateNodes: function _updateNodes(items, field) {\n var that = this;\n var i, node, nodeWrapper, item, isChecked, isCollapsed;\n var context = {\n treeview: that.options,\n item: item\n };\n var render = field != \"expanded\" && field != \"checked\";\n function setCheckedState(root, state) {\n if (root.is(\".k-group\")) {\n root.find(\".k-item:not([aria-disabled])\").attr(ARIACHECKED, state);\n }\n root.find(\".k-checkbox-wrapper input[type=checkbox]:not([disabled])\").prop(CHECKED, state).data(INDETERMINATE, false).prop(INDETERMINATE, false);\n }\n if (field == \"selected\") {\n item = items[0];\n node = that.findByUid(item.uid).find(\".k-in:first\").removeClass(\"k-state-hover\").toggleClass(\"k-state-selected\", item[field]).end();\n if (item[field]) {\n that.current(node);\n }\n node.attr(ARIASELECTED, !!item[field]);\n } else {\n var elements = $.map(items, function (item) {\n return that.findByUid(item.uid).children(\"div\");\n });\n if (render) {\n that.angular(\"cleanup\", function () {\n return {\n elements: elements\n };\n });\n }\n for (i = 0; i < items.length; i++) {\n context.item = item = items[i];\n nodeWrapper = elements[i];\n node = nodeWrapper.parent();\n if (render) {\n nodeWrapper.children(\".k-in\").html(that.templates.itemContent(context));\n }\n if (field == CHECKED) {\n isChecked = item[field];\n setCheckedState(nodeWrapper, isChecked);\n node.attr(ARIACHECKED, isChecked);\n if (that.options.checkboxes.checkChildren) {\n setCheckedState(node.children(\".k-group\"), isChecked);\n that._setChecked(item.children, isChecked);\n that._bubbleIndeterminate(node);\n }\n } else if (field == \"expanded\") {\n that._toggle(node, item, item[field]);\n } else if (field == \"enabled\") {\n node.find(\".k-checkbox-wrapper input[type=checkbox]\").prop(\"disabled\", !item[field]);\n isCollapsed = !nodeContents(node).is(VISIBLE);\n node.removeAttr(ARIADISABLED);\n if (!item[field]) {\n if (item.selected) {\n item.set(\"selected\", false);\n }\n if (item.expanded) {\n item.set(\"expanded\", false);\n }\n isCollapsed = true;\n node.attr(ARIASELECTED, false).attr(ARIADISABLED, true);\n }\n that._updateNodeClasses(node, {}, {\n enabled: item[field],\n expanded: !isCollapsed\n });\n }\n if (nodeWrapper.length) {\n if (item._events && item._events.change) {\n item._events.change.splice(1);\n }\n this.trigger(\"itemChange\", {\n item: nodeWrapper,\n data: item,\n ns: ui\n });\n }\n }\n if (render) {\n that.angular(\"compile\", function () {\n return {\n elements: elements,\n data: $.map(items, function (item) {\n return [{\n dataItem: item\n }];\n })\n };\n });\n }\n }\n },\n _appendItems: function _appendItems(index, items, parentNode) {\n var group = subGroup(parentNode);\n var children = group.children();\n var collapsed = !this._expanded(parentNode);\n if (this.element === parentNode) {\n var dataItems = this.dataSource.data();\n var viewItems = this.dataSource.view();\n var rootItems = viewItems.length < dataItems.length ? viewItems : dataItems;\n index = rootItems.indexOf(items[0]);\n } else if (items.length) {\n index = items[0].parent().indexOf(items[0]);\n }\n if (_typeof(index) == UNDEFINED) {\n index = children.length;\n }\n this._insertNode(items, index, parentNode, function (item, group) {\n // insert node into DOM\n if (index >= children.length) {\n item.appendTo(group);\n } else {\n item.insertBefore(children.eq(index));\n }\n }, collapsed);\n if (!collapsed) {\n this._updateNodeClasses(parentNode, {}, {\n expanded: !collapsed\n });\n subGroup(parentNode).css(\"display\", \"block\");\n }\n },\n _refreshChildren: function _refreshChildren(parentNode, items, index) {\n var i, children, child;\n var options = this.options;\n var loadOnDemand = options.loadOnDemand;\n var checkChildren = options.checkboxes && options.checkboxes.checkChildren;\n subGroup(parentNode).empty();\n if (!items.length) {\n updateNodeHtml(parentNode);\n } else {\n this._appendItems(index, items, parentNode);\n children = subGroup(parentNode).children();\n if (loadOnDemand && checkChildren) {\n this._bubbleIndeterminate(children.last());\n }\n for (i = 0; i < children.length; i++) {\n child = children.eq(i);\n this.trigger(\"itemChange\", {\n item: child.children(\"div\"),\n data: items[i],\n ns: ui\n });\n }\n }\n },\n _refreshRoot: function _refreshRoot(items) {\n var groupHtml = this._renderGroup({\n items: items,\n group: {\n firstLevel: true,\n expanded: true\n }\n });\n if (this.root.length) {\n this._angularItems(\"cleanup\");\n var group = $(groupHtml);\n this.root.attr(\"class\", group.attr(\"class\")).html(group.html());\n } else {\n this.root = this.wrapper.html(groupHtml).children(\"ul\");\n }\n var elements = this.root.children(\".k-item\");\n for (var i = 0; i < items.length; i++) {\n this.trigger(\"itemChange\", {\n item: elements.eq(i),\n data: items[i],\n ns: ui\n });\n }\n this._angularItems(\"compile\");\n },\n refresh: function refresh(e) {\n var node = e.node;\n var action = e.action;\n var items = e.items;\n var parentNode = this.wrapper;\n var options = this.options;\n var loadOnDemand = options.loadOnDemand;\n var checkChildren = options.checkboxes && options.checkboxes.checkChildren;\n var i;\n if (this._skip) {\n return;\n }\n for (i = 0; i < items.length; i++) {\n this._dataSourceUids[items[i].uid] = items[i];\n }\n if (e.field) {\n if (!items[0] || !items[0].level) {\n return;\n }\n return this._updateNodes(items, e.field);\n }\n if (node) {\n parentNode = this.findByUid(node.uid);\n this._progress(parentNode, false);\n }\n if (checkChildren && action != \"remove\") {\n var bubble = false;\n for (i = 0; i < items.length; i++) {\n if (\"checked\" in items[i]) {\n bubble = true;\n break;\n }\n }\n if (!bubble && node && node.checked) {\n for (i = 0; i < items.length; i++) {\n items[i].checked = true;\n }\n }\n }\n if (action == \"add\") {\n this._appendItems(e.index, items, parentNode);\n } else if (action == \"remove\") {\n this._remove(this.findByUid(items[0].uid), false);\n } else if (action == \"itemchange\") {\n this._updateNodes(items);\n } else if (action == \"itemloaded\") {\n this._refreshChildren(parentNode, items, e.index);\n } else {\n this._refreshRoot(items);\n }\n if (action != \"remove\") {\n for (i = 0; i < items.length; i++) {\n if (!loadOnDemand || items[i].expanded || items[i]._loaded) {\n items[i].load();\n }\n }\n }\n this.trigger(DATABOUND, {\n node: node ? parentNode : undefined\n });\n if (this.dataSource.filter() && this.options.checkboxes.checkChildren) {\n this.updateIndeterminate(parentNode);\n }\n },\n _error: function _error(e) {\n var node = e.node && this.findByUid(e.node.uid);\n var retryHtml = this.templates.retry({\n messages: this.options.messages\n });\n if (node) {\n this._progress(node, false);\n this._expanded(node, false);\n nodeIcon(node).addClass(\"k-i-reload\");\n e.node.loaded(false);\n } else {\n this._progress(false);\n this.element.html(retryHtml);\n }\n },\n _retryRequest: function _retryRequest(e) {\n e.preventDefault();\n this.dataSource.fetch();\n },\n expand: function expand(nodes) {\n this._processNodes(nodes, function (index, item) {\n this.toggle(item, true);\n });\n },\n collapse: function collapse(nodes) {\n this._processNodes(nodes, function (index, item) {\n this.toggle(item, false);\n });\n },\n enable: function enable(nodes, _enable) {\n if (typeof nodes === \"boolean\") {\n _enable = nodes;\n nodes = this.items();\n } else {\n _enable = arguments.length == 2 ? !!_enable : true;\n }\n this._processNodes(nodes, function (index, item) {\n this.dataItem(item).set(\"enabled\", _enable);\n });\n },\n current: function current(node) {\n var that = this,\n current = that._current,\n element = that.element,\n id = that._ariaId;\n if (arguments.length > 0 && node && node.length) {\n if (current) {\n if (current[0].id === id) {\n current.removeAttr(\"id\");\n }\n current.find(\".k-in:first\").removeClass(\"k-state-focused\");\n }\n current = that._current = $(node, element).closest(NODE);\n current.find(\".k-in:first\").addClass(\"k-state-focused\");\n id = current[0].id || id;\n if (id) {\n that.wrapper.removeAttr(\"aria-activedescendant\");\n current.attr(\"id\", id);\n that.wrapper.attr(\"aria-activedescendant\", id);\n }\n return;\n }\n if (!current) {\n current = that._nextVisible($());\n }\n return current;\n },\n select: function select(node) {\n var that = this,\n element = that.element;\n if (!arguments.length) {\n return element.find(\".k-state-selected\").closest(NODE);\n }\n node = $(node, element).closest(NODE);\n element.find(\".k-state-selected\").each(function () {\n var dataItem = that.dataItem(this);\n if (dataItem) {\n dataItem.set(\"selected\", false);\n delete dataItem.selected;\n } else {\n $(this).removeClass(\"k-state-selected\");\n }\n });\n if (node.length) {\n that.dataItem(node).set(\"selected\", true);\n that._clickTarget = node;\n }\n that.trigger(CHANGE);\n },\n _toggle: function _toggle(node, dataItem, expand) {\n var options = this.options;\n var contents = nodeContents(node);\n var direction = expand ? \"expand\" : \"collapse\";\n var loaded;\n if (contents.data(\"animating\")) {\n return;\n }\n loaded = dataItem && dataItem.loaded();\n if (expand && !loaded) {\n if (options.loadOnDemand) {\n this._progress(node, true);\n }\n contents.remove();\n dataItem.load();\n } else {\n this._updateNodeClasses(node, {}, {\n expanded: expand\n });\n if (!expand) {\n contents.css(\"height\", contents.height()).css(\"height\");\n }\n contents.kendoStop(true, true).kendoAnimate(extend({\n reset: true\n }, options.animation[direction], {\n complete: function complete() {\n if (expand) {\n contents.css(\"height\", \"\");\n }\n }\n }));\n }\n },\n toggle: function toggle(node, expand) {\n node = $(node);\n if (!nodeIcon(node).is(\".k-i-expand, .k-i-collapse\")) {\n return;\n }\n if (arguments.length == 1) {\n expand = !this._expanded(node);\n }\n this._expanded(node, expand);\n },\n destroy: function destroy() {\n var that = this;\n Widget.fn.destroy.call(that);\n that.wrapper.off(NS);\n that.wrapper.find(\".k-checkbox-wrapper :checkbox\").off(NS);\n that._unbindDataSource();\n if (that.dragging) {\n that.dragging.destroy();\n }\n that._dataSourceUids = {};\n kendo.destroy(that.element);\n that.root = that.wrapper = that.element = null;\n },\n _expanded: function _expanded(node, value, force) {\n var expandedAttr = kendo.attr(\"expanded\");\n var dataItem;\n var expanded = value;\n var direction = expanded ? \"expand\" : \"collapse\";\n if (arguments.length == 1) {\n dataItem = this._dataItem(node);\n return node.attr(expandedAttr) === \"true\" || dataItem && dataItem.expanded;\n }\n dataItem = this.dataItem(node);\n if (nodeContents(node).data(\"animating\")) {\n return;\n }\n if (force || !this._trigger(direction, node)) {\n if (expanded) {\n node.attr(expandedAttr, \"true\");\n node.attr(\"aria-expanded\", \"true\");\n } else {\n node.removeAttr(expandedAttr);\n node.attr(\"aria-expanded\", \"false\");\n }\n if (dataItem) {\n dataItem.set(\"expanded\", expanded);\n // necessary when expanding an item yields an error and the item is not expanded as a result\n expanded = dataItem.expanded;\n }\n }\n },\n _progress: function _progress(node, showProgress) {\n var element = this.element;\n var loadingText = this.templates.loading({\n messages: this.options.messages\n });\n if (arguments.length == 1) {\n showProgress = node;\n if (showProgress) {\n element.html(loadingText);\n } else {\n element.empty();\n }\n } else {\n nodeIcon(node).toggleClass(\"k-i-loading\", showProgress).removeClass(\"k-i-reload\");\n }\n },\n text: function text(node, _text) {\n var dataItem = this.dataItem(node),\n fieldBindings = this.options[bindings.text],\n level = dataItem.level(),\n length = fieldBindings.length,\n field = fieldBindings[Math.min(level, length - 1)];\n if (_text) {\n dataItem.set(field, _text);\n } else {\n return dataItem[field];\n }\n },\n _objectOrSelf: function _objectOrSelf(node) {\n return $(node).closest(\"[data-role=treeview]\").data(\"kendoTreeView\") || this;\n },\n _dataSourceMove: function _dataSourceMove(nodeData, group, parentNode, callback) {\n var referenceDataItem,\n destTreeview = this._objectOrSelf(parentNode || group),\n destDataSource = destTreeview.dataSource;\n var loadPromise = $.Deferred().resolve().promise();\n if (parentNode && parentNode[0] != destTreeview.element[0]) {\n referenceDataItem = destTreeview.dataItem(parentNode);\n if (!referenceDataItem.loaded()) {\n destTreeview._progress(parentNode, true);\n loadPromise = referenceDataItem.load();\n }\n if (parentNode != this.root) {\n destDataSource = referenceDataItem.children;\n if (!destDataSource || !(destDataSource instanceof HierarchicalDataSource)) {\n referenceDataItem._initChildren();\n referenceDataItem.loaded(true);\n destDataSource = referenceDataItem.children;\n }\n }\n }\n nodeData = this._toObservableData(nodeData);\n return callback.call(destTreeview, destDataSource, nodeData, loadPromise);\n },\n _toObservableData: function _toObservableData(node) {\n var dataItem = node,\n dataSource,\n uid;\n if (isJQueryInstance(node) || isDomElement(node)) {\n dataSource = this._objectOrSelf(node).dataSource;\n uid = $(node).attr(kendo.attr(\"uid\"));\n dataItem = dataSource.getByUid(uid);\n if (dataItem) {\n dataItem = dataSource.remove(dataItem);\n }\n }\n return dataItem;\n },\n _insert: function _insert(data, model, index) {\n if (!(model instanceof kendo.data.ObservableArray)) {\n if (!isArray(model)) {\n model = [model];\n }\n } else {\n // items will be converted to new Node instances\n model = model.toJSON();\n }\n var parentNode = data.parent();\n if (parentNode && parentNode._initChildren) {\n parentNode.hasChildren = true;\n parentNode._initChildren();\n }\n data.splice.apply(data, [index, 0].concat(model));\n return this.findByUid(data[index].uid);\n },\n insertAfter: insertAction(1),\n insertBefore: insertAction(0),\n append: function append(nodeData, parentNode, success) {\n var group = this.root;\n if (parentNode && nodeData instanceof jQuery && parentNode[0] === nodeData[0]) {\n return;\n }\n parentNode = parentNode && parentNode.length ? parentNode : null;\n if (parentNode) {\n group = subGroup(parentNode);\n }\n return this._dataSourceMove(nodeData, group, parentNode, function (dataSource, model, loadModel) {\n var inserted;\n var that = this;\n function add() {\n if (parentNode) {\n that._expanded(parentNode, true, true);\n }\n var data = dataSource.data(),\n index = Math.max(data.length, 0);\n return that._insert(data, model, index);\n }\n loadModel.done(function () {\n inserted = add();\n success = success || $.noop;\n success(inserted);\n });\n return inserted || null;\n });\n },\n _remove: function _remove(node, keepData) {\n var that = this,\n parentNode,\n prevSibling,\n nextSibling;\n node = $(node, that.element);\n this.angular(\"cleanup\", function () {\n return {\n elements: node.get()\n };\n });\n parentNode = node.parent().parent();\n prevSibling = node.prev();\n nextSibling = node.next();\n node[keepData ? \"detach\" : \"remove\"]();\n if (parentNode.hasClass(\"k-item\")) {\n updateNodeHtml(parentNode);\n that._updateNodeClasses(parentNode);\n }\n that._updateNodeClasses(prevSibling);\n that._updateNodeClasses(nextSibling);\n return node;\n },\n remove: function remove(node) {\n var dataItem = this.dataItem(node);\n if (dataItem) {\n this.dataSource.remove(dataItem);\n }\n },\n detach: function detach(node) {\n return this._remove(node, true);\n },\n findByText: function findByText(text) {\n return $(this.element).find(\".k-in\").filter(function (i, element) {\n return $(element).text() == text;\n }).closest(NODE);\n },\n findByUid: function findByUid(uid) {\n var items = this.element.find(\".k-item\");\n var uidAttr = kendo.attr(\"uid\");\n var result;\n for (var i = 0; i < items.length; i++) {\n if (items[i].getAttribute(uidAttr) == uid) {\n result = items[i];\n break;\n }\n }\n return $(result);\n },\n expandPath: function expandPath(path, complete) {\n var treeview = this;\n var nodeIds = path.slice(0);\n var callback = complete || $.noop;\n function proceed() {\n nodeIds.shift();\n if (nodeIds.length) {\n expand(nodeIds[0]).then(proceed);\n } else {\n callback.call(treeview);\n }\n }\n function expand(id) {\n var result = $.Deferred();\n var node = treeview.dataSource.get(id);\n if (node) {\n if (node.loaded()) {\n node.set(\"expanded\", true);\n result.resolve();\n } else {\n // manually show progress of the node\n // should be moved to `refresh`\n // if the datasource starts triggering a `requestStart` event for nodes\n treeview._progress(treeview.findByUid(node.uid), true);\n node.load().then(function () {\n node.set(\"expanded\", true);\n result.resolve();\n });\n }\n } else {\n result.resolve();\n }\n return result.promise();\n }\n\n // expand async nodes\n expand(nodeIds[0]).then(proceed);\n },\n _parentIds: function _parentIds(node) {\n var parent = node && node.parentNode();\n var parents = [];\n while (parent && parent.parentNode) {\n parents.unshift(parent.id);\n parent = parent.parentNode();\n }\n return parents;\n },\n expandTo: function expandTo(node) {\n if (!(node instanceof kendo.data.Node)) {\n node = this.dataSource.get(node);\n }\n var parents = this._parentIds(node);\n this.expandPath(parents);\n },\n _renderItem: function _renderItem(options) {\n if (!options.group) {\n options.group = {};\n }\n options.treeview = this.options;\n options.r = this.templates;\n return this.templates.item(options);\n },\n _renderGroup: function _renderGroup(options) {\n var that = this;\n options.renderItems = function (options) {\n var html = \"\",\n i = 0,\n items = options.items,\n len = items ? items.length : 0,\n group = options.group;\n group.length = len;\n for (; i < len; i++) {\n options.group = group;\n options.item = items[i];\n options.item.index = i;\n html += that._renderItem(options);\n }\n return html;\n };\n options.r = that.templates;\n return that.templates.group(options);\n }\n });\n ui.plugin(TreeView);\n })(window.kendo.jQuery);\n return window.kendo;\n }, __webpack_require__(3));\n\n /* WEBPACK VAR INJECTION */\n }).call(exports, __webpack_require__(1017));\n\n /***/\n })\n\n /******/\n});","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nmodule.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n module.exports = __webpack_require__(1247);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/1027: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.data\");\n\n /***/\n }),\n /***/1054: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.popup\");\n\n /***/\n }),\n /***/1247: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(1054), __webpack_require__(1027)], __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 })(function () {\n var __meta__ = {\n // jshint ignore:line\n id: \"menu\",\n name: \"Menu\",\n category: \"web\",\n description: \"The Menu widget displays hierarchical data as a multi-level menu.\",\n depends: [\"popup\", \"data\", \"data.odata\"]\n };\n (function ($, undefined) {\n var kendo = window.kendo,\n ui = kendo.ui,\n activeElement = kendo._activeElement,\n touch = kendo.support.touch && kendo.support.mobileOS,\n isArray = $.isArray,\n HierarchicalDataSource = kendo.data.HierarchicalDataSource,\n MOUSEDOWN = \"mousedown\",\n CLICK = \"click\",\n DELAY = 30,\n SCROLLSPEED = 50,\n extend = $.extend,\n proxy = $.proxy,\n each = $.each,\n template = kendo.template,\n keys = kendo.keys,\n Widget = ui.Widget,\n excludedNodesRegExp = /^(ul|a|div)$/i,\n NS = \".kendoMenu\",\n IMG = \"img\",\n OPEN = \"open\",\n MENU = \"k-menu\",\n LINK = \"k-link k-menu-link\",\n LINK_SELECTOR = \".k-link\",\n ICON_SELECTOR = \".k-menu-expand-arrow\",\n LAST = \"k-last\",\n CLOSE = \"close\",\n TIMER = \"timer\",\n FIRST = \"k-first\",\n IMAGE = \"k-image\",\n SELECT = \"select\",\n ZINDEX = \"zIndex\",\n ACTIVATE = \"activate\",\n DEACTIVATE = \"deactivate\",\n POINTERDOWN = \"touchstart\" + NS + \" MSPointerDown\" + NS + \" pointerdown\" + NS,\n pointers = kendo.support.pointers,\n msPointers = kendo.support.msPointers,\n allPointers = msPointers || pointers,\n CHANGE = \"change\",\n ERROR = \"error\",\n TOUCHSTART = kendo.support.touch ? \"touchstart\" : \"\",\n MOUSEENTER = pointers ? \"pointerover\" : msPointers ? \"MSPointerOver\" : \"mouseenter\",\n MOUSELEAVE = pointers ? \"pointerout\" : msPointers ? \"MSPointerOut\" : \"mouseleave\",\n MOUSEWHEEL = \"DOMMouseScroll\" + NS + \" mousewheel\" + NS,\n RESIZE = kendo.support.resize + NS,\n SCROLLWIDTH = \"scrollWidth\",\n SCROLLHEIGHT = \"scrollHeight\",\n OFFSETWIDTH = \"offsetWidth\",\n OFFSETHEIGHT = \"offsetHeight\",\n POPUP_ID_ATTR = \"group\",\n POPUP_OPENER_ATTR = \"groupparent\",\n DOCUMENT_ELEMENT = $(document.documentElement),\n KENDOPOPUP = \"kendoPopup\",\n DEFAULTSTATE = \"k-state-default\",\n HOVERSTATE = \"k-state-hover\",\n FOCUSEDSTATE = \"k-state-focused\",\n DISABLEDSTATE = \"k-state-disabled\",\n SELECTEDSTATE = \"k-state-selected\",\n menuSelector = \".k-menu\",\n groupSelector = \".k-menu-group\",\n animationContainerSelector = \".k-animation-container\",\n popupSelector = groupSelector + \",\" + animationContainerSelector,\n allItemsSelector = \":not(.k-list) > .k-item\",\n disabledSelector = \".k-item.k-state-disabled\",\n itemSelector = \".k-item\",\n availableItemsSelector = \".k-item:not(.k-state-disabled)\",\n linkSelector = \".k-item:not(.k-state-disabled) > .k-link\",\n exclusionSelector = \":not(.k-item.k-separator)\",\n nextSelector = itemSelector + exclusionSelector + \":eq(0)\",\n lastSelector = itemSelector + exclusionSelector + \":last\",\n templateSelector = \"div:not(.k-animation-container,.k-list-container)\",\n scrollButtonSelector = \".k-menu-scroll-button\",\n touchPointerTypes = {\n \"2\": 1,\n \"touch\": 1\n },\n STRING = \"string\",\n DATABOUND = \"dataBound\",\n bindings = {\n text: \"dataTextField\",\n url: \"dataUrlField\",\n spriteCssClass: \"dataSpriteCssClassField\",\n imageUrl: \"dataImageUrlField\",\n imageAttr: \"dataImageAttrField\",\n content: \"dataContentField\"\n },\n rendering = {\n wrapperCssClass: function wrapperCssClass(group, item) {\n var result = \"k-item k-menu-item\",\n index = item.index;\n if (item.enabled === false) {\n result += \" k-state-disabled\";\n } else {\n result += \" k-state-default\";\n }\n if (group.firstLevel && index === 0) {\n result += \" k-first\";\n }\n if (index == group.length - 1) {\n result += \" k-last\";\n }\n if (item.cssClass) {\n result += \" \" + item.cssClass;\n }\n if (item.attr && item.attr.hasOwnProperty(\"class\")) {\n result += \" \" + item.attr[\"class\"];\n }\n if (item.selected) {\n result += \" \" + SELECTEDSTATE;\n }\n return result;\n },\n itemCssAttributes: function itemCssAttributes(item) {\n var result = \"\";\n var attributes = item.attr || {};\n for (var attr in attributes) {\n if (attributes.hasOwnProperty(attr) && attr !== \"class\") {\n result += attr + \"=\\\"\" + attributes[attr] + \"\\\" \";\n }\n }\n return result;\n },\n imageCssAttributes: function imageCssAttributes(imgAttributes) {\n var result = \"\";\n var attributes = imgAttributes && imgAttributes.toJSON ? imgAttributes.toJSON() : {};\n if (!attributes['class']) {\n attributes['class'] = IMAGE;\n } else {\n attributes['class'] += \" \" + IMAGE;\n }\n for (var attr in attributes) {\n if (attributes.hasOwnProperty(attr)) {\n result += attr + \"=\\\"\" + attributes[attr] + \"\\\" \";\n }\n }\n return result;\n },\n contentCssAttributes: function contentCssAttributes(item) {\n var result = \"\";\n var attributes = item.contentAttr || {};\n var defaultClasses = \"k-content k-group k-menu-group\";\n if (!attributes['class']) {\n attributes['class'] = defaultClasses;\n } else {\n attributes['class'] += \" \" + defaultClasses;\n }\n for (var attr in attributes) {\n if (attributes.hasOwnProperty(attr)) {\n result += attr + \"=\\\"\" + attributes[attr] + \"\\\" \";\n }\n }\n return result;\n },\n textClass: function textClass() {\n return LINK;\n },\n arrowClass: function arrowClass(item, group) {\n var result = \"k-menu-expand-arrow k-icon\";\n if (group.horizontal) {\n result += \" k-i-arrow-60-down\";\n } else {\n result += \" k-i-arrow-60-right\";\n }\n return result;\n },\n groupAttributes: function groupAttributes(group) {\n return group.expanded !== true ? \" style='display:none'\" : \"\";\n },\n groupCssClass: function groupCssClass() {\n return \"k-group k-menu-group\";\n },\n content: function content(item) {\n return item.content ? item.content : \" \";\n }\n };\n function getEffectDirection(direction, root) {\n direction = direction.split(\" \")[!root + 0] || direction;\n return direction.replace(\"top\", \"up\").replace(\"bottom\", \"down\");\n }\n function parseDirection(direction, root, isRtl) {\n direction = direction.split(\" \")[!root + 0] || direction;\n var output = {\n origin: [\"bottom\", isRtl ? \"right\" : \"left\"],\n position: [\"top\", isRtl ? \"right\" : \"left\"]\n },\n horizontal = /left|right/.test(direction);\n if (horizontal) {\n output.origin = [\"top\", direction];\n output.position[1] = kendo.directions[direction].reverse;\n } else {\n output.origin[0] = direction;\n output.position[0] = kendo.directions[direction].reverse;\n }\n output.origin = output.origin.join(\" \");\n output.position = output.position.join(\" \");\n return output;\n }\n function contains(parent, child) {\n try {\n return $.contains(parent, child);\n } catch (e) {\n return false;\n }\n }\n function updateItemClasses(item) {\n item = $(item);\n item.addClass(\"k-item k-menu-item\").children(IMG).addClass(IMAGE);\n item.children(\"a\").addClass(LINK).children(IMG).addClass(IMAGE);\n item.filter(\":not([disabled])\").addClass(DEFAULTSTATE);\n item.filter(\".k-separator\").removeClass(\"k-menu-item\").addClass(\"k-menu-separator\").empty().append(\" \");\n item.filter(\"li[disabled]\").addClass(DISABLEDSTATE).removeAttr(\"disabled\").attr(\"aria-disabled\", true);\n if (!item.filter(\"[role]\").length) {\n item.attr(\"role\", \"menuitem\");\n }\n if (!item.children(LINK_SELECTOR).length) {\n item.contents() // exclude groups, real links, templates and empty text nodes\n .filter(function () {\n return !this.nodeName.match(excludedNodesRegExp) && !(this.nodeType == 3 && !$.trim(this.nodeValue));\n }).wrapAll(\"\");\n }\n updateArrow(item);\n updateFirstLast(item);\n }\n function updateArrow(item) {\n item = $(item);\n item.find(\"> .k-link > [class*=k-i-arrow-60]:not(.k-sprite)\").remove();\n item.filter(\":has(.k-menu-group)\").children(\".k-link:not(:has([class*=k-i-arrow]:not(.k-sprite)))\").each(function () {\n var item = $(this),\n arrowCssClass = getArrowCssClass(item);\n item.append(\"\");\n });\n }\n function getArrowCssClass(item) {\n var arrowCssClass,\n parent = item.parent().parent(),\n isRtl = kendo.support.isRtl(parent);\n if (parent.hasClass(MENU + \"-horizontal\")) {\n arrowCssClass = \"k-i-arrow-60-down\";\n } else {\n if (isRtl) {\n arrowCssClass = \"k-i-arrow-60-left\";\n } else {\n arrowCssClass = \"k-i-arrow-60-right\";\n }\n }\n return arrowCssClass;\n }\n function updateFirstLast(item) {\n item = $(item);\n item.filter(\".k-first:not(:first-child)\").removeClass(FIRST);\n item.filter(\".k-last:not(:last-child)\").removeClass(LAST);\n item.filter(\":first-child\").addClass(FIRST);\n item.filter(\":last-child\").addClass(LAST);\n }\n function updateHasAriaPopup(parents) {\n if (parents && parents.length) {\n for (var index in parents) {\n var parentLi = parents.eq(index);\n if (parentLi.find(\"ul\").length) {\n parentLi.attr(\"aria-haspopup\", true);\n } else {\n parentLi.removeAttr(\"aria-haspopup\");\n }\n }\n }\n }\n function getParentLiItems(group) {\n if (!group.hasClass(MENU)) {\n return group.parentsUntil(\".\" + MENU, \"li\");\n }\n }\n function storeItemSelectEventHandler(element, options) {\n var selectHandler = getItemSelectEventHandler(options);\n if (selectHandler) {\n setItemData(element, selectHandler);\n }\n if (options.items) {\n $(element).children(\"ul\").children(\"li\").each(function (i) {\n storeItemSelectEventHandler(this, options.items[i]);\n });\n }\n }\n function setItemData(element, selectHandler) {\n $(element).children(\".k-link\").data({\n selectHandler: selectHandler\n });\n }\n function getItemSelectEventHandler(options) {\n var selectHandler = options.select,\n isFunction = kendo.isFunction;\n if (selectHandler && isFunction(selectHandler)) {\n return selectHandler;\n }\n return null;\n }\n function popupOpenerSelector(id) {\n return id ? \"li[data-groupparent='\" + id + \"']\" : \"li[data-groupparent]\";\n }\n function popupGroupSelector(id) {\n var selector = id ? \"[data-group='\" + id + \"']\" : \"[data-group]\";\n return \"ul\" + selector + \",div\" + selector;\n }\n function getChildPopups(currentPopup, overflowWrapper) {\n var childPopupOpener = currentPopup.find(popupOpenerSelector());\n var result = [];\n childPopupOpener.each(function (i, opener) {\n opener = $(opener);\n var popupId = opener.data(POPUP_OPENER_ATTR);\n var popup = currentPopup;\n while (popupId) {\n popup = overflowWrapper.find(popupGroupSelector(popupId) + \":visible\");\n if (popup.length) {\n result.push(popup);\n }\n opener = popup.find(popupOpenerSelector());\n popupId = opener.data(POPUP_OPENER_ATTR);\n }\n });\n return result;\n }\n function popupParentItem(popupElement, overflowWrapper) {\n var popupId = popupElement.data(POPUP_ID_ATTR);\n return popupId ? overflowWrapper.find(popupOpenerSelector(popupId)) : $([]);\n }\n function itemPopup(item, overflowWrapper) {\n var popupId = item.data(POPUP_OPENER_ATTR);\n return popupId ? overflowWrapper.children(animationContainerSelector).children(popupGroupSelector(popupId)) : $([]);\n }\n function overflowMenuParents(current, overflowWrapper) {\n var parents = [];\n var getParents = function getParents(item) {\n while (item.parentNode && !overflowWrapper.is(item.parentNode)) {\n parents.push(item.parentNode);\n item = item.parentNode;\n }\n };\n var elem = current[0] || current;\n getParents(elem);\n var last = parents[parents.length - 1];\n while ($(last).is(animationContainerSelector)) {\n var popupElement = $(last).children(\"ul\");\n elem = popupParentItem(popupElement, overflowWrapper)[0];\n if (!elem) {\n break;\n }\n parents.push(elem);\n getParents(elem);\n last = parents[parents.length - 1];\n }\n return parents;\n }\n function mousewheelDelta(e) {\n var delta = 0;\n if (e.wheelDelta) {\n delta = -e.wheelDelta / 120;\n delta = delta > 0 ? Math.ceil(delta) : Math.floor(delta);\n }\n if (e.detail) {\n delta = Math.round(e.detail / 3);\n }\n return delta;\n }\n function parentsScroll(current, scrollDirection) {\n var scroll = 0;\n var parent = current.parentNode;\n while (parent && !isNaN(parent[scrollDirection])) {\n scroll += parent[scrollDirection];\n parent = parent.parentNode;\n }\n return scroll;\n }\n function isPointerTouch(e) {\n return allPointers && e.originalEvent && e.originalEvent.pointerType in touchPointerTypes;\n }\n function isTouch(e) {\n var ev = e.originalEvent;\n return touch && /touch/i.test(ev.type || \"\");\n }\n function removeSpacesBetweenItems(ul) {\n ul.contents().filter(function () {\n return this.nodeName != \"LI\";\n }).remove();\n }\n var Menu = kendo.ui.DataBoundWidget.extend({\n init: function init(element, options) {\n var that = this;\n Widget.fn.init.call(that, element, options);\n element = that.wrapper = that.element;\n options = that.options;\n that._accessors();\n that._templates();\n that._dataSource();\n that._updateClasses();\n that._animations(options);\n that.nextItemZIndex = 100;\n that._tabindex();\n that._initOverflow(options);\n that._attachMenuEventsHandlers();\n if (options.openOnClick) {\n that.clicked = false;\n }\n element.attr(\"role\", \"menubar\");\n if (element[0].id) {\n that._ariaId = kendo.format(\"{0}_mn_active\", element[0].id);\n }\n kendo.notify(that);\n },\n events: [OPEN, CLOSE, ACTIVATE, DEACTIVATE, SELECT, DATABOUND],\n options: {\n name: \"Menu\",\n animation: {\n open: {\n duration: 200\n },\n close: {\n // if close animation effects are defined, they will be used instead of open.reverse\n duration: 100\n }\n },\n orientation: \"horizontal\",\n direction: \"default\",\n openOnClick: false,\n closeOnClick: true,\n hoverDelay: 100,\n scrollable: false,\n popupCollision: undefined\n },\n _initData: function _initData() {\n var that = this;\n if (that.dataSource) {\n that.angular(\"cleanup\", function () {\n return {\n elements: that.element.children()\n };\n });\n that.element.empty();\n that.append(that.dataSource.view(), that.element);\n that.angular(\"compile\", function () {\n return {\n elements: that.element.children()\n };\n });\n }\n },\n _attachMenuEventsHandlers: function _attachMenuEventsHandlers() {\n var that = this;\n var element = that.element;\n var options = that.options;\n var overflowWrapper = that._overflowWrapper();\n (overflowWrapper || element).on(POINTERDOWN, itemSelector, proxy(that._focusHandler, that)).on(CLICK + NS, disabledSelector, false).on(CLICK + NS, itemSelector, proxy(that._click, that)).on(POINTERDOWN + \" \" + MOUSEDOWN + NS, \".k-content\", proxy(that._preventClose, that)).on(MOUSEENTER + NS, availableItemsSelector, proxy(that._mouseenter, that)).on(MOUSELEAVE + NS, availableItemsSelector, proxy(that._mouseleave, that)).on(MOUSEDOWN + NS, availableItemsSelector, proxy(that._mousedown, that)).on(TOUCHSTART + NS + \" \" + MOUSEENTER + NS + \" \" + MOUSELEAVE + NS + \" \" + MOUSEDOWN + NS + \" \" + CLICK + NS, linkSelector, proxy(that._toggleHover, that));\n element.on(\"keydown\" + NS, proxy(that._keydown, that)).on(\"focus\" + NS, proxy(that._focus, that)).on(\"focus\" + NS, \".k-content\", proxy(that._focus, that)).on(\"blur\" + NS, proxy(that._removeHoverItem, that)).on(\"blur\" + NS, \"[tabindex]\", proxy(that._checkActiveElement, that));\n if (overflowWrapper) {\n overflowWrapper.on(MOUSELEAVE + NS, popupSelector, proxy(that._mouseleavePopup, that)).on(MOUSEENTER + NS, popupSelector, proxy(that._mouseenterPopup, that));\n }\n if (options.openOnClick) {\n that._documentClickHandler = proxy(that._documentClick, that);\n $(document).click(that._documentClickHandler);\n }\n },\n _detachMenuEventsHandlers: function _detachMenuEventsHandlers() {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n if (overflowWrapper) {\n overflowWrapper.off(NS);\n }\n that.element.off(NS);\n if (that._documentClickHandler) {\n $(document).unbind(\"click\", that._documentClickHandler);\n }\n },\n _initOverflow: function _initOverflow(options) {\n var that = this;\n var isHorizontal = options.orientation == \"horizontal\";\n var backwardBtn, forwardBtn;\n if (options.scrollable) {\n that._openedPopups = {};\n that._scrollWrapper = that.element.wrap(\"\").parent();\n if (isHorizontal) {\n removeSpacesBetweenItems(that.element);\n }\n backwardBtn = $(that.templates.scrollButton({\n direction: isHorizontal ? \"left\" : \"up\"\n }));\n forwardBtn = $(that.templates.scrollButton({\n direction: isHorizontal ? \"right\" : \"down\"\n }));\n backwardBtn.add(forwardBtn).appendTo(that._scrollWrapper);\n that._initScrolling(that.element, backwardBtn, forwardBtn, isHorizontal);\n var initialWidth = that.element.outerWidth();\n var initialCssWidth = that.element[0].style.width;\n initialCssWidth = initialCssWidth === \"auto\" ? \"\" : initialCssWidth;\n if (isHorizontal) {\n $(window).on(RESIZE, kendo.throttle(function () {\n that._setOverflowWrapperWidth(initialWidth, initialCssWidth);\n that._toggleScrollButtons(that.element, backwardBtn, forwardBtn, isHorizontal);\n }, 100));\n }\n that._setOverflowWrapperWidth(initialWidth, initialCssWidth);\n that._toggleScrollButtons(that.element, backwardBtn, forwardBtn, isHorizontal);\n }\n },\n _overflowWrapper: function _overflowWrapper() {\n return this._scrollWrapper || this._popupsWrapper;\n },\n _setOverflowWrapperWidth: function _setOverflowWrapperWidth(initialWidth, initialCssWidth) {\n var that = this;\n var wrapperCssWidth = that._scrollWrapper.css(\"width\");\n that._scrollWrapper.css({\n width: \"\"\n });\n var wrapperWidth = that._scrollWrapper.outerWidth();\n that._scrollWrapper.css({\n width: wrapperCssWidth\n });\n var menuWidth = that.element.outerWidth();\n var borders = that.element[0].offsetWidth - that.element[0].clientWidth;\n if (menuWidth != wrapperWidth && wrapperWidth > 0) {\n var width = initialCssWidth ? Math.min(initialWidth, wrapperWidth) : wrapperWidth;\n that.element.width(width - borders);\n that._scrollWrapper.width(width);\n }\n },\n _reinitOverflow: function _reinitOverflow(options) {\n var that = this;\n var overflowChanged = options.scrollable && !that.options.scrollable || !options.scrollable && that.options.scrollable || options.scrollable && that.options.scrollable && options.scrollable.distance != that.options.scrollable.distance || options.orientation != that.options.orientation;\n if (overflowChanged) {\n that._detachMenuEventsHandlers();\n that._destroyOverflow();\n that._initOverflow(options);\n that._attachMenuEventsHandlers();\n }\n },\n _destroyOverflow: function _destroyOverflow() {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n if (overflowWrapper) {\n overflowWrapper.off(NS);\n overflowWrapper.find(scrollButtonSelector).off(NS).remove();\n overflowWrapper.children(animationContainerSelector).each(function (i, popupWrapper) {\n var ul = $(popupWrapper).children(groupSelector);\n ul.off(MOUSEWHEEL);\n var popupParentLi = popupParentItem(ul, overflowWrapper);\n if (popupParentLi.length) {\n popupParentLi.append(popupWrapper);\n }\n });\n overflowWrapper.find(popupOpenerSelector()).removeAttr(\"data-groupparent\");\n overflowWrapper.find(popupGroupSelector()).removeAttr(\"data-group\");\n that.element.off(MOUSEWHEEL);\n $(window).off(RESIZE);\n overflowWrapper.contents().unwrap();\n that._scrollWrapper = that._popupsWrapper = that._openedPopups = undefined;\n }\n },\n _initScrolling: function _initScrolling(scrollElement, backwardBtn, forwardBtn, isHorizontal) {\n var that = this;\n var scrollable = that.options.scrollable;\n var distance = $.isNumeric(scrollable.distance) ? scrollable.distance : SCROLLSPEED;\n var mouseWheelDistance = distance / 2;\n var backward = \"-=\" + distance;\n var forward = \"+=\" + distance;\n var backwardDouble = \"-=\" + distance * 2;\n var forwardDouble = \"+=\" + distance * 2;\n var scrolling = false;\n var touchEvents = false;\n var scroll = function scroll(value) {\n var scrollValue = isHorizontal ? {\n \"scrollLeft\": value\n } : {\n \"scrollTop\": value\n };\n scrollElement.finish().animate(scrollValue, \"fast\", \"linear\", function () {\n if (scrolling) {\n scroll(value);\n }\n });\n that._toggleScrollButtons(scrollElement, backwardBtn, forwardBtn, isHorizontal);\n };\n var mouseenterHandler = function mouseenterHandler(e) {\n if (!scrolling && !touchEvents) {\n scroll(e.data.direction);\n scrolling = true;\n }\n };\n var mousedownHandler = function mousedownHandler(e) {\n var scrollValue = isHorizontal ? {\n \"scrollLeft\": e.data.direction\n } : {\n \"scrollTop\": e.data.direction\n };\n touchEvents = isTouch(e) || isPointerTouch(e);\n scrollElement.stop().animate(scrollValue, \"fast\", \"linear\", function () {\n if (!touchEvents) {\n $(e.currentTarget).trigger(MOUSEENTER);\n } else {\n that._toggleScrollButtons(scrollElement, backwardBtn, forwardBtn, isHorizontal);\n scrolling = true;\n }\n });\n scrolling = false;\n e.stopPropagation();\n e.preventDefault();\n };\n backwardBtn.on(MOUSEENTER + NS, {\n direction: backward\n }, mouseenterHandler).on(kendo.eventMap.down + NS, {\n direction: backwardDouble\n }, mousedownHandler);\n forwardBtn.on(MOUSEENTER + NS, {\n direction: forward\n }, mouseenterHandler).on(kendo.eventMap.down + NS, {\n direction: forwardDouble\n }, mousedownHandler);\n backwardBtn.add(forwardBtn).on(MOUSELEAVE + NS, function () {\n scrollElement.stop();\n scrolling = false;\n that._toggleScrollButtons(scrollElement, backwardBtn, forwardBtn, isHorizontal);\n });\n scrollElement.on(MOUSEWHEEL, function (e) {\n if (!e.ctrlKey && !e.shiftKey && !e.altKey) {\n var wheelDelta = mousewheelDelta(e.originalEvent);\n var scrollSpeed = Math.abs(wheelDelta) * mouseWheelDistance;\n var value = (wheelDelta > 0 ? \"+=\" : \"-=\") + scrollSpeed;\n var scrollValue = isHorizontal ? {\n \"scrollLeft\": value\n } : {\n \"scrollTop\": value\n };\n that._closeChildPopups(scrollElement);\n scrollElement.finish().animate(scrollValue, \"fast\", \"linear\", function () {\n that._toggleScrollButtons(scrollElement, backwardBtn, forwardBtn, isHorizontal);\n });\n e.preventDefault();\n }\n });\n },\n _toggleScrollButtons: function _toggleScrollButtons(scrollElement, backwardBtn, forwardBtn, horizontal) {\n var currentScroll = horizontal ? scrollElement.scrollLeft() : scrollElement.scrollTop();\n var scrollSize = horizontal ? SCROLLWIDTH : SCROLLHEIGHT;\n var offset = horizontal ? OFFSETWIDTH : OFFSETHEIGHT;\n backwardBtn.toggle(currentScroll !== 0);\n forwardBtn.toggle(currentScroll < scrollElement[0][scrollSize] - scrollElement[0][offset] - 1);\n },\n setOptions: function setOptions(options) {\n var animation = this.options.animation;\n this._animations(options);\n options.animation = extend(true, animation, options.animation);\n if (\"dataSource\" in options) {\n this._dataSource(options);\n }\n this._updateClasses();\n this._reinitOverflow(options);\n Widget.fn.setOptions.call(this, options);\n },\n destroy: function destroy() {\n var that = this;\n Widget.fn.destroy.call(that);\n that._detachMenuEventsHandlers();\n that._destroyOverflow();\n kendo.destroy(that.element);\n },\n enable: function enable(element, _enable) {\n this._toggleDisabled(element, _enable !== false);\n return this;\n },\n disable: function disable(element) {\n this._toggleDisabled(element, false);\n return this;\n },\n attemptGetItem: function attemptGetItem(candidate) {\n candidate = candidate || this.element;\n var item = this.element.find(candidate);\n var overflowWrapper = this._overflowWrapper();\n if (item.length || candidate === this.element) {\n return item;\n } else if (overflowWrapper) {\n return overflowWrapper.find(candidate);\n } else {\n return $();\n }\n },\n append: function append(item, referenceItem) {\n referenceItem = this.attemptGetItem(referenceItem);\n var inserted = this._insert(item, referenceItem, referenceItem.length ? this._childPopupElement(referenceItem) : null);\n each(inserted.items, function (i) {\n inserted.group.append(this);\n updateArrow(this);\n storeItemSelectEventHandler(this, item[i] || item);\n });\n updateArrow(referenceItem);\n updateFirstLast(inserted.group.find(\".k-first, .k-last\").add(inserted.items));\n updateHasAriaPopup(getParentLiItems(inserted.group));\n return this;\n },\n insertBefore: function insertBefore(item, referenceItem) {\n referenceItem = this.attemptGetItem(referenceItem);\n var inserted = this._insert(item, referenceItem, referenceItem.parent());\n each(inserted.items, function (i) {\n referenceItem.before(this);\n updateArrow(this);\n updateFirstLast(this);\n storeItemSelectEventHandler(this, item[i] || item);\n });\n updateFirstLast(referenceItem);\n return this;\n },\n insertAfter: function insertAfter(item, referenceItem) {\n referenceItem = this.attemptGetItem(referenceItem);\n var inserted = this._insert(item, referenceItem, referenceItem.parent());\n each(inserted.items, function (i) {\n referenceItem.after(this);\n updateArrow(this);\n updateFirstLast(this);\n storeItemSelectEventHandler(this, item[i] || item);\n });\n updateFirstLast(referenceItem);\n return this;\n },\n _insert: function _insert(item, referenceItem, parent) {\n var that = this,\n items,\n groups;\n if (!referenceItem || !referenceItem.length) {\n parent = that.element;\n }\n var plain = $.isPlainObject(item) || item instanceof kendo.data.ObservableObject,\n groupData = {\n firstLevel: parent.hasClass(MENU),\n horizontal: parent.hasClass(MENU + \"-horizontal\"),\n expanded: true,\n length: parent.children().length\n };\n if (referenceItem && !parent.length) {\n parent = $(that.renderGroup({\n group: groupData,\n options: that.options\n })).appendTo(referenceItem);\n }\n if (plain || isArray(item) || item instanceof kendo.data.ObservableArray) {\n // is JSON\n items = $($.map(plain ? [item] : item, function (value, idx) {\n if (typeof value === \"string\") {\n return $(value).get();\n } else {\n return $(that.renderItem({\n group: groupData,\n item: extend(value, {\n index: idx\n })\n })).get();\n }\n }));\n } else {\n if (typeof item == \"string\" && item.charAt(0) != \"<\") {\n items = that.element.find(item);\n } else {\n items = $(item);\n }\n groups = items.find(\"> ul\").addClass(\"k-menu-group\").attr(\"role\", \"menu\");\n items = items.filter(\"li\");\n items.add(groups.find(\"> li\")).each(function () {\n updateItemClasses(this);\n });\n }\n return {\n items: items,\n group: parent\n };\n },\n remove: function remove(element) {\n element = this.attemptGetItem(element);\n var that = this,\n parent = element.parentsUntil(that.element, allItemsSelector),\n group = element.parent(\"ul:not(.k-menu)\");\n element.remove();\n if (group && !group.children(allItemsSelector).length) {\n var parentItems = getParentLiItems(group);\n var container = group.parent(animationContainerSelector);\n if (container.length) {\n container.remove();\n } else {\n group.remove();\n }\n updateHasAriaPopup(parentItems);\n }\n if (parent.length) {\n parent = parent.eq(0);\n updateArrow(parent);\n updateFirstLast(parent);\n }\n return that;\n },\n _openAfterLoad: function _openAfterLoad(element, dataItem) {\n var that = this;\n if (dataItem.loaded()) {\n that.open(element);\n that._loading = false;\n } else {\n dataItem.one(CHANGE, function () {\n element.find(ICON_SELECTOR).removeClass(\"k-i-loading\");\n if (that._loading) {\n that.open(element);\n that._loading = false;\n }\n });\n }\n },\n open: function open(element) {\n var that = this;\n var options = that.options;\n var horizontal = options.orientation == \"horizontal\";\n var direction = options.direction;\n var isRtl = kendo.support.isRtl(that.wrapper);\n var overflowWrapper = that._overflowWrapper();\n element = (overflowWrapper || that.element).find(element);\n var dataItem = that.dataSource && that.dataSource.getByUid(element.data(kendo.ns + \"uid\"));\n if (dataItem && dataItem.hasChildren && !dataItem.loaded() && !that._loading) {\n that._loading = true;\n element.find(ICON_SELECTOR).addClass(\"k-i-loading\");\n dataItem.load();\n that._openAfterLoad(element, dataItem);\n return;\n }\n if (/^(top|bottom|default)$/.test(direction)) {\n if (isRtl) {\n direction = horizontal ? (direction + \" left\").replace(\"default\", \"bottom\") : \"left\";\n } else {\n direction = horizontal ? (direction + \" right\").replace(\"default\", \"bottom\") : \"right\";\n }\n }\n var visiblePopups = \">.k-popup:visible,>.k-animation-container>.k-popup:visible\";\n var closePopup = function closePopup() {\n var popup = $(this).data(KENDOPOPUP);\n if (popup) {\n // Use the built-in close method to play the hoverDelay from the options\n that.close($(this).closest(\"li.k-item\"), true);\n }\n };\n element.siblings().find(visiblePopups).each(closePopup);\n if (overflowWrapper) {\n element.find(visiblePopups).each(closePopup);\n }\n if (that.options.openOnClick) {\n that.clicked = true;\n }\n element.each(function () {\n var li = $(this);\n clearTimeout(li.data(TIMER));\n li.data(TIMER, setTimeout(function () {\n var ul = li.find(\".k-menu-group:first:hidden\");\n var popup;\n var overflowPopup;\n if (!ul[0] && overflowWrapper) {\n overflowPopup = that._getPopup(li);\n ul = overflowPopup && overflowPopup.element;\n }\n if (ul.is(\":visible\")) {\n return;\n }\n if (ul[0] && that._triggerEvent({\n item: li[0],\n type: OPEN\n }) === false) {\n if (!ul.find(\".k-menu-group\")[0] && ul.children(\".k-item\").length > 1) {\n var windowHeight = $(window).height(),\n setScrolling = function setScrolling() {\n ul.css({\n maxHeight: windowHeight - (kendo._outerHeight(ul) - ul.height()) - kendo.getShadows(ul).bottom,\n overflow: \"auto\"\n });\n };\n if (kendo.support.browser.msie && kendo.support.browser.version <= 7) {\n setTimeout(setScrolling, 0); // timeout required by IE7\n } else {\n setScrolling();\n }\n } else {\n ul.css({\n maxHeight: \"\",\n overflow: \"\"\n });\n }\n li.data(ZINDEX, li.css(ZINDEX));\n var nextZindex = that.nextItemZIndex++;\n li.css(ZINDEX, nextZindex);\n if (that.options.scrollable) {\n li.parent().siblings(scrollButtonSelector).css({\n zIndex: ++nextZindex\n });\n }\n popup = ul.data(KENDOPOPUP);\n var root = li.parent().hasClass(MENU),\n parentHorizontal = root && horizontal,\n directions = parseDirection(direction, root, isRtl),\n effects = options.animation.open.effects,\n openEffects = effects !== undefined ? effects : \"slideIn:\" + getEffectDirection(direction, root);\n if (!popup) {\n popup = ul.kendoPopup({\n activate: function activate() {\n that._triggerEvent({\n item: this.wrapper.parent(),\n type: ACTIVATE\n });\n },\n deactivate: function deactivate(e) {\n that._closing = false;\n e.sender.element // Restore opacity after fade.\n .removeData(\"targetTransform\").css({\n opacity: \"\"\n });\n that._triggerEvent({\n item: this.wrapper.parent(),\n type: DEACTIVATE\n });\n },\n origin: directions.origin,\n position: directions.position,\n collision: options.popupCollision !== undefined ? options.popupCollision : parentHorizontal ? \"fit\" : \"fit flip\",\n anchor: li,\n appendTo: overflowWrapper || li,\n animation: {\n open: extend(true, {\n effects: openEffects\n }, options.animation.open),\n close: options.animation.close\n },\n open: proxy(that._popupOpen, that),\n close: function close(e) {\n that._closing = true;\n var li = e.sender.wrapper.parent();\n if (overflowWrapper) {\n var popupId = e.sender.element.data(POPUP_ID_ATTR);\n if (popupId) {\n li = (overflowWrapper || that.element).find(popupOpenerSelector(popupId));\n }\n e.sender.wrapper.children(scrollButtonSelector).hide();\n }\n if (!that._triggerEvent({\n item: li[0],\n type: CLOSE\n })) {\n li.css(ZINDEX, li.data(ZINDEX));\n li.removeData(ZINDEX);\n if (that.options.scrollable) {\n li.parent().siblings(scrollButtonSelector).css({\n zIndex: \"\"\n });\n }\n if (touch || allPointers || kendo.support.mouseAndTouchPresent) {\n li.removeClass(HOVERSTATE);\n that._removeHoverItem();\n }\n } else {\n e.preventDefault();\n }\n }\n }).data(KENDOPOPUP);\n } else {\n popup = ul.data(KENDOPOPUP);\n popup.options.origin = directions.origin;\n popup.options.position = directions.position;\n popup.options.animation.open.effects = openEffects;\n }\n ul.removeAttr(\"aria-hidden\");\n that._configurePopupOverflow(popup, li);\n popup._hovered = true;\n popup.open();\n that._initPopupScrolling(popup);\n }\n }, that.options.hoverDelay));\n });\n return that;\n },\n _configurePopupOverflow: function _configurePopupOverflow(popup, popupOpener) {\n var that = this;\n if (that.options.scrollable) {\n that._wrapPopupElement(popup);\n if (!popupOpener.attr(\"data-groupparent\")) {\n var groupId = new Date().getTime();\n popupOpener.attr(\"data-groupparent\", groupId);\n popup.element.attr(\"data-group\", groupId);\n }\n }\n },\n _wrapPopupElement: function _wrapPopupElement(popup) {\n if (!popup.element.parent().is(animationContainerSelector)) {\n popup.wrapper = kendo.wrap(popup.element, popup.options.autosize).css({\n overflow: \"hidden\",\n display: \"block\",\n position: \"absolute\"\n });\n }\n },\n _initPopupScrolling: function _initPopupScrolling(popup, isHorizontal, skipMouseEvents) {\n var that = this;\n if (that.options.scrollable && popup.element[0].scrollHeight > popup.element[0].offsetHeight) {\n that._initPopupScrollButtons(popup, isHorizontal, skipMouseEvents);\n }\n },\n _initPopupScrollButtons: function _initPopupScrollButtons(popup, isHorizontal, skipMouseEvents) {\n var that = this;\n var scrollButtons = popup.wrapper.children(scrollButtonSelector);\n var animation = that.options.animation;\n var timeout = (animation && animation.open && animation.open.duration || 0) + DELAY;\n setTimeout(function () {\n if (!scrollButtons.length) {\n var backwardBtn = $(that.templates.scrollButton({\n direction: isHorizontal ? \"left\" : \"up\"\n }));\n var forwardBtn = $(that.templates.scrollButton({\n direction: isHorizontal ? \"right\" : \"down\"\n }));\n scrollButtons = backwardBtn.add(forwardBtn).appendTo(popup.wrapper);\n that._initScrolling(popup.element, backwardBtn, forwardBtn, isHorizontal);\n if (!skipMouseEvents) {\n scrollButtons.on(MOUSEENTER + NS, function () {\n var overflowWrapper = that._overflowWrapper();\n $(getChildPopups(popup.element, overflowWrapper)).each(function (i, p) {\n var popupOpener = overflowWrapper.find(popupOpenerSelector(p.data(POPUP_ID_ATTR)));\n that.close(popupOpener);\n });\n }).on(MOUSELEAVE + NS, function () {\n setTimeout(function () {\n if ($.isEmptyObject(that._openedPopups)) {\n that._closeParentPopups(popup.element);\n }\n }, DELAY);\n });\n }\n }\n that._toggleScrollButtons(popup.element, scrollButtons.first(), scrollButtons.last(), isHorizontal);\n }, timeout);\n },\n _popupOpen: function _popupOpen(e) {\n if (!this._keyTriggered) {\n e.sender.element.children(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n }\n if (this.options.scrollable) {\n this._setPopupHeight(e.sender);\n }\n },\n _setPopupHeight: function _setPopupHeight(popup, isFixed) {\n var popupElement = popup.element;\n var popups = popupElement.add(popupElement.parent(animationContainerSelector));\n popups.height(popupElement.hasClass(MENU) && this._initialHeight || \"\");\n var location = popup._location(isFixed);\n var windowHeight = $(window).height();\n var popupOuterHeight = location.height;\n var popupOffsetTop = isFixed ? 0 : Math.max(location.top, 0);\n var scrollTop = isFixed ? 0 : parentsScroll(this._overflowWrapper()[0], \"scrollTop\");\n var bottomScrollbar = window.innerHeight - windowHeight;\n var maxHeight = windowHeight - kendo.getShadows(popupElement).bottom + bottomScrollbar;\n var canFit = maxHeight + scrollTop > popupOuterHeight + popupOffsetTop;\n if (!canFit) {\n var height = Math.min(maxHeight, maxHeight - popupOffsetTop + scrollTop);\n popups.css({\n overflow: \"hidden\",\n height: height + \"px\"\n });\n }\n },\n close: function close(items, dontClearClose) {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n var element = overflowWrapper || that.element;\n items = element.find(items);\n if (!items.length) {\n items = element.find(\">.k-item\");\n }\n var hasChildPopupsHovered = function hasChildPopupsHovered(currentPopup) {\n var result = false;\n if ($.isEmptyObject(that._openedPopups)) {\n return result;\n }\n $(getChildPopups(currentPopup, overflowWrapper)).each(function (i, popup) {\n result = !!that._openedPopups[popup.data(POPUP_ID_ATTR).toString()];\n return !result;\n });\n return result;\n };\n var isPopupMouseLeaved = function isPopupMouseLeaved(opener) {\n var groupId = opener.data(POPUP_OPENER_ATTR);\n return !overflowWrapper || !groupId || !that._openedPopups[groupId.toString()];\n };\n items.each(function () {\n var li = $(this);\n if (!dontClearClose && that._isRootItem(li)) {\n that.clicked = false;\n }\n clearTimeout(li.data(TIMER));\n li.data(TIMER, setTimeout(function () {\n var popup = that._getPopup(li);\n if (popup && (isPopupMouseLeaved(li) || that._forceClose)) {\n if (!that._forceClose && hasChildPopupsHovered(popup.element)) {\n return;\n }\n popup.close();\n popup.element.attr(\"aria-hidden\", true);\n if (overflowWrapper) {\n if (that._forceClose && items.last().is(li[0])) {\n delete that._forceClose;\n }\n }\n }\n }, that.options.hoverDelay));\n });\n return that;\n },\n _getPopup: function _getPopup(li) {\n var that = this;\n var popup = li.find(\".k-menu-group:not(.k-list-container):not(.k-calendar-container):first:visible\").data(KENDOPOPUP);\n var overflowWrapper = that._overflowWrapper();\n if (!popup && overflowWrapper) {\n var groupId = li.data(POPUP_OPENER_ATTR);\n if (groupId) {\n var popupElement = overflowWrapper.find(popupGroupSelector(groupId));\n popup = popupElement.data(KENDOPOPUP);\n }\n }\n return popup;\n },\n _toggleDisabled: function _toggleDisabled(items, enable) {\n this.element.find(items).each(function () {\n $(this).toggleClass(DEFAULTSTATE, enable).toggleClass(DISABLEDSTATE, !enable).attr(\"aria-disabled\", !enable);\n });\n },\n _toggleHover: function _toggleHover(e) {\n var target = $(kendo.eventTarget(e) || e.target).closest(allItemsSelector),\n isEnter = e.type == MOUSEENTER || MOUSEDOWN.indexOf(e.type) !== -1;\n target.siblings().removeClass(HOVERSTATE);\n if (!target.parents(\"li.\" + DISABLEDSTATE).length) {\n target.toggleClass(HOVERSTATE, isEnter || e.type == \"mousedown\" || e.type == \"pointerover\" || e.type == TOUCHSTART);\n }\n this._removeHoverItem();\n },\n _preventClose: function _preventClose() {\n if (!this.options.closeOnClick) {\n this._closurePrevented = true;\n }\n },\n _checkActiveElement: function _checkActiveElement(e) {\n var that = this,\n hoverItem = $(e ? e.currentTarget : this._hoverItem()),\n target = that._findRootParent(hoverItem)[0];\n if (!this._closurePrevented) {\n setTimeout(function () {\n if (!document.hasFocus() || !contains(target, kendo._activeElement()) && e && !contains(target, e.currentTarget)) {\n that.close(target);\n }\n }, 0);\n }\n this._closurePrevented = false;\n },\n _removeHoverItem: function _removeHoverItem() {\n var oldHoverItem = this._hoverItem();\n if (oldHoverItem && oldHoverItem.hasClass(FOCUSEDSTATE)) {\n oldHoverItem.removeClass(FOCUSEDSTATE);\n this._oldHoverItem = null;\n }\n },\n _updateClasses: function _updateClasses() {\n var element = this.element,\n nonContentGroupsSelector = \".k-menu-init div ul\",\n items;\n element.removeClass(\"k-menu-horizontal k-menu-vertical\");\n element.addClass(\"k-widget k-reset k-header k-menu-init \" + MENU).addClass(MENU + \"-\" + this.options.orientation);\n element.find(\"li > ul\").filter(function () {\n return !kendo.support.matchesSelector.call(this, nonContentGroupsSelector);\n }).addClass(\"k-group k-menu-group\").attr(\"role\", \"menu\").attr(\"aria-hidden\", element.is(\":visible\")).parent(\"li\").attr(\"aria-haspopup\", \"true\").end().find(\"li > div\").addClass(\"k-content\").attr(\"tabindex\", \"-1\"); // Capture the focus before the Menu\n\n items = element.find(\"> li,.k-menu-group > li\");\n element.removeClass(\"k-menu-init\");\n items.each(function () {\n updateItemClasses(this);\n });\n },\n _mouseenter: function _mouseenter(e) {\n var that = this;\n var element = $(e.currentTarget);\n var hasChildren = that._itemHasChildren(element);\n var popupId = element.data(POPUP_OPENER_ATTR) || element.parent().data(POPUP_ID_ATTR);\n var pointerTouch = isPointerTouch(e);\n if (popupId) {\n that._openedPopups[popupId.toString()] = true;\n }\n if (that._closing || e.delegateTarget != element.parents(menuSelector)[0] && e.delegateTarget != element.parents(\".k-menu-scroll-wrapper,.k-popups-wrapper\")[0]) {\n return;\n }\n that._keyTriggered = false;\n if (that.options.openOnClick.rootMenuItems && that._isRootItem(element.closest(allItemsSelector)) || that.options.openOnClick.subMenuItems && !that._isRootItem(element.closest(allItemsSelector))) {\n return;\n }\n if ((that.options.openOnClick === false || that.options.openOnClick.rootMenuItems === false && that._isRootItem(element.closest(allItemsSelector)) || that.options.openOnClick.subMenuItems === false && !that._isRootItem(element.closest(allItemsSelector)) || that.clicked) && !touch && !(pointerTouch && that._isRootItem(element.closest(allItemsSelector)))) {\n if (!contains(e.currentTarget, e.relatedTarget) && hasChildren) {\n that.open(element);\n }\n }\n if (that.options.openOnClick === true && that.clicked || touch) {\n element.siblings().each(proxy(function (_, sibling) {\n that.close(sibling, true);\n }, that));\n }\n },\n _mousedown: function _mousedown(e) {\n var that = this;\n var element = $(e.currentTarget);\n // needs to close subMenuItems\n if (that.options.openOnClick.subMenuItems && !that._isRootItem(element) || touch) {\n element.siblings().each(proxy(function (_, sibling) {\n that.close(sibling, true);\n }, that));\n }\n },\n _mouseleave: function _mouseleave(e) {\n var that = this;\n var element = $(e.currentTarget);\n var popupOpener = element.data(POPUP_OPENER_ATTR);\n var hasChildren = element.children(animationContainerSelector).length || element.children(groupSelector).length || popupOpener;\n var $window = $(window);\n if (popupOpener) {\n delete that._openedPopups[popupOpener.toString()];\n }\n if (element.parentsUntil(animationContainerSelector, \".k-list-container,.k-calendar-container\")[0]) {\n e.stopImmediatePropagation();\n return;\n }\n if ((that.options.openOnClick === false || !that.options.openOnClick.rootMenuItems && that._isRootItem(element) || !that.options.openOnClick.subMenuItems && !that._isRootItem(element)) && !touch && !isPointerTouch(e) && !contains(e.currentTarget, e.relatedTarget || e.target) && hasChildren && !contains(e.currentTarget, kendo._activeElement())) {\n that.close(element, true);\n that._loading = false;\n return;\n }\n\n // Detect if cursor goes outside the viewport of the browser\n if (kendo.support.browser.msie && !e.toElement && !e.relatedTarget && !isPointerTouch(e) || e.clientX < 0 || e.clientY < 0 || e.clientY > $window.height() || e.clientX > $window.width()) {\n that.close(element);\n }\n },\n _mouseenterPopup: function _mouseenterPopup(e) {\n var that = this;\n var popupElement = $(e.currentTarget);\n if (popupElement.parent().is(animationContainerSelector)) {\n return;\n }\n popupElement = popupElement.children(\"ul\");\n var popupId = popupElement.data(POPUP_ID_ATTR);\n if (popupId) {\n that._openedPopups[popupId.toString()] = true;\n }\n },\n _mouseleavePopup: function _mouseleavePopup(e) {\n var that = this;\n var popupElement = $(e.currentTarget);\n if (!isPointerTouch(e) && popupElement.is(animationContainerSelector)) {\n that._closePopups(popupElement.children(\"ul\"));\n }\n },\n _closePopups: function _closePopups(rootPopup) {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n var popupId = rootPopup.data(POPUP_ID_ATTR);\n if (popupId) {\n delete that._openedPopups[popupId.toString()];\n var groupParent = overflowWrapper.find(popupOpenerSelector(popupId));\n setTimeout(function () {\n if (that.options.openOnClick) {\n that._closeChildPopups(rootPopup);\n } else {\n if ($.isEmptyObject(that._openedPopups)) {\n var innerPopup = that._innerPopup(rootPopup);\n that._closeParentPopups(innerPopup);\n } else {\n that.close(groupParent, true);\n }\n }\n }, 0);\n }\n },\n _closeChildPopups: function _closeChildPopups(current) {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n $(getChildPopups(current, overflowWrapper)).each(function () {\n var popupOpener = overflowWrapper.find(popupOpenerSelector(this.data(POPUP_ID_ATTR)));\n that.close(popupOpener, true);\n });\n },\n _innerPopup: function _innerPopup(current) {\n var overflowWrapper = this._overflowWrapper();\n var popups = getChildPopups(current, overflowWrapper);\n return popups[popups.length - 1] || current;\n },\n _closeParentPopups: function _closeParentPopups(current) {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n var popupId = current.data(POPUP_ID_ATTR);\n var popupOpener = overflowWrapper.find(popupOpenerSelector(popupId));\n popupId = popupOpener.parent().data(POPUP_ID_ATTR);\n that.close(popupOpener, true);\n while (popupId && !that._openedPopups[popupId]) {\n if (popupOpener.parent().is(menuSelector)) {\n break;\n }\n popupOpener = overflowWrapper.find(popupOpenerSelector(popupId));\n that.close(popupOpener, true);\n popupId = popupOpener.parent().data(POPUP_ID_ATTR);\n }\n },\n _click: function _click(e) {\n var that = this,\n openHandle,\n options = that.options,\n target = $(kendo.eventTarget(e)),\n targetElement = target[0],\n nodeName = target[0] ? target[0].nodeName.toUpperCase() : \"\",\n formNode = nodeName == \"INPUT\" || nodeName == \"SELECT\" || nodeName == \"BUTTON\" || nodeName == \"LABEL\",\n link = target.closest(LINK_SELECTOR),\n element = target.closest(allItemsSelector),\n itemElement = element[0],\n href = link.attr(\"href\"),\n childGroup,\n childGroupVisible,\n targetHref = target.attr(\"href\"),\n sampleHref = $(\"\").attr(\"href\"),\n isLink = !!href && href !== sampleHref,\n isLocalLink = isLink && !!href.match(/^#/),\n isTargetLink = !!targetHref && targetHref !== sampleHref,\n overflowWrapper = that._overflowWrapper(),\n shouldCloseTheRootItem;\n while (targetElement && targetElement.parentNode != itemElement) {\n targetElement = targetElement.parentNode;\n }\n if ($(targetElement).is(templateSelector)) {\n return;\n }\n if (element.hasClass(DISABLEDSTATE)) {\n e.preventDefault();\n return;\n }\n if (!e.handled && that._triggerSelect(target, itemElement) && !formNode) {\n // We shouldn't stop propagation and shoudn't prevent form elements.\n e.preventDefault();\n }\n e.handled = true;\n childGroup = element.children(popupSelector);\n if (overflowWrapper) {\n var childPopupId = element.data(POPUP_OPENER_ATTR);\n if (childPopupId) {\n childGroup = overflowWrapper.find(popupGroupSelector(childPopupId));\n }\n }\n childGroupVisible = childGroup.is(\":visible\");\n shouldCloseTheRootItem = options.openOnClick && childGroupVisible && that._isRootItem(element);\n if (options.closeOnClick && (!isLink || isLocalLink) && (!childGroup.length || shouldCloseTheRootItem)) {\n element.removeClass(HOVERSTATE).css(\"height\"); // Force refresh for Chrome\n that._oldHoverItem = that._findRootParent(element);\n var item = that._parentsUntil(link, that.element, allItemsSelector);\n that._forceClose = !!overflowWrapper;\n that.close(item);\n that.clicked = false;\n if (\"MSPointerUp\".indexOf(e.type) != -1) {\n e.preventDefault();\n }\n return;\n }\n if (isLink && e.enterKey) {\n link[0].click();\n }\n if ((!that._isRootItem(element) || options.openOnClick === false) && !options.openOnClick.subMenuItems && !kendo.support.touch && !(isPointerTouch(e) && that._isRootItem(element.closest(allItemsSelector)))) {\n return;\n }\n if (!isLink && !formNode && !isTargetLink) {\n e.preventDefault();\n }\n that.clicked = true;\n openHandle = childGroup.is(\":visible\") ? CLOSE : OPEN;\n if (!options.closeOnClick && openHandle == CLOSE) {\n return;\n }\n that[openHandle](element);\n },\n _parentsUntil: function _parentsUntil(context, top, selector) {\n var overflowWrapper = this._overflowWrapper();\n if (!overflowWrapper) {\n return context.parentsUntil(top, selector);\n } else {\n var parents = overflowMenuParents(context, overflowWrapper);\n var result = [];\n $(parents).each(function () {\n var parent = $(this);\n if (parent.is(top)) {\n return false;\n }\n if (parent.is(selector)) {\n result.push(this);\n }\n });\n return $(result);\n }\n },\n _triggerSelect: function _triggerSelect(target, itemElement) {\n target = target.is(\".k-link\") ? target : target.closest(\".k-link\");\n var selectHandler = target.data(\"selectHandler\"),\n itemSelectEventData;\n if (selectHandler) {\n itemSelectEventData = this._getEventData(target);\n selectHandler.call(this, itemSelectEventData);\n }\n var isSelectItemDefaultPrevented = itemSelectEventData && itemSelectEventData.isDefaultPrevented();\n var isSelectDefaultPrevented = this._triggerEvent({\n item: itemElement,\n type: SELECT\n });\n return isSelectItemDefaultPrevented || isSelectDefaultPrevented;\n },\n _getEventData: function _getEventData(target) {\n var eventData = {\n sender: this,\n target: target,\n _defaultPrevented: false,\n preventDefault: function preventDefault() {\n this._defaultPrevented = true;\n },\n isDefaultPrevented: function isDefaultPrevented() {\n return this._defaultPrevented;\n }\n };\n return eventData;\n },\n _documentClick: function _documentClick(e) {\n var that = this;\n if (contains((that._overflowWrapper() || that.element)[0], e.target)) {\n return;\n }\n that.clicked = false;\n },\n _focus: function _focus(e) {\n var that = this,\n target = e.target,\n hoverItem = that._hoverItem(),\n active = activeElement();\n if (target != that.wrapper[0] && !$(target).is(\":kendoFocusable\")) {\n e.stopPropagation();\n $(target).closest(\".k-content\").closest(\".k-menu-group\").closest(\".k-item\").addClass(FOCUSEDSTATE);\n that.wrapper.focus();\n return;\n }\n if (active === e.currentTarget) {\n if (hoverItem.length) {\n that._moveHover([], hoverItem);\n } else if (!that._oldHoverItem) {\n that._moveHover([], that.wrapper.children().first());\n }\n }\n },\n _keydown: function _keydown(e) {\n var that = this,\n key = e.keyCode,\n hoverItem = that._oldHoverItem,\n target,\n belongsToVertical,\n hasChildren,\n isRtl = kendo.support.isRtl(that.wrapper);\n if (e.target != e.currentTarget && key != keys.ESC) {\n return;\n }\n if (!hoverItem) {\n hoverItem = that._oldHoverItem = that._hoverItem();\n }\n belongsToVertical = that._itemBelongsToVertival(hoverItem);\n hasChildren = that._itemHasChildren(hoverItem);\n that._keyTriggered = true;\n if (key == keys.RIGHT) {\n target = that[isRtl ? \"_itemLeft\" : \"_itemRight\"](hoverItem, belongsToVertical, hasChildren);\n } else if (key == keys.LEFT) {\n target = that[isRtl ? \"_itemRight\" : \"_itemLeft\"](hoverItem, belongsToVertical, hasChildren);\n } else if (key == keys.DOWN) {\n target = that._itemDown(hoverItem, belongsToVertical, hasChildren);\n } else if (key == keys.UP) {\n target = that._itemUp(hoverItem, belongsToVertical, hasChildren);\n } else if (key == keys.HOME) {\n that._moveHover(hoverItem, hoverItem.parent().children().first());\n e.preventDefault();\n } else if (key == keys.END) {\n that._moveHover(hoverItem, hoverItem.parent().children().last());\n e.preventDefault();\n } else if (key == keys.ESC) {\n target = that._itemEsc(hoverItem, belongsToVertical);\n } else if (key == keys.ENTER || key == keys.SPACEBAR) {\n target = hoverItem.children(\".k-link\");\n if (target.length > 0) {\n that._click({\n target: target[0],\n preventDefault: function preventDefault() {},\n enterKey: true\n });\n if (hasChildren && !hoverItem.hasClass(DISABLEDSTATE)) {\n that.open(hoverItem);\n that._moveHover(hoverItem, that._childPopupElement(hoverItem).children().first());\n } else {\n that._moveHover(hoverItem, that._findRootParent(hoverItem));\n }\n }\n } else if (key == keys.TAB) {\n target = that._findRootParent(hoverItem);\n that._moveHover(hoverItem, target);\n that._checkActiveElement();\n return;\n }\n if (target && target[0]) {\n e.preventDefault();\n e.stopPropagation(); // needed to handle ESC in column menu only when a root item is focused\n }\n },\n _hoverItem: function _hoverItem() {\n return this.wrapper.find(\".k-item.k-state-hover,.k-item.k-state-focused\").filter(\":visible\");\n },\n _itemBelongsToVertival: function _itemBelongsToVertival(item) {\n var menuIsVertical = this.wrapper.hasClass(\"k-menu-vertical\");\n if (!item.length) {\n return menuIsVertical;\n }\n return item.parent().hasClass(\"k-menu-group\") || menuIsVertical;\n },\n _itemHasChildren: function _itemHasChildren(item) {\n if (!item || !item.length || !item[0].nodeType) {\n return false;\n }\n return item.children(\".k-menu-group, div.k-animation-container\").length > 0 || !!item.data(POPUP_OPENER_ATTR) && !!this._overflowWrapper().children(popupGroupSelector(item.data(POPUP_OPENER_ATTR)));\n },\n _moveHover: function _moveHover(item, nextItem) {\n var that = this,\n id = that._ariaId;\n if (item.length && nextItem.length) {\n item.removeClass(FOCUSEDSTATE);\n }\n if (nextItem.length) {\n if (nextItem[0].id) {\n id = nextItem[0].id;\n }\n nextItem.addClass(FOCUSEDSTATE);\n that._oldHoverItem = nextItem;\n if (id) {\n that.element.removeAttr(\"aria-activedescendant\");\n $(\"#\" + id).removeAttr(\"id\");\n nextItem.attr(\"id\", id);\n that.element.attr(\"aria-activedescendant\", id);\n }\n that._scrollToItem(nextItem);\n }\n },\n _findRootParent: function _findRootParent(item) {\n if (this._isRootItem(item)) {\n return item;\n } else {\n return this._parentsUntil(item, menuSelector, \"li.k-item\").last();\n }\n },\n _isRootItem: function _isRootItem(item) {\n return item.parent().hasClass(MENU);\n },\n _itemRight: function _itemRight(item, belongsToVertical, hasChildren) {\n var that = this,\n nextItem,\n parentItem,\n overflowWrapper;\n if (!belongsToVertical) {\n nextItem = item.nextAll(nextSelector);\n if (!nextItem.length) {\n nextItem = item.prevAll(lastSelector);\n }\n that.close(item);\n } else if (hasChildren && !item.hasClass(DISABLEDSTATE)) {\n that.open(item);\n nextItem = that._childPopupElement(item).children().first();\n } else if (that.options.orientation == \"horizontal\") {\n parentItem = that._findRootParent(item);\n overflowWrapper = that._overflowWrapper();\n if (overflowWrapper) {\n var rootPopup = itemPopup(parentItem, overflowWrapper);\n that._closeChildPopups(rootPopup);\n }\n that.close(parentItem);\n nextItem = parentItem.nextAll(nextSelector);\n }\n if (nextItem && !nextItem.length) {\n nextItem = that.wrapper.children(\".k-item\").first();\n } else if (!nextItem) {\n nextItem = [];\n }\n that._moveHover(item, nextItem);\n return nextItem;\n },\n _itemLeft: function _itemLeft(item, belongsToVertical) {\n var that = this,\n nextItem,\n overflowWrapper;\n if (!belongsToVertical) {\n nextItem = item.prevAll(nextSelector);\n if (!nextItem.length) {\n nextItem = item.nextAll(lastSelector);\n }\n that.close(item);\n } else {\n nextItem = item.parent().closest(\".k-item\");\n overflowWrapper = that._overflowWrapper();\n if (!nextItem.length && overflowWrapper) {\n nextItem = popupParentItem(item.parent(), overflowWrapper);\n }\n that.close(nextItem);\n if (that._isRootItem(nextItem) && that.options.orientation == \"horizontal\") {\n nextItem = nextItem.prevAll(nextSelector);\n }\n }\n if (!nextItem.length) {\n nextItem = that.wrapper.children(\".k-item\").last();\n }\n that._moveHover(item, nextItem);\n return nextItem;\n },\n _itemDown: function _itemDown(item, belongsToVertical, hasChildren) {\n var that = this,\n nextItem;\n if (!belongsToVertical) {\n if (!hasChildren || item.hasClass(DISABLEDSTATE)) {\n return;\n } else {\n that.open(item);\n nextItem = that._childPopupElement(item).children().first();\n }\n } else {\n nextItem = item.nextAll(nextSelector);\n }\n if (!nextItem.length && item.length) {\n nextItem = item.parent().children().first();\n } else if (!item.length) {\n nextItem = that.wrapper.children(\".k-item\").first();\n }\n that._moveHover(item, nextItem);\n return nextItem;\n },\n _itemUp: function _itemUp(item, belongsToVertical) {\n var that = this,\n nextItem;\n if (!belongsToVertical) {\n return;\n } else {\n nextItem = item.prevAll(nextSelector);\n }\n if (!nextItem.length && item.length) {\n nextItem = item.parent().children().last();\n } else if (!item.length) {\n nextItem = that.wrapper.children(\".k-item\").last();\n }\n that._moveHover(item, nextItem);\n return nextItem;\n },\n _scrollToItem: function _scrollToItem(item) {\n var that = this;\n if (that.options.scrollable && item && item.length) {\n var ul = item.parent();\n var isHorizontal = ul.hasClass(MENU) ? that.options.orientation == \"horizontal\" : false;\n var scrollDir = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n var getSize = isHorizontal ? kendo._outerWidth : kendo._outerHeight;\n var currentScrollOffset = ul[scrollDir]();\n var itemSize = getSize(item);\n var itemOffset = item[0][isHorizontal ? \"offsetLeft\" : \"offsetTop\"];\n var ulSize = getSize(ul);\n var scrollButtons = ul.siblings(scrollButtonSelector);\n var scrollButtonSize = scrollButtons.length ? getSize(scrollButtons.first()) : 0;\n var itemPosition;\n if (currentScrollOffset + ulSize < itemOffset + itemSize + scrollButtonSize) {\n itemPosition = itemOffset + itemSize - ulSize + scrollButtonSize;\n } else if (currentScrollOffset > itemOffset - scrollButtonSize) {\n itemPosition = itemOffset - scrollButtonSize;\n }\n if (!isNaN(itemPosition)) {\n var scrolling = {};\n scrolling[scrollDir] = itemPosition;\n ul.finish().animate(scrolling, \"fast\", \"linear\", function () {\n that._toggleScrollButtons(ul, scrollButtons.first(), scrollButtons.last(), isHorizontal);\n });\n }\n }\n },\n _itemEsc: function _itemEsc(item, belongsToVertical) {\n var that = this,\n nextItem;\n if (!belongsToVertical) {\n return item;\n } else {\n nextItem = item.parent().closest(\".k-item\");\n that.close(nextItem);\n that._moveHover(item, nextItem);\n }\n return nextItem;\n },\n _childPopupElement: function _childPopupElement(item) {\n var popupElement = item.find(\".k-menu-group\");\n var wrapper = this._overflowWrapper();\n if (!popupElement.length && wrapper) {\n popupElement = itemPopup(item, wrapper);\n }\n return popupElement;\n },\n _triggerEvent: function _triggerEvent(e) {\n var that = this;\n return that.trigger(e.type, {\n type: e.type,\n item: e.item\n });\n },\n _focusHandler: function _focusHandler(e) {\n var that = this,\n item = $(kendo.eventTarget(e)).closest(allItemsSelector);\n if (item.hasClass(DISABLEDSTATE)) {\n return;\n }\n setTimeout(function () {\n that._moveHover([], item);\n if (item.children(\".k-content\")[0]) {\n item.parent().closest(\".k-item\").removeClass(FOCUSEDSTATE);\n }\n }, 200);\n },\n _animations: function _animations(options) {\n if (options && \"animation\" in options && !options.animation) {\n options.animation = {\n open: {\n effects: {}\n },\n close: {\n hide: true,\n effects: {}\n }\n };\n }\n },\n _dataSource: function _dataSource(options) {\n var that = this,\n dataSource = options ? options.dataSource : that.options.dataSource;\n if (!dataSource) {\n return;\n }\n dataSource = isArray(dataSource) ? {\n data: dataSource\n } : dataSource;\n that._unbindDataSource();\n if (!dataSource.fields) {\n dataSource.fields = [{\n field: \"uid\"\n }, {\n field: \"text\"\n }, {\n field: \"url\"\n }, {\n field: \"cssClass\"\n }, {\n field: \"spriteCssClass\"\n }, {\n field: \"imageUrl\"\n }, {\n field: \"imageAttr\"\n }, {\n field: \"attr\"\n }, {\n field: \"contentAttr\"\n }, {\n field: \"content\"\n }, {\n field: \"encoded\"\n }, {\n field: \"items\"\n }, {\n field: \"select\"\n }];\n }\n that.dataSource = HierarchicalDataSource.create(dataSource);\n that._bindDataSource();\n that.dataSource.fetch();\n },\n _bindDataSource: function _bindDataSource() {\n this._refreshHandler = proxy(this.refresh, this);\n this._errorHandler = proxy(this._error, this);\n this.dataSource.bind(CHANGE, this._refreshHandler);\n this.dataSource.bind(ERROR, this._errorHandler);\n },\n _unbindDataSource: function _unbindDataSource() {\n var dataSource = this.dataSource;\n if (dataSource) {\n dataSource.unbind(CHANGE, this._refreshHandler);\n dataSource.unbind(ERROR, this._errorHandler);\n }\n },\n _error: function _error() {},\n findByUid: function findByUid(uid) {\n var wrapperElement = this._overflowWrapper() || this.element;\n return wrapperElement.find(\"[\" + kendo.attr(\"uid\") + \"=\" + uid + \"]\");\n },\n refresh: function refresh(ev) {\n var that = this;\n var node = ev.node;\n var action = ev.action;\n var parentElement = node ? that.findByUid(node.uid) : that.element;\n var itemsToUpdate = ev.items;\n var index = ev.index;\n var updateProxy = $.proxy(that._updateItem, that);\n var removeProxy = $.proxy(that._removeItem, that);\n if (action == \"add\") {\n that._appendItems(itemsToUpdate, index, parentElement);\n } else if (action == \"remove\") {\n itemsToUpdate.forEach(removeProxy);\n } else if (action == \"itemchange\") {\n itemsToUpdate.forEach(updateProxy);\n } else if (action === \"itemloaded\") {\n that.append(ev.items, parentElement);\n } else {\n this._initData();\n }\n this.trigger(DATABOUND, {\n item: parentElement,\n dataItem: node\n });\n },\n _appendItems: function _appendItems(items, index, parent) {\n var that = this;\n var referenceItem = parent.find(itemSelector).eq(index);\n if (referenceItem.length) {\n that.insertBefore(items, referenceItem);\n } else {\n that.append(items, parent);\n }\n },\n _removeItem: function _removeItem(item) {\n var that = this;\n var element = that.findByUid(item.uid);\n that.remove(element);\n },\n _updateItem: function _updateItem(item) {\n var that = this;\n var element = that.findByUid(item.uid);\n var nextElement = element.next();\n var parentNode = item.parentNode();\n that.remove(element);\n if (nextElement.length) {\n that.insertBefore(item, nextElement);\n } else {\n that.append(item, parentNode && that.findByUid(parentNode.uid));\n }\n },\n _accessors: function _accessors() {\n var that = this,\n options = that.options,\n i,\n field,\n textField,\n element = that.element;\n for (i in bindings) {\n field = options[bindings[i]];\n textField = element.attr(kendo.attr(i + \"-field\"));\n if (!field && textField) {\n field = textField;\n }\n if (!field) {\n field = i;\n }\n if (!isArray(field)) {\n field = [field];\n }\n options[bindings[i]] = field;\n }\n },\n _fieldAccessor: function _fieldAccessor(fieldName) {\n var fieldBindings = this.options[bindings[fieldName]] || [],\n count = fieldBindings.length,\n result = \"(function(item) {\";\n if (count === 0) {\n result += \"return item['\" + fieldName + \"'];\";\n } else {\n result += \"var levels = [\" + $.map(fieldBindings, function (x) {\n return \"function(d){ return \" + kendo.expr(x) + \"}\";\n }).join(\",\") + \"];\";\n result += \"if(item.level){return levels[Math.min(item.level(), \" + count + \"-1)](item);}else\";\n result += \"{return levels[\" + count + \"-1](item)}\";\n }\n result += \"})\";\n return result;\n },\n _templates: function _templates() {\n var that = this,\n options = that.options,\n fieldAccessor = proxy(that._fieldAccessor, that);\n if (options.template && _typeof(options.template) == STRING) {\n options.template = template(options.template);\n } else if (!options.template) {\n options.template = template(\"# var text = \" + fieldAccessor(\"text\") + \"(data.item); #\" + \"# if (typeof data.item.encoded != 'undefined' && data.item.encoded === false) {#\" + \"#= text #\" + \"# } else { #\" + \"#: text #\" + \"# } #\");\n }\n that.templates = {\n content: template(\"#var contentHtml = \" + fieldAccessor(\"content\") + \"(item);#\" + \"#= contentHtml || '' # \"),\n group: template(\"\" + \"#= renderItems(data) #\" + \" \"),\n itemWrapper: template(\"# var url = \" + fieldAccessor(\"url\") + \"(item); #\" + \"# var imageUrl = \" + fieldAccessor(\"imageUrl\") + \"(item); #\" + \"# var imgAttributes = \" + fieldAccessor(\"imageAttr\") + \"(item);#\" + \"# var tag = url ? 'a' : 'span' #\" + \"<#= tag # class='#= textClass(item) #' #if(url){#href='#= url #'#}#>\" + \"# if (imageUrl) { #\" + \"\" + \"# } #\" + \"#= sprite(item) ##= data.menu.options.template(data) #\" + \"#= arrow(data) #\" + \"\"),\n item: template(\"#var contentHtml = \" + fieldAccessor(\"content\") + \"(item);#\" + \"\" + \"#= itemWrapper(data) #\" + \"#if (item.hasChildren || item.items) { #\" + \"#= subGroup({ items: item.items, menu: menu, group: { expanded: item.expanded } }) #\" + \"# } else if (item.content || item.contentUrl || contentHtml) { #\" + \"#= renderContent(data) #\" + \"# } #\" + \"\"),\n scrollButton: template(\"\"),\n arrow: template(\"\"),\n sprite: template(\"# var spriteCssClass = \" + fieldAccessor(\"spriteCssClass\") + \"(data); if(spriteCssClass) {##}#\"),\n empty: template(\"\")\n };\n },\n renderItem: function renderItem(options) {\n var that = this;\n options = extend({\n menu: that,\n group: {}\n }, options);\n var empty = that.templates.empty,\n item = options.item;\n return that.templates.item(extend(options, {\n sprite: that.templates.sprite,\n itemWrapper: that.templates.itemWrapper,\n renderContent: that.renderContent,\n arrow: item.items || item.content || item[that.options.dataContentField[0]] ? that.templates.arrow : empty,\n subGroup: that.renderGroup\n }, rendering));\n },\n renderGroup: function renderGroup(options) {\n var that = this;\n var templates = that.templates || options.menu.templates;\n return templates.group(extend({\n renderItems: function renderItems(options) {\n var html = \"\",\n i = 0,\n items = options.items,\n len = items ? items.length : 0,\n group = extend({\n length: len\n }, options.group);\n for (; i < len; i++) {\n html += options.menu.renderItem(extend(options, {\n group: group,\n item: extend({\n index: i\n }, items[i])\n }));\n }\n return html;\n }\n }, options, rendering));\n },\n renderContent: function renderContent(options) {\n return options.menu.templates.content(extend(options, rendering));\n }\n });\n var ContextMenu = Menu.extend({\n init: function init(element, options) {\n var that = this;\n Menu.fn.init.call(that, element, options);\n that._marker = kendo.guid().substring(0, 8);\n that.target = $(that.options.target);\n that._popup();\n that._wire();\n },\n _initOverflow: function _initOverflow(options) {\n var that = this;\n if (options.scrollable && !that._overflowWrapper()) {\n that._openedPopups = {};\n that._popupsWrapper = (that.element.parent().is(animationContainerSelector) ? that.element.parent() : that.element).wrap(\"\").parent();\n if (that.options.orientation == \"horizontal\") {\n removeSpacesBetweenItems(that.element);\n }\n if (options.appendTo) {\n options.appendTo = $(options.appendTo);\n options.appendTo.append(that._popupsWrapper);\n }\n that._initialHeight = that.element[0].style.height;\n that._initialWidth = that.element[0].style.width;\n }\n },\n options: {\n name: \"ContextMenu\",\n filter: null,\n showOn: \"contextmenu\",\n orientation: \"vertical\",\n alignToAnchor: false,\n copyAnchorStyles: true,\n target: \"body\"\n },\n events: [OPEN, CLOSE, ACTIVATE, DEACTIVATE, SELECT],\n setOptions: function setOptions(options) {\n var that = this;\n Menu.fn.setOptions.call(that, options);\n that.target.off(that.showOn + NS + that._marker, that._showProxy);\n if (that.userEvents) {\n that.userEvents.destroy();\n }\n that.target = $(that.options.target);\n if (options.orientation && that.popup.wrapper[0]) {\n that.popup.element.unwrap();\n }\n that._wire();\n Menu.fn.setOptions.call(this, options);\n },\n destroy: function destroy() {\n var that = this;\n that.target.off(that.options.showOn + NS + that._marker);\n DOCUMENT_ELEMENT.off(kendo.support.mousedown + NS + that._marker, that._closeProxy);\n if (that.userEvents) {\n that.userEvents.destroy();\n }\n Menu.fn.destroy.call(that);\n },\n open: function open(x, y) {\n var that = this;\n x = $(x)[0];\n if (contains(that.element[0], $(x)[0]) || that._itemHasChildren($(x))) {\n // call parent open for children elements\n Menu.fn.open.call(that, x);\n } else {\n if (that._triggerEvent({\n item: that.element,\n type: OPEN\n }) === false) {\n if (that.popup.visible() && that.options.filter) {\n that.popup.close(true);\n that.popup.element.kendoStop(true);\n }\n if (y !== undefined) {\n var overflowWrapper = that._overflowWrapper();\n if (overflowWrapper) {\n var offset = overflowWrapper.offset();\n x -= offset.left;\n y -= offset.top;\n }\n that.popup.wrapper.hide();\n that._configurePopupScrolling(x, y);\n that.popup.open(x, y);\n } else {\n that.popup.options.anchor = (x ? x : that.popup.anchor) || that.target;\n that.popup.element.kendoStop(true);\n that._configurePopupScrolling();\n that.popup.open();\n }\n DOCUMENT_ELEMENT.off(that.popup.downEvent, that.popup._mousedownProxy);\n DOCUMENT_ELEMENT.on(kendo.support.mousedown + NS + that._marker, that._closeProxy);\n }\n }\n return that;\n },\n _configurePopupScrolling: function _configurePopupScrolling(x, y) {\n var that = this;\n var popup = that.popup;\n var isHorizontal = that.options.orientation == \"horizontal\";\n if (that.options.scrollable) {\n that._wrapPopupElement(popup);\n popup.element.parent().css({\n position: \"\",\n height: \"\"\n });\n popup.element.css({\n visibility: \"hidden\",\n display: \"\",\n position: \"\"\n });\n if (isHorizontal) {\n that._setPopupWidth(popup, isNaN(x) ? undefined : {\n isFixed: true,\n x: x,\n y: y\n });\n } else {\n that._setPopupHeight(popup, isNaN(x) ? undefined : {\n isFixed: true,\n x: x,\n y: y\n });\n }\n popup.element.css({\n visibility: \"\",\n display: \"none\",\n position: \"absolute\"\n });\n that._initPopupScrollButtons(popup, isHorizontal, true);\n popup.element.siblings(scrollButtonSelector).hide();\n }\n },\n _setPopupWidth: function _setPopupWidth(popup, isFixed) {\n var popupElement = popup.element;\n var popups = popupElement.add(popupElement.parent(animationContainerSelector));\n popups.width(this._initialWidth || \"\");\n var location = popup._location(isFixed);\n var windowWidth = $(window).width();\n var popupOuterWidth = location.width;\n var popupOffsetLeft = Math.max(location.left, 0);\n var scrollLeft = isFixed ? 0 : parentsScroll(this._overflowWrapper()[0], \"scrollLeft\");\n var shadow = kendo.getShadows(popupElement);\n var maxWidth = windowWidth - shadow.left - shadow.right;\n var canFit = maxWidth + scrollLeft > popupOuterWidth + popupOffsetLeft;\n if (!canFit) {\n popups.css({\n overflow: \"hidden\",\n width: maxWidth - popupOffsetLeft + scrollLeft + \"px\"\n });\n }\n },\n close: function close() {\n var that = this;\n if (contains(that.element[0], $(arguments[0])[0]) || that._itemHasChildren(arguments[0])) {\n Menu.fn.close.call(that, arguments[0]);\n } else {\n if (that.popup.visible()) {\n if (that._triggerEvent({\n item: that.element,\n type: CLOSE\n }) === false) {\n that.popup.close();\n DOCUMENT_ELEMENT.off(kendo.support.mousedown + NS + that._marker, that._closeProxy);\n that.unbind(SELECT, that._closeTimeoutProxy);\n }\n }\n }\n },\n _showHandler: function _showHandler(e) {\n var ev = e,\n offset,\n that = this,\n options = that.options,\n target = kendo.support.mobileOS ? $(ev.target) : $(ev.currentTarget);\n if (e.event) {\n ev = e.event;\n ev.pageX = e.x.location;\n ev.pageY = e.y.location;\n }\n if (contains(that.element[0], e.relatedTarget || e.target)) {\n return;\n }\n that._eventOrigin = ev;\n ev.preventDefault();\n ev.stopImmediatePropagation();\n that.element.find(\".\" + FOCUSEDSTATE).removeClass(FOCUSEDSTATE);\n if (options.filter && target.is(options.filter) || !options.filter) {\n if (options.alignToAnchor) {\n that.popup.options.anchor = ev.currentTarget;\n that.open(ev.currentTarget);\n } else {\n that.popup.options.anchor = ev.currentTarget;\n if (that._targetChild) {\n offset = that.target.offset();\n that.open(ev.pageX - offset.left, ev.pageY - offset.top);\n } else {\n that.open(ev.pageX, ev.pageY);\n }\n }\n }\n },\n _closeHandler: function _closeHandler(e) {\n var that = this,\n target = $(e.relatedTarget || e.target),\n sameTarget = target.closest(that.target.selector)[0] == that.target[0],\n item = target.closest(itemSelector),\n children = that._itemHasChildren(item),\n overflowWrapper = that._overflowWrapper(),\n containment = contains(that.element[0], target[0]) || overflowWrapper && contains(overflowWrapper[0], target[0]);\n that._eventOrigin = e;\n var normalClick = e.which !== 3;\n if (that.popup.visible() && (normalClick && sameTarget || !sameTarget) && (that.options.closeOnClick && !children && containment || !containment)) {\n if (containment) {\n this.unbind(SELECT, this._closeTimeoutProxy);\n that.bind(SELECT, that._closeTimeoutProxy);\n } else {\n that.close();\n }\n }\n },\n _wire: function _wire() {\n var that = this,\n options = that.options,\n target = that.target;\n that._showProxy = proxy(that._showHandler, that);\n that._closeProxy = proxy(that._closeHandler, that);\n that._closeTimeoutProxy = proxy(that.close, that);\n if (target[0]) {\n if (kendo.support.mobileOS && options.showOn == \"contextmenu\") {\n that.userEvents = new kendo.UserEvents(target, {\n filter: options.filter,\n allowSelection: false\n });\n target.on(options.showOn + NS + that._marker, false);\n that.userEvents.bind(\"hold\", that._showProxy);\n } else {\n if (options.filter) {\n target.on(options.showOn + NS + that._marker, options.filter, that._showProxy);\n } else {\n target.on(options.showOn + NS + that._marker, that._showProxy);\n }\n }\n }\n },\n _triggerEvent: function _triggerEvent(e) {\n var that = this,\n anchor = $(that.popup.options.anchor)[0],\n origin = that._eventOrigin;\n that._eventOrigin = undefined;\n return that.trigger(e.type, extend({\n type: e.type,\n item: e.item || this.element[0],\n target: anchor\n }, origin ? {\n event: origin\n } : {}));\n },\n _popup: function _popup() {\n var that = this;\n var overflowWrapper = that._overflowWrapper();\n that._triggerProxy = proxy(that._triggerEvent, that);\n that.popup = that.element.addClass(\"k-context-menu\").kendoPopup({\n autosize: that.options.orientation === \"horizontal\",\n anchor: that.target || \"body\",\n copyAnchorStyles: that.options.copyAnchorStyles,\n collision: that.options.popupCollision || \"fit\",\n animation: that.options.animation,\n activate: that._triggerProxy,\n deactivate: that._triggerProxy,\n appendTo: overflowWrapper || that.options.appendTo,\n close: !overflowWrapper ? $.noop : function (e) {\n $(getChildPopups(e.sender.element, overflowWrapper)).each(function (i, p) {\n var popup = p.data(KENDOPOPUP);\n if (popup) {\n popup.close(true);\n }\n });\n }\n }).data(KENDOPOPUP);\n that._targetChild = contains(that.target[0], that.popup.element[0]);\n }\n });\n ui.plugin(Menu);\n ui.plugin(ContextMenu);\n })(window.kendo.jQuery);\n return window.kendo;\n }, __webpack_require__(3));\n\n /***/\n })\n\n /******/\n});","module.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n module.exports = __webpack_require__(1384);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/1017: (/***/function _(module, exports) {\n module.exports = require(\"jquery\");\n\n /***/\n }),\n /***/1018: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.core\");\n\n /***/\n }),\n /***/1054: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.popup\");\n\n /***/\n }),\n /***/1072: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.fx\");\n\n /***/\n }),\n /***/1384: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__; /* WEBPACK VAR INJECTION */\n (function (jQuery) {\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(1018), __webpack_require__(1054), __webpack_require__(1072)], __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 })(function () {\n var __meta__ = {\n // jshint ignore:line\n id: \"tooltip\",\n name: \"Tooltip\",\n category: \"web\",\n description: \"The Tooltip widget displays a popup hint for a given html element.\",\n depends: [\"core\", \"popup\"],\n features: [{\n id: \"tooltip-fx\",\n name: \"Animation\",\n description: \"Support for animation\",\n depends: [\"fx\"]\n }]\n };\n (function ($, undefined) {\n var kendo = window.kendo,\n Widget = kendo.ui.Widget,\n Popup = kendo.ui.Popup,\n isFunction = kendo.isFunction,\n isPlainObject = $.isPlainObject,\n extend = $.extend,\n proxy = $.proxy,\n DOCUMENT = $(document),\n isLocalUrl = kendo.isLocalUrl,\n ARIAIDSUFFIX = \"_tt_active\",\n DESCRIBEDBY = \"aria-describedby\",\n SHOW = \"show\",\n HIDE = \"hide\",\n ERROR = \"error\",\n CONTENTLOAD = \"contentLoad\",\n REQUESTSTART = \"requestStart\",\n KCONTENTFRAME = \"k-content-frame\",\n TEMPLATE = '',\n IFRAMETEMPLATE = kendo.template(\"\"),\n NS = \".kendoTooltip\",\n POSITIONS = {\n bottom: {\n origin: \"bottom center\",\n position: \"top center\"\n },\n top: {\n origin: \"top center\",\n position: \"bottom center\"\n },\n left: {\n origin: \"center left\",\n position: \"center right\",\n collision: \"fit flip\"\n },\n right: {\n origin: \"center right\",\n position: \"center left\",\n collision: \"fit flip\"\n },\n center: {\n position: \"center center\",\n origin: \"center center\"\n }\n },\n REVERSE = {\n \"top\": \"bottom\",\n \"bottom\": \"top\",\n \"left\": \"right\",\n \"right\": \"left\",\n \"center\": \"center\"\n },\n DIRCLASSES = {\n bottom: \"n\",\n top: \"s\",\n left: \"e\",\n right: \"w\",\n center: \"n\"\n },\n DIMENSIONS = {\n \"horizontal\": {\n offset: \"top\",\n size: \"outerHeight\"\n },\n \"vertical\": {\n offset: \"left\",\n size: \"outerWidth\"\n }\n },\n DEFAULTCONTENT = function DEFAULTCONTENT(e) {\n return e.target.data(kendo.ns + \"title\");\n };\n function restoreTitle(element) {\n while (element.length) {\n if (restoreTitleAttributeForElement(element)) {\n break;\n }\n element = element.parent();\n }\n }\n function restoreTitleAttributeForElement(element) {\n var title = element.data(kendo.ns + \"title\");\n if (title) {\n element.attr(\"title\", title);\n element.removeData(kendo.ns + \"title\");\n return true;\n }\n }\n function saveTitleAttributeForElement(element) {\n var title = element.attr(\"title\");\n if (title) {\n element.data(kendo.ns + \"title\", title);\n element.attr(\"title\", \"\");\n return true;\n }\n }\n function saveTitleAttributes(element) {\n while (element.length && !element.is(\"body\")) {\n if (saveTitleAttributeForElement(element)) {\n break;\n }\n element = element.parent();\n }\n }\n var Tooltip = Widget.extend({\n init: function init(element, options) {\n var that = this,\n axis;\n Widget.fn.init.call(that, element, options);\n axis = that.options.position.match(/left|right/) ? \"horizontal\" : \"vertical\";\n that.dimensions = DIMENSIONS[axis];\n that._documentKeyDownHandler = proxy(that._documentKeyDown, that);\n if (kendo.support.touch && this._isShownOnMouseEnter()) {\n that.element.on(kendo.support.mousedown + NS, that.options.filter, proxy(that._showOn, that));\n }\n that.element.on(that.options.showOn + NS, that.options.filter, proxy(that._showOn, that));\n if (this._isShownOnMouseEnter() || this._isShownOnClick()) {\n that.element.on(\"mouseenter\" + NS, that.options.filter, proxy(that._mouseenter, that));\n }\n if (this.options.autoHide && this._isShownOnMouseEnter()) {\n that.element.on(\"mouseleave\" + NS, that.options.filter, proxy(that._mouseleave, that));\n }\n if (this.options.autoHide && this._isShownOnFocus()) {\n that.element.on(\"blur\" + NS, that.options.filter, proxy(that._blur, that));\n }\n if (kendo.support.touch) {\n that.element.on(kendo.support.mousedown + NS, that.options.filter, proxy(that._mouseenter, that));\n }\n },\n options: {\n name: \"Tooltip\",\n filter: \"\",\n content: DEFAULTCONTENT,\n showAfter: 100,\n hideAfter: 100,\n callout: true,\n offset: 0,\n position: \"bottom\",\n showOn: \"mouseenter\",\n autoHide: true,\n width: null,\n height: null,\n animation: {\n open: {\n effects: \"fade:in\",\n duration: 0\n },\n close: {\n duration: 40,\n hide: true\n }\n }\n },\n events: [SHOW, HIDE, CONTENTLOAD, ERROR, REQUESTSTART],\n _isShownOnFocus: function _isShownOnFocus() {\n return this.options.showOn && this.options.showOn.match(/focus/);\n },\n _isShownOnMouseEnter: function _isShownOnMouseEnter() {\n return this.options.showOn && this.options.showOn.match(/mouseenter/);\n },\n _isShownOnClick: function _isShownOnClick() {\n return this.options.showOn && this.options.showOn.match(/click/);\n },\n _mouseenter: function _mouseenter(e) {\n saveTitleAttributes($(e.currentTarget));\n },\n _showOn: function _showOn(e) {\n var that = this;\n var currentTarget = $(e.currentTarget);\n if (that._isShownOnClick() && !that._isShownOnMouseEnter()) {\n that._show(currentTarget);\n } else if (that._isShownOnFocus()) {\n saveTitleAttributes(currentTarget);\n that._show(currentTarget);\n } else {\n clearTimeout(that.timeout);\n that.timeout = setTimeout(function () {\n that._show(currentTarget);\n }, that.options.showAfter);\n }\n },\n _appendContent: function _appendContent(target) {\n var that = this,\n contentOptions = that.options.content,\n element = that.content,\n showIframe = that.options.iframe,\n iframe;\n if (isPlainObject(contentOptions) && contentOptions.url) {\n if (!(\"iframe\" in that.options)) {\n showIframe = !isLocalUrl(contentOptions.url);\n }\n that.trigger(REQUESTSTART, {\n options: contentOptions,\n target: target\n });\n if (!showIframe) {\n element.empty();\n kendo.ui.progress(element, true);\n\n // perform AJAX request\n that._ajaxRequest(contentOptions);\n } else {\n element.hide();\n iframe = element.find(\".\" + KCONTENTFRAME)[0];\n if (iframe) {\n // refresh existing iframe\n iframe.src = contentOptions.url || iframe.src;\n } else {\n element.html(IFRAMETEMPLATE({\n content: contentOptions\n }));\n }\n element.find(\".\" + KCONTENTFRAME).off(\"load\" + NS).on(\"load\" + NS, function () {\n that.trigger(CONTENTLOAD);\n element.show();\n });\n }\n } else if (contentOptions && isFunction(contentOptions)) {\n contentOptions = contentOptions({\n sender: this,\n target: target\n });\n element.html(contentOptions || \"\");\n } else {\n element.html(contentOptions);\n }\n that.angular(\"compile\", function () {\n return {\n elements: element\n };\n });\n },\n _ajaxRequest: function _ajaxRequest(options) {\n var that = this;\n jQuery.ajax(extend({\n type: \"GET\",\n dataType: \"html\",\n cache: false,\n error: function error(xhr, status) {\n kendo.ui.progress(that.content, false);\n that.trigger(ERROR, {\n status: status,\n xhr: xhr\n });\n },\n success: proxy(function (data) {\n kendo.ui.progress(that.content, false);\n that.content.html(data);\n that.trigger(CONTENTLOAD);\n }, that)\n }, options));\n },\n _documentKeyDown: function _documentKeyDown(e) {\n if (e.keyCode === kendo.keys.ESC) {\n this.hide();\n }\n },\n refresh: function refresh() {\n var that = this,\n popup = that.popup;\n if (popup && popup.options.anchor) {\n that._appendContent(popup.options.anchor);\n }\n },\n hide: function hide() {\n if (this.popup) {\n this.popup.close();\n }\n },\n show: function show(target) {\n target = target || this.element;\n saveTitleAttributes(target);\n this._show(target);\n },\n _show: function _show(target) {\n var that = this,\n current = that.target();\n if (!that.popup) {\n that._initPopup();\n }\n if (current && current[0] != target[0]) {\n that.popup.close();\n that.popup.element.kendoStop(true, true); // animation can be too long to hide the element before it is shown again\n }\n if (!current || current[0] != target[0]) {\n that._appendContent(target);\n that.popup.options.anchor = target;\n }\n that.popup.one(\"deactivate\", function () {\n restoreTitle(target);\n target.removeAttr(DESCRIBEDBY);\n this.element.removeAttr(\"id\").attr(\"aria-hidden\", true);\n DOCUMENT.off(\"keydown\" + NS, that._documentKeyDownHandler);\n });\n that.popup._hovered = true;\n that.popup.open();\n },\n _initPopup: function _initPopup() {\n var that = this,\n options = that.options,\n wrapper = $(kendo.template(TEMPLATE)({\n callout: options.callout && options.position !== \"center\",\n dir: DIRCLASSES[options.position],\n autoHide: options.autoHide\n }));\n that.popup = new Popup(wrapper, extend({\n autosize: true,\n activate: function activate() {\n var anchor = this.options.anchor,\n ariaId = anchor[0].id || that.element[0].id;\n if (ariaId) {\n anchor.attr(DESCRIBEDBY, ariaId + ARIAIDSUFFIX);\n this.element.attr(\"id\", ariaId + ARIAIDSUFFIX);\n }\n if (options.callout) {\n that._positionCallout();\n } else {\n that._offset(that.options.position, that.options.offset);\n }\n this.element.removeAttr(\"aria-hidden\");\n DOCUMENT.on(\"keydown\" + NS, that._documentKeyDownHandler);\n that.trigger(SHOW);\n that.popup._hovered = undefined;\n },\n close: function close() {\n that.trigger(HIDE);\n },\n copyAnchorStyles: false,\n animation: options.animation\n }, POSITIONS[options.position]));\n wrapper.css({\n width: options.width,\n height: options.height\n });\n that.content = wrapper.find(\".k-tooltip-content\");\n that.arrow = wrapper.find(\".k-callout\");\n if (options.autoHide && this._isShownOnMouseEnter()) {\n wrapper.on(\"mouseleave\" + NS, proxy(that._mouseleave, that));\n } else {\n wrapper.on(\"click\" + NS, \".k-tooltip-button\", proxy(that._closeButtonClick, that));\n }\n },\n _closeButtonClick: function _closeButtonClick(e) {\n e.preventDefault();\n this.hide();\n },\n _mouseleave: function _mouseleave(e) {\n var that = this;\n clearTimeout(that.timeout);\n that.timeout = setTimeout(function () {\n that._closePopup(e.currentTarget);\n }, that.options.hideAfter);\n },\n _blur: function _blur(e) {\n this._closePopup(e.currentTarget);\n },\n _closePopup: function _closePopup(target) {\n if (this.popup && !this.popup._hovered) {\n this.popup.close();\n } else {\n restoreTitle($(target));\n }\n },\n target: function target() {\n if (this.popup) {\n return this.popup.options.anchor;\n }\n return null;\n },\n _positionCallout: function _positionCallout() {\n var that = this,\n position = that.options.position,\n dimensions = that.dimensions,\n offset = dimensions.offset,\n popup = that.popup,\n anchor = popup.options.anchor,\n anchorOffset = $(anchor).offset(),\n elementOffset = $(popup.element).offset(),\n cssClass = DIRCLASSES[popup.flipped ? REVERSE[position] : position],\n offsetAmount = anchorOffset[offset] - elementOffset[offset] + $(anchor)[dimensions.size]() / 2;\n that._offset(position, that.options.offset);\n that.arrow.removeClass(\"k-callout-n k-callout-s k-callout-w k-callout-e\").addClass(\"k-callout-\" + cssClass).css(offset, offsetAmount);\n },\n destroy: function destroy() {\n var popup = this.popup;\n if (popup) {\n popup.element.off(NS);\n popup.destroy();\n }\n clearTimeout(this.timeout);\n this.element.off(NS);\n DOCUMENT.off(\"keydown\" + NS, this._documentKeyDownHandler);\n Widget.fn.destroy.call(this);\n },\n _offset: function _offset(position, offsetAmount) {\n var that = this,\n isTopLeft = position == \"top\" || position == \"left\",\n isFlipped = that.popup.flipped,\n direction = isTopLeft && isFlipped || !isTopLeft && !isFlipped ? 1 : -1,\n marginRule = isTopLeft ? \"margin-\" + position : \"margin-\" + REVERSE[position],\n offset = kendo._outerWidth(that.arrow) / 2 + offsetAmount;\n that.popup.wrapper.css(marginRule, offset * direction + \"px\");\n }\n });\n kendo.ui.plugin(Tooltip);\n })(window.kendo.jQuery);\n return window.kendo;\n }, __webpack_require__(3));\n\n /* WEBPACK VAR INJECTION */\n }).call(exports, __webpack_require__(1017));\n\n /***/\n })\n\n /******/\n});","module.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n module.exports = __webpack_require__(1401);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/1018: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.core\");\n\n /***/\n }),\n /***/1072: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.fx\");\n\n /***/\n }),\n /***/1076: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.binder\");\n\n /***/\n }),\n /***/1401: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(1018), __webpack_require__(1076), __webpack_require__(1072)], __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 })(function () {\n var __meta__ = {\n // jshint ignore:line\n id: \"view\",\n name: \"View\",\n category: \"framework\",\n description: \"The View class instantiates and handles the events of a certain screen from the application.\",\n depends: [\"core\", \"binder\", \"fx\"],\n hidden: false\n };\n (function ($, undefined) {\n var kendo = window.kendo,\n attr = kendo.attr,\n ui = kendo.ui,\n attrValue = kendo.attrValue,\n directiveSelector = kendo.directiveSelector,\n Observable = kendo.Observable,\n Widget = kendo.ui.Widget,\n roleSelector = kendo.roleSelector,\n SCRIPT = \"SCRIPT\",\n INIT = \"init\",\n TRANSITION_START = \"transitionStart\",\n TRANSITION_END = \"transitionEnd\",\n SHOW = \"show\",\n HIDE = \"hide\",\n ATTACH = \"attach\",\n DETACH = \"detach\",\n sizzleErrorRegExp = /unrecognized expression/;\n var bodyRegExp = /]*>(([\\u000a\\u000d\\u2028\\u2029]|.)*)<\\/body>/i;\n var LOAD_START = \"loadStart\";\n var LOAD_COMPLETE = \"loadComplete\";\n var SHOW_START = \"showStart\";\n var SAME_VIEW_REQUESTED = \"sameViewRequested\";\n var VIEW_SHOW = \"viewShow\";\n var VIEW_TYPE_DETERMINED = \"viewTypeDetermined\";\n var AFTER = \"after\";\n var classNames = {\n content: \"k-content\",\n view: \"k-view\",\n stretchedView: \"k-stretched-view\",\n widget: \"k-widget\",\n header: \"k-header\",\n footer: \"k-footer\"\n };\n var View = kendo.ui.Widget.extend({\n init: function init(content, options) {\n var that = this;\n options = options || {};\n that.id = kendo.guid();\n Observable.fn.init.call(that);\n this.options = $.extend({}, this.options, options);\n that.content = content;\n if (that.options.renderOnInit) {\n Widget.fn.init.call(that, that._createElement(), options);\n }\n if (that.options.wrapInSections) {\n that._renderSections();\n }\n that.tagName = options.tagName || \"div\";\n that.model = options.model;\n that._wrap = options.wrap !== false;\n this._evalTemplate = options.evalTemplate || false;\n that._fragments = {};\n that.bind([INIT, SHOW, HIDE, TRANSITION_START, TRANSITION_END], options);\n },\n options: {\n name: \"View\",\n renderOnInit: false,\n wrapInSections: false,\n detachOnHide: true,\n detachOnDestroy: true\n },\n render: function render(container) {\n var that = this,\n notInitialized = !that.element;\n\n // The order below matters - kendo.bind should happen when the element is in the DOM, and show should be triggered after init.\n\n if (notInitialized) {\n that.element = that._createElement();\n }\n if (container) {\n $(container).append(that.element);\n }\n if (notInitialized) {\n kendo.bind(that.element, that.model);\n that.trigger(INIT);\n }\n if (container) {\n that._eachFragment(ATTACH);\n that.trigger(SHOW);\n }\n return that.element;\n },\n clone: function clone() {\n return new ViewClone(this);\n },\n triggerBeforeShow: function triggerBeforeShow() {\n return true;\n },\n triggerBeforeHide: function triggerBeforeHide() {\n return true;\n },\n showStart: function showStart() {\n var that = this;\n var element = that.render();\n if (element) {\n element.css(\"display\", \"\");\n }\n this.trigger(SHOW_START, {\n view: this\n });\n },\n showEnd: function showEnd() {},\n hideEnd: function hideEnd() {\n this.hide();\n },\n beforeTransition: function beforeTransition(type) {\n this.trigger(TRANSITION_START, {\n type: type\n });\n },\n afterTransition: function afterTransition(type) {\n this.trigger(TRANSITION_END, {\n type: type\n });\n },\n hide: function hide() {\n if (this.options.detachOnHide) {\n this._eachFragment(DETACH);\n $(this.element).detach();\n }\n this.trigger(HIDE);\n },\n destroy: function destroy() {\n var that = this;\n var element = that.element;\n if (element) {\n Widget.fn.destroy.call(that);\n kendo.unbind(element);\n kendo.destroy(element);\n if (that.options.detachOnDestroy) {\n element.remove();\n }\n }\n },\n // ported from mobile view\n purge: function purge() {\n var that = this;\n that.destroy();\n $(that.element).add(that.content).add(that.wrapper).off().remove();\n },\n fragments: function fragments(_fragments) {\n $.extend(this._fragments, _fragments);\n },\n _eachFragment: function _eachFragment(methodName) {\n for (var placeholder in this._fragments) {\n this._fragments[placeholder][methodName](this, placeholder);\n }\n },\n _createElement: function _createElement() {\n var that = this,\n wrapper = \"<\" + that.tagName + \" />\",\n element,\n content;\n try {\n content = $(document.getElementById(that.content) || that.content); // support passing id without #\n\n if (content[0].tagName === SCRIPT) {\n content = content.html();\n }\n } catch (e) {\n if (sizzleErrorRegExp.test(e.message)) {\n content = that.content;\n }\n }\n if (typeof content === \"string\") {\n content = content.replace(/^\\s+|\\s+$/g, '');\n if (that._evalTemplate) {\n content = kendo.template(content)(that.model || {});\n }\n element = $(wrapper).append(content);\n // drop the wrapper if asked - this seems like the easiest (although not very intuitive) way to avoid messing up templates with questionable content, like this one for instance:\n // \n if (!that._wrap) {\n element = element.contents();\n }\n } else {\n element = content;\n if (that._evalTemplate) {\n var result = $(kendo.template($(\"\").append(element.clone(true)).html())(that.model || {}));\n\n // template uses DOM\n if ($.contains(document, element[0])) {\n element.replaceWith(result);\n }\n element = result;\n }\n if (that._wrap) {\n element = element.wrapAll(wrapper).parent();\n }\n }\n return element;\n },\n _renderSections: function _renderSections() {\n var that = this;\n if (that.options.wrapInSections) {\n that._wrapper();\n that._createContent();\n that._createHeader();\n that._createFooter();\n }\n },\n _wrapper: function _wrapper() {\n var that = this;\n var content = that.content;\n if (content.is(roleSelector(\"view\"))) {\n that.wrapper = that.content;\n } else {\n that.wrapper = content.wrap('').parent();\n }\n var wrapper = that.wrapper;\n wrapper.attr(\"id\", that.id);\n wrapper.addClass(classNames.view);\n wrapper.addClass(classNames.widget);\n wrapper.attr(\"role\", \"view\");\n },\n _createContent: function _createContent() {\n var that = this;\n var wrapper = $(that.wrapper);\n var contentSelector = roleSelector(\"content\");\n if (!wrapper.children(contentSelector)[0]) {\n var ccontentElements = wrapper.children().filter(function () {\n var child = $(this);\n if (!child.is(roleSelector(\"header\")) && !child.is(roleSelector(\"footer\"))) {\n return child;\n }\n });\n ccontentElements.wrap(\"');\n }\n\n // use contentElement instead of content as view.content can be a string\n this.contentElement = wrapper.children(roleSelector(\"content\"));\n this.contentElement.addClass(classNames.stretchedView).addClass(classNames.content);\n },\n _createHeader: function _createHeader() {\n var that = this;\n var wrapper = that.wrapper;\n this.header = wrapper.children(roleSelector(\"header\")).addClass(classNames.header);\n },\n _createFooter: function _createFooter() {\n var that = this;\n var wrapper = that.wrapper;\n this.footer = wrapper.children(roleSelector(\"footer\")).addClass(classNames.footer);\n }\n });\n var ViewClone = kendo.Class.extend({\n init: function init(view) {\n $.extend(this, {\n element: view.element.clone(true),\n transition: view.transition,\n id: view.id\n });\n view.element.parent().append(this.element);\n },\n hideEnd: function hideEnd() {\n this.element.remove();\n },\n beforeTransition: $.noop,\n afterTransition: $.noop\n });\n var Layout = View.extend({\n init: function init(content, options) {\n View.fn.init.call(this, content, options);\n this.containers = {};\n },\n container: function container(selector) {\n var container = this.containers[selector];\n if (!container) {\n container = this._createContainer(selector);\n this.containers[selector] = container;\n }\n return container;\n },\n showIn: function showIn(selector, view, transition) {\n this.container(selector).show(view, transition);\n },\n _createContainer: function _createContainer(selector) {\n var root = this.render(),\n element = root.find(selector),\n container;\n if (!element.length && root.is(selector)) {\n if (root.is(selector)) {\n element = root;\n } else {\n throw new Error(\"can't find a container with the specified \" + selector + \" selector\");\n }\n }\n container = new ViewContainer(element);\n container.bind(\"accepted\", function (e) {\n e.view.render(element);\n });\n return container;\n }\n });\n var Fragment = View.extend({\n attach: function attach(view, placeholder) {\n view.element.find(placeholder).replaceWith(this.render());\n },\n detach: function detach() {}\n });\n var transitionRegExp = /^(\\w+)(:(\\w+))?( (\\w+))?$/;\n function parseTransition(transition) {\n if (!transition) {\n return {};\n }\n var matches = transition.match(transitionRegExp) || [];\n return {\n type: matches[1],\n direction: matches[3],\n reverse: matches[5] === \"reverse\"\n };\n }\n var ViewContainer = Observable.extend({\n init: function init(container) {\n Observable.fn.init.call(this);\n this.container = container;\n this.history = [];\n this.view = null;\n this.running = false;\n },\n after: function after() {\n this.running = false;\n this.trigger(\"complete\", {\n view: this.view\n });\n this.trigger(\"after\");\n },\n end: function end() {\n this.view.showEnd();\n this.previous.hideEnd();\n this.after();\n },\n show: function show(view, transition, locationID) {\n if (!view.triggerBeforeShow() || this.view && !this.view.triggerBeforeHide()) {\n this.trigger(\"after\");\n return false;\n }\n locationID = locationID || view.id;\n var that = this,\n current = view === that.view ? view.clone() : that.view,\n history = that.history,\n previousEntry = history[history.length - 2] || {},\n back = previousEntry.id === locationID,\n // If explicit transition is set, it will be with highest priority\n // Next we will try using the history record transition or the view transition configuration\n theTransition = transition || (back ? history[history.length - 1].transition : view.transition),\n transitionData = parseTransition(theTransition);\n if (that.running) {\n that.effect.stop();\n }\n if (theTransition === \"none\") {\n theTransition = null;\n }\n that.trigger(\"accepted\", {\n view: view\n });\n that.view = view;\n that.previous = current;\n that.running = true;\n if (!back) {\n history.push({\n id: locationID,\n transition: theTransition\n });\n } else {\n history.pop();\n }\n if (!current) {\n view.showStart();\n view.showEnd();\n that.after();\n return true;\n }\n if (!theTransition || !kendo.effects.enabled) {\n view.showStart();\n that.end();\n } else {\n // hide the view element before init/show - prevents blinks on iPad\n // the replace effect will remove this class\n view.element.addClass(\"k-fx-hidden\");\n view.showStart();\n // do not reverse the explicit transition\n if (back && !transition) {\n transitionData.reverse = !transitionData.reverse;\n }\n that.effect = kendo.fx(view.element).replace(current.element, transitionData.type).beforeTransition(function () {\n view.beforeTransition(\"show\");\n current.beforeTransition(\"hide\");\n }).afterTransition(function () {\n view.afterTransition(\"show\");\n current.afterTransition(\"hide\");\n }).direction(transitionData.direction).setReverse(transitionData.reverse);\n that.effect.run().then(function () {\n that.end();\n });\n }\n return true;\n },\n destroy: function destroy() {\n var that = this;\n var view = that.view;\n if (view && view.destroy) {\n view.destroy();\n }\n }\n });\n var ViewEngine = Observable.extend({\n init: function init(options) {\n var that = this,\n views,\n container;\n Observable.fn.init.call(that);\n that.options = options;\n $.extend(that, options);\n that.sandbox = $(\"\");\n container = that.container;\n views = that._hideViews(container);\n that.rootView = views.first();\n that.layouts = {};\n that.viewContainer = new kendo.ViewContainer(that.container);\n that.viewContainer.bind(\"accepted\", function (e) {\n e.view.params = that.params;\n });\n that.viewContainer.bind(\"complete\", function (e) {\n that.trigger(VIEW_SHOW, {\n view: e.view\n });\n });\n that.viewContainer.bind(AFTER, function () {\n that.trigger(AFTER);\n });\n this.bind(this.events, options);\n },\n events: [SHOW_START, AFTER, VIEW_SHOW, LOAD_START, LOAD_COMPLETE, SAME_VIEW_REQUESTED, VIEW_TYPE_DETERMINED],\n destroy: function destroy() {\n var that = this;\n var viewContainer = that.viewContainer;\n kendo.destroy(that.container);\n for (var id in that.layouts) {\n this.layouts[id].destroy();\n }\n if (viewContainer) {\n viewContainer.destroy();\n }\n },\n view: function view() {\n return this.viewContainer.view;\n },\n showView: function showView(url, transition, params) {\n url = url.replace(new RegExp(\"^\" + this.remoteViewURLPrefix), \"\");\n if (url === \"\" && this.remoteViewURLPrefix) {\n url = \"/\";\n }\n if (url.replace(/^#/, \"\") === this.url) {\n this.trigger(SAME_VIEW_REQUESTED);\n return false;\n }\n this.trigger(SHOW_START);\n var that = this,\n element = that._findViewElement(url),\n view = kendo.widgetInstance(element);\n that.url = url.replace(/^#/, \"\");\n that.params = params;\n if (view && view.reload) {\n view.purge();\n element = [];\n }\n this.trigger(VIEW_TYPE_DETERMINED, {\n remote: element.length === 0,\n url: url\n });\n if (element[0]) {\n if (!view) {\n view = that._createView(element);\n }\n return that.viewContainer.show(view, transition, url);\n } else {\n return true;\n }\n },\n append: function append(html, url) {\n var sandbox = this.sandbox,\n urlPath = (url || \"\").split(\"?\")[0],\n container = this.container,\n views,\n view;\n if (bodyRegExp.test(html)) {\n html = RegExp.$1;\n }\n sandbox[0].innerHTML = html;\n container.append(sandbox.children(\"script, style\"));\n views = this._hideViews(sandbox);\n view = views.first();\n\n // Generic HTML content found as remote view - no remote view markers\n if (!view.length) {\n views = view = sandbox.wrapInner(\"\").children(); // one element\n }\n if (urlPath) {\n view.hide().attr(attr(\"url\"), urlPath);\n }\n container.append(views);\n return this._createView(view);\n },\n _locate: function _locate(selectors) {\n return this.$angular ? directiveSelector(selectors) : roleSelector(selectors);\n },\n _findViewElement: function _findViewElement(url) {\n var element,\n urlPath = url.split(\"?\")[0];\n if (!urlPath) {\n return this.rootView;\n }\n element = this.container.children(\"[\" + attr(\"url\") + \"='\" + urlPath + \"']\");\n\n // do not try to search for \"#/foo/bar\" id, jQuery throws error\n if (!element[0] && urlPath.indexOf(\"/\") === -1) {\n element = this.container.children(urlPath.charAt(0) === \"#\" ? urlPath : \"#\" + urlPath);\n }\n if (!element[0]) {\n element = this._findViewElementById(url);\n }\n return element;\n },\n _findViewElementById: function _findViewElementById(id) {\n var element = this.container.children(\"[id='\" + id + \"']\");\n return element;\n },\n _createView: function _createView(element) {\n //return this._createMobileView(element);\n return this._createSpaView(element);\n },\n _createMobileView: function _createMobileView(element) {\n return kendo.initWidget(element, {\n defaultTransition: this.transition,\n loader: this.loader,\n container: this.container,\n getLayout: this.getLayoutProxy,\n modelScope: this.modelScope,\n reload: attrValue(element, \"reload\")\n }, ui.roles);\n },\n _createSpaView: function _createSpaView(element) {\n var viewOptions = (this.options || {}).viewOptions || {};\n return new kendo.View(element, {\n renderOnInit: viewOptions.renderOnInit,\n wrap: viewOptions.wrap || false,\n wrapInSections: viewOptions.wrapInSections,\n detachOnHide: viewOptions.detachOnHide,\n detachOnDestroy: viewOptions.detachOnDestroy\n });\n },\n _hideViews: function _hideViews(container) {\n return container.children(this._locate(\"view\")).hide();\n }\n });\n kendo.ViewEngine = ViewEngine;\n kendo.ViewContainer = ViewContainer;\n kendo.Fragment = Fragment;\n kendo.Layout = Layout;\n kendo.View = View;\n kendo.ViewClone = ViewClone;\n })(window.kendo.jQuery);\n return window.kendo;\n }, __webpack_require__(3));\n\n /***/\n })\n\n /******/\n});","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nmodule.exports = /******/function (modules) {\n // webpackBootstrap\n /******/ // The module cache\n /******/\n var installedModules = {};\n\n /******/ // The require function\n /******/\n function __webpack_require__(moduleId) {\n /******/ // Check if module is in cache\n /******/if (installedModules[moduleId]) /******/return installedModules[moduleId].exports;\n\n /******/ // Create a new module (and put it into the cache)\n /******/\n var module = installedModules[moduleId] = {\n /******/exports: {},\n /******/id: moduleId,\n /******/loaded: false\n /******/\n };\n\n /******/ // Execute the module function\n /******/\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n /******/ // Flag the module as loaded\n /******/\n module.loaded = true;\n\n /******/ // Return the exports of the module\n /******/\n return module.exports;\n /******/\n }\n\n /******/ // expose the modules object (__webpack_modules__)\n /******/\n __webpack_require__.m = modules;\n\n /******/ // expose the module cache\n /******/\n __webpack_require__.c = installedModules;\n\n /******/ // __webpack_public_path__\n /******/\n __webpack_require__.p = \"\";\n\n /******/ // Load entry module and return exports\n /******/\n return __webpack_require__(0);\n /******/\n}\n/************************************************************************/\n/******/({\n /***/0: (/***/function _(module, exports, __webpack_require__) {\n module.exports = __webpack_require__(1052);\n\n /***/\n }),\n /***/3: (/***/function _(module, exports) {\n module.exports = function () {\n throw new Error(\"define cannot be used indirect\");\n };\n\n /***/\n }),\n /***/1017: (/***/function _(module, exports) {\n module.exports = require(\"jquery\");\n\n /***/\n }),\n /***/1018: (/***/function _(module, exports) {\n module.exports = require(\"./kendo.core\");\n\n /***/\n }),\n /***/1052: (/***/function _(module, exports, __webpack_require__) {\n var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__; /* WEBPACK VAR INJECTION */\n (function (jQuery) {\n (function (f, define) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(1018), __webpack_require__(1053), __webpack_require__(1054), __webpack_require__(1055), __webpack_require__(1056), __webpack_require__(1057)], __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 })(function () {\n var __meta__ = {\n // jshint ignore:line\n id: \"colorpicker\",\n name: \"Color tools\",\n category: \"web\",\n description: \"Color selection widgets\",\n depends: [\"core\", \"color\", \"popup\", \"slider\", \"userevents\", \"button\"]\n };\n (function ($, parseInt, undefined) {\n // WARNING: removing the following jshint declaration and turning\n // == into === to make JSHint happy will break functionality.\n /*jshint eqnull:true */\n var kendo = window.kendo,\n ui = kendo.ui,\n Widget = ui.Widget,\n parseColor = kendo.parseColor,\n Color = kendo.Color,\n KEYS = kendo.keys,\n BACKGROUNDCOLOR = \"background-color\",\n ITEMSELECTEDCLASS = \"k-state-selected\",\n SIMPLEPALETTE = \"000000,7f7f7f,880015,ed1c24,ff7f27,fff200,22b14c,00a2e8,3f48cc,a349a4,ffffff,c3c3c3,b97a57,ffaec9,ffc90e,efe4b0,b5e61d,99d9ea,7092be,c8bfe7\",\n WEBPALETTE = \"FFFFFF,FFCCFF,FF99FF,FF66FF,FF33FF,FF00FF,CCFFFF,CCCCFF,CC99FF,CC66FF,CC33FF,CC00FF,99FFFF,99CCFF,9999FF,9966FF,9933FF,9900FF,FFFFCC,FFCCCC,FF99CC,FF66CC,FF33CC,FF00CC,CCFFCC,CCCCCC,CC99CC,CC66CC,CC33CC,CC00CC,99FFCC,99CCCC,9999CC,9966CC,9933CC,9900CC,FFFF99,FFCC99,FF9999,FF6699,FF3399,FF0099,CCFF99,CCCC99,CC9999,CC6699,CC3399,CC0099,99FF99,99CC99,999999,996699,993399,990099,FFFF66,FFCC66,FF9966,FF6666,FF3366,FF0066,CCFF66,CCCC66,CC9966,CC6666,CC3366,CC0066,99FF66,99CC66,999966,996666,993366,990066,FFFF33,FFCC33,FF9933,FF6633,FF3333,FF0033,CCFF33,CCCC33,CC9933,CC6633,CC3333,CC0033,99FF33,99CC33,999933,996633,993333,990033,FFFF00,FFCC00,FF9900,FF6600,FF3300,FF0000,CCFF00,CCCC00,CC9900,CC6600,CC3300,CC0000,99FF00,99CC00,999900,996600,993300,990000,66FFFF,66CCFF,6699FF,6666FF,6633FF,6600FF,33FFFF,33CCFF,3399FF,3366FF,3333FF,3300FF,00FFFF,00CCFF,0099FF,0066FF,0033FF,0000FF,66FFCC,66CCCC,6699CC,6666CC,6633CC,6600CC,33FFCC,33CCCC,3399CC,3366CC,3333CC,3300CC,00FFCC,00CCCC,0099CC,0066CC,0033CC,0000CC,66FF99,66CC99,669999,666699,663399,660099,33FF99,33CC99,339999,336699,333399,330099,00FF99,00CC99,009999,006699,003399,000099,66FF66,66CC66,669966,666666,663366,660066,33FF66,33CC66,339966,336666,333366,330066,00FF66,00CC66,009966,006666,003366,000066,66FF33,66CC33,669933,666633,663333,660033,33FF33,33CC33,339933,336633,333333,330033,00FF33,00CC33,009933,006633,003333,000033,66FF00,66CC00,669900,666600,663300,660000,33FF00,33CC00,339900,336600,333300,330000,00FF00,00CC00,009900,006600,003300,000000\",\n WHITE = \"#ffffff\",\n MESSAGES = {\n apply: \"Apply\",\n cancel: \"Cancel\",\n noColor: \"no color\",\n clearColor: \"Clear color\",\n previewInput: \"Color Hexadecimal Code\"\n },\n NS = \".kendoColorTools\",\n CLICK_NS = \"click\" + NS,\n KEYDOWN_NS = \"keydown\" + NS,\n DISABLED = \"k-state-disabled\",\n browser = kendo.support.browser,\n isIE8 = browser.msie && browser.version < 9;\n var ColorSelector = Widget.extend({\n init: function init(element, options) {\n var that = this,\n ariaId;\n Widget.fn.init.call(that, element, options);\n element = that.element;\n options = that.options;\n that._value = options.value = parseColor(options.value);\n that._tabIndex = element.attr(\"tabIndex\") || 0;\n ariaId = that._ariaId = options.ariaId;\n if (ariaId) {\n element.attr(\"aria-labelledby\", ariaId);\n }\n if (options._standalone) {\n that._triggerSelect = that._triggerChange;\n }\n },\n options: {\n name: \"ColorSelector\",\n value: null,\n _standalone: true\n },\n events: [\"change\", \"select\", \"cancel\"],\n color: function color(value) {\n if (value !== undefined) {\n this._value = parseColor(value);\n this._updateUI(this._value);\n }\n return this._value;\n },\n value: function value(color) {\n color = this.color(color);\n if (color) {\n if (this.options.opacity) {\n color = color.toCssRgba();\n } else {\n color = color.toCss();\n }\n }\n return color || null;\n },\n enable: function enable(_enable) {\n if (arguments.length === 0) {\n _enable = true;\n }\n this.wrapper.toggleClass(DISABLED, !_enable);\n this._onEnable(_enable);\n },\n _select: function _select(color, nohooks) {\n var prev = this._value;\n color = this.color(color);\n if (!nohooks) {\n this.element.trigger(\"change\");\n if (!color.equals(prev)) {\n this.trigger(\"change\", {\n value: this.value()\n });\n } else if (!this._standalone) {\n this.trigger(\"cancel\");\n }\n }\n },\n _triggerSelect: function _triggerSelect(color) {\n triggerEvent(this, \"select\", color);\n },\n _triggerChange: function _triggerChange(color) {\n triggerEvent(this, \"change\", color);\n },\n destroy: function destroy() {\n if (this.element) {\n this.element.off(NS);\n }\n if (this.wrapper) {\n this.wrapper.off(NS).find(\"*\").off(NS);\n }\n this.wrapper = null;\n Widget.fn.destroy.call(this);\n },\n _updateUI: $.noop,\n _selectOnHide: function _selectOnHide() {\n return null;\n },\n _cancel: function _cancel() {\n this.trigger(\"cancel\");\n }\n });\n function triggerEvent(self, type, color) {\n color = parseColor(color);\n if (color && !color.equals(self.color())) {\n if (type == \"change\") {\n // UI is already updated. setting _value directly\n // rather than calling self.color(color) to avoid an\n // endless loop.\n self._value = color;\n }\n if (color.a != 1) {\n color = color.toCssRgba();\n } else {\n color = color.toCss();\n }\n self.trigger(type, {\n value: color\n });\n }\n }\n var ColorPalette = ColorSelector.extend({\n init: function init(element, options) {\n var that = this;\n ColorSelector.fn.init.call(that, element, options);\n element = that.wrapper = that.element;\n options = that.options;\n var colors = options.palette;\n if (colors == \"websafe\") {\n colors = WEBPALETTE;\n options.columns = 18;\n } else if (colors == \"basic\") {\n colors = SIMPLEPALETTE;\n }\n if (typeof colors == \"string\") {\n colors = colors.split(\",\");\n }\n if ($.isArray(colors)) {\n colors = $.map(colors, function (x) {\n return parseColor(x);\n });\n }\n that._selectedID = (options.ariaId || kendo.guid()) + \"_selected\";\n element.addClass(\"k-widget k-colorpalette\").attr(\"role\", \"grid\").attr(\"aria-readonly\", \"true\").append($(that._template({\n colors: colors,\n columns: options.columns,\n tileSize: options.tileSize,\n value: that._value,\n id: options.ariaId\n }))).on(CLICK_NS, \".k-item\", function (ev) {\n that._select($(ev.currentTarget).css(BACKGROUNDCOLOR));\n }).attr(\"tabIndex\", that._tabIndex).on(KEYDOWN_NS, bind(that._keydown, that));\n var tileSize = options.tileSize,\n width,\n height;\n if (tileSize) {\n if (/number|string/.test(_typeof(tileSize))) {\n width = height = parseFloat(tileSize);\n } else if (_typeof(tileSize) == \"object\") {\n width = parseFloat(tileSize.width);\n height = parseFloat(tileSize.height);\n } else {\n throw new Error(\"Unsupported value for the 'tileSize' argument\");\n }\n element.find(\".k-item\").css({\n width: width,\n height: height\n });\n }\n },\n focus: function focus() {\n if (this.wrapper && !this.wrapper.is(\"[unselectable='on']\")) {\n this.wrapper.focus();\n }\n },\n options: {\n name: \"ColorPalette\",\n columns: 10,\n tileSize: null,\n palette: \"basic\"\n },\n _onEnable: function _onEnable(enable) {\n if (enable) {\n this.wrapper.attr(\"tabIndex\", this._tabIndex);\n } else {\n this.wrapper.removeAttr(\"tabIndex\");\n }\n },\n _keydown: function _keydown(e) {\n var selected,\n wrapper = this.wrapper,\n items = wrapper.find(\".k-item\"),\n current = items.filter(\".\" + ITEMSELECTEDCLASS).get(0),\n keyCode = e.keyCode;\n if (keyCode == KEYS.LEFT) {\n selected = relative(items, current, -1);\n } else if (keyCode == KEYS.RIGHT) {\n selected = relative(items, current, 1);\n } else if (keyCode == KEYS.DOWN) {\n selected = relative(items, current, this.options.columns);\n } else if (keyCode == KEYS.UP) {\n selected = relative(items, current, -this.options.columns);\n } else if (keyCode == KEYS.ENTER) {\n preventDefault(e);\n if (current) {\n this._select($(current).css(BACKGROUNDCOLOR));\n }\n } else if (keyCode == KEYS.ESC) {\n this._cancel();\n }\n if (selected) {\n preventDefault(e);\n this._current(selected);\n try {\n var color = parseColor(selected.css(BACKGROUNDCOLOR));\n this._triggerSelect(color);\n } catch (ex) {}\n }\n },\n _current: function _current(item) {\n this.wrapper.find(\".\" + ITEMSELECTEDCLASS).removeClass(ITEMSELECTEDCLASS).attr(\"aria-selected\", false).removeAttr(\"id\");\n $(item).addClass(ITEMSELECTEDCLASS).attr(\"aria-selected\", true).attr(\"id\", this._selectedID);\n this.element.removeAttr(\"aria-activedescendant\").attr(\"aria-activedescendant\", this._selectedID);\n },\n _updateUI: function _updateUI(color) {\n var item = null;\n this.wrapper.find(\".k-item\").each(function () {\n var c = parseColor($(this).css(BACKGROUNDCOLOR));\n if (c && c.equals(color)) {\n item = this;\n return false;\n }\n });\n this._current(item);\n },\n _template: kendo.template('' + '# for (var i = 0; i < colors.length; ++i) { #' + '# var selected = colors[i].equals(value); #' + '# if (i && i % columns == 0) { # # } #' + ' | ' + '# } #' + '
')\n });\n var FlatColorPicker = ColorSelector.extend({\n init: function init(element, options) {\n var that = this;\n ColorSelector.fn.init.call(that, element, options);\n options = that.options;\n options.messages = options.options ? $.extend(that.options.messages, options.options.messages) : that.options.messages;\n element = that.element;\n that.wrapper = element.addClass(\"k-widget k-flatcolorpicker\").append(that._template(options));\n that._hueElements = $(\".k-hsv-rectangle, .k-alpha-slider .k-slider-track\", element);\n that._selectedColor = $(\".k-selected-color-display\", element);\n that._colorAsText = $(\"input.k-color-value\", element);\n that._sliders();\n that._hsvArea();\n that._updateUI(that._value || parseColor(\"#f00\"));\n element.find(\"input.k-color-value\").on(KEYDOWN_NS, function (ev) {\n var input = this;\n if (ev.keyCode == KEYS.ENTER) {\n try {\n var color = parseColor(input.value);\n var val = that.color();\n that._select(color, color.equals(val));\n } catch (ex) {\n $(input).addClass(\"k-state-error\");\n }\n } else if (that.options.autoupdate) {\n setTimeout(function () {\n var color = parseColor(input.value, true);\n if (color) {\n that._updateUI(color, true);\n }\n }, 10);\n }\n }).end().on(CLICK_NS, \".k-controls button.apply\", function () {\n // calling select for the currently displayed\n // color will trigger the \"change\" event.\n if (that.options._clearedColor) {\n that.trigger(\"change\");\n } else {\n that._select(that._getHSV());\n }\n }).on(CLICK_NS, \".k-controls button.cancel\", function () {\n // but on cancel, we simply select the previous\n // value (again, triggers \"change\" event).\n that._updateUI(that.color());\n that._cancel();\n });\n if (isIE8) {\n // IE filters require absolute URLs\n that._applyIEFilter();\n }\n },\n destroy: function destroy() {\n this._hsvEvents.destroy();\n this._hueSlider.destroy();\n if (this._opacitySlider) {\n this._opacitySlider.destroy();\n }\n this._hueSlider = this._opacitySlider = this._hsvRect = this._hsvHandle = this._hueElements = this._selectedColor = this._colorAsText = null;\n ColorSelector.fn.destroy.call(this);\n },\n options: {\n name: \"FlatColorPicker\",\n opacity: false,\n buttons: false,\n input: true,\n preview: true,\n clearButton: false,\n autoupdate: true,\n messages: MESSAGES\n },\n _applyIEFilter: function _applyIEFilter() {\n var track = this.element.find(\".k-hue-slider .k-slider-track\")[0],\n url = track.currentStyle.backgroundImage;\n url = url.replace(/^url\\([\\'\\\"]?|[\\'\\\"]?\\)$/g, \"\");\n track.style.filter = \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='\" + url + \"', sizingMethod='scale')\";\n },\n _sliders: function _sliders() {\n var that = this,\n element = that.element,\n hueSlider = element.find(\".k-hue-slider\"),\n opacitySlider = element.find(\".k-alpha-slider\");\n function hueChange(e) {\n that._updateUI(that._getHSV(e.value, null, null, null));\n }\n hueSlider.attr(\"aria-label\", \"hue saturation\");\n that._hueSlider = hueSlider.kendoSlider({\n min: 0,\n max: 360,\n tickPlacement: \"none\",\n showButtons: false,\n slide: hueChange,\n change: hueChange\n }).data(\"kendoSlider\");\n function opacityChange(e) {\n that._updateUI(that._getHSV(null, null, null, e.value / 100));\n }\n opacitySlider.attr(\"aria-label\", \"opacity\");\n that._opacitySlider = opacitySlider.kendoSlider({\n min: 0,\n max: 100,\n tickPlacement: \"none\",\n showButtons: false,\n slide: opacityChange,\n change: opacityChange\n }).data(\"kendoSlider\");\n },\n _hsvArea: function _hsvArea() {\n var that = this,\n element = that.element,\n hsvRect = element.find(\".k-hsv-rectangle\"),\n hsvHandle = hsvRect.find(\".k-draghandle\").attr(\"tabIndex\", 0).on(KEYDOWN_NS, bind(that._keydown, that));\n function update(x, y) {\n var offset = this.offset,\n dx = x - offset.left,\n dy = y - offset.top,\n rw = this.width,\n rh = this.height;\n dx = dx < 0 ? 0 : dx > rw ? rw : dx;\n dy = dy < 0 ? 0 : dy > rh ? rh : dy;\n that._svChange(dx / rw, 1 - dy / rh);\n }\n that._hsvEvents = new kendo.UserEvents(hsvRect, {\n global: true,\n press: function press(e) {\n this.offset = kendo.getOffset(hsvRect);\n this.width = hsvRect.width();\n this.height = hsvRect.height();\n hsvHandle.focus();\n update.call(this, e.x.location, e.y.location);\n },\n start: function start() {\n hsvRect.addClass(\"k-dragging\");\n hsvHandle.focus();\n },\n move: function move(e) {\n e.preventDefault();\n update.call(this, e.x.location, e.y.location);\n },\n end: function end() {\n hsvRect.removeClass(\"k-dragging\");\n }\n });\n that._hsvRect = hsvRect;\n that._hsvHandle = hsvHandle;\n },\n _onEnable: function _onEnable(enable) {\n this._hueSlider.enable(enable);\n if (this._opacitySlider) {\n this._opacitySlider.enable(enable);\n }\n this.wrapper.find(\"input\").attr(\"disabled\", !enable);\n var handle = this._hsvRect.find(\".k-draghandle\");\n if (enable) {\n handle.attr(\"tabIndex\", this._tabIndex);\n } else {\n handle.removeAttr(\"tabIndex\");\n }\n },\n _keydown: function _keydown(ev) {\n var that = this;\n function move(prop, d) {\n var c = that._getHSV();\n c[prop] += d * (ev.shiftKey ? 0.01 : 0.05);\n if (c[prop] < 0) {\n c[prop] = 0;\n }\n if (c[prop] > 1) {\n c[prop] = 1;\n }\n that._updateUI(c);\n preventDefault(ev);\n }\n function hue(d) {\n var c = that._getHSV();\n c.h += d * (ev.shiftKey ? 1 : 5);\n if (c.h < 0) {\n c.h = 0;\n }\n if (c.h > 359) {\n c.h = 359;\n }\n that._updateUI(c);\n preventDefault(ev);\n }\n switch (ev.keyCode) {\n case KEYS.LEFT:\n if (ev.ctrlKey) {\n hue(-1);\n } else {\n move(\"s\", -1);\n }\n break;\n case KEYS.RIGHT:\n if (ev.ctrlKey) {\n hue(1);\n } else {\n move(\"s\", 1);\n }\n break;\n case KEYS.UP:\n move(ev.ctrlKey && that._opacitySlider ? \"a\" : \"v\", 1);\n break;\n case KEYS.DOWN:\n move(ev.ctrlKey && that._opacitySlider ? \"a\" : \"v\", -1);\n break;\n case KEYS.ENTER:\n that._select(that._getHSV());\n break;\n case KEYS.F2:\n that.wrapper.find(\"input.k-color-value\").focus().select();\n break;\n case KEYS.ESC:\n that._cancel();\n break;\n }\n },\n focus: function focus() {\n this._hsvHandle.focus();\n },\n _getHSV: function _getHSV(h, s, v, a) {\n var rect = this._hsvRect,\n width = rect.width(),\n height = rect.height(),\n handlePosition = this._hsvHandle.position();\n if (h == null) {\n h = this._hueSlider.value();\n }\n if (s == null) {\n s = handlePosition.left / width;\n }\n if (v == null) {\n v = 1 - handlePosition.top / height;\n }\n if (a == null) {\n a = this._opacitySlider ? this._opacitySlider.value() / 100 : 1;\n }\n return Color.fromHSV(h, s, v, a);\n },\n _svChange: function _svChange(s, v) {\n var color = this._getHSV(null, s, v, null);\n this._updateUI(color);\n },\n _updateUI: function _updateUI(color, dontChangeInput) {\n var that = this,\n rect = that._hsvRect;\n if (!color) {\n return;\n }\n this._colorAsText.attr(\"title\", that.options.messages.previewInput);\n this._colorAsText.removeClass(\"k-state-error\");\n that._selectedColor.css(BACKGROUNDCOLOR, color.toDisplay());\n if (!dontChangeInput) {\n that._colorAsText.val(that._opacitySlider ? color.toCssRgba() : color.toCss());\n }\n that._triggerSelect(color);\n color = color.toHSV();\n that._hsvHandle.css({\n // saturation is 0 on the left side, full (1) on the right\n left: color.s * rect.width() + \"px\",\n // value is 0 on the bottom, full on the top.\n top: (1 - color.v) * rect.height() + \"px\"\n });\n that._hueElements.css(BACKGROUNDCOLOR, Color.fromHSV(color.h, 1, 1, 1).toCss());\n that._hueSlider.value(color.h);\n if (that._opacitySlider) {\n that._opacitySlider.value(100 * color.a);\n }\n },\n _selectOnHide: function _selectOnHide() {\n return this.options.buttons ? null : this._getHSV();\n },\n _template: kendo.template('# if (preview) { #' + '' + '# } #' + '# if (clearButton && !_standalone && !preview) { #' + '#: messages.clearColor # ' + '# } #' + '' + '' + '' + '# if (opacity) { #' + '' + '# } #' + ' ' + '# if (buttons) { #' + ' ' + '# } #')\n });\n function relative(array, element, delta) {\n array = Array.prototype.slice.call(array);\n var n = array.length;\n var pos = array.indexOf(element);\n if (pos < 0) {\n return delta < 0 ? array[n - 1] : array[0];\n }\n pos += delta;\n if (pos < 0) {\n pos += n;\n } else {\n pos %= n;\n }\n return array[pos];\n }\n\n /* -----[ The ColorPicker widget ]----- */\n\n var ColorPicker = Widget.extend({\n init: function init(element, options) {\n var that = this;\n Widget.fn.init.call(that, element, options);\n options = that.options;\n element = that.element;\n var value = element.attr(\"value\") || element.val();\n if (value) {\n value = parseColor(value, true);\n } else {\n value = parseColor(options.value, true);\n }\n that._value = options.value = value;\n var content = that.wrapper = $(that._template(options));\n element.hide().after(content);\n if (element.is(\"input\")) {\n element.appendTo(content);\n\n // if there exists a |