\";\n\n return template;\n } },\n { field: \"created\", title: messages.dateCreatedField , format: \"{0:G}\" },\n { field: \"size\", title: messages.sizeField, template: function(item) {\n if (item.size > 0) {\n return kendo.getFileSizeMessage(item.size);\n } else {\n return \"\";\n }\n } }\n ];\n }\n },\n\n _bindEvents: function() {\n var that = this,\n grid = that.grid;\n\n grid.bind(CHANGE, that._select.bind(that));\n grid.table.on(\"dblclick\" + NS, that._dblClick.bind(that));\n grid.table.on(\"mousedown\" + NS, \"tr:not(.k-grid-edit-row)\", that._mousedown.bind(that));\n grid.table.on(KEYDOWN + NS, \".k-grid-edit-row\", that._keydown.bind(that));\n grid.table.on(KEYDOWN + NS, that._keydownAction.bind(that));\n\n grid.bind(\"edit\", function() {\n that._toggleFocusable(true);\n });\n\n grid.bind(\"cancel\", function() {\n that.trigger(\"cancel\");\n });\n\n grid.saveRow = $.noop;\n\n Component.fn._bindEvents.call(this);\n },\n\n _kendoKeydown: function(ev) {\n var that = this,\n current = that.grid.current(),\n node = current ? current.closest(\"tr[data-uid]\") : null;\n\n if (node && ev.keyCode === keys.ENTER && !ev.preventKendoKeydown) {\n that._triggerOpen(node);\n ev.preventKendoKeydown = true;\n }\n\n if (ev.keyCode === keys.F2) {\n ev.preventKendoKeydown = true;\n }\n },\n\n _keydownAction: function(ev) {\n var that = this,\n target = $(ev.target).find(\".k-focus\").closest(\"tr\");\n\n if (target.length && !target.is(\".k-grid-edit-row\")) {\n that.trigger(KEYDOWNACTION, { target: target, keyCode: ev.keyCode });\n }\n },\n\n _keydown: function(ev) {\n var that = this,\n grid = that.grid;\n\n if (!$(ev.target).closest(\".k-grid-edit-row\").length) {\n return;\n }\n\n if (ev.keyCode === kendo.keys.ENTER) {\n setTimeout(function() {\n var editorContainer = that.grid._editContainer || $();\n\n // force blur event for inputs\n editorContainer.find(\"input\").trigger(\"blur\");\n\n that._closeEditable();\n });\n\n that._tryCancel();\n }\n\n if (ev.keyCode === kendo.keys.ESC) {\n grid.cancelChanges();\n that.trigger(\"cancel\");\n }\n },\n\n _mousedown: function(ev) {\n var that = this,\n node = $(ev.target).closest(\"tr[data-uid]\");\n\n if (ev.which === 1 && that.grid.editable) {\n setTimeout(function() {\n that._closeEditable();\n });\n\n that._tryCancel();\n }\n\n if (ev.which === 3 && !node.is(\".k-selected\")) {\n that.grid.selectable.clear();\n that.grid.select(node);\n }\n },\n\n _tryCancel: function() {\n var that = this,\n grid = that.grid,\n container;\n\n if (grid.editable) {\n container = grid._editContainer;\n if (!container.find(\"input\").val()) {\n grid.cancelChanges();\n }\n }\n\n setTimeout(function() {\n that._toggleFocusable(false);\n });\n\n },\n\n _toggleFocusable: function(state) {\n var that = this,\n grid = that.grid;\n\n grid.table.find(\"tr,td\").children().addBack().toggleClass(\"k-focusable\", state);\n },\n\n _closeEditable: function() {\n var that = this,\n container;\n\n if (that.grid.editable && !that.grid.editable.options.model.dirty) {\n container = that.grid._editContainer;\n that.grid._destroyEditable();\n that.grid._displayRow(container);\n that.trigger(\"cancel\");\n }\n },\n\n _select: function() {\n var that = this,\n dataItems = that.getSelected();\n\n that.trigger(SELECT, { entries: dataItems });\n },\n\n _dblClick: function(ev) {\n var that = this,\n node = $(ev.target).closest(\"tr[data-uid]\");\n\n that._triggerOpen(node);\n },\n\n _triggerOpen: function(node) {\n var that = this;\n\n if (node.is(\".k-grid-edit-row\")) {\n return;\n }\n\n var item = that.grid.dataItem(node);\n\n if (item) {\n that.trigger(OPEN, { entry: item });\n }\n },\n\n getSelected: function() {\n var that = this,\n items = that.grid.select(),\n dataItems = [];\n\n for (var i = 0; i < items.length; i++) {\n dataItems.push(that.grid.dataItem(items[i]));\n }\n\n return dataItems;\n },\n\n addFolder: function() {\n this.grid.addRow();\n },\n\n edit: function(target) {\n var that = this,\n selected = that.grid.select();\n\n that.grid.editRow(target || selected);\n },\n\n destroy: function() {\n this.grid.table.off(NS);\n this.grid.element.off(NS);\n Component.fn.destroy.call(this);\n }\n });\n\n ui.filemanager.registerViewComponent(\"grid\", Grid);\n }\n\n })(window.kendo.jQuery);\n\n (function($, undefined$1) {\n var kendo = window.kendo,\n extend = $.extend,\n ToolBar = kendo.ui.ToolBar,\n Item = kendo.toolbar.Item,\n TemplateItem = kendo.toolbar.TemplateItem,\n\n CLICK = \"click\",\n TOGGLE = \"toggle\",\n CLOSE = \"close\",\n ACTION = \"action\",\n CHANGE = \"change\",\n NS = \".fileManagerToolbar\";\n\n var FileManagerToolBar = ToolBar.extend({\n init: function(element, options) {\n var that = this;\n\n that._extendOptions(options);\n\n ToolBar.fn.init.call(that, element, options);\n\n that._attachEvents();\n },\n\n events: ToolBar.fn.events.concat([\n ACTION\n ]),\n\n defaultTools: {\n createFolder: { type: \"button\", text: \"New Folder\", name: \"createFolder\", command: \"CreateFolderCommand\", rules: \"{ \\\"remote\\\": true }\" },\n upload: { type: \"button\", text: \"Upload\", name: \"upload\", command: \"OpenDialogCommand\", options: \"{ \\\"type\\\": \\\"uploadDialog\\\" }\", rules: \"{ \\\"remote\\\": true }\" },\n sortDirection: { type: \"buttonGroup\", text: \"Sort Direction\", name: \"sortDirection\",\n buttons: [\n { name: \"sortDirectionAsc\", icon: \"sort-asc-sm\", togglable: true, group: \"sortDirection\", command: \"SortCommand\", options: \"{ \\\"dir\\\": \\\"asc\\\" }\", selected: true },\n { name: \"sortDirectionDesc\", icon: \"sort-desc-sm\", togglable: true, group: \"sortDirection\", command: \"SortCommand\", options: \"{ \\\"dir\\\": \\\"desc\\\" }\" }\n ]\n },\n sortField: { type: \"splitButton\", text: \"Sort By\", name: \"sortField\", command: \"SortCommand\", menuButtons: [\n { name: \"nameField\", text: \"Name\", options: \"{\\\"field\\\": \\\"name\\\"}\", command: \"SortCommand\" },\n { name: \"typeField\", text: \"Type\", options: \"{\\\"field\\\": \\\"extension\\\"}\", command: \"SortCommand\" },\n { name: \"sizeField\", text: \"Size\", options: \"{\\\"field\\\": \\\"size\\\"}\", command: \"SortCommand\" },\n { name: \"dateCreatedField\", text: \"Date created\", options: \"{\\\"field\\\": \\\"createdUtc\\\"}\", command: \"SortCommand\" },\n { name: \"dateModifiedField\", text: \"Date modified\", options: \"{\\\"field\\\": \\\"modifiedUtc\\\"}\", command: \"SortCommand\" }\n ] },\n changeView: { type: \"buttonGroup\", text: \"Change View\", name: \"changeView\",\n buttons: [\n { name: \"gridView\", icon: \"grid-layout\", togglable: true, group: \"changeView\", command: \"ChangeViewCommand\", options: \"grid\" },\n { name: \"listView\", icon: \"grid\", togglable: true, group: \"changeView\", command: \"ChangeViewCommand\", options: \"list\" }\n ]\n },\n spacer: { type: \"spacer\" },\n details: { type: \"fileManagerDetailsToggle\", text: \"View Details\", name: \"details\", overflow: \"never\", command: \"TogglePaneCommand\", options: \"{ \\\"type\\\": \\\"preview\\\" }\" },\n search: { type: \"fileManagerSearch\", text: \"Search\", name: \"search\", command: \"SearchCommand\", icon: \"search\", overflow: \"never\", options: \"{ \\\"field\\\": \\\"name\\\", \\\"operator\\\": \\\"startswith\\\" }\" }\n },\n\n _attachEvents: function() {\n var that = this;\n\n that.bind(TOGGLE, that._click.bind(that));\n that.bind(CLOSE, that._click.bind(that));\n that.bind(CLICK, that._click.bind(that));\n that.bind(CHANGE, that._change.bind(that));\n },\n\n _extendOptions: function(options) {\n var that = this,\n tools = options.items ? options.items : Object.keys(that.defaultTools);\n\n that.options = options;\n\n that.options.items = that._extendToolsOptions(tools);\n },\n\n _extendToolsOptions: function(tools) {\n var that = this,\n messages = that.options.messages;\n\n if (!tools.length) {\n return;\n }\n\n return tools.map(function(tool) {\n var isBuiltInTool = $.isPlainObject(tool) && Object.keys(tool).length === 1 && tool.name,\n toolOptions, toolRules, attributes;\n\n tool = isBuiltInTool ? tool.name : tool;\n toolOptions = $.isPlainObject(tool) ? tool : extend({}, that.defaultTools[tool]);\n toolRules = toolOptions.rules ? JSON.parse(toolOptions.rules) : {};\n attributes = {\n \"aria-label\": messages[toolOptions.name],\n \"title\": messages[toolOptions.name],\n \"data-command\": toolOptions.command,\n \"data-options\": toolOptions.options\n };\n\n if (toolOptions.type === \"fileManagerDetailsToggle\") {\n delete attributes[\"aria-label\"];\n }\n\n kendo.deepExtend(toolOptions, {\n id: toolOptions.name + \"-\" + kendo.guid(),\n name: toolOptions.name,\n text: messages[toolOptions.name],\n attributes: attributes,\n overflow: toolOptions.overflow\n });\n\n if (toolOptions.type === \"buttonGroup\") {\n delete toolOptions.attributes[\"aria-label\"];\n toolOptions.buttons = toolOptions.buttons.map(that._mapButtonGroups.bind(that));\n }\n\n if (toolOptions.type === \"splitButton\") {\n toolOptions.menuButtons = toolOptions.menuButtons.map(that._mapMenuButtons.bind(that));\n }\n\n if (toolRules.remote && that.options.filemanager.dataSource.isLocalBinding) {\n toolOptions.hidden = true;\n }\n\n return toolOptions;\n }, that);\n },\n\n _mapButtonGroups: function(button) {\n var that = this,\n messages = that.options.messages;\n\n if (button.group === \"changeView\" && button.options === that.options.filemanager.options.initialView) {\n button.selected = true;\n }\n\n return kendo.deepExtend(button,{\n attributes: extend({}, button.attributes, {\n \"aria-label\": messages[button.name],\n \"title\": messages[button.name],\n \"data-command\": button.command,\n \"data-options\": button.options\n })\n });\n },\n\n _mapMenuButtons: function(button) {\n var that = this,\n messages = that.options.messages;\n\n return kendo.deepExtend(button,{\n text: messages[button.name],\n attributes: extend({}, button.attributes, {\n \"aria-label\": messages[button.name],\n \"title\": messages[button.name],\n \"data-command\": button.command,\n \"data-options\": button.options\n })\n });\n },\n\n _click: function(ev) {\n var command = $(ev.target).data(\"command\"),\n options = $(ev.target).data(\"options\");\n\n if (!command) {\n return;\n }\n\n this.action({\n command: command,\n options: options\n });\n },\n\n _change: function(ev) {\n var command = $(ev.target).data(\"command\"),\n options = $(ev.target).data(\"options\");\n\n options = extend({}, options, { value: $(ev.target).val() });\n\n if (!command) {\n return;\n }\n\n this.action({\n command: command,\n options: options\n });\n },\n\n isToolEnabled: function(toolName) {\n var that = this,\n options = that.options,\n found = false;\n\n for (var i = 0; i < options.items.length; i++) {\n if (options.items[i].name == toolName) {\n found = true;\n break;\n }\n }\n\n return options.items[toolName] || found;\n },\n\n action: function(args) {\n this.trigger(ACTION, args);\n },\n\n destroy: function() {\n if (this.fileManagerSearch) {\n this.fileManagerSearch.destroy();\n }\n\n ToolBar.fn.destroy.call(this);\n }\n });\n\n var SearchTool = TemplateItem.extend({\n init: function(options, toolbar) {\n var that = this,\n input = $(\"
\"),\n icon = $(\"
\"),\n inputWrapper = $('
');\n\n that.input = input;\n that.icon = icon;\n\n TemplateItem.fn.init.call(this, inputWrapper, options, toolbar);\n\n that.options.type = \"fileManagerSearch\";\n\n that.renderIcon();\n\n inputWrapper.append(icon).append(input);\n\n that.input.attr({\n placeholder: that.options.text,\n title: that.options.text\n });\n\n that._bindEvents();\n that.toolbar.fileManagerSearch = that;\n },\n attributes: function() {\n if (this.options.attributes) {\n this.input.attr(this.options.attributes);\n }\n },\n renderIcon: function() {\n if (this.options.icon) {\n this.icon.addClass(\"k-icon k-i-\" + this.options.icon);\n }\n },\n _bindEvents: function() {\n this._inputHandler = this._input.bind(this);\n this.input.on(\"input\" + NS, this._inputHandler);\n },\n _input: function(ev) {\n this.toolbar.trigger(CHANGE, { target: ev.target });\n },\n destroy: function() {\n this.element.off(NS);\n }\n });\n\n kendo.toolbar.registerComponent(\"fileManagerSearch\", SearchTool);\n\n var FileManagerDetailsToggle = Item.extend({\n init: function(options, toolbar) {\n var that = this,\n element = $(\"
\"),\n label = $(\"
\"),\n switchElement = $(\"
\");\n\n that.element = element;\n that.input = switchElement;\n that.label = label;\n that.options = options;\n that.toolbar = toolbar;\n\n that.attributes();\n that.addUidAttr();\n that.addIdAttr();\n that.addOverflowAttr();\n\n that.element.append(that.label);\n that.element.append(that.input);\n\n that.input.attr(\"aria-label\", options.text);\n\n that.switchInstance = new kendo.ui.Switch(that.input, {\n change: that._change.bind(that),\n messages: {\n checked: toolbar.options.messages.detailsChecked,\n unchecked: toolbar.options.messages.detailsUnchecked\n }\n });\n\n that.label.on(CLICK + NS, that._click.bind(that));\n\n that.toolbar.fileManagerDetailsToggle = that;\n },\n _change: function(ev) {\n this.toolbar.trigger(CHANGE, { target: ev.sender.wrapper.parent() });\n },\n _click: function(ev) {\n this.switchInstance.toggle();\n\n this.toolbar.trigger(CHANGE, { target: $(ev.target).parent() });\n },\n destroy: function() {\n this.element.off(NS);\n }\n });\n\n kendo.toolbar.registerComponent(\"fileManagerDetailsToggle\", FileManagerDetailsToggle);\n\n extend(kendo.ui.filemanager, {\n ToolBar: FileManagerToolBar\n });\n\n })(window.kendo.jQuery);\n\n (function($, undefined$1) {\n var kendo = window.kendo,\n extend = $.extend,\n data = kendo.data,\n Node = data.Node,\n HierarchicalDataSource = data.HierarchicalDataSource,\n DataSource = data.DataSource;\n\n extend(true, kendo.data, {\n schemas: {\n \"filemanager\": {\n data: function(data) {\n return data.items || data || [];\n },\n model: {\n id: \"path\",\n hasChildren: \"hasDirectories\",\n fields: {\n name: { editable: true, type: \"string\", defaultValue: \"New Folder\" },\n size: { editable: false, type: \"number\" },\n path: { editable: false, type: \"string\" },\n extension: { editable: false, type: \"string\" },\n isDirectory: { editable: false, defaultValue: true, type: \"boolean\" },\n hasDirectories: { editable: false, defaultValue: false, type: \"boolean\" },\n created: { type: \"date\", editable: false },\n createdUtc: { type: \"date\", editable: false },\n modified: { type: \"date\", editable: false },\n modifiedUtc: { type: \"date\", editable: false }\n }\n }\n }\n }\n });\n\n var FileEntry = Node.define({\n init: function(value) {\n var that = this,\n isDirectory = this.isDirectory;\n\n Node.fn.init.call(this, value);\n\n if (typeof isDirectory === \"string\") {\n isDirectory = kendo.getter(isDirectory);\n }\n\n if (kendo.isFunction(isDirectory)) {\n var isDirectoryObject = isDirectory.call(that, that);\n\n if (isDirectoryObject && isDirectoryObject.length === 0) {\n that.isDirectory = false;\n } else {\n that.isDirectory = !!isDirectoryObject;\n }\n }\n\n if (that.isDirectory) {\n that._initChildren();\n }\n },\n _initChildren: function() {\n var that = this;\n var children, transport, parameterMap;\n\n if (!(that.children instanceof kendo.data.FileManagerDataSource)) {\n children = that.children = new kendo.data.FileManagerDataSource(that._childrenOptions);\n\n transport = children.transport;\n parameterMap = transport.parameterMap;\n\n transport.parameterMap = function(data, type) {\n if (type === \"read\" || type === \"create\") {\n data.target = that.id;\n }\n\n if (parameterMap) {\n data = parameterMap.call(that, data, type);\n }\n\n return data;\n };\n\n children.parent = function() {\n return that;\n };\n\n children.bind(\"change\", function(e) {\n e.node = e.node || that;\n that.trigger(\"change\", e);\n });\n\n children.bind(\"error\", function(e) {\n var collection = that.parent();\n\n if (collection) {\n e.node = e.node || that;\n collection.trigger(\"error\", e);\n }\n });\n\n that._updateChildrenField();\n }\n },\n isNew: function() {\n if (this.fileManagerNewItem) {\n delete this.fileManagerNewItem;\n return true;\n }\n\n return this.id === this._defaultId;\n }\n });\n\n\n var FileManagerDataSource = HierarchicalDataSource.extend({\n init: function(options) {\n var fileEntry = FileEntry.define({\n children: options\n });\n\n if (options.filter && !options.serverFiltering) {\n this._hierarchicalFilter = options.filter;\n options.filter = null;\n }\n\n DataSource.fn.init.call(this, $.extend(true, {}, { schema: { modelBase: fileEntry, model: fileEntry } }, options));\n\n this.isLocalBinding = this.transport instanceof kendo.data.LocalTransport;\n\n this._attachBubbleHandlers();\n },\n insert: function(index, model) {\n var parentNode = this.parent();\n\n if (parentNode && parentNode._initChildren) {\n if (model && model.isDirectory) {\n parentNode.hasDirectories = true;\n }\n parentNode.hasChildren = true;\n parentNode._initChildren();\n }\n\n return DataSource.fn.insert.call(this, index, model);\n },\n remove: function(node) {\n var that = this,\n parentNode = node.parentNode(),\n dataSource = that,\n result;\n\n if (parentNode && parentNode._initChildren) {\n dataSource = parentNode.children;\n }\n\n that._cleanDestroyed(node);\n\n result = DataSource.fn.remove.call(dataSource, node);\n\n if (parentNode && (dataSource.data() && !dataSource.data().length)) {\n parentNode.hasChildren = false;\n } else if (parentNode && !this._hasDirectories(parentNode)) {\n parentNode.hasDirectories = false;\n }\n\n return result;\n },\n _cleanDestroyed: function(node) {\n var that = this,\n dataSource = that;\n\n if (node.parentNode && node.parentNode()) {\n node = node.parentNode();\n dataSource = node.children;\n dataSource._destroyed = [];\n that._cleanDestroyed(node);\n } else {\n dataSource._destroyed = [];\n }\n },\n _hasDirectories: function(node) {\n var result;\n\n if (!node.children.data()) {\n return false;\n }\n\n result = node.children.data().filter(function(item) {\n return item.isDirectory;\n });\n\n return !!result.length;\n }\n });\n\n FileManagerDataSource.create = function(options) {\n options = options && options.push ? { data: options } : options;\n\n var dataSource = options || {},\n data = dataSource.data;\n\n if (data && data._dataSource) {\n return data._dataSource;\n }\n\n dataSource.data = data;\n\n return dataSource instanceof FileManagerDataSource ? dataSource : new FileManagerDataSource(dataSource);\n };\n\n kendo.observableFileManagerData = function(array) {\n var dataSource = FileManagerDataSource.create({\n data: array,\n schema: kendo.data.schemas.filemanager\n });\n\n dataSource.fetch();\n\n dataSource._data._dataSource = dataSource;\n\n return dataSource._data;\n };\n\n extend(kendo.data, {\n FileManagerDataSource: FileManagerDataSource,\n FileEntry: FileEntry\n });\n\n })(window.kendo.jQuery);\n\n (function($, undefined$1) {\n var kendo = window.kendo,\n extend = $.extend,\n template = kendo.template,\n ContextMenu = kendo.ui.ContextMenu,\n\n ACTION = \"action\";\n\n var FileManagerContextMenu = ContextMenu.extend({\n init: function(element, options) {\n var that = this;\n\n ContextMenu.fn.init.call(that, element, options);\n\n that._overrideTemplates();\n that._restrictDefaultItems();\n that._extendItems();\n\n that.bind(\"select\", that._onSelect.bind(that));\n that.bind(\"open\", that._onOpen.bind(that));\n },\n\n _overrideTemplates: function() {\n this.templates.sprite = template(\"#if(spriteCssClass) {#
#}#\");\n },\n\n _restrictDefaultItems: function() {\n var that = this;\n\n if (that.options.isLocalBinding) {\n that.defaultItems = {};\n }\n },\n\n defaultItems: {\n \"rename\": { text: \"Rename\", spriteCssClass: \"k-icon k-i-edit\", command: \"RenameCommand\" },\n \"delete\": { text: \"Delete\", spriteCssClass: \"k-icon k-i-delete\", command: \"DeleteCommand\" }\n },\n\n events: ContextMenu.fn.events.concat([\n ACTION\n ]),\n\n _extendItems: function() {\n var that = this,\n items = that.options.items,\n item, isBuiltInTool;\n\n if (items && items.length) {\n for (var i = 0; i < items.length; i++) {\n item = items[i];\n isBuiltInTool = $.isPlainObject(item) && Object.keys(item).length === 1 && item.name;\n\n if (isBuiltInTool) {\n item = item.name;\n }\n\n if ($.isPlainObject(item) ) {\n that._extendItem(item);\n that.append(item);\n } else if (that.defaultItems[item]) {\n item = that.defaultItems[item];\n that._extendItem(item);\n that.append(item);\n }\n }\n } else {\n for (var key in that.defaultItems) {\n item = that.defaultItems[key];\n that._extendItem(item);\n that.append(item);\n }\n }\n },\n\n _extendItem: function(item) {\n var that = this,\n messages = that.options.messages;\n\n extend(item, {\n text: messages[item.text],\n spriteCssClass: item.spriteCssClass || \"\",\n attr: {\n \"data-command\": item.command\n }\n });\n },\n\n _onSelect: function(ev) {\n var command = $(ev.item).data(\"command\");\n var target = $(ev.target);\n\n if (!command) {\n return;\n }\n\n this.action({\n command: command,\n options: { target: target }\n });\n },\n\n _onOpen: function(ev) {\n var menu = ev.sender,\n items = menu.options.items;\n\n if (!items && $.isEmptyObject(this.defaultItems)) {\n ev.preventDefault();\n }\n },\n\n action: function(args) {\n this.trigger(ACTION, args);\n }\n });\n\n extend(kendo.ui.filemanager, {\n ContextMenu: FileManagerContextMenu\n });\n\n })(window.kendo.jQuery);\n\n var __meta__ = {\n id: \"filemanager\",\n name: \"FileManager\",\n category: \"web\",\n description: \"The FileManager widget displays offers file management functionality.\",\n depends: [ \"core\", \"data\", \"listview\", \"toolbar\", \"breadcrumb\", \"menu\", \"treeview\", \"upload\", \"dialog\", \"switch\", \"resizable\", \"selectable\", \"editable\" ],\n features: [{\n id: \"filemanager-grid-view\",\n name: \"GridView\",\n description: \"Support for GridView\",\n depends: [ \"grid\" ]\n }]\n };\n\n (function($, undefined$1) {\n var ui = kendo.ui,\n extend = $.extend,\n isPlainObject = $.isPlainObject,\n isArray = Array.isArray,\n DataBoundWidget = ui.DataBoundWidget,\n template = kendo.template,\n outerHeight = kendo._outerHeight,\n\n NAVIGATE = \"navigate\",\n SELECT = \"select\",\n OPEN = \"open\",\n ERROR = \"error\",\n CHANGE = \"change\",\n UPLOAD = \"upload\",\n SUCCESS = \"success\",\n CLOSE = \"close\",\n HIDE = \"hide\",\n LOAD = \"load\",\n DATABINDING = \"dataBinding\",\n DATABOUND = \"dataBound\",\n DROP = \"drop\",\n EXECUTE = \"execute\",\n COMMAND = \"command\",\n KEYDOWNACTION = \"keydownAction\",\n CANCEL = \"cancel\",\n\n TREE_TYPE = \"tree\",\n DOT = \".\";\n\n var fileManagerStyles = {\n wrapper: \"k-widget k-filemanager\",\n header: \"k-filemanager-header\",\n navigation: \"k-filemanager-navigation\",\n contentContainer: \"k-filemanager-content-container\",\n content: \"k-filemanager-content\",\n preview: \"k-filemanager-preview\",\n toolbar: \"k-filemanager-toolbar\",\n treeview: \"k-filemanager-treeview\",\n breadcrumb: \"k-filemanager-breadcrumb\",\n view: \"k-filemanager-view\",\n grid: \"k-filemanager-grid\",\n list: \"k-filemanager-listview\",\n upload: \"k-filemanager-upload\",\n uploadDialog: \"k-filemanager-upload-dialog\",\n splitBar: \"k-splitbar\",\n splitBarHorizontal: \"k-splitbar-horizontal k-splitbar-draggable-horizontal\",\n splitBarHover: \"k-splitbar-horizontal-hover\",\n splitBarIcon: \"k-icon k-resize-handle\",\n splitBarNavigation: \"k-filemanager-splitbar-navigation\",\n splitBarPreview: \"k-filemanager-splitbar-preview\",\n resizable: \"k-filemanager-resizable\"\n };\n\n var fileManagerTemplateStyles = {\n filePreview: \"k-file-preview\",\n fileInfo: \"k-file-info\",\n fileName: \"k-file-name\",\n fileMeta: \"k-file-meta\",\n metaLabel: \"k-file-meta-label\",\n metaValue: \"k-file-meta-value\",\n extension: \"k-file-type\",\n size: \"k-file-size\",\n created: \"k-file-created\",\n modified: \"k-file-modified\"\n };\n\n var viewTypes = {\n grid: \"grid\",\n list: \"list\"\n };\n\n var NO_FILE_PREVIEW_TEMPLATE = '' +\n '
' +\n '
' +\n '' +\n '
' +\n '
#: messages.noFileSelected #' +\n '
';\n\n var SINGLE_FILES_PREVIEW_TEMPLATE = '' +\n '
' +\n '
' +\n '' +\n '
' +\n '
#:selection[0].name#' +\n '#if(metaFields){#' +\n '
' +\n '#for(var i = 0; i < metaFields.length; i+=1){#' +\n '#var field = metaFields[i]#' +\n '- #:messages[field]#:
' +\n '- ' +\n '#if(field == \"size\"){#' +\n ' #:kendo.getFileSizeMessage(selection[0][field])#' +\n '#} else if(selection[0][field] instanceof Date) {#' +\n ' #:kendo.toString(selection[0][field], \"G\")#' +\n '#} else if(field == \"extension\") {#' +\n ' #: !selection[0].isDirectory ? kendo.getFileGroup(selection[0].extension) : \"folder\"#' +\n '#} else {#' +\n ' #:selection[0][field]#' +\n '#}#' +\n '
' +\n '' +\n '# } #' +\n '
' +\n '#}#' +\n '
';\n\n var MULTIPLE_FILES_PREVIEW_TEMPLATE = '' +\n '
' +\n '
' +\n '' +\n '
' +\n '
' +\n '#:selection.length# ' +\n '#:messages.items#' +\n '' +\n '
';\n\n var FileManager = DataBoundWidget.extend({\n init: function(element, options) {\n var that = this;\n\n DataBoundWidget.fn.init.call(that, element, options);\n\n that.options = kendo.deepExtend({}, that.options, options);\n\n that.defaultSortOption = { field: \"name\", dir: \"asc\" };\n that.folderSortOption = { field: \"isDirectory\", dir: \"desc\" };\n\n that._commandStack = new ui.filemanager.CommandStack();\n\n that._dataSource();\n\n that._wrapper();\n\n that._renderHeader();\n\n that._renderContentContainer();\n\n that._initContextMenu();\n\n that._renderNavigation();\n\n that._renderContent();\n\n that._renderPreview();\n\n that._initUploadDialog();\n\n that._resizable();\n\n that.resize();\n\n kendo.notify(that, kendo.ui);\n },\n\n options: {\n name: \"FileManager\",\n height: 500,\n resizable: true,\n initialView: viewTypes.list,\n toolbar: {\n resizable: true\n },\n contextMenu: {},\n upload: {},\n uploadUrl: \"\",\n views: {},\n breadcrumb: {},\n draggable: true,\n dialogs: {\n upload: {\n width: 530\n },\n moveConfirm: {\n width: 350,\n closable: true\n },\n deleteConfirm: {\n width: 360,\n closable: true\n },\n renamePrompt: {\n width: 350,\n closable: true\n }\n },\n previewPane: {\n metaFields: [\"extension\", \"size\", \"created\", \"modified\"],\n noFileTemplate: NO_FILE_PREVIEW_TEMPLATE,\n singleFileTemplate: SINGLE_FILES_PREVIEW_TEMPLATE,\n multipleFilesTemplate: MULTIPLE_FILES_PREVIEW_TEMPLATE\n },\n messages: {\n toolbar: {\n createFolder: \"New Folder\",\n upload: \"Upload\",\n sortDirection: \"Sort Direction\",\n sortDirectionAsc: \"Sort Direction Ascending\",\n sortDirectionDesc: \"Sort Direction Descending\",\n sortField: \"Sort By\",\n nameField: \"Name\",\n sizeField: \"File Size\",\n typeField: \"Type\",\n dateModifiedField: \"Date Modified\",\n dateCreatedField: \"Date Created\",\n listView: \"List View\",\n gridView: \"Grid View\",\n search: \"Search\",\n details: \"View Details\",\n detailsChecked: \"On\",\n detailsUnchecked: \"Off\",\n \"delete\": \"Delete\",\n rename: \"Rename\"\n },\n views: {\n nameField: \"Name\",\n sizeField: \"File Size\",\n typeField: \"Type\",\n dateModifiedField: \"Date Modified\",\n dateCreatedField: \"Date Created\",\n items: \"items\",\n listLabel: \"FileManager ListView\",\n gridLabel: \"FileManager Grid\",\n treeLabel: \"FileManager TreeView\"\n },\n dialogs: {\n upload: {\n title: \"Upload Files\",\n clear: \"Clear List\",\n done: \"Done\"\n },\n moveConfirm: {\n title: \"Confirm\",\n content: \"
Do you want to move or copy?
\",\n okText: \"Copy\",\n cancel: \"Move\",\n close: \"close\"\n },\n deleteConfirm: {\n title: \"Confirm\",\n content: \"
Are you sure you want to delete the selected file(s)?You cannot undo this action.
\",\n okText: \"Delete\",\n cancel: \"Cancel\",\n close: \"close\"\n },\n renamePrompt: {\n title: \"Prompt\",\n content: \"
Enter new name for the file.
\",\n okText: \"Rename\",\n cancel: \"Cancel\",\n close: \"close\"\n }\n },\n previewPane: {\n noFileSelected: \"No File Selected\",\n extension: \"Type\",\n size: \"Size\",\n created: \"Date Created\",\n createdUtc: \"Date Created UTC\",\n modified: \"Date Modified\",\n modifiedUtc: \"Date Modified UTC\",\n items: \"items\"\n }\n }\n },\n\n events: [\n NAVIGATE,\n SELECT,\n OPEN,\n DATABINDING,\n DATABOUND,\n ERROR,\n DROP,\n EXECUTE,\n COMMAND\n ],\n\n _dataSource: function() {\n var that = this,\n options = that.options,\n dataSourceOptions = options.dataSource || {},\n typeSortOrder = that.folderSortOption,\n nameSortOrder = that.defaultSortOption,\n dataSource;\n\n if (!(dataSourceOptions instanceof kendo.data.FileManagerDataSource)) {\n if (isArray(dataSourceOptions)) {\n dataSource = {\n data: dataSourceOptions,\n autoSync: false,\n sort: [typeSortOrder, nameSortOrder]\n };\n } else {\n dataSource = extend(true, dataSourceOptions, {\n autoSync: false,\n sort: [typeSortOrder, nameSortOrder]\n });\n }\n\n if (dataSourceOptions && isPlainObject(dataSourceOptions.schema)) {\n dataSource.schema = dataSourceOptions.schema;\n } else if (isPlainObject(kendo.data.schemas.filemanager)) {\n dataSource.schema = kendo.data.schemas.filemanager;\n }\n } else {\n dataSource = dataSourceOptions;\n }\n\n if (that.dataSource && that._errorHandler) {\n that.dataSource.unbind(ERROR, that._errorHandler);\n that.dataSource.unbind(CHANGE, that._changeHandler);\n } else {\n that._errorHandler = that._error.bind(that);\n that._changeHandler = that._change.bind(that);\n }\n\n that.dataSource = kendo.data.FileManagerDataSource.create(dataSource)\n .bind(ERROR, that._errorHandler)\n .bind(CHANGE, that._changeHandler);\n },\n\n _error: function(ev) {\n if (!this.trigger(ERROR, ev)) {\n window.console.warn('Error! The requested URL returned ' + ev.xhr.status + ' - ' + ev.xhr.statusText);\n }\n },\n\n _wrapper: function() {\n var that = this,\n options = that.options,\n width = options.width,\n height = options.height;\n\n that.wrapper = that.element\n .addClass(fileManagerStyles.wrapper);\n\n if (width) {\n that.wrapper.width(width);\n }\n\n if (height) {\n that.wrapper.height(height);\n }\n\n that._resizeHandler = kendo.onResize(function() {\n that.resize(true);\n });\n },\n\n _renderHeader: function() {\n var that = this,\n options = that.options;\n\n if (options.toolbar) {\n that.header = $(\"
\").addClass(fileManagerStyles.header);\n }\n\n that.wrapper.append(that.header);\n\n if (options.toolbar) {\n that._initToolbar();\n that.toolbar._tabIndex();\n }\n },\n\n _renderContentContainer: function() {\n var that = this,\n container = $(\"
\").addClass(fileManagerStyles.contentContainer);\n\n that.contentContainer = container;\n\n that.wrapper.append(that.contentContainer);\n },\n\n _initContextMenu: function() {\n var that = this,\n options = that.options,\n menuOptions = extend({}, options.contextMenu, {\n filemanager: that,\n messages: options.messages.toolbar,\n target: that.contentContainer,\n filter: \"[data-uid]\",\n action: that.executeCommand.bind(that),\n isLocalBinding: that.dataSource.isLocalBinding\n });\n\n if (options.contextMenu === false) {\n return;\n }\n\n that.contextMenu = new ui.filemanager.ContextMenu(\"
\", menuOptions);\n\n that.contextMenu.bind(OPEN, that._cacheFocus.bind(that));\n },\n\n _renderNavigation: function() {\n var that = this;\n\n that.navigation = $(\"
\").addClass(fileManagerStyles.navigation);\n that.navigation.append(that._initTreeView().element);\n\n that.contentContainer.append(that.navigation);\n },\n\n _renderContent: function() {\n var that = this,\n options = that.options,\n toolbar = that.toolbar;\n\n that.content = $(\"
\").addClass(fileManagerStyles.content);\n\n if (options.breadcrumb) {\n that.content.append(that._initBreadcrumb().element);\n }\n\n that.content.append(that._initView());\n\n if (!toolbar || !toolbar.isToolEnabled(toolbar.defaultTools.upload.name)) {\n that.content.append(that._initUpload().wrapper.hide());\n }\n\n that.contentContainer.append(that.content);\n },\n\n _renderPreview: function() {\n var that = this,\n enablePreview = that.options.previewPane;\n\n if (!enablePreview) {\n return;\n }\n\n that.preview = $(\"
\").addClass(fileManagerStyles.preview);\n that.previewContainer = $(\"
\").addClass(fileManagerStyles.previewContainer);\n that.preview.append(that.previewContainer);\n\n that._setPreviewPaneContent();\n\n that.contentContainer.append(that.preview.hide());\n },\n\n _setPreviewPaneContent: function() {\n var that = this,\n options = that.options,\n previewPaneMessages = options.messages.previewPane,\n previewPaneOptions = options.previewPane,\n selection = that.getSelected(),\n previewTemplate;\n\n if (!selection) {\n previewTemplate = template(previewPaneOptions.noFileTemplate)({\n styles: fileManagerTemplateStyles,\n messages: previewPaneMessages\n });\n\n that.previewContainer.html(previewTemplate);\n return;\n }\n\n previewTemplate = selection.length === 1 ?\n previewPaneOptions.singleFileTemplate :\n previewPaneOptions.multipleFilesTemplate;\n\n previewTemplate = template(previewTemplate)({\n styles: fileManagerTemplateStyles,\n messages: previewPaneMessages,\n selection: selection,\n metaFields: previewPaneOptions.metaFields\n });\n\n that.previewContainer.html(previewTemplate);\n },\n\n _initToolbar: function() {\n var that = this,\n options = that.options,\n toolbarElement = $(\"
\").addClass(fileManagerStyles.toolbar),\n toolbarOptions = extend({}, options.toolbar, {\n filemanager: this,\n messages: options.messages.toolbar,\n action: that.executeCommand.bind(that)\n });\n\n that.header.append(toolbarElement);\n\n that.toolbar = new ui.filemanager.ToolBar(toolbarElement, toolbarOptions);\n\n return that.toolbar;\n },\n\n _initTreeView: function() {\n var that = this,\n treeViewElement = $(\"
\").addClass(fileManagerStyles.treeview),\n options = that.options.views[TREE_TYPE],\n explicitOptions = extend(true, {}, {\n dataSource: that.options.dataSource,\n messages: that.options.messages.views,\n draggable: that.options.draggable,\n isLocalBinding: that.dataSource.isLocalBinding\n });\n\n that.treeView = new ui.filemanager.ViewComponents[TREE_TYPE](treeViewElement, options, explicitOptions);\n\n that.treeView.bind(NAVIGATE, that._navigate.bind(that))\n .bind(LOAD, that._load.bind(that))\n .bind(DROP, that._drop.bind(that))\n .bind(KEYDOWNACTION, that._keydownAction.bind(that));\n\n return that.treeView;\n },\n\n _drop: function(ev) {\n var that = this;\n\n if (!that.trigger(DROP, ev) && ev.items.indexOf(ev.target) < 0) {\n that._confirm({\n type: \"move\",\n target: ev.target\n }).done(function() {\n that.executeCommand({ command: \"CopyCommand\", options: ev });\n }).fail(function() {\n that.executeCommand({ command: \"MoveCommand\", options: ev });\n });\n }\n },\n\n _keydownAction: function(ev) {\n var that = this,\n keyCode = ev.keyCode,\n keys = kendo.keys;\n\n if (keyCode === keys.DELETE) {\n that.executeCommand({ command: \"DeleteCommand\", options: { target: ev.target } });\n }\n\n if (keyCode === keys.F2) {\n that.executeCommand({ command: \"RenameCommand\", options: { target: ev.target } });\n }\n },\n\n _confirm: function(options) {\n var that = this,\n messages = that.options.messages.dialogs[options.type + \"Confirm\"];\n\n var confirm = $(\"
\").kendoConfirm(extend({}, {\n title: messages.title,\n content: messages.content,\n messages: messages\n }, that.options.dialogs[options.type + \"Confirm\"])).data(\"kendoConfirm\");\n\n confirm.bind(OPEN, that._cacheFocus.bind(that));\n confirm.bind(HIDE, that._restoreFocus.bind(that, options.target));\n\n confirm.open();\n\n confirm.wrapper.removeClass(\"k-confirm\");\n\n return confirm.result;\n },\n\n _prompt: function(options) {\n var that = this,\n messages = this.options.messages.dialogs[options.type + \"Prompt\"];\n\n var prompt = $(\"
\").kendoPrompt(extend({}, {\n title: messages.title,\n content: messages.content,\n messages: messages,\n value: options.defaultInput\n },this.options.dialogs[options.type + \"Prompt\"])).data(\"kendoPrompt\");\n\n prompt.bind(OPEN, that._cacheFocus.bind(that));\n prompt.bind(CLOSE, that._restoreFocus.bind(that, options.target));\n\n prompt.open();\n\n prompt.wrapper.removeClass(\"k-prompt\");\n\n return prompt.result;\n },\n\n _cacheFocus: function() {\n var that = this,\n activeElement = $(document.activeElement),\n view = that.view(),\n treeView = that.treeView.widgetComponent;\n\n if (that.contextMenu && that.contextMenu.popup.visible()) {\n return;\n }\n\n that.treeView._shouldFocus = false;\n\n if ((treeView.current() && treeView.current().find(\".k-focus\").length) ||\n activeElement.hasClass(fileManagerStyles.treeview)) {\n that.treeView._shouldFocus = true;\n view._focusElement = activeElement;\n return;\n }\n\n view._focusElement = activeElement.hasClass(fileManagerStyles[that._viewType]) ?\n activeElement :\n null;\n },\n\n _restoreFocus: function(target) {\n var that = this,\n view = that.view();\n\n if (!target) {\n return;\n }\n\n if (view._focusElement) {\n view._focusElement.trigger(\"focus\");\n } else if (target.closest && target.closest(\":kendoFocusable\").length) {\n target.closest(\":kendoFocusable\").trigger(\"focus\");\n }\n },\n\n _initView: function() {\n var that = this,\n viewWrapper = $(\"
\").addClass(fileManagerStyles.view),\n initialView = that.options.initialView;\n\n that.viewWrapper = viewWrapper;\n that.viewWrapper.append(that.view(initialView));\n\n return viewWrapper;\n },\n\n _initBreadcrumb: function() {\n var that = this,\n options = that.options,\n breadcrumbElement = $(\"
\").addClass(fileManagerStyles.breadcrumb),\n breadcrumbOptions = extend({}, {\n items: [\n { type: \"rootitem\", text: \"\" }\n ],\n change: that._breadcrumbChange.bind(that)\n }, options.breadcrumb);\n\n that.breadcrumb = new ui.Breadcrumb(breadcrumbElement, breadcrumbOptions);\n\n return that.breadcrumb;\n },\n\n _breadcrumbChange: function(ev) {\n var entry = ev.sender.items().filter(function(item) {\n return item.path === ev.value.substring(1);\n }).shift();\n\n this._navigate({ path: entry ? entry.id : \"\" });\n },\n\n _initUploadDialog: function() {\n var that = this,\n options = that.options,\n dialogMessages = options.messages.dialogs.upload,\n dialogElement = $(\"
\"),\n dialogOptions = extend({}, {\n title: dialogMessages.title,\n modal: true,\n visible: false,\n width: 500,\n actions: [\n { text: dialogMessages.clear, action: that._clearUploadFilesList.bind(that) },\n { text: dialogMessages.done, primary: true }\n ],\n messages: dialogMessages\n }, options.dialogs.upload),\n uploadInstance;\n\n if (!that._shouldInitUpload()) {\n return;\n }\n\n uploadInstance = that._initUpload();\n\n that.uploadDialog = new ui.Dialog(dialogElement, dialogOptions);\n that.uploadDialog.wrapper.addClass(fileManagerStyles.uploadDialog);\n that.uploadDialog.element.append(uploadInstance.wrapper);\n\n that.uploadDialog.bind(OPEN, that._toggleUploadDropZone.bind(that, \"\"));\n that.uploadDialog.bind(CLOSE, that._toggleUploadDropZone.bind(that, that.viewWrapper));\n\n return that.uploadDialog;\n },\n\n _shouldInitUpload: function() {\n var that = this,\n options = that.options,\n shouldInit = false;\n\n if ((options.uploadUrl || (options.upload.async && options.upload.async.saveUrl)) &&\n options.upload !== false) {\n shouldInit = true;\n }\n\n return shouldInit;\n },\n\n _initUpload: function() {\n var that = this,\n options = that.options,\n uploadElement = $(\"
\").addClass(fileManagerStyles.upload),\n uploadOptions = extend(true, {\n async: {\n autoUpload: true,\n saveUrl: options.uploadUrl\n },\n dropZone: that.viewWrapper\n }, options.upload);\n\n that.upload = new ui.Upload(uploadElement[0], uploadOptions);\n\n that.upload.bind(UPLOAD, that._sendUploadPathParameter.bind(that));\n that.upload.bind(SUCCESS, that._success.bind(that));\n\n return that.upload;\n },\n\n _sendUploadPathParameter: function(ev) {\n ev.data = extend(ev.data, { path: this.path() });\n },\n\n _success: function() {\n this._view.widgetComponent.dataSource.read();\n },\n\n _clearUploadFilesList: function() {\n var that = this,\n upload = that.upload;\n\n if (upload) {\n upload.clearAllFiles();\n }\n },\n\n _toggleUploadDropZone: function(zone) {\n var that = this,\n upload = that.upload;\n\n if (upload) {\n upload.setOptions({ dropZone: zone });\n }\n },\n\n _binding: function(ev) {\n if (this.trigger(DATABINDING, { source: \"view\", action: ev.action, items: ev.items, index: ev.index })) {\n ev.preventDefault();\n }\n },\n\n _bound: function() {\n if (this.options.previewPane) {\n this._setPreviewPaneContent();\n }\n this.trigger(DATABOUND);\n },\n\n _createResizableSplitBar: function(cssClass) {\n var splitBar = $(\"
\")\n .addClass(fileManagerStyles.splitBar)\n .addClass(fileManagerStyles.splitBarHorizontal)\n .addClass(cssClass),\n icon = $(\"
\").addClass(fileManagerStyles.splitBarIcon);\n\n splitBar.append(icon);\n\n splitBar.hover(function() {\n $(this).toggleClass(fileManagerStyles.splitBarHover);\n });\n\n return splitBar;\n },\n\n _initResizableNavigation: function() {\n var that = this,\n wrapper = that.wrapper,\n splitBar = that._createResizableSplitBar(fileManagerStyles.splitBarNavigation),\n contentWrapper = wrapper.find(DOT + fileManagerStyles.content),\n navigationWrapper = wrapper.find(DOT + fileManagerStyles.navigation),\n contentWrapperWidth,\n navigationWrapperWidth;\n\n splitBar.insertAfter(navigationWrapper);\n\n that._resizeDraggable.navigation = that.wrapper.find(splitBar)\n .end()\n .kendoResizable({\n handle: DOT + fileManagerStyles.splitBarNavigation,\n start: function() {\n contentWrapperWidth = contentWrapper.width();\n navigationWrapperWidth = navigationWrapper.width();\n },\n resize: function(e) {\n var delta = e.x.initialDelta;\n\n if (kendo.support.isRtl(wrapper)) {\n delta *= -1;\n }\n\n if (navigationWrapperWidth + delta < -2 || contentWrapperWidth - delta < -2) {\n return;\n }\n\n navigationWrapper.width(navigationWrapperWidth + delta);\n }\n }).getKendoResizable();\n },\n\n _initResizablePreview: function() {\n var that = this,\n wrapper = that.wrapper,\n splitBar = that._createResizableSplitBar(fileManagerStyles.splitBarPreview),\n contentWrapper = wrapper.find(DOT + fileManagerStyles.content),\n previewWrapper = wrapper.find(DOT + fileManagerStyles.preview),\n contentWrapperWidth,\n previewWrapperWidth;\n\n if (!that.options.previewPane) {\n return;\n }\n\n splitBar.insertBefore(previewWrapper).hide();\n\n that._resizeDraggable.preview = wrapper.find(splitBar)\n .end()\n .kendoResizable({\n handle: DOT + fileManagerStyles.splitBarPreview,\n start: function() {\n contentWrapperWidth = contentWrapper.width();\n previewWrapperWidth = previewWrapper.width();\n },\n resize: function(e) {\n var delta = e.x.initialDelta;\n\n if (kendo.support.isRtl(wrapper)) {\n delta *= -1;\n }\n\n if (previewWrapperWidth - delta < -2 || contentWrapperWidth + delta < -2) {\n return;\n }\n\n previewWrapper.width(previewWrapperWidth - delta);\n }\n }).getKendoResizable();\n },\n\n _resizable: function() {\n var that = this,\n options = that.options;\n\n that._resizeDraggable = {};\n\n if (!options.resizable) {\n return;\n }\n\n that.wrapper.addClass(fileManagerStyles.resizable);\n\n that._initResizableNavigation();\n\n that._initResizablePreview();\n },\n\n view: function(type) {\n var that = this,\n element = $('
'),\n options = that.options.views[type],\n explicitOptions = extend(true, {}, {\n dataSource: that._viewDataSource || that.dataSource,\n messages: that.options.messages.views,\n draggable: that.options.draggable,\n ariaLabel: that.options.messages.views[type + \"Label\"]\n });\n\n if (type === undefined$1) {\n return that._view;\n }\n\n if (!ui.filemanager.ViewComponents[type]) {\n throw new Error(kendo.format(\"There is no {0} ViewComponent registered!\", type));\n }\n\n if (that._view && that._view.destroy) {\n that._view.destroy();\n that.viewWrapper.empty();\n }\n\n that._viewType = type;\n that._view = new ui.filemanager.ViewComponents[type](element, options, explicitOptions);\n\n that._view.bind(SELECT, that._select.bind(that));\n that._view.bind(OPEN, that._open.bind(that));\n that._view.bind(DATABINDING, that._binding.bind(that));\n that._view.bind(DATABOUND, that._bound.bind(that));\n that._view.bind(DROP, that._drop.bind(that));\n that._view.bind(KEYDOWNACTION, that._keydownAction.bind(that));\n that._view.bind(CANCEL, that._cancel.bind(that));\n\n that._view.element.addClass(fileManagerStyles[type]);\n\n that.viewWrapper\n .removeClass(\n Object.keys(ui.filemanager.ViewComponents).map(function(el) {\n return fileManagerStyles.view + \"-\" + el;\n }).join(\" \")\n )\n .addClass(fileManagerStyles.view + \"-\" + type);\n\n that.viewWrapper.append(that._view.element);\n },\n\n executeCommand: function(args) {\n var commandName = args.command,\n commandOptions = extend({ filemanager: this }, isPlainObject(args.options) ? args.options : { value: args.options }),\n command = new ui.filemanager.commands[commandName](commandOptions);\n\n if (!this.trigger(EXECUTE, args)) {\n return command.exec();\n }\n },\n\n _navigate: function(ev) {\n var that = this,\n path = ev.path;\n\n if (!that.trigger(NAVIGATE, { path: path })) {\n that.navigate(path);\n }\n },\n\n _load: function(ev) {\n var entry = this.dataSource.get(ev.entryId);\n entry.load();\n },\n\n _select: function(ev) {\n if (this.options.previewPane) {\n this._setPreviewPaneContent();\n }\n\n this.trigger(SELECT, { entries: ev.entries });\n },\n\n _open: function(ev) {\n var that = this,\n entry = ev.entry;\n\n that.trigger(OPEN, { entry: entry });\n\n if (entry.isDirectory) {\n that._navigate({ path: entry.id });\n }\n },\n\n _cancel: function() {\n var that = this,\n commandStack = that._commandStack,\n command = commandStack.next();\n\n commandStack.reject(command);\n that.trigger(COMMAND, { status: \"cancel\", action: \"itemchange\", data: command.data });\n },\n\n _change: function(ev) {\n var that = this,\n commandStack = that._commandStack,\n targetDataSource = ev.node ? ev.node.children : that.dataSource;\n\n if (that.trigger(DATABINDING, { source: \"tree\", action: ev.action, items: ev.items, index: ev.index })) {\n return;\n }\n\n that.treeView._refreshDataSource(ev);\n\n if (ev.action === \"remove\" || ev.action === \"itemchange\" || ev.action === \"add\") {\n if (commandStack.empty()) {\n targetDataSource.sync();\n } else {\n var command = commandStack.next();\n\n targetDataSource.sync().then(function(res) {\n commandStack.resolve(command);\n that.trigger(COMMAND, { status: \"success\", action: ev.action, data: command.data, response: res });\n }).fail(function(res) {\n commandStack.reject(command);\n that.trigger(COMMAND, { status: \"fail\", action: ev.action, data: command.data, response: res });\n });\n }\n }\n\n if (ev.action === \"remove\" && that._viewDataSource && that._viewDataSource.parent() && ev.items[0] === that._viewDataSource.parent()) {\n that._navigateToParent(ev.items[0]);\n }\n\n if (ev.action == \"itemchange\" && that._viewDataSource && that._viewDataSource.parent() && that.path().indexOf(ev.items[0].id) >= 0) {\n that._navigateToParent(ev.items[0]);\n }\n\n if (ev.action === \"itemchange\") {\n ev.items[0].loaded(false);\n }\n },\n\n _navigateToParent: function(item) {\n var that = this;\n var parent = item.parentNode();\n var parentNodePath = parent ? parent.id : \"\";\n that._navigate({ path: parentNodePath });\n },\n\n _buildBreadcrumbPath: function(entry) {\n var that = this,\n breadcrumb = that.breadcrumb,\n items = [];\n\n while (entry) {\n items.push({\n id: entry.id,\n text: entry.name,\n path: entry.path\n });\n\n entry = entry.parentNode && entry.parentNode();\n }\n\n items.push({ type: \"rootItem\", id: \"\", text: \"\" });\n\n breadcrumb.items(items.reverse());\n },\n\n _adjustDimensions: function() {\n var that = this,\n wrapper = that.wrapper,\n gridSelector = DOT + fileManagerStyles.grid,\n listViewSelector = DOT + fileManagerStyles.list,\n contentContainer = DOT + fileManagerStyles.contentContainer,\n totalHeight = wrapper.height(),\n toolbarHeight = 0,\n breadcrumbHeight = 0;\n\n if (that.toolbar) {\n toolbarHeight = outerHeight(that.toolbar.wrapper);\n }\n\n if (that.breadcrumb) {\n breadcrumbHeight = outerHeight(that.breadcrumb.wrapper);\n }\n\n if (that.options.height !== \"auto\") {\n wrapper\n .find([gridSelector].join(\",\"))\n .height(totalHeight - (toolbarHeight + breadcrumbHeight + 1));\n\n wrapper\n .find(listViewSelector)\n .parent()\n .height(totalHeight - (toolbarHeight + breadcrumbHeight + 1));\n\n wrapper\n .find(contentContainer)\n .height(totalHeight - toolbarHeight);\n }\n },\n\n _resize: function() {\n this._adjustDimensions();\n kendo.resize(this.element.children());\n },\n\n setDataSource: function(dataSource) {\n var that = this;\n\n that.options.dataSource = dataSource;\n that._dataSource();\n\n if (that.toolbar) {\n that.toolbar.destroy();\n that.header.empty();\n that._initToolbar();\n that.toolbar._tabIndex();\n }\n\n if (that.treeView) {\n that.treeView.destroy();\n that.navigation.empty();\n that.navigation.append(that._initTreeView().element);\n }\n\n if (that._view) {\n that.view(that._viewType || that.options.initialView);\n }\n\n that._initContextMenu();\n\n },\n\n refresh: function() {\n var that = this,\n dataSource = that._viewDataSource || that.dataSource;\n\n dataSource.read();\n },\n\n getSize: function() {\n return kendo.dimensions(this.wrapper);\n },\n\n getSelected: function() {\n var that = this,\n items = that._view.getSelected(),\n treeView = that.treeView;\n\n if (items && items.length) {\n return items;\n }\n\n var item = treeView.getSelected();\n\n if (item) {\n return [ that.dataSource.get(item.id) ];\n }\n },\n\n path: function() {\n return this._path || \"\";\n },\n\n navigate: function(path) {\n var that = this,\n dataSource = that.dataSource,\n entry = dataSource.get(path.replace(/^\\//, \"\")),\n view = that._view,\n treeView = that.treeView,\n breadcrumb = that.breadcrumb,\n isRoot = path === \"\" || path === \"/\";\n\n if (!entry && !isRoot) {\n window.console.warn('Error! Could not navigate to the folder at the requested path(' + path + '). Make sure that the parent folder of the target folder has already been loaded.');\n return;\n }\n\n that._path = path;\n\n if (that.trigger(DATABINDING, { source: \"navigation\", action: \"rebind\", items: [entry] })) {\n return;\n }\n\n if (breadcrumb) {\n that._buildBreadcrumbPath(entry);\n }\n\n if (isRoot) {\n dataSource.sort([ that.folderSortOption, that.defaultSortOption ]);\n that._viewDataSource = dataSource;\n view.refresh(that._viewDataSource);\n treeView.treeView.select($());\n\n if (that.options.previewPane) {\n that._setPreviewPaneContent();\n }\n\n return;\n }\n\n if (entry.loaded && !entry.loaded()) {\n entry.load();\n }\n\n if (view) {\n that._viewDataSource = entry.children;\n that._viewDataSource._sort = [ that.folderSortOption, that.defaultSortOption ];\n view.refresh(that._viewDataSource);\n }\n\n if (treeView) {\n treeView.refresh(entry.id);\n }\n\n if (that.options.previewPane) {\n that._setPreviewPaneContent();\n }\n },\n\n items: function() {\n var that = this;\n\n return that.treeView.widgetComponent.items().add(that._view.widgetComponent.items());\n },\n\n destroy: function() {\n var that = this;\n\n DataBoundWidget.fn.destroy.call(that);\n\n that.dataSource\n .unbind(ERROR, that._errorHandler)\n .unbind(CHANGE, that._changeHandler);\n\n if (that._resizeDraggable.navigation) {\n that._resizeDraggable.navigation.destroy();\n that._resizeDraggable.navigation = null;\n }\n\n if (that._resizeDraggable.preview) {\n that._resizeDraggable.preview.destroy();\n that._resizeDraggable.preview = null;\n }\n\n if (that.uploadDialog) {\n that.uploadDialog.destroy();\n that.uploadDialog = null;\n }\n\n if (that.upload) {\n that.upload.destroy();\n that.upload = null;\n }\n\n if (that.contextMenu) {\n that.contextMenu.destroy();\n that.contextMenu = null;\n }\n\n kendo.unbindResize(that._resizeHandler);\n\n that.dataSource = null;\n that._viewDataSource = null;\n\n kendo.destroy(that.element);\n }\n });\n\n ui.plugin(FileManager);\n })(window.kendo.jQuery);\n\n}));\n"]}