@getflip/swirl-components-react 0.62.0 → 0.63.0

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

@@ -1,1469 +0,0 @@
-import { r as $t, h as g, F as ht, c as ie, H as xe, g as Ee } from "./index.55285fae.js";
-import { c as ae } from "./index-d280dafb.186cdb0e.js";
-import { c as he, q as fe, a as Xe } from "./utils-61f188cc.4a43deab.js";
-import "react";
-import "react-dom";
-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.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, 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({ 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 = fe(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 = p.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 = 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() {
-    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((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:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{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.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));
-    }, this.allowDrag = void 0, this.context = "single-select", this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.icon = void 0, this.label = void 0, this.selected = !1, this.value = void 0, this.iconSize = 24;
-  }
-  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
-};