caroline-vue-draggable-plus
Version:
Universal Drag-and-Drop Component Supporting both Vue 3 and Vue 2
1,602 lines • 58.8 kB
JavaScript
var ln = Object.defineProperty;
var Ne = Object.getOwnPropertySymbols;
var wt = Object.prototype.hasOwnProperty, Et = Object.prototype.propertyIsEnumerable;
var yt = (t, e, n) => e in t ? ln(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, fe = (t, e) => {
for (var n in e || (e = {}))
wt.call(e, n) && yt(t, n, e[n]);
if (Ne)
for (var n of Ne(e))
Et.call(e, n) && yt(t, n, e[n]);
return t;
};
var $e = (t, e) => {
var n = {};
for (var o in t)
wt.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
if (t != null && Ne)
for (var o of Ne(t))
e.indexOf(o) < 0 && Et.call(t, o) && (n[o] = t[o]);
return n;
};
import { getCurrentInstance as dt, unref as V, watch as sn, onMounted as un, nextTick as Ht, onUnmounted as cn, isRef as qe, defineComponent as fn, computed as Dt, toRefs as dn, ref as hn, reactive as pn, h as gn, isProxy as mn } from "vue";
const Lt = "[vue-draggable-plus]: ";
function vn(t) {
console.warn(Lt + t);
}
function bn(t) {
console.error(Lt + t);
}
function _t(t, e, n) {
return n >= 0 && n < t.length && t.splice(n, 0, t.splice(e, 1)[0]), t;
}
function yn(t) {
return t.replace(/-(\w)/g, (e, n) => n ? n.toUpperCase() : "");
}
function wn(t) {
return Object.keys(t).reduce((e, n) => (typeof t[n] != "undefined" && (e[yn(n)] = t[n]), e), {});
}
function St(t, e) {
return Array.isArray(t) && t.splice(e, 1), t;
}
function Tt(t, e, n) {
return Array.isArray(t) && t.splice(e, 0, n), t;
}
function En(t) {
return typeof t == "undefined";
}
function Dn(t) {
return typeof t == "string";
}
function Ct(t, e, n) {
const o = t.children[n];
t.insertBefore(e, o);
}
function Ke(t) {
t.parentNode && t.parentNode.removeChild(t);
}
function _n(t, e = document) {
var o;
let n = null;
return typeof (e == null ? void 0 : e.querySelector) == "function" ? n = (o = e == null ? void 0 : e.querySelector) == null ? void 0 : o.call(e, t) : n = document.querySelector(t), n || vn(`Element not found: ${t}`), n;
}
function Sn(t, e, n = null) {
return function(...o) {
return t.apply(n, o), e.apply(n, o);
};
}
function Tn(t, e) {
const n = fe({}, t);
return Object.keys(e).forEach((o) => {
n[o] ? n[o] = Sn(t[o], e[o]) : n[o] = e[o];
}), n;
}
function Cn(t) {
return t instanceof HTMLElement;
}
function Ot(t, e) {
Object.keys(t).forEach((n) => {
e(n, t[n]);
});
}
function On(t) {
return t.charCodeAt(0) === 111 && t.charCodeAt(1) === 110 && (t.charCodeAt(2) > 122 || t.charCodeAt(2) < 97);
}
const In = Object.assign;
/**!
* Sortable 1.15.6
* @author RubaXa <trash@rubaxa.org>
* @author owenm <owen23355@gmail.com>
* @license MIT
*/
function It(t, e) {
var n = Object.keys(t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(t);
e && (o = o.filter(function(r) {
return Object.getOwnPropertyDescriptor(t, r).enumerable;
})), n.push.apply(n, o);
}
return n;
}
function ne(t) {
for (var e = 1; e < arguments.length; e++) {
var n = arguments[e] != null ? arguments[e] : {};
e % 2 ? It(Object(n), !0).forEach(function(o) {
An(t, o, n[o]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : It(Object(n)).forEach(function(o) {
Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(n, o));
});
}
return t;
}
function Ye(t) {
"@babel/helpers - typeof";
return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ye = function(e) {
return typeof e;
} : Ye = function(e) {
return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
}, Ye(t);
}
function An(t, e, n) {
return e in t ? Object.defineProperty(t, e, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[e] = n, t;
}
function ie() {
return ie = Object.assign || function(t) {
for (var e = 1; e < arguments.length; e++) {
var n = arguments[e];
for (var o in n)
Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
}
return t;
}, ie.apply(this, arguments);
}
function xn(t, e) {
if (t == null) return {};
var n = {}, o = Object.keys(t), r, i;
for (i = 0; i < o.length; i++)
r = o[i], !(e.indexOf(r) >= 0) && (n[r] = t[r]);
return n;
}
function Pn(t, e) {
if (t == null) return {};
var n = xn(t, e), o, r;
if (Object.getOwnPropertySymbols) {
var i = Object.getOwnPropertySymbols(t);
for (r = 0; r < i.length; r++)
o = i[r], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (n[o] = t[o]);
}
return n;
}
var Nn = "1.15.6";
function re(t) {
if (typeof window != "undefined" && window.navigator)
return !!/* @__PURE__ */ navigator.userAgent.match(t);
}
var ae = re(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), xe = re(/Edge/i), At = re(/firefox/i), Te = re(/safari/i) && !re(/chrome/i) && !re(/android/i), ht = re(/iP(ad|od|hone)/i), Wt = re(/chrome/i) && re(/android/i), Gt = {
capture: !1,
passive: !1
};
function E(t, e, n) {
t.addEventListener(e, n, !ae && Gt);
}
function w(t, e, n) {
t.removeEventListener(e, n, !ae && Gt);
}
function We(t, e) {
if (e) {
if (e[0] === ">" && (e = e.substring(1)), t)
try {
if (t.matches)
return t.matches(e);
if (t.msMatchesSelector)
return t.msMatchesSelector(e);
if (t.webkitMatchesSelector)
return t.webkitMatchesSelector(e);
} catch (n) {
return !1;
}
return !1;
}
}
function jt(t) {
return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
}
function Q(t, e, n, o) {
if (t) {
n = n || document;
do {
if (e != null && (e[0] === ">" ? t.parentNode === n && We(t, e) : We(t, e)) || o && t === n)
return t;
if (t === n) break;
} while (t = jt(t));
}
return null;
}
var xt = /\s+/g;
function $(t, e, n) {
if (t && e)
if (t.classList)
t.classList[n ? "add" : "remove"](e);
else {
var o = (" " + t.className + " ").replace(xt, " ").replace(" " + e + " ", " ");
t.className = (o + (n ? " " + e : "")).replace(xt, " ");
}
}
function h(t, e, n) {
var o = t && t.style;
if (o) {
if (n === void 0)
return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(t, "") : t.currentStyle && (n = t.currentStyle), e === void 0 ? n : n[e];
!(e in o) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), o[e] = n + (typeof n == "string" ? "" : "px");
}
}
function ye(t, e) {
var n = "";
if (typeof t == "string")
n = t;
else
do {
var o = h(t, "transform");
o && o !== "none" && (n = o + " " + n);
} while (!e && (t = t.parentNode));
var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
return r && new r(n);
}
function zt(t, e, n) {
if (t) {
var o = t.getElementsByTagName(e), r = 0, i = o.length;
if (n)
for (; r < i; r++)
n(o[r], r);
return o;
}
return [];
}
function te() {
var t = document.scrollingElement;
return t || document.documentElement;
}
function N(t, e, n, o, r) {
if (!(!t.getBoundingClientRect && t !== window)) {
var i, a, l, s, u, d, f;
if (t !== window && t.parentNode && t !== te() ? (i = t.getBoundingClientRect(), a = i.top, l = i.left, s = i.bottom, u = i.right, d = i.height, f = i.width) : (a = 0, l = 0, s = window.innerHeight, u = window.innerWidth, d = window.innerHeight, f = window.innerWidth), (e || n) && t !== window && (r = r || t.parentNode, !ae))
do
if (r && r.getBoundingClientRect && (h(r, "transform") !== "none" || n && h(r, "position") !== "static")) {
var m = r.getBoundingClientRect();
a -= m.top + parseInt(h(r, "border-top-width")), l -= m.left + parseInt(h(r, "border-left-width")), s = a + i.height, u = l + i.width;
break;
}
while (r = r.parentNode);
if (o && t !== window) {
var y = ye(r || t), b = y && y.a, D = y && y.d;
y && (a /= D, l /= b, f /= b, d /= D, s = a + d, u = l + f);
}
return {
top: a,
left: l,
bottom: s,
right: u,
width: f,
height: d
};
}
}
function Pt(t, e, n) {
for (var o = ce(t, !0), r = N(t)[e]; o; ) {
var i = N(o)[n], a = void 0;
if (a = r >= i, !a) return o;
if (o === te()) break;
o = ce(o, !1);
}
return !1;
}
function we(t, e, n, o) {
for (var r = 0, i = 0, a = t.children; i < a.length; ) {
if (a[i].style.display !== "none" && a[i] !== p.ghost && (o || a[i] !== p.dragged) && Q(a[i], n.draggable, t, !1)) {
if (r === e)
return a[i];
r++;
}
i++;
}
return null;
}
function pt(t, e) {
for (var n = t.lastElementChild; n && (n === p.ghost || h(n, "display") === "none" || e && !We(n, e)); )
n = n.previousElementSibling;
return n || null;
}
function J(t, e) {
var n = 0;
if (!t || !t.parentNode)
return -1;
for (; t = t.previousElementSibling; )
t.nodeName.toUpperCase() !== "TEMPLATE" && t !== p.clone && (!e || We(t, e)) && n++;
return n;
}
function Nt(t) {
var e = 0, n = 0, o = te();
if (t)
do {
var r = ye(t), i = r.a, a = r.d;
e += t.scrollLeft * i, n += t.scrollTop * a;
} while (t !== o && (t = t.parentNode));
return [e, n];
}
function Mn(t, e) {
for (var n in t)
if (t.hasOwnProperty(n)) {
for (var o in e)
if (e.hasOwnProperty(o) && e[o] === t[n][o]) return Number(n);
}
return -1;
}
function ce(t, e) {
if (!t || !t.getBoundingClientRect) return te();
var n = t, o = !1;
do
if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
var r = h(n);
if (n.clientWidth < n.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
if (!n.getBoundingClientRect || n === document.body) return te();
if (o || e) return n;
o = !0;
}
}
while (n = n.parentNode);
return te();
}
function Fn(t, e) {
if (t && e)
for (var n in e)
e.hasOwnProperty(n) && (t[n] = e[n]);
return t;
}
function Je(t, e) {
return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
}
var Ce;
function Ut(t, e) {
return function() {
if (!Ce) {
var n = arguments, o = this;
n.length === 1 ? t.call(o, n[0]) : t.apply(o, n), Ce = setTimeout(function() {
Ce = void 0;
}, e);
}
};
}
function Rn() {
clearTimeout(Ce), Ce = void 0;
}
function Vt(t, e, n) {
t.scrollLeft += e, t.scrollTop += n;
}
function $t(t) {
var e = window.Polymer, n = window.jQuery || window.Zepto;
return e && e.dom ? e.dom(t).cloneNode(!0) : n ? n(t).clone(!0)[0] : t.cloneNode(!0);
}
function qt(t, e, n) {
var o = {};
return Array.from(t.children).forEach(function(r) {
var i, a, l, s;
if (!(!Q(r, e.draggable, t, !1) || r.animated || r === n)) {
var u = N(r);
o.left = Math.min((i = o.left) !== null && i !== void 0 ? i : 1 / 0, u.left), o.top = Math.min((a = o.top) !== null && a !== void 0 ? a : 1 / 0, u.top), o.right = Math.max((l = o.right) !== null && l !== void 0 ? l : -1 / 0, u.right), o.bottom = Math.max((s = o.bottom) !== null && s !== void 0 ? s : -1 / 0, u.bottom);
}
}), o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
}
var U = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
function Xn() {
var t = [], e;
return {
captureAnimationState: function() {
if (t = [], !!this.options.animation) {
var o = [].slice.call(this.el.children);
o.forEach(function(r) {
if (!(h(r, "display") === "none" || r === p.ghost)) {
t.push({
target: r,
rect: N(r)
});
var i = ne({}, t[t.length - 1].rect);
if (r.thisAnimationDuration) {
var a = ye(r, !0);
a && (i.top -= a.f, i.left -= a.e);
}
r.fromRect = i;
}
});
}
},
addAnimationState: function(o) {
t.push(o);
},
removeAnimationState: function(o) {
t.splice(Mn(t, {
target: o
}), 1);
},
animateAll: function(o) {
var r = this;
if (!this.options.animation) {
clearTimeout(e), typeof o == "function" && o();
return;
}
var i = !1, a = 0;
t.forEach(function(l) {
var s = 0, u = l.target, d = u.fromRect, f = N(u), m = u.prevFromRect, y = u.prevToRect, b = l.rect, D = ye(u, !0);
D && (f.top -= D.f, f.left -= D.e), u.toRect = f, u.thisAnimationDuration && Je(m, f) && !Je(d, f) && // Make sure animatingRect is on line between toRect & fromRect
(b.top - f.top) / (b.left - f.left) === (d.top - f.top) / (d.left - f.left) && (s = Bn(b, m, y, r.options)), Je(f, d) || (u.prevFromRect = d, u.prevToRect = f, s || (s = r.options.animation), r.animate(u, b, f, s)), s && (i = !0, a = Math.max(a, s), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
}, s), u.thisAnimationDuration = s);
}), clearTimeout(e), i ? e = setTimeout(function() {
typeof o == "function" && o();
}, a) : typeof o == "function" && o(), t = [];
},
animate: function(o, r, i, a) {
if (a) {
h(o, "transition", ""), h(o, "transform", "");
var l = ye(this.el), s = l && l.a, u = l && l.d, d = (r.left - i.left) / (s || 1), f = (r.top - i.top) / (u || 1);
o.animatingX = !!d, o.animatingY = !!f, h(o, "transform", "translate3d(" + d + "px," + f + "px,0)"), this.forRepaintDummy = Yn(o), h(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), h(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
h(o, "transition", ""), h(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
}, a);
}
}
};
}
function Yn(t) {
return t.offsetWidth;
}
function Bn(t, e, n, o) {
return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) * o.animation;
}
var ge = [], Ze = {
initializeByDefault: !0
}, Pe = {
mount: function(e) {
for (var n in Ze)
Ze.hasOwnProperty(n) && !(n in e) && (e[n] = Ze[n]);
ge.forEach(function(o) {
if (o.pluginName === e.pluginName)
throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
}), ge.push(e);
},
pluginEvent: function(e, n, o) {
var r = this;
this.eventCanceled = !1, o.cancel = function() {
r.eventCanceled = !0;
};
var i = e + "Global";
ge.forEach(function(a) {
n[a.pluginName] && (n[a.pluginName][i] && n[a.pluginName][i](ne({
sortable: n
}, o)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](ne({
sortable: n
}, o)));
});
},
initializePlugins: function(e, n, o, r) {
ge.forEach(function(l) {
var s = l.pluginName;
if (!(!e.options[s] && !l.initializeByDefault)) {
var u = new l(e, n, e.options);
u.sortable = e, u.options = e.options, e[s] = u, ie(o, u.defaults);
}
});
for (var i in e.options)
if (e.options.hasOwnProperty(i)) {
var a = this.modifyOption(e, i, e.options[i]);
typeof a != "undefined" && (e.options[i] = a);
}
},
getEventProperties: function(e, n) {
var o = {};
return ge.forEach(function(r) {
typeof r.eventProperties == "function" && ie(o, r.eventProperties.call(n[r.pluginName], e));
}), o;
},
modifyOption: function(e, n, o) {
var r;
return ge.forEach(function(i) {
e[i.pluginName] && i.optionListeners && typeof i.optionListeners[n] == "function" && (r = i.optionListeners[n].call(e[i.pluginName], o));
}), r;
}
};
function kn(t) {
var e = t.sortable, n = t.rootEl, o = t.name, r = t.targetEl, i = t.cloneEl, a = t.toEl, l = t.fromEl, s = t.oldIndex, u = t.newIndex, d = t.oldDraggableIndex, f = t.newDraggableIndex, m = t.originalEvent, y = t.putSortable, b = t.extraEventProperties;
if (e = e || n && n[U], !!e) {
var D, L = e.options, G = "on" + o.charAt(0).toUpperCase() + o.substr(1);
window.CustomEvent && !ae && !xe ? D = new CustomEvent(o, {
bubbles: !0,
cancelable: !0
}) : (D = document.createEvent("Event"), D.initEvent(o, !0, !0)), D.to = a || n, D.from = l || n, D.item = r || n, D.clone = i, D.oldIndex = s, D.newIndex = u, D.oldDraggableIndex = d, D.newDraggableIndex = f, D.originalEvent = m, D.pullMode = y ? y.lastPutMode : void 0;
var R = ne(ne({}, b), Pe.getEventProperties(o, e));
for (var j in R)
D[j] = R[j];
n && n.dispatchEvent(D), L[G] && L[G].call(e, D);
}
}
var Hn = ["evt"], z = function(e, n) {
var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = o.evt, i = Pn(o, Hn);
Pe.pluginEvent.bind(p)(e, n, ne({
dragEl: c,
parentEl: O,
ghostEl: g,
rootEl: T,
nextEl: pe,
lastDownEl: Be,
cloneEl: C,
cloneHidden: ue,
dragStarted: De,
putSortable: Y,
activeSortable: p.active,
originalEvent: r,
oldIndex: be,
oldDraggableIndex: Oe,
newIndex: q,
newDraggableIndex: se,
hideGhostForTarget: Qt,
unhideGhostForTarget: en,
cloneNowHidden: function() {
ue = !0;
},
cloneNowShown: function() {
ue = !1;
},
dispatchSortableEvent: function(l) {
W({
sortable: n,
name: l,
originalEvent: r
});
}
}, i));
};
function W(t) {
kn(ne({
putSortable: Y,
cloneEl: C,
targetEl: c,
rootEl: T,
oldIndex: be,
oldDraggableIndex: Oe,
newIndex: q,
newDraggableIndex: se
}, t));
}
var c, O, g, T, pe, Be, C, ue, be, q, Oe, se, Me, Y, ve = !1, Ge = !1, je = [], de, Z, Qe, et, Mt, Ft, De, me, Ie, Ae = !1, Fe = !1, ke, H, tt = [], lt = !1, ze = [], Ve = typeof document != "undefined", Re = ht, Rt = xe || ae ? "cssFloat" : "float", Ln = Ve && !Wt && !ht && "draggable" in document.createElement("div"), Kt = function() {
if (Ve) {
if (ae)
return !1;
var t = document.createElement("x");
return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
}
}(), Jt = function(e, n) {
var o = h(e), r = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), i = we(e, 0, n), a = we(e, 1, n), l = i && h(i), s = a && h(a), u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + N(i).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + N(a).width;
if (o.display === "flex")
return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
if (o.display === "grid")
return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
if (i && l.float && l.float !== "none") {
var f = l.float === "left" ? "left" : "right";
return a && (s.clear === "both" || s.clear === f) ? "vertical" : "horizontal";
}
return i && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || u >= r && o[Rt] === "none" || a && o[Rt] === "none" && u + d > r) ? "vertical" : "horizontal";
}, Wn = function(e, n, o) {
var r = o ? e.left : e.top, i = o ? e.right : e.bottom, a = o ? e.width : e.height, l = o ? n.left : n.top, s = o ? n.right : n.bottom, u = o ? n.width : n.height;
return r === l || i === s || r + a / 2 === l + u / 2;
}, Gn = function(e, n) {
var o;
return je.some(function(r) {
var i = r[U].options.emptyInsertThreshold;
if (!(!i || pt(r))) {
var a = N(r), l = e >= a.left - i && e <= a.right + i, s = n >= a.top - i && n <= a.bottom + i;
if (l && s)
return o = r;
}
}), o;
}, Zt = function(e) {
function n(i, a) {
return function(l, s, u, d) {
var f = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
if (i == null && (a || f))
return !0;
if (i == null || i === !1)
return !1;
if (a && i === "clone")
return i;
if (typeof i == "function")
return n(i(l, s, u, d), a)(l, s, u, d);
var m = (a ? l : s).options.group.name;
return i === !0 || typeof i == "string" && i === m || i.join && i.indexOf(m) > -1;
};
}
var o = {}, r = e.group;
(!r || Ye(r) != "object") && (r = {
name: r
}), o.name = r.name, o.checkPull = n(r.pull, !0), o.checkPut = n(r.put), o.revertClone = r.revertClone, e.group = o;
}, Qt = function() {
!Kt && g && h(g, "display", "none");
}, en = function() {
!Kt && g && h(g, "display", "");
};
Ve && !Wt && document.addEventListener("click", function(t) {
if (Ge)
return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), Ge = !1, !1;
}, !0);
var he = function(e) {
if (c) {
e = e.touches ? e.touches[0] : e;
var n = Gn(e.clientX, e.clientY);
if (n) {
var o = {};
for (var r in e)
e.hasOwnProperty(r) && (o[r] = e[r]);
o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[U]._onDragOver(o);
}
}
}, jn = function(e) {
c && c.parentNode[U]._isOutsideThisEl(e.target);
};
function p(t, e) {
if (!(t && t.nodeType && t.nodeType === 1))
throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
this.el = t, this.options = e = ie({}, e), t[U] = this;
var n = {
group: null,
sort: !0,
disabled: !1,
store: null,
handle: null,
draggable: /^[uo]l$/i.test(t.nodeName) ? ">li" : ">*",
swapThreshold: 1,
// percentage; 0 <= x <= 1
invertSwap: !1,
// invert always
invertedSwapThreshold: null,
// will be set to same as swapThreshold if default
removeCloneOnHide: !0,
direction: function() {
return Jt(t, this.options);
},
ghostClass: "sortable-ghost",
chosenClass: "sortable-chosen",
dragClass: "sortable-drag",
ignore: "a, img",
filter: null,
preventOnFilter: !0,
animation: 0,
easing: null,
setData: function(a, l) {
a.setData("Text", l.textContent);
},
dropBubble: !1,
dragoverBubble: !1,
dataIdAttr: "data-id",
delay: 0,
delayOnTouchOnly: !1,
touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
forceFallback: !1,
fallbackClass: "sortable-fallback",
fallbackOnBody: !1,
fallbackTolerance: 0,
fallbackOffset: {
x: 0,
y: 0
},
// Disabled on Safari: #1571; Enabled on Safari IOS: #2244
supportPointer: p.supportPointer !== !1 && "PointerEvent" in window && (!Te || ht),
emptyInsertThreshold: 5
};
Pe.initializePlugins(this, t, n);
for (var o in n)
!(o in e) && (e[o] = n[o]);
Zt(e);
for (var r in this)
r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
this.nativeDraggable = e.forceFallback ? !1 : Ln, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? E(t, "pointerdown", this._onTapStart) : (E(t, "mousedown", this._onTapStart), E(t, "touchstart", this._onTapStart)), this.nativeDraggable && (E(t, "dragover", this), E(t, "dragenter", this)), je.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ie(this, Xn());
}
p.prototype = /** @lends Sortable.prototype */
{
constructor: p,
_isOutsideThisEl: function(e) {
!this.el.contains(e) && e !== this.el && (me = null);
},
_getDirection: function(e, n) {
return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, c) : this.options.direction;
},
_onTapStart: function(e) {
if (e.cancelable) {
var n = this, o = this.el, r = this.options, i = r.preventOnFilter, a = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, u = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = r.filter;
if (Zn(o), !c && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Te && s && s.tagName.toUpperCase() === "SELECT") && (s = Q(s, r.draggable, o, !1), !(s && s.animated) && Be !== s)) {
if (be = J(s), Oe = J(s, r.draggable), typeof d == "function") {
if (d.call(this, e, s, this)) {
W({
sortable: n,
rootEl: u,
name: "filter",
targetEl: s,
toEl: o,
fromEl: o
}), z("filter", n, {
evt: e
}), i && e.preventDefault();
return;
}
} else if (d && (d = d.split(",").some(function(f) {
if (f = Q(u, f.trim(), o, !1), f)
return W({
sortable: n,
rootEl: f,
name: "filter",
targetEl: s,
fromEl: o,
toEl: o
}), z("filter", n, {
evt: e
}), !0;
}), d)) {
i && e.preventDefault();
return;
}
r.handle && !Q(u, r.handle, o, !1) || this._prepareDragStart(e, l, s);
}
}
},
_prepareDragStart: function(e, n, o) {
var r = this, i = r.el, a = r.options, l = i.ownerDocument, s;
if (o && !c && o.parentNode === i) {
var u = N(o);
if (T = i, c = o, O = c.parentNode, pe = c.nextSibling, Be = o, Me = a.group, p.dragged = c, de = {
target: c,
clientX: (n || e).clientX,
clientY: (n || e).clientY
}, Mt = de.clientX - u.left, Ft = de.clientY - u.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, c.style["will-change"] = "all", s = function() {
if (z("delayEnded", r, {
evt: e
}), p.eventCanceled) {
r._onDrop();
return;
}
r._disableDelayedDragEvents(), !At && r.nativeDraggable && (c.draggable = !0), r._triggerDragStart(e, n), W({
sortable: r,
name: "choose",
originalEvent: e
}), $(c, a.chosenClass, !0);
}, a.ignore.split(",").forEach(function(d) {
zt(c, d.trim(), nt);
}), E(l, "dragover", he), E(l, "mousemove", he), E(l, "touchmove", he), a.supportPointer ? (E(l, "pointerup", r._onDrop), !this.nativeDraggable && E(l, "pointercancel", r._onDrop)) : (E(l, "mouseup", r._onDrop), E(l, "touchend", r._onDrop), E(l, "touchcancel", r._onDrop)), At && this.nativeDraggable && (this.options.touchStartThreshold = 4, c.draggable = !0), z("delayStart", this, {
evt: e
}), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(xe || ae))) {
if (p.eventCanceled) {
this._onDrop();
return;
}
a.supportPointer ? (E(l, "pointerup", r._disableDelayedDrag), E(l, "pointercancel", r._disableDelayedDrag)) : (E(l, "mouseup", r._disableDelayedDrag), E(l, "touchend", r._disableDelayedDrag), E(l, "touchcancel", r._disableDelayedDrag)), E(l, "mousemove", r._delayedDragTouchMoveHandler), E(l, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && E(l, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(s, a.delay);
} else
s();
}
},
_delayedDragTouchMoveHandler: function(e) {
var n = e.touches ? e.touches[0] : e;
Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
},
_disableDelayedDrag: function() {
c && nt(c), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
},
_disableDelayedDragEvents: function() {
var e = this.el.ownerDocument;
w(e, "mouseup", this._disableDelayedDrag), w(e, "touchend", this._disableDelayedDrag), w(e, "touchcancel", this._disableDelayedDrag), w(e, "pointerup", this._disableDelayedDrag), w(e, "pointercancel", this._disableDelayedDrag), w(e, "mousemove", this._delayedDragTouchMoveHandler), w(e, "touchmove", this._delayedDragTouchMoveHandler), w(e, "pointermove", this._delayedDragTouchMoveHandler);
},
_triggerDragStart: function(e, n) {
n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? E(document, "pointermove", this._onTouchMove) : n ? E(document, "touchmove", this._onTouchMove) : E(document, "mousemove", this._onTouchMove) : (E(c, "dragend", this), E(T, "dragstart", this._onDragStart));
try {
document.selection ? He(function() {
document.selection.empty();
}) : window.getSelection().removeAllRanges();
} catch (o) {
}
},
_dragStarted: function(e, n) {
if (ve = !1, T && c) {
z("dragStarted", this, {
evt: n
}), this.nativeDraggable && E(document, "dragover", jn);
var o = this.options;
!e && $(c, o.dragClass, !1), $(c, o.ghostClass, !0), p.active = this, e && this._appendGhost(), W({
sortable: this,
name: "start",
originalEvent: n
});
} else
this._nulling();
},
_emulateDragOver: function() {
if (Z) {
this._lastX = Z.clientX, this._lastY = Z.clientY, Qt();
for (var e = document.elementFromPoint(Z.clientX, Z.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(Z.clientX, Z.clientY), e !== n); )
n = e;
if (c.parentNode[U]._isOutsideThisEl(e), n)
do {
if (n[U]) {
var o = void 0;
if (o = n[U]._onDragOver({
clientX: Z.clientX,
clientY: Z.clientY,
target: e,
rootEl: n
}), o && !this.options.dragoverBubble)
break;
}
e = n;
} while (n = jt(n));
en();
}
},
_onTouchMove: function(e) {
if (de) {
var n = this.options, o = n.fallbackTolerance, r = n.fallbackOffset, i = e.touches ? e.touches[0] : e, a = g && ye(g, !0), l = g && a && a.a, s = g && a && a.d, u = Re && H && Nt(H), d = (i.clientX - de.clientX + r.x) / (l || 1) + (u ? u[0] - tt[0] : 0) / (l || 1), f = (i.clientY - de.clientY + r.y) / (s || 1) + (u ? u[1] - tt[1] : 0) / (s || 1);
if (!p.active && !ve) {
if (o && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < o)
return;
this._onDragStart(e, !0);
}
if (g) {
a ? (a.e += d - (Qe || 0), a.f += f - (et || 0)) : a = {
a: 1,
b: 0,
c: 0,
d: 1,
e: d,
f
};
var m = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
h(g, "webkitTransform", m), h(g, "mozTransform", m), h(g, "msTransform", m), h(g, "transform", m), Qe = d, et = f, Z = i;
}
e.cancelable && e.preventDefault();
}
},
_appendGhost: function() {
if (!g) {
var e = this.options.fallbackOnBody ? document.body : T, n = N(c, !0, Re, !0, e), o = this.options;
if (Re) {
for (H = e; h(H, "position") === "static" && h(H, "transform") === "none" && H !== document; )
H = H.parentNode;
H !== document.body && H !== document.documentElement ? (H === document && (H = te()), n.top += H.scrollTop, n.left += H.scrollLeft) : H = te(), tt = Nt(H);
}
g = c.cloneNode(!0), $(g, o.ghostClass, !1), $(g, o.fallbackClass, !0), $(g, o.dragClass, !0), h(g, "transition", ""), h(g, "transform", ""), h(g, "box-sizing", "border-box"), h(g, "margin", 0), h(g, "top", n.top), h(g, "left", n.left), h(g, "width", n.width), h(g, "height", n.height), h(g, "opacity", "0.8"), h(g, "position", Re ? "absolute" : "fixed"), h(g, "zIndex", "100000"), h(g, "pointerEvents", "none"), p.ghost = g, e.appendChild(g), h(g, "transform-origin", Mt / parseInt(g.style.width) * 100 + "% " + Ft / parseInt(g.style.height) * 100 + "%");
}
},
_onDragStart: function(e, n) {
var o = this, r = e.dataTransfer, i = o.options;
if (z("dragStart", this, {
evt: e
}), p.eventCanceled) {
this._onDrop();
return;
}
z("setupClone", this), p.eventCanceled || (C = $t(c), C.removeAttribute("id"), C.draggable = !1, C.style["will-change"] = "", this._hideClone(), $(C, this.options.chosenClass, !1), p.clone = C), o.cloneId = He(function() {
z("clone", o), !p.eventCanceled && (o.options.removeCloneOnHide || T.insertBefore(C, c), o._hideClone(), W({
sortable: o,
name: "clone"
}));
}), !n && $(c, i.dragClass, !0), n ? (Ge = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (w(document, "mouseup", o._onDrop), w(document, "touchend", o._onDrop), w(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(o, r, c)), E(document, "drop", o), h(c, "transform", "translateZ(0)")), ve = !0, o._dragStartId = He(o._dragStarted.bind(o, n, e)), E(document, "selectstart", o), De = !0, window.getSelection().removeAllRanges(), Te && h(document.body, "user-select", "none");
},
// Returns true - if no further action is needed (either inserted or another condition)
_onDragOver: function(e) {
var n = this.el, o = e.target, r, i, a, l = this.options, s = l.group, u = p.active, d = Me === s, f = l.sort, m = Y || u, y, b = this, D = !1;
if (lt) return;
function L(ee, Ee) {
z(ee, b, ne({
evt: e,
isOwner: d,
axis: y ? "vertical" : "horizontal",
revert: a,
dragRect: r,
targetRect: i,
canSort: f,
fromSortable: m,
target: o,
completed: R,
onMove: function(bt, an) {
return Xe(T, n, c, r, bt, N(bt), e, an);
},
changed: j
}, Ee));
}
function G() {
L("dragOverAnimationCapture"), b.captureAnimationState(), b !== m && m.captureAnimationState();
}
function R(ee) {
return L("dragOverCompleted", {
insertion: ee
}), ee && (d ? u._hideClone() : u._showClone(b), b !== m && ($(c, Y ? Y.options.ghostClass : u.options.ghostClass, !1), $(c, l.ghostClass, !0)), Y !== b && b !== p.active ? Y = b : b === p.active && Y && (Y = null), m === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
L("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
}), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (o === c && !c.animated || o === n && !o.animated) && (me = null), !l.dragoverBubble && !e.rootEl && o !== document && (c.parentNode[U]._isOutsideThisEl(e.target), !ee && he(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), D = !0;
}
function j() {
q = J(c), se = J(c, l.draggable), W({
sortable: b,
name: "change",
toEl: n,
newIndex: q,
newDraggableIndex: se,
originalEvent: e
});
}
if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = Q(o, l.draggable, n, !0), L("dragOver"), p.eventCanceled) return D;
if (c.contains(e.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
return R(!1);
if (Ge = !1, u && !l.disabled && (d ? f || (a = O !== T) : Y === this || (this.lastPutMode = Me.checkPull(this, u, c, e)) && s.checkPut(this, u, c, e))) {
if (y = this._getDirection(e, o) === "vertical", r = N(c), L("dragOverValid"), p.eventCanceled) return D;
if (a)
return O = T, G(), this._hideClone(), L("revert"), p.eventCanceled || (pe ? T.insertBefore(c, pe) : T.appendChild(c)), R(!0);
var B = pt(n, l.draggable);
if (!B || $n(e, y, this) && !B.animated) {
if (B === c)
return R(!1);
if (B && n === e.target && (o = B), o && (i = N(o)), Xe(T, n, c, r, o, i, e, !!o) !== !1)
return G(), B && B.nextSibling ? n.insertBefore(c, B.nextSibling) : n.appendChild(c), O = n, j(), R(!0);
} else if (B && Vn(e, y, this)) {
var X = we(n, 0, l, !0);
if (X === c)
return R(!1);
if (o = X, i = N(o), Xe(T, n, c, r, o, i, e, !1) !== !1)
return G(), n.insertBefore(c, X), O = n, j(), R(!0);
} else if (o.parentNode === n) {
i = N(o);
var K = 0, oe, le = c.parentNode !== n, k = !Wn(c.animated && c.toRect || r, o.animated && o.toRect || i, y), v = y ? "top" : "left", _ = Pt(o, "top", "top") || Pt(c, "top", "top"), A = _ ? _.scrollTop : void 0;
me !== o && (oe = i[v], Ae = !1, Fe = !k && l.invertSwap || le), K = qn(e, o, i, y, k ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, Fe, me === o);
var I;
if (K !== 0) {
var S = J(c);
do
S -= K, I = O.children[S];
while (I && (h(I, "display") === "none" || I === g));
}
if (K === 0 || I === o)
return R(!1);
me = o, Ie = K;
var x = o.nextElementSibling, M = !1;
M = K === 1;
var F = Xe(T, n, c, r, o, i, e, M);
if (F !== !1)
return (F === 1 || F === -1) && (M = F === 1), lt = !0, setTimeout(Un, 30), G(), M && !x ? n.appendChild(c) : o.parentNode.insertBefore(c, M ? x : o), _ && Vt(_, 0, A - _.scrollTop), O = c.parentNode, oe !== void 0 && !Fe && (ke = Math.abs(oe - N(o)[v])), j(), R(!0);
}
if (n.contains(c))
return R(!1);
}
return !1;
},
_ignoreWhileAnimating: null,
_offMoveEvents: function() {
w(document, "mousemove", this._onTouchMove), w(document, "touchmove", this._onTouchMove), w(document, "pointermove", this._onTouchMove), w(document, "dragover", he), w(document, "mousemove", he), w(document, "touchmove", he);
},
_offUpEvents: function() {
var e = this.el.ownerDocument;
w(e, "mouseup", this._onDrop), w(e, "touchend", this._onDrop), w(e, "pointerup", this._onDrop), w(e, "pointercancel", this._onDrop), w(e, "touchcancel", this._onDrop), w(document, "selectstart", this);
},
_onDrop: function(e) {
var n = this.el, o = this.options;
if (q = J(c), se = J(c, o.draggable), z("drop", this, {
evt: e
}), O = c && c.parentNode, q = J(c), se = J(c, o.draggable), p.eventCanceled) {
this._nulling();
return;
}
ve = !1, Fe = !1, Ae = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), st(this.cloneId), st(this._dragStartId), this.nativeDraggable && (w(document, "drop", this), w(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Te && h(document.body, "user-select", ""), h(c, "transform", ""), e && (De && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (T === O || Y && Y.lastPutMode !== "clone") && C && C.parentNode && C.parentNode.removeChild(C), c && (this.nativeDraggable && w(c, "dragend", this), nt(c), c.style["will-change"] = "", De && !ve && $(c, Y ? Y.options.ghostClass : this.options.ghostClass, !1), $(c, this.options.chosenClass, !1), W({
sortable: this,
name: "unchoose",
toEl: O,
newIndex: null,
newDraggableIndex: null,
originalEvent: e
}), T !== O ? (q >= 0 && (W({
rootEl: O,
name: "add",
toEl: O,
fromEl: T,
originalEvent: e
}), W({
sortable: this,
name: "remove",
toEl: O,
originalEvent: e
}), W({
rootEl: O,
name: "sort",
toEl: O,
fromEl: T,
originalEvent: e
}), W({
sortable: this,
name: "sort",
toEl: O,
originalEvent: e
})), Y && Y.save()) : q !== be && q >= 0 && (W({
sortable: this,
name: "update",
toEl: O,
originalEvent: e
}), W({
sortable: this,
name: "sort",
toEl: O,
originalEvent: e
})), p.active && ((q == null || q === -1) && (q = be, se = Oe), W({
sortable: this,
name: "end",
toEl: O,
originalEvent: e
}), this.save()))), this._nulling();
},
_nulling: function() {
z("nulling", this), T = c = O = g = pe = C = Be = ue = de = Z = De = q = se = be = Oe = me = Ie = Y = Me = p.dragged = p.ghost = p.clone = p.active = null, ze.forEach(function(e) {
e.checked = !0;
}), ze.length = Qe = et = 0;
},
handleEvent: function(e) {
switch (e.type) {
case "drop":
case "dragend":
this._onDrop(e);
break;
case "dragenter":
case "dragover":
c && (this._onDragOver(e), zn(e));
break;
case "selectstart":
e.preventDefault();
break;
}
},
/**
* Serializes the item into an array of string.
* @returns {String[]}
*/
toArray: function() {
for (var e = [], n, o = this.el.children, r = 0, i = o.length, a = this.options; r < i; r++)
n = o[r], Q(n, a.draggable, this.el, !1) && e.push(n.getAttribute(a.dataIdAttr) || Jn(n));
return e;
},
/**
* Sorts the elements according to the array.
* @param {String[]} order order of the items
*/
sort: function(e, n) {
var o = {}, r = this.el;
this.toArray().forEach(function(i, a) {
var l = r.children[a];
Q(l, this.options.draggable, r, !1) && (o[i] = l);
}, this), n && this.captureAnimationState(), e.forEach(function(i) {
o[i] && (r.removeChild(o[i]), r.appendChild(o[i]));
}), n && this.animateAll();
},
/**
* Save the current sorting
*/
save: function() {
var e = this.options.store;
e && e.set && e.set(this);
},
/**
* For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
* @param {HTMLElement} el
* @param {String} [selector] default: `options.draggable`
* @returns {HTMLElement|null}
*/
closest: function(e, n) {
return Q(e, n || this.options.draggable, this.el, !1);
},
/**
* Set/get option
* @param {string} name
* @param {*} [value]
* @returns {*}
*/
option: function(e, n) {
var o = this.options;
if (n === void 0)
return o[e];
var r = Pe.modifyOption(this, e, n);
typeof r != "undefined" ? o[e] = r : o[e] = n, e === "group" && Zt(o);
},
/**
* Destroy
*/
destroy: function() {
z("destroy", this);
var e = this.el;
e[U] = null, w(e, "mousedown", this._onTapStart), w(e, "touchstart", this._onTapStart), w(e, "pointerdown", this._onTapStart), this.nativeDraggable && (w(e, "dragover", this), w(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
n.removeAttribute("draggable");
}), this._onDrop(), this._disableDelayedDragEvents(), je.splice(je.indexOf(this.el), 1), this.el = e = null;
},
_hideClone: function() {
if (!ue) {
if (z("hideClone", this), p.eventCanceled) return;
h(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), ue = !0;
}
},
_showClone: function(e) {
if (e.lastPutMode !== "clone") {
this._hideClone();
return;
}
if (ue) {
if (z("showClone", this), p.eventCanceled) return;
c.parentNode == T && !this.options.group.revertClone ? T.insertBefore(C, c) : pe ? T.insertBefore(C, pe) : T.appendChild(C), this.options.group.revertClone && this.animate(c, C), h(C, "display", ""), ue = !1;
}
}
};
function zn(t) {
t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
}
function Xe(t, e, n, o, r, i, a, l) {
var s, u = t[U], d = u.options.onMove, f;
return window.CustomEvent && !ae && !xe ? s = new CustomEvent("move", {
bubbles: !0,
cancelable: !0
}) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = e, s.from = t, s.dragged = n, s.draggedRect = o, s.related = r || e, s.relatedRect = i || N(e), s.willInsertAfter = l, s.originalEvent = a, t.dispatchEvent(s), d && (f = d.call(u, s, a)), f;
}
function nt(t) {
t.draggable = !1;
}
function Un() {
lt = !1;
}
function Vn(t, e, n) {
var o = N(we(n.el, 0, n.options, !0)), r = qt(n.el, n.options, g), i = 10;
return e ? t.clientX < r.left - i || t.clientY < o.top && t.clientX < o.right : t.clientY < r.top - i || t.clientY < o.bottom && t.clientX < o.left;
}
function $n(t, e, n) {
var o = N(pt(n.el, n.options.draggable)), r = qt(n.el, n.options, g), i = 10;
return e ? t.clientX > r.right + i || t.clientY > o.bottom && t.clientX > o.left : t.clientY > r.bottom + i || t.clientX > o.right && t.clientY > o.top;
}
function qn(t, e, n, o, r, i, a, l) {
var s = o ? t.clientY : t.clientX, u = o ? n.height : n.width, d = o ? n.top : n.left, f = o ? n.bottom : n.right, m = !1;
if (!a) {
if (l && ke < u * r) {
if (!Ae && (Ie === 1 ? s > d + u * i / 2 : s < f - u * i / 2) && (Ae = !0), Ae)
m = !0;
else if (Ie === 1 ? s < d + ke : s > f - ke)
return -Ie;
} else if (s > d + u * (1 - r) / 2 && s < f - u * (1 - r) / 2)
return Kn(e);
}
return m = m || a, m && (s < d + u * i / 2 || s > f - u * i / 2) ? s > d + u / 2 ? 1 : -1 : 0;
}
function Kn(t) {
return J(c) < J(t) ? 1 : -1;
}
function Jn(t) {
for (var e = t.tagName + t.className + t.src + t.href + t.textContent, n = e.length, o = 0; n--; )
o += e.charCodeAt(n);
return o.toString(36);
}
function Zn(t) {
ze.length = 0;
for (var e = t.getElementsByTagName("input"), n = e.length; n--; ) {
var o = e[n];
o.checked && ze.push(o);
}
}
function He(t) {
return setTimeout(t, 0);
}
function st(t) {
return clearTimeout(t);
}
Ve && E(document, "touchmove", function(t) {
(p.active || ve) && t.cancelable && t.preventDefault();
});
p.utils = {
on: E,
off: w,
css: h,
find: zt,
is: function(e, n) {
return !!Q(e, n, e, !1);
},
extend: Fn,
throttle: Ut,
closest: Q,
toggleClass: $,
clone: $t,
index: J,
nextTick: He,
cancelNextTick: st,
detectDirection: Jt,
getChild: we,
expando: U
};
p.get = function(t) {
return t[U];
};
p.mount = function() {
for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
e[n] = arguments[n];
e[0].constructor === Array && (e = e[0]), e.forEach(function(o) {
if (!o.prototype || !o.prototype.constructor)
throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(o));
o.utils && (p.utils = ne(ne({}, p.utils), o.utils)), Pe.mount(o);
});
};
p.create = function(t, e) {
return new p(t, e);
};
p.version = Nn;
var P = [], _e, ut, ct = !1, ot, rt, Ue, Se;
function Qn() {
function t() {
this.defaults = {
scroll: !0,
forceAutoScrollFallback: !1,
scrollSensitivity: 30,
scrollSpeed: 10,
bubbleScroll: !0
};
for (var e in this)
e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
}
return t.prototype = {
dragStarted: function(n) {
var o = n.originalEvent;
this.sortable.nativeDraggable ? E(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? E(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? E(document, "touchmove", this._handleFallbackAutoScroll) : E(document, "mousemove", this._handleFallbackAutoScroll);
},
dragOverCompleted: function(n) {
var o = n.originalEvent;
!this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
},
drop: function() {
this.sortable.nativeDraggable ? w(document, "dragover", this._handleAutoScroll) : (w(document, "pointermove", this._handleFallbackAutoScroll), w(document, "touchmove", this._handleFallbackAutoScroll), w(document, "mousemove", this._handleFallbackAutoScroll)), Xt(), Le(), Rn();
},
nulling: function() {
Ue = ut = _e = ct = Se = ot = rt = null, P.length = 0;
},
_handleFallbackAutoScroll: function(n) {
this._handleAutoScroll(n, !0);
},
_handleAutoScroll: function(n, o) {
var r = this, i = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, l = document.elementFromPoint(i, a);
if (Ue = n, o || this.options.forceAutoScrollFallback || xe || ae || Te) {
it(n, this.options, l, o);
var s = ce(l, !0);
ct && (!Se || i !== ot || a !== rt) && (Se && Xt(), Se = setInterval(function() {
var u = ce(document.elementFromPoint(i, a), !0);
u !== s && (s = u, Le()), it(n, r.options, u, o);
}, 10), ot = i, rt = a);
} else {
if (!this.options.bubbleScroll || ce(l, !0) === te()) {
Le();
return;
}
it(n, this.options, ce(l, !1), !1);
}
}
}, ie(t, {
pluginName: "scroll",
initializeByDefault: !0
});
}
function Le() {
P.forEach(function(t) {
clearInterval(t.pid);
}), P = [];
}
function Xt() {
clearInterval(Se);
}
var it = Ut(function(t, e, n, o) {
if (e.scroll) {
var r = (t.touches ? t.touches[0] : t).clientX, i = (t.touches ? t.touches[0] : t).clientY, a = e.scrollSensitivity, l = e.scrollSpeed, s = te(), u = !1, d;
ut !== n && (ut = n, Le(), _e = e.scroll, d = e.scrollFn, _e === !0 && (_e = ce(n, !0)));
var f = 0, m = _e;
do {
var y = m, b = N(y), D = b.top, L = b.bottom, G = b.left, R = b.right, j = b.width, B = b.height, X = void 0, K = void 0, oe = y.scrollWidth, le = y.scrollHeight, k = h(y), v = y.scrollLeft, _ = y.scrollTop;
y === s ? (X = j < oe && (k.overflowX === "auto" || k.overflowX === "scroll" || k.overflowX === "visible"), K = B < le && (k.overflowY === "auto" || k.overflowY === "scroll" || k.overflowY === "visible")) : (X = j < oe && (k.overflowX === "auto" || k.overflowX === "scroll"), K = B < le && (k.overflowY === "auto" || k.overflowY === "scroll"));
var A = X && (Math.abs(R - r) <= a && v + j < oe) - (Math.abs(G - r) <= a && !!v), I = K && (Math.abs(L - i) <= a && _ + B < le) - (Math.abs(D - i) <= a && !!_);
if (!P[f])
for (var S = 0; S <= f; S++)
P[S] || (P[S] = {});
(P[f].vx != A || P[f].vy != I || P[f].el !== y) && (P[f].el = y, P[f].vx = A, P[f].vy = I, clearInterval(P[f].pid), (A != 0 || I != 0) && (u = !0, P[f].pid = setInterval(function() {
o && this.layer === 0 && p.active._onTouchMove(Ue);
var x = P[this.layer].vy ? P[this.layer].vy * l : 0, M = P[this.layer].vx ? P[this.layer].vx * l : 0;
typeof d == "function" && d.call(p.dragged.parentNode[U], M, x, t, Ue, P[this.layer].el) !== "continue" || Vt(P[this.layer].el, M, x);
}.bind({
layer: f
}), 24))), f++;
} while (e.bubbleScroll && m !== s && (m = ce(m, !1)));
ct = u;
}
}, 30), tn = function(e) {
var n = e.originalEvent, o = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
if (n) {
var u = o || i;
l();
var d = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, f = document.elementFromPoint(d.clientX, d.clientY);
s(), u && !u.el.contains(f) && (a("spill"), this.onSpill({
dragEl: r,
putSortable: o
}));
}
};
function gt() {
}
gt.prototype = {
startIndex: null,
dragStart: function(e) {
var n = e.oldDraggableIndex;
this.startIndex = n;
},
onSpill: function(e) {
var n = e.dragEl, o = e.putSortable;
this.sortable.captureAnimationState(), o && o.captureAnimationState();
var r = we(this.sortable.el, this.startIndex, this.options);
r ? this.sortable.el.insertBefore(n, r) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
},
drop: tn
};
ie(gt, {
pluginName: "revertOnSpill"
});
function mt() {
}
mt.prototype = {
onSpill: function(e) {
var n = e.dragEl, o = e.putSortable, r = o || this.sortable;
r.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), r.animateAll();
},
drop: tn
};
ie(mt, {
pluginName: "removeOnSpill"
});
p.mount(new Qn());
p.mount(mt, gt);
function eo(t) {
return t == null ? t : JSON.parse(JSON.stringify(t));
}
function to(t) {
dt() && cn(t);
}
function no(t) {
dt() ? un(t) : Ht(t);
}
let nn = null, on = null;
function Yt(t = null, e = null) {
nn = t, on = e;
}
function oo() {
return {
data: nn,
clonedData: on
};
}
const Bt = Symbol("cloneElement");
function rn(...t) {
var le, k;
const e = (le = dt()) == null ? void 0 : le.proxy;
let n = null;
const o = t[0];
let [, r, i] = t;
Array.isArray(V(r)) || (i = r, r = null);
let a = null;
const {
immediate: l = !0,
clone: s = eo,
forceFallback: u,
fallbackOnBody: d,
customUpdate: f
} = (k = V(i)) != null ? k : {};
function m(v) {
var F;
const { from: _, oldIndex: A, item: I } = v, S = Array.from(_.childNodes);
n = u && !d ? S.slice(0, -1) : S;
const x = V((F = V(r)) == null ? void 0 : F[A]), M = s(x);
Yt(x, M), I[Bt] = M;
}
function y(v) {
const _ = v.item[Bt];
if (!En(_)) {
if (Ke(v.item), qe(r)) {
const A = [...V(r)];
r.value = Tt(A, v.newDraggableIndex, _);
return;
}
Tt(V(r), v.newDraggableIndex, _);
}
}
function b(v) {
const { from: _, item: A, oldIndex: I, oldDraggableIndex: S, pullMode: x, clone: M } = v;
if (Ct(_, A, I), x === "clone") {
Ke(M);
return;
}
if (qe(r)) {
const F = [...V(r)];
r.value = St(F, S);
return;
}
St(V(r), S);
}
function D(v) {
if (f) {
f(v);
return;
}
const { from: _, item: A, oldIndex: I, oldDraggableIndex: S, newDraggableIndex: x } = v;
if (Ke(A), Ct(_, A, I), qe(r)) {
const M = [...V(r)];
r.value = _t(
M,
S,
x
);
return;
}
_t(V(r), S, x);
}
function L(v) {
const { newIndex: _, oldIndex: A, from: I, to: S } = v;
let x = null;
const M = _ === A && I === S;
try {
if (M) {
let F = null;
n == null || n.some((ee, Ee) => {
if (F && (n == null ? void 0 : n.length) !== S.childNodes.length)
return I.insertBefore(F, ee.nextSibling), !0;
const vt = S.childNodes[Ee];
F = S == null ? void 0 : S.replaceChild(ee, vt);
});
}
} catch (F) {
x = F;
} finally {
n = null;
}
Ht(() => {
if (Yt(), x) throw x;
});
}
const G = {
onUpdate: D,
onStart: m,
onAdd: y,
onRemove: b,
onEnd: L
};
function R(v) {
const _ = V(o);
return v || (v = Dn(_) ? _n(_, e == null ? void 0 : e.$el) : _), v && !Cn(v) && (v = v.$el), v || bn("Root element not found"), v;
}
function j() {
var I;
const S = (I = V(i)) != null ? I : {}, { immediate: v, clone: _ } = S, A = $e(S, ["immediate", "clone"]);
return Ot(A, (x, M) => {
On(x) && (A[x] = (F, ...ee) => {
const Ee = oo();
return In(F, Ee), M(F, ...ee);
});
}), Tn(
r === null ? {} : G,
A
);
}
const B = (v) => {
v = R(v), a && X.destroy(), a = new p(v, j());
};
sn(
() => i,
() => {
a && Ot(j(), (v, _) => {
a == null || a.option(v, _);
});
},
{ deep: !0 }
);
const X = {
option: (v, _) => a == null ? void 0 : a.option(v, _),
destroy: () => {
a == null || a.destroy(), a = null;
},
save: () => a == null ? void 0 : a.save(),
toArray: () => a == null ? void 0 : a.toArray(),
closest: (...v) => a == null ? void 0 : a.closest(...v)
}, K = () => X == null ? void 0 : X.option("disabled", !0), oe = () => X == null ? void 0 : X.option("disabled", !1);
return no(() => {
l && B();
}), to(X.destroy), fe({ start: B, pause: K, resume: oe }, X);
}
const ft = [
"update",
"start",
"add",
"remove",
"choose",
"unchoose",
"end",
"sort",
"filter",
"clone",
"move",
"change"
], ro = [
"clone",
"animation",
"ghostClass",
"group",
"sort",
"disabled",
"store",
"handle",
"draggable",
"swapThreshold",
"invertSwap",
"invertedSwapThreshold",
"removeCloneOnHide",
"direction",
"chosenClass",
"dragClass",
"ignore",
"filter",
"preventOnFilter",
"easing",
"setData",
"dropBubble",
"dragoverBubble",
"dataIdAttr",
"delay",
"delayOnTouchOnly",
"touchStartThreshold",
"forceFallback",
"fallbackClass",
"fallbackOnBody",
"fallbackTolerance",
"fallbackOffset",
"supportPointer",
"emptyInsertThreshold",
"scroll",
"forceAutoScrollFallback",
"scrollSensitivity",
"scrollSpeed",
"bubbleScroll",
"modelValue",
"tag",
"target",
"customUpdate",
...ft.map((t) => `on${t.replace(/^\S/, (e) => e.toUpperCase())}`)
], lo = fn({
name: "VueDraggable",
model: {
prop: "modelValue",
event: "update:modelValue"
},
props: ro,
emits: ["update:modelValue", ...ft],
setup(t, { slots: e, emit: n, expose: o, attrs: r }) {
const i = ft.reduce((d, f) => {
const m = `on${f.replace(/^\S/, (y) => y.toUpperCase())}`;
return d[m] = (...y) => n(f, ...y), d;
}, {}), a = Dt(() => {
const y = dn(t), { modelValue: d } = y, f = $e(y, ["modelValue"]), m = Object.entries(f).reduce((b, [D, L]) => {
const G = V(L);
return G !== void 0 && (b[D] = G), b;
}, {});
return fe(fe({}, i), wn(fe(fe({}, r), m)));
}), l = Dt({
get: () => t.modelValue,
set: (d) => n("update:modelValue", d)
}), s = hn(), u = pn(
rn(t.target || s, l, a)
);
return o(u), () => {
var d;
return gn(t.tag || "div", { ref: s }, (d = e == null ? void 0 : e.default) == null ? void 0 : d.call(e, u));
};
}
}), kt = {
mounted: "mounted",
unmounted: "unmounted"
}, at = /* @__PURE__ */ new WeakMap(), so = {
[kt.mounted](t, e) {
const n = mn(e.value) ? [e.value] : e.value, [o, r] = n, i = rn(t, o, r);
at.set(t, i.destroy);
},
[kt.unmounted](t) {
var e;
(e = at.get(t)) == null || e(), at.delete(t);
}
};
export {
lo as VueDraggable,
rn as useDraggable,
so as vDraggable
};