ep-lib-ts 1.0.43 → 1.0.44

package/dist/EpDraggable-DihYnwD-.js

@@ -0,0 +1,1676 @@
+import { defineComponent as Rt, resolveComponent as Jt, h as bt, ref as ae, onMounted as en, onUnmounted as tn, computed as wt, createElementBlock as W, openBlock as H, createElementVNode as le, createVNode as qe, unref as Me, withCtx as yt, Fragment as _t, renderList as Et, toDisplayString as Dt, createBlock as nn, normalizeStyle as on, createCommentVNode as Ke } from "vue";
+import { l as St, P as rn, Q as an } from "./index-hjRiaRG8.js";
+/*!
+  * vue-draggable-next v2.2.0
+  * (c) 2023 Anish George
+  * @license MIT
+  */
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function xt(t, e) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    e && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function U(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? xt(Object(n), !0).forEach(function(o) {
+      ln(t, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : xt(Object(n)).forEach(function(o) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return t;
+}
+function Xe(t) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Xe = function(e) {
+    return typeof e;
+  } : Xe = function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, Xe(t);
+}
+function ln(t, e, n) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = n, t;
+}
+function Q() {
+  return Q = 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;
+  }, Q.apply(this, arguments);
+}
+function sn(t, e) {
+  if (t == null) return {};
+  var n = {}, o = Object.keys(t), i, r;
+  for (r = 0; r < o.length; r++)
+    i = o[r], !(e.indexOf(i) >= 0) && (n[i] = t[i]);
+  return n;
+}
+function un(t, e) {
+  if (t == null) return {};
+  var n = sn(t, e), o, i;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < r.length; i++)
+      o = r[i], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (n[o] = t[o]);
+  }
+  return n;
+}
+var cn = "1.14.0";
+function K(t) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(t);
+}
+var Z = K(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Pe = K(/Edge/i), Tt = K(/firefox/i), xe = K(/safari/i) && !K(/chrome/i) && !K(/android/i), Xt = K(/iP(ad|od|hone)/i), dn = K(/chrome/i) && K(/android/i), Yt = {
+  capture: !1,
+  passive: !1
+};
+function y(t, e, n) {
+  t.addEventListener(e, n, !Z && Yt);
+}
+function b(t, e, n) {
+  t.removeEventListener(e, n, !Z && Yt);
+}
+function He(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 {
+        return !1;
+      }
+    return !1;
+  }
+}
+function fn(t) {
+  return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
+}
+function z(t, e, n, o) {
+  if (t) {
+    n = n || document;
+    do {
+      if (e != null && (e[0] === ">" ? t.parentNode === n && He(t, e) : He(t, e)) || o && t === n)
+        return t;
+      if (t === n) break;
+    } while (t = fn(t));
+  }
+  return null;
+}
+var Ct = /\s+/g;
+function Y(t, e, n) {
+  if (t && e)
+    if (t.classList)
+      t.classList[n ? "add" : "remove"](e);
+    else {
+      var o = (" " + t.className + " ").replace(Ct, " ").replace(" " + e + " ", " ");
+      t.className = (o + (n ? " " + e : "")).replace(Ct, " ");
+    }
+}
+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 ge(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 i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(n);
+}
+function Bt(t, e, n) {
+  if (t) {
+    var o = t.getElementsByTagName(e), i = 0, r = o.length;
+    if (n)
+      for (; i < r; i++)
+        n(o[i], i);
+    return o;
+  }
+  return [];
+}
+function G() {
+  var t = document.scrollingElement;
+  return t || document.documentElement;
+}
+function P(t, e, n, o, i) {
+  if (!(!t.getBoundingClientRect && t !== window)) {
+    var r, a, l, s, u, f, d;
+    if (t !== window && t.parentNode && t !== G() ? (r = t.getBoundingClientRect(), a = r.top, l = r.left, s = r.bottom, u = r.right, f = r.height, d = r.width) : (a = 0, l = 0, s = window.innerHeight, u = window.innerWidth, f = window.innerHeight, d = window.innerWidth), (e || n) && t !== window && (i = i || t.parentNode, !Z))
+      do
+        if (i && i.getBoundingClientRect && (h(i, "transform") !== "none" || n && h(i, "position") !== "static")) {
+          var v = i.getBoundingClientRect();
+          a -= v.top + parseInt(h(i, "border-top-width")), l -= v.left + parseInt(h(i, "border-left-width")), s = a + r.height, u = l + r.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (o && t !== window) {
+      var _ = ge(i || t), m = _ && _.a, w = _ && _.d;
+      _ && (a /= w, l /= m, d /= m, f /= w, s = a + f, u = l + d);
+    }
+    return {
+      top: a,
+      left: l,
+      bottom: s,
+      right: u,
+      width: d,
+      height: f
+    };
+  }
+}
+function It(t, e, n) {
+  for (var o = oe(t, !0), i = P(t)[e]; o; ) {
+    var r = P(o)[n], a = void 0;
+    if (a = i >= r, !a) return o;
+    if (o === G()) break;
+    o = oe(o, !1);
+  }
+  return !1;
+}
+function me(t, e, n, o) {
+  for (var i = 0, r = 0, a = t.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== p.ghost && (o || a[r] !== p.dragged) && z(a[r], n.draggable, t, !1)) {
+      if (i === e)
+        return a[r];
+      i++;
+    }
+    r++;
+  }
+  return null;
+}
+function pt(t, e) {
+  for (var n = t.lastElementChild; n && (n === p.ghost || h(n, "display") === "none" || e && !He(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 || He(t, e)) && n++;
+  return n;
+}
+function Ot(t) {
+  var e = 0, n = 0, o = G();
+  if (t)
+    do {
+      var i = ge(t), r = i.a, a = i.d;
+      e += t.scrollLeft * r, n += t.scrollTop * a;
+    } while (t !== o && (t = t.parentNode));
+  return [e, n];
+}
+function hn(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 oe(t, e) {
+  if (!t || !t.getBoundingClientRect) return G();
+  var n = t, o = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var i = h(n);
+      if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+        if (!n.getBoundingClientRect || n === document.body) return G();
+        if (o || e) return n;
+        o = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return G();
+}
+function pn(t, e) {
+  if (t && e)
+    for (var n in e)
+      e.hasOwnProperty(n) && (t[n] = e[n]);
+  return t;
+}
+function Qe(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 Te;
+function Vt(t, e) {
+  return function() {
+    if (!Te) {
+      var n = arguments, o = this;
+      n.length === 1 ? t.call(o, n[0]) : t.apply(o, n), Te = setTimeout(function() {
+        Te = void 0;
+      }, e);
+    }
+  };
+}
+function gn() {
+  clearTimeout(Te), Te = void 0;
+}
+function jt(t, e, n) {
+  t.scrollLeft += e, t.scrollTop += n;
+}
+function Ht(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);
+}
+var V = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function mn() {
+  var t = [], e;
+  return {
+    captureAnimationState: function() {
+      if (t = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(i) {
+          if (!(h(i, "display") === "none" || i === p.ghost)) {
+            t.push({
+              target: i,
+              rect: P(i)
+            });
+            var r = U({}, t[t.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var a = ge(i, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            i.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      t.push(o);
+    },
+    removeAnimationState: function(o) {
+      t.splice(hn(t, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(e), typeof o == "function" && o();
+        return;
+      }
+      var r = !1, a = 0;
+      t.forEach(function(l) {
+        var s = 0, u = l.target, f = u.fromRect, d = P(u), v = u.prevFromRect, _ = u.prevToRect, m = l.rect, w = ge(u, !0);
+        w && (d.top -= w.f, d.left -= w.e), u.toRect = d, u.thisAnimationDuration && Qe(v, d) && !Qe(f, d) && // Make sure animatingRect is on line between toRect & fromRect
+        (m.top - d.top) / (m.left - d.left) === (f.top - d.top) / (f.left - d.left) && (s = bn(m, v, _, i.options)), Qe(d, f) || (u.prevFromRect = f, u.prevToRect = d, s || (s = i.options.animation), i.animate(u, m, d, s)), s && (r = !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), r ? e = setTimeout(function() {
+        typeof o == "function" && o();
+      }, a) : typeof o == "function" && o(), t = [];
+    },
+    animate: function(o, i, r, a) {
+      if (a) {
+        h(o, "transition", ""), h(o, "transform", "");
+        var l = ge(this.el), s = l && l.a, u = l && l.d, f = (i.left - r.left) / (s || 1), d = (i.top - r.top) / (u || 1);
+        o.animatingX = !!f, o.animatingY = !!d, h(o, "transform", "translate3d(" + f + "px," + d + "px,0)"), this.forRepaintDummy = vn(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 vn(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 de = [], Ze = {
+  initializeByDefault: !0
+}, Ae = {
+  mount: function(e) {
+    for (var n in Ze)
+      Ze.hasOwnProperty(n) && !(n in e) && (e[n] = Ze[n]);
+    de.forEach(function(o) {
+      if (o.pluginName === e.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+    }), de.push(e);
+  },
+  pluginEvent: function(e, n, o) {
+    var i = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var r = e + "Global";
+    de.forEach(function(a) {
+      n[a.pluginName] && (n[a.pluginName][r] && n[a.pluginName][r](U({
+        sortable: n
+      }, o)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](U({
+        sortable: n
+      }, o)));
+    });
+  },
+  initializePlugins: function(e, n, o, i) {
+    de.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, Q(o, u.defaults);
+      }
+    });
+    for (var r in e.options)
+      if (e.options.hasOwnProperty(r)) {
+        var a = this.modifyOption(e, r, e.options[r]);
+        typeof a < "u" && (e.options[r] = a);
+      }
+  },
+  getEventProperties: function(e, n) {
+    var o = {};
+    return de.forEach(function(i) {
+      typeof i.eventProperties == "function" && Q(o, i.eventProperties.call(n[i.pluginName], e));
+    }), o;
+  },
+  modifyOption: function(e, n, o) {
+    var i;
+    return de.forEach(function(r) {
+      e[r.pluginName] && r.optionListeners && typeof r.optionListeners[n] == "function" && (i = r.optionListeners[n].call(e[r.pluginName], o));
+    }), i;
+  }
+};
+function wn(t) {
+  var e = t.sortable, n = t.rootEl, o = t.name, i = t.targetEl, r = t.cloneEl, a = t.toEl, l = t.fromEl, s = t.oldIndex, u = t.newIndex, f = t.oldDraggableIndex, d = t.newDraggableIndex, v = t.originalEvent, _ = t.putSortable, m = t.extraEventProperties;
+  if (e = e || n && n[V], !!e) {
+    var w, L = e.options, E = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !Z && !Pe ? w = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (w = document.createEvent("Event"), w.initEvent(o, !0, !0)), w.to = a || n, w.from = l || n, w.item = i || n, w.clone = r, w.oldIndex = s, w.newIndex = u, w.oldDraggableIndex = f, w.newDraggableIndex = d, w.originalEvent = v, w.pullMode = _ ? _.lastPutMode : void 0;
+    var x = U(U({}, m), Ae.getEventProperties(o, e));
+    for (var T in x)
+      w[T] = x[T];
+    n && n.dispatchEvent(w), L[E] && L[E].call(e, w);
+  }
+}
+var yn = ["evt"], k = function(e, n) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = o.evt, r = un(o, yn);
+  Ae.pluginEvent.bind(p)(e, n, U({
+    dragEl: c,
+    parentEl: C,
+    ghostEl: g,
+    rootEl: S,
+    nextEl: ce,
+    lastDownEl: Ye,
+    cloneEl: I,
+    cloneHidden: ne,
+    dragStarted: Ee,
+    putSortable: A,
+    activeSortable: p.active,
+    originalEvent: i,
+    oldIndex: pe,
+    oldDraggableIndex: Ce,
+    newIndex: B,
+    newDraggableIndex: te,
+    hideGhostForTarget: Gt,
+    unhideGhostForTarget: Ut,
+    cloneNowHidden: function() {
+      ne = !0;
+    },
+    cloneNowShown: function() {
+      ne = !1;
+    },
+    dispatchSortableEvent: function(l) {
+      F({
+        sortable: n,
+        name: l,
+        originalEvent: i
+      });
+    }
+  }, r));
+};
+function F(t) {
+  wn(U({
+    putSortable: A,
+    cloneEl: I,
+    targetEl: c,
+    rootEl: S,
+    oldIndex: pe,
+    oldDraggableIndex: Ce,
+    newIndex: B,
+    newDraggableIndex: te
+  }, t));
+}
+var c, C, g, S, ce, Ye, I, ne, pe, B, Ce, te, Fe, A, he = !1, $e = !1, We = [], se, $, Je, et, Pt, At, Ee, fe, Ie, Oe = !1, ke = !1, Be, M, tt = [], st = !1, ze = [], Ue = typeof document < "u", Le = Xt, Nt = Pe || Z ? "cssFloat" : "float", _n = Ue && !dn && !Xt && "draggable" in document.createElement("div"), $t = function() {
+  if (Ue) {
+    if (Z)
+      return !1;
+    var t = document.createElement("x");
+    return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
+  }
+}(), Wt = function(e, n) {
+  var o = h(e), i = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), r = me(e, 0, n), a = me(e, 1, n), l = r && h(r), s = a && h(a), u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + P(r).width, f = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + P(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 (r && l.float && l.float !== "none") {
+    var d = l.float === "left" ? "left" : "right";
+    return a && (s.clear === "both" || s.clear === d) ? "vertical" : "horizontal";
+  }
+  return r && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || u >= i && o[Nt] === "none" || a && o[Nt] === "none" && u + f > i) ? "vertical" : "horizontal";
+}, En = function(e, n, o) {
+  var i = o ? e.left : e.top, r = 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 i === l || r === s || i + a / 2 === l + u / 2;
+}, Dn = function(e, n) {
+  var o;
+  return We.some(function(i) {
+    var r = i[V].options.emptyInsertThreshold;
+    if (!(!r || pt(i))) {
+      var a = P(i), l = e >= a.left - r && e <= a.right + r, s = n >= a.top - r && n <= a.bottom + r;
+      if (l && s)
+        return o = i;
+    }
+  }), o;
+}, zt = function(e) {
+  function n(r, a) {
+    return function(l, s, u, f) {
+      var d = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
+      if (r == null && (a || d))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return n(r(l, s, u, f), a)(l, s, u, f);
+      var v = (a ? l : s).options.group.name;
+      return r === !0 || typeof r == "string" && r === v || r.join && r.indexOf(v) > -1;
+    };
+  }
+  var o = {}, i = e.group;
+  (!i || Xe(i) != "object") && (i = {
+    name: i
+  }), o.name = i.name, o.checkPull = n(i.pull, !0), o.checkPut = n(i.put), o.revertClone = i.revertClone, e.group = o;
+}, Gt = function() {
+  !$t && g && h(g, "display", "none");
+}, Ut = function() {
+  !$t && g && h(g, "display", "");
+};
+Ue && document.addEventListener("click", function(t) {
+  if ($e)
+    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), $e = !1, !1;
+}, !0);
+var ue = function(e) {
+  if (c) {
+    e = e.touches ? e.touches[0] : e;
+    var n = Dn(e.clientX, e.clientY);
+    if (n) {
+      var o = {};
+      for (var i in e)
+        e.hasOwnProperty(i) && (o[i] = e[i]);
+      o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[V]._onDragOver(o);
+    }
+  }
+}, Sn = function(e) {
+  c && c.parentNode[V]._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 = Q({}, e), t[V] = 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 Wt(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
+    },
+    supportPointer: p.supportPointer !== !1 && "PointerEvent" in window && !xe,
+    emptyInsertThreshold: 5
+  };
+  Ae.initializePlugins(this, t, n);
+  for (var o in n)
+    !(o in e) && (e[o] = n[o]);
+  zt(e);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = e.forceFallback ? !1 : _n, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? y(t, "pointerdown", this._onTapStart) : (y(t, "mousedown", this._onTapStart), y(t, "touchstart", this._onTapStart)), this.nativeDraggable && (y(t, "dragover", this), y(t, "dragenter", this)), We.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), Q(this, mn());
+}
+p.prototype = /** @lends Sortable.prototype */
+{
+  constructor: p,
+  _isOutsideThisEl: function(e) {
+    !this.el.contains(e) && e !== this.el && (fe = 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, i = this.options, r = i.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, f = i.filter;
+      if (Nn(o), !c && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || i.disabled) && !u.isContentEditable && !(!this.nativeDraggable && xe && s && s.tagName.toUpperCase() === "SELECT") && (s = z(s, i.draggable, o, !1), !(s && s.animated) && Ye !== s)) {
+        if (pe = j(s), Ce = j(s, i.draggable), typeof f == "function") {
+          if (f.call(this, e, s, this)) {
+            F({
+              sortable: n,
+              rootEl: u,
+              name: "filter",
+              targetEl: s,
+              toEl: o,
+              fromEl: o
+            }), k("filter", n, {
+              evt: e
+            }), r && e.cancelable && e.preventDefault();
+            return;
+          }
+        } else if (f && (f = f.split(",").some(function(d) {
+          if (d = z(u, d.trim(), o, !1), d)
+            return F({
+              sortable: n,
+              rootEl: d,
+              name: "filter",
+              targetEl: s,
+              fromEl: o,
+              toEl: o
+            }), k("filter", n, {
+              evt: e
+            }), !0;
+        }), f)) {
+          r && e.cancelable && e.preventDefault();
+          return;
+        }
+        i.handle && !z(u, i.handle, o, !1) || this._prepareDragStart(e, l, s);
+      }
+    }
+  },
+  _prepareDragStart: function(e, n, o) {
+    var i = this, r = i.el, a = i.options, l = r.ownerDocument, s;
+    if (o && !c && o.parentNode === r) {
+      var u = P(o);
+      if (S = r, c = o, C = c.parentNode, ce = c.nextSibling, Ye = o, Fe = a.group, p.dragged = c, se = {
+        target: c,
+        clientX: (n || e).clientX,
+        clientY: (n || e).clientY
+      }, Pt = se.clientX - u.left, At = se.clientY - u.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, c.style["will-change"] = "all", s = function() {
+        if (k("delayEnded", i, {
+          evt: e
+        }), p.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !Tt && i.nativeDraggable && (c.draggable = !0), i._triggerDragStart(e, n), F({
+          sortable: i,
+          name: "choose",
+          originalEvent: e
+        }), Y(c, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(f) {
+        Bt(c, f.trim(), nt);
+      }), y(l, "dragover", ue), y(l, "mousemove", ue), y(l, "touchmove", ue), y(l, "mouseup", i._onDrop), y(l, "touchend", i._onDrop), y(l, "touchcancel", i._onDrop), Tt && this.nativeDraggable && (this.options.touchStartThreshold = 4, c.draggable = !0), k("delayStart", this, {
+        evt: e
+      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(Pe || Z))) {
+        if (p.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        y(l, "mouseup", i._disableDelayedDrag), y(l, "touchend", i._disableDelayedDrag), y(l, "touchcancel", i._disableDelayedDrag), y(l, "mousemove", i._delayedDragTouchMoveHandler), y(l, "touchmove", i._delayedDragTouchMoveHandler), a.supportPointer && y(l, "pointermove", i._delayedDragTouchMoveHandler), i._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;
+    b(e, "mouseup", this._disableDelayedDrag), b(e, "touchend", this._disableDelayedDrag), b(e, "touchcancel", this._disableDelayedDrag), b(e, "mousemove", this._delayedDragTouchMoveHandler), b(e, "touchmove", this._delayedDragTouchMoveHandler), b(e, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(e, n) {
+    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? y(document, "pointermove", this._onTouchMove) : n ? y(document, "touchmove", this._onTouchMove) : y(document, "mousemove", this._onTouchMove) : (y(c, "dragend", this), y(S, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Ve(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(e, n) {
+    if (he = !1, S && c) {
+      k("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && y(document, "dragover", Sn);
+      var o = this.options;
+      !e && Y(c, o.dragClass, !1), Y(c, o.ghostClass, !0), p.active = this, e && this._appendGhost(), F({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if ($) {
+      this._lastX = $.clientX, this._lastY = $.clientY, Gt();
+      for (var e = document.elementFromPoint($.clientX, $.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint($.clientX, $.clientY), e !== n); )
+        n = e;
+      if (c.parentNode[V]._isOutsideThisEl(e), n)
+        do {
+          if (n[V]) {
+            var o = void 0;
+            if (o = n[V]._onDragOver({
+              clientX: $.clientX,
+              clientY: $.clientY,
+              target: e,
+              rootEl: n
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          e = n;
+        } while (n = n.parentNode);
+      Ut();
+    }
+  },
+  _onTouchMove: function(e) {
+    if (se) {
+      var n = this.options, o = n.fallbackTolerance, i = n.fallbackOffset, r = e.touches ? e.touches[0] : e, a = g && ge(g, !0), l = g && a && a.a, s = g && a && a.d, u = Le && M && Ot(M), f = (r.clientX - se.clientX + i.x) / (l || 1) + (u ? u[0] - tt[0] : 0) / (l || 1), d = (r.clientY - se.clientY + i.y) / (s || 1) + (u ? u[1] - tt[1] : 0) / (s || 1);
+      if (!p.active && !he) {
+        if (o && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(e, !0);
+      }
+      if (g) {
+        a ? (a.e += f - (Je || 0), a.f += d - (et || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: f,
+          f: d
+        };
+        var v = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        h(g, "webkitTransform", v), h(g, "mozTransform", v), h(g, "msTransform", v), h(g, "transform", v), Je = f, et = d, $ = r;
+      }
+      e.cancelable && e.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!g) {
+      var e = this.options.fallbackOnBody ? document.body : S, n = P(c, !0, Le, !0, e), o = this.options;
+      if (Le) {
+        for (M = e; h(M, "position") === "static" && h(M, "transform") === "none" && M !== document; )
+          M = M.parentNode;
+        M !== document.body && M !== document.documentElement ? (M === document && (M = G()), n.top += M.scrollTop, n.left += M.scrollLeft) : M = G(), tt = Ot(M);
+      }
+      g = c.cloneNode(!0), Y(g, o.ghostClass, !1), Y(g, o.fallbackClass, !0), Y(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", Le ? "absolute" : "fixed"), h(g, "zIndex", "100000"), h(g, "pointerEvents", "none"), p.ghost = g, e.appendChild(g), h(g, "transform-origin", Pt / parseInt(g.style.width) * 100 + "% " + At / parseInt(g.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(e, n) {
+    var o = this, i = e.dataTransfer, r = o.options;
+    if (k("dragStart", this, {
+      evt: e
+    }), p.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    k("setupClone", this), p.eventCanceled || (I = Ht(c), I.draggable = !1, I.style["will-change"] = "", this._hideClone(), Y(I, this.options.chosenClass, !1), p.clone = I), o.cloneId = Ve(function() {
+      k("clone", o), !p.eventCanceled && (o.options.removeCloneOnHide || S.insertBefore(I, c), o._hideClone(), F({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !n && Y(c, r.dragClass, !0), n ? ($e = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (b(document, "mouseup", o._onDrop), b(document, "touchend", o._onDrop), b(document, "touchcancel", o._onDrop), i && (i.effectAllowed = "move", r.setData && r.setData.call(o, i, c)), y(document, "drop", o), h(c, "transform", "translateZ(0)")), he = !0, o._dragStartId = Ve(o._dragStarted.bind(o, n, e)), y(document, "selectstart", o), Ee = !0, xe && 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, i, r, a, l = this.options, s = l.group, u = p.active, f = Fe === s, d = l.sort, v = A || u, _, m = this, w = !1;
+    if (st) return;
+    function L(_e, Qt) {
+      k(_e, m, U({
+        evt: e,
+        isOwner: f,
+        axis: _ ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: i,
+        targetRect: r,
+        canSort: d,
+        fromSortable: v,
+        target: o,
+        completed: x,
+        onMove: function(vt, Zt) {
+          return Re(S, n, c, i, vt, P(vt), e, Zt);
+        },
+        changed: T
+      }, Qt));
+    }
+    function E() {
+      L("dragOverAnimationCapture"), m.captureAnimationState(), m !== v && v.captureAnimationState();
+    }
+    function x(_e) {
+      return L("dragOverCompleted", {
+        insertion: _e
+      }), _e && (f ? u._hideClone() : u._showClone(m), m !== v && (Y(c, A ? A.options.ghostClass : u.options.ghostClass, !1), Y(c, l.ghostClass, !0)), A !== m && m !== p.active ? A = m : m === p.active && A && (A = null), v === m && (m._ignoreWhileAnimating = o), m.animateAll(function() {
+        L("dragOverAnimationComplete"), m._ignoreWhileAnimating = null;
+      }), m !== v && (v.animateAll(), v._ignoreWhileAnimating = null)), (o === c && !c.animated || o === n && !o.animated) && (fe = null), !l.dragoverBubble && !e.rootEl && o !== document && (c.parentNode[V]._isOutsideThisEl(e.target), !_e && ue(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), w = !0;
+    }
+    function T() {
+      B = j(c), te = j(c, l.draggable), F({
+        sortable: m,
+        name: "change",
+        toEl: n,
+        newIndex: B,
+        newDraggableIndex: te,
+        originalEvent: e
+      });
+    }
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = z(o, l.draggable, n, !0), L("dragOver"), p.eventCanceled) return w;
+    if (c.contains(e.target) || o.animated && o.animatingX && o.animatingY || m._ignoreWhileAnimating === o)
+      return x(!1);
+    if ($e = !1, u && !l.disabled && (f ? d || (a = C !== S) : A === this || (this.lastPutMode = Fe.checkPull(this, u, c, e)) && s.checkPut(this, u, c, e))) {
+      if (_ = this._getDirection(e, o) === "vertical", i = P(c), L("dragOverValid"), p.eventCanceled) return w;
+      if (a)
+        return C = S, E(), this._hideClone(), L("revert"), p.eventCanceled || (ce ? S.insertBefore(c, ce) : S.appendChild(c)), x(!0);
+      var D = pt(n, l.draggable);
+      if (!D || In(e, _, this) && !D.animated) {
+        if (D === c)
+          return x(!1);
+        if (D && n === e.target && (o = D), o && (r = P(o)), Re(S, n, c, i, o, r, e, !!o) !== !1)
+          return E(), n.appendChild(c), C = n, T(), x(!0);
+      } else if (D && Cn(e, _, this)) {
+        var N = me(n, 0, l, !0);
+        if (N === c)
+          return x(!1);
+        if (o = N, r = P(o), Re(S, n, c, i, o, r, e, !1) !== !1)
+          return E(), n.insertBefore(c, N), C = n, T(), x(!0);
+      } else if (o.parentNode === n) {
+        r = P(o);
+        var R = 0, ie, ve = c.parentNode !== n, X = !En(c.animated && c.toRect || i, o.animated && o.toRect || r, _), be = _ ? "top" : "left", J = It(o, "top", "top") || It(c, "top", "top"), we = J ? J.scrollTop : void 0;
+        fe !== o && (ie = r[be], Oe = !1, ke = !X && l.invertSwap || ve), R = On(e, o, r, _, X ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, ke, fe === o);
+        var q;
+        if (R !== 0) {
+          var re = j(c);
+          do
+            re -= R, q = C.children[re];
+          while (q && (h(q, "display") === "none" || q === g));
+        }
+        if (R === 0 || q === o)
+          return x(!1);
+        fe = o, Ie = R;
+        var ye = o.nextElementSibling, ee = !1;
+        ee = R === 1;
+        var Ne = Re(S, n, c, i, o, r, e, ee);
+        if (Ne !== !1)
+          return (Ne === 1 || Ne === -1) && (ee = Ne === 1), st = !0, setTimeout(Tn, 30), E(), ee && !ye ? n.appendChild(c) : o.parentNode.insertBefore(c, ee ? ye : o), J && jt(J, 0, we - J.scrollTop), C = c.parentNode, ie !== void 0 && !ke && (Be = Math.abs(ie - P(o)[be])), T(), x(!0);
+      }
+      if (n.contains(c))
+        return x(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    b(document, "mousemove", this._onTouchMove), b(document, "touchmove", this._onTouchMove), b(document, "pointermove", this._onTouchMove), b(document, "dragover", ue), b(document, "mousemove", ue), b(document, "touchmove", ue);
+  },
+  _offUpEvents: function() {
+    var e = this.el.ownerDocument;
+    b(e, "mouseup", this._onDrop), b(e, "touchend", this._onDrop), b(e, "pointerup", this._onDrop), b(e, "touchcancel", this._onDrop), b(document, "selectstart", this);
+  },
+  _onDrop: function(e) {
+    var n = this.el, o = this.options;
+    if (B = j(c), te = j(c, o.draggable), k("drop", this, {
+      evt: e
+    }), C = c && c.parentNode, B = j(c), te = j(c, o.draggable), p.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    he = !1, ke = !1, Oe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ut(this.cloneId), ut(this._dragStartId), this.nativeDraggable && (b(document, "drop", this), b(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), xe && h(document.body, "user-select", ""), h(c, "transform", ""), e && (Ee && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (S === C || A && A.lastPutMode !== "clone") && I && I.parentNode && I.parentNode.removeChild(I), c && (this.nativeDraggable && b(c, "dragend", this), nt(c), c.style["will-change"] = "", Ee && !he && Y(c, A ? A.options.ghostClass : this.options.ghostClass, !1), Y(c, this.options.chosenClass, !1), F({
+      sortable: this,
+      name: "unchoose",
+      toEl: C,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: e
+    }), S !== C ? (B >= 0 && (F({
+      rootEl: C,
+      name: "add",
+      toEl: C,
+      fromEl: S,
+      originalEvent: e
+    }), F({
+      sortable: this,
+      name: "remove",
+      toEl: C,
+      originalEvent: e
+    }), F({
+      rootEl: C,
+      name: "sort",
+      toEl: C,
+      fromEl: S,
+      originalEvent: e
+    }), F({
+      sortable: this,
+      name: "sort",
+      toEl: C,
+      originalEvent: e
+    })), A && A.save()) : B !== pe && B >= 0 && (F({
+      sortable: this,
+      name: "update",
+      toEl: C,
+      originalEvent: e
+    }), F({
+      sortable: this,
+      name: "sort",
+      toEl: C,
+      originalEvent: e
+    })), p.active && ((B == null || B === -1) && (B = pe, te = Ce), F({
+      sortable: this,
+      name: "end",
+      toEl: C,
+      originalEvent: e
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    k("nulling", this), S = c = C = g = ce = I = Ye = ne = se = $ = Ee = B = te = pe = Ce = fe = Ie = A = Fe = p.dragged = p.ghost = p.clone = p.active = null, ze.forEach(function(e) {
+      e.checked = !0;
+    }), ze.length = Je = et = 0;
+  },
+  handleEvent: function(e) {
+    switch (e.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(e);
+        break;
+      case "dragenter":
+      case "dragover":
+        c && (this._onDragOver(e), xn(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, i = 0, r = o.length, a = this.options; i < r; i++)
+      n = o[i], z(n, a.draggable, this.el, !1) && e.push(n.getAttribute(a.dataIdAttr) || An(n));
+    return e;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(e, n) {
+    var o = {}, i = this.el;
+    this.toArray().forEach(function(r, a) {
+      var l = i.children[a];
+      z(l, this.options.draggable, i, !1) && (o[r] = l);
+    }, this), n && this.captureAnimationState(), e.forEach(function(r) {
+      o[r] && (i.removeChild(o[r]), i.appendChild(o[r]));
+    }), 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 z(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 i = Ae.modifyOption(this, e, n);
+    typeof i < "u" ? o[e] = i : o[e] = n, e === "group" && zt(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    k("destroy", this);
+    var e = this.el;
+    e[V] = null, b(e, "mousedown", this._onTapStart), b(e, "touchstart", this._onTapStart), b(e, "pointerdown", this._onTapStart), this.nativeDraggable && (b(e, "dragover", this), b(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), We.splice(We.indexOf(this.el), 1), this.el = e = null;
+  },
+  _hideClone: function() {
+    if (!ne) {
+      if (k("hideClone", this), p.eventCanceled) return;
+      h(I, "display", "none"), this.options.removeCloneOnHide && I.parentNode && I.parentNode.removeChild(I), ne = !0;
+    }
+  },
+  _showClone: function(e) {
+    if (e.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (ne) {
+      if (k("showClone", this), p.eventCanceled) return;
+      c.parentNode == S && !this.options.group.revertClone ? S.insertBefore(I, c) : ce ? S.insertBefore(I, ce) : S.appendChild(I), this.options.group.revertClone && this.animate(c, I), h(I, "display", ""), ne = !1;
+    }
+  }
+};
+function xn(t) {
+  t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
+}
+function Re(t, e, n, o, i, r, a, l) {
+  var s, u = t[V], f = u.options.onMove, d;
+  return window.CustomEvent && !Z && !Pe ? 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 = i || e, s.relatedRect = r || P(e), s.willInsertAfter = l, s.originalEvent = a, t.dispatchEvent(s), f && (d = f.call(u, s, a)), d;
+}
+function nt(t) {
+  t.draggable = !1;
+}
+function Tn() {
+  st = !1;
+}
+function Cn(t, e, n) {
+  var o = P(me(n.el, 0, n.options, !0)), i = 10;
+  return e ? t.clientX < o.left - i || t.clientY < o.top && t.clientX < o.right : t.clientY < o.top - i || t.clientY < o.bottom && t.clientX < o.left;
+}
+function In(t, e, n) {
+  var o = P(pt(n.el, n.options.draggable)), i = 10;
+  return e ? t.clientX > o.right + i || t.clientX <= o.right && t.clientY > o.bottom && t.clientX >= o.left : t.clientX > o.right && t.clientY > o.top || t.clientX <= o.right && t.clientY > o.bottom + i;
+}
+function On(t, e, n, o, i, r, a, l) {
+  var s = o ? t.clientY : t.clientX, u = o ? n.height : n.width, f = o ? n.top : n.left, d = o ? n.bottom : n.right, v = !1;
+  if (!a) {
+    if (l && Be < u * i) {
+      if (!Oe && (Ie === 1 ? s > f + u * r / 2 : s < d - u * r / 2) && (Oe = !0), Oe)
+        v = !0;
+      else if (Ie === 1 ? s < f + Be : s > d - Be)
+        return -Ie;
+    } else if (s > f + u * (1 - i) / 2 && s < d - u * (1 - i) / 2)
+      return Pn(e);
+  }
+  return v = v || a, v && (s < f + u * r / 2 || s > d - u * r / 2) ? s > f + u / 2 ? 1 : -1 : 0;
+}
+function Pn(t) {
+  return j(c) < j(t) ? 1 : -1;
+}
+function An(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 Nn(t) {
+  ze.length = 0;
+  for (var e = t.getElementsByTagName("input"), n = e.length; n--; ) {
+    var o = e[n];
+    o.checked && ze.push(o);
+  }
+}
+function Ve(t) {
+  return setTimeout(t, 0);
+}
+function ut(t) {
+  return clearTimeout(t);
+}
+Ue && y(document, "touchmove", function(t) {
+  (p.active || he) && t.cancelable && t.preventDefault();
+});
+p.utils = {
+  on: y,
+  off: b,
+  css: h,
+  find: Bt,
+  is: function(e, n) {
+    return !!z(e, n, e, !1);
+  },
+  extend: pn,
+  throttle: Vt,
+  closest: z,
+  toggleClass: Y,
+  clone: Ht,
+  index: j,
+  nextTick: Ve,
+  cancelNextTick: ut,
+  detectDirection: Wt,
+  getChild: me
+};
+p.get = function(t) {
+  return t[V];
+};
+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 = U(U({}, p.utils), o.utils)), Ae.mount(o);
+  });
+};
+p.create = function(t, e) {
+  return new p(t, e);
+};
+p.version = cn;
+var O = [], De, ct, dt = !1, ot, it, Ge, Se;
+function Mn() {
+  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 ? y(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? y(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? y(document, "touchmove", this._handleFallbackAutoScroll) : y(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var o = n.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? b(document, "dragover", this._handleAutoScroll) : (b(document, "pointermove", this._handleFallbackAutoScroll), b(document, "touchmove", this._handleFallbackAutoScroll), b(document, "mousemove", this._handleFallbackAutoScroll)), Mt(), je(), gn();
+    },
+    nulling: function() {
+      Ge = ct = De = dt = Se = ot = it = null, O.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, o) {
+      var i = this, r = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, l = document.elementFromPoint(r, a);
+      if (Ge = n, o || this.options.forceAutoScrollFallback || Pe || Z || xe) {
+        rt(n, this.options, l, o);
+        var s = oe(l, !0);
+        dt && (!Se || r !== ot || a !== it) && (Se && Mt(), Se = setInterval(function() {
+          var u = oe(document.elementFromPoint(r, a), !0);
+          u !== s && (s = u, je()), rt(n, i.options, u, o);
+        }, 10), ot = r, it = a);
+      } else {
+        if (!this.options.bubbleScroll || oe(l, !0) === G()) {
+          je();
+          return;
+        }
+        rt(n, this.options, oe(l, !1), !1);
+      }
+    }
+  }, Q(t, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function je() {
+  O.forEach(function(t) {
+    clearInterval(t.pid);
+  }), O = [];
+}
+function Mt() {
+  clearInterval(Se);
+}
+var rt = Vt(function(t, e, n, o) {
+  if (e.scroll) {
+    var i = (t.touches ? t.touches[0] : t).clientX, r = (t.touches ? t.touches[0] : t).clientY, a = e.scrollSensitivity, l = e.scrollSpeed, s = G(), u = !1, f;
+    ct !== n && (ct = n, je(), De = e.scroll, f = e.scrollFn, De === !0 && (De = oe(n, !0)));
+    var d = 0, v = De;
+    do {
+      var _ = v, m = P(_), w = m.top, L = m.bottom, E = m.left, x = m.right, T = m.width, D = m.height, N = void 0, R = void 0, ie = _.scrollWidth, ve = _.scrollHeight, X = h(_), be = _.scrollLeft, J = _.scrollTop;
+      _ === s ? (N = T < ie && (X.overflowX === "auto" || X.overflowX === "scroll" || X.overflowX === "visible"), R = D < ve && (X.overflowY === "auto" || X.overflowY === "scroll" || X.overflowY === "visible")) : (N = T < ie && (X.overflowX === "auto" || X.overflowX === "scroll"), R = D < ve && (X.overflowY === "auto" || X.overflowY === "scroll"));
+      var we = N && (Math.abs(x - i) <= a && be + T < ie) - (Math.abs(E - i) <= a && !!be), q = R && (Math.abs(L - r) <= a && J + D < ve) - (Math.abs(w - r) <= a && !!J);
+      if (!O[d])
+        for (var re = 0; re <= d; re++)
+          O[re] || (O[re] = {});
+      (O[d].vx != we || O[d].vy != q || O[d].el !== _) && (O[d].el = _, O[d].vx = we, O[d].vy = q, clearInterval(O[d].pid), (we != 0 || q != 0) && (u = !0, O[d].pid = setInterval((function() {
+        o && this.layer === 0 && p.active._onTouchMove(Ge);
+        var ye = O[this.layer].vy ? O[this.layer].vy * l : 0, ee = O[this.layer].vx ? O[this.layer].vx * l : 0;
+        typeof f == "function" && f.call(p.dragged.parentNode[V], ee, ye, t, Ge, O[this.layer].el) !== "continue" || jt(O[this.layer].el, ee, ye);
+      }).bind({
+        layer: d
+      }), 24))), d++;
+    } while (e.bubbleScroll && v !== s && (v = oe(v, !1)));
+    dt = u;
+  }
+}, 30), qt = function(e) {
+  var n = e.originalEvent, o = e.putSortable, i = e.dragEl, r = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+  if (n) {
+    var u = o || r;
+    l();
+    var f = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, d = document.elementFromPoint(f.clientX, f.clientY);
+    s(), u && !u.el.contains(d) && (a("spill"), this.onSpill({
+      dragEl: i,
+      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 i = me(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(n, i) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: qt
+};
+Q(gt, {
+  pluginName: "revertOnSpill"
+});
+function mt() {
+}
+mt.prototype = {
+  onSpill: function(e) {
+    var n = e.dragEl, o = e.putSortable, i = o || this.sortable;
+    i.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), i.animateAll();
+  },
+  drop: qt
+};
+Q(mt, {
+  pluginName: "removeOnSpill"
+});
+p.mount(new Mn());
+p.mount(mt, gt);
+function Fn() {
+  return typeof window < "u" ? window.console : global.console;
+}
+const kn = Fn();
+function Ln(t) {
+  const e = /* @__PURE__ */ Object.create(null);
+  return function(o) {
+    return e[o] || (e[o] = t(o));
+  };
+}
+const Rn = /-(\w)/g, Ft = Ln((t) => t.replace(Rn, (e, n) => n ? n.toUpperCase() : ""));
+function at(t) {
+  t.parentElement !== null && t.parentElement.removeChild(t);
+}
+function kt(t, e, n) {
+  const o = n === 0 ? t.children[0] : t.children[n - 1].nextSibling;
+  t.insertBefore(e, o);
+}
+function Xn(t, e) {
+  return Object.values(t).indexOf(e);
+}
+function Yn(t, e, n, o) {
+  if (!t)
+    return [];
+  const i = Object.values(t), r = e.length - o;
+  return [...e].map((l, s) => s >= r ? i.length : i.indexOf(l));
+}
+function Kt(t, e) {
+  this.$nextTick(() => this.$emit(t.toLowerCase(), e));
+}
+function Bn(t) {
+  return (e) => {
+    this.realList !== null && this["onDrag" + t](e), Kt.call(this, t, e);
+  };
+}
+function Vn(t) {
+  return ["transition-group", "TransitionGroup"].includes(t);
+}
+function jn(t) {
+  if (!t || t.length !== 1)
+    return !1;
+  const [{ type: e }] = t;
+  return e ? Vn(e.name) : !1;
+}
+function Hn(t, e) {
+  return e ? { ...e.props, ...e.attrs } : t;
+}
+const ft = ["Start", "Add", "Remove", "Update", "End"], ht = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], $n = ["Move", ...ft, ...ht].map((t) => "on" + t);
+let lt = null;
+const Wn = {
+  options: Object,
+  list: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  noTransitionOnDrag: {
+    type: Boolean,
+    default: !1
+  },
+  clone: {
+    type: Function,
+    default: (t) => t
+  },
+  tag: {
+    type: String,
+    default: "div"
+  },
+  move: {
+    type: Function,
+    default: null
+  },
+  componentData: {
+    type: Object,
+    required: !1,
+    default: null
+  },
+  component: {
+    type: String,
+    default: null
+  },
+  modelValue: {
+    type: Array,
+    required: !1,
+    default: null
+  }
+}, Lt = Rt({
+  name: "VueDraggableNext",
+  inheritAttrs: !1,
+  emits: [
+    "update:modelValue",
+    "move",
+    "change",
+    ...ft.map((t) => t.toLowerCase()),
+    ...ht.map((t) => t.toLowerCase())
+  ],
+  props: Wn,
+  data() {
+    return {
+      transitionMode: !1,
+      noneFunctionalComponentMode: !1,
+      headerOffset: 0,
+      footerOffset: 0,
+      _sortable: {},
+      visibleIndexes: [],
+      context: {}
+    };
+  },
+  render() {
+    const t = this.$slots.default ? this.$slots.default() : null, e = Hn(this.$attrs, this.componentData);
+    return t ? (this.transitionMode = jn(t), bt(this.getTag(), e, t)) : bt(this.getTag(), e, []);
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && kn.error("list props are mutually exclusive! Please set one.");
+  },
+  mounted() {
+    const t = {};
+    ft.forEach((i) => {
+      t["on" + i] = Bn.call(this, i);
+    }), ht.forEach((i) => {
+      t["on" + i] = Kt.bind(this, i);
+    });
+    const e = Object.keys(this.$attrs).reduce((i, r) => (i[Ft(r)] = this.$attrs[r], i), {}), n = Object.assign({}, e, t, {
+      onMove: (i, r) => this.onDragMove(i, r)
+    });
+    !("draggable" in n) && (n.draggable = ">*");
+    const o = this.$el.nodeType === 1 ? this.$el : this.$el.parentElement;
+    this._sortable = new p(o, n), o.__draggable_component__ = this, this.computeIndexes();
+  },
+  beforeUnmount() {
+    try {
+      this._sortable !== void 0 && this._sortable.destroy();
+    } catch {
+    }
+  },
+  computed: {
+    realList() {
+      return this.list ? this.list : this.modelValue;
+    }
+  },
+  watch: {
+    $attrs: {
+      handler(t) {
+        this.updateOptions(t);
+      },
+      deep: !0
+    },
+    realList() {
+      this.computeIndexes();
+    }
+  },
+  methods: {
+    getTag() {
+      return this.component ? Jt(this.component) : this.tag;
+    },
+    updateOptions(t) {
+      for (var e in t) {
+        const n = Ft(e);
+        $n.indexOf(n) === -1 && this._sortable.option(n, t[e]);
+      }
+    },
+    getChildrenNodes() {
+      return this.$el.children;
+    },
+    computeIndexes() {
+      this.$nextTick(() => {
+        this.visibleIndexes = Yn(this.getChildrenNodes(), this.$el.children, this.transitionMode, this.footerOffset);
+      });
+    },
+    getUnderlyingVm(t) {
+      const e = Xn(this.getChildrenNodes() || [], t);
+      if (e === -1)
+        return null;
+      const n = this.realList[e];
+      return { index: e, element: n };
+    },
+    emitChanges(t) {
+      this.$nextTick(() => {
+        this.$emit("change", t);
+      });
+    },
+    alterList(t) {
+      if (this.list) {
+        t(this.list);
+        return;
+      }
+      const e = [...this.modelValue];
+      t(e), this.$emit("update:modelValue", e);
+    },
+    spliceList() {
+      const t = (e) => e.splice(...arguments);
+      this.alterList(t);
+    },
+    updatePosition(t, e) {
+      const n = (o) => o.splice(e, 0, o.splice(t, 1)[0]);
+      this.alterList(n);
+    },
+    getVmIndex(t) {
+      const e = this.visibleIndexes, n = e.length;
+      return t > n - 1 ? n : e[t];
+    },
+    getComponent() {
+      return this.$slots.default ? (
+        //@ts-ignore
+        this.$slots.default()[0].componentInstance
+      ) : null;
+    },
+    resetTransitionData(t) {
+      if (!this.noTransitionOnDrag || !this.transitionMode)
+        return;
+      var e = this.getChildrenNodes();
+      e[t].data = null;
+      const n = this.getComponent();
+      n.children = [], n.kept = void 0;
+    },
+    onDragStart(t) {
+      this.computeIndexes(), this.context = this.getUnderlyingVm(t.item), this.context && (t.item._underlying_vm_ = this.clone(this.context.element), lt = t.item);
+    },
+    onDragAdd(t) {
+      const e = t.item._underlying_vm_;
+      if (e === void 0)
+        return;
+      at(t.item);
+      const n = this.getVmIndex(t.newIndex);
+      this.spliceList(n, 0, e), this.computeIndexes();
+      const o = { element: e, newIndex: n };
+      this.emitChanges({ added: o });
+    },
+    onDragRemove(t) {
+      if (kt(this.$el, t.item, t.oldIndex), t.pullMode === "clone") {
+        at(t.clone);
+        return;
+      }
+      if (!this.context)
+        return;
+      const e = this.context.index;
+      this.spliceList(e, 1);
+      const n = { element: this.context.element, oldIndex: e };
+      this.resetTransitionData(e), this.emitChanges({ removed: n });
+    },
+    onDragUpdate(t) {
+      at(t.item), kt(t.from, t.item, t.oldIndex);
+      const e = this.context.index, n = this.getVmIndex(t.newIndex);
+      this.updatePosition(e, n);
+      const o = { element: this.context.element, oldIndex: e, newIndex: n };
+      this.emitChanges({ moved: o });
+    },
+    updateProperty(t, e) {
+      t.hasOwnProperty(e) && (t[e] += this.headerOffset);
+    },
+    onDragMove(t, e) {
+      const n = this.move;
+      if (!n || !this.realList)
+        return !0;
+      const o = this.getRelatedContextFromMoveEvent(t), i = this.context, r = this.computeFutureIndex(o, t);
+      Object.assign(i, { futureIndex: r });
+      const a = Object.assign({}, t, {
+        relatedContext: o,
+        draggedContext: i
+      });
+      return n(a, e);
+    },
+    onDragEnd() {
+      this.computeIndexes(), lt = null;
+    },
+    getTrargetedComponent(t) {
+      return t.__draggable_component__;
+    },
+    getRelatedContextFromMoveEvent({ to: t, related: e }) {
+      const n = this.getTrargetedComponent(t);
+      if (!n)
+        return { component: n };
+      const o = n.realList, i = { list: o, component: n };
+      if (t !== e && o && n.getUnderlyingVm) {
+        const r = n.getUnderlyingVm(e);
+        if (r)
+          return Object.assign(r, i);
+      }
+      return i;
+    },
+    computeFutureIndex(t, e) {
+      const n = [...e.to.children].filter((a) => a.style.display !== "none");
+      if (n.length === 0)
+        return 0;
+      const o = n.indexOf(e.related), i = t.component.getVmIndex(o);
+      return n.indexOf(lt) !== -1 || !e.willInsertAfter ? i : i + 1;
+    }
+  }
+}), zn = { class: "flex flex-col" }, Gn = { class: "grid grid-cols-3 gap-3 w-full my-8" }, Un = { class: "col-span-1 m-6" }, qn = ["src"], Kn = {
+  key: 1,
+  class: "cursor-grab active:cursor-grabbing"
+}, Qn = { class: "col-span-2 relative" }, Zn = ["src"], Jn = ["src"], eo = {
+  key: 1,
+  class: "cursor-grab active:cursor-grabbing"
+}, to = {
+  key: 2,
+  class: "absolute -top-5 -right-5 bg-red-500 text-white px-2 py-1 rounded-md"
+}, no = {
+  key: 3,
+  class: "absolute -top-5 -right-5 bg-green-500 text-white px-2 py-1 rounded-md"
+}, ao = /* @__PURE__ */ Rt({
+  __name: "EpDraggable",
+  props: {
+    answers: {},
+    src: {},
+    sockets: {}
+  },
+  setup(t) {
+    const e = t, n = ae(0), o = ae(0), i = ae({ width: 0, height: 0 }), r = ae(null), a = () => {
+      if (!r.value) return;
+      const E = r.value.getBoundingClientRect();
+      i.value = { width: E.width, height: E.height }, console.log("Image size updated. Width:", i.value.width, "Height:", i.value.height);
+    };
+    en(() => {
+      window.addEventListener("resize", a);
+    }), tn(() => {
+      window.removeEventListener("resize", a);
+    });
+    const l = (E) => {
+      n.value = E.target.naturalWidth, o.value = E.target.naturalHeight, console.log("Image loaded. Width:", n.value, "Height:", o.value), a();
+    }, s = wt(() => i.value.width == 0 ? 1 : i.value.width / n.value), u = wt(() => i.value.height == 0 ? 1 : i.value.height / o.value), f = ae([...e.answers]), d = ae(e.sockets.map((E) => ({
+      choice: [],
+      expected: E.correctAnswer,
+      allowPut: !0
+    }))), v = (E, x) => {
+      console.log(E.clone), f.value = f.value.filter((T) => T.name !== E.clone.name), d.value[x].allowPut = !1;
+    }, _ = (E, x) => {
+      console.log(E.clone), d.value[x].choice = [], d.value[x].allowPut = !0;
+    }, m = ae(!1), w = () => {
+      m.value = !0, d.value.forEach((E) => {
+        E.allowPut = !1;
+      });
+    }, L = () => {
+      m.value = !1, f.value = [...e.answers], d.value.forEach((E) => {
+        E.choice = [], E.allowPut = !0;
+      });
+    };
+    return (E, x) => (H(), W("div", zn, [
+      le("div", Gn, [
+        le("div", Un, [
+          qe(Me(Lt), {
+            class: "dragArea bg-gray-700 rounded-md p-4 min-h-5 list-group w-full",
+            modelValue: f.value,
+            "onUpdate:modelValue": x[0] || (x[0] = (T) => f.value = T),
+            group: { name: "answers", pull: !m.value, put: !m.value }
+          }, {
+            default: yt(() => [
+              (H(!0), W(_t, null, Et(f.value, (T) => (H(), W("div", {
+                class: "list-group-item bg-gray-300 dark:bg-gray-800 m-1 p-3 rounded-md text-center flex justify-center items-center",
+                key: T.name
+              }, [
+                T.isImg ? (H(), W("img", {
+                  key: 0,
+                  class: "cursor-grab active:cursor-grabbing max-w-32 rounded",
+                  src: T.src,
+                  alt: "img"
+                }, null, 8, qn)) : (H(), W("p", Kn, Dt(T.name), 1))
+              ]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "group"])
+        ]),
+        le("div", Qn, [
+          le("img", {
+            onLoad: l,
+            ref_key: "myImage",
+            ref: r,
+            src: e.src,
+            alt: "img",
+            class: "w-full h-full select-none"
+          }, null, 40, Zn),
+          (H(!0), W(_t, null, Et(e.sockets, (T, D) => (H(), nn(Me(Lt), {
+            class: "dropArea absolute bg-gray-300 dark:bg-gray-800 p-4 rounded-md min-w-14 max-w-32",
+            key: D,
+            modelValue: d.value[D].choice,
+            "onUpdate:modelValue": (N) => d.value[D].choice = N,
+            group: { put: d.value[D].allowPut },
+            style: on({ left: T.xPos * s.value + "px", top: T.yPos * u.value + "px" }),
+            onAdd: (N) => v(N, D),
+            onRemove: (N) => _(N, D)
+          }, {
+            default: yt(() => {
+              var N, R;
+              return [
+                d.value[D].choice[0] && d.value[D].choice[0].isImg ? (H(), W("img", {
+                  key: 0,
+                  class: "cursor-grab active:cursor-grabbing rounded",
+                  src: d.value[D].choice[0].src,
+                  alt: "img"
+                }, null, 8, Jn)) : d.value[D].choice[0] ? (H(), W("p", eo, Dt(d.value[D].choice[0].name), 1)) : Ke("", !0),
+                m.value && ((N = d.value[D].choice[0]) == null ? void 0 : N.name) !== d.value[D].expected ? (H(), W("span", to, [
+                  qe(St, {
+                    iconPath: Me(rn),
+                    size: "18"
+                  }, null, 8, ["iconPath"])
+                ])) : Ke("", !0),
+                m.value && ((R = d.value[D].choice[0]) == null ? void 0 : R.name) === d.value[D].expected ? (H(), W("span", no, [
+                  qe(St, {
+                    iconPath: Me(an),
+                    size: "18"
+                  }, null, 8, ["iconPath"])
+                ])) : Ke("", !0)
+              ];
+            }),
+            _: 2
+          }, 1032, ["modelValue", "onUpdate:modelValue", "group", "style", "onAdd", "onRemove"]))), 128))
+        ])
+      ]),
+      le("div", { class: "flex justify-center gap-4 mt-8" }, [
+        le("button", {
+          class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
+          onClick: w
+        }, "Valider"),
+        le("button", {
+          class: "bg-blue-500 text-white px-3 py-2 rounded-md text-center",
+          onClick: L
+        }, "Recommencer")
+      ])
+    ]));
+  }
+});
+export {
+  ao as default
+};