\";\n\n\t if (dataText !== undefined) {\n\t option += htmlEncode(dataText);\n\t }\n\n\t option += \"\";\n\t options += option;\n\t }\n\n\t element.html(options);\n\n\t if (value !== undefined) {\n\t htmlElement.value = value;\n\t if (htmlElement.value && !value) {\n\t htmlElement.selectedIndex = -1;\n\t }\n\t }\n\n\t if (htmlElement.selectedIndex !== -1) {\n\t option = getSelectedOption(htmlElement);\n\n\t if (option) {\n\t option.setAttribute(SELECTED, SELECTED);\n\t }\n\t }\n\t },\n\n\t _reset: function() {\n\t var that = this,\n\t element = that.element,\n\t formId = element.attr(\"form\"),\n\t form = formId ? $(\"#\" + formId) : element.closest(\"form\");\n\n\t if (form[0]) {\n\t that._resetHandler = function() {\n\t setTimeout(function() {\n\t that.value(that._initial);\n\t });\n\t };\n\n\t that._form = form.on(\"reset\", that._resetHandler);\n\t }\n\t },\n\n\t _parentWidget: function() {\n\t var name = this.options.name;\n\n\t if (!this.options.cascadeFrom) {\n\t return;\n\t }\n\n\t var parentElement = $(\"#\" + this.options.cascadeFrom);\n\t var parent = parentElement.data(\"kendo\" + name);\n\n\t if (!parent) {\n\t for(var i = 0; i < alternativeNames[name].length; i+=1) {\n\t parent = parentElement.data(\"kendo\" + alternativeNames[name][i]);\n\n\t if (!!parent) {\n\t break;\n\t }\n\t }\n\t }\n\n\t return parent;\n\t },\n\n\t _cascade: function() {\n\t var that = this;\n\t var options = that.options;\n\t var cascade = options.cascadeFrom;\n\t var parent;\n\n\t if (cascade) {\n\t parent = that._parentWidget();\n\n\t if (!parent) {\n\t return;\n\t }\n\n\t that._cascadeHandlerProxy = proxy(that._cascadeHandler, that);\n\t that._cascadeFilterRequests = [];\n\n\t options.autoBind = false;\n\n\t parent.bind(\"set\", function() { //will cascade\n\t that.one(\"set\", function(e) { //get your value\n\t that._selectedValue = e.value || that._accessor();\n\t });\n\t });\n\n\t parent.first(CASCADE, that._cascadeHandlerProxy);\n\n\t //refresh was called\n\t if (parent.listView.bound()) {\n\t that._toggleCascadeOnFocus();\n\t that._cascadeSelect(parent);\n\t } else {\n\t parent.one(\"dataBound\", function() {\n\t that._toggleCascadeOnFocus();\n\t if (parent.popup.visible()) {\n\t parent._focused.focus();\n\t }\n\t });\n\n\t if (!parent.value()) {\n\t that.enable(false);\n\t }\n\t }\n\t }\n\t },\n\n\t _toggleCascadeOnFocus: function() {\n\t var that = this;\n\t var parent = that._parentWidget();\n\t var focusout = isIE && parent instanceof ui.DropDownList ? BLUR : FOCUSOUT;\n\n\t parent._focused.add(parent.filterInput).bind(FOCUS, function() {\n\t parent.unbind(CASCADE, that._cascadeHandlerProxy);\n\t parent.first(CHANGE, that._cascadeHandlerProxy);\n\t });\n\n\t parent._focused.add(parent.filterInput).bind(focusout, function() {\n\t parent.unbind(CHANGE, that._cascadeHandlerProxy);\n\t parent.first(CASCADE, that._cascadeHandlerProxy);\n\t });\n\t },\n\n\t _cascadeHandler: function(e) {\n\t var parent = this._parentWidget();\n\t var valueBeforeCascade = this.value();\n\n\t this._userTriggered = e.userTriggered || parent._userTriggered;\n\n\t if (this.listView.bound()) {\n\t this._clearSelection(parent, true);\n\t }\n\n\t this._cascadeSelect(parent, valueBeforeCascade);\n\t },\n\n\t _cascadeChange: function(parent) {\n\t var that = this;\n\t var value = that._accessor() || that._selectedValue;\n\n\t if (!that._cascadeFilterRequests.length) {\n\t that._selectedValue = null;\n\t }\n\n\t if (that._userTriggered) {\n\t that._clearSelection(parent, true);\n\t } else if (value) {\n\t if (value !== unifyType(that.listView.value()[0], typeof value)) {\n\t that.value(value);\n\t }\n\n\t if (!that.dataSource.view()[0] || that.selectedIndex === -1) {\n\t that._clearSelection(parent, true);\n\t }\n\t } else if (that.dataSource.flatView().length) {\n\t that.select(that.options.index);\n\t }\n\n\t that.enable();\n\t that._triggerCascade();\n\t that._triggerChange();\n\t that._userTriggered = false;\n\t },\n\n\t _cascadeSelect: function(parent, valueBeforeCascade) {\n\t var that = this;\n\t var dataItem = parent.dataItem();\n\t var filterValue = dataItem ? dataItem[that.options.cascadeFromParentField] || parent._value(dataItem) : null;\n\t var valueField = that.options.cascadeFromField || parent.options.dataValueField;\n\t var expressions;\n\n\t that._valueBeforeCascade = valueBeforeCascade !== undefined ? valueBeforeCascade : that.value();\n\n\t if (filterValue || filterValue === 0) {\n\t expressions = that.dataSource.filter() || {};\n\t removeFiltersForField(expressions, valueField);\n\n\t var handler = function () {\n\t var currentHandler = that._cascadeFilterRequests.shift();\n\t if (currentHandler) {\n\t that.unbind('dataBound', currentHandler);\n\t }\n\n\t currentHandler = that._cascadeFilterRequests[0];\n\t if (currentHandler) {\n\t that.first('dataBound', currentHandler);\n\t }\n\n\t that._cascadeChange(parent);\n\t };\n\n\t that._cascadeFilterRequests.push(handler);\n\n\t if (that._cascadeFilterRequests.length === 1) {\n\t that.first('dataBound', handler);\n\t }\n\n\t that._cascading = true;\n\t that._filterSource({\n\t field: valueField,\n\t operator: \"eq\",\n\t value: filterValue\n\t });\n\t that._cascading = false;\n\t } else {\n\t that.enable(false);\n\t that._clearSelection(parent);\n\t that._triggerCascade();\n\t that._triggerChange();\n\t that._userTriggered = false;\n\t }\n\t }\n\t });\n\n\t var STATIC_LIST_NS = \".StaticList\";\n\n\t var StaticList = kendo.ui.DataBoundWidget.extend({\n\t init: function(element, options) {\n\t Widget.fn.init.call(this, element, options);\n\n\t this.element.attr(\"role\", \"listbox\")\n\t .on(\"click\" + STATIC_LIST_NS, \"li\", proxy(this._click, this))\n\t .on(\"mouseenter\" + STATIC_LIST_NS, \"li\", function() { $(this).addClass(HOVER); })\n\t .on(\"mouseleave\" + STATIC_LIST_NS, \"li\", function() { $(this).removeClass(HOVER); });\n\n\t if (support.touch) {\n\t this._touchHandlers();\n\t }\n\n\t if (this.options.selectable === \"multiple\") {\n\t this.element.attr(\"aria-multiselectable\", true);\n\t }\n\n\t this.content = this.element.wrap(\"\").parent();\n\t this.header = this.content.before('').prev();\n\n\t this.bound(false);\n\n\t this._optionID = kendo.guid();\n\n\t this._selectedIndices = [];\n\n\t this._view = [];\n\t this._dataItems = [];\n\t this._values = [];\n\n\t var value = this.options.value;\n\n\t if (value) {\n\t this._values = $.isArray(value) ? value.slice(0) : [value];\n\t }\n\n\t this._getter();\n\t this._templates();\n\n\t this.setDataSource(this.options.dataSource);\n\n\t this._onScroll = proxy(function() {\n\t var that = this;\n\t clearTimeout(that._scrollId);\n\n\t that._scrollId = setTimeout(function() {\n\t that._renderHeader();\n\t }, 50);\n\t }, this);\n\t },\n\n\t options: {\n\t name: \"StaticList\",\n\t dataValueField: null,\n\t valuePrimitive: false,\n\t selectable: true,\n\t template: null,\n\t groupTemplate: null,\n\t fixedGroupTemplate: null\n\t },\n\n\t events: [\n\t \"click\",\n\t CHANGE,\n\t \"activate\",\n\t \"deactivate\",\n\t \"dataBinding\",\n\t \"dataBound\",\n\t \"selectedItemChange\"\n\t ],\n\n\t setDataSource: function(source) {\n\t var that = this;\n\t var dataSource = source || {};\n\t var value;\n\n\t dataSource = $.isArray(dataSource) ? { data: dataSource } : dataSource;\n\t dataSource = kendo.data.DataSource.create(dataSource);\n\n\t if (that.dataSource) {\n\t that.dataSource.unbind(CHANGE, that._refreshHandler);\n\n\t value = that.value();\n\n\t that.value([]);\n\t that.bound(false);\n\n\t that.value(value);\n\t } else {\n\t that._refreshHandler = proxy(that.refresh, that);\n\t }\n\n\t that.setDSFilter(dataSource.filter());\n\n\t that.dataSource = dataSource.bind(CHANGE, that._refreshHandler);\n\t that._fixedHeader();\n\t },\n\n\t _touchHandlers: function () {\n\t var that = this;\n\t var startY;\n\t var endY;\n\t var tapPosition = function (event) {\n\t return (event.originalEvent || event).changedTouches[0].pageY;\n\t };\n\n\t that.element.on(\"touchstart\" + STATIC_LIST_NS, function (e) {\n\t startY = tapPosition(e);\n\t });\n\n\t that.element.on(\"touchend\" + STATIC_LIST_NS, function (e) {\n\t if (e.isDefaultPrevented()) {\n\t return;\n\t }\n\n\t endY = tapPosition(e);\n\n\t if (Math.abs(endY - startY) < 10) {\n\t that._touchTriggered = true;\n\t that._triggerClick($(e.target).closest(ITEMSELECTOR).get(0));\n\t }\n\t });\n\t },\n\n\t skip: function() {\n\t return this.dataSource.skip();\n\t },\n\n\t setOptions: function(options) {\n\t Widget.fn.setOptions.call(this, options);\n\n\t this._getter();\n\t this._templates();\n\t this._render();\n\t },\n\n\t destroy: function() {\n\t this.element.off(STATIC_LIST_NS);\n\n\t if (this._refreshHandler) {\n\t this.dataSource.unbind(CHANGE, this._refreshHandler);\n\t }\n\n\t clearTimeout(this._scrollId);\n\n\t Widget.fn.destroy.call(this);\n\t },\n\n\t dataItemByIndex: function(index) {\n\t return this.dataSource.flatView()[index];\n\t },\n\n\t screenHeight: function() {\n\t return this.content[0].clientHeight;\n\t },\n\n\t scrollToIndex: function(index) {\n\t var item = this.element[0].children[index];\n\n\t if (item) {\n\t this.scroll(item);\n\t }\n\t },\n\n\t scrollWith: function(value) {\n\t this.content.scrollTop(this.content.scrollTop() + value);\n\t },\n\n\t scroll: function (item) {\n\t if (!item) {\n\t return;\n\t }\n\n\t if (item[0]) {\n\t item = item[0];\n\t }\n\n\t var content = this.content[0],\n\t itemOffsetTop = item.offsetTop,\n\t itemOffsetHeight = item.offsetHeight,\n\t contentScrollTop = content.scrollTop,\n\t contentOffsetHeight = content.clientHeight,\n\t bottomDistance = itemOffsetTop + itemOffsetHeight;\n\n\t if (contentScrollTop > itemOffsetTop) {\n\t contentScrollTop = itemOffsetTop;\n\t } else if (bottomDistance > (contentScrollTop + contentOffsetHeight)) {\n\t contentScrollTop = (bottomDistance - contentOffsetHeight);\n\t }\n\n\t content.scrollTop = contentScrollTop;\n\t },\n\n\t selectedDataItems: function(dataItems) {\n\t if (dataItems === undefined) {\n\t return this._dataItems.slice();\n\t }\n\n\t this._dataItems = dataItems;\n\t this._values = this._getValues(dataItems);\n\t },\n\n\t _getValues: function(dataItems) {\n\t var getter = this._valueGetter;\n\n\t return $.map(dataItems, function(dataItem) {\n\t return getter(dataItem);\n\t });\n\t },\n\n\t focusNext: function() {\n\t var current = this.focus();\n\n\t if (!current) {\n\t current = 0;\n\t } else {\n\t current = current.next();\n\t }\n\n\t this.focus(current);\n\t },\n\n\t focusPrev: function() {\n\t var current = this.focus();\n\n\t if (!current) {\n\t current = this.element[0].children.length - 1;\n\t } else {\n\t current = current.prev();\n\t }\n\n\t this.focus(current);\n\t },\n\n\t focusFirst: function() {\n\t this.focus(this.element[0].children[0]);\n\t },\n\n\t focusLast: function() {\n\t this.focus(last(this.element[0].children));\n\t },\n\n\t focus: function(candidate) {\n\t var that = this;\n\t var id = that._optionID;\n\t var hasCandidate;\n\n\t if (candidate === undefined) {\n\t return that._current;\n\t }\n\n\t candidate = last(that._get(candidate));\n\t candidate = $(this.element[0].children[candidate]);\n\n\t if (that._current) {\n\t that._current\n\t .removeClass(FOCUSED)\n\t .removeAttr(ID);\n\n\t that.trigger(\"deactivate\");\n\t }\n\n\t hasCandidate = !!candidate[0];\n\n\t if (hasCandidate) {\n\t candidate.addClass(FOCUSED);\n\t that.scroll(candidate);\n\n\t candidate.attr(\"id\", id);\n\t }\n\n\t that._current = hasCandidate ? candidate : null;\n\t that.trigger(\"activate\");\n\t },\n\n\t focusIndex: function() {\n\t return this.focus() ? this.focus().index() : undefined;\n\t },\n\n\t skipUpdate: function(skipUpdate) {\n\t this._skipUpdate = skipUpdate;\n\t },\n\n\t select: function(indices) {\n\t var that = this;\n\t var selectable = that.options.selectable;\n\t var singleSelection = selectable !== \"multiple\" && selectable !== false;\n\t var selectedIndices = that._selectedIndices;\n\t var uiSelectedIndices = [this.element.find(\".k-state-selected\").index()];\n\n\t var added = [];\n\t var removed = [];\n\t var result;\n\n\t if (indices === undefined) {\n\t return selectedIndices.slice();\n\t }\n\n\t indices = that._get(indices);\n\n\t if (indices.length === 1 && indices[0] === -1) {\n\t indices = [];\n\t }\n\n\t var deferred = $.Deferred().resolve();\n\t var filtered = that.isFiltered();\n\n\t if (filtered && !singleSelection && that._deselectFiltered(indices)) {\n\t return deferred;\n\t }\n\n\t if (singleSelection && !filtered &&\n\t $.inArray(last(indices), selectedIndices) !== -1 && $.inArray(last(indices), uiSelectedIndices) !== -1) {\n\n\t if (that._dataItems.length && that._view.length) {\n\t that._dataItems = [that._view[selectedIndices[0]].item];\n\t }\n\n\t return deferred;\n\t }\n\n\t result = that._deselect(indices);\n\n\t removed = result.removed;\n\t indices = result.indices;\n\n\t if (indices.length) {\n\t if (singleSelection) {\n\t indices = [last(indices)];\n\t }\n\n\t added = that._select(indices);\n\t }\n\n\t if (added.length || removed.length) {\n\t that._valueComparer = null;\n\t that.trigger(CHANGE, {\n\t added: added,\n\t removed: removed\n\t });\n\t }\n\n\t return deferred;\n\t },\n\n\t removeAt: function(position) {\n\t this._selectedIndices.splice(position, 1);\n\t this._values.splice(position, 1);\n\t this._valueComparer = null;\n\n\t return {\n\t position: position,\n\t dataItem: this._dataItems.splice(position, 1)[0]\n\t };\n\t },\n\n\t setValue: function(value) {\n\t value = $.isArray(value) || value instanceof ObservableArray ? value.slice(0) : [value];\n\n\t this._values = value;\n\n\t this._valueComparer = null;\n\t },\n\n\t value: function(value) {\n\t var that = this;\n\t var deferred = that._valueDeferred;\n\t var indices;\n\n\t if (value === undefined) {\n\t return that._values.slice();\n\t }\n\n\t that.setValue(value);\n\n\t if (!deferred || deferred.state() === \"resolved\") {\n\t that._valueDeferred = deferred = $.Deferred();\n\t }\n\n\t if (that.bound()) {\n\t indices = that._valueIndices(that._values);\n\n\t if (that.options.selectable === \"multiple\") {\n\t that.select(-1);\n\t }\n\n\t that.select(indices);\n\n\t deferred.resolve();\n\t }\n\n\t that._skipUpdate = false;\n\n\t return deferred;\n\t },\n\n\t items: function() {\n\t return this.element.children(ITEMSELECTOR);\n\t },\n\n\t _click: function(e) {\n\t if (this._touchTriggered)\n\t {\n\t this._touchTriggered = false;\n\t return;\n\t }\n\n\t if (!e.isDefaultPrevented()) {\n\t this._triggerClick(e.currentTarget);\n\t }\n\t },\n\n\t _triggerClick: function (item) {\n\t if (!this.trigger(\"click\", { item: $(item) })) {\n\t this.select(item);\n\t }\n\t },\n\n\t _valueExpr: function(type, values) {\n\t var that = this;\n\t var idx = 0;\n\n\t var body;\n\t var comparer;\n\t var normalized = [];\n\n\t if (!that._valueComparer || that._valueType !== type) {\n\t that._valueType = type;\n\n\t for (; idx < values.length; idx++) {\n\t normalized.push(unifyType(values[idx], type));\n\t }\n\n\t body = \"for (var idx = 0; idx < \" + normalized.length + \"; idx++) {\" +\n\t \" if (current === values[idx]) {\" +\n\t \" return idx;\" +\n\t \" }\" +\n\t \"} \" +\n\t \"return -1;\";\n\n\t comparer = new Function(\"current\", \"values\", body);\n\n\t that._valueComparer = function(current) {\n\t return comparer(current, normalized);\n\t };\n\t }\n\n\t return that._valueComparer;\n\t },\n\n\t _dataItemPosition: function(dataItem, values) {\n\t var value = this._valueGetter(dataItem);\n\n\t var valueExpr = this._valueExpr(typeof value, values);\n\n\t return valueExpr(value);\n\t },\n\n\t _getter: function() {\n\t this._valueGetter = kendo.getter(this.options.dataValueField);\n\t },\n\n\t _deselect: function(indices) {\n\t var that = this;\n\t var children = that.element[0].children;\n\t var selectable = that.options.selectable;\n\t var selectedIndices = that._selectedIndices;\n\t var dataItems = that._dataItems;\n\t var values = that._values;\n\t var removed = [];\n\t var i = 0;\n\t var j;\n\n\t var index, selectedIndex;\n\t var removedIndices = 0;\n\n\t indices = indices.slice();\n\n\t if (selectable === true || !indices.length) {\n\t for (; i < selectedIndices.length; i++) {\n\t $(children[selectedIndices[i]]).removeClass(\"k-state-selected\").attr(\"aria-selected\", false);\n\n\t removed.push({\n\t position: i,\n\t dataItem: dataItems[i]\n\t });\n\t }\n\n\t that._values = [];\n\t that._dataItems = [];\n\t that._selectedIndices = [];\n\t } else if (selectable === \"multiple\") {\n\t for (; i < indices.length; i++) {\n\t index = indices[i];\n\n\t if (!$(children[index]).hasClass(\"k-state-selected\")) {\n\t continue;\n\t }\n\n\t for (j = 0; j < selectedIndices.length; j++) {\n\t selectedIndex = selectedIndices[j];\n\n\t if (selectedIndex === index) {\n\t $(children[selectedIndex]).removeClass(\"k-state-selected\").attr(\"aria-selected\", false);\n\t var dataItem = this._view[index].item;\n\t var position = this._dataItemPosition(dataItem, this._values);\n\n\t removed.push({\n\t position: position,\n\t dataItem: dataItem\n\t });\n\n\t dataItems.splice(j, 1);\n\t selectedIndices.splice(j, 1);\n\t indices.splice(i, 1);\n\t values.splice(j, 1);\n\n\t removedIndices += 1;\n\t i -= 1;\n\t j -= 1;\n\t break;\n\t }\n\t }\n\t }\n\t }\n\n\t return {\n\t indices: indices,\n\t removed: removed\n\t };\n\t },\n\n\t _deselectFiltered: function(indices) {\n\t var children = this.element[0].children;\n\t var dataItem, index, position;\n\t var removed = [];\n\t var idx = 0;\n\n\t for (; idx < indices.length; idx++) {\n\t index = indices[idx];\n\n\t dataItem = this._view[index].item;\n\t position = this._dataItemPosition(dataItem, this._values);\n\n\t if (position > -1) {\n\t removed.push(this.removeAt(position));\n\t $(children[index]).removeClass(\"k-state-selected\");\n\t }\n\t }\n\n\t if (removed.length) {\n\t this.trigger(CHANGE, {\n\t added: [],\n\t removed: removed\n\t });\n\n\t return true;\n\t }\n\n\t return false;\n\t },\n\n\t _select: function(indices) {\n\t var that = this;\n\t var children = that.element[0].children;\n\t var data = that._view;\n\t var dataItem, index;\n\t var added = [];\n\t var idx = 0;\n\n\t if (last(indices) !== -1) {\n\t that.focus(indices);\n\t }\n\n\t for (; idx < indices.length; idx++) {\n\t index = indices[idx];\n\t dataItem = data[index];\n\n\t if (index === -1 || !dataItem) {\n\t continue;\n\t }\n\n\t dataItem = dataItem.item;\n\n\t that._selectedIndices.push(index);\n\t that._dataItems.push(dataItem);\n\t that._values.push(that._valueGetter(dataItem));\n\n\t $(children[index]).addClass(\"k-state-selected\").attr(\"aria-selected\", true);\n\n\t added.push({\n\t dataItem: dataItem\n\t });\n\t }\n\n\t return added;\n\t },\n\n\t getElementIndex: function(element) {\n\t return $(element).data(\"offset-index\");\n\t },\n\n\t _get: function(candidate) {\n\t if (typeof candidate === \"number\") {\n\t candidate = [candidate];\n\t } else if (!isArray(candidate)) {\n\t candidate = this.getElementIndex(candidate);\n\t candidate = [candidate !== undefined ? candidate : -1];\n\t }\n\n\t return candidate;\n\t },\n\n\t _template: function() {\n\t var that = this;\n\t var options = that.options;\n\t var template = options.template;\n\n\t if (!template) {\n\t template = kendo.template('${' + kendo.expr(options.dataTextField, \"data\") + \"}\", { useWithBlock: false });\n\t } else {\n\t template = kendo.template(template);\n\t template = function(data) {\n\t return '' + template(data) + \"\";\n\t };\n\t }\n\n\t return template;\n\t },\n\n\t _templates: function() {\n\t var template;\n\t var options = this.options;\n\t var templates = {\n\t template: options.template,\n\t groupTemplate: options.groupTemplate,\n\t fixedGroupTemplate: options.fixedGroupTemplate\n\t };\n\n\t if (options.columns) {\n\t for (var i = 0; i < options.columns.length; i++) {\n\t var currentColumn = options.columns[i];\n\t var templateText = currentColumn.field ? currentColumn.field.toString(): \"text\";\n\n\t templates[\"column\"+ i] = currentColumn.template || \"#: \" + templateText + \"#\";\n\t }\n\t }\n\n\t for (var key in templates) {\n\t template = templates[key];\n\t if (template && typeof template !== \"function\") {\n\t templates[key] = kendo.template(template);\n\t }\n\t }\n\n\t this.templates = templates;\n\t },\n\n\t _normalizeIndices: function(indices) {\n\t var newIndices = [];\n\t var idx = 0;\n\n\t for (; idx < indices.length; idx++) {\n\t if (indices[idx] !== undefined) {\n\t newIndices.push(indices[idx]);\n\t }\n\t }\n\n\t return newIndices;\n\t },\n\n\t _valueIndices: function(values, indices) {\n\t var data = this._view;\n\t var idx = 0;\n\t var index;\n\n\t indices = indices ? indices.slice() : [];\n\n\t if (!values.length) {\n\t return [];\n\t }\n\n\t for (; idx < data.length; idx++) {\n\t index = this._dataItemPosition(data[idx].item, values);\n\n\t if (index !== -1) {\n\t indices[index] = idx;\n\t }\n\t }\n\n\t return this._normalizeIndices(indices);\n\t },\n\n\t _firstVisibleItem: function() {\n\t var element = this.element[0];\n\t var content = this.content[0];\n\t var scrollTop = content.scrollTop;\n\t var itemHeight = $(element.children[0]).height();\n\t var itemIndex = Math.floor(scrollTop / itemHeight) || 0;\n\t var item = element.children[itemIndex] || element.lastChild;\n\t var forward = item.offsetTop < scrollTop;\n\n\t while (item) {\n\t if (forward) {\n\t if ((item.offsetTop + itemHeight) > scrollTop || !item.nextSibling) {\n\t break;\n\t }\n\n\t item = item.nextSibling;\n\t } else {\n\t if (item.offsetTop <= scrollTop || !item.previousSibling) {\n\t break;\n\t }\n\n\t item = item.previousSibling;\n\t }\n\t }\n\n\t return this._view[$(item).data(\"offset-index\")];\n\t },\n\n\t _fixedHeader: function() {\n\t if (this.isGrouped() && this.templates.fixedGroupTemplate) {\n\t this.header.show();\n\t this.content.scroll(this._onScroll);\n\t } else {\n\t this.header.hide();\n\t this.content.off(\"scroll\", this._onScroll);\n\t }\n\t },\n\n\t _renderHeader: function() {\n\t var template = this.templates.fixedGroupTemplate;\n\t if (!template) {\n\t return;\n\t }\n\n\t var visibleItem = this._firstVisibleItem();\n\n\t if (visibleItem && visibleItem.group.toString().length) {\n\t this.header.html(template(visibleItem.group));\n\t }\n\t },\n\n\t _renderItem: function(context) {\n\t var item = '';\n\t if (hasColumns) {\n\t item += this._renderColumns(dataItem);\n\t } else {\n\t item += this.templates.template(dataItem);\n\t }\n\n\t if (notFirstItem && context.newGroup) {\n\t if (hasColumns) {\n\t item += '' + this.templates.groupTemplate(context.group) + '
';\n\t } else {\n\t item += '' + this.templates.groupTemplate(context.group) + '
';\n\t }\n\t } else if (isGrouped && hasColumns) {\n\t item += \"\";\n\t }\n\n\t return item + \"\";\n\t },\n\n\t _renderColumns: function(dataItem) {\n\t var item = \"\";\n\n\t for (var i = 0; i < this.options.columns.length; i++) {\n\t var currentWidth = this.options.columns[i].width;\n\t var currentWidthInt = parseInt(currentWidth, 10);\n\t var widthStyle = '';\n\n\t if (currentWidth && !isNaN(currentWidthInt)) {\n\t widthStyle += \"style='width:\";\n\t widthStyle += currentWidthInt;\n\t widthStyle += percentageUnitsRegex.test(currentWidth) ? \"%\" : \"px\";\n\t widthStyle += \";'\";\n\t }\n\t item += \"\";\n\t item += this.templates[\"column\"+ i](dataItem);\n\t item += \"\";\n\t }\n\n\t return item;\n\t },\n\n\t _render: function() {\n\t var html = \"\";\n\n\t var i = 0;\n\t var idx = 0;\n\t var context;\n\t var dataContext = [];\n\t var view = this.dataSource.view();\n\t var values = this.value();\n\n\t var group, newGroup, j;\n\t var isGrouped = this.isGrouped();\n\n\t if (isGrouped) {\n\t for (i = 0; i < view.length; i++) {\n\t group = view[i];\n\t newGroup = true;\n\n\t for (j = 0; j < group.items.length; j++) {\n\t context = {\n\t selected: this._selected(group.items[j], values),\n\t item: group.items[j],\n\t group: group.value,\n\t newGroup: newGroup,\n\t isLastGroupedItem: j === group.items.length - 1,\n\t index: idx };\n\t dataContext[idx] = context;\n\t idx += 1;\n\n\t html += this._renderItem(context);\n\t newGroup = false;\n\t }\n\t }\n\t } else {\n\t for (i = 0; i < view.length; i++) {\n\t context = { selected: this._selected(view[i], values), item: view[i], index: i };\n\n\t dataContext[i] = context;\n\n\t html += this._renderItem(context);\n\t }\n\t }\n\n\t this._view = dataContext;\n\n\t this.element[0].innerHTML = html;\n\n\t if (isGrouped && dataContext.length) {\n\t this._renderHeader();\n\t }\n\t },\n\n\t _selected: function(dataItem, values) {\n\t var select = !this.isFiltered() || this.options.selectable === \"multiple\";\n\t return select && this._dataItemPosition(dataItem, values) !== -1;\n\t },\n\n\t setDSFilter: function(filter) {\n\t this._lastDSFilter = extend({}, filter);\n\t },\n\n\t isFiltered: function() {\n\t if (!this._lastDSFilter) {\n\t this.setDSFilter(this.dataSource.filter());\n\t }\n\n\t return !kendo.data.Query.compareFilters(this.dataSource.filter(), this._lastDSFilter);\n\t },\n\n\t refresh: function(e) {\n\t var that = this;\n\t var action = e && e.action;\n\t var skipUpdateOnBind = that.options.skipUpdateOnBind;\n\t var isItemChange = action === \"itemchange\";\n\t var result;\n\n\t that.trigger(\"dataBinding\");\n\t that._angularItems(\"cleanup\");\n\n\t that._fixedHeader();\n\n\t that._render();\n\n\t that.bound(true);\n\n\t if (isItemChange || action === \"remove\") {\n\t result = mapChangedItems(that._dataItems, e.items);\n\n\t if (result.changed.length) {\n\t if (isItemChange) {\n\t that.trigger(\"selectedItemChange\", {\n\t items: result.changed\n\t });\n\t } else {\n\t that.value(that._getValues(result.unchanged));\n\t }\n\t }\n\t } else if (that.isFiltered() || that._skipUpdate || that._emptySearch) {\n\t that.focus(0);\n\t if (that._skipUpdate) {\n\t that._skipUpdate = false;\n\t that._selectedIndices = that._valueIndices(that._values, that._selectedIndices);\n\t }\n\t } else if (!skipUpdateOnBind && (!action || action === \"add\")) {\n\t that.value(that._values);\n\t }\n\n\t if (that._valueDeferred) {\n\t that._valueDeferred.resolve();\n\t }\n\n\t that._angularItems(\"compile\");\n\t that.trigger(\"dataBound\");\n\t },\n\n\t bound: function(bound) {\n\t if (bound === undefined) {\n\t return this._bound;\n\t }\n\n\t this._bound = bound;\n\t },\n\n\t isGrouped: function() {\n\t return (this.dataSource.group() || []).length;\n\t }\n\t });\n\n\t ui.plugin(StaticList);\n\n\t function last(list) {\n\t return list[list.length - 1];\n\t }\n\n\t function getSelectedOption(select) {\n\t var index = select.selectedIndex;\n\t return index > -1 ? select.options[index] : {};\n\t }\n\n\t function mapChangedItems(selected, itemsToMatch) {\n\t var itemsLength = itemsToMatch.length;\n\t var selectedLength = selected.length;\n\t var dataItem;\n\t var found;\n\t var i, j;\n\n\t var changed = [];\n\t var unchanged = [];\n\n\t if (selectedLength) {\n\t for (i = 0; i < selectedLength; i++) {\n\t dataItem = selected[i];\n\t found = false;\n\n\t for (j = 0; j < itemsLength; j++) {\n\t if (dataItem === itemsToMatch[j]) {\n\t found = true;\n\t changed.push({ index: i, item: dataItem });\n\t break;\n\t }\n\t }\n\n\t if (!found) {\n\t unchanged.push(dataItem);\n\t }\n\t }\n\t }\n\n\t return {\n\t changed: changed,\n\t unchanged: unchanged\n\t };\n\t }\n\n\t function isValidFilterExpr(expression) {\n\t if (!expression || $.isEmptyObject(expression)) {\n\t return false;\n\t }\n\n\t if (expression.filters && !expression.filters.length) {\n\t return false;\n\t }\n\n\t return true;\n\t }\n\n\t function removeFiltersForField(expression, field) {\n\t var filters;\n\t var found = false;\n\n\t if (expression.filters) {\n\t filters = $.grep(expression.filters, function(filter) {\n\t found = removeFiltersForField(filter, field);\n\t if (filter.filters) {\n\t return filter.filters.length;\n\t } else {\n\t return filter.field != field;\n\t }\n\t });\n\n\t if (!found && expression.filters.length !== filters.length) {\n\t found = true;\n\t }\n\n\t expression.filters = filters;\n\t }\n\n\t return found;\n\t }\n\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(859));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(945);\n\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.core\");\n\n/***/ }),\n\n/***/ 859:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 945:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(858) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\tvar __meta__ = { // jshint ignore:line\n\t id: \"popup\",\n\t name: \"Pop-up\",\n\t category: \"framework\",\n\t depends: [ \"core\" ],\n\t advanced: true\n\t};\n\n\t(function($, undefined) {\n\t var kendo = window.kendo,\n\t ui = kendo.ui,\n\t Widget = ui.Widget,\n\t Class = kendo.Class,\n\t support = kendo.support,\n\t getOffset = kendo.getOffset,\n\t outerWidth = kendo._outerWidth,\n\t outerHeight = kendo._outerHeight,\n\t OPEN = \"open\",\n\t CLOSE = \"close\",\n\t DEACTIVATE = \"deactivate\",\n\t ACTIVATE = \"activate\",\n\t CENTER = \"center\",\n\t LEFT = \"left\",\n\t RIGHT = \"right\",\n\t TOP = \"top\",\n\t BOTTOM = \"bottom\",\n\t ABSOLUTE = \"absolute\",\n\t HIDDEN = \"hidden\",\n\t BODY = \"body\",\n\t LOCATION = \"location\",\n\t POSITION = \"position\",\n\t VISIBLE = \"visible\",\n\t EFFECTS = \"effects\",\n\t ACTIVE = \"k-state-active\",\n\t ACTIVEBORDER = \"k-state-border\",\n\t ACTIVEBORDERREGEXP = /k-state-border-(\\w+)/,\n\t ACTIVECHILDREN = \".k-picker-wrap, .k-dropdown-wrap, .k-link\",\n\t MOUSEDOWN = \"down\",\n\t DOCUMENT_ELEMENT = $(document.documentElement),\n\t proxy = $.proxy,\n\t WINDOW = $(window),\n\t SCROLL = \"scroll\",\n\t cssPrefix = support.transitions.css,\n\t TRANSFORM = cssPrefix + \"transform\",\n\t extend = $.extend,\n\t NS = \".kendoPopup\",\n\t styles = [\"font-size\",\n\t \"font-family\",\n\t \"font-stretch\",\n\t \"font-style\",\n\t \"font-weight\",\n\t \"line-height\"];\n\n\t function contains(container, target) {\n\t if (!container || !target) {\n\t return false;\n\t }\n\t return container === target || $.contains(container, target);\n\t }\n\n\t var Popup = Widget.extend({\n\t init: function(element, options) {\n\t var that = this, parentPopup;\n\n\t options = options || {};\n\n\t if (options.isRtl) {\n\t options.origin = options.origin || BOTTOM + \" \" + RIGHT;\n\t options.position = options.position || TOP + \" \" + RIGHT;\n\t }\n\n\t Widget.fn.init.call(that, element, options);\n\n\t element = that.element;\n\t options = that.options;\n\n\t that.collisions = options.collision ? options.collision.split(\" \") : [];\n\t that.downEvent = kendo.applyEventMap(MOUSEDOWN, kendo.guid());\n\n\t if (that.collisions.length === 1) {\n\t that.collisions.push(that.collisions[0]);\n\t }\n\n\t parentPopup = $(that.options.anchor).closest(\".k-popup,.k-group\").filter(\":not([class^=km-])\"); // When popup is in another popup, make it relative.\n\n\t options.appendTo = $($(options.appendTo)[0] || parentPopup[0] || document.body);\n\n\t that.element.hide()\n\t .addClass(\"k-popup k-group k-reset\")\n\t .toggleClass(\"k-rtl\", !!options.isRtl)\n\t .css({ position : ABSOLUTE })\n\t .appendTo(options.appendTo)\n\t .attr(\"aria-hidden\", true)\n\t .on(\"mouseenter\" + NS, function() {\n\t that._hovered = true;\n\t })\n\t .on(\"wheel\" + NS, function(e) {\n\t var list = $(e.target).find(\".k-list\");\n\t var scrollArea = list.parent();\n\t if (list.length && list.is(\":visible\") && ((scrollArea.scrollTop() === 0 && e.originalEvent.deltaY < 0) ||\n\t (scrollArea.scrollTop() === scrollArea.prop('scrollHeight') - scrollArea.prop('offsetHeight') && e.originalEvent.deltaY > 0))) {\n\t e.preventDefault();\n\t }\n\t })\n\t .on(\"mouseleave\" + NS, function() {\n\t that._hovered = false;\n\t });\n\n\t that.wrapper = $();\n\n\t if (options.animation === false) {\n\t options.animation = { open: { effects: {} }, close: { hide: true, effects: {} } };\n\t }\n\n\t extend(options.animation.open, {\n\t complete: function() {\n\t that.wrapper.css({ overflow: VISIBLE }); // Forcing refresh causes flickering in mobile.\n\t that._activated = true;\n\t that._trigger(ACTIVATE);\n\t }\n\t });\n\n\t extend(options.animation.close, {\n\t complete: function() {\n\t that._animationClose();\n\t }\n\t });\n\n\t that._mousedownProxy = function(e) {\n\t that._mousedown(e);\n\t };\n\n\t if (support.mobileOS.android) {\n\t that._resizeProxy = function(e) {\n\t setTimeout(function() {\n\t that._resize(e);\n\t }, 600); //Logic from kendo.onResize\n\t };\n\t } else {\n\t that._resizeProxy = function(e) {\n\t that._resize(e);\n\t };\n\t }\n\n\t if (options.toggleTarget) {\n\t $(options.toggleTarget).on(options.toggleEvent + NS, $.proxy(that.toggle, that));\n\t }\n\t },\n\n\t events: [\n\t OPEN,\n\t ACTIVATE,\n\t CLOSE,\n\t DEACTIVATE\n\t ],\n\n\t options: {\n\t name: \"Popup\",\n\t toggleEvent: \"click\",\n\t origin: BOTTOM + \" \" + LEFT,\n\t position: TOP + \" \" + LEFT,\n\t anchor: BODY,\n\t appendTo: null,\n\t collision: \"flip fit\",\n\t viewport: window,\n\t copyAnchorStyles: true,\n\t autosize: false,\n\t modal: false,\n\t adjustSize: {\n\t width: 0,\n\t height: 0\n\t },\n\t animation: {\n\t open: {\n\t effects: \"slideIn:down\",\n\t transition: true,\n\t duration: 200\n\t },\n\t close: { // if close animation effects are defined, they will be used instead of open.reverse\n\t duration: 100,\n\t hide: true\n\t }\n\t }\n\t },\n\n\t _animationClose: function() {\n\t var that = this;\n\t var location = that.wrapper.data(LOCATION);\n\n\t that.wrapper.hide();\n\n\t if (location) {\n\t that.wrapper.css(location);\n\t }\n\n\t if (that.options.anchor != BODY) {\n\t that._hideDirClass();\n\t }\n\n\t that._closing = false;\n\t that._trigger(DEACTIVATE);\n\t },\n\n\t destroy: function() {\n\t var that = this,\n\t options = that.options,\n\t element = that.element.off(NS),\n\t parent;\n\n\t Widget.fn.destroy.call(that);\n\n\t if (options.toggleTarget) {\n\t $(options.toggleTarget).off(NS);\n\t }\n\n\t if (!options.modal) {\n\t DOCUMENT_ELEMENT.off(that.downEvent, that._mousedownProxy);\n\t that._toggleResize(false);\n\t }\n\n\t kendo.destroy(that.element.children());\n\t element.removeData();\n\n\t if (options.appendTo[0] === document.body) {\n\t parent = element.parent(\".k-animation-container\");\n\n\t if (parent[0]) {\n\t parent.remove();\n\t } else {\n\t element.remove();\n\t }\n\t }\n\t },\n\n\t open: function(x, y) {\n\t var that = this,\n\t fixed = { isFixed: !isNaN(parseInt(y,10)), x: x, y: y },\n\t element = that.element,\n\t options = that.options,\n\t animation, wrapper,\n\t anchor = $(options.anchor),\n\t mobile = element[0] && element.hasClass(\"km-widget\");\n\n\t if (!that.visible()) {\n\t if (options.copyAnchorStyles) {\n\t if (mobile && styles[0] == \"font-size\") {\n\t styles.shift();\n\t }\n\t element.css(kendo.getComputedStyles(anchor[0], styles));\n\t }\n\n\t if (element.data(\"animating\") || that._trigger(OPEN)) {\n\t return;\n\t }\n\n\t that._activated = false;\n\n\t if (!options.modal) {\n\t DOCUMENT_ELEMENT.off(that.downEvent, that._mousedownProxy)\n\t .on(that.downEvent, that._mousedownProxy);\n\n\t // this binding hangs iOS in editor\n\t // all elements in IE7/8 fire resize event, causing mayhem\n\t that._toggleResize(false);\n\t that._toggleResize(true);\n\t }\n\n\t that.wrapper = wrapper = kendo.wrap(element, options.autosize)\n\t .css({\n\t overflow: HIDDEN,\n\t display: \"block\",\n\t position: ABSOLUTE\n\t })\n\t .attr(\"aria-hidden\", false);\n\n\t if (support.mobileOS.android) {\n\t wrapper.css(TRANSFORM, \"translatez(0)\"); // Android is VERY slow otherwise. Should be tested in other droids as well since it may cause blur.\n\t }\n\n\t wrapper.css(POSITION);\n\n\t if ($(options.appendTo)[0] == document.body) {\n\t wrapper.css(TOP, \"-10000px\");\n\t }\n\n\t that.flipped = that._position(fixed);\n\t animation = that._openAnimation();\n\n\t if (options.anchor != BODY) {\n\t that._showDirClass(animation);\n\t }\n\n\t if (!element.is(\":visible\") && element.data(\"olddisplay\") === undefined) {\n\t element.show();\n\t element.data(\"olddisplay\", element.css(\"display\"));\n\t element.hide();\n\t }\n\n\t element.data(EFFECTS, animation.effects)\n\t .kendoStop(true)\n\t .kendoAnimate(animation)\n\t .attr(\"aria-hidden\", false);\n\t }\n\t },\n\n\t _location: function(isFixed) {\n\t var that = this,\n\t element = that.element,\n\t options = that.options,\n\t wrapper,\n\t anchor = $(options.anchor),\n\t mobile = element[0] && element.hasClass(\"km-widget\");\n\n\t if (options.copyAnchorStyles) {\n\t if (mobile && styles[0] == \"font-size\") {\n\t styles.shift();\n\t }\n\t element.css(kendo.getComputedStyles(anchor[0], styles));\n\t }\n\n\t that.wrapper = wrapper = kendo.wrap(element, options.autosize)\n\t .css({\n\t overflow: HIDDEN,\n\t display: \"block\",\n\t position: ABSOLUTE\n\t });\n\n\t if (support.mobileOS.android) {\n\t wrapper.css(TRANSFORM, \"translatez(0)\"); // Android is VERY slow otherwise. Should be tested in other droids as well since it may cause blur.\n\t }\n\n\t wrapper.css(POSITION);\n\n\t if ($(options.appendTo)[0] == document.body) {\n\t wrapper.css(TOP, \"-10000px\");\n\t }\n\n\t that._position(isFixed || {});\n\n\t var offset = wrapper.offset();\n\t return {\n\t width: kendo._outerWidth(wrapper),\n\t height: kendo._outerHeight(wrapper),\n\t left: offset.left,\n\t top: offset.top\n\t };\n\t },\n\n\t _openAnimation: function() {\n\t var animation = extend(true, {}, this.options.animation.open);\n\t animation.effects = kendo.parseEffects(animation.effects, this.flipped);\n\n\t return animation;\n\t },\n\n\t _hideDirClass: function() {\n\t var anchor = $(this.options.anchor);\n\t var direction = ((anchor.attr(\"class\") || \"\").match(ACTIVEBORDERREGEXP) || [\"\", \"down\"])[1];\n\t var dirClass = ACTIVEBORDER + \"-\" + direction;\n\n\t anchor\n\t .removeClass(dirClass)\n\t .children(ACTIVECHILDREN)\n\t .removeClass(ACTIVE)\n\t .removeClass(dirClass);\n\n\t this.element.removeClass(ACTIVEBORDER + \"-\" + kendo.directions[direction].reverse);\n\t },\n\n\t _showDirClass: function(animation) {\n\t var direction = animation.effects.slideIn ? animation.effects.slideIn.direction : \"down\";\n\t var dirClass = ACTIVEBORDER + \"-\" + direction;\n\n\t $(this.options.anchor)\n\t .addClass(dirClass)\n\t .children(ACTIVECHILDREN)\n\t .addClass(ACTIVE)\n\t .addClass(dirClass);\n\n\t this.element.addClass(ACTIVEBORDER + \"-\" + kendo.directions[direction].reverse);\n\t },\n\n\t position: function() {\n\t if (this.visible()) {\n\t this.flipped = this._position();\n\t //this._hideDirClass();\n\t //this._showDirClass(this._openAnimation());\n\t }\n\t },\n\n\t toggle: function() {\n\t var that = this;\n\n\t that[that.visible() ? CLOSE : OPEN]();\n\t },\n\n\t visible: function() {\n\t return this.element.is(\":\" + VISIBLE);\n\t },\n\n\t close: function(skipEffects) {\n\t var that = this,\n\t options = that.options, wrap,\n\t animation, openEffects, closeEffects;\n\n\t if (that.visible()) {\n\t wrap = (that.wrapper[0] ? that.wrapper : kendo.wrap(that.element).hide());\n\n\t that._toggleResize(false);\n\n\t if (that._closing || that._trigger(CLOSE)) {\n\t that._toggleResize(true);\n\t return;\n\t }\n\n\t // Close all inclusive popups.\n\t that.element.find(\".k-popup\").each(function () {\n\t var that = $(this),\n\t popup = that.data(\"kendoPopup\");\n\n\t if (popup) {\n\t popup.close(skipEffects);\n\t }\n\t });\n\n\t DOCUMENT_ELEMENT.off(that.downEvent, that._mousedownProxy);\n\n\t if (skipEffects) {\n\t animation = { hide: true, effects: {} };\n\t } else {\n\t animation = extend(true, {}, options.animation.close);\n\t openEffects = that.element.data(EFFECTS);\n\t closeEffects = animation.effects;\n\n\t if (!closeEffects && !kendo.size(closeEffects) && openEffects && kendo.size(openEffects)) {\n\t animation.effects = openEffects;\n\t animation.reverse = true;\n\t }\n\n\t that._closing = true;\n\t }\n\n\t that.element\n\t .kendoStop(true)\n\t .attr(\"aria-hidden\", true);\n\t wrap\n\t .css({ overflow: HIDDEN }) // stop callback will remove hidden overflow\n\t .attr(\"aria-hidden\", true);\n\t that.element.kendoAnimate(animation);\n\n\t if (skipEffects) {\n\t that._animationClose();\n\t }\n\t }\n\t },\n\n\t _trigger: function(ev) {\n\t return this.trigger(ev, { type: ev });\n\t },\n\n\t _resize: function(e) {\n\t var that = this;\n\n\t if (support.resize.indexOf(e.type) !== -1) {\n\t clearTimeout(that._resizeTimeout);\n\t that._resizeTimeout = setTimeout(function() {\n\t that._position();\n\t that._resizeTimeout = null;\n\t }, 50);\n\t } else {\n\t if (!that._hovered || (that._activated && that.element.hasClass(\"k-list-container\"))) {\n\t that.close();\n\t }\n\t }\n\t },\n\n\t _toggleResize: function(toggle) {\n\t var method = toggle ? \"on\" : \"off\";\n\t var eventNames = support.resize;\n\n\t if (!(support.mobileOS.ios || support.mobileOS.android || support.browser.safari)) {\n\t eventNames += \" \" + SCROLL;\n\t }\n\n\t if (toggle && !this.scrollableParents) {\n\t this.scrollableParents = this._scrollableParents();\n\t }\n\n\t if (this.scrollableParents && this.scrollableParents.length) {\n\t this.scrollableParents[method](SCROLL, this._resizeProxy);\n\t }\n\n\t WINDOW[method](eventNames, this._resizeProxy);\n\t },\n\n\t _mousedown: function(e) {\n\t var that = this,\n\t container = that.element[0],\n\t options = that.options,\n\t anchor = $(options.anchor)[0],\n\t toggleTarget = options.toggleTarget,\n\t target = kendo.eventTarget(e),\n\t popup = $(target).closest(\".k-popup\"),\n\t mobile = popup.parent().parent(\".km-shim\").length;\n\n\t popup = popup[0];\n\t if (!mobile && popup && popup !== that.element[0]){\n\t return;\n\t }\n\n\t // This MAY result in popup not closing in certain cases.\n\t if ($(e.target).closest(\"a\").data(\"rel\") === \"popover\") {\n\t return;\n\t }\n\n\t if (!contains(container, target) && !contains(anchor, target) && !(toggleTarget && contains($(toggleTarget)[0], target))) {\n\t that.close();\n\t }\n\t },\n\n\t _fit: function(position, size, viewPortSize) {\n\t var output = 0;\n\n\t if (position + size > viewPortSize) {\n\t output = viewPortSize - (position + size);\n\t }\n\n\t if (position < 0) {\n\t output = -position;\n\t }\n\n\t return output;\n\t },\n\n\t _flip: function(offset, size, anchorSize, viewPortSize, origin, position, boxSize) {\n\t var output = 0;\n\t boxSize = boxSize || size;\n\n\t if (position !== origin && position !== CENTER && origin !== CENTER) {\n\t if (offset + boxSize > viewPortSize) {\n\t output += -(anchorSize + size);\n\t }\n\n\t if (offset + output < 0) {\n\t output += anchorSize + size;\n\t }\n\t }\n\t return output;\n\t },\n\n\t _scrollableParents: function() {\n\t return $(this.options.anchor)\n\t .parentsUntil(\"body\")\n\t .filter(function(index, element) {\n\t return kendo.isScrollable(element);\n\t });\n\t },\n\n\t _position: function(fixed) {\n\t var that = this,\n\t //element = that.element.css(POSITION, \"\"), /* fixes telerik/kendo-ui-core#790, comes from telerik/kendo#615 */\n\t element = that.element,\n\t wrapper = that.wrapper,\n\t options = that.options,\n\t viewport = $(options.viewport),\n\t zoomLevel = support.zoomLevel(),\n\t isWindow = !!((viewport[0] == window) && window.innerWidth && (zoomLevel <= 1.02)),\n\t anchor = $(options.anchor),\n\t origins = options.origin.toLowerCase().split(\" \"),\n\t positions = options.position.toLowerCase().split(\" \"),\n\t collisions = that.collisions,\n\t siblingContainer, parents,\n\t parentZIndex, zIndex = 10002,\n\t idx = 0,\n\t docEl = document.documentElement,\n\t length, viewportOffset, viewportWidth, viewportHeight;\n\n\t if (options.viewport === window) {\n\t viewportOffset = {\n\t top: (window.pageYOffset || document.documentElement.scrollTop || 0),\n\t left: (window.pageXOffset || document.documentElement.scrollLeft || 0)\n\t };\n\t } else {\n\t viewportOffset = viewport.offset();\n\t }\n\n\t if (isWindow) {\n\t viewportWidth = window.innerWidth;\n\t viewportHeight = window.innerHeight;\n\t } else {\n\t viewportWidth = viewport.width();\n\t viewportHeight = viewport.height();\n\t }\n\n\t if (isWindow && docEl.scrollHeight - docEl.clientHeight > 0) {\n\t var sign = options.isRtl ? -1 : 1;\n\n\t viewportWidth -= sign * kendo.support.scrollbar();\n\t }\n\n\t siblingContainer = anchor.parents().filter(wrapper.siblings());\n\n\t if (siblingContainer[0]) {\n\t parentZIndex = Math.max(Number(siblingContainer.css(\"zIndex\")), 0);\n\n\t // set z-index to be more than that of the container/sibling\n\t // compensate with more units for window z-stack\n\t if (parentZIndex) {\n\t zIndex = parentZIndex + 10;\n\t } else {\n\t parents = anchor.parentsUntil(siblingContainer);\n\t for (length = parents.length; idx < length; idx++) {\n\t parentZIndex = Number($(parents[idx]).css(\"zIndex\"));\n\t if (parentZIndex && zIndex < parentZIndex) {\n\t zIndex = parentZIndex + 10;\n\t }\n\t }\n\t }\n\t }\n\n\t wrapper.css(\"zIndex\", zIndex);\n\n\t if (fixed && fixed.isFixed) {\n\t wrapper.css({ left: fixed.x, top: fixed.y });\n\t } else {\n\t wrapper.css(that._align(origins, positions));\n\t }\n\n\t var pos = getOffset(wrapper, POSITION, anchor[0] === wrapper.offsetParent()[0]),\n\t offset = getOffset(wrapper),\n\t anchorParent = anchor.offsetParent().parent(\".k-animation-container,.k-popup,.k-group\"); // If the parent is positioned, get the current positions\n\n\t if (anchorParent.length) {\n\t pos = getOffset(wrapper, POSITION, true);\n\t offset = getOffset(wrapper);\n\t }\n\n\t offset.top -= viewportOffset.top;\n\t offset.left -= viewportOffset.left;\n\n\t if (!that.wrapper.data(LOCATION)) { // Needed to reset the popup location after every closure - fixes the resize bugs.\n\t wrapper.data(LOCATION, extend({}, pos));\n\t }\n\n\t var offsets = extend({}, offset),\n\t location = extend({}, pos),\n\t adjustSize = options.adjustSize;\n\n\t if (collisions[0] === \"fit\") {\n\t location.top += that._fit(offsets.top, outerHeight(wrapper) + adjustSize.height, viewportHeight / zoomLevel);\n\t }\n\n\t if (collisions[1] === \"fit\") {\n\t location.left += that._fit(offsets.left, outerWidth(wrapper) + adjustSize.width, viewportWidth / zoomLevel);\n\t }\n\n\t var flipPos = extend({}, location);\n\t var elementHeight = outerHeight(element);\n\t var wrapperHeight = outerHeight(wrapper);\n\n\t if (!wrapper.height() && elementHeight) {\n\t wrapperHeight = wrapperHeight + elementHeight;\n\t }\n\n\t if (collisions[0] === \"flip\") {\n\t location.top += that._flip(offsets.top, elementHeight, outerHeight(anchor), viewportHeight / zoomLevel, origins[0], positions[0], wrapperHeight);\n\t }\n\n\t if (collisions[1] === \"flip\") {\n\t location.left += that._flip(offsets.left, outerWidth(element), outerWidth(anchor), viewportWidth / zoomLevel, origins[1], positions[1], outerWidth(wrapper));\n\t }\n\n\t element.css(POSITION, ABSOLUTE);\n\t wrapper.css(location);\n\n\t return (location.left != flipPos.left || location.top != flipPos.top);\n\t },\n\n\t _align: function(origin, position) {\n\t var that = this,\n\t element = that.wrapper,\n\t anchor = $(that.options.anchor),\n\t verticalOrigin = origin[0],\n\t horizontalOrigin = origin[1],\n\t verticalPosition = position[0],\n\t horizontalPosition = position[1],\n\t anchorOffset = getOffset(anchor),\n\t appendTo = $(that.options.appendTo),\n\t appendToOffset,\n\t width = outerWidth(element),\n\t height = outerHeight(element) || outerHeight(element.children().first()),\n\t anchorWidth = outerWidth(anchor),\n\t anchorHeight = outerHeight(anchor),\n\t top = anchorOffset.top,\n\t left = anchorOffset.left,\n\t round = Math.round;\n\n\t if (appendTo[0] != document.body) {\n\t appendToOffset = getOffset(appendTo);\n\t top -= appendToOffset.top;\n\t left -= appendToOffset.left;\n\t }\n\n\n\t if (verticalOrigin === BOTTOM) {\n\t top += anchorHeight;\n\t }\n\n\t if (verticalOrigin === CENTER) {\n\t top += round(anchorHeight / 2);\n\t }\n\n\t if (verticalPosition === BOTTOM) {\n\t top -= height;\n\t }\n\n\t if (verticalPosition === CENTER) {\n\t top -= round(height / 2);\n\t }\n\n\t if (horizontalOrigin === RIGHT) {\n\t left += anchorWidth;\n\t }\n\n\t if (horizontalOrigin === CENTER) {\n\t left += round(anchorWidth / 2);\n\t }\n\n\t if (horizontalPosition === RIGHT) {\n\t left -= width;\n\t }\n\n\t if (horizontalPosition === CENTER) {\n\t left -= round(width / 2);\n\t }\n\n\t return {\n\t top: top,\n\t left: left\n\t };\n\t }\n\t });\n\n\t ui.plugin(Popup);\n\n\t var stableSort = kendo.support.stableSort;\n\t var tabKeyTrapNS = \"kendoTabKeyTrap\";\n\t var focusableNodesSelector = \"a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex], *[contenteditable]\";\n\t var TabKeyTrap = Class.extend({\n\t init: function(element) {\n\t this.element = $(element);\n\t this.element.autoApplyNS(tabKeyTrapNS);\n\t },\n\n\t trap: function() {\n\t this.element.on(\"keydown\", proxy(this._keepInTrap, this));\n\t },\n\n\t removeTrap: function() {\n\t this.element.kendoDestroy(tabKeyTrapNS);\n\t },\n\n\t destroy: function() {\n\t this.element.kendoDestroy(tabKeyTrapNS);\n\t this.element = undefined;\n\t },\n\n\t shouldTrap: function () {\n\t return true;\n\t },\n\n\t _keepInTrap: function(e) {\n\t if (e.which !== 9 || !this.shouldTrap() || e.isDefaultPrevented()) {\n\t return;\n\t }\n\n\t var elements = this._focusableElements();\n\t var sortedElements = this._sortFocusableElements(elements);\n\t var next = this._nextFocusable(e, sortedElements);\n\n\t this._focus(next);\n\n\t e.preventDefault();\n\t },\n\t _focusableElements: function(){\n\t var elements = this.element.find(focusableNodesSelector).filter(function(i, item){\n\t return item.tabIndex >= 0 && $(item).is(':visible') && !$(item).is('[disabled]');\n\t });\n\n\t if (this.element.is(\"[tabindex]\")) {\n\t elements.push(this.element[0]);\n\t }\n\n\t return elements;\n\t },\n\t _sortFocusableElements: function(elements){\n\t var sortedElements;\n\n\t if (stableSort) {\n\t sortedElements = elements.sort(function(prev, next) {\n\t return prev.tabIndex - next.tabIndex;\n\t });\n\t } else {\n\t var attrName = \"__k_index\";\n\t elements.each(function(i, item){\n\t item.setAttribute(attrName, i);\n\t });\n\n\t sortedElements = elements.sort(function(prev, next) {\n\t return prev.tabIndex === next.tabIndex ?\n\t parseInt(prev.getAttribute(attrName), 10) - parseInt(next.getAttribute(attrName), 10) :\n\t prev.tabIndex - next.tabIndex;\n\t });\n\n\t elements.removeAttr(attrName);\n\t }\n\n\t return sortedElements;\n\t },\n\t _nextFocusable: function(e, elements){\n\t var count = elements.length;\n\t var current = elements.index(e.target);\n\n\t return elements.get((current + (e.shiftKey ? -1 : 1)) % count);\n\t },\n\t _focus: function(element){\n\t if (element.nodeName == \"IFRAME\") {\n\t element.contentWindow.document.body.focus();\n\t return;\n\t }\n\n\t element.focus();\n\n\t if (element.nodeName == \"INPUT\" && element.setSelectionRange && this._haveSelectionRange(element)) {\n\t element.setSelectionRange(0, element.value.length);\n\t }\n\t },\n\t _haveSelectionRange: function(element){\n\t var elementType = element.type.toLowerCase();\n\n\t return elementType === \"text\" || elementType === \"search\" ||\n\t elementType === \"url\" || elementType === \"tel\" ||\n\t elementType === \"password\";\n\t }\n\t });\n\t ui.Popup.TabKeyTrap = TabKeyTrap;\n\t})(window.kendo.jQuery);\n\n\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(859));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(931);\n\n\n/***/ }),\n\n/***/ 859:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 905:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo.draganddrop\");\n\n/***/ }),\n\n/***/ 931:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(932), __webpack_require__(905) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\tvar __meta__ = { // jshint ignore:line\n\t id: \"mobile.scroller\",\n\t name: \"Scroller\",\n\t category: \"mobile\",\n\t description: \"The Kendo Mobile Scroller widget enables touch friendly kinetic scrolling for the contents of a given DOM element.\",\n\t depends: [ \"fx\", \"draganddrop\" ]\n\t};\n\n\t(function($, undefined) {\n\t var kendo = window.kendo,\n\t mobile = kendo.mobile,\n\t fx = kendo.effects,\n\t ui = mobile.ui,\n\t proxy = $.proxy,\n\t extend = $.extend,\n\t Widget = ui.Widget,\n\t Class = kendo.Class,\n\t Movable = kendo.ui.Movable,\n\t Pane = kendo.ui.Pane,\n\t PaneDimensions = kendo.ui.PaneDimensions,\n\t Transition = fx.Transition,\n\t Animation = fx.Animation,\n\t abs = Math.abs,\n\t SNAPBACK_DURATION = 500,\n\t SCROLLBAR_OPACITY = 0.7,\n\t FRICTION = 0.96,\n\t VELOCITY_MULTIPLIER = 10,\n\t MAX_VELOCITY = 55,\n\t OUT_OF_BOUNDS_FRICTION = 0.5,\n\t ANIMATED_SCROLLER_PRECISION = 5,\n\t RELEASECLASS = \"km-scroller-release\",\n\t REFRESHCLASS = \"km-scroller-refresh\",\n\t PULL = \"pull\",\n\t CHANGE = \"change\",\n\t RESIZE = \"resize\",\n\t SCROLL = \"scroll\",\n\t MOUSE_WHEEL_ID = 2;\n\n\t var ZoomSnapBack = Animation.extend({\n\t init: function(options) {\n\t var that = this;\n\t Animation.fn.init.call(that);\n\t extend(that, options);\n\n\t that.userEvents.bind(\"gestureend\", proxy(that.start, that));\n\t that.tapCapture.bind(\"press\", proxy(that.cancel, that));\n\t },\n\n\t enabled: function() {\n\t return this.movable.scale < this.dimensions.minScale;\n\t },\n\n\t done: function() {\n\t return this.dimensions.minScale - this.movable.scale < 0.01;\n\t },\n\n\t tick: function() {\n\t var movable = this.movable;\n\t movable.scaleWith(1.1);\n\t this.dimensions.rescale(movable.scale);\n\t },\n\n\t onEnd: function() {\n\t var movable = this.movable;\n\t movable.scaleTo(this.dimensions.minScale);\n\t this.dimensions.rescale(movable.scale);\n\t }\n\t });\n\n\t var DragInertia = Animation.extend({\n\t init: function(options) {\n\t var that = this;\n\n\t Animation.fn.init.call(that);\n\n\t extend(that, options, {\n\t transition: new Transition({\n\t axis: options.axis,\n\t movable: options.movable,\n\t onEnd: function() { that._end(); }\n\t })\n\t });\n\n\t that.tapCapture.bind(\"press\", function() { that.cancel(); });\n\t that.userEvents.bind(\"end\", proxy(that.start, that));\n\t that.userEvents.bind(\"gestureend\", proxy(that.start, that));\n\t that.userEvents.bind(\"tap\", proxy(that.onEnd, that));\n\t },\n\n\t onCancel: function() {\n\t this.transition.cancel();\n\t },\n\n\t freeze: function(location) {\n\t var that = this;\n\t that.cancel();\n\t that._moveTo(location);\n\t },\n\n\t onEnd: function() {\n\t var that = this;\n\t if (that.paneAxis.outOfBounds()) {\n\t that._snapBack();\n\t } else {\n\t that._end();\n\t }\n\t },\n\n\t done: function() {\n\t return abs(this.velocity) < 1;\n\t },\n\n\t start: function(e) {\n\t var that = this,\n\t velocity;\n\n\t if (!that.dimension.enabled) { return; }\n\n\t if (that.paneAxis.outOfBounds()) {\n\t if(that.transition._started){\n\t that.transition.cancel();\n\t that.velocity = Math.min(e.touch[that.axis].velocity * that.velocityMultiplier, MAX_VELOCITY);\n\n\t Animation.fn.start.call(that);\n\t }else{\n\t that._snapBack();\n\t }\n\t } else {\n\t velocity = e.touch.id === MOUSE_WHEEL_ID ? 0 : e.touch[that.axis].velocity;\n\t that.velocity = Math.max(Math.min(velocity * that.velocityMultiplier, MAX_VELOCITY), -MAX_VELOCITY);\n\n\t that.tapCapture.captureNext();\n\t Animation.fn.start.call(that);\n\t }\n\t },\n\n\t tick: function() {\n\t var that = this,\n\t dimension = that.dimension,\n\t friction = that.paneAxis.outOfBounds() ? OUT_OF_BOUNDS_FRICTION : that.friction,\n\t delta = (that.velocity *= friction),\n\t location = that.movable[that.axis] + delta;\n\n\t if (!that.elastic && dimension.outOfBounds(location)) {\n\t location = Math.max(Math.min(location, dimension.max), dimension.min);\n\t that.velocity = 0;\n\t }\n\n\t that.movable.moveAxis(that.axis, location);\n\t },\n\n\t _end: function() {\n\t this.tapCapture.cancelCapture();\n\t this.end();\n\t },\n\n\t _snapBack: function() {\n\t var that = this,\n\t dimension = that.dimension,\n\t snapBack = that.movable[that.axis] > dimension.max ? dimension.max : dimension.min;\n\t that._moveTo(snapBack);\n\t },\n\n\t _moveTo: function(location) {\n\t this.transition.moveTo({ location: location, duration: SNAPBACK_DURATION, ease: Transition.easeOutExpo });\n\t }\n\t });\n\n\t var AnimatedScroller = Animation.extend({\n\t init: function(options) {\n\t var that = this;\n\n\t kendo.effects.Animation.fn.init.call(this);\n\n\t extend(that, options, {\n\t origin: {},\n\t destination: {},\n\t offset: {}\n\t });\n\t },\n\n\t tick: function() {\n\t this._updateCoordinates();\n\t this.moveTo(this.origin);\n\t },\n\n\t done: function() {\n\t return abs(this.offset.y) < ANIMATED_SCROLLER_PRECISION && abs(this.offset.x) < ANIMATED_SCROLLER_PRECISION;\n\t },\n\n\t onEnd: function() {\n\t this.moveTo(this.destination);\n\t if (this.callback) {\n\t this.callback.call();\n\t }\n\t },\n\n\t setCoordinates: function(from, to) {\n\t this.offset = {};\n\t this.origin = from;\n\t this.destination = to;\n\t },\n\n\t setCallback: function(callback) {\n\t if (callback && kendo.isFunction(callback)) {\n\t this.callback = callback;\n\t } else {\n\t callback = undefined;\n\t }\n\t },\n\n\t _updateCoordinates: function() {\n\t this.offset = {\n\t x: (this.destination.x - this.origin.x) / 4,\n\t y: (this.destination.y - this.origin.y) / 4\n\t };\n\n\t this.origin = {\n\t y: this.origin.y + this.offset.y,\n\t x: this.origin.x + this.offset.x\n\t };\n\t }\n\t });\n\n\t var ScrollBar = Class.extend({\n\t init: function(options) {\n\t var that = this,\n\t horizontal = options.axis === \"x\",\n\t element = $('');\n\n\t extend(that, options, {\n\t element: element,\n\t elementSize: 0,\n\t movable: new Movable(element),\n\t scrollMovable: options.movable,\n\t alwaysVisible: options.alwaysVisible,\n\t size: horizontal ? \"width\" : \"height\"\n\t });\n\n\t that.scrollMovable.bind(CHANGE, proxy(that.refresh, that));\n\t that.container.append(element);\n\t if (options.alwaysVisible) {\n\t that.show();\n\t }\n\t },\n\n\t refresh: function() {\n\t var that = this,\n\t axis = that.axis,\n\t dimension = that.dimension,\n\t paneSize = dimension.size,\n\t scrollMovable = that.scrollMovable,\n\t sizeRatio = paneSize / dimension.total,\n\t position = Math.round(-scrollMovable[axis] * sizeRatio),\n\t size = Math.round(paneSize * sizeRatio);\n\n\t if (sizeRatio >= 1) {\n\t this.element.css(\"display\", \"none\");\n\t } else {\n\t this.element.css(\"display\", \"\");\n\t }\n\n\t if (position + size > paneSize) {\n\t size = paneSize - position;\n\t } else if (position < 0) {\n\t size += position;\n\t position = 0;\n\t }\n\n\t if (that.elementSize != size) {\n\t that.element.css(that.size, size + \"px\");\n\t that.elementSize = size;\n\t }\n\n\t that.movable.moveAxis(axis, position);\n\t },\n\n\t show: function() {\n\t this.element.css({opacity: SCROLLBAR_OPACITY, visibility: \"visible\"});\n\t },\n\n\t hide: function() {\n\t if (!this.alwaysVisible) {\n\t this.element.css({opacity: 0});\n\t }\n\t }\n\t });\n\n\t var Scroller = Widget.extend({\n\t init: function(element, options) {\n\t var that = this;\n\t Widget.fn.init.call(that, element, options);\n\n\t element = that.element;\n\n\t that._native = that.options.useNative && kendo.support.hasNativeScrolling;\n\t if (that._native) {\n\t element.addClass(\"km-native-scroller\")\n\t .prepend('