@getflip/swirl-components-react 0.11.0 → 0.12.0

package/dist/swirl-icon-check-small_4.entry.c7292189.js

@@ -0,0 +1,1468 @@
+import { r as $t, h as g, F as ht, c as ie, H as xe, g as Ee } from "./index.149af511.js";
+import { c as ae } from "./index-47862d62.75c2fcf1.js";
+import { c as he, q as fe, g as Xe } from "./utils-33d31b58.1488fcfe.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const Ye = ":host{display:inline-flex}", Re = class {
+  constructor(e) {
+    $t(this, e), this.size = 24;
+  }
+  render() {
+    const e = this.size === 20 ? 24 : this.size, t = ae("swirl-icon", `swirl-icon--size-${this.size}`);
+    return g("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && g(ht, null, g("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && g(ht, null, g("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" })), this.size === 28 && g(ht, null, g("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })));
+  }
+};
+Re.style = Ye;
+const We = ":host{display:inline-flex}", Ge = class {
+  constructor(e) {
+    $t(this, e), this.size = 24;
+  }
+  render() {
+    const e = this.size === 20 ? 24 : this.size, t = ae("swirl-icon", `swirl-icon--size-${this.size}`);
+    return g("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && g(ht, null, g("rect", { x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), g("rect", { x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), g("rect", { x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), g("rect", { x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), g("rect", { x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), g("rect", { x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && g(ht, null, g("rect", { x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), g("rect", { x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), g("rect", { x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), g("rect", { x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), g("rect", { x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), g("rect", { x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && g(ht, null, g("rect", { x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), g("rect", { x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), g("rect", { x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), g("rect", { x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), g("rect", { x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), g("rect", { x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
+  }
+};
+Ge.style = We;
+/**!
+ * Sortable 1.15.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function pe(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    t && (o = o.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), i.push.apply(i, o);
+  }
+  return i;
+}
+function $(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? pe(Object(i), !0).forEach(function(o) {
+      $e(e, o, i[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : pe(Object(i)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(i, o));
+    });
+  }
+  return e;
+}
+function zt(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? zt = function(t) {
+    return typeof t;
+  } : zt = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, zt(e);
+}
+function $e(e, t, i) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: i,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = i, e;
+}
+function U() {
+  return U = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var i = arguments[t];
+      for (var o in i)
+        Object.prototype.hasOwnProperty.call(i, o) && (e[o] = i[o]);
+    }
+    return e;
+  }, U.apply(this, arguments);
+}
+function je(e, t) {
+  if (e == null)
+    return {};
+  var i = {}, o = Object.keys(e), n, r;
+  for (r = 0; r < o.length; r++)
+    n = o[r], !(t.indexOf(n) >= 0) && (i[n] = e[n]);
+  return i;
+}
+function Ve(e, t) {
+  if (e == null)
+    return {};
+  var i = je(e, t), o, n;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < r.length; n++)
+      o = r[n], !(t.indexOf(o) >= 0) && (!Object.prototype.propertyIsEnumerable.call(e, o) || (i[o] = e[o]));
+  }
+  return i;
+}
+var Ke = "1.15.0";
+function K(e) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var Q = K(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Tt = K(/Edge/i), ge = K(/firefox/i), xt = K(/safari/i) && !K(/chrome/i) && !K(/android/i), Se = K(/iP(ad|od|hone)/i), Ie = K(/chrome/i) && K(/android/i), Ce = {
+  capture: !1,
+  passive: !1
+};
+function y(e, t, i) {
+  e.addEventListener(t, i, !Q && Ce);
+}
+function w(e, t, i) {
+  e.removeEventListener(t, i, !Q && Ce);
+}
+function Xt(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 Ue(e) {
+  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function W(e, t, i, o) {
+  if (e) {
+    i = i || document;
+    do {
+      if (t != null && (t[0] === ">" ? e.parentNode === i && Xt(e, t) : Xt(e, t)) || o && e === i)
+        return e;
+      if (e === i)
+        break;
+    } while (e = Ue(e));
+  }
+  return null;
+}
+var me = /\s+/g;
+function z(e, t, i) {
+  if (e && t)
+    if (e.classList)
+      e.classList[i ? "add" : "remove"](t);
+    else {
+      var o = (" " + e.className + " ").replace(me, " ").replace(" " + t + " ", " ");
+      e.className = (o + (i ? " " + t : "")).replace(me, " ");
+    }
+}
+function f(e, t, i) {
+  var o = e && e.style;
+  if (o) {
+    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 o) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), o[t] = i + (typeof i == "string" ? "" : "px");
+  }
+}
+function ft(e, t) {
+  var i = "";
+  if (typeof e == "string")
+    i = e;
+  else
+    do {
+      var o = f(e, "transform");
+      o && o !== "none" && (i = o + " " + i);
+    } while (!t && (e = e.parentNode));
+  var n = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return n && new n(i);
+}
+function Te(e, t, i) {
+  if (e) {
+    var o = e.getElementsByTagName(t), n = 0, r = o.length;
+    if (i)
+      for (; n < r; n++)
+        i(o[n], n);
+    return o;
+  }
+  return [];
+}
+function G() {
+  var e = document.scrollingElement;
+  return e || document.documentElement;
+}
+function C(e, t, i, o, n) {
+  if (!(!e.getBoundingClientRect && e !== window)) {
+    var r, s, a, l, c, h, u;
+    if (e !== window && e.parentNode && e !== G() ? (r = e.getBoundingClientRect(), s = r.top, a = r.left, l = r.bottom, c = r.right, h = r.height, u = r.width) : (s = 0, a = 0, l = window.innerHeight, c = window.innerWidth, h = window.innerHeight, u = window.innerWidth), (t || i) && e !== window && (n = n || e.parentNode, !Q))
+      do
+        if (n && n.getBoundingClientRect && (f(n, "transform") !== "none" || i && f(n, "position") !== "static")) {
+          var v = n.getBoundingClientRect();
+          s -= v.top + parseInt(f(n, "border-top-width")), a -= v.left + parseInt(f(n, "border-left-width")), l = s + r.height, c = a + r.width;
+          break;
+        }
+      while (n = n.parentNode);
+    if (o && e !== window) {
+      var D = ft(n || e), b = D && D.a, _ = D && D.d;
+      D && (s /= _, a /= b, u /= b, h /= _, l = s + h, c = a + u);
+    }
+    return {
+      top: s,
+      left: a,
+      bottom: l,
+      right: c,
+      width: u,
+      height: h
+    };
+  }
+}
+function ve(e, t, i) {
+  for (var o = et(e, !0), n = C(e)[t]; o; ) {
+    var r = C(o)[i], s = void 0;
+    if (i === "top" || i === "left" ? s = n >= r : s = n <= r, !s)
+      return o;
+    if (o === G())
+      break;
+    o = et(o, !1);
+  }
+  return !1;
+}
+function pt(e, t, i, o) {
+  for (var n = 0, r = 0, s = e.children; r < s.length; ) {
+    if (s[r].style.display !== "none" && s[r] !== p.ghost && (o || s[r] !== p.dragged) && W(s[r], i.draggable, e, !1)) {
+      if (n === t)
+        return s[r];
+      n++;
+    }
+    r++;
+  }
+  return null;
+}
+function le(e, t) {
+  for (var i = e.lastElementChild; i && (i === p.ghost || f(i, "display") === "none" || t && !Xt(i, t)); )
+    i = i.previousElementSibling;
+  return i || null;
+}
+function B(e, t) {
+  var i = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== p.clone && (!t || Xt(e, t)) && i++;
+  return i;
+}
+function be(e) {
+  var t = 0, i = 0, o = G();
+  if (e)
+    do {
+      var n = ft(e), r = n.a, s = n.d;
+      t += e.scrollLeft * r, i += e.scrollTop * s;
+    } while (e !== o && (e = e.parentNode));
+  return [t, i];
+}
+function Qe(e, t) {
+  for (var i in e)
+    if (!!e.hasOwnProperty(i)) {
+      for (var o in t)
+        if (t.hasOwnProperty(o) && t[o] === e[i][o])
+          return Number(i);
+    }
+  return -1;
+}
+function et(e, t) {
+  if (!e || !e.getBoundingClientRect)
+    return G();
+  var i = e, o = !1;
+  do
+    if (i.clientWidth < i.scrollWidth || i.clientHeight < i.scrollHeight) {
+      var n = f(i);
+      if (i.clientWidth < i.scrollWidth && (n.overflowX == "auto" || n.overflowX == "scroll") || i.clientHeight < i.scrollHeight && (n.overflowY == "auto" || n.overflowY == "scroll")) {
+        if (!i.getBoundingClientRect || i === document.body)
+          return G();
+        if (o || t)
+          return i;
+        o = !0;
+      }
+    }
+  while (i = i.parentNode);
+  return G();
+}
+function qe(e, t) {
+  if (e && t)
+    for (var i in t)
+      t.hasOwnProperty(i) && (e[i] = t[i]);
+  return e;
+}
+function Vt(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 Et;
+function Ae(e, t) {
+  return function() {
+    if (!Et) {
+      var i = arguments, o = this;
+      i.length === 1 ? e.call(o, i[0]) : e.apply(o, i), Et = setTimeout(function() {
+        Et = void 0;
+      }, t);
+    }
+  };
+}
+function Ze() {
+  clearTimeout(Et), Et = void 0;
+}
+function Oe(e, t, i) {
+  e.scrollLeft += t, e.scrollTop += i;
+}
+function Pe(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 L = "Sortable" + new Date().getTime();
+function Je() {
+  var e = [], t;
+  return {
+    captureAnimationState: function() {
+      if (e = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(n) {
+          if (!(f(n, "display") === "none" || n === p.ghost)) {
+            e.push({
+              target: n,
+              rect: C(n)
+            });
+            var r = $({}, e[e.length - 1].rect);
+            if (n.thisAnimationDuration) {
+              var s = ft(n, !0);
+              s && (r.top -= s.f, r.left -= s.e);
+            }
+            n.fromRect = r;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      e.push(o);
+    },
+    removeAnimationState: function(o) {
+      e.splice(Qe(e, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var n = this;
+      if (!this.options.animation) {
+        clearTimeout(t), typeof o == "function" && o();
+        return;
+      }
+      var r = !1, s = 0;
+      e.forEach(function(a) {
+        var l = 0, c = a.target, h = c.fromRect, u = C(c), v = c.prevFromRect, D = c.prevToRect, b = a.rect, _ = ft(c, !0);
+        _ && (u.top -= _.f, u.left -= _.e), c.toRect = u, c.thisAnimationDuration && Vt(v, u) && !Vt(h, u) && (b.top - u.top) / (b.left - u.left) === (h.top - u.top) / (h.left - u.left) && (l = ei(b, v, D, n.options)), Vt(u, h) || (c.prevFromRect = h, c.prevToRect = u, l || (l = n.options.animation), n.animate(c, b, u, l)), l && (r = !0, s = Math.max(s, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
+          c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
+        }, l), c.thisAnimationDuration = l);
+      }), clearTimeout(t), r ? t = setTimeout(function() {
+        typeof o == "function" && o();
+      }, s) : typeof o == "function" && o(), e = [];
+    },
+    animate: function(o, n, r, s) {
+      if (s) {
+        f(o, "transition", ""), f(o, "transform", "");
+        var a = ft(this.el), l = a && a.a, c = a && a.d, h = (n.left - r.left) / (l || 1), u = (n.top - r.top) / (c || 1);
+        o.animatingX = !!h, o.animatingY = !!u, f(o, "transform", "translate3d(" + h + "px," + u + "px,0)"), this.forRepaintDummy = ti(o), f(o, "transition", "transform " + s + "ms" + (this.options.easing ? " " + this.options.easing : "")), f(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          f(o, "transition", ""), f(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, s);
+      }
+    }
+  };
+}
+function ti(e) {
+  return e.offsetWidth;
+}
+function ei(e, t, i, o) {
+  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)) * o.animation;
+}
+var lt = [], Kt = {
+  initializeByDefault: !0
+}, At = {
+  mount: function(t) {
+    for (var i in Kt)
+      Kt.hasOwnProperty(i) && !(i in t) && (t[i] = Kt[i]);
+    lt.forEach(function(o) {
+      if (o.pluginName === t.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(t.pluginName, " more than once");
+    }), lt.push(t);
+  },
+  pluginEvent: function(t, i, o) {
+    var n = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      n.eventCanceled = !0;
+    };
+    var r = t + "Global";
+    lt.forEach(function(s) {
+      !i[s.pluginName] || (i[s.pluginName][r] && i[s.pluginName][r]($({
+        sortable: i
+      }, o)), i.options[s.pluginName] && i[s.pluginName][t] && i[s.pluginName][t]($({
+        sortable: i
+      }, o)));
+    });
+  },
+  initializePlugins: function(t, i, o, n) {
+    lt.forEach(function(a) {
+      var l = a.pluginName;
+      if (!(!t.options[l] && !a.initializeByDefault)) {
+        var c = new a(t, i, t.options);
+        c.sortable = t, c.options = t.options, t[l] = c, U(o, c.defaults);
+      }
+    });
+    for (var r in t.options)
+      if (!!t.options.hasOwnProperty(r)) {
+        var s = this.modifyOption(t, r, t.options[r]);
+        typeof s < "u" && (t.options[r] = s);
+      }
+  },
+  getEventProperties: function(t, i) {
+    var o = {};
+    return lt.forEach(function(n) {
+      typeof n.eventProperties == "function" && U(o, n.eventProperties.call(i[n.pluginName], t));
+    }), o;
+  },
+  modifyOption: function(t, i, o) {
+    var n;
+    return lt.forEach(function(r) {
+      !t[r.pluginName] || r.optionListeners && typeof r.optionListeners[i] == "function" && (n = r.optionListeners[i].call(t[r.pluginName], o));
+    }), n;
+  }
+};
+function ii(e) {
+  var t = e.sortable, i = e.rootEl, o = e.name, n = e.targetEl, r = e.cloneEl, s = e.toEl, a = e.fromEl, l = e.oldIndex, c = e.newIndex, h = e.oldDraggableIndex, u = e.newDraggableIndex, v = e.originalEvent, D = e.putSortable, b = e.extraEventProperties;
+  if (t = t || i && i[L], !!t) {
+    var _, H = t.options, j = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !Q && !Tt ? _ = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (_ = document.createEvent("Event"), _.initEvent(o, !0, !0)), _.to = s || i, _.from = a || i, _.item = n || i, _.clone = r, _.oldIndex = l, _.newIndex = c, _.oldDraggableIndex = h, _.newDraggableIndex = u, _.originalEvent = v, _.pullMode = D ? D.lastPutMode : void 0;
+    var O = $($({}, b), At.getEventProperties(o, t));
+    for (var X in O)
+      _[X] = O[X];
+    i && i.dispatchEvent(_), H[j] && H[j].call(t, _);
+  }
+}
+var oi = ["evt"], k = function(t, i) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = o.evt, r = Ve(o, oi);
+  At.pluginEvent.bind(p)(t, i, $({
+    dragEl: d,
+    parentEl: S,
+    ghostEl: m,
+    rootEl: x,
+    nextEl: at,
+    lastDownEl: Ft,
+    cloneEl: E,
+    cloneHidden: tt,
+    dragStarted: yt,
+    putSortable: T,
+    activeSortable: p.active,
+    originalEvent: n,
+    oldIndex: ut,
+    oldDraggableIndex: St,
+    newIndex: F,
+    newDraggableIndex: J,
+    hideGhostForTarget: ze,
+    unhideGhostForTarget: Fe,
+    cloneNowHidden: function() {
+      tt = !0;
+    },
+    cloneNowShown: function() {
+      tt = !1;
+    },
+    dispatchSortableEvent: function(a) {
+      P({
+        sortable: i,
+        name: a,
+        originalEvent: n
+      });
+    }
+  }, r));
+};
+function P(e) {
+  ii($({
+    putSortable: T,
+    cloneEl: E,
+    targetEl: d,
+    rootEl: x,
+    oldIndex: ut,
+    oldDraggableIndex: St,
+    newIndex: F,
+    newDraggableIndex: J
+  }, e));
+}
+var d, S, m, x, at, Ft, E, tt, ut, F, St, J, Pt, T, dt = !1, Yt = !1, Rt = [], rt, Y, Ut, Qt, we, ye, yt, ct, It, Ct = !1, kt = !1, Lt, A, qt = [], oe = !1, Wt = [], jt = typeof document < "u", Nt = Se, _e = Tt || Q ? "cssFloat" : "float", ni = jt && !Ie && !Se && "draggable" in document.createElement("div"), ke = function() {
+  if (!!jt) {
+    if (Q)
+      return !1;
+    var e = document.createElement("x");
+    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+  }
+}(), Ne = function(t, i) {
+  var o = f(t), n = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), r = pt(t, 0, i), s = pt(t, 1, i), a = r && f(r), l = s && f(s), c = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + C(r).width, h = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + C(s).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 && a.float && a.float !== "none") {
+    var u = a.float === "left" ? "left" : "right";
+    return s && (l.clear === "both" || l.clear === u) ? "vertical" : "horizontal";
+  }
+  return r && (a.display === "block" || a.display === "flex" || a.display === "table" || a.display === "grid" || c >= n && o[_e] === "none" || s && o[_e] === "none" && c + h > n) ? "vertical" : "horizontal";
+}, ri = function(t, i, o) {
+  var n = o ? t.left : t.top, r = o ? t.right : t.bottom, s = o ? t.width : t.height, a = o ? i.left : i.top, l = o ? i.right : i.bottom, c = o ? i.width : i.height;
+  return n === a || r === l || n + s / 2 === a + c / 2;
+}, si = function(t, i) {
+  var o;
+  return Rt.some(function(n) {
+    var r = n[L].options.emptyInsertThreshold;
+    if (!(!r || le(n))) {
+      var s = C(n), a = t >= s.left - r && t <= s.right + r, l = i >= s.top - r && i <= s.bottom + r;
+      if (a && l)
+        return o = n;
+    }
+  }), o;
+}, Me = function(t) {
+  function i(r, s) {
+    return function(a, l, c, h) {
+      var u = a.options.group.name && l.options.group.name && a.options.group.name === l.options.group.name;
+      if (r == null && (s || u))
+        return !0;
+      if (r == null || r === !1)
+        return !1;
+      if (s && r === "clone")
+        return r;
+      if (typeof r == "function")
+        return i(r(a, l, c, h), s)(a, l, c, h);
+      var v = (s ? a : l).options.group.name;
+      return r === !0 || typeof r == "string" && r === v || r.join && r.indexOf(v) > -1;
+    };
+  }
+  var o = {}, n = t.group;
+  (!n || zt(n) != "object") && (n = {
+    name: n
+  }), o.name = n.name, o.checkPull = i(n.pull, !0), o.checkPut = i(n.put), o.revertClone = n.revertClone, t.group = o;
+}, ze = function() {
+  !ke && m && f(m, "display", "none");
+}, Fe = function() {
+  !ke && m && f(m, "display", "");
+};
+jt && !Ie && document.addEventListener("click", function(e) {
+  if (Yt)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Yt = !1, !1;
+}, !0);
+var st = function(t) {
+  if (d) {
+    t = t.touches ? t.touches[0] : t;
+    var i = si(t.clientX, t.clientY);
+    if (i) {
+      var o = {};
+      for (var n in t)
+        t.hasOwnProperty(n) && (o[n] = t[n]);
+      o.target = o.rootEl = i, o.preventDefault = void 0, o.stopPropagation = void 0, i[L]._onDragOver(o);
+    }
+  }
+}, ai = function(t) {
+  d && d.parentNode[L]._isOutsideThisEl(t.target);
+};
+function p(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 = U({}, t), e[L] = 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 Ne(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(s, a) {
+      s.setData("Text", a.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 && !xt,
+    emptyInsertThreshold: 5
+  };
+  At.initializePlugins(this, e, i);
+  for (var o in i)
+    !(o in t) && (t[o] = i[o]);
+  Me(t);
+  for (var n in this)
+    n.charAt(0) === "_" && typeof this[n] == "function" && (this[n] = this[n].bind(this));
+  this.nativeDraggable = t.forceFallback ? !1 : ni, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? y(e, "pointerdown", this._onTapStart) : (y(e, "mousedown", this._onTapStart), y(e, "touchstart", this._onTapStart)), this.nativeDraggable && (y(e, "dragover", this), y(e, "dragenter", this)), Rt.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), U(this, Je());
+}
+p.prototype = {
+  constructor: p,
+  _isOutsideThisEl: function(t) {
+    !this.el.contains(t) && t !== this.el && (ct = 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, o = this.el, n = this.options, r = n.preventOnFilter, s = t.type, a = t.touches && t.touches[0] || t.pointerType && t.pointerType === "touch" && t, l = (a || t).target, c = t.target.shadowRoot && (t.path && t.path[0] || t.composedPath && t.composedPath()[0]) || l, h = n.filter;
+      if (gi(o), !d && !(/mousedown|pointerdown/.test(s) && t.button !== 0 || n.disabled) && !c.isContentEditable && !(!this.nativeDraggable && xt && l && l.tagName.toUpperCase() === "SELECT") && (l = W(l, n.draggable, o, !1), !(l && l.animated) && Ft !== l)) {
+        if (ut = B(l), St = B(l, n.draggable), typeof h == "function") {
+          if (h.call(this, t, l, this)) {
+            P({
+              sortable: i,
+              rootEl: c,
+              name: "filter",
+              targetEl: l,
+              toEl: o,
+              fromEl: o
+            }), k("filter", i, {
+              evt: t
+            }), r && t.cancelable && t.preventDefault();
+            return;
+          }
+        } else if (h && (h = h.split(",").some(function(u) {
+          if (u = W(c, u.trim(), o, !1), u)
+            return P({
+              sortable: i,
+              rootEl: u,
+              name: "filter",
+              targetEl: l,
+              fromEl: o,
+              toEl: o
+            }), k("filter", i, {
+              evt: t
+            }), !0;
+        }), h)) {
+          r && t.cancelable && t.preventDefault();
+          return;
+        }
+        n.handle && !W(c, n.handle, o, !1) || this._prepareDragStart(t, a, l);
+      }
+    }
+  },
+  _prepareDragStart: function(t, i, o) {
+    var n = this, r = n.el, s = n.options, a = r.ownerDocument, l;
+    if (o && !d && o.parentNode === r) {
+      var c = C(o);
+      if (x = r, d = o, S = d.parentNode, at = d.nextSibling, Ft = o, Pt = s.group, p.dragged = d, rt = {
+        target: d,
+        clientX: (i || t).clientX,
+        clientY: (i || t).clientY
+      }, we = rt.clientX - c.left, ye = rt.clientY - c.top, this._lastX = (i || t).clientX, this._lastY = (i || t).clientY, d.style["will-change"] = "all", l = function() {
+        if (k("delayEnded", n, {
+          evt: t
+        }), p.eventCanceled) {
+          n._onDrop();
+          return;
+        }
+        n._disableDelayedDragEvents(), !ge && n.nativeDraggable && (d.draggable = !0), n._triggerDragStart(t, i), P({
+          sortable: n,
+          name: "choose",
+          originalEvent: t
+        }), z(d, s.chosenClass, !0);
+      }, s.ignore.split(",").forEach(function(h) {
+        Te(d, h.trim(), Zt);
+      }), y(a, "dragover", st), y(a, "mousemove", st), y(a, "touchmove", st), y(a, "mouseup", n._onDrop), y(a, "touchend", n._onDrop), y(a, "touchcancel", n._onDrop), ge && this.nativeDraggable && (this.options.touchStartThreshold = 4, d.draggable = !0), k("delayStart", this, {
+        evt: t
+      }), s.delay && (!s.delayOnTouchOnly || i) && (!this.nativeDraggable || !(Tt || Q))) {
+        if (p.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        y(a, "mouseup", n._disableDelayedDrag), y(a, "touchend", n._disableDelayedDrag), y(a, "touchcancel", n._disableDelayedDrag), y(a, "mousemove", n._delayedDragTouchMoveHandler), y(a, "touchmove", n._delayedDragTouchMoveHandler), s.supportPointer && y(a, "pointermove", n._delayedDragTouchMoveHandler), n._dragStartTimer = setTimeout(l, s.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 && Zt(d), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var t = this.el.ownerDocument;
+    w(t, "mouseup", this._disableDelayedDrag), w(t, "touchend", this._disableDelayedDrag), w(t, "touchcancel", this._disableDelayedDrag), w(t, "mousemove", this._delayedDragTouchMoveHandler), w(t, "touchmove", this._delayedDragTouchMoveHandler), w(t, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(t, i) {
+    i = i || t.pointerType == "touch" && t, !this.nativeDraggable || i ? this.options.supportPointer ? y(document, "pointermove", this._onTouchMove) : i ? y(document, "touchmove", this._onTouchMove) : y(document, "mousemove", this._onTouchMove) : (y(d, "dragend", this), y(x, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Bt(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(t, i) {
+    if (dt = !1, x && d) {
+      k("dragStarted", this, {
+        evt: i
+      }), this.nativeDraggable && y(document, "dragover", ai);
+      var o = this.options;
+      !t && z(d, o.dragClass, !1), z(d, o.ghostClass, !0), p.active = this, t && this._appendGhost(), P({
+        sortable: this,
+        name: "start",
+        originalEvent: i
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (Y) {
+      this._lastX = Y.clientX, this._lastY = Y.clientY, ze();
+      for (var t = document.elementFromPoint(Y.clientX, Y.clientY), i = t; t && t.shadowRoot && (t = t.shadowRoot.elementFromPoint(Y.clientX, Y.clientY), t !== i); )
+        i = t;
+      if (d.parentNode[L]._isOutsideThisEl(t), i)
+        do {
+          if (i[L]) {
+            var o = void 0;
+            if (o = i[L]._onDragOver({
+              clientX: Y.clientX,
+              clientY: Y.clientY,
+              target: t,
+              rootEl: i
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          t = i;
+        } while (i = i.parentNode);
+      Fe();
+    }
+  },
+  _onTouchMove: function(t) {
+    if (rt) {
+      var i = this.options, o = i.fallbackTolerance, n = i.fallbackOffset, r = t.touches ? t.touches[0] : t, s = m && ft(m, !0), a = m && s && s.a, l = m && s && s.d, c = Nt && A && be(A), h = (r.clientX - rt.clientX + n.x) / (a || 1) + (c ? c[0] - qt[0] : 0) / (a || 1), u = (r.clientY - rt.clientY + n.y) / (l || 1) + (c ? c[1] - qt[1] : 0) / (l || 1);
+      if (!p.active && !dt) {
+        if (o && Math.max(Math.abs(r.clientX - this._lastX), Math.abs(r.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(t, !0);
+      }
+      if (m) {
+        s ? (s.e += h - (Ut || 0), s.f += u - (Qt || 0)) : s = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: h,
+          f: u
+        };
+        var v = "matrix(".concat(s.a, ",").concat(s.b, ",").concat(s.c, ",").concat(s.d, ",").concat(s.e, ",").concat(s.f, ")");
+        f(m, "webkitTransform", v), f(m, "mozTransform", v), f(m, "msTransform", v), f(m, "transform", v), Ut = h, Qt = u, Y = r;
+      }
+      t.cancelable && t.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!m) {
+      var t = this.options.fallbackOnBody ? document.body : x, i = C(d, !0, Nt, !0, t), o = this.options;
+      if (Nt) {
+        for (A = t; f(A, "position") === "static" && f(A, "transform") === "none" && A !== document; )
+          A = A.parentNode;
+        A !== document.body && A !== document.documentElement ? (A === document && (A = G()), i.top += A.scrollTop, i.left += A.scrollLeft) : A = G(), qt = be(A);
+      }
+      m = d.cloneNode(!0), z(m, o.ghostClass, !1), z(m, o.fallbackClass, !0), z(m, o.dragClass, !0), f(m, "transition", ""), f(m, "transform", ""), f(m, "box-sizing", "border-box"), f(m, "margin", 0), f(m, "top", i.top), f(m, "left", i.left), f(m, "width", i.width), f(m, "height", i.height), f(m, "opacity", "0.8"), f(m, "position", Nt ? "absolute" : "fixed"), f(m, "zIndex", "100000"), f(m, "pointerEvents", "none"), p.ghost = m, t.appendChild(m), f(m, "transform-origin", we / parseInt(m.style.width) * 100 + "% " + ye / parseInt(m.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(t, i) {
+    var o = this, n = t.dataTransfer, r = o.options;
+    if (k("dragStart", this, {
+      evt: t
+    }), p.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    k("setupClone", this), p.eventCanceled || (E = Pe(d), E.removeAttribute("id"), E.draggable = !1, E.style["will-change"] = "", this._hideClone(), z(E, this.options.chosenClass, !1), p.clone = E), o.cloneId = Bt(function() {
+      k("clone", o), !p.eventCanceled && (o.options.removeCloneOnHide || x.insertBefore(E, d), o._hideClone(), P({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !i && z(d, r.dragClass, !0), i ? (Yt = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (w(document, "mouseup", o._onDrop), w(document, "touchend", o._onDrop), w(document, "touchcancel", o._onDrop), n && (n.effectAllowed = "move", r.setData && r.setData.call(o, n, d)), y(document, "drop", o), f(d, "transform", "translateZ(0)")), dt = !0, o._dragStartId = Bt(o._dragStarted.bind(o, i, t)), y(document, "selectstart", o), yt = !0, xt && f(document.body, "user-select", "none");
+  },
+  _onDragOver: function(t) {
+    var i = this.el, o = t.target, n, r, s, a = this.options, l = a.group, c = p.active, h = Pt === l, u = a.sort, v = T || c, D, b = this, _ = !1;
+    if (oe)
+      return;
+    function H(wt, Be) {
+      k(wt, b, $({
+        evt: t,
+        isOwner: h,
+        axis: D ? "vertical" : "horizontal",
+        revert: s,
+        dragRect: n,
+        targetRect: r,
+        canSort: u,
+        fromSortable: v,
+        target: o,
+        completed: O,
+        onMove: function(ue, He) {
+          return Mt(x, i, d, n, ue, C(ue), t, He);
+        },
+        changed: X
+      }, Be));
+    }
+    function j() {
+      H("dragOverAnimationCapture"), b.captureAnimationState(), b !== v && v.captureAnimationState();
+    }
+    function O(wt) {
+      return H("dragOverCompleted", {
+        insertion: wt
+      }), wt && (h ? c._hideClone() : c._showClone(b), b !== v && (z(d, T ? T.options.ghostClass : c.options.ghostClass, !1), z(d, a.ghostClass, !0)), T !== b && b !== p.active ? T = b : b === p.active && T && (T = null), v === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
+        H("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
+      }), b !== v && (v.animateAll(), v._ignoreWhileAnimating = null)), (o === d && !d.animated || o === i && !o.animated) && (ct = null), !a.dragoverBubble && !t.rootEl && o !== document && (d.parentNode[L]._isOutsideThisEl(t.target), !wt && st(t)), !a.dragoverBubble && t.stopPropagation && t.stopPropagation(), _ = !0;
+    }
+    function X() {
+      F = B(d), J = B(d, a.draggable), P({
+        sortable: b,
+        name: "change",
+        toEl: i,
+        newIndex: F,
+        newDraggableIndex: J,
+        originalEvent: t
+      });
+    }
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), o = W(o, a.draggable, i, !0), H("dragOver"), p.eventCanceled)
+      return _;
+    if (d.contains(t.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
+      return O(!1);
+    if (Yt = !1, c && !a.disabled && (h ? u || (s = S !== x) : T === this || (this.lastPutMode = Pt.checkPull(this, c, d, t)) && l.checkPut(this, c, d, t))) {
+      if (D = this._getDirection(t, o) === "vertical", n = C(d), H("dragOverValid"), p.eventCanceled)
+        return _;
+      if (s)
+        return S = x, j(), this._hideClone(), H("revert"), p.eventCanceled || (at ? x.insertBefore(d, at) : x.appendChild(d)), O(!0);
+      var N = le(i, a.draggable);
+      if (!N || ui(t, D, this) && !N.animated) {
+        if (N === d)
+          return O(!1);
+        if (N && i === t.target && (o = N), o && (r = C(o)), Mt(x, i, d, n, o, r, t, !!o) !== !1)
+          return j(), N && N.nextSibling ? i.insertBefore(d, N.nextSibling) : i.appendChild(d), S = i, X(), O(!0);
+      } else if (N && di(t, D, this)) {
+        var it = pt(i, 0, a, !0);
+        if (it === d)
+          return O(!1);
+        if (o = it, r = C(o), Mt(x, i, d, n, o, r, t, !1) !== !1)
+          return j(), i.insertBefore(d, it), S = i, X(), O(!0);
+      } else if (o.parentNode === i) {
+        r = C(o);
+        var R = 0, ot, gt = d.parentNode !== i, M = !ri(d.animated && d.toRect || n, o.animated && o.toRect || r, D), mt = D ? "top" : "left", q = ve(o, "top", "top") || ve(d, "top", "top"), vt = q ? q.scrollTop : void 0;
+        ct !== o && (ot = r[mt], Ct = !1, kt = !M && a.invertSwap || gt), R = hi(t, o, r, D, M ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, kt, ct === o);
+        var V;
+        if (R !== 0) {
+          var nt = B(d);
+          do
+            nt -= R, V = S.children[nt];
+          while (V && (f(V, "display") === "none" || V === m));
+        }
+        if (R === 0 || V === o)
+          return O(!1);
+        ct = o, It = R;
+        var bt = o.nextElementSibling, Z = !1;
+        Z = R === 1;
+        var Ot = Mt(x, i, d, n, o, r, t, Z);
+        if (Ot !== !1)
+          return (Ot === 1 || Ot === -1) && (Z = Ot === 1), oe = !0, setTimeout(ci, 30), j(), Z && !bt ? i.appendChild(d) : o.parentNode.insertBefore(d, Z ? bt : o), q && Oe(q, 0, vt - q.scrollTop), S = d.parentNode, ot !== void 0 && !kt && (Lt = Math.abs(ot - C(o)[mt])), X(), O(!0);
+      }
+      if (i.contains(d))
+        return O(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    w(document, "mousemove", this._onTouchMove), w(document, "touchmove", this._onTouchMove), w(document, "pointermove", this._onTouchMove), w(document, "dragover", st), w(document, "mousemove", st), w(document, "touchmove", st);
+  },
+  _offUpEvents: function() {
+    var t = this.el.ownerDocument;
+    w(t, "mouseup", this._onDrop), w(t, "touchend", this._onDrop), w(t, "pointerup", this._onDrop), w(t, "touchcancel", this._onDrop), w(document, "selectstart", this);
+  },
+  _onDrop: function(t) {
+    var i = this.el, o = this.options;
+    if (F = B(d), J = B(d, o.draggable), k("drop", this, {
+      evt: t
+    }), S = d && d.parentNode, F = B(d), J = B(d, o.draggable), p.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    dt = !1, kt = !1, Ct = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ne(this.cloneId), ne(this._dragStartId), this.nativeDraggable && (w(document, "drop", this), w(i, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), xt && f(document.body, "user-select", ""), f(d, "transform", ""), t && (yt && (t.cancelable && t.preventDefault(), !o.dropBubble && t.stopPropagation()), m && m.parentNode && m.parentNode.removeChild(m), (x === S || T && T.lastPutMode !== "clone") && E && E.parentNode && E.parentNode.removeChild(E), d && (this.nativeDraggable && w(d, "dragend", this), Zt(d), d.style["will-change"] = "", yt && !dt && z(d, T ? T.options.ghostClass : this.options.ghostClass, !1), z(d, this.options.chosenClass, !1), P({
+      sortable: this,
+      name: "unchoose",
+      toEl: S,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: t
+    }), x !== S ? (F >= 0 && (P({
+      rootEl: S,
+      name: "add",
+      toEl: S,
+      fromEl: x,
+      originalEvent: t
+    }), P({
+      sortable: this,
+      name: "remove",
+      toEl: S,
+      originalEvent: t
+    }), P({
+      rootEl: S,
+      name: "sort",
+      toEl: S,
+      fromEl: x,
+      originalEvent: t
+    }), P({
+      sortable: this,
+      name: "sort",
+      toEl: S,
+      originalEvent: t
+    })), T && T.save()) : F !== ut && F >= 0 && (P({
+      sortable: this,
+      name: "update",
+      toEl: S,
+      originalEvent: t
+    }), P({
+      sortable: this,
+      name: "sort",
+      toEl: S,
+      originalEvent: t
+    })), p.active && ((F == null || F === -1) && (F = ut, J = St), P({
+      sortable: this,
+      name: "end",
+      toEl: S,
+      originalEvent: t
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    k("nulling", this), x = d = S = m = at = E = Ft = tt = rt = Y = yt = F = J = ut = St = ct = It = T = Pt = p.dragged = p.ghost = p.clone = p.active = null, Wt.forEach(function(t) {
+      t.checked = !0;
+    }), Wt.length = Ut = Qt = 0;
+  },
+  handleEvent: function(t) {
+    switch (t.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(t);
+        break;
+      case "dragenter":
+      case "dragover":
+        d && (this._onDragOver(t), li(t));
+        break;
+      case "selectstart":
+        t.preventDefault();
+        break;
+    }
+  },
+  toArray: function() {
+    for (var t = [], i, o = this.el.children, n = 0, r = o.length, s = this.options; n < r; n++)
+      i = o[n], W(i, s.draggable, this.el, !1) && t.push(i.getAttribute(s.dataIdAttr) || pi(i));
+    return t;
+  },
+  sort: function(t, i) {
+    var o = {}, n = this.el;
+    this.toArray().forEach(function(r, s) {
+      var a = n.children[s];
+      W(a, this.options.draggable, n, !1) && (o[r] = a);
+    }, this), i && this.captureAnimationState(), t.forEach(function(r) {
+      o[r] && (n.removeChild(o[r]), n.appendChild(o[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 o = this.options;
+    if (i === void 0)
+      return o[t];
+    var n = At.modifyOption(this, t, i);
+    typeof n < "u" ? o[t] = n : o[t] = i, t === "group" && Me(o);
+  },
+  destroy: function() {
+    k("destroy", this);
+    var t = this.el;
+    t[L] = null, w(t, "mousedown", this._onTapStart), w(t, "touchstart", this._onTapStart), w(t, "pointerdown", this._onTapStart), this.nativeDraggable && (w(t, "dragover", this), w(t, "dragenter", this)), Array.prototype.forEach.call(t.querySelectorAll("[draggable]"), function(i) {
+      i.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), Rt.splice(Rt.indexOf(this.el), 1), this.el = t = null;
+  },
+  _hideClone: function() {
+    if (!tt) {
+      if (k("hideClone", this), p.eventCanceled)
+        return;
+      f(E, "display", "none"), this.options.removeCloneOnHide && E.parentNode && E.parentNode.removeChild(E), tt = !0;
+    }
+  },
+  _showClone: function(t) {
+    if (t.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (tt) {
+      if (k("showClone", this), p.eventCanceled)
+        return;
+      d.parentNode == x && !this.options.group.revertClone ? x.insertBefore(E, d) : at ? x.insertBefore(E, at) : x.appendChild(E), this.options.group.revertClone && this.animate(d, E), f(E, "display", ""), tt = !1;
+    }
+  }
+};
+function li(e) {
+  e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function Mt(e, t, i, o, n, r, s, a) {
+  var l, c = e[L], h = c.options.onMove, u;
+  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 = o, l.related = n || t, l.relatedRect = r || C(t), l.willInsertAfter = a, l.originalEvent = s, e.dispatchEvent(l), h && (u = h.call(c, l, s)), u;
+}
+function Zt(e) {
+  e.draggable = !1;
+}
+function ci() {
+  oe = !1;
+}
+function di(e, t, i) {
+  var o = C(pt(i.el, 0, i.options, !0)), n = 10;
+  return t ? e.clientX < o.left - n || e.clientY < o.top && e.clientX < o.right : e.clientY < o.top - n || e.clientY < o.bottom && e.clientX < o.left;
+}
+function ui(e, t, i) {
+  var o = C(le(i.el, i.options.draggable)), n = 10;
+  return t ? e.clientX > o.right + n || e.clientX <= o.right && e.clientY > o.bottom && e.clientX >= o.left : e.clientX > o.right && e.clientY > o.top || e.clientX <= o.right && e.clientY > o.bottom + n;
+}
+function hi(e, t, i, o, n, r, s, a) {
+  var l = o ? e.clientY : e.clientX, c = o ? i.height : i.width, h = o ? i.top : i.left, u = o ? i.bottom : i.right, v = !1;
+  if (!s) {
+    if (a && Lt < c * n) {
+      if (!Ct && (It === 1 ? l > h + c * r / 2 : l < u - c * r / 2) && (Ct = !0), Ct)
+        v = !0;
+      else if (It === 1 ? l < h + Lt : l > u - Lt)
+        return -It;
+    } else if (l > h + c * (1 - n) / 2 && l < u - c * (1 - n) / 2)
+      return fi(t);
+  }
+  return v = v || s, v && (l < h + c * r / 2 || l > u - c * r / 2) ? l > h + c / 2 ? 1 : -1 : 0;
+}
+function fi(e) {
+  return B(d) < B(e) ? 1 : -1;
+}
+function pi(e) {
+  for (var t = e.tagName + e.className + e.src + e.href + e.textContent, i = t.length, o = 0; i--; )
+    o += t.charCodeAt(i);
+  return o.toString(36);
+}
+function gi(e) {
+  Wt.length = 0;
+  for (var t = e.getElementsByTagName("input"), i = t.length; i--; ) {
+    var o = t[i];
+    o.checked && Wt.push(o);
+  }
+}
+function Bt(e) {
+  return setTimeout(e, 0);
+}
+function ne(e) {
+  return clearTimeout(e);
+}
+jt && y(document, "touchmove", function(e) {
+  (p.active || dt) && e.cancelable && e.preventDefault();
+});
+p.utils = {
+  on: y,
+  off: w,
+  css: f,
+  find: Te,
+  is: function(t, i) {
+    return !!W(t, i, t, !1);
+  },
+  extend: qe,
+  throttle: Ae,
+  closest: W,
+  toggleClass: z,
+  clone: Pe,
+  index: B,
+  nextTick: Bt,
+  cancelNextTick: ne,
+  detectDirection: Ne,
+  getChild: pt
+};
+p.get = function(e) {
+  return e[L];
+};
+p.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(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 = $($({}, p.utils), o.utils)), At.mount(o);
+  });
+};
+p.create = function(e, t) {
+  return new p(e, t);
+};
+p.version = Ke;
+var I = [], _t, re, se = !1, Jt, te, Gt, Dt;
+function mi() {
+  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 o = i.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(i) {
+      var o = i.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? w(document, "dragover", this._handleAutoScroll) : (w(document, "pointermove", this._handleFallbackAutoScroll), w(document, "touchmove", this._handleFallbackAutoScroll), w(document, "mousemove", this._handleFallbackAutoScroll)), De(), Ht(), Ze();
+    },
+    nulling: function() {
+      Gt = re = _t = se = Dt = Jt = te = null, I.length = 0;
+    },
+    _handleFallbackAutoScroll: function(i) {
+      this._handleAutoScroll(i, !0);
+    },
+    _handleAutoScroll: function(i, o) {
+      var n = this, r = (i.touches ? i.touches[0] : i).clientX, s = (i.touches ? i.touches[0] : i).clientY, a = document.elementFromPoint(r, s);
+      if (Gt = i, o || this.options.forceAutoScrollFallback || Tt || Q || xt) {
+        ee(i, this.options, a, o);
+        var l = et(a, !0);
+        se && (!Dt || r !== Jt || s !== te) && (Dt && De(), Dt = setInterval(function() {
+          var c = et(document.elementFromPoint(r, s), !0);
+          c !== l && (l = c, Ht()), ee(i, n.options, c, o);
+        }, 10), Jt = r, te = s);
+      } else {
+        if (!this.options.bubbleScroll || et(a, !0) === G()) {
+          Ht();
+          return;
+        }
+        ee(i, this.options, et(a, !1), !1);
+      }
+    }
+  }, U(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function Ht() {
+  I.forEach(function(e) {
+    clearInterval(e.pid);
+  }), I = [];
+}
+function De() {
+  clearInterval(Dt);
+}
+var ee = Ae(function(e, t, i, o) {
+  if (!!t.scroll) {
+    var n = (e.touches ? e.touches[0] : e).clientX, r = (e.touches ? e.touches[0] : e).clientY, s = t.scrollSensitivity, a = t.scrollSpeed, l = G(), c = !1, h;
+    re !== i && (re = i, Ht(), _t = t.scroll, h = t.scrollFn, _t === !0 && (_t = et(i, !0)));
+    var u = 0, v = _t;
+    do {
+      var D = v, b = C(D), _ = b.top, H = b.bottom, j = b.left, O = b.right, X = b.width, N = b.height, it = void 0, R = void 0, ot = D.scrollWidth, gt = D.scrollHeight, M = f(D), mt = D.scrollLeft, q = D.scrollTop;
+      D === l ? (it = X < ot && (M.overflowX === "auto" || M.overflowX === "scroll" || M.overflowX === "visible"), R = N < gt && (M.overflowY === "auto" || M.overflowY === "scroll" || M.overflowY === "visible")) : (it = X < ot && (M.overflowX === "auto" || M.overflowX === "scroll"), R = N < gt && (M.overflowY === "auto" || M.overflowY === "scroll"));
+      var vt = it && (Math.abs(O - n) <= s && mt + X < ot) - (Math.abs(j - n) <= s && !!mt), V = R && (Math.abs(H - r) <= s && q + N < gt) - (Math.abs(_ - r) <= s && !!q);
+      if (!I[u])
+        for (var nt = 0; nt <= u; nt++)
+          I[nt] || (I[nt] = {});
+      (I[u].vx != vt || I[u].vy != V || I[u].el !== D) && (I[u].el = D, I[u].vx = vt, I[u].vy = V, clearInterval(I[u].pid), (vt != 0 || V != 0) && (c = !0, I[u].pid = setInterval(function() {
+        o && this.layer === 0 && p.active._onTouchMove(Gt);
+        var bt = I[this.layer].vy ? I[this.layer].vy * a : 0, Z = I[this.layer].vx ? I[this.layer].vx * a : 0;
+        typeof h == "function" && h.call(p.dragged.parentNode[L], Z, bt, e, Gt, I[this.layer].el) !== "continue" || Oe(I[this.layer].el, Z, bt);
+      }.bind({
+        layer: u
+      }), 24))), u++;
+    } while (t.bubbleScroll && v !== l && (v = et(v, !1)));
+    se = c;
+  }
+}, 30), Le = function(t) {
+  var i = t.originalEvent, o = t.putSortable, n = t.dragEl, r = t.activeSortable, s = t.dispatchSortableEvent, a = t.hideGhostForTarget, l = t.unhideGhostForTarget;
+  if (!!i) {
+    var c = o || r;
+    a();
+    var h = i.changedTouches && i.changedTouches.length ? i.changedTouches[0] : i, u = document.elementFromPoint(h.clientX, h.clientY);
+    l(), c && !c.el.contains(u) && (s("spill"), this.onSpill({
+      dragEl: n,
+      putSortable: o
+    }));
+  }
+};
+function ce() {
+}
+ce.prototype = {
+  startIndex: null,
+  dragStart: function(t) {
+    var i = t.oldDraggableIndex;
+    this.startIndex = i;
+  },
+  onSpill: function(t) {
+    var i = t.dragEl, o = t.putSortable;
+    this.sortable.captureAnimationState(), o && o.captureAnimationState();
+    var n = pt(this.sortable.el, this.startIndex, this.options);
+    n ? this.sortable.el.insertBefore(i, n) : this.sortable.el.appendChild(i), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: Le
+};
+U(ce, {
+  pluginName: "revertOnSpill"
+});
+function de() {
+}
+de.prototype = {
+  onSpill: function(t) {
+    var i = t.dragEl, o = t.putSortable, n = o || this.sortable;
+    n.captureAnimationState(), i.parentNode && i.parentNode.removeChild(i), n.animateAll();
+  },
+  drop: Le
+};
+U(de, {
+  pluginName: "removeOnSpill"
+});
+p.mount(new mi());
+p.mount(de, ce);
+const vi = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", bi = class {
+  constructor(e) {
+    $t(this, e), this.itemDrop = ie(this, "itemDrop", 7), this.valueChange = ie(this, "valueChange", 7), 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.value = [], this.onFocus = async () => {
+      await new Promise((t) => setTimeout(t)), Boolean(this.focusedItem) ? this.focusItem(this.getActiveItemIndex()) : this.focusItem(0);
+    }, this.onClick = (t) => {
+      t.preventDefault();
+      const i = t.target, o = i == null ? void 0 : i.closest("swirl-option-list-item"), n = t.composedPath()[0], r = Boolean(he(n, '[role="option"]'));
+      if (!Boolean(o) || !r) {
+        t.preventDefault();
+        return;
+      }
+      this.selectItem(this.items.findIndex((s) => s.value === o.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(he(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({ oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = 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 = fe(this.el, "swirl-option-list-item");
+  }
+  setItemDisabledState() {
+    this.items.forEach((e) => e.disabled = this.disabled);
+  }
+  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 = p.create(this.listboxEl, {
+      animation: 150,
+      draggable: "swirl-option-list-item",
+      handle: ".option-list-item__drag-handle",
+      onEnd: (e) => {
+        this.itemDrop.emit({
+          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 = fe(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((o) => o !== 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() {
+    this.items.forEach((e) => e.selected = this.value.includes(e.value));
+  }
+  focusItem(e) {
+    var t;
+    if (this.disabled)
+      return;
+    this.items.forEach((o) => o.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 g(xe, null, g("swirl-visually-hidden", { role: "alert" }, this.assistiveText), g("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 }, g("slot", null)));
+  }
+  get el() {
+    return Ee(this);
+  }
+  static get watchers() {
+    return {
+      allowDrag: ["watchAllowDrag"],
+      disabled: ["watchDisabled"],
+      multiSelect: ["watchMultiSelect"],
+      value: ["watchValue"]
+    };
+  }
+};
+bi.style = vi;
+const wi = `.sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
+    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:-webkit-grab;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:-webkit-grabbing;cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, yi = class {
+  constructor(e) {
+    $t(this, e), this.toggleDrag = ie(this, "toggleDrag", 7), this.context = "single-select", this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.selected = !1, this.iconSize = 24, this.desktopMediaQuery = Xe(), this.desktopMediaQueryHandler = (t) => {
+      this.forceIconProps(t.matches), this.updateIconSize(t.matches);
+    }, this.onDragHandleKeyDown = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
+    };
+  }
+  componentDidLoad() {
+    var e, t;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), (t = (e = this.desktopMediaQuery).addEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
+  }
+  disconnectedCallback() {
+    var e, t;
+    (t = (e = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(e) {
+    var t;
+    const i = (t = this.iconEl) === null || t === void 0 ? void 0 : t.children[0];
+    i == null || i.setAttribute("size", e ? "20" : "24");
+  }
+  updateIconSize(e) {
+    this.iconSize = e ? 20 : 24;
+  }
+  render() {
+    const e = this.disabled ? "true" : void 0, t = String(this.selected), i = this.context === "multi-select", o = Boolean(this.icon) && this.context === "single-select", n = this.selected && this.context === "single-select", r = ae("option-list-item", `option-list-item--context-${this.context}`, {
+      "option-list-item--disabled": this.disabled,
+      "option-list-item--draggable": this.allowDrag,
+      "option-list-item--dragging": this.dragging,
+      "option-list-item--selected": this.selected
+    });
+    return g(xe, null, g("div", { "aria-disabled": e, "aria-selected": t, class: r, part: "option-list-item", role: "option" }, o && g("span", { class: "option-list-item__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), i && g("span", { class: "option-list-item__checkbox" }, g("span", { class: "option-list-item__checkbox-box" }, this.selected && g("swirl-icon-check-strong", { class: "option-list-item__checkbox-icon", size: 16 }))), g("span", { class: "option-list-item__label", part: "option-list-item__label" }, this.label), n && g("span", { class: "option-list-item__selection-icon" }, g("swirl-icon-check-small", { size: this.iconSize }))), this.allowDrag && g("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, g("swirl-icon-drag-handle", { size: this.iconSize })));
+  }
+  get el() {
+    return Ee(this);
+  }
+};
+yi.style = wi;
+export {
+  Re as swirl_icon_check_small,
+  Ge as swirl_icon_drag_handle,
+  bi as swirl_option_list,
+  yi as swirl_option_list_item
+};