@getflip/swirl-components-react 0.62.1 → 0.63.0

package/dist/swirl-option-list.entry.02ae7c4c.js

@@ -0,0 +1,1406 @@
+import { r as Be, c as le, h as At, H as ke, g as Xe } from "./index.49b68312.js";
+import { c as ue, q as de } from "./utils-bc84f36e.9f3a93b6.js";
+import "react";
+import "react-dom";
+/**!
+ * Sortable 1.15.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function ce(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), i.push.apply(i, n);
+  }
+  return i;
+}
+function z(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ce(Object(i), !0).forEach(function(n) {
+      Ye(e, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : ce(Object(i)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
+    });
+  }
+  return e;
+}
+function Ft(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ft = function(t) {
+    return typeof t;
+  } : Ft = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, Ft(e);
+}
+function Ye(e, t, i) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: i,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = i, e;
+}
+function $() {
+  return $ = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var i = arguments[t];
+      for (var n in i)
+        Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]);
+    }
+    return e;
+  }, $.apply(this, arguments);
+}
+function Re(e, t) {
+  if (e == null)
+    return {};
+  var i = {}, n = Object.keys(e), o, r;
+  for (r = 0; r < n.length; r++)
+    o = n[r], !(t.indexOf(o) >= 0) && (i[o] = e[o]);
+  return i;
+}
+function Le(e, t) {
+  if (e == null)
+    return {};
+  var i = Re(e, t), n, o;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < r.length; o++)
+      n = r[o], !(t.indexOf(n) >= 0) && (!Object.prototype.propertyIsEnumerable.call(e, n) || (i[n] = e[n]));
+  }
+  return i;
+}
+var He = "1.15.0";
+function U(e) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var q = U(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = U(/Edge/i), he = U(/firefox/i), Et = U(/safari/i) && !U(/chrome/i) && !U(/android/i), De = U(/iP(ad|od|hone)/i), Ee = U(/chrome/i) && U(/android/i), ye = {
+  capture: !1,
+  passive: !1
+};
+function w(e, t, i) {
+  e.addEventListener(t, i, !q && ye);
+}
+function b(e, t, i) {
+  e.removeEventListener(t, i, !q && ye);
+}
+function Rt(e, t) {
+  if (!!t) {
+    if (t[0] === ">" && (t = t.substring(1)), e)
+      try {
+        if (e.matches)
+          return e.matches(t);
+        if (e.msMatchesSelector)
+          return e.msMatchesSelector(t);
+        if (e.webkitMatchesSelector)
+          return e.webkitMatchesSelector(t);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function We(e) {
+  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function W(e, t, i, n) {
+  if (e) {
+    i = i || document;
+    do {
+      if (t != null && (t[0] === ">" ? e.parentNode === i && Rt(e, t) : Rt(e, t)) || n && e === i)
+        return e;
+      if (e === i)
+        break;
+    } while (e = We(e));
+  }
+  return null;
+}
+var fe = /\s+/g;
+function F(e, t, i) {
+  if (e && t)
+    if (e.classList)
+      e.classList[i ? "add" : "remove"](t);
+    else {
+      var n = (" " + e.className + " ").replace(fe, " ").replace(" " + t + " ", " ");
+      e.className = (n + (i ? " " + t : "")).replace(fe, " ");
+    }
+}
+function f(e, t, i) {
+  var n = e && e.style;
+  if (n) {
+    if (i === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? i = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (i = e.currentStyle), t === void 0 ? i : i[t];
+    !(t in n) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), n[t] = i + (typeof i == "string" ? "" : "px");
+  }
+}
+function ct(e, t) {
+  var i = "";
+  if (typeof e == "string")
+    i = e;
+  else
+    do {
+      var n = f(e, "transform");
+      n && n !== "none" && (i = n + " " + i);
+    } while (!t && (e = e.parentNode));
+  var o = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return o && new o(i);
+}
+function Se(e, t, i) {
+  if (e) {
+    var n = e.getElementsByTagName(t), o = 0, r = n.length;
+    if (i)
+      for (; o < r; o++)
+        i(n[o], o);
+    return n;
+  }
+  return [];
+}
+function G() {
+  var e = document.scrollingElement;
+  return e || document.documentElement;
+}
+function T(e, t, i, n, o) {
+  if (!(!e.getBoundingClientRect && e !== window)) {
+    var r, a, s, l, u, h, c;
+    if (e !== window && e.parentNode && e !== G() ? (r = e.getBoundingClientRect(), a = r.top, s = r.left, l = r.bottom, u = r.right, h = r.height, c = r.width) : (a = 0, s = 0, l = window.innerHeight, u = window.innerWidth, h = window.innerHeight, c = window.innerWidth), (t || i) && e !== window && (o = o || e.parentNode, !q))
+      do
+        if (o && o.getBoundingClientRect && (f(o, "transform") !== "none" || i && f(o, "position") !== "static")) {
+          var m = o.getBoundingClientRect();
+          a -= m.top + parseInt(f(o, "border-top-width")), s -= m.left + parseInt(f(o, "border-left-width")), l = a + r.height, u = s + r.width;
+          break;
+        }
+      while (o = o.parentNode);
+    if (n && e !== window) {
+      var E = ct(o || e), v = E && E.a, D = E && E.d;
+      E && (a /= D, s /= v, c /= v, h /= D, l = a + h, u = s + c);
+    }
+    return {
+      top: a,
+      left: s,
+      bottom: l,
+      right: u,
+      width: c,
+      height: h
+    };
+  }
+}
+function ge(e, t, i) {
+  for (var n = tt(e, !0), o = T(e)[t]; n; ) {
+    var r = T(n)[i], a = void 0;
+    if (i === "top" || i === "left" ? a = o >= r : a = o <= r, !a)
+      return n;
+    if (n === G())
+      break;
+    n = tt(n, !1);
+  }
+  return !1;
+}
+function ht(e, t, i, n) {
+  for (var o = 0, r = 0, a = e.children; r < a.length; ) {
+    if (a[r].style.display !== "none" && a[r] !== g.ghost && (n || a[r] !== g.dragged) && W(a[r], i.draggable, e, !1)) {
+      if (o === t)
+        return a[r];
+      o++;
+    }
+    r++;
+  }
+  return null;
+}
+function oe(e, t) {
+  for (var i = e.lastElementChild; i && (i === g.ghost || f(i, "display") === "none" || t && !Rt(i, t)); )
+    i = i.previousElementSibling;
+  return i || null;
+}
+function X(e, t) {
+  var i = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== g.clone && (!t || Rt(e, t)) && i++;
+  return i;
+}
+function pe(e) {
+  var t = 0, i = 0, n = G();
+  if (e)
+    do {
+      var o = ct(e), r = o.a, a = o.d;
+      t += e.scrollLeft * r, i += e.scrollTop * a;
+    } while (e !== n && (e = e.parentNode));
+  return [t, i];
+}
+function Ge(e, t) {
+  for (var i in e)
+    if (!!e.hasOwnProperty(i)) {
+      for (var n in t)
+        if (t.hasOwnProperty(n) && t[n] === e[i][n])
+          return Number(i);
+    }
+  return -1;
+}
+function tt(e, t) {
+  if (!e || !e.getBoundingClientRect)
+    return G();
+  var i = e, n = !1;
+  do
+    if (i.clientWidth < i.scrollWidth || i.clientHeight < i.scrollHeight) {
+      var o = f(i);
+      if (i.clientWidth < i.scrollWidth && (o.overflowX == "auto" || o.overflowX == "scroll") || i.clientHeight < i.scrollHeight && (o.overflowY == "auto" || o.overflowY == "scroll")) {
+        if (!i.getBoundingClientRect || i === document.body)
+          return G();
+        if (n || t)
+          return i;
+        n = !0;
+      }
+    }
+  while (i = i.parentNode);
+  return G();
+}
+function ze(e, t) {
+  if (e && t)
+    for (var i in t)
+      t.hasOwnProperty(i) && (e[i] = t[i]);
+  return e;
+}
+function jt(e, t) {
+  return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var yt;
+function Ie(e, t) {
+  return function() {
+    if (!yt) {
+      var i = arguments, n = this;
+      i.length === 1 ? e.call(n, i[0]) : e.apply(n, i), yt = setTimeout(function() {
+        yt = void 0;
+      }, t);
+    }
+  };
+}
+function je() {
+  clearTimeout(yt), yt = void 0;
+}
+function _e(e, t, i) {
+  e.scrollLeft += t, e.scrollTop += i;
+}
+function Te(e) {
+  var t = window.Polymer, i = window.jQuery || window.Zepto;
+  return t && t.dom ? t.dom(e).cloneNode(!0) : i ? i(e).clone(!0)[0] : e.cloneNode(!0);
+}
+var k = "Sortable" + new Date().getTime();
+function Ve() {
+  var e = [], t;
+  return {
+    captureAnimationState: function() {
+      if (e = [], !!this.options.animation) {
+        var n = [].slice.call(this.el.children);
+        n.forEach(function(o) {
+          if (!(f(o, "display") === "none" || o === g.ghost)) {
+            e.push({
+              target: o,
+              rect: T(o)
+            });
+            var r = z({}, e[e.length - 1].rect);
+            if (o.thisAnimationDuration) {
+              var a = ct(o, !0);
+              a && (r.top -= a.f, r.left -= a.e);
+            }
+            o.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(n) {
+      e.push(n);
+    },
+    removeAnimationState: function(n) {
+      e.splice(Ge(e, {
+        target: n
+      }), 1);
+    },
+    animateAll: function(n) {
+      var o = this;
+      if (!this.options.animation) {
+        clearTimeout(t), typeof n == "function" && n();
+        return;
+      }
+      var r = !1, a = 0;
+      e.forEach(function(s) {
+        var l = 0, u = s.target, h = u.fromRect, c = T(u), m = u.prevFromRect, E = u.prevToRect, v = s.rect, D = ct(u, !0);
+        D && (c.top -= D.f, c.left -= D.e), u.toRect = c, u.thisAnimationDuration && jt(m, c) && !jt(h, c) && (v.top - c.top) / (v.left - c.left) === (h.top - c.top) / (h.left - c.left) && (l = $e(v, m, E, o.options)), jt(c, h) || (u.prevFromRect = h, u.prevToRect = c, l || (l = o.options.animation), o.animate(u, v, c, l)), l && (r = !0, a = Math.max(a, l), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
+        }, l), u.thisAnimationDuration = l);
+      }), clearTimeout(t), r ? t = setTimeout(function() {
+        typeof n == "function" && n();
+      }, a) : typeof n == "function" && n(), e = [];
+    },
+    animate: function(n, o, r, a) {
+      if (a) {
+        f(n, "transition", ""), f(n, "transform", "");
+        var s = ct(this.el), l = s && s.a, u = s && s.d, h = (o.left - r.left) / (l || 1), c = (o.top - r.top) / (u || 1);
+        n.animatingX = !!h, n.animatingY = !!c, f(n, "transform", "translate3d(" + h + "px," + c + "px,0)"), this.forRepaintDummy = Ue(n), f(n, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), f(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+          f(n, "transition", ""), f(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
+        }, a);
+      }
+    }
+  };
+}
+function Ue(e) {
+  return e.offsetWidth;
+}
+function $e(e, t, i, n) {
+  return Math.sqrt(Math.pow(t.top - e.top, 2) + Math.pow(t.left - e.left, 2)) / Math.sqrt(Math.pow(t.top - i.top, 2) + Math.pow(t.left - i.left, 2)) * n.animation;
+}
+var st = [], Vt = {
+  initializeByDefault: !0
+}, xt = {
+  mount: function(t) {
+    for (var i in Vt)
+      Vt.hasOwnProperty(i) && !(i in t) && (t[i] = Vt[i]);
+    st.forEach(function(n) {
+      if (n.pluginName === t.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(t.pluginName, " more than once");
+    }), st.push(t);
+  },
+  pluginEvent: function(t, i, n) {
+    var o = this;
+    this.eventCanceled = !1, n.cancel = function() {
+      o.eventCanceled = !0;
+    };
+    var r = t + "Global";
+    st.forEach(function(a) {
+      !i[a.pluginName] || (i[a.pluginName][r] && i[a.pluginName][r](z({
+        sortable: i
+      }, n)), i.options[a.pluginName] && i[a.pluginName][t] && i[a.pluginName][t](z({
+        sortable: i
+      }, n)));
+    });
+  },
+  initializePlugins: function(t, i, n, o) {
+    st.forEach(function(s) {
+      var l = s.pluginName;
+      if (!(!t.options[l] && !s.initializeByDefault)) {
+        var u = new s(t, i, t.options);
+        u.sortable = t, u.options = t.options, t[l] = u, $(n, u.defaults);
+      }
+    });
+    for (var r in t.options)
+      if (!!t.options.hasOwnProperty(r)) {
+        var a = this.modifyOption(t, r, t.options[r]);
+        typeof a < "u" && (t.options[r] = a);
+      }
+  },
+  getEventProperties: function(t, i) {
+    var n = {};
+    return st.forEach(function(o) {
+      typeof o.eventProperties == "function" && $(n, o.eventProperties.call(i[o.pluginName], t));
+    }), n;
+  },
+  modifyOption: function(t, i, n) {
+    var o;
+    return st.forEach(function(r) {
+      !t[r.pluginName] || r.optionListeners && typeof r.optionListeners[i] == "function" && (o = r.optionListeners[i].call(t[r.pluginName], n));
+    }), o;
+  }
+};
+function qe(e) {
+  var t = e.sortable, i = e.rootEl, n = e.name, o = e.targetEl, r = e.cloneEl, a = e.toEl, s = e.fromEl, l = e.oldIndex, u = e.newIndex, h = e.oldDraggableIndex, c = e.newDraggableIndex, m = e.originalEvent, E = e.putSortable, v = e.extraEventProperties;
+  if (t = t || i && i[k], !!t) {
+    var D, Y = t.options, j = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !q && !Tt ? D = new CustomEvent(n, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (D = document.createEvent("Event"), D.initEvent(n, !0, !0)), D.to = a || i, D.from = s || i, D.item = o || i, D.clone = r, D.oldIndex = l, D.newIndex = u, D.oldDraggableIndex = h, D.newDraggableIndex = c, D.originalEvent = m, D.pullMode = E ? E.lastPutMode : void 0;
+    var A = z(z({}, v), xt.getEventProperties(n, t));
+    for (var R in A)
+      D[R] = A[R];
+    i && i.dispatchEvent(D), Y[j] && Y[j].call(t, D);
+  }
+}
+var Ke = ["evt"], P = function(t, i) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.evt, r = Le(n, Ke);
+  xt.pluginEvent.bind(g)(t, i, z({
+    dragEl: d,
+    parentEl: I,
+    ghostEl: p,
+    rootEl: y,
+    nextEl: at,
+    lastDownEl: Bt,
+    cloneEl: S,
+    cloneHidden: J,
+    dragStarted: bt,
+    putSortable: x,
+    activeSortable: g.active,
+    originalEvent: o,
+    oldIndex: dt,
+    oldDraggableIndex: St,
+    newIndex: B,
+    newDraggableIndex: Q,
+    hideGhostForTarget: Oe,
+    unhideGhostForTarget: Pe,
+    cloneNowHidden: function() {
+      J = !0;
+    },
+    cloneNowShown: function() {
+      J = !1;
+    },
+    dispatchSortableEvent: function(s) {
+      O({
+        sortable: i,
+        name: s,
+        originalEvent: o
+      });
+    }
+  }, r));
+};
+function O(e) {
+  qe(z({
+    putSortable: x,
+    cloneEl: S,
+    targetEl: d,
+    rootEl: y,
+    oldIndex: dt,
+    oldDraggableIndex: St,
+    newIndex: B,
+    newDraggableIndex: Q
+  }, e));
+}
+var d, I, p, y, at, Bt, S, J, dt, B, St, Q, Ot, x, ut = !1, Lt = !1, Ht = [], ot, L, Ut, $t, me, ve, bt, lt, It, _t = !1, Pt = !1, kt, C, qt = [], te = !1, Wt = [], zt = typeof document < "u", Nt = De, be = Tt || q ? "cssFloat" : "float", Ze = zt && !Ee && !De && "draggable" in document.createElement("div"), xe = function() {
+  if (!!zt) {
+    if (q)
+      return !1;
+    var e = document.createElement("x");
+    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+  }
+}(), Ce = function(t, i) {
+  var n = f(t), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), r = ht(t, 0, i), a = ht(t, 1, i), s = r && f(r), l = a && f(a), u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + T(r).width, h = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + T(a).width;
+  if (n.display === "flex")
+    return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (n.display === "grid")
+    return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (r && s.float && s.float !== "none") {
+    var c = s.float === "left" ? "left" : "right";
+    return a && (l.clear === "both" || l.clear === c) ? "vertical" : "horizontal";
+  }
+  return r && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || u >= o && n[be] === "none" || a && n[be] === "none" && u + h > o) ? "vertical" : "horizontal";
+}, Qe = function(t, i, n) {
+  var o = n ? t.left : t.top, r = n ? t.right : t.bottom, a = n ? t.width : t.height, s = n ? i.left : i.top, l = n ? i.right : i.bottom, u = n ? i.width : i.height;
+  return o === s || r === l || o + a / 2 === s + u / 2;
+}, Je = function(t, i) {
+  var n;
+  return Ht.some(function(o) {
+    var r = o[k].options.emptyInsertThreshold;
+    if (!(!r || oe(o))) {
+      var a = T(o), s = t >= a.left - r && t <= a.right + r, l = i >= a.top - r && i <= a.bottom + r;
+      if (s && l)
+        return n = o;
+    }
+  }), n;
+}, Ae = function(t) {
+  function i(r, a) {
+    return function(s, l, u, h) {
+      var c = s.options.group.name && l.options.group.name && s.options.group.name === l.options.group.name;
+      if (r == null && (a || c))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (a && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return i(r(s, l, u, h), a)(s, l, u, h);
+      var m = (a ? s : l).options.group.name;
+      return r === !0 || typeof r == "string" && r === m || r.join && r.indexOf(m) > -1;
+    };
+  }
+  var n = {}, o = t.group;
+  (!o || Ft(o) != "object") && (o = {
+    name: o
+  }), n.name = o.name, n.checkPull = i(o.pull, !0), n.checkPut = i(o.put), n.revertClone = o.revertClone, t.group = n;
+}, Oe = function() {
+  !xe && p && f(p, "display", "none");
+}, Pe = function() {
+  !xe && p && f(p, "display", "");
+};
+zt && !Ee && document.addEventListener("click", function(e) {
+  if (Lt)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Lt = !1, !1;
+}, !0);
+var rt = function(t) {
+  if (d) {
+    t = t.touches ? t.touches[0] : t;
+    var i = Je(t.clientX, t.clientY);
+    if (i) {
+      var n = {};
+      for (var o in t)
+        t.hasOwnProperty(o) && (n[o] = t[o]);
+      n.target = n.rootEl = i, n.preventDefault = void 0, n.stopPropagation = void 0, i[k]._onDragOver(n);
+    }
+  }
+}, ti = function(t) {
+  d && d.parentNode[k]._isOutsideThisEl(t.target);
+};
+function g(e, t) {
+  if (!(e && e.nodeType && e.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
+  this.el = e, this.options = t = $({}, t), e[k] = this;
+  var i = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+    swapThreshold: 1,
+    invertSwap: !1,
+    invertedSwapThreshold: null,
+    removeCloneOnHide: !0,
+    direction: function() {
+      return Ce(e, 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, s) {
+      a.setData("Text", s.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: g.supportPointer !== !1 && "PointerEvent" in window && !Et,
+    emptyInsertThreshold: 5
+  };
+  xt.initializePlugins(this, e, i);
+  for (var n in i)
+    !(n in t) && (t[n] = i[n]);
+  Ae(t);
+  for (var o in this)
+    o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
+  this.nativeDraggable = t.forceFallback ? !1 : Ze, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? w(e, "pointerdown", this._onTapStart) : (w(e, "mousedown", this._onTapStart), w(e, "touchstart", this._onTapStart)), this.nativeDraggable && (w(e, "dragover", this), w(e, "dragenter", this)), Ht.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), $(this, Ve());
+}
+g.prototype = {
+  constructor: g,
+  _isOutsideThisEl: function(t) {
+    !this.el.contains(t) && t !== this.el && (lt = null);
+  },
+  _getDirection: function(t, i) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, t, i, d) : this.options.direction;
+  },
+  _onTapStart: function(t) {
+    if (!!t.cancelable) {
+      var i = this, n = this.el, o = this.options, r = o.preventOnFilter, a = t.type, s = t.touches && t.touches[0] || t.pointerType && t.pointerType === "touch" && t, l = (s || t).target, u = t.target.shadowRoot && (t.path && t.path[0] || t.composedPath && t.composedPath()[0]) || l, h = o.filter;
+      if (li(n), !d && !(/mousedown|pointerdown/.test(a) && t.button !== 0 || o.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Et && l && l.tagName.toUpperCase() === "SELECT") && (l = W(l, o.draggable, n, !1), !(l && l.animated) && Bt !== l)) {
+        if (dt = X(l), St = X(l, o.draggable), typeof h == "function") {
+          if (h.call(this, t, l, this)) {
+            O({
+              sortable: i,
+              rootEl: u,
+              name: "filter",
+              targetEl: l,
+              toEl: n,
+              fromEl: n
+            }), P("filter", i, {
+              evt: t
+            }), r && t.cancelable && t.preventDefault();
+            return;
+          }
+        } else if (h && (h = h.split(",").some(function(c) {
+          if (c = W(u, c.trim(), n, !1), c)
+            return O({
+              sortable: i,
+              rootEl: c,
+              name: "filter",
+              targetEl: l,
+              fromEl: n,
+              toEl: n
+            }), P("filter", i, {
+              evt: t
+            }), !0;
+        }), h)) {
+          r && t.cancelable && t.preventDefault();
+          return;
+        }
+        o.handle && !W(u, o.handle, n, !1) || this._prepareDragStart(t, s, l);
+      }
+    }
+  },
+  _prepareDragStart: function(t, i, n) {
+    var o = this, r = o.el, a = o.options, s = r.ownerDocument, l;
+    if (n && !d && n.parentNode === r) {
+      var u = T(n);
+      if (y = r, d = n, I = d.parentNode, at = d.nextSibling, Bt = n, Ot = a.group, g.dragged = d, ot = {
+        target: d,
+        clientX: (i || t).clientX,
+        clientY: (i || t).clientY
+      }, me = ot.clientX - u.left, ve = ot.clientY - u.top, this._lastX = (i || t).clientX, this._lastY = (i || t).clientY, d.style["will-change"] = "all", l = function() {
+        if (P("delayEnded", o, {
+          evt: t
+        }), g.eventCanceled) {
+          o._onDrop();
+          return;
+        }
+        o._disableDelayedDragEvents(), !he && o.nativeDraggable && (d.draggable = !0), o._triggerDragStart(t, i), O({
+          sortable: o,
+          name: "choose",
+          originalEvent: t
+        }), F(d, a.chosenClass, !0);
+      }, a.ignore.split(",").forEach(function(h) {
+        Se(d, h.trim(), Kt);
+      }), w(s, "dragover", rt), w(s, "mousemove", rt), w(s, "touchmove", rt), w(s, "mouseup", o._onDrop), w(s, "touchend", o._onDrop), w(s, "touchcancel", o._onDrop), he && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), P("delayStart", this, {
+        evt: t
+      }), a.delay && (!a.delayOnTouchOnly || i) && (!this.nativeDraggable || !(Tt || q))) {
+        if (g.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        w(s, "mouseup", o._disableDelayedDrag), w(s, "touchend", o._disableDelayedDrag), w(s, "touchcancel", o._disableDelayedDrag), w(s, "mousemove", o._delayedDragTouchMoveHandler), w(s, "touchmove", o._delayedDragTouchMoveHandler), a.supportPointer && w(s, "pointermove", o._delayedDragTouchMoveHandler), o._dragStartTimer = setTimeout(l, a.delay);
+      } else
+        l();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(t) {
+    var i = t.touches ? t.touches[0] : t;
+    Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    d && Kt(d), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var t = this.el.ownerDocument;
+    b(t, "mouseup", this._disableDelayedDrag), b(t, "touchend", this._disableDelayedDrag), b(t, "touchcancel", this._disableDelayedDrag), b(t, "mousemove", this._delayedDragTouchMoveHandler), b(t, "touchmove", this._delayedDragTouchMoveHandler), b(t, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(t, i) {
+    i = i || t.pointerType == "touch" && t, !this.nativeDraggable || i ? this.options.supportPointer ? w(document, "pointermove", this._onTouchMove) : i ? w(document, "touchmove", this._onTouchMove) : w(document, "mousemove", this._onTouchMove) : (w(d, "dragend", this), w(y, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Xt(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(t, i) {
+    if (ut = !1, y && d) {
+      P("dragStarted", this, {
+        evt: i
+      }), this.nativeDraggable && w(document, "dragover", ti);
+      var n = this.options;
+      !t && F(d, n.dragClass, !1), F(d, n.ghostClass, !0), g.active = this, t && this._appendGhost(), O({
+        sortable: this,
+        name: "start",
+        originalEvent: i
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (L) {
+      this._lastX = L.clientX, this._lastY = L.clientY, Oe();
+      for (var t = document.elementFromPoint(L.clientX, L.clientY), i = t; t && t.shadowRoot && (t = t.shadowRoot.elementFromPoint(L.clientX, L.clientY), t !== i); )
+        i = t;
+      if (d.parentNode[k]._isOutsideThisEl(t), i)
+        do {
+          if (i[k]) {
+            var n = void 0;
+            if (n = i[k]._onDragOver({
+              clientX: L.clientX,
+              clientY: L.clientY,
+              target: t,
+              rootEl: i
+            }), n && !this.options.dragoverBubble)
+              break;
+          }
+          t = i;
+        } while (i = i.parentNode);
+      Pe();
+    }
+  },
+  _onTouchMove: function(t) {
+    if (ot) {
+      var i = this.options, n = i.fallbackTolerance, o = i.fallbackOffset, r = t.touches ? t.touches[0] : t, a = p && ct(p, !0), s = p && a && a.a, l = p && a && a.d, u = Nt && C && pe(C), h = (r.clientX - ot.clientX + o.x) / (s || 1) + (u ? u[0] - qt[0] : 0) / (s || 1), c = (r.clientY - ot.clientY + o.y) / (l || 1) + (u ? u[1] - qt[1] : 0) / (l || 1);
+      if (!g.active && !ut) {
+        if (n && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < n)
+          return;
+        this._onDragStart(t, !0);
+      }
+      if (p) {
+        a ? (a.e += h - (Ut || 0), a.f += c - ($t || 0)) : a = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: h,
+          f: c
+        };
+        var m = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
+        f(p, "webkitTransform", m), f(p, "mozTransform", m), f(p, "msTransform", m), f(p, "transform", m), Ut = h, $t = c, L = r;
+      }
+      t.cancelable && t.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!p) {
+      var t = this.options.fallbackOnBody ? document.body : y, i = T(d, !0, Nt, !0, t), n = this.options;
+      if (Nt) {
+        for (C = t; f(C, "position") === "static" && f(C, "transform") === "none" && C !== document; )
+          C = C.parentNode;
+        C !== document.body && C !== document.documentElement ? (C === document && (C = G()), i.top += C.scrollTop, i.left += C.scrollLeft) : C = G(), qt = pe(C);
+      }
+      p = d.cloneNode(!0), F(p, n.ghostClass, !1), F(p, n.fallbackClass, !0), F(p, n.dragClass, !0), f(p, "transition", ""), f(p, "transform", ""), f(p, "box-sizing", "border-box"), f(p, "margin", 0), f(p, "top", i.top), f(p, "left", i.left), f(p, "width", i.width), f(p, "height", i.height), f(p, "opacity", "0.8"), f(p, "position", Nt ? "absolute" : "fixed"), f(p, "zIndex", "100000"), f(p, "pointerEvents", "none"), g.ghost = p, t.appendChild(p), f(p, "transform-origin", me / parseInt(p.style.width) * 100 + "% " + ve / parseInt(p.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(t, i) {
+    var n = this, o = t.dataTransfer, r = n.options;
+    if (P("dragStart", this, {
+      evt: t
+    }), g.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    P("setupClone", this), g.eventCanceled || (S = Te(d), S.removeAttribute("id"), S.draggable = !1, S.style["will-change"] = "", this._hideClone(), F(S, this.options.chosenClass, !1), g.clone = S), n.cloneId = Xt(function() {
+      P("clone", n), !g.eventCanceled && (n.options.removeCloneOnHide || y.insertBefore(S, d), n._hideClone(), O({
+        sortable: n,
+        name: "clone"
+      }));
+    }), !i && F(d, r.dragClass, !0), i ? (Lt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (b(document, "mouseup", n._onDrop), b(document, "touchend", n._onDrop), b(document, "touchcancel", n._onDrop), o && (o.effectAllowed = "move", r.setData && r.setData.call(n, o, d)), w(document, "drop", n), f(d, "transform", "translateZ(0)")), ut = !0, n._dragStartId = Xt(n._dragStarted.bind(n, i, t)), w(document, "selectstart", n), bt = !0, Et && f(document.body, "user-select", "none");
+  },
+  _onDragOver: function(t) {
+    var i = this.el, n = t.target, o, r, a, s = this.options, l = s.group, u = g.active, h = Ot === l, c = s.sort, m = x || u, E, v = this, D = !1;
+    if (te)
+      return;
+    function Y(vt, Me) {
+      P(vt, v, z({
+        evt: t,
+        isOwner: h,
+        axis: E ? "vertical" : "horizontal",
+        revert: a,
+        dragRect: o,
+        targetRect: r,
+        canSort: c,
+        fromSortable: m,
+        target: n,
+        completed: A,
+        onMove: function(se, Fe) {
+          return Mt(y, i, d, o, se, T(se), t, Fe);
+        },
+        changed: R
+      }, Me));
+    }
+    function j() {
+      Y("dragOverAnimationCapture"), v.captureAnimationState(), v !== m && m.captureAnimationState();
+    }
+    function A(vt) {
+      return Y("dragOverCompleted", {
+        insertion: vt
+      }), vt && (h ? u._hideClone() : u._showClone(v), v !== m && (F(d, x ? x.options.ghostClass : u.options.ghostClass, !1), F(d, s.ghostClass, !0)), x !== v && v !== g.active ? x = v : v === g.active && x && (x = null), m === v && (v._ignoreWhileAnimating = n), v.animateAll(function() {
+        Y("dragOverAnimationComplete"), v._ignoreWhileAnimating = null;
+      }), v !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (n === d && !d.animated || n === i && !n.animated) && (lt = null), !s.dragoverBubble && !t.rootEl && n !== document && (d.parentNode[k]._isOutsideThisEl(t.target), !vt && rt(t)), !s.dragoverBubble && t.stopPropagation && t.stopPropagation(), D = !0;
+    }
+    function R() {
+      B = X(d), Q = X(d, s.draggable), O({
+        sortable: v,
+        name: "change",
+        toEl: i,
+        newIndex: B,
+        newDraggableIndex: Q,
+        originalEvent: t
+      });
+    }
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), n = W(n, s.draggable, i, !0), Y("dragOver"), g.eventCanceled)
+      return D;
+    if (d.contains(t.target) || n.animated && n.animatingX && n.animatingY || v._ignoreWhileAnimating === n)
+      return A(!1);
+    if (Lt = !1, u && !s.disabled && (h ? c || (a = I !== y) : x === this || (this.lastPutMode = Ot.checkPull(this, u, d, t)) && l.checkPut(this, u, d, t))) {
+      if (E = this._getDirection(t, n) === "vertical", o = T(d), Y("dragOverValid"), g.eventCanceled)
+        return D;
+      if (a)
+        return I = y, j(), this._hideClone(), Y("revert"), g.eventCanceled || (at ? y.insertBefore(d, at) : y.appendChild(d)), A(!0);
+      var N = oe(i, s.draggable);
+      if (!N || oi(t, E, this) && !N.animated) {
+        if (N === d)
+          return A(!1);
+        if (N && i === t.target && (n = N), n && (r = T(n)), Mt(y, i, d, o, n, r, t, !!n) !== !1)
+          return j(), N && N.nextSibling ? i.insertBefore(d, N.nextSibling) : i.appendChild(d), I = i, R(), A(!0);
+      } else if (N && ni(t, E, this)) {
+        var et = ht(i, 0, s, !0);
+        if (et === d)
+          return A(!1);
+        if (n = et, r = T(n), Mt(y, i, d, o, n, r, t, !1) !== !1)
+          return j(), i.insertBefore(d, et), I = i, R(), A(!0);
+      } else if (n.parentNode === i) {
+        r = T(n);
+        var H = 0, it, ft = d.parentNode !== i, M = !Qe(d.animated && d.toRect || o, n.animated && n.toRect || r, E), gt = E ? "top" : "left", K = ge(n, "top", "top") || ge(d, "top", "top"), pt = K ? K.scrollTop : void 0;
+        lt !== n && (it = r[gt], _t = !1, Pt = !M && s.invertSwap || ft), H = ri(t, n, r, E, M ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Pt, lt === n);
+        var V;
+        if (H !== 0) {
+          var nt = X(d);
+          do
+            nt -= H, V = I.children[nt];
+          while (V && (f(V, "display") === "none" || V === p));
+        }
+        if (H === 0 || V === n)
+          return A(!1);
+        lt = n, It = H;
+        var mt = n.nextElementSibling, Z = !1;
+        Z = H === 1;
+        var Ct = Mt(y, i, d, o, n, r, t, Z);
+        if (Ct !== !1)
+          return (Ct === 1 || Ct === -1) && (Z = Ct === 1), te = !0, setTimeout(ii, 30), j(), Z && !mt ? i.appendChild(d) : n.parentNode.insertBefore(d, Z ? mt : n), K && _e(K, 0, pt - K.scrollTop), I = d.parentNode, it !== void 0 && !Pt && (kt = Math.abs(it - T(n)[gt])), R(), A(!0);
+      }
+      if (i.contains(d))
+        return A(!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", rt), b(document, "mousemove", rt), b(document, "touchmove", rt);
+  },
+  _offUpEvents: function() {
+    var t = this.el.ownerDocument;
+    b(t, "mouseup", this._onDrop), b(t, "touchend", this._onDrop), b(t, "pointerup", this._onDrop), b(t, "touchcancel", this._onDrop), b(document, "selectstart", this);
+  },
+  _onDrop: function(t) {
+    var i = this.el, n = this.options;
+    if (B = X(d), Q = X(d, n.draggable), P("drop", this, {
+      evt: t
+    }), I = d && d.parentNode, B = X(d), Q = X(d, n.draggable), g.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    ut = !1, Pt = !1, _t = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ee(this.cloneId), ee(this._dragStartId), this.nativeDraggable && (b(document, "drop", this), b(i, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Et && f(document.body, "user-select", ""), f(d, "transform", ""), t && (bt && (t.cancelable && t.preventDefault(), !n.dropBubble && t.stopPropagation()), p && p.parentNode && p.parentNode.removeChild(p), (y === I || x && x.lastPutMode !== "clone") && S && S.parentNode && S.parentNode.removeChild(S), d && (this.nativeDraggable && b(d, "dragend", this), Kt(d), d.style["will-change"] = "", bt && !ut && F(d, x ? x.options.ghostClass : this.options.ghostClass, !1), F(d, this.options.chosenClass, !1), O({
+      sortable: this,
+      name: "unchoose",
+      toEl: I,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: t
+    }), y !== I ? (B >= 0 && (O({
+      rootEl: I,
+      name: "add",
+      toEl: I,
+      fromEl: y,
+      originalEvent: t
+    }), O({
+      sortable: this,
+      name: "remove",
+      toEl: I,
+      originalEvent: t
+    }), O({
+      rootEl: I,
+      name: "sort",
+      toEl: I,
+      fromEl: y,
+      originalEvent: t
+    }), O({
+      sortable: this,
+      name: "sort",
+      toEl: I,
+      originalEvent: t
+    })), x && x.save()) : B !== dt && B >= 0 && (O({
+      sortable: this,
+      name: "update",
+      toEl: I,
+      originalEvent: t
+    }), O({
+      sortable: this,
+      name: "sort",
+      toEl: I,
+      originalEvent: t
+    })), g.active && ((B == null || B === -1) && (B = dt, Q = St), O({
+      sortable: this,
+      name: "end",
+      toEl: I,
+      originalEvent: t
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    P("nulling", this), y = d = I = p = at = S = Bt = J = ot = L = bt = B = Q = dt = St = lt = It = x = Ot = g.dragged = g.ghost = g.clone = g.active = null, Wt.forEach(function(t) {
+      t.checked = !0;
+    }), Wt.length = Ut = $t = 0;
+  },
+  handleEvent: function(t) {
+    switch (t.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(t);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(t), ei(t));
+        break;
+      case "selectstart":
+        t.preventDefault();
+        break;
+    }
+  },
+  toArray: function() {
+    for (var t = [], i, n = this.el.children, o = 0, r = n.length, a = this.options; o < r; o++)
+      i = n[o], W(i, a.draggable, this.el, !1) && t.push(i.getAttribute(a.dataIdAttr) || si(i));
+    return t;
+  },
+  sort: function(t, i) {
+    var n = {}, o = this.el;
+    this.toArray().forEach(function(r, a) {
+      var s = o.children[a];
+      W(s, this.options.draggable, o, !1) && (n[r] = s);
+    }, this), i && this.captureAnimationState(), t.forEach(function(r) {
+      n[r] && (o.removeChild(n[r]), o.appendChild(n[r]));
+    }), i && this.animateAll();
+  },
+  save: function() {
+    var t = this.options.store;
+    t && t.set && t.set(this);
+  },
+  closest: function(t, i) {
+    return W(t, i || this.options.draggable, this.el, !1);
+  },
+  option: function(t, i) {
+    var n = this.options;
+    if (i === void 0)
+      return n[t];
+    var o = xt.modifyOption(this, t, i);
+    typeof o < "u" ? n[t] = o : n[t] = i, t === "group" && Ae(n);
+  },
+  destroy: function() {
+    P("destroy", this);
+    var t = this.el;
+    t[k] = null, b(t, "mousedown", this._onTapStart), b(t, "touchstart", this._onTapStart), b(t, "pointerdown", this._onTapStart), this.nativeDraggable && (b(t, "dragover", this), b(t, "dragenter", this)), Array.prototype.forEach.call(t.querySelectorAll("[draggable]"), function(i) {
+      i.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), Ht.splice(Ht.indexOf(this.el), 1), this.el = t = null;
+  },
+  _hideClone: function() {
+    if (!J) {
+      if (P("hideClone", this), g.eventCanceled)
+        return;
+      f(S, "display", "none"), this.options.removeCloneOnHide && S.parentNode && S.parentNode.removeChild(S), J = !0;
+    }
+  },
+  _showClone: function(t) {
+    if (t.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (J) {
+      if (P("showClone", this), g.eventCanceled)
+        return;
+      d.parentNode == y && !this.options.group.revertClone ? y.insertBefore(S, d) : at ? y.insertBefore(S, at) : y.appendChild(S), this.options.group.revertClone && this.animate(d, S), f(S, "display", ""), J = !1;
+    }
+  }
+};
+function ei(e) {
+  e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function Mt(e, t, i, n, o, r, a, s) {
+  var l, u = e[k], h = u.options.onMove, c;
+  return window.CustomEvent && !q && !Tt ? l = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (l = document.createEvent("Event"), l.initEvent("move", !0, !0)), l.to = t, l.from = e, l.dragged = i, l.draggedRect = n, l.related = o || t, l.relatedRect = r || T(t), l.willInsertAfter = s, l.originalEvent = a, e.dispatchEvent(l), h && (c = h.call(u, l, a)), c;
+}
+function Kt(e) {
+  e.draggable = !1;
+}
+function ii() {
+  te = !1;
+}
+function ni(e, t, i) {
+  var n = T(ht(i.el, 0, i.options, !0)), o = 10;
+  return t ? e.clientX < n.left - o || e.clientY < n.top && e.clientX < n.right : e.clientY < n.top - o || e.clientY < n.bottom && e.clientX < n.left;
+}
+function oi(e, t, i) {
+  var n = T(oe(i.el, i.options.draggable)), o = 10;
+  return t ? e.clientX > n.right + o || e.clientX <= n.right && e.clientY > n.bottom && e.clientX >= n.left : e.clientX > n.right && e.clientY > n.top || e.clientX <= n.right && e.clientY > n.bottom + o;
+}
+function ri(e, t, i, n, o, r, a, s) {
+  var l = n ? e.clientY : e.clientX, u = n ? i.height : i.width, h = n ? i.top : i.left, c = n ? i.bottom : i.right, m = !1;
+  if (!a) {
+    if (s && kt < u * o) {
+      if (!_t && (It === 1 ? l > h + u * r / 2 : l < c - u * r / 2) && (_t = !0), _t)
+        m = !0;
+      else if (It === 1 ? l < h + kt : l > c - kt)
+        return -It;
+    } else if (l > h + u * (1 - o) / 2 && l < c - u * (1 - o) / 2)
+      return ai(t);
+  }
+  return m = m || a, m && (l < h + u * r / 2 || l > c - u * r / 2) ? l > h + u / 2 ? 1 : -1 : 0;
+}
+function ai(e) {
+  return X(d) < X(e) ? 1 : -1;
+}
+function si(e) {
+  for (var t = e.tagName + e.className + e.src + e.href + e.textContent, i = t.length, n = 0; i--; )
+    n += t.charCodeAt(i);
+  return n.toString(36);
+}
+function li(e) {
+  Wt.length = 0;
+  for (var t = e.getElementsByTagName("input"), i = t.length; i--; ) {
+    var n = t[i];
+    n.checked && Wt.push(n);
+  }
+}
+function Xt(e) {
+  return setTimeout(e, 0);
+}
+function ee(e) {
+  return clearTimeout(e);
+}
+zt && w(document, "touchmove", function(e) {
+  (g.active || ut) && e.cancelable && e.preventDefault();
+});
+g.utils = {
+  on: w,
+  off: b,
+  css: f,
+  find: Se,
+  is: function(t, i) {
+    return !!W(t, i, t, !1);
+  },
+  extend: ze,
+  throttle: Ie,
+  closest: W,
+  toggleClass: F,
+  clone: Te,
+  index: X,
+  nextTick: Xt,
+  cancelNextTick: ee,
+  detectDirection: Ce,
+  getChild: ht
+};
+g.get = function(e) {
+  return e[k];
+};
+g.mount = function() {
+  for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
+    t[i] = arguments[i];
+  t[0].constructor === Array && (t = t[0]), t.forEach(function(n) {
+    if (!n.prototype || !n.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
+    n.utils && (g.utils = z(z({}, g.utils), n.utils)), xt.mount(n);
+  });
+};
+g.create = function(e, t) {
+  return new g(e, t);
+};
+g.version = He;
+var _ = [], wt, ie, ne = !1, Zt, Qt, Gt, Dt;
+function ui() {
+  function e() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var t in this)
+      t.charAt(0) === "_" && typeof this[t] == "function" && (this[t] = this[t].bind(this));
+  }
+  return e.prototype = {
+    dragStarted: function(i) {
+      var n = i.originalEvent;
+      this.sortable.nativeDraggable ? w(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? w(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? w(document, "touchmove", this._handleFallbackAutoScroll) : w(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(i) {
+      var n = i.originalEvent;
+      !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
+    },
+    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)), we(), Yt(), je();
+    },
+    nulling: function() {
+      Gt = ie = wt = ne = Dt = Zt = Qt = null, _.length = 0;
+    },
+    _handleFallbackAutoScroll: function(i) {
+      this._handleAutoScroll(i, !0);
+    },
+    _handleAutoScroll: function(i, n) {
+      var o = this, r = (i.touches ? i.touches[0] : i).clientX, a = (i.touches ? i.touches[0] : i).clientY, s = document.elementFromPoint(r, a);
+      if (Gt = i, n || this.options.forceAutoScrollFallback || Tt || q || Et) {
+        Jt(i, this.options, s, n);
+        var l = tt(s, !0);
+        ne && (!Dt || r !== Zt || a !== Qt) && (Dt && we(), Dt = setInterval(function() {
+          var u = tt(document.elementFromPoint(r, a), !0);
+          u !== l && (l = u, Yt()), Jt(i, o.options, u, n);
+        }, 10), Zt = r, Qt = a);
+      } else {
+        if (!this.options.bubbleScroll || tt(s, !0) === G()) {
+          Yt();
+          return;
+        }
+        Jt(i, this.options, tt(s, !1), !1);
+      }
+    }
+  }, $(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function Yt() {
+  _.forEach(function(e) {
+    clearInterval(e.pid);
+  }), _ = [];
+}
+function we() {
+  clearInterval(Dt);
+}
+var Jt = Ie(function(e, t, i, n) {
+  if (!!t.scroll) {
+    var o = (e.touches ? e.touches[0] : e).clientX, r = (e.touches ? e.touches[0] : e).clientY, a = t.scrollSensitivity, s = t.scrollSpeed, l = G(), u = !1, h;
+    ie !== i && (ie = i, Yt(), wt = t.scroll, h = t.scrollFn, wt === !0 && (wt = tt(i, !0)));
+    var c = 0, m = wt;
+    do {
+      var E = m, v = T(E), D = v.top, Y = v.bottom, j = v.left, A = v.right, R = v.width, N = v.height, et = void 0, H = void 0, it = E.scrollWidth, ft = E.scrollHeight, M = f(E), gt = E.scrollLeft, K = E.scrollTop;
+      E === l ? (et = R < it && (M.overflowX === "auto" || M.overflowX === "scroll" || M.overflowX === "visible"), H = N < ft && (M.overflowY === "auto" || M.overflowY === "scroll" || M.overflowY === "visible")) : (et = R < it && (M.overflowX === "auto" || M.overflowX === "scroll"), H = N < ft && (M.overflowY === "auto" || M.overflowY === "scroll"));
+      var pt = et && (Math.abs(A - o) <= a && gt + R < it) - (Math.abs(j - o) <= a && !!gt), V = H && (Math.abs(Y - r) <= a && K + N < ft) - (Math.abs(D - r) <= a && !!K);
+      if (!_[c])
+        for (var nt = 0; nt <= c; nt++)
+          _[nt] || (_[nt] = {});
+      (_[c].vx != pt || _[c].vy != V || _[c].el !== E) && (_[c].el = E, _[c].vx = pt, _[c].vy = V, clearInterval(_[c].pid), (pt != 0 || V != 0) && (u = !0, _[c].pid = setInterval(function() {
+        n && this.layer === 0 && g.active._onTouchMove(Gt);
+        var mt = _[this.layer].vy ? _[this.layer].vy * s : 0, Z = _[this.layer].vx ? _[this.layer].vx * s : 0;
+        typeof h == "function" && h.call(g.dragged.parentNode[k], Z, mt, e, Gt, _[this.layer].el) !== "continue" || _e(_[this.layer].el, Z, mt);
+      }.bind({
+        layer: c
+      }), 24))), c++;
+    } while (t.bubbleScroll && m !== l && (m = tt(m, !1)));
+    ne = u;
+  }
+}, 30), Ne = function(t) {
+  var i = t.originalEvent, n = t.putSortable, o = t.dragEl, r = t.activeSortable, a = t.dispatchSortableEvent, s = t.hideGhostForTarget, l = t.unhideGhostForTarget;
+  if (!!i) {
+    var u = n || r;
+    s();
+    var h = i.changedTouches && i.changedTouches.length ? i.changedTouches[0] : i, c = document.elementFromPoint(h.clientX, h.clientY);
+    l(), u && !u.el.contains(c) && (a("spill"), this.onSpill({
+      dragEl: o,
+      putSortable: n
+    }));
+  }
+};
+function re() {
+}
+re.prototype = {
+  startIndex: null,
+  dragStart: function(t) {
+    var i = t.oldDraggableIndex;
+    this.startIndex = i;
+  },
+  onSpill: function(t) {
+    var i = t.dragEl, n = t.putSortable;
+    this.sortable.captureAnimationState(), n && n.captureAnimationState();
+    var o = ht(this.sortable.el, this.startIndex, this.options);
+    o ? this.sortable.el.insertBefore(i, o) : this.sortable.el.appendChild(i), this.sortable.animateAll(), n && n.animateAll();
+  },
+  drop: Ne
+};
+$(re, {
+  pluginName: "revertOnSpill"
+});
+function ae() {
+}
+ae.prototype = {
+  onSpill: function(t) {
+    var i = t.dragEl, n = t.putSortable, o = n || this.sortable;
+    o.captureAnimationState(), i.parentNode && i.parentNode.removeChild(i), o.animateAll();
+  },
+  drop: Ne
+};
+$(ae, {
+  pluginName: "removeOnSpill"
+});
+g.mount(new ui());
+g.mount(ae, re);
+const di = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", ci = class {
+  constructor(e) {
+    Be(this, e), this.itemDrop = le(this, "itemDrop", 7), this.valueChange = le(this, "valueChange", 7), this.onFocus = async (t) => {
+      this.listboxEl.contains(t.relatedTarget) || (await new Promise((i) => setTimeout(i)), Boolean(this.focusedItem) ? this.focusItem(this.getActiveItemIndex()) : this.focusItem(0));
+    }, this.onClick = (t) => {
+      t.preventDefault();
+      const i = t.target, n = i == null ? void 0 : i.closest("swirl-option-list-item"), o = t.composedPath()[0], r = Boolean(ue(o, '[role="option"]'));
+      if (!Boolean(n) || !r) {
+        t.preventDefault();
+        return;
+      }
+      this.selectItem(this.items.findIndex((a) => a.value === n.value));
+    }, this.onKeyDown = (t) => {
+      if (t.code === "ArrowDown")
+        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
+      else if (t.code === "ArrowUp")
+        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemUp() : this.focusPreviousItem();
+      else if (t.code === "Space" || t.code === "Enter") {
+        const i = t.composedPath()[0];
+        if (!Boolean(ue(i, '[role="option"]')))
+          return;
+        t.preventDefault(), Boolean(this.dragging) ? this.stopDrag(this.dragging) : this.selectFocusedItem();
+      } else
+        t.code === "Home" ? (t.preventDefault(), this.focusItem(0)) : t.code === "End" ? (t.preventDefault(), this.focusItem(this.items.length - 1)) : t.code === "KeyA" && (t.metaKey || t.ctrlKey) && this.multiSelect ? (t.preventDefault(), this.selectAllItems()) : t.code === "Tab" && Boolean(this.dragging) && t.preventDefault();
+    }, this.toggleDrag = (t) => {
+      const i = t.detail;
+      Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
+    }, this.startDrag = (t) => {
+      this.dragging = t, this.draggingStartIndex = this.getItemIndex(this.dragging), t.setAttribute("dragging", "true");
+      const i = this.getItemIndex(this.dragging);
+      this.focusItem(i), this.assistiveText = this.assistiveTextItemGrabbed;
+    }, this.stopDrag = (t) => {
+      this.dragging = void 0, t.removeAttribute("dragging");
+      const i = this.getActiveItemIndex();
+      this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
+    }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.disabled = void 0, this.label = void 0, this.optionListId = void 0, this.multiSelect = void 0, this.value = [], this.assistiveText = void 0;
+  }
+  componentDidLoad() {
+    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop();
+  }
+  disconnectedCallback() {
+    var e, t;
+    (e = this.observer) === null || e === void 0 || e.disconnect(), (t = this.sortable) === null || t === void 0 || t.destroy();
+  }
+  watchAllowDrag() {
+    this.setItemAllowDragState(), this.setupDragDrop();
+  }
+  watchDisabled() {
+    this.setItemDisabledState();
+  }
+  watchMultiSelect() {
+    this.setItemContext();
+  }
+  watchValue() {
+    this.syncItemsWithValue();
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.updateItems();
+    }), this.observer.observe(this.listboxEl, { childList: !0 });
+  }
+  updateItems() {
+    this.items = de(this.el, "swirl-option-list-item");
+  }
+  setItemDisabledState() {
+    this.disabled && this.items.forEach((e) => e.disabled = !0);
+  }
+  setItemContext() {
+    this.multiSelect ? this.items.forEach((e) => e.context = "multi-select") : (this.items.forEach((e) => e.context = "single-select"), this.value.length > 1 && this.updateValue([this.value[0]]));
+  }
+  setupDragDrop() {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = g.create(this.listboxEl, {
+      animation: 150,
+      draggable: "swirl-option-list-item",
+      handle: ".option-list-item__drag-handle",
+      onEnd: (e) => {
+        this.itemDrop.emit({
+          item: e.item,
+          oldIndex: e.oldIndex,
+          newIndex: e.newIndex
+        });
+      }
+    }));
+  }
+  setItemAllowDragState() {
+    if (this.allowDrag && !this.multiSelect) {
+      console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");
+      return;
+    }
+    const e = de(this.el, "swirl-option-list-section");
+    if (this.allowDrag && e.length > 0) {
+      console.error("[SwirlOptionList] Drag can only be allowed for lists without sections.");
+      return;
+    }
+    this.allowDrag ? this.items.forEach((t) => {
+      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((t) => {
+      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  selectItem(e) {
+    if (this.disabled)
+      return;
+    const t = this.items[e];
+    if (t.disabled)
+      return;
+    const i = this.value.includes(t.value);
+    this.multiSelect || (this.value = []), i ? this.updateValue(this.value.filter((n) => n !== t.value)) : this.updateValue([...this.value, t.value]);
+  }
+  updateValue(e) {
+    this.value = e, this.valueChange.emit(this.value);
+  }
+  selectFocusedItem() {
+    this.disabled || this.getActiveItemIndex() === -1 || this.selectItem(this.getActiveItemIndex());
+  }
+  selectAllItems() {
+    if (this.disabled)
+      return;
+    this.items.every((t) => this.value.includes(t.value)) ? this.updateValue([]) : this.updateValue(this.items.map((t) => t.value));
+  }
+  syncItemsWithValue() {
+    var e;
+    (e = this.items) === null || e === void 0 || e.forEach((t) => t.selected = this.value.includes(t.value));
+  }
+  focusItem(e) {
+    var t;
+    if (this.disabled)
+      return;
+    this.items.forEach((n) => n.querySelector('[role="option"]').removeAttribute("tabIndex"));
+    const i = (t = this.items[e]) === null || t === void 0 ? void 0 : t.querySelector('[role="option"]');
+    !Boolean(i) || (i.setAttribute("tabIndex", "0"), i.focus(), this.focusedItem = i);
+  }
+  focusNextItem() {
+    if (this.disabled)
+      return;
+    const e = this.getActiveItemIndex(), t = Math.min(e + 1, this.items.length - 1);
+    this.focusItem(t);
+  }
+  focusPreviousItem() {
+    const e = this.getActiveItemIndex(), t = Math.max(e - 1, 0);
+    this.focusItem(t);
+  }
+  getActiveItemIndex() {
+    return this.items.map((e) => e.querySelector('[role="option"]')).findIndex((e) => e === this.focusedItem);
+  }
+  getItemIndex(e) {
+    return this.items.map((t) => t).findIndex((t) => t === e);
+  }
+  moveDraggedItemDown() {
+    const e = this.dragging.nextElementSibling;
+    !Boolean(e) || (e.after(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getActiveItemIndex() + 1}`);
+  }
+  moveDraggedItemUp() {
+    const e = this.dragging.previousElementSibling;
+    !Boolean(e) || (e.before(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+  }
+  render() {
+    const e = this.multiSelect ? "true" : void 0, t = this.disabled ? -1 : 0;
+    return At(ke, null, At("swirl-visually-hidden", { role: "alert" }, this.assistiveText), At("div", { "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, At("slot", null)));
+  }
+  get el() {
+    return Xe(this);
+  }
+  static get watchers() {
+    return {
+      allowDrag: ["watchAllowDrag"],
+      disabled: ["watchDisabled"],
+      multiSelect: ["watchMultiSelect"],
+      value: ["watchValue"]
+    };
+  }
+};
+ci.style = di;
+export {
+  ci as swirl_option_list
+};