",
destroy : function () {
this._destroy();
this
.element
.unbind(this.eventNamespace)
.removeData(this.widgetName)
.removeData(this.widgetFullName)
.removeData($.camelCase(this.widgetFullName));
this
.widget()
.unbind(this.eventNamespace)
.removeAttr("aria-disabled")
.removeClass(this.widgetFullName + "-disabled ui-state-disabled");
this
.bindings
.unbind(this.eventNamespace);
this
.hoverable
.removeClass("ui-state-hover");
this
.focusable
.removeClass("ui-state-focus");
},
disable : function () {
return this._setOption("disabled", true);
},
enable : function () {
return this._setOption("disabled", false);
},
option : function (key, value) {
var options = key,
parts,
curOption,
i;
if (arguments.length === 0) {
return $
.widget
.extend({}, this.options);
}
if (typeof key === "string") {
options = {};
parts = key.split(".");
key = parts.shift();
if (parts.length) {
curOption = options[key] = $
.widget
.extend({}, this.options[key]);
for (i = 0; i < parts.length - 1; i += 1) {
curOption[parts[i]] = curOption[parts[i]] || {};
curOption = curOption[parts[i]];
}
key = parts.pop();
if (value === undefined) {
return curOption[key] === undefined
? null
: curOption[key];
}
curOption[key] = value;
} else {
if (value === undefined) {
return this.options[key] === undefined
? null
: this.options[key];
}
options[key] = value;
}
}
this._setOptions(options);
return this;
},
options : {
create : null,
disabled: false
},
widget : function () {
return this.element;
},
widgetEventPrefix : "",
widgetName : "widget"
};
$.each({
hide: "fadeOut",
show: "fadeIn"
}, function (method, defaultEffect) {
$
.Widget
.prototype["_" + method] = function (element, options, callback) {
if (typeof options === "string") {
options = {
effect: options
};
}
var hasOptions,
effectName = !options
? method
: options === true || typeof options === "number"
? defaultEffect
: options.effect || defaultEffect;
options = options || {};
if (typeof options === "number") {
options = {
duration: options
};
}
hasOptions = !$.isEmptyObject(options);
options.complete = callback;
if (options.delay) {
element.delay(options.delay);
}
if (hasOptions && $.effects && $.effects.effect[effectName]) {
element[method](options);
} else if (effectName !== method && element[effectName]) {
element[effectName](options.duration, options.easing, callback);
} else {
element.queue(function (next) {
$(this)[method]();
if (callback) {
callback.call(element[0]);
}
next();
});
}
};
});
})(jQuery);
(function ($, undefined) {
var mouseHandled = false;
$(document).mouseup(function () {
mouseHandled = false;
});
$.widget("ui.mouse", {
_mouseCapture : function () {
return true;
},
_mouseDelayMet : function () {
return this.mouseDelayMet;
},
_mouseDestroy : function () {
this
.element
.unbind("." + this.widgetName);
if (this._mouseMoveDelegate) {
$(document)
.unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
.unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
}
},
_mouseDistanceMet: function (event) {
return (Math.max(Math.abs(this._mouseDownEvent.pageX - event.pageX), Math.abs(this._mouseDownEvent.pageY - event.pageY)) >= this.options.distance);
},
_mouseDown : function (event) {
if (mouseHandled) {
return;
}
(this._mouseStarted && this._mouseUp(event));
this._mouseDownEvent = event;
var that = this,
btnIsLeft = (event.which === 1),
elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName
? $(event.target).closest(this.options.cancel).length
: false);
if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
return true;
}
this.mouseDelayMet = !this.options.delay;
if (!this.mouseDelayMet) {
this._mouseDelayTimer = setTimeout(function () {
that.mouseDelayMet = true;
}, this.options.delay);
}
if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
this._mouseStarted = (this._mouseStart(event) !== false);
if (!this._mouseStarted) {
event.preventDefault();
return true;
}
}
if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) {
$.removeData(event.target, this.widgetName + ".preventClickEvent");
}
this._mouseMoveDelegate = function (event) {
return that._mouseMove(event);
};
this._mouseUpDelegate = function (event) {
return that._mouseUp(event);
};
$(document)
.bind("mousemove." + this.widgetName, this._mouseMoveDelegate)
.bind("mouseup." + this.widgetName, this._mouseUpDelegate);
event.preventDefault();
mouseHandled = true;
return true;
},
_mouseDrag : function () {},
_mouseInit : function () {
var that = this;
this
.element
.bind("mousedown." + this.widgetName, function (event) {
return that._mouseDown(event);
})
.bind("click." + this.widgetName, function (event) {
if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) {
$.removeData(event.target, that.widgetName + ".preventClickEvent");
event.stopImmediatePropagation();
return false;
}
});
this.started = false;
},
_mouseMove : function (event) {
if ($.ui.ie && (!document.documentMode || document.documentMode < 9) && !event.button) {
return this._mouseUp(event);
}
if (this._mouseStarted) {
this._mouseDrag(event);
return event.preventDefault();
}
if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
this._mouseStarted = (this._mouseStart(this._mouseDownEvent, event) !== false);
(this._mouseStarted
? this._mouseDrag(event)
: this._mouseUp(event));
}
return !this._mouseStarted;
},
_mouseStart : function () {},
_mouseStop : function () {},
_mouseUp : function (event) {
$(document)
.unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
.unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
if (this._mouseStarted) {
this._mouseStarted = false;
if (event.target === this._mouseDownEvent.target) {
$.data(event.target, this.widgetName + ".preventClickEvent", true);
}
this._mouseStop(event);
}
return false;
},
options : {
cancel : "input,textarea,button,select,option",
delay : 0,
distance: 1
},
version : "1.10.2"
});
})(jQuery);
(function ($, undefined) {
$.widget("ui.draggable", $.ui.mouse, {
_adjustOffsetFromHelper: function (obj) {
if (typeof obj === "string") {
obj = obj.split(" ");
}
if ($.isArray(obj)) {
obj = {
left: +obj[0],
top : +obj[1] || 0
};
}
if ("left" in obj) {
this.offset.click.left = obj.left + this.margins.left;
}
if ("right" in obj) {
this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
}
if ("top" in obj) {
this.offset.click.top = obj.top + this.margins.top;
}
if ("bottom" in obj) {
this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
}
},
_cacheHelperProportions: function () {
this.helperProportions = {
height: this
.helper
.outerHeight(),
width : this
.helper
.outerWidth()
};
},
_cacheMargins : function () {
this.margins = {
bottom: (parseInt(this.element.css("marginBottom"), 10) || 0),
left : (parseInt(this.element.css("marginLeft"), 10) || 0),
right : (parseInt(this.element.css("marginRight"), 10) || 0),
top : (parseInt(this.element.css("marginTop"), 10) || 0)
};
},
_clear : function () {
this
.helper
.removeClass("ui-draggable-dragging");
if (this.helper[0] !== this.element[0] && !this.cancelHelperRemoval) {
this
.helper
.remove();
}
this.helper = null;
this.cancelHelperRemoval = false;
},
_convertPositionTo : function (d, pos) {
if (!pos) {
pos = this.position;
}
var mod = d === "absolute"
? 1
: -1,
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0]))
? this.offsetParent
: this.scrollParent,
scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
return {
left: (pos.left + this.offset.relative.left * mod + this.offset.parent.left * mod - ((this.cssPosition === "fixed"
? -this.scrollParent.scrollLeft()
: scrollIsRootNode
? 0
: scroll.scrollLeft()) * mod)),
top : (pos.top + this.offset.relative.top * mod + this.offset.parent.top * mod - ((this.cssPosition === "fixed"
? -this.scrollParent.scrollTop()
: (scrollIsRootNode
? 0
: scroll.scrollTop())) * mod))
};
},
_create : function () {
if (this.options.helper === "original" && !(/^(?:r|a|f)/).test(this.element.css("position"))) {
this
.element[0]
.style
.position = "relative";
}
if (this.options.addClasses) {
this
.element
.addClass("ui-draggable");
}
if (this.options.disabled) {
this
.element
.addClass("ui-draggable-disabled");
}
this._mouseInit();
},
_createHelper : function (event) {
var o = this.options,
helper = $.isFunction(o.helper)
? $(o.helper.apply(this.element[0], [event]))
: (o.helper === "clone"
? this.element.clone().removeAttr("id")
: this.element);
if (!helper.parents("body").length) {
helper.appendTo((o.appendTo === "parent"
? this.element[0].parentNode
: o.appendTo));
}
if (helper[0] !== this.element[0] && !(/(fixed|absolute)/).test(helper.css("position"))) {
helper.css("position", "absolute");
}
return helper;
},
_destroy : function () {
this
.element
.removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled");
this._mouseDestroy();
},
_generatePosition : function (event) {
var containment,
co,
top,
left,
o = this.options,
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0]))
? this.offsetParent
: this.scrollParent,
scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName),
pageX = event.pageX,
pageY = event.pageY;
if (this.originalPosition) {
if (this.containment) {
if (this.relative_container) {
co = this
.relative_container
.offset();
containment = [
this.containment[0] + co.left,
this.containment[1] + co.top,
this.containment[2] + co.left,
this.containment[3] + co.top
];
} else {
containment = this.containment;
}
if (event.pageX - this.offset.click.left < containment[0]) {
pageX = containment[0] + this.offset.click.left;
}
if (event.pageY - this.offset.click.top < containment[1]) {
pageY = containment[1] + this.offset.click.top;
}
if (event.pageX - this.offset.click.left > containment[2]) {
pageX = containment[2] + this.offset.click.left;
}
if (event.pageY - this.offset.click.top > containment[3]) {
pageY = containment[3] + this.offset.click.top;
}
}
if (o.grid) {
top = o.grid[1]
? this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1]
: this.originalPageY;
pageY = containment
? ((top - this.offset.click.top >= containment[1] || top - this.offset.click.top > containment[3])
? top
: ((top - this.offset.click.top >= containment[1])
? top - o.grid[1]
: top + o.grid[1]))
: top;
left = o.grid[0]
? this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0]
: this.originalPageX;
pageX = containment
? ((left - this.offset.click.left >= containment[0] || left - this.offset.click.left > containment[2])
? left
: ((left - this.offset.click.left >= containment[0])
? left - o.grid[0]
: left + o.grid[0]))
: left;
}
}
return {
left: (pageX - this.offset.click.left - this.offset.relative.left - this.offset.parent.left + ((this.cssPosition === "fixed"
? -this.scrollParent.scrollLeft()
: scrollIsRootNode
? 0
: scroll.scrollLeft()))),
top : (pageY - this.offset.click.top - this.offset.relative.top - this.offset.parent.top + ((this.cssPosition === "fixed"
? -this.scrollParent.scrollTop()
: (scrollIsRootNode
? 0
: scroll.scrollTop()))))
};
},
_getHandle : function (event) {
return this.options.handle
? !!$(event.target)
.closest(this.element.find(this.options.handle))
.length
: true;
},
_getParentOffset : function () {
this.offsetParent = this
.helper
.offsetParent();
var po = this
.offsetParent
.offset();
if (this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
po.left += this
.scrollParent
.scrollLeft();
po.top += this
.scrollParent
.scrollTop();
}
if ((this.offsetParent[0] === document.body) || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
po = {
left: 0,
top : 0
};
}
return {
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"), 10) || 0),
top : po.top + (parseInt(this.offsetParent.css("borderTopWidth"), 10) || 0)
};
},
_getRelativeOffset : function () {
if (this.cssPosition === "relative") {
var p = this
.element
.position();
return {
left: p.left - (parseInt(this.helper.css("left"), 10) || 0) + this
.scrollParent
.scrollLeft(),
top : p.top - (parseInt(this.helper.css("top"), 10) || 0) + this
.scrollParent
.scrollTop()
};
} else {
return {left: 0, top: 0};
}
},
_mouseCapture : function (event) {
var o = this.options;
if (this.helper || o.disabled || $(event.target).closest(".ui-resizable-handle").length > 0) {
return false;
}
this.handle = this._getHandle(event);
if (!this.handle) {
return false;
}
$(o.iframeFix === true
? "iframe"
: o.iframeFix).each(function () {
$("
")
.css({
height : this.offsetHeight + "px",
opacity : "0.001",
position: "absolute",
width : this.offsetWidth + "px",
zIndex : 1000
})
.css($(this).offset())
.appendTo("body");
});
return true;
},
_mouseDrag : function (event, noPropagation) {
this.position = this._generatePosition(event);
this.positionAbs = this._convertPositionTo("absolute");
if (!noPropagation) {
var ui = this._uiHash();
if (this._trigger("drag", event, ui) === false) {
this._mouseUp({});
return false;
}
this.position = ui.position;
}
if (!this.options.axis || this.options.axis !== "y") {
this
.helper[0]
.style
.left = this.position.left + "px";
}
if (!this.options.axis || this.options.axis !== "x") {
this
.helper[0]
.style
.top = this.position.top + "px";
}
if ($.ui.ddmanager) {
$
.ui
.ddmanager
.drag(this, event);
}
return false;
},
_mouseStart : function (event) {
var o = this.options;
this.helper = this._createHelper(event);
this
.helper
.addClass("ui-draggable-dragging");
this._cacheHelperProportions();
if ($.ui.ddmanager) {
$.ui.ddmanager.current = this;
}
this._cacheMargins();
this.cssPosition = this
.helper
.css("position");
this.scrollParent = this
.helper
.scrollParent();
this.offset = this.positionAbs = this
.element
.offset();
this.offset = {
left: this.offset.left - this.margins.left,
top : this.offset.top - this.margins.top
};
$.extend(this.offset, {
click : {
left: event.pageX - this.offset.left,
top : event.pageY - this.offset.top
},
parent : this._getParentOffset(),
relative: this._getRelativeOffset()
});
this.originalPosition = this.position = this._generatePosition(event);
this.originalPageX = event.pageX;
this.originalPageY = event.pageY;
(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
if (o.containment) {
this._setContainment();
}
if (this._trigger("start", event) === false) {
this._clear();
return false;
}
this._cacheHelperProportions();
if ($.ui.ddmanager && !o.dropBehaviour) {
$
.ui
.ddmanager
.prepareOffsets(this, event);
}
this._mouseDrag(event, true);
if ($.ui.ddmanager) {
$
.ui
.ddmanager
.dragStart(this, event);
}
return true;
},
_mouseStop : function (event) {
var element,
that = this,
elementInDom = false,
dropped = false;
if ($.ui.ddmanager && !this.options.dropBehaviour) {
dropped = $
.ui
.ddmanager
.drop(this, event);
}
if (this.dropped) {
dropped = this.dropped;
this.dropped = false;
}
element = this.element[0];
while (element && (element = element.parentNode)) {
if (element === document) {
elementInDom = true;
}
}
if (!elementInDom && this.options.helper === "original") {
return false;
}
if ((this.options.revert === "invalid" && !dropped) || (this.options.revert === "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
$(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function () {
if (that._trigger("stop", event) !== false) {
that._clear();
}
});
} else {
if (this._trigger("stop", event) !== false) {
this._clear();
}
}
return false;
},
_mouseUp : function (event) {
$("div.ui-draggable-iframeFix").each(function () {
this
.parentNode
.removeChild(this);
});
if ($.ui.ddmanager) {
$
.ui
.ddmanager
.dragStop(this, event);
}
return $
.ui
.mouse
.prototype
._mouseUp
.call(this, event);
},
_setContainment : function () {
var over,
c,
ce,
o = this.options;
if (o.containment === "parent") {
o.containment = this
.helper[0]
.parentNode;
}
if (o.containment === "document" || o.containment === "window") {
this.containment = [
o.containment === "document"
? 0
: $(window).scrollLeft() - this.offset.relative.left - this.offset.parent.left,
o.containment === "document"
? 0
: $(window).scrollTop() - this.offset.relative.top - this.offset.parent.top,
(o.containment === "document"
? 0
: $(window).scrollLeft()) + $(o.containment === "document"
? document
: window).width() - this.helperProportions.width - this.margins.left,
(o.containment === "document"
? 0
: $(window).scrollTop()) + ($(o.containment === "document"
? document
: window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
];
}
if (!(/^(document|window|parent)$/).test(o.containment) && o.containment.constructor !== Array) {
c = $(o.containment);
ce = c[0];
if (!ce) {
return;
}
over = ($(ce).css("overflow") !== "hidden");
this.containment = [
(parseInt($(ce).css("borderLeftWidth"), 10) || 0) + (parseInt($(ce).css("paddingLeft"), 10) || 0),
(parseInt($(ce).css("borderTopWidth"), 10) || 0) + (parseInt($(ce).css("paddingTop"), 10) || 0),
(over
? Math.max(ce.scrollWidth, ce.offsetWidth)
: ce.offsetWidth) - (parseInt($(ce).css("borderRightWidth"), 10) || 0) - (parseInt($(ce).css("paddingRight"), 10) || 0) - this.helperProportions.width - this.margins.left - this.margins.right,
(over
? Math.max(ce.scrollHeight, ce.offsetHeight)
: ce.offsetHeight) - (parseInt($(ce).css("borderBottomWidth"), 10) || 0) - (parseInt($(ce).css("paddingBottom"), 10) || 0) - this.helperProportions.height - this.margins.top - this.margins.bottom
];
this.relative_container = c;
} else if (o.containment.constructor === Array) {
this.containment = o.containment;
}
},
_trigger : function (type, event, ui) {
ui = ui || this._uiHash();
$
.ui
.plugin
.call(this, type, [event, ui]);
if (type === "drag") {
this.positionAbs = this._convertPositionTo("absolute");
}
return $
.Widget
.prototype
._trigger
.call(this, type, event, ui);
},
_uiHash : function () {
return {helper: this.helper, offset: this.positionAbs, originalPosition: this.originalPosition, position: this.position};
},
cancel : function () {
if (this.helper.is(".ui-draggable-dragging")) {
this._mouseUp({});
} else {
this._clear();
}
return this;
},
options : {
addClasses : true,
appendTo : "parent",
axis : false,
connectToSortable: false,
containment : false,
cursor : "auto",
cursorAt : false,
drag : null,
grid : false,
handle : false,
helper : "original",
iframeFix : false,
opacity : false,
refreshPositions : false,
revert : false,
revertDuration : 500,
scope : "default",
scroll : true,
scrollSensitivity: 20,
scrollSpeed : 20,
snap : false,
snapMode : "both",
snapTolerance : 20,
stack : false,
start : null,
stop : null,
zIndex : false
},
plugins : {},
version : "1.10.2",
widgetEventPrefix : "drag"
});
$
.ui
.plugin
.add("draggable", "connectToSortable", {
drag : function (event, ui) {
var inst = $(this).data("ui-draggable"),
that = this;
$.each(inst.sortables, function () {
var innermostIntersecting = false,
thisSortable = this;
this.instance.positionAbs = inst.positionAbs;
this.instance.helperProportions = inst.helperProportions;
this.instance.offset.click = inst.offset.click;
if (this.instance._intersectsWith(this.instance.containerCache)) {
innermostIntersecting = true;
$.each(inst.sortables, function () {
this.instance.positionAbs = inst.positionAbs;
this.instance.helperProportions = inst.helperProportions;
this.instance.offset.click = inst.offset.click;
if (this !== thisSortable && this.instance._intersectsWith(this.instance.containerCache) && $.contains(thisSortable.instance.element[0], this.instance.element[0])) {
innermostIntersecting = false;
}
return innermostIntersecting;
});
}
if (innermostIntersecting) {
if (!this.instance.isOver) {
this.instance.isOver = 1;
this.instance.currentItem = $(that)
.clone()
.removeAttr("id")
.appendTo(this.instance.element)
.data("ui-sortable-item", true);
this.instance.options._helper = this.instance.options.helper;
this.instance.options.helper = function () {
return ui.helper[0];
};
event.target = this
.instance
.currentItem[0];
this
.instance
._mouseCapture(event, true);
this
.instance
._mouseStart(event, true, true);
this.instance.offset.click.top = inst.offset.click.top;
this.instance.offset.click.left = inst.offset.click.left;
this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
inst._trigger("toSortable", event);
inst.dropped = this.instance.element;
inst.currentItem = inst.element;
this.instance.fromOutside = inst;
}
if (this.instance.currentItem) {
this
.instance
._mouseDrag(event);
}
} else {
if (this.instance.isOver) {
this.instance.isOver = 0;
this.instance.cancelHelperRemoval = true;
this.instance.options.revert = false;
this
.instance
._trigger("out", event, this.instance._uiHash(this.instance));
this
.instance
._mouseStop(event, true);
this.instance.options.helper = this.instance.options._helper;
this
.instance
.currentItem
.remove();
if (this.instance.placeholder) {
this
.instance
.placeholder
.remove();
}
inst._trigger("fromSortable", event);
inst.dropped = false;
}
}
});
},
start: function (event, ui) {
var inst = $(this).data("ui-draggable"),
o = inst.options,
uiSortable = $.extend({}, ui, {item: inst.element});
inst.sortables = [];
$(o.connectToSortable).each(function () {
var sortable = $.data(this, "ui-sortable");
if (sortable && !sortable.options.disabled) {
inst
.sortables
.push({instance: sortable, shouldRevert: sortable.options.revert});
sortable.refreshPositions();
sortable._trigger("activate", event, uiSortable);
}
});
},
stop : function (event, ui) {
var inst = $(this).data("ui-draggable"),
uiSortable = $.extend({}, ui, {item: inst.element});
$.each(inst.sortables, function () {
if (this.instance.isOver) {
this.instance.isOver = 0;
inst.cancelHelperRemoval = true;
this.instance.cancelHelperRemoval = false;
if (this.shouldRevert) {
this.instance.options.revert = this.shouldRevert;
}
this
.instance
._mouseStop(event);
this.instance.options.helper = this.instance.options._helper;
if (inst.options.helper === "original") {
this
.instance
.currentItem
.css({left: "auto", top: "auto"});
}
} else {
this.instance.cancelHelperRemoval = false;
this
.instance
._trigger("deactivate", event, uiSortable);
}
});
}
});
$
.ui
.plugin
.add("draggable", "cursor", {
start: function () {
var t = $("body"),
o = $(this)
.data("ui-draggable")
.options;
if (t.css("cursor")) {
o._cursor = t.css("cursor");
}
t.css("cursor", o.cursor);
},
stop : function () {
var o = $(this)
.data("ui-draggable")
.options;
if (o._cursor) {
$("body").css("cursor", o._cursor);
}
}
});
$
.ui
.plugin
.add("draggable", "opacity", {
start: function (event, ui) {
var t = $(ui.helper),
o = $(this)
.data("ui-draggable")
.options;
if (t.css("opacity")) {
o._opacity = t.css("opacity");
}
t.css("opacity", o.opacity);
},
stop : function (event, ui) {
var o = $(this)
.data("ui-draggable")
.options;
if (o._opacity) {
$(ui.helper).css("opacity", o._opacity);
}
}
});
$
.ui
.plugin
.add("draggable", "scroll", {
drag : function (event) {
var i = $(this).data("ui-draggable"),
o = i.options,
scrolled = false;
if (i.scrollParent[0] !== document && i.scrollParent[0].tagName !== "HTML") {
if (!o.axis || o.axis !== "x") {
if ((i.overflowOffset.top + i.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
i
.scrollParent[0]
.scrollTop = scrolled = i
.scrollParent[0]
.scrollTop + o.scrollSpeed;
} else if (event.pageY - i.overflowOffset.top < o.scrollSensitivity) {
i
.scrollParent[0]
.scrollTop = scrolled = i
.scrollParent[0]
.scrollTop - o.scrollSpeed;
}
}
if (!o.axis || o.axis !== "y") {
if ((i.overflowOffset.left + i.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
i
.scrollParent[0]
.scrollLeft = scrolled = i
.scrollParent[0]
.scrollLeft + o.scrollSpeed;
} else if (event.pageX - i.overflowOffset.left < o.scrollSensitivity) {
i
.scrollParent[0]
.scrollLeft = scrolled = i
.scrollParent[0]
.scrollLeft - o.scrollSpeed;
}
}
} else {
if (!o.axis || o.axis !== "x") {
if (event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
} else if ($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
}
}
if (!o.axis || o.axis !== "y") {
if (event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
} else if ($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
}
}
}
if (scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
$
.ui
.ddmanager
.prepareOffsets(i, event);
}
},
start: function () {
var i = $(this).data("ui-draggable");
if (i.scrollParent[0] !== document && i.scrollParent[0].tagName !== "HTML") {
i.overflowOffset = i
.scrollParent
.offset();
}
}
});
$
.ui
.plugin
.add("draggable", "snap", {
drag : function (event, ui) {
var ts,
bs,
ls,
rs,
l,
r,
t,
b,
i,
first,
inst = $(this).data("ui-draggable"),
o = inst.options,
d = o.snapTolerance,
x1 = ui.offset.left,
x2 = x1 + inst.helperProportions.width,
y1 = ui.offset.top,
y2 = y1 + inst.helperProportions.height;
for (i = inst.snapElements.length - 1; i >= 0; i -= 1) {
l = inst
.snapElements[i]
.left;
r = l + inst
.snapElements[i]
.width;
t = inst
.snapElements[i]
.top;
b = t + inst
.snapElements[i]
.height;
if (!((l - d < x1 && x1 < r + d && t - d < y1 && y1 < b + d) || (l - d < x1 && x1 < r + d && t - d < y2 && y2 < b + d) || (l - d < x2 && x2 < r + d && t - d < y1 && y1 < b + d) || (l - d < x2 && x2 < r + d && t - d < y2 && y2 < b + d))) {
if (inst.snapElements[i].snapping) {
(inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), {
snapItem: inst
.snapElements[i]
.item
})));
}
inst
.snapElements[i]
.snapping = false;
continue;
}
if (o.snapMode !== "inner") {
ts = Math.abs(t - y2) <= d;
bs = Math.abs(b - y1) <= d;
ls = Math.abs(l - x2) <= d;
rs = Math.abs(r - x1) <= d;
if (ts) {
ui.position.top = inst
._convertPositionTo("relative", {
left: 0,
top : t - inst.helperProportions.height
})
.top - inst.margins.top;
}
if (bs) {
ui.position.top = inst
._convertPositionTo("relative", {
left: 0,
top : b
})
.top - inst.margins.top;
}
if (ls) {
ui.position.left = inst
._convertPositionTo("relative", {
left: l - inst.helperProportions.width,
top : 0
})
.left - inst.margins.left;
}
if (rs) {
ui.position.left = inst
._convertPositionTo("relative", {
left: r,
top : 0
})
.left - inst.margins.left;
}
}
first = (ts || bs || ls || rs);
if (o.snapMode !== "outer") {
ts = Math.abs(t - y1) <= d;
bs = Math.abs(b - y2) <= d;
ls = Math.abs(l - x1) <= d;
rs = Math.abs(r - x2) <= d;
if (ts) {
ui.position.top = inst
._convertPositionTo("relative", {
left: 0,
top : t
})
.top - inst.margins.top;
}
if (bs) {
ui.position.top = inst
._convertPositionTo("relative", {
left: 0,
top : b - inst.helperProportions.height
})
.top - inst.margins.top;
}
if (ls) {
ui.position.left = inst
._convertPositionTo("relative", {
left: l,
top : 0
})
.left - inst.margins.left;
}
if (rs) {
ui.position.left = inst
._convertPositionTo("relative", {
left: r - inst.helperProportions.width,
top : 0
})
.left - inst.margins.left;
}
}
if (!inst.snapElements[i].snapping && (ts || bs || ls || rs || first)) {
(inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), {
snapItem: inst
.snapElements[i]
.item
})));
}
inst
.snapElements[i]
.snapping = (ts || bs || ls || rs || first);
}
},
start: function () {
var i = $(this).data("ui-draggable"),
o = i.options;
i.snapElements = [];
$(o.snap.constructor !== String
? (o.snap.items || ":data(ui-draggable)")
: o.snap).each(function () {
var $t = $(this),
$o = $t.offset();
if (this !== i.element[0]) {
i
.snapElements
.push({height: $t.outerHeight(), item: this, left: $o.left, top: $o.top, width: $t.outerWidth()});
}
});
}
});
$
.ui
.plugin
.add("draggable", "stack", {
start: function () {
var min,
o = this
.data("ui-draggable")
.options,
group = $
.makeArray($(o.stack))
.sort(function (a, b) {
return (parseInt($(a).css("zIndex"), 10) || 0) - (parseInt($(b).css("zIndex"), 10) || 0);
});
if (!group.length) {
return;
}
min = parseInt($(group[0]).css("zIndex"), 10) || 0;
$(group).each(function (i) {
$(this).css("zIndex", min + i);
});
this.css("zIndex", (min + group.length));
}
});
$
.ui
.plugin
.add("draggable", "zIndex", {
start: function (event, ui) {
var t = $(ui.helper),
o = $(this)
.data("ui-draggable")
.options;
if (t.css("zIndex")) {
o._zIndex = t.css("zIndex");
}
t.css("zIndex", o.zIndex);
},
stop : function (event, ui) {
var o = $(this)
.data("ui-draggable")
.options;
if (o._zIndex) {
$(ui.helper).css("zIndex", o._zIndex);
}
}
});
})(jQuery);
(function ($, undefined) {
function isOverAxis(x, reference, size) {
return (x > reference) && (x < (reference + size));
}
$.widget("ui.droppable", {
_activate : function (event) {
var draggable = $.ui.ddmanager.current;
if (this.options.activeClass) {
this
.element
.addClass(this.options.activeClass);
}
if (draggable) {
this._trigger("activate", event, this.ui(draggable));
}
},
_create : function () {
var o = this.options,
accept = o.accept;
this.isover = false;
this.isout = true;
this.accept = $.isFunction(accept)
? accept
: function (d) {
return d.is(accept);
};
this.proportions = {
height: this
.element[0]
.offsetHeight,
width : this
.element[0]
.offsetWidth
};
$
.ui
.ddmanager
.droppables[o.scope] = $
.ui
.ddmanager
.droppables[o.scope] || [];
$
.ui
.ddmanager
.droppables[o.scope]
.push(this);
(o.addClasses && this.element.addClass("ui-droppable"));
},
_deactivate : function (event) {
var draggable = $.ui.ddmanager.current;
if (this.options.activeClass) {
this
.element
.removeClass(this.options.activeClass);
}
if (draggable) {
this._trigger("deactivate", event, this.ui(draggable));
}
},
_destroy : function () {
var i = 0,
drop = $
.ui
.ddmanager
.droppables[this.options.scope];
for (; i < drop.length; i += 1) {
if (drop[i] === this) {
drop.splice(i, 1);
}
}
this
.element
.removeClass("ui-droppable ui-droppable-disabled");
},
_drop : function (event, custom) {
var draggable = custom || $.ui.ddmanager.current,
childrenIntersection = false;
if (!draggable || (draggable.currentItem || draggable.element)[0] === this.element[0]) {
return false;
}
this
.element
.find(":data(ui-droppable)")
.not(".ui-draggable-dragging")
.each(function () {
var inst = $.data(this, "ui-droppable");
if (inst.options.greedy && !inst.options.disabled && inst.options.scope === draggable.options.scope && inst.accept.call(inst.element[0], (draggable.currentItem || draggable.element)) && $.ui.intersect(draggable, $.extend(inst, {
offset: inst
.element
.offset()
}), inst.options.tolerance)) {
childrenIntersection = true;
return false;
}
});
if (childrenIntersection) {
return false;
}
if (this.accept.call(this.element[0], (draggable.currentItem || draggable.element))) {
if (this.options.activeClass) {
this
.element
.removeClass(this.options.activeClass);
}
if (this.options.hoverClass) {
this
.element
.removeClass(this.options.hoverClass);
}
this._trigger("drop", event, this.ui(draggable));
return this.element;
}
return false;
},
_out : function (event) {
var draggable = $.ui.ddmanager.current;
if (!draggable || (draggable.currentItem || draggable.element)[0] === this.element[0]) {
return;
}
if (this.accept.call(this.element[0], (draggable.currentItem || draggable.element))) {
if (this.options.hoverClass) {
this
.element
.removeClass(this.options.hoverClass);
}
this._trigger("out", event, this.ui(draggable));
}
},
_over : function (event) {
var draggable = $.ui.ddmanager.current;
if (!draggable || (draggable.currentItem || draggable.element)[0] === this.element[0]) {
return;
}
if (this.accept.call(this.element[0], (draggable.currentItem || draggable.element))) {
if (this.options.hoverClass) {
this
.element
.addClass(this.options.hoverClass);
}
this._trigger("over", event, this.ui(draggable));
}
},
_setOption : function (key, value) {
if (key === "accept") {
this.accept = $.isFunction(value)
? value
: function (d) {
return d.is(value);
};
}
$
.Widget
.prototype
._setOption
.apply(this, arguments);
},
options : {
accept : "*",
activate : null,
activeClass: false,
addClasses : true,
deactivate : null,
drop : null,
greedy : false,
hoverClass : false,
out : null,
over : null,
scope : "default",
tolerance : "intersect"
},
ui : function (c) {
return {
draggable: (c.currentItem || c.element),
helper : c.helper,
offset : c.positionAbs,
position : c.position
};
},
version : "1.10.2",
widgetEventPrefix: "drop"
});
$.ui.intersect = function (draggable, droppable, toleranceMode) {
if (!droppable.offset) {
return false;
}
var draggableLeft,
draggableTop,
x1 = (draggable.positionAbs || draggable.position.absolute).left,
x2 = x1 + draggable.helperProportions.width,
y1 = (draggable.positionAbs || draggable.position.absolute).top,
y2 = y1 + draggable.helperProportions.height,
l = droppable.offset.left,
r = l + droppable.proportions.width,
t = droppable.offset.top,
b = t + droppable.proportions.height;
switch (toleranceMode) {
case "fit":
return (l <= x1 && x2 <= r && t <= y1 && y2 <= b);
case "intersect":
return (l < x1 + (draggable.helperProportions.width / 2) && x2 - (draggable.helperProportions.width / 2) < r && t < y1 + (draggable.helperProportions.height / 2) && y2 - (draggable.helperProportions.height / 2) < b);
case "pointer":
draggableLeft = ((draggable.positionAbs || draggable.position.absolute).left + (draggable.clickOffset || draggable.offset.click).left);
draggableTop = ((draggable.positionAbs || draggable.position.absolute).top + (draggable.clickOffset || draggable.offset.click).top);
return isOverAxis(draggableTop, t, droppable.proportions.height) && isOverAxis(draggableLeft, l, droppable.proportions.width);
case "touch":
return ((y1 >= t && y1 <= b) || (y2 >= t && y2 <= b) || (y1 < t && y2 > b)) && ((x1 >= l && x1 <= r) || (x2 >= l && x2 <= r) || (x1 < l && x2 > r));
default:
return false;
}
};
$.ui.ddmanager = {
current : null,
drag : function (draggable, event) {
if (draggable.options.refreshPositions) {
$
.ui
.ddmanager
.prepareOffsets(draggable, event);
}
$.each($.ui.ddmanager.droppables[draggable.options.scope] || [], function () {
if (this.options.disabled || this.greedyChild || !this.visible) {
return;
}
var parentInstance,
scope,
parent,
intersects = $
.ui
.intersect(draggable, this, this.options.tolerance),
c = !intersects && this.isover
? "isout"
: (intersects && !this.isover
? "isover"
: null);
if (!c) {
return;
}
if (this.options.greedy) {
scope = this.options.scope;
parent = this
.element
.parents(":data(ui-droppable)")
.filter(function () {
return $
.data(this, "ui-droppable")
.options
.scope === scope;
});
if (parent.length) {
parentInstance = $.data(parent[0], "ui-droppable");
parentInstance.greedyChild = (c === "isover");
}
}
if (parentInstance && c === "isover") {
parentInstance.isover = false;
parentInstance.isout = true;
parentInstance
._out
.call(parentInstance, event);
}
this[c] = true;
this[
c === "isout"
? "isover"
: "isout"
] = false;
this[
c === "isover"
? "_over"
: "_out"
].call(this, event);
if (parentInstance && c === "isout") {
parentInstance.isout = false;
parentInstance.isover = true;
parentInstance
._over
.call(parentInstance, event);
}
});
},
dragStart : function (draggable, event) {
draggable
.element
.parentsUntil("body")
.bind("scroll.droppable", function () {
if (!draggable.options.refreshPositions) {
$
.ui
.ddmanager
.prepareOffsets(draggable, event);
}
});
},
dragStop : function (draggable, event) {
draggable
.element
.parentsUntil("body")
.unbind("scroll.droppable");
if (!draggable.options.refreshPositions) {
$
.ui
.ddmanager
.prepareOffsets(draggable, event);
}
},
drop : function (draggable, event) {
var dropped = false;
$.each(($.ui.ddmanager.droppables[draggable.options.scope] || []).slice(), function () {
if (!this.options) {
return;
}
if (!this.options.disabled && this.visible && $.ui.intersect(draggable, this, this.options.tolerance)) {
dropped = this
._drop
.call(this, event) || dropped;
}
if (!this.options.disabled && this.visible && this.accept.call(this.element[0], (draggable.currentItem || draggable.element))) {
this.isout = true;
this.isover = false;
this
._deactivate
.call(this, event);
}
});
return dropped;
},
droppables : {
"default": []
},
prepareOffsets: function (t, event) {
var i,
j,
m = $
.ui
.ddmanager
.droppables[t.options.scope] || [],
type = event
? event.type
: null,
list = (t.currentItem || t.element)
.find(":data(ui-droppable)")
.addBack();
droppablesLoop : for (i = 0; i < m.length; i += 1) {
if (m[i].options.disabled || (t && !m[i].accept.call(m[i].element[0], (t.currentItem || t.element)))) {
continue;
}
for (j = 0; j < list.length; j += 1) {
if (list[j] === m[i].element[0]) {
m[i].proportions.height = 0;
continue droppablesLoop;
}
}
m[i].visible = m[i]
.element
.css("display") !== "none";
if (!m[i].visible) {
continue;
}
if (type === "mousedown") {
m[i]
._activate
.call(m[i], event);
}
m[i].offset = m[i]
.element
.offset();
m[i].proportions = {
height: m[i]
.element[0]
.offsetHeight,
width : m[i]
.element[0]
.offsetWidth
};
};
}
};
})(jQuery);
(function ($, undefined) {
function num(v) {
return parseInt(v, 10) || 0;
}
function isNumber(value) {
return !isNaN(parseInt(value, 10));
}
$.widget("ui.resizable", $.ui.mouse, {
_change : {
e : function (event, dx) {
return {
width: this.originalSize.width + dx
};
},
n : function (event, dx, dy) {
var cs = this.originalSize,
sp = this.originalPosition;
return {
height: cs.height - dy,
top : sp.top + dy
};
},
ne: function (event, dx, dy) {
return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
},
nw: function (event, dx, dy) {
return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
},
s : function (event, dx, dy) {
return {
height: this.originalSize.height + dy
};
},
se: function (event, dx, dy) {
return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
},
sw: function (event, dx, dy) {
return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
},
w : function (event, dx) {
var cs = this.originalSize,
sp = this.originalPosition;
return {
left : sp.left + dx,
width: cs.width - dx
};
}
},
_create : function () {
var n,
i,
handle,
axis,
hname,
that = this,
o = this.options;
this
.element
.addClass("ui-resizable");
$.extend(this, {
_aspectRatio : !!(o.aspectRatio),
_helper : o.helper || o.ghost || o.animate
? o.helper || "ui-resizable-helper"
: null,
_proportionallyResizeElements: [],
aspectRatio : o.aspectRatio,
originalElement : this.element
});
if (this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {
this
.element
.wrap($("
").css({
height : this
.element
.outerHeight(),
left : this
.element
.css("left"),
position: this
.element
.css("position"),
top : this
.element
.css("top"),
width : this
.element
.outerWidth()
}));
this.element = this
.element
.parent()
.data("ui-resizable", this.element.data("ui-resizable"));
this.elementIsWrapper = true;
this
.element
.css({
marginBottom: this
.originalElement
.css("marginBottom"),
marginLeft : this
.originalElement
.css("marginLeft"),
marginRight : this
.originalElement
.css("marginRight"),
marginTop : this
.originalElement
.css("marginTop")
});
this
.originalElement
.css({marginBottom: 0, marginLeft: 0, marginRight: 0, marginTop: 0});
this.originalResizeStyle = this
.originalElement
.css("resize");
this
.originalElement
.css("resize", "none");
this
._proportionallyResizeElements
.push(this.originalElement.css({display: "block", position: "static", zoom: 1}));
this
.originalElement
.css({
margin: this
.originalElement
.css("margin")
});
this._proportionallyResize();
}
this.handles = o.handles || (!$(".ui-resizable-handle", this.element).length
? "e,s,se"
: {
e : ".ui-resizable-e",
n : ".ui-resizable-n",
ne: ".ui-resizable-ne",
nw: ".ui-resizable-nw",
s : ".ui-resizable-s",
se: ".ui-resizable-se",
sw: ".ui-resizable-sw",
w : ".ui-resizable-w"
});
if (this.handles.constructor === String) {
if (this.handles === "all") {
this.handles = "n,e,s,w,se,sw,ne,nw";
}
n = this
.handles
.split(",");
this.handles = {};
for (i = 0; i < n.length; i += 1) {
handle = $.trim(n[i]);
hname = "ui-resizable-" + handle;
axis = $("
");
axis.css({zIndex: o.zIndex});
if ("se" === handle) {
axis.addClass("ui-icon ui-icon-gripsmall-diagonal-se");
}
this.handles[handle] = ".ui-resizable-" + handle;
this
.element
.append(axis);
}
}
this._renderAxis = function (target) {
var i,
axis,
padPos,
padWrapper;
target = target || this.element;
for (i in this.handles) {
if (this.handles[i].constructor === String) {
this.handles[i] = $(this.handles[i], this.element).show();
}
if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {
axis = $(this.handles[i], this.element);
padWrapper = /sw|ne|nw|se|n|s/.test(i)
? axis.outerHeight()
: axis.outerWidth();
padPos = [
"padding", /ne|nw|n/.test(i)
? "Top"
: /se|sw|s/.test(i)
? "Bottom"
: /^e$/.test(i)
? "Right"
: "Left"
].join("");
target.css(padPos, padWrapper);
this._proportionallyResize();
}
if (!$(this.handles[i]).length) {
continue;
}
}
};
this._renderAxis(this.element);
this._handles = $(".ui-resizable-handle", this.element).disableSelection();
this
._handles
.mouseover(function () {
if (!that.resizing) {
if (this.className) {
axis = this
.className
.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
}
that.axis = axis && axis[1]
? axis[1]
: "se";
}
});
if (o.autoHide) {
this
._handles
.hide();
$(this.element)
.addClass("ui-resizable-autohide")
.mouseenter(function () {
if (o.disabled) {
return;
}
$(this).removeClass("ui-resizable-autohide");
that
._handles
.show();
})
.mouseleave(function () {
if (o.disabled) {
return;
}
if (!that.resizing) {
$(this).addClass("ui-resizable-autohide");
that
._handles
.hide();
}
});
}
this._mouseInit();
},
_destroy : function () {
this._mouseDestroy();
var wrapper,
_destroy = function (exp) {
$(exp)
.removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")
.removeData("resizable")
.removeData("ui-resizable")
.unbind(".resizable")
.find(".ui-resizable-handle")
.remove();
};
if (this.elementIsWrapper) {
_destroy(this.element);
wrapper = this.element;
this
.originalElement
.css({height: wrapper.outerHeight(), left: wrapper.css("left"), position: wrapper.css("position"), top: wrapper.css("top"), width: wrapper.outerWidth()})
.insertAfter(wrapper);
wrapper.remove();
}
this
.originalElement
.css("resize", this.originalResizeStyle);
_destroy(this.originalElement);
return this;
},
_mouseCapture : function (event) {
var i,
handle,
capture = false;
for (i in this.handles) {
handle = $(this.handles[i])[0];
if (handle === event.target || $.contains(handle, event.target)) {
capture = true;
}
}
return !this.options.disabled && capture;
},
_mouseDrag : function (event) {
var data,
el = this.helper,
props = {},
smp = this.originalMousePosition,
a = this.axis,
prevTop = this.position.top,
prevLeft = this.position.left,
prevWidth = this.size.width,
prevHeight = this.size.height,
dx = (event.pageX - smp.left) || 0,
dy = (event.pageY - smp.top) || 0,
trigger = this._change[a];
if (!trigger) {
return false;
}
data = trigger.apply(this, [event, dx, dy]);
this._updateVirtualBoundaries(event.shiftKey);
if (this._aspectRatio || event.shiftKey) {
data = this._updateRatio(data, event);
}
data = this._respectSize(data, event);
this._updateCache(data);
this._propagate("resize", event);
if (this.position.top !== prevTop) {
props.top = this.position.top + "px";
}
if (this.position.left !== prevLeft) {
props.left = this.position.left + "px";
}
if (this.size.width !== prevWidth) {
props.width = this.size.width + "px";
}
if (this.size.height !== prevHeight) {
props.height = this.size.height + "px";
}
el.css(props);
if (!this._helper && this._proportionallyResizeElements.length) {
this._proportionallyResize();
}
if (!$.isEmptyObject(props)) {
this._trigger("resize", event, this.ui());
}
return false;
},
_mouseStart : function (event) {
var curleft,
curtop,
cursor,
o = this.options,
iniPos = this
.element
.position(),
el = this.element;
this.resizing = true;
if ((/absolute/).test(el.css("position"))) {
el.css({left: el.css("left"), position: "absolute", top: el.css("top")});
} else if (el.is(".ui-draggable")) {
el.css({left: iniPos.left, position: "absolute", top: iniPos.top});
}
this._renderProxy();
curleft = num(this.helper.css("left"));
curtop = num(this.helper.css("top"));
if (o.containment) {
curleft += $(o.containment).scrollLeft() || 0;
curtop += $(o.containment).scrollTop() || 0;
}
this.offset = this
.helper
.offset();
this.position = {
left: curleft,
top : curtop
};
this.size = this._helper
? {
width : el.outerWidth(),
height: el.outerHeight()
}
: {
height: el.height(),
width : el.width()
};
this.originalSize = this._helper
? {
width : el.outerWidth(),
height: el.outerHeight()
}
: {
height: el.height(),
width : el.width()
};
this.originalPosition = {
left: curleft,
top : curtop
};
this.sizeDiff = {
height: el.outerHeight() - el.height(),
width : el.outerWidth() - el.width()
};
this.originalMousePosition = {
left: event.pageX,
top : event.pageY
};
this.aspectRatio = (typeof o.aspectRatio === "number")
? o.aspectRatio
: ((this.originalSize.width / this.originalSize.height) || 1);
cursor = $(".ui-resizable-" + this.axis).css("cursor");
$("body").css("cursor", cursor === "auto"
? this.axis + "-resize"
: cursor);
el.addClass("ui-resizable-resizing");
this._propagate("start", event);
return true;
},
_mouseStop : function (event) {
this.resizing = false;
var pr,
ista,
soffseth,
soffsetw,
s,
left,
top,
o = this.options,
that = this;
if (this._helper) {
pr = this._proportionallyResizeElements;
ista = pr.length && (/textarea/i).test(pr[0].nodeName);
soffseth = ista && $
.ui
.hasScroll(pr[0], "left")
? 0
: that.sizeDiff.height;
soffsetw = ista
? 0
: that.sizeDiff.width;
s = {
height: (that.helper.height() - soffseth),
width : (that.helper.width() - soffsetw)
};
left = (parseInt(that.element.css("left"), 10) + (that.position.left - that.originalPosition.left)) || null;
top = (parseInt(that.element.css("top"), 10) + (that.position.top - that.originalPosition.top)) || null;
if (!o.animate) {
this
.element
.css($.extend(s, {
left: left,
top : top
}));
}
that
.helper
.height(that.size.height);
that
.helper
.width(that.size.width);
if (this._helper && !o.animate) {
this._proportionallyResize();
}
}
$("body").css("cursor", "auto");
this
.element
.removeClass("ui-resizable-resizing");
this._propagate("stop", event);
if (this._helper) {
this
.helper
.remove();
}
return false;
},
_propagate : function (n, event) {
$
.ui
.plugin
.call(this, n, [event, this.ui()]);
(n !== "resize" && this._trigger(n, event, this.ui()));
},
_proportionallyResize : function () {
if (!this._proportionallyResizeElements.length) {
return;
}
var i,
j,
borders,
paddings,
prel,
element = this.helper || this.element;
for (i = 0; i < this._proportionallyResizeElements.length; i += 1) {
prel = this._proportionallyResizeElements[i];
if (!this.borderDif) {
this.borderDif = [];
borders = [prel.css("borderTopWidth"), prel.css("borderRightWidth"), prel.css("borderBottomWidth"), prel.css("borderLeftWidth")];
paddings = [prel.css("paddingTop"), prel.css("paddingRight"), prel.css("paddingBottom"), prel.css("paddingLeft")];
for (j = 0; j < borders.length; j += 1) {
this.borderDif[j] = (parseInt(borders[j], 10) || 0) + (parseInt(paddings[j], 10) || 0);
}
}
prel.css({
height: (element.height() - this.borderDif[0] - this.borderDif[2]) || 0,
width : (element.width() - this.borderDif[1] - this.borderDif[3]) || 0
});
}
},
_renderProxy : function () {
var el = this.element,
o = this.options;
this.elementOffset = el.offset();
if (this._helper) {
this.helper = this.helper || $("
");
this
.helper
.addClass(this._helper)
.css({
height : this
.element
.outerHeight() - 1,
left : this.elementOffset.left + "px",
position: "absolute",
top : this.elementOffset.top + "px",
width : this
.element
.outerWidth() - 1,
zIndex : ++o.zIndex
});
this
.helper
.appendTo("body")
.disableSelection();
} else {
this.helper = this.element;
}
},
_respectSize : function (data) {
var o = this._vBoundaries,
a = this.axis,
ismaxw = isNumber(data.width) && o.maxWidth && (o.maxWidth < data.width),
ismaxh = isNumber(data.height) && o.maxHeight && (o.maxHeight < data.height),
isminw = isNumber(data.width) && o.minWidth && (o.minWidth > data.width),
isminh = isNumber(data.height) && o.minHeight && (o.minHeight > data.height),
dw = this.originalPosition.left + this.originalSize.width,
dh = this.position.top + this.size.height,
cw = /sw|nw|w/.test(a),
ch = /nw|ne|n/.test(a);
if (isminw) {
data.width = o.minWidth;
}
if (isminh) {
data.height = o.minHeight;
}
if (ismaxw) {
data.width = o.maxWidth;
}
if (ismaxh) {
data.height = o.maxHeight;
}
if (isminw && cw) {
data.left = dw - o.minWidth;
}
if (ismaxw && cw) {
data.left = dw - o.maxWidth;
}
if (isminh && ch) {
data.top = dh - o.minHeight;
}
if (ismaxh && ch) {
data.top = dh - o.maxHeight;
}
if (!data.width && !data.height && !data.left && data.top) {
data.top = null;
} else if (!data.width && !data.height && !data.top && data.left) {
data.left = null;
}
return data;
},
_updateCache : function (data) {
this.offset = this
.helper
.offset();
if (isNumber(data.left)) {
this.position.left = data.left;
}
if (isNumber(data.top)) {
this.position.top = data.top;
}
if (isNumber(data.height)) {
this.size.height = data.height;
}
if (isNumber(data.width)) {
this.size.width = data.width;
}
},
_updateRatio : function (data) {
var cpos = this.position,
csize = this.size,
a = this.axis;
if (isNumber(data.height)) {
data.width = (data.height * this.aspectRatio);
} else if (isNumber(data.width)) {
data.height = (data.width / this.aspectRatio);
}
if (a === "sw") {
data.left = cpos.left + (csize.width - data.width);
data.top = null;
}
if (a === "nw") {
data.top = cpos.top + (csize.height - data.height);
data.left = cpos.left + (csize.width - data.width);
}
return data;
},
_updateVirtualBoundaries: function (forceAspectRatio) {
var pMinWidth,
pMaxWidth,
pMinHeight,
pMaxHeight,
b,
o = this.options;
b = {
maxHeight: isNumber(o.maxHeight)
? o.maxHeight
: Infinity,
maxWidth : isNumber(o.maxWidth)
? o.maxWidth
: Infinity,
minHeight: isNumber(o.minHeight)
? o.minHeight
: 0,
minWidth : isNumber(o.minWidth)
? o.minWidth
: 0
};
if (this._aspectRatio || forceAspectRatio) {
pMinWidth = b.minHeight * this.aspectRatio;
pMinHeight = b.minWidth / this.aspectRatio;
pMaxWidth = b.maxHeight * this.aspectRatio;
pMaxHeight = b.maxWidth / this.aspectRatio;
if (pMinWidth > b.minWidth) {
b.minWidth = pMinWidth;
}
if (pMinHeight > b.minHeight) {
b.minHeight = pMinHeight;
}
if (pMaxWidth < b.maxWidth) {
b.maxWidth = pMaxWidth;
}
if (pMaxHeight < b.maxHeight) {
b.maxHeight = pMaxHeight;
}
}
this._vBoundaries = b;
},
options : {
alsoResize : false,
animate : false,
animateDuration: "slow",
animateEasing : "swing",
aspectRatio : false,
autoHide : false,
containment : false,
ghost : false,
grid : false,
handles : "e,s,se",
helper : false,
maxHeight : null,
maxWidth : null,
minHeight : 10,
minWidth : 10,
resize : null,
start : null,
stop : null,
zIndex : 90
},
plugins : {},
ui : function () {
return {
element : this.element,
helper : this.helper,
originalElement : this.originalElement,
originalPosition: this.originalPosition,
originalSize : this.originalSize,
position : this.position,
size : this.size
};
},
version : "1.10.2",
widgetEventPrefix : "resize"
});
$
.ui
.plugin
.add("resizable", "animate", {
stop: function (event) {
var that = $(this).data("ui-resizable"),
o = that.options,
pr = that._proportionallyResizeElements,
ista = pr.length && (/textarea/i).test(pr[0].nodeName),
soffseth = ista && $
.ui
.hasScroll(pr[0], "left")
? 0
: that.sizeDiff.height,
soffsetw = ista
? 0
: that.sizeDiff.width,
style = {
height: (that.size.height - soffseth),
width : (that.size.width - soffsetw)
},
left = (parseInt(that.element.css("left"), 10) + (that.position.left - that.originalPosition.left)) || null,
top = (parseInt(that.element.css("top"), 10) + (that.position.top - that.originalPosition.top)) || null;
that
.element
.animate($.extend(style, top && left
? {
top : top,
left: left
}
: {}), {
duration: o.animateDuration,
easing : o.animateEasing,
step : function () {
var data = {
height: parseInt(that.element.css("height"), 10),
left : parseInt(that.element.css("left"), 10),
top : parseInt(that.element.css("top"), 10),
width : parseInt(that.element.css("width"), 10)
};
if (pr && pr.length) {
$(pr[0]).css({height: data.height, width: data.width});
}
that._updateCache(data);
that._propagate("resize", event);
}
});
}
});
$
.ui
.plugin
.add("resizable", "containment", {
resize: function (event) {
var woset,
hoset,
isParent,
isOffsetRelative,
that = $(this).data("ui-resizable"),
o = that.options,
co = that.containerOffset,
cp = that.position,
pRatio = that._aspectRatio || event.shiftKey,
cop = {
left: 0,
top : 0
},
ce = that.containerElement;
if (ce[0] !== document && (/static/).test(ce.css("position"))) {
cop = co;
}
if (cp.left < (that._helper
? co.left
: 0)) {
that.size.width = that.size.width + (that._helper
? (that.position.left - co.left)
: (that.position.left - cop.left));
if (pRatio) {
that.size.height = that.size.width / that.aspectRatio;
}
that.position.left = o.helper
? co.left
: 0;
}
if (cp.top < (that._helper
? co.top
: 0)) {
that.size.height = that.size.height + (that._helper
? (that.position.top - co.top)
: that.position.top);
if (pRatio) {
that.size.width = that.size.height * that.aspectRatio;
}
that.position.top = that._helper
? co.top
: 0;
}
that.offset.left = that.parentData.left + that.position.left;
that.offset.top = that.parentData.top + that.position.top;
woset = Math.abs((that._helper
? that.offset.left - cop.left
: (that.offset.left - cop.left)) + that.sizeDiff.width);
hoset = Math.abs((that._helper
? that.offset.top - cop.top
: (that.offset.top - co.top)) + that.sizeDiff.height);
isParent = that
.containerElement
.get(0) === that
.element
.parent()
.get(0);
isOffsetRelative = /relative|absolute/.test(that.containerElement.css("position"));
if (isParent && isOffsetRelative) {
woset -= that.parentData.left;
}
if (woset + that.size.width >= that.parentData.width) {
that.size.width = that.parentData.width - woset;
if (pRatio) {
that.size.height = that.size.width / that.aspectRatio;
}
}
if (hoset + that.size.height >= that.parentData.height) {
that.size.height = that.parentData.height - hoset;
if (pRatio) {
that.size.width = that.size.height * that.aspectRatio;
}
}
},
start : function () {
var element,
p,
co,
ch,
cw,
width,
height,
that = $(this).data("ui-resizable"),
o = that.options,
el = that.element,
oc = o.containment,
ce = (oc instanceof $)
? oc.get(0)
: (/parent/.test(oc))
? el
.parent()
.get(0)
: oc;
if (!ce) {
return;
}
that.containerElement = $(ce);
if (/document/.test(oc) || oc === document) {
that.containerOffset = {
left: 0,
top : 0
};
that.containerPosition = {
left: 0,
top : 0
};
that.parentData = {
element: $(document),
height : $(document).height() || document.body.parentNode.scrollHeight,
left : 0,
top : 0,
width : $(document).width()
};
} else {
element = $(ce);
p = [];
$(["Top", "Right", "Left", "Bottom"]).each(function (i, name) {
p[i] = num(element.css("padding" + name));
});
that.containerOffset = element.offset();
that.containerPosition = element.position();
that.containerSize = {
height: (element.innerHeight() - p[3]),
width : (element.innerWidth() - p[1])
};
co = that.containerOffset;
ch = that.containerSize.height;
cw = that.containerSize.width;
width = ($.ui.hasScroll(ce, "left")
? ce.scrollWidth
: cw);
height = ($.ui.hasScroll(ce)
? ce.scrollHeight
: ch);
that.parentData = {
element: ce,
height : height,
left : co.left,
top : co.top,
width : width
};
}
},
stop : function () {
var that = $(this).data("ui-resizable"),
o = that.options,
co = that.containerOffset,
cop = that.containerPosition,
ce = that.containerElement,
helper = $(that.helper),
ho = helper.offset(),
w = helper.outerWidth() - that.sizeDiff.width,
h = helper.outerHeight() - that.sizeDiff.height;
if (that._helper && !o.animate && (/relative/).test(ce.css("position"))) {
$(this).css({
height: h,
left : ho.left - cop.left - co.left,
width : w
});
}
if (that._helper && !o.animate && (/static/).test(ce.css("position"))) {
$(this).css({
height: h,
left : ho.left - cop.left - co.left,
width : w
});
}
}
});
$
.ui
.plugin
.add("resizable", "alsoResize", {
resize: function (event, ui) {
var that = $(this).data("ui-resizable"),
o = that.options,
os = that.originalSize,
op = that.originalPosition,
delta = {
height: (that.size.height - os.height) || 0,
left : (that.position.left - op.left) || 0,
top : (that.position.top - op.top) || 0,
width : (that.size.width - os.width) || 0
},
_alsoResize = function (exp, c) {
$(exp).each(function () {
var el = $(this),
start = $(this).data("ui-resizable-alsoresize"),
style = {},
css = c && c.length
? c
: el
.parents(ui.originalElement[0])
.length
? ["width", "height"]
: ["width", "height", "top", "left"];
$.each(css, function (i, prop) {
var sum = (start[prop] || 0) + (delta[prop] || 0);
if (sum && sum >= 0) {
style[prop] = sum || null;
}
});
el.css(style);
});
};
if (typeof(o.alsoResize) === "object" && !o.alsoResize.nodeType) {
$.each(o.alsoResize, function (exp, c) {
_alsoResize(exp, c);
});
} else {
_alsoResize(o.alsoResize);
}
},
start : function () {
var that = $(this).data("ui-resizable"),
o = that.options,
_store = function (exp) {
$(exp).each(function () {
var el = $(this);
el.data("ui-resizable-alsoresize", {
height: parseInt(el.height(), 10),
left : parseInt(el.css("left"), 10),
top : parseInt(el.css("top"), 10),
width : parseInt(el.width(), 10)
});
});
};
if (typeof(o.alsoResize) === "object" && !o.alsoResize.parentNode) {
if (o.alsoResize.length) {
o.alsoResize = o.alsoResize[0];
_store(o.alsoResize);
} else {
$.each(o.alsoResize, function (exp) {
_store(exp);
});
}
} else {
_store(o.alsoResize);
}
},
stop : function () {
$(this).removeData("resizable-alsoresize");
}
});
$
.ui
.plugin
.add("resizable", "ghost", {
resize: function () {
var that = $(this).data("ui-resizable");
if (that.ghost) {
that
.ghost
.css({height: that.size.height, position: "relative", width: that.size.width});
}
},
start : function () {
var that = $(this).data("ui-resizable"),
o = that.options,
cs = that.size;
that.ghost = that
.originalElement
.clone();
that
.ghost
.css({
display : "block",
height : cs.height,
left : 0,
margin : 0,
opacity : 0.25,
position: "relative",
top : 0,
width : cs.width
})
.addClass("ui-resizable-ghost")
.addClass(typeof o.ghost === "string"
? o.ghost
: "");
that
.ghost
.appendTo(that.helper);
},
stop : function () {
var that = $(this).data("ui-resizable");
if (that.ghost && that.helper) {
that
.helper
.get(0)
.removeChild(that.ghost.get(0));
}
}
});
$
.ui
.plugin
.add("resizable", "grid", {
resize: function () {
var that = $(this).data("ui-resizable"),
o = that.options,
cs = that.size,
os = that.originalSize,
op = that.originalPosition,
a = that.axis,
grid = typeof o.grid === "number"
? [o.grid, o.grid]
: o.grid,
gridX = (grid[0] || 1),
gridY = (grid[1] || 1),
ox = Math.round((cs.width - os.width) / gridX) * gridX,
oy = Math.round((cs.height - os.height) / gridY) * gridY,
newWidth = os.width + ox,
newHeight = os.height + oy,
isMaxWidth = o.maxWidth && (o.maxWidth < newWidth),
isMaxHeight = o.maxHeight && (o.maxHeight < newHeight),
isMinWidth = o.minWidth && (o.minWidth > newWidth),
isMinHeight = o.minHeight && (o.minHeight > newHeight);
o.grid = grid;
if (isMinWidth) {
newWidth = newWidth + gridX;
}
if (isMinHeight) {
newHeight = newHeight + gridY;
}
if (isMaxWidth) {
newWidth = newWidth - gridX;
}
if (isMaxHeight) {
newHeight = newHeight - gridY;
}
if (/^(se|s|e)$/.test(a)) {
that.size.width = newWidth;
that.size.height = newHeight;
} else if (/^(ne)$/.test(a)) {
that.size.width = newWidth;
that.size.height = newHeight;
that.position.top = op.top - oy;
} else if (/^(sw)$/.test(a)) {
that.size.width = newWidth;
that.size.height = newHeight;
that.position.left = op.left - ox;
} else {
that.size.width = newWidth;
that.size.height = newHeight;
that.position.top = op.top - oy;
that.position.left = op.left - ox;
}
}
});
})(jQuery);
(function ($, undefined) {
$.widget("ui.selectable", $.ui.mouse, {
_create : function () {
var selectees,
that = this;
this
.element
.addClass("ui-selectable");
this.dragged = false;
this.refresh = function () {
selectees = $(that.options.filter, that.element[0]);
selectees.addClass("ui-selectee");
selectees.each(function () {
var $this = $(this),
pos = $this.offset();
$.data(this, "selectable-item", {
$element : $this,
bottom : pos.top + $this.outerHeight(),
element : this,
left : pos.left,
right : pos.left + $this.outerWidth(),
selected : $this.hasClass("ui-selected"),
selecting : $this.hasClass("ui-selecting"),
startselected: false,
top : pos.top,
unselecting : $this.hasClass("ui-unselecting")
});
});
};
this.refresh();
this.selectees = selectees.addClass("ui-selectee");
this._mouseInit();
this.helper = $("
");
},
_destroy : function () {
this
.selectees
.removeClass("ui-selectee")
.removeData("selectable-item");
this
.element
.removeClass("ui-selectable ui-selectable-disabled");
this._mouseDestroy();
},
_mouseDrag : function (event) {
this.dragged = true;
if (this.options.disabled) {
return;
}
var tmp,
that = this,
options = this.options,
x1 = this.opos[0],
y1 = this.opos[1],
x2 = event.pageX,
y2 = event.pageY;
if (x1 > x2) {
tmp = x2;
x2 = x1;
x1 = tmp;
}
if (y1 > y2) {
tmp = y2;
y2 = y1;
y1 = tmp;
}
this
.helper
.css({
height: y2 - y1,
left : x1,
top : y1,
width : x2 - x1
});
this
.selectees
.each(function () {
var selectee = $.data(this, "selectable-item"),
hit = false;
if (!selectee || selectee.element === that.element[0]) {
return;
}
if (options.tolerance === "touch") {
hit = (!(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1));
} else if (options.tolerance === "fit") {
hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
}
if (hit) {
if (selectee.selected) {
selectee
.$element
.removeClass("ui-selected");
selectee.selected = false;
}
if (selectee.unselecting) {
selectee
.$element
.removeClass("ui-unselecting");
selectee.unselecting = false;
}
if (!selectee.selecting) {
selectee
.$element
.addClass("ui-selecting");
selectee.selecting = true;
that._trigger("selecting", event, {selecting: selectee.element});
}
} else {
if (selectee.selecting) {
if ((event.metaKey || event.ctrlKey) && selectee.startselected) {
selectee
.$element
.removeClass("ui-selecting");
selectee.selecting = false;
selectee
.$element
.addClass("ui-selected");
selectee.selected = true;
} else {
selectee
.$element
.removeClass("ui-selecting");
selectee.selecting = false;
if (selectee.startselected) {
selectee
.$element
.addClass("ui-unselecting");
selectee.unselecting = true;
}
that._trigger("unselecting", event, {unselecting: selectee.element});
}
}
if (selectee.selected) {
if (!event.metaKey && !event.ctrlKey && !selectee.startselected) {
selectee
.$element
.removeClass("ui-selected");
selectee.selected = false;
selectee
.$element
.addClass("ui-unselecting");
selectee.unselecting = true;
that._trigger("unselecting", event, {unselecting: selectee.element});
}
}
}
});
return false;
},
_mouseStart: function (event) {
var that = this,
options = this.options;
this.opos = [event.pageX, event.pageY];
if (this.options.disabled) {
return;
}
this.selectees = $(options.filter, this.element[0]);
this._trigger("start", event);
$(options.appendTo).append(this.helper);
this
.helper
.css({"height": 0, "left": event.pageX, "top": event.pageY, "width": 0});
if (options.autoRefresh) {
this.refresh();
}
this
.selectees
.filter(".ui-selected")
.each(function () {
var selectee = $.data(this, "selectable-item");
selectee.startselected = true;
if (!event.metaKey && !event.ctrlKey) {
selectee
.$element
.removeClass("ui-selected");
selectee.selected = false;
selectee
.$element
.addClass("ui-unselecting");
selectee.unselecting = true;
that._trigger("unselecting", event, {unselecting: selectee.element});
}
});
$(event.target)
.parents()
.addBack()
.each(function () {
var doSelect,
selectee = $.data(this, "selectable-item");
if (selectee) {
doSelect = (!event.metaKey && !event.ctrlKey) || !selectee
.$element
.hasClass("ui-selected");
selectee
.$element
.removeClass(doSelect
? "ui-unselecting"
: "ui-selected")
.addClass(doSelect
? "ui-selecting"
: "ui-unselecting");
selectee.unselecting = !doSelect;
selectee.selecting = doSelect;
selectee.selected = doSelect;
if (doSelect) {
that._trigger("selecting", event, {selecting: selectee.element});
} else {
that._trigger("unselecting", event, {unselecting: selectee.element});
}
return false;
}
});
},
_mouseStop : function (event) {
var that = this;
this.dragged = false;
$(".ui-unselecting", this.element[0]).each(function () {
var selectee = $.data(this, "selectable-item");
selectee
.$element
.removeClass("ui-unselecting");
selectee.unselecting = false;
selectee.startselected = false;
that._trigger("unselected", event, {unselected: selectee.element});
});
$(".ui-selecting", this.element[0]).each(function () {
var selectee = $.data(this, "selectable-item");
selectee
.$element
.removeClass("ui-selecting")
.addClass("ui-selected");
selectee.selecting = false;
selectee.selected = true;
selectee.startselected = true;
that._trigger("selected", event, {selected: selectee.element});
});
this._trigger("stop", event);
this
.helper
.remove();
return false;
},
options : {
appendTo : "body",
autoRefresh: true,
distance : 0,
filter : "*",
selected : null,
selecting : null,
start : null,
stop : null,
tolerance : "touch",
unselected : null,
unselecting: null
},
version : "1.10.2"
});
})(jQuery);
(function ($, undefined) {
function isOverAxis(x, reference, size) {
return (x > reference) && (x < (reference + size));
}
function isFloating(item) {
return (/left|right/).test(item.css("float")) || (/inline|table-cell/).test(item.css("display"));
}
$.widget("ui.sortable", $.ui.mouse, {
_adjustOffsetFromHelper : function (obj) {
if (typeof obj === "string") {
obj = obj.split(" ");
}
if ($.isArray(obj)) {
obj = {
left: +obj[0],
top : +obj[1] || 0
};
}
if ("left" in obj) {
this.offset.click.left = obj.left + this.margins.left;
}
if ("right" in obj) {
this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
}
if ("top" in obj) {
this.offset.click.top = obj.top + this.margins.top;
}
if ("bottom" in obj) {
this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
}
},
_cacheHelperProportions : function () {
this.helperProportions = {
height: this
.helper
.outerHeight(),
width : this
.helper
.outerWidth()
};
},
_cacheMargins : function () {
this.margins = {
left: (parseInt(this.currentItem.css("marginLeft"), 10) || 0),
top : (parseInt(this.currentItem.css("marginTop"), 10) || 0)
};
},
_clear : function (event, noPropagation) {
this.reverting = false;
var i,
delayedTriggers = [];
if (!this._noFinalSort && this.currentItem.parent().length) {
this
.placeholder
.before(this.currentItem);
}
this._noFinalSort = null;
if (this.helper[0] === this.currentItem[0]) {
for (i in this._storedCSS) {
if (this._storedCSS[i] === "auto" || this._storedCSS[i] === "static") {
this._storedCSS[i] = "";
}
}
this
.currentItem
.css(this._storedCSS)
.removeClass("ui-sortable-helper");
} else {
this
.currentItem
.show();
}
if (this.fromOutside && !noPropagation) {
delayedTriggers.push(function (event) {
this._trigger("receive", event, this._uiHash(this.fromOutside));
});
}
if ((this.fromOutside || this.domPosition.prev !== this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent !== this.currentItem.parent()[0]) && !noPropagation) {
delayedTriggers.push(function (event) {
this._trigger("update", event, this._uiHash());
});
}
if (this !== this.currentContainer) {
if (!noPropagation) {
delayedTriggers.push(function (event) {
this._trigger("remove", event, this._uiHash());
});
delayedTriggers.push((function (c) {
return function (event) {
c._trigger("receive", event, this._uiHash(this));
};
}).call(this, this.currentContainer));
delayedTriggers.push((function (c) {
return function (event) {
c._trigger("update", event, this._uiHash(this));
};
}).call(this, this.currentContainer));
}
}
for (i = this.containers.length - 1; i >= 0; i -= 1) {
if (!noPropagation) {
delayedTriggers.push((function (c) {
return function (event) {
c._trigger("deactivate", event, this._uiHash(this));
};
}).call(this, this.containers[i]));
}
if (this.containers[i].containerCache.over) {
delayedTriggers.push((function (c) {
return function (event) {
c._trigger("out", event, this._uiHash(this));
};
}).call(this, this.containers[i]));
this
.containers[i]
.containerCache
.over = 0;
}
}
if (this.storedCursor) {
this
.document
.find("body")
.css("cursor", this.storedCursor);
this
.storedStylesheet
.remove();
}
if (this._storedOpacity) {
this
.helper
.css("opacity", this._storedOpacity);
}
if (this._storedZIndex) {
this
.helper
.css("zIndex", this._storedZIndex === "auto"
? ""
: this._storedZIndex);
}
this.dragging = false;
if (this.cancelHelperRemoval) {
if (!noPropagation) {
this._trigger("beforeStop", event, this._uiHash());
for (i = 0; i < delayedTriggers.length; i += 1) {
delayedTriggers[i].call(this, event);
}
this._trigger("stop", event, this._uiHash());
}
this.fromOutside = false;
return false;
}
if (!noPropagation) {
this._trigger("beforeStop", event, this._uiHash());
}
this
.placeholder[0]
.parentNode
.removeChild(this.placeholder[0]);
if (this.helper[0] !== this.currentItem[0]) {
this
.helper
.remove();
}
this.helper = null;
if (!noPropagation) {
for (i = 0; i < delayedTriggers.length; i += 1) {
delayedTriggers[i].call(this, event);
}
this._trigger("stop", event, this._uiHash());
}
this.fromOutside = false;
return true;
},
_connectWith : function () {
var options = this.options;
return options.connectWith.constructor === String
? [options.connectWith]
: options.connectWith;
},
_contactContainers : function (event) {
var i,
j,
dist,
itemWithLeastDistance,
posProperty,
sizeProperty,
base,
cur,
nearBottom,
floating,
innermostContainer = null,
innermostIndex = null;
for (i = this.containers.length - 1; i >= 0; i -= 1) {
if ($.contains(this.currentItem[0], this.containers[i].element[0])) {
continue;
}
if (this._intersectsWith(this.containers[i].containerCache)) {
if (innermostContainer && $.contains(this.containers[i].element[0], innermostContainer.element[0])) {
continue;
}
innermostContainer = this.containers[i];
innermostIndex = i;
} else {
if (this.containers[i].containerCache.over) {
this
.containers[i]
._trigger("out", event, this._uiHash(this));
this
.containers[i]
.containerCache
.over = 0;
}
}
}
if (!innermostContainer) {
return;
}
if (this.containers.length === 1) {
if (!this.containers[innermostIndex].containerCache.over) {
this
.containers[innermostIndex]
._trigger("over", event, this._uiHash(this));
this
.containers[innermostIndex]
.containerCache
.over = 1;
}
} else {
dist = 10000;
itemWithLeastDistance = null;
floating = innermostContainer.floating || isFloating(this.currentItem);
posProperty = floating
? "left"
: "top";
sizeProperty = floating
? "width"
: "height";
base = this.positionAbs[posProperty] + this
.offset
.click[posProperty];
for (j = this.items.length - 1; j >= 0; j -= 1) {
if (!$.contains(this.containers[innermostIndex].element[0], this.items[j].item[0])) {
continue;
}
if (this.items[j].item[0] === this.currentItem[0]) {
continue;
}
if (floating && !isOverAxis(this.positionAbs.top + this.offset.click.top, this.items[j].top, this.items[j].height)) {
continue;
}
cur = this
.items[j]
.item
.offset()[posProperty];
nearBottom = false;
if (Math.abs(cur - base) > Math.abs(cur + this.items[j][sizeProperty] - base)) {
nearBottom = true;
cur += this.items[j][sizeProperty];
}
if (Math.abs(cur - base) < dist) {
dist = Math.abs(cur - base);
itemWithLeastDistance = this.items[j];
this.direction = nearBottom
? "up"
: "down";
}
}
if (!itemWithLeastDistance && !this.options.dropOnEmpty) {
return;
}
if (this.currentContainer === this.containers[innermostIndex]) {
return;
}
itemWithLeastDistance
? this._rearrange(event, itemWithLeastDistance, null, true)
: this._rearrange(event, null, this.containers[innermostIndex].element, true);
this._trigger("change", event, this._uiHash());
this
.containers[innermostIndex]
._trigger("change", event, this._uiHash(this));
this.currentContainer = this.containers[innermostIndex];
this
.options
.placeholder
.update(this.currentContainer, this.placeholder);
this
.containers[innermostIndex]
._trigger("over", event, this._uiHash(this));
this
.containers[innermostIndex]
.containerCache
.over = 1;
}
},
_convertPositionTo : function (d, pos) {
if (!pos) {
pos = this.position;
}
var mod = d === "absolute"
? 1
: -1,
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0]))
? this.offsetParent
: this.scrollParent,
scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
return {
left: (pos.left + this.offset.relative.left * mod + this.offset.parent.left * mod - ((this.cssPosition === "fixed"
? -this.scrollParent.scrollLeft()
: scrollIsRootNode
? 0
: scroll.scrollLeft()) * mod)),
top : (pos.top + this.offset.relative.top * mod + this.offset.parent.top * mod - ((this.cssPosition === "fixed"
? -this.scrollParent.scrollTop()
: (scrollIsRootNode
? 0
: scroll.scrollTop())) * mod))
};
},
_create : function () {
var o = this.options;
this.containerCache = {};
this
.element
.addClass("ui-sortable");
this.refresh();
this.floating = this.items.length
? o.axis === "x" || isFloating(this.items[0].item)
: false;
this.offset = this
.element
.offset();
this._mouseInit();
this.ready = true;
},
_createHelper : function (event) {
var o = this.options,
helper = $.isFunction(o.helper)
? $(o.helper.apply(this.element[0], [event, this.currentItem]))
: (o.helper === "clone"
? this.currentItem.clone()
: this.currentItem);
if (!helper.parents("body").length) {
$(o.appendTo !== "parent"
? o.appendTo
: this.currentItem[0].parentNode)[0].appendChild(helper[0]);
}
if (helper[0] === this.currentItem[0]) {
this._storedCSS = {
height : this
.currentItem[0]
.style
.height,
left : this
.currentItem
.css("left"),
position: this
.currentItem
.css("position"),
top : this
.currentItem
.css("top"),
width : this
.currentItem[0]
.style
.width
};
}
if (!helper[0].style.width || o.forceHelperSize) {
helper.width(this.currentItem.width());
}
if (!helper[0].style.height || o.forceHelperSize) {
helper.height(this.currentItem.height());
}
return helper;
},
_createPlaceholder : function (that) {
that = that || this;
var className,
o = that.options;
if (!o.placeholder || o.placeholder.constructor === String) {
className = o.placeholder;
o.placeholder = {
element: function () {
var nodeName = that
.currentItem[0]
.nodeName
.toLowerCase(),
element = $(that.document[0].createElement(nodeName))
.addClass(className || that.currentItem[0].className + " ui-sortable-placeholder")
.removeClass("ui-sortable-helper");
if (nodeName === "tr") {
element.append("
| ");
} else if (nodeName === "img") {
element.attr("src", that.currentItem.attr("src"));
}
if (!className) {
element.css("visibility", "hidden");
}
return element;
},
update : function (container, p) {
if (className && !o.forcePlaceholderSize) {
return;
}
if (!p.height()) {
p.height(that.currentItem.innerHeight() - parseInt(that.currentItem.css("paddingTop") || 0, 10) - parseInt(that.currentItem.css("paddingBottom") || 0, 10));
}
if (!p.width()) {
p.width(that.currentItem.innerWidth() - parseInt(that.currentItem.css("paddingLeft") || 0, 10) - parseInt(that.currentItem.css("paddingRight") || 0, 10));
}
}
};
}
that.placeholder = $(o.placeholder.element.call(that.element, that.currentItem));
that
.currentItem
.after(that.placeholder);
o
.placeholder
.update(that, that.placeholder);
},
_destroy : function () {
this
.element
.removeClass("ui-sortable ui-sortable-disabled");
this._mouseDestroy();
for (var i = this.items.length - 1; i >= 0; i -= 1) {
this
.items[i]
.item
.removeData(this.widgetName + "-item");
}
return this;
},
_generatePosition : function (event) {
var top,
left,
o = this.options,
pageX = event.pageX,
pageY = event.pageY,
scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0]))
? this.offsetParent
: this.scrollParent,
scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
if (this.cssPosition === "relative" && !(this.scrollParent[0] !== document && this.scrollParent[0] !== this.offsetParent[0])) {
this.offset.relative = this._getRelativeOffset();
}
if (this.originalPosition) {
if (this.containment) {
if (event.pageX - this.offset.click.left < this.containment[0]) {
pageX = this.containment[0] + this.offset.click.left;
}
if (event.pageY - this.offset.click.top < this.containment[1]) {
pageY = this.containment[1] + this.offset.click.top;
}
if (event.pageX - this.offset.click.left > this.containment[2]) {
pageX = this.containment[2] + this.offset.click.left;
}
if (event.pageY - this.offset.click.top > this.containment[3]) {
pageY = this.containment[3] + this.offset.click.top;
}
}
if (o.grid) {
top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
pageY = this.containment
? ((top - this.offset.click.top >= this.containment[1] && top - this.offset.click.top <= this.containment[3])
? top
: ((top - this.offset.click.top >= this.containment[1])
? top - o.grid[1]
: top + o.grid[1]))
: top;
left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
pageX = this.containment
? ((left - this.offset.click.left >= this.containment[0] && left - this.offset.click.left <= this.containment[2])
? left
: ((left - this.offset.click.left >= this.containment[0])
? left - o.grid[0]
: left + o.grid[0]))
: left;
}
}
return {
left: (pageX - this.offset.click.left - this.offset.relative.left - this.offset.parent.left + ((this.cssPosition === "fixed"
? -this.scrollParent.scrollLeft()
: scrollIsRootNode
? 0
: scroll.scrollLeft()))),
top : (pageY - this.offset.click.top - this.offset.relative.top - this.offset.parent.top + ((this.cssPosition === "fixed"
? -this.scrollParent.scrollTop()
: (scrollIsRootNode
? 0
: scroll.scrollTop()))))
};
},
_getDragHorizontalDirection: function () {
var delta = this.positionAbs.left - this.lastPositionAbs.left;
return delta !== 0 && (delta > 0
? "right"
: "left");
},
_getDragVerticalDirection : function () {
var delta = this.positionAbs.top - this.lastPositionAbs.top;
return delta !== 0 && (delta > 0
? "down"
: "up");
},
_getItemsAsjQuery : function (connected) {
var i,
j,
cur,
inst,
items = [],
queries = [],
connectWith = this._connectWith();
if (connectWith && connected) {
for (i = connectWith.length - 1; i >= 0; i -= 1) {
cur = $(connectWith[i]);
for (j = cur.length - 1; j >= 0; j -= 1) {
inst = $.data(cur[j], this.widgetFullName);
if (inst && inst !== this && !inst.options.disabled) {
queries.push([
$.isFunction(inst.options.items)
? inst
.options
.items
.call(inst.element)
: $(inst.options.items, inst.element)
.not(".ui-sortable-helper")
.not(".ui-sortable-placeholder"),
inst
]);
}
}
}
}
queries.push([
$.isFunction(this.options.items)
? this
.options
.items
.call(this.element, null, {
item : this.currentItem,
options: this.options
})
: $(this.options.items, this.element)
.not(".ui-sortable-helper")
.not(".ui-sortable-placeholder"),
this
]);
for (i = queries.length - 1; i >= 0; i -= 1) {
queries[i][0].each(function () {
items.push(this);
});
}
return $(items);
},
_getParentOffset : function () {
this.offsetParent = this
.helper
.offsetParent();
var po = this
.offsetParent
.offset();
if (this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
po.left += this
.scrollParent
.scrollLeft();
po.top += this
.scrollParent
.scrollTop();
}
if (this.offsetParent[0] === document.body || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
po = {
left: 0,
top : 0
};
}
return {
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"), 10) || 0),
top : po.top + (parseInt(this.offsetParent.css("borderTopWidth"), 10) || 0)
};
},
_getRelativeOffset : function () {
if (this.cssPosition === "relative") {
var p = this
.currentItem
.position();
return {
left: p.left - (parseInt(this.helper.css("left"), 10) || 0) + this
.scrollParent
.scrollLeft(),
top : p.top - (parseInt(this.helper.css("top"), 10) || 0) + this
.scrollParent
.scrollTop()
};
} else {
return {left: 0, top: 0};
}
},
_intersectsWith : function (item) {
var x1 = this.positionAbs.left,
x2 = x1 + this.helperProportions.width,
y1 = this.positionAbs.top,
y2 = y1 + this.helperProportions.height,
l = item.left,
r = l + item.width,
t = item.top,
b = t + item.height,
dyClick = this.offset.click.top,
dxClick = this.offset.click.left,
isOverElement = (y1 + dyClick) > t && (y1 + dyClick) < b && (x1 + dxClick) > l && (x1 +
dxClick) < r;
if (this.options.tolerance === "pointer" || this.options.forcePointerForContainers || (this.options.tolerance !== "pointer" && this.helperProportions[
this.floating
? "width"
: "height"
] > item[
this.floating
? "width"
: "height"
])) {
return isOverElement;
} else {
return (l < x1 + (this.helperProportions.width / 2) && x2 - (this.helperProportions.width / 2) < r && t < y1 + (this.helperProportions.height / 2) && y2 - (this.helperProportions.height / 2) < b);
}
},
_intersectsWithPointer : function (item) {
var isOverElementHeight = (this.options.axis === "x") || isOverAxis(this.positionAbs.top +
this.offset.click.top, item.top, item.height),
isOverElementWidth = (this.options.axis === "y") || isOverAxis(this.positionAbs.left +
this.offset.click.left, item.left, item.width),
isOverElement = isOverElementHeight && isOverElementWidth,
verticalDirection = this._getDragVerticalDirection(),
horizontalDirection = this._getDragHorizontalDirection();
if (!isOverElement) {
return false;
}
return this.floating
? (((horizontalDirection && horizontalDirection === "right") || verticalDirection === "down")
? 2
: 1)
: (verticalDirection && (verticalDirection === "down"
? 2
: 1));
},
_intersectsWithSides : function (item) {
var isOverBottomHalf = isOverAxis(this.positionAbs.top + this.offset.click.top, item.top +
(item.height / 2), item.height),
isOverRightHalf = isOverAxis(this.positionAbs.left + this.offset.click.left, item.left +
(item.width / 2), item.width),
verticalDirection = this._getDragVerticalDirection(),
horizontalDirection = this._getDragHorizontalDirection();
if (this.floating && horizontalDirection) {
return ((horizontalDirection === "right" && isOverRightHalf) || (horizontalDirection === "left" && !isOverRightHalf));
} else {
return verticalDirection && ((verticalDirection === "down" && isOverBottomHalf) || (verticalDirection === "up" && !isOverBottomHalf));
}
},
_mouseCapture : function (event, overrideHandle) {
var currentItem = null,
validHandle = false,
that = this;
if (this.reverting) {
return false;
}
if (this.options.disabled || this.options.type === "static") {
return false;
}
this._refreshItems(event);
$(event.target)
.parents()
.each(function () {
if ($.data(this, that.widgetName + "-item") === that) {
currentItem = $(this);
return false;
}
});
if ($.data(event.target, that.widgetName + "-item") === that) {
currentItem = $(event.target);
}
if (!currentItem) {
return false;
}
if (this.options.handle && !overrideHandle) {
$(this.options.handle, currentItem)
.find("*")
.addBack()
.each(function () {
if (this === event.target) {
validHandle = true;
}
});
if (!validHandle) {
return false;
}
}
this.currentItem = currentItem;
this._removeCurrentsFromItems();
return true;
},
_mouseDrag : function (event) {
var i,
item,
itemElement,
intersection,
o = this.options,
scrolled = false;
this.position = this._generatePosition(event);
this.positionAbs = this._convertPositionTo("absolute");
if (!this.lastPositionAbs) {
this.lastPositionAbs = this.positionAbs;
}
if (this.options.scroll) {
if (this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
if ((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
this
.scrollParent[0]
.scrollTop = scrolled = this
.scrollParent[0]
.scrollTop + o.scrollSpeed;
} else if (event.pageY - this.overflowOffset.top < o.scrollSensitivity) {
this
.scrollParent[0]
.scrollTop = scrolled = this
.scrollParent[0]
.scrollTop - o.scrollSpeed;
}
if ((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
this
.scrollParent[0]
.scrollLeft = scrolled = this
.scrollParent[0]
.scrollLeft + o.scrollSpeed;
} else if (event.pageX - this.overflowOffset.left < o.scrollSensitivity) {
this
.scrollParent[0]
.scrollLeft = scrolled = this
.scrollParent[0]
.scrollLeft - o.scrollSpeed;
}
} else {
if (event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
} else if ($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
}
if (event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
} else if ($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
}
}
if (scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
$
.ui
.ddmanager
.prepareOffsets(this, event);
}
}
this.positionAbs = this._convertPositionTo("absolute");
if (!this.options.axis || this.options.axis !== "y") {
this
.helper[0]
.style
.left = this.position.left + "px";
}
if (!this.options.axis || this.options.axis !== "x") {
this
.helper[0]
.style
.top = this.position.top + "px";
}
for (i = this.items.length - 1; i >= 0; i -= 1) {
item = this.items[i];
itemElement = item.item[0];
intersection = this._intersectsWithPointer(item);
if (!intersection) {
continue;
}
if (item.instance !== this.currentContainer) {
continue;
}
if (itemElement !== this.currentItem[0] && this.placeholder[
intersection === 1
? "next"
: "prev"
]()[0] !== itemElement && !$.contains(this.placeholder[0], itemElement) && (this.options.type === "semi-dynamic"
? !$.contains(this.element[0], itemElement)
: true)) {
this.direction = intersection === 1
? "down"
: "up";
if (this.options.tolerance === "pointer" || this._intersectsWithSides(item)) {
this._rearrange(event, item);
} else {
break;
}
this._trigger("change", event, this._uiHash());
break;
}
}
this._contactContainers(event);
if ($.ui.ddmanager) {
$
.ui
.ddmanager
.drag(this, event);
}
this._trigger("sort", event, this._uiHash());
this.lastPositionAbs = this.positionAbs;
return false;
},
_mouseStart : function (event, overrideHandle, noActivation) {
var i,
body,
o = this.options;
this.currentContainer = this;
this.refreshPositions();
this.helper = this._createHelper(event);
this._cacheHelperProportions();
this._cacheMargins();
this.scrollParent = this
.helper
.scrollParent();
this.offset = this
.currentItem
.offset();
this.offset = {
left: this.offset.left - this.margins.left,
top : this.offset.top - this.margins.top
};
$.extend(this.offset, {
click : {
left: event.pageX - this.offset.left,
top : event.pageY - this.offset.top
},
parent : this._getParentOffset(),
relative: this._getRelativeOffset()
});
this
.helper
.css("position", "absolute");
this.cssPosition = this
.helper
.css("position");
this.originalPosition = this._generatePosition(event);
this.originalPageX = event.pageX;
this.originalPageY = event.pageY;
(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
this.domPosition = {
parent: this
.currentItem
.parent()[0],
prev : this
.currentItem
.prev()[0]
};
if (this.helper[0] !== this.currentItem[0]) {
this
.currentItem
.hide();
}
this._createPlaceholder();
if (o.containment) {
this._setContainment();
}
if (o.cursor && o.cursor !== "auto") {
body = this
.document
.find("body");
this.storedCursor = body.css("cursor");
body.css("cursor", o.cursor);
this.storedStylesheet = $("