/**
* Kendo UI v2016.1.112 (http://www.telerik.com/kendo-ui)
* Copyright 2016 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
(function (f, define) {
define('kendo.treeview.draganddrop', [
'kendo.data',
'kendo.draganddrop'
], f);
}(function () {
var __meta__ = {
id: 'treeview.draganddrop',
name: 'Hierarchical Drag & Drop',
category: 'framework',
depends: [
'core',
'draganddrop'
],
advanced: true
};
(function ($, undefined) {
var kendo = window.kendo;
var ui = kendo.ui;
var proxy = $.proxy;
var extend = $.extend;
var VISIBILITY = 'visibility';
var KSTATEHOVER = 'k-state-hover';
var INPUTSELECTOR = 'input,a,textarea,.k-multiselect-wrap,select,button,a.k-button>.k-icon,button.k-button>.k-icon,span.k-icon.k-i-expand,span.k-icon.k-i-collapse';
ui.HierarchicalDragAndDrop = kendo.Class.extend({
init: function (element, options) {
this.element = element;
this.hovered = element;
this.options = extend({
dragstart: $.noop,
drag: $.noop,
drop: $.noop,
dragend: $.noop
}, options);
this._draggable = new ui.Draggable(element, {
ignore: INPUTSELECTOR,
filter: options.filter,
autoScroll: options.autoScroll,
cursorOffset: {
left: 10,
top: kendo.support.mobileOS ? -40 / kendo.support.zoomLevel() : 10
},
hint: proxy(this._hint, this),
dragstart: proxy(this.dragstart, this),
dragcancel: proxy(this.dragcancel, this),
drag: proxy(this.drag, this),
dragend: proxy(this.dragend, this),
$angular: options.$angular
});
},
_hint: function (element) {
return '';
},
_removeTouchHover: function () {
if (kendo.support.touch && this.hovered) {
this.hovered.find('.' + KSTATEHOVER).removeClass(KSTATEHOVER);
this.hovered = false;
}
},
_hintStatus: function (newStatus) {
var statusElement = this._draggable.hint.find('.k-drag-status')[0];
if (newStatus) {
statusElement.className = 'k-icon k-drag-status ' + newStatus;
} else {
return $.trim(statusElement.className.replace(/k-(icon|drag-status)/g, ''));
}
},
dragstart: function (e) {
this.source = e.currentTarget.closest(this.options.itemSelector);
if (this.options.dragstart(this.source)) {
e.preventDefault();
}
if (this.options.reorderable) {
this.dropHint = $('').css(VISIBILITY, 'hidden').appendTo(this.element);
} else {
this.dropHint = $();
}
},
drag: function (e) {
var options = this.options;
var source = this.source;
var target = this.dropTarget = $(kendo.eventTarget(e));
var container = target.closest(options.allowedContainers);
var hoveredItem, itemHeight, itemTop, itemContent, delta;
var insertOnTop, insertOnBottom, addChild;
var itemData, position, status;
if (!container.length) {
status = 'k-denied';
this._removeTouchHover();
} else if (source[0] == target[0] || options.contains(source[0], target[0])) {
status = 'k-denied';
} else {
status = 'k-insert-middle';
itemData = options.itemFromTarget(target);
hoveredItem = itemData.item;
if (hoveredItem.length) {
this._removeTouchHover();
itemHeight = hoveredItem.outerHeight();
itemContent = itemData.content;
if (options.reorderable) {
delta = itemHeight / (itemContent.length > 0 ? 4 : 2);
itemTop = kendo.getOffset(hoveredItem).top;
insertOnTop = e.y.location < itemTop + delta;
insertOnBottom = itemTop + itemHeight - delta < e.y.location;
addChild = itemContent.length && !insertOnTop && !insertOnBottom;
} else {
addChild = true;
insertOnTop = false;
insertOnBottom = false;
}
this.hovered = addChild ? container : false;
this.dropHint.css(VISIBILITY, addChild ? 'hidden' : 'visible');
if (this._lastHover && this._lastHover[0] != itemContent[0]) {
this._lastHover.removeClass(KSTATEHOVER);
}
this._lastHover = itemContent.toggleClass(KSTATEHOVER, addChild);
if (addChild) {
status = 'k-add';
} else {
position = hoveredItem.position();
position.top += insertOnTop ? 0 : itemHeight;
this.dropHint.css(position)[insertOnTop ? 'prependTo' : 'appendTo'](options.dropHintContainer(hoveredItem));
if (insertOnTop && itemData.first) {
status = 'k-insert-top';
}
if (insertOnBottom && itemData.last) {
status = 'k-insert-bottom';
}
}
} else if (target[0] != this.dropHint[0]) {
if (this._lastHover) {
this._lastHover.removeClass(KSTATEHOVER);
}
if (!$.contains(this.element[0], container[0])) {
status = 'k-add';
} else {
status = 'k-denied';
}
}
}
this.options.drag({
originalEvent: e.originalEvent,
source: source,
target: target,
pageY: e.y.location,
pageX: e.x.location,
status: status.substring(2),
setStatus: function (value) {
status = value;
}
});
if (status == 'k-denied' && this._lastHover) {
this._lastHover.removeClass(KSTATEHOVER);
}
if (status.indexOf('k-insert') !== 0) {
this.dropHint.css(VISIBILITY, 'hidden');
}
this._hintStatus(status);
},
dragcancel: function () {
this.dropHint.remove();
},
dragend: function (e) {
var position = 'over', source = this.source, destination, dropHint = this.dropHint, dropTarget = this.dropTarget, eventArgs, dropPrevented;
if (dropHint.css(VISIBILITY) == 'visible') {
position = this.options.dropPositionFrom(dropHint);
destination = dropHint.closest(this.options.itemSelector);
} else if (dropTarget) {
destination = dropTarget.closest(this.options.itemSelector);
if (!destination.length) {
destination = dropTarget.closest(this.options.allowedContainers);
}
}
eventArgs = {
originalEvent: e.originalEvent,
source: source[0],
destination: destination[0],
valid: this._hintStatus() != 'k-denied',
setValid: function (newValid) {
this.valid = newValid;
},
dropTarget: dropTarget[0],
position: position
};
dropPrevented = this.options.drop(eventArgs);
dropHint.remove();
this._removeTouchHover();
if (this._lastHover) {
this._lastHover.removeClass(KSTATEHOVER);
}
if (!eventArgs.valid || dropPrevented) {
this._draggable.dropped = eventArgs.valid;
return;
}
this._draggable.dropped = true;
this.options.dragend({
originalEvent: e.originalEvent,
source: source,
destination: destination,
position: position
});
},
destroy: function () {
this._lastHover = this.hovered = null;
this._draggable.destroy();
}
});
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));