ss-component-new 1.2.22 → 1.2.23

package/dist/index-DEs8s152.js

@@ -0,0 +1,3621 @@
+import { ref as me, computed as vt, resolveComponent as $t, createElementBlock as be, openBlock as fe, Fragment as Nt, renderList as Ht, createElementVNode as ve, toDisplayString as st, createVNode as he, watch as ue, withCtx as Me, createBlock as Wt, resolveDynamicComponent as gr, createTextVNode as pn, createCommentVNode as gt, normalizeStyle as mn, withModifiers as Dt, defineComponent as mr, inject as rr, shallowRef as Ni, reactive as Yt, toRef as Hi, onBeforeMount as yr, onMounted as br, watchEffect as Wi, onBeforeUnmount as xr, normalizeClass as ir, renderSlot as dn, nextTick as Ye, provide as or, toRefs as ar, withDirectives as Yi, mergeProps as Xi, vShow as Vi, unref as sr } from "vue";
+import { r as fn, g as wr } from "./index-BVdolwlx.js";
+import { p as yn, s as bn, c as De, E as Gi } from "./index-Dm_WlV6R.js";
+import { a as xn, E as Ui } from "./index.vue_vue_type_style_index_1_lang-B0l6QIWy.js";
+import { i as Ce, o as ke, b as lr, w as qi, Z as Ki, n as Ji } from "./array-DTXrs6ZK.js";
+import { _ as wn } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import Zi from "./index-DiRBJiMW.js";
+import { a as Qi, b as eo } from "./index-BuSsSHAY.js";
+import { g as to } from "./index.vue_vue_type_style_index_0_scoped_0f027c8c_lang-CtycIAIT.js";
+const no = { class: "type-select" }, ro = { class: "group-label" }, io = { class: "group-items" }, oo = ["onDragstart"], ao = {
+  __name: "index",
+  props: {
+    compContainerRef: Object
+  },
+  emits: [""],
+  setup(y, { emit: m }) {
+    const b = xn(yn), { itemData: f, activeItemIndex: D } = bn(b), v = m, I = me(null), T = vt(() => {
+      var xe, we, _e;
+      const q = { label: "布局", items: ["TABS", "LAYOUT"] }, V = { label: "常用", items: ["FORM", "TABLE"] }, F = { label: "高级", items: ["STEP", "TIMELINE", "CHART", "SIGNATURE", "AVATAR", "FOLD"] }, re = (xe = fn.value) == null ? void 0 : xe.filter((R) => {
+        var C, E;
+        return (E = q == null ? void 0 : q.items) == null ? void 0 : E.includes((C = R == null ? void 0 : R.type) == null ? void 0 : C.toUpperCase());
+      }), ie = (we = fn.value) == null ? void 0 : we.filter((R) => {
+        var C, E;
+        return (E = V == null ? void 0 : V.items) == null ? void 0 : E.includes((C = R == null ? void 0 : R.type) == null ? void 0 : C.toUpperCase());
+      }), ge = (_e = fn.value) == null ? void 0 : _e.filter((R) => {
+        var C, E;
+        return (E = F == null ? void 0 : F.items) == null ? void 0 : E.includes((C = R == null ? void 0 : R.type) == null ? void 0 : C.toUpperCase());
+      });
+      return [
+        {
+          ...q,
+          items: re
+        },
+        {
+          ...V,
+          items: ie
+        },
+        {
+          ...F,
+          items: ge
+        }
+      ];
+    }), d = (q, V) => {
+      try {
+        q.dataTransfer.clearData();
+        const F = {
+          ...V,
+          timestamp: Date.now()
+          // 添加时间戳确保唯一性
+        };
+        q.dataTransfer.setData("application/json", JSON.stringify(F)), q.dataTransfer.effectAllowed = "copyMove", q.target.classList.add("dragging"), v("handleDragStart", V);
+      } catch (F) {
+        console.error("Drag start error:", F);
+      }
+    };
+    return (q, V) => {
+      const F = $t("svg-icon");
+      return fe(), be("div", no, [
+        (fe(!0), be(Nt, null, Ht(T.value, (re) => (fe(), be("div", {
+          class: "group-item",
+          key: re == null ? void 0 : re.label
+        }, [
+          ve("div", ro, st(re == null ? void 0 : re.label), 1),
+          ve("div", io, [
+            (fe(!0), be(Nt, null, Ht(re == null ? void 0 : re.items, (ie, ge) => (fe(), be("div", {
+              class: "type-list",
+              ref_for: !0,
+              ref_key: "dragItem",
+              ref: I,
+              key: ge,
+              draggable: !0,
+              onDragstart: (xe) => d(xe, ie)
+            }, [
+              he(F, {
+                name: ie.icon,
+                style: { width: "15px", height: "15px" }
+              }, null, 8, ["name"]),
+              ve("div", null, st(ie.name), 1)
+            ], 40, oo))), 128))
+          ])
+        ]))), 128))
+      ]);
+    };
+  }
+}, na = /* @__PURE__ */ wn(ao, [["__scopeId", "data-v-f91dc8de"]]), so = { class: "fill-content" }, lo = { class: "operate-content" }, co = ["onClick"], uo = { class: "collapse-title-item" }, po = { key: 1 }, fo = ["onClick"], ho = { class: "icon-content" }, vo = {
+  key: 0,
+  class: "edit-content"
+}, go = ["onClick"], mo = { title: "设置" }, yo = ["onClick"], bo = { class: "parent-main" }, xo = { style: { display: "flex", "justify-content": "space-between" } }, wo = { title: "样式" }, _o = { title: "事件" }, Eo = { title: "扩展功能" }, So = {
+  __name: "index",
+  setup(y) {
+    const m = xn(yn), { itemData: b, originalData: f } = bn(m), D = me([]);
+    me([]);
+    const v = me([]), I = me([]), T = me([]), d = me("data"), q = (R) => {
+      var E;
+      let C = (E = De(I.value)) == null ? void 0 : E.map((O, z) => (R === z && (O.content = !0), O));
+      I.value = C;
+    }, V = (R) => {
+      var E;
+      let C = (E = De(I.value)) == null ? void 0 : E.map((O, z) => (R === z && (O.content = !1), O));
+      I.value = C, D.value = De(b.value);
+    }, F = (R, C) => {
+      var h;
+      let E = (h = De(I.value)) == null ? void 0 : h.map((N, U) => (R === U && (N.content = !1), N));
+      I.value = E;
+      const O = De(b.value), z = O == null ? void 0 : O.filter((N, U) => (U === R && (N.name = C), N));
+      m.setOriginalData(z), m.setItemData(z);
+    }, re = (R) => {
+      const C = De(b.value), E = C == null ? void 0 : C.map((O, z) => ((O == null ? void 0 : O.name) === (R == null ? void 0 : R.name) ? O.isShow = !(R != null && R.isShow) : O.isShow = O.isShow, O));
+      b.value = E;
+    };
+    ue(
+      () => b.value,
+      () => {
+        var R, C, E, O;
+        !b.value || ((R = b.value) == null ? void 0 : R.length) === 0 ? D.value = [] : D.value = (C = De(b.value)) == null ? void 0 : C.filter((z) => (z == null ? void 0 : z.comp) !== "methodButton"), v.value = D.value, I.value = (E = De(v.value)) == null ? void 0 : E.map((z, h) => ({
+          id: h,
+          content: !1
+        })), T.value = (O = De(v.value)) == null ? void 0 : O.map((z, h) => ({
+          id: h,
+          isShow: z == null ? void 0 : z.isShow
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const ie = (R) => wr(R), ge = (R, C, E, O) => {
+      var h, N;
+      if (!R) return;
+      let z = De(b.value);
+      z = (h = z == null ? void 0 : z.map((U, se) => {
+        if (O && se === E) {
+          const { compData: k, itemChildData: j } = R;
+          return U.compData = k, U.itemChildData = j, U;
+        }
+        return se === E && (U.compData = R), U;
+      })) == null ? void 0 : h.filter((U) => (U == null ? void 0 : U.comp) !== "methodButton"), I.value = (N = De(z)) == null ? void 0 : N.map((U, se) => ({
+        id: se,
+        content: !1
+      })), m.setOriginalData(z), m.setItemData(z);
+    }, xe = me(null), we = (R, C) => {
+      if (!C) {
+        m.setActiveItemIndex(R);
+        return;
+      }
+      m.setActiveItemIndex(-1);
+    }, _e = (R) => {
+      Ui.confirm("是否确认要删除", "", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(
+        () => {
+          const C = De(b.value), E = C == null ? void 0 : C.filter((O, z) => z !== R);
+          m.setOriginalData(E), m.setItemData(E), m.setActiveItemIndex(-1), Gi({
+            type: "success",
+            message: "删除成功"
+          });
+        }
+      ).catch(() => {
+      });
+    };
+    return (R, C) => {
+      const E = $t("svg-icon"), O = $t("el-tab-pane"), z = $t("el-tabs");
+      return fe(), be("div", so, [
+        C[7] || (C[7] = ve("div", { class: "fill-operate" }, st("操作栏"), -1)),
+        ve("div", lo, [
+          he(Zi, {
+            class: "collapse-content",
+            collapseContents: D.value,
+            ref_key: "ssCollapseRef",
+            ref: xe
+          }, {
+            title: Me(({ item: h, index: N, isActive: U }) => {
+              var se, k, j, Q, ee, oe, ae, W, ze, de;
+              return [
+                ve("div", {
+                  class: "collapse-title-content",
+                  onClick: (K) => we(N, U)
+                }, [
+                  ve("div", uo, [
+                    (k = (se = I.value) == null ? void 0 : se.find((K) => K.id === N)) != null && k.content ? gt("", !0) : (fe(), be("div", {
+                      key: 0,
+                      class: "collapse-title",
+                      style: mn({ marginRight: h.name && h.name !== "" ? "8px" : "0px" })
+                    }, st(h.name), 5)),
+                    (Q = (j = I.value) == null ? void 0 : j.find((K) => K.id === N)) != null && Q.content ? (fe(), be("div", po, [
+                      he(eo, {
+                        modelValue: h.name,
+                        "onUpdate:modelValue": (K) => h.name = K,
+                        onClick: C[0] || (C[0] = Dt(() => {
+                        }, ["stop"]))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : gt("", !0),
+                    (oe = (ee = I.value) == null ? void 0 : ee.find((K) => K.id === N)) != null && oe.content ? gt("", !0) : (fe(), be("div", {
+                      key: 2,
+                      onClick: Dt((K) => q(N), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      he(E, {
+                        name: "Edit",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, fo))
+                  ]),
+                  ve("div", ho, [
+                    (W = (ae = I.value) == null ? void 0 : ae.find((K) => K.id === N)) != null && W.content ? (fe(), be("div", vo, [
+                      he(E, {
+                        name: "Cancel",
+                        style: { width: "16px", height: "16px" },
+                        class: "icon-content",
+                        onClick: Dt((K) => V(N), ["stop"])
+                      }, null, 8, ["onClick"]),
+                      he(E, {
+                        name: "Save",
+                        onClick: Dt((K) => F(N, h.name), ["stop"]),
+                        style: { width: "16px", height: "16px", fill: "var(--ssComponent-primary-color)" },
+                        class: "icon-content"
+                      }, null, 8, ["onClick"])
+                    ])) : gt("", !0),
+                    (de = (ze = I.value) == null ? void 0 : ze.find((K) => K.id === N)) != null && de.content ? gt("", !0) : (fe(), be("div", {
+                      key: 1,
+                      onClick: Dt((K) => _e(N), ["stop"]),
+                      class: "icon-content"
+                    }, [
+                      he(E, {
+                        name: "Delete",
+                        style: { width: "16px", height: "16px" }
+                      })
+                    ], 8, go))
+                  ])
+                ], 8, co)
+              ];
+            }),
+            content: Me(({ item: h, index: N }) => [
+              he(z, {
+                modelValue: d.value,
+                "onUpdate:modelValue": C[1] || (C[1] = (U) => d.value = U),
+                class: "config-tabs",
+                onTabClick: we
+              }, {
+                default: Me(() => [
+                  he(O, {
+                    label: "设置",
+                    name: "data"
+                  }, {
+                    label: Me(() => [
+                      ve("span", mo, [
+                        he(E, {
+                          name: "LowCodeSetting",
+                          style: { width: "15px", height: "15px" }
+                        })
+                      ])
+                    ]),
+                    default: Me(() => {
+                      var U, se;
+                      return [
+                        ve("div", {
+                          class: "comp-child",
+                          onClick: (k) => we(N)
+                        }, [
+                          (fe(), Wt(gr(ie(h.comp + "Operate")), {
+                            itemContents: h == null ? void 0 : h.compData,
+                            originalItemContents: (se = (U = v.value) == null ? void 0 : U.find((k, j) => j === N)) == null ? void 0 : se.compData,
+                            itemChildData: h == null ? void 0 : h.itemChildData,
+                            onChange: (k, j) => ge(k, h, N, j)
+                          }, null, 40, ["itemContents", "originalItemContents", "itemChildData", "onChange"]))
+                        ], 8, yo),
+                        ve("div", bo, [
+                          C[3] || (C[3] = ve("div", { class: "operate-title" }, [
+                            ve("div", null, st("显隐控制"))
+                          ], -1)),
+                          ve("div", xo, [
+                            C[2] || (C[2] = ve("div", { class: "operate-center-content" }, st("是否显示"), -1)),
+                            he(Qi, {
+                              value: T.value.find((k) => k.id === N).isShow,
+                              "onUpdate:value": (k) => T.value.find((j) => j.id === N).isShow = k,
+                              onClick: (k) => re(h)
+                            }, null, 8, ["value", "onUpdate:value", "onClick"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1024),
+                  he(O, {
+                    label: "样式",
+                    name: "style"
+                  }, {
+                    label: Me(() => [
+                      ve("span", wo, [
+                        he(E, {
+                          name: "LowCodeStyle",
+                          style: { width: "15px", height: "15px" }
+                        })
+                      ])
+                    ]),
+                    default: Me(() => [
+                      C[4] || (C[4] = pn(" 样式 "))
+                    ]),
+                    _: 1,
+                    __: [4]
+                  }),
+                  he(O, {
+                    label: "事件",
+                    name: "event"
+                  }, {
+                    label: Me(() => [
+                      ve("span", _o, [
+                        he(E, {
+                          name: "LowCodeEvent",
+                          style: { width: "15px", height: "15px" }
+                        })
+                      ])
+                    ]),
+                    default: Me(() => [
+                      C[5] || (C[5] = pn("事件"))
+                    ]),
+                    _: 1,
+                    __: [5]
+                  }),
+                  he(O, {
+                    label: "扩展功能",
+                    name: "extend"
+                  }, {
+                    label: Me(() => [
+                      ve("span", Eo, [
+                        he(E, {
+                          name: "LowCodeExtend",
+                          style: { width: "15px", height: "15px" }
+                        })
+                      ])
+                    ]),
+                    default: Me(() => [
+                      C[6] || (C[6] = pn("扩展功能"))
+                    ]),
+                    _: 1,
+                    __: [6]
+                  })
+                ]),
+                _: 2
+              }, 1032, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["collapseContents"])
+        ])
+      ]);
+    };
+  }
+}, ra = /* @__PURE__ */ wn(So, [["__scopeId", "data-v-aacccc96"]]), _r = Symbol("LAYOUT_KEY"), Er = Symbol("EMITTER_KEY");
+function To(y) {
+  let m = 0, b;
+  for (let f = 0, D = y.length; f < D; f++)
+    b = y[f].y + y[f].h, b > m && (m = b);
+  return m;
+}
+function hn(y) {
+  const m = Array(y.length);
+  for (let b = 0, f = y.length; b < f; b++)
+    m[b] = ko(y[b]);
+  return m;
+}
+function ko(y) {
+  return { ...y };
+}
+function Sr(y, m) {
+  return !(y === m || y.x + y.w <= m.x || y.x >= m.x + m.w || y.y + y.h <= m.y || y.y >= m.y + m.h);
+}
+function mt(y, m, b) {
+  const f = kr(y), D = Dr(y), v = Array(y.length);
+  for (let I = 0, T = D.length; I < T; I++) {
+    let d = D[I];
+    d.static || (d = Do(f, d, m, b), f.push(d)), v[y.findIndex((q) => q.i === d.i)] = d, d.moved = !1;
+  }
+  return v;
+}
+function Do(y, m, b, f) {
+  if (b)
+    for (; m.y > 0 && !Ot(y, m); )
+      m.y--;
+  else if (f) {
+    const v = f[m.i].y;
+    for (; m.y > v && !Ot(y, m); )
+      m.y--;
+  }
+  let D;
+  for (; D = Ot(y, m); )
+    m.y = D.y + D.h;
+  return m;
+}
+function zo(y, m) {
+  const b = kr(y);
+  for (let f = 0, D = y.length; f < D; f++) {
+    const v = y[f];
+    if (v.x + v.w > m.cols && (v.x = m.cols - v.w), v.x < 0 && (v.x = 0, v.w = m.cols), !v.static) b.push(v);
+    else
+      for (; Ot(b, v); )
+        v.y++;
+  }
+  return y;
+}
+function cr(y, m) {
+  for (let b = 0, f = y.length; b < f; b++)
+    if (y[b].i === m) return y[b];
+}
+function Ot(y, m) {
+  for (let b = 0, f = y.length; b < f; b++)
+    if (Sr(y[b], m)) return y[b];
+}
+function Tr(y, m) {
+  return y.filter((b) => Sr(b, m));
+}
+function kr(y) {
+  return y.filter((m) => m.static);
+}
+function vn(y, m, b, f, D = !1, v = !1) {
+  if (m.static) return y;
+  const I = m.x, T = m.y, d = f && m.y > f;
+  typeof b == "number" && (m.x = b), typeof f == "number" && (m.y = f), m.moved = !0;
+  let q = Dr(y);
+  d && (q = q.reverse());
+  const V = Tr(q, m);
+  if (v && V.length)
+    return m.x = I, m.y = T, m.moved = !1, y;
+  for (let F = 0, re = V.length; F < re; F++) {
+    const ie = V[F];
+    ie.moved || m.y > ie.y && m.y - ie.y > ie.h / 4 || (ie.static ? y = ur(y, ie, m, D) : y = ur(y, m, ie, D));
+  }
+  return y;
+}
+function ur(y, m, b, f) {
+  if (f) {
+    const D = {
+      x: b.x,
+      y: b.y,
+      w: b.w,
+      h: b.h
+    };
+    if (D.y = Math.max(m.y - b.h, 0), !Ot(y, D))
+      return vn(y, b, void 0, D.y, !1);
+  }
+  return vn(y, b, void 0, b.y + 1, !1);
+}
+function Oo(y, m, b, f) {
+  const D = "translate3d(" + m + "px," + y + "px, 0)";
+  return {
+    transform: D,
+    WebkitTransform: D,
+    MozTransform: D,
+    msTransform: D,
+    OTransform: D,
+    width: b + "px",
+    height: f + "px",
+    position: "absolute"
+  };
+}
+function Mo(y, m, b, f) {
+  const D = "translate3d(" + m * -1 + "px," + y + "px, 0)";
+  return {
+    transform: D,
+    WebkitTransform: D,
+    MozTransform: D,
+    msTransform: D,
+    OTransform: D,
+    width: b + "px",
+    height: f + "px",
+    position: "absolute"
+  };
+}
+function Io(y, m, b, f) {
+  return {
+    top: y + "px",
+    left: m + "px",
+    width: b + "px",
+    height: f + "px",
+    position: "absolute"
+  };
+}
+function Po(y, m, b, f) {
+  return {
+    top: y + "px",
+    right: m + "px",
+    width: b + "px",
+    height: f + "px",
+    position: "absolute"
+  };
+}
+function Dr(y) {
+  return Array.from(y).sort(function(m, b) {
+    return m.y === b.y && m.x === b.x ? 0 : m.y > b.y || m.y === b.y && m.x > b.x ? 1 : -1;
+  });
+}
+function Co(y, m) {
+  m = m || "Layout";
+  const b = ["x", "y", "w", "h"], f = [];
+  if (!Array.isArray(y)) throw new Error(m + " must be an array!");
+  for (let D = 0, v = y.length; D < v; D++) {
+    const I = y[D];
+    for (let T = 0; T < b.length; T++)
+      if (typeof I[b[T]] != "number")
+        throw new Error(
+          "VueGridLayout: " + m + "[" + D + "]." + b[T] + " must be a number!"
+        );
+    if (I.i === void 0 || I.i === null)
+      throw new Error("VueGridLayout: " + m + "[" + D + "].i cannot be null!");
+    if (typeof I.i != "number" && typeof I.i != "string")
+      throw new Error("VueGridLayout: " + m + "[" + D + "].i must be a string or number!");
+    if (f.indexOf(I.i) >= 0)
+      throw new Error("VueGridLayout: " + m + "[" + D + "].i must be unique!");
+    if (f.push(I.i), I.static !== void 0 && typeof I.static != "boolean")
+      throw new Error("VueGridLayout: " + m + "[" + D + "].static must be a boolean!");
+  }
+}
+function Ro(y, m = "vgl") {
+  const b = () => `${m}-${y}`;
+  return {
+    b,
+    be: (f) => `${b()}__${f}`,
+    bm: (f) => `${b()}--${f}`,
+    bem: (f, D) => `${b()}__${f}--${D}`
+  };
+}
+function pr(y) {
+  return Ao(y);
+}
+function Ao(y) {
+  var m;
+  const b = ((m = y.target) == null ? void 0 : m.offsetParent) || document.body, f = y.offsetParent === document.body ? { left: 0, top: 0 } : b.getBoundingClientRect(), D = y.clientX + b.scrollLeft - f.left, v = y.clientY + b.scrollTop - f.top;
+  return { x: D, y: v };
+}
+function fr(y, m, b, f) {
+  return Bo(y) ? {
+    deltaX: b - y,
+    deltaY: f - m,
+    lastX: y,
+    lastY: m,
+    x: b,
+    y: f
+  } : {
+    deltaX: 0,
+    deltaY: 0,
+    lastX: b,
+    lastY: f,
+    x: b,
+    y: f
+  };
+}
+function Bo(y) {
+  return typeof y == "number" && !Number.isNaN(y);
+}
+function jo(y, m) {
+  const b = Or(y);
+  let f = b[0];
+  for (let D = 1, v = b.length; D < v; D++) {
+    const I = b[D];
+    m > y[I] && (f = I);
+  }
+  return f;
+}
+function zr(y, m) {
+  if (!m[y])
+    throw new Error(
+      "ResponsiveGridLayout: `cols` entry for breakpoint " + y + " is missing!"
+    );
+  return m[y];
+}
+function Fo(y, m, b, f, D, v, I) {
+  if (m[f]) return hn(m[f]);
+  let T = y;
+  const d = Or(b), q = d.slice(d.indexOf(f));
+  for (let V = 0, F = q.length; V < F; V++) {
+    const re = q[V];
+    if (m[re]) {
+      T = m[re];
+      break;
+    }
+  }
+  return T = hn(T || []), mt(zo(T, { cols: v }), I);
+}
+function Or(y) {
+  return Object.keys(y).sort((m, b) => y[m] - y[b]);
+}
+let Lo = "auto";
+function $o() {
+  return typeof document < "u";
+}
+function dr() {
+  return $o() ? typeof document.dir < "u" ? document.dir : document.getElementsByTagName("html")[0].getAttribute("dir") : Lo;
+}
+var zt = { exports: {} }, No = zt.exports, hr;
+function Ho() {
+  return hr || (hr = 1, function(y, m) {
+    (function(b, f) {
+      y.exports = f();
+    })(No, function() {
+      function b(t, e) {
+        var n = Object.keys(t);
+        if (Object.getOwnPropertySymbols) {
+          var r = Object.getOwnPropertySymbols(t);
+          e && (r = r.filter(function(i) {
+            return Object.getOwnPropertyDescriptor(t, i).enumerable;
+          })), n.push.apply(n, r);
+        }
+        return n;
+      }
+      function f(t) {
+        for (var e = 1; e < arguments.length; e++) {
+          var n = arguments[e] != null ? arguments[e] : {};
+          e % 2 ? b(Object(n), !0).forEach(function(r) {
+            d(t, r, n[r]);
+          }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : b(Object(n)).forEach(function(r) {
+            Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
+          });
+        }
+        return t;
+      }
+      function D(t) {
+        return D = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+          return typeof e;
+        } : function(e) {
+          return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, D(t);
+      }
+      function v(t, e) {
+        if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
+      }
+      function I(t, e) {
+        for (var n = 0; n < e.length; n++) {
+          var r = e[n];
+          r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, xe(r.key), r);
+        }
+      }
+      function T(t, e, n) {
+        return e && I(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
+      }
+      function d(t, e, n) {
+        return (e = xe(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+      }
+      function q(t, e) {
+        if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
+        t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && F(t, e);
+      }
+      function V(t) {
+        return V = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+          return e.__proto__ || Object.getPrototypeOf(e);
+        }, V(t);
+      }
+      function F(t, e) {
+        return F = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+          return n.__proto__ = r, n;
+        }, F(t, e);
+      }
+      function re(t) {
+        if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return t;
+      }
+      function ie(t) {
+        var e = function() {
+          if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
+          if (typeof Proxy == "function") return !0;
+          try {
+            return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+            })), !0;
+          } catch {
+            return !1;
+          }
+        }();
+        return function() {
+          var n, r = V(t);
+          if (e) {
+            var i = V(this).constructor;
+            n = Reflect.construct(r, arguments, i);
+          } else n = r.apply(this, arguments);
+          return function(o, a) {
+            if (a && (typeof a == "object" || typeof a == "function")) return a;
+            if (a !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+            return re(o);
+          }(this, n);
+        };
+      }
+      function ge() {
+        return ge = typeof Reflect < "u" && Reflect.get ? Reflect.get.bind() : function(t, e, n) {
+          var r = function(o, a) {
+            for (; !Object.prototype.hasOwnProperty.call(o, a) && (o = V(o)) !== null; ) ;
+            return o;
+          }(t, e);
+          if (r) {
+            var i = Object.getOwnPropertyDescriptor(r, e);
+            return i.get ? i.get.call(arguments.length < 3 ? t : n) : i.value;
+          }
+        }, ge.apply(this, arguments);
+      }
+      function xe(t) {
+        var e = function(n, r) {
+          if (typeof n != "object" || n === null) return n;
+          var i = n[Symbol.toPrimitive];
+          if (i !== void 0) {
+            var o = i.call(n, r);
+            if (typeof o != "object") return o;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+          }
+          return String(n);
+        }(t, "string");
+        return typeof e == "symbol" ? e : e + "";
+      }
+      var we = function(t) {
+        return !(!t || !t.Window) && t instanceof t.Window;
+      }, _e = void 0, R = void 0;
+      function C(t) {
+        _e = t;
+        var e = t.document.createTextNode("");
+        e.ownerDocument !== t.document && typeof t.wrap == "function" && t.wrap(e) === e && (t = t.wrap(t)), R = t;
+      }
+      function E(t) {
+        return we(t) ? t : (t.ownerDocument || t).defaultView || R.window;
+      }
+      typeof window < "u" && window && C(window);
+      var O = function(t) {
+        return !!t && D(t) === "object";
+      }, z = function(t) {
+        return typeof t == "function";
+      }, h = { window: function(t) {
+        return t === R || we(t);
+      }, docFrag: function(t) {
+        return O(t) && t.nodeType === 11;
+      }, object: O, func: z, number: function(t) {
+        return typeof t == "number";
+      }, bool: function(t) {
+        return typeof t == "boolean";
+      }, string: function(t) {
+        return typeof t == "string";
+      }, element: function(t) {
+        if (!t || D(t) !== "object") return !1;
+        var e = E(t) || R;
+        return /object|function/.test(typeof Element > "u" ? "undefined" : D(Element)) ? t instanceof Element || t instanceof e.Element : t.nodeType === 1 && typeof t.nodeName == "string";
+      }, plainObject: function(t) {
+        return O(t) && !!t.constructor && /function Object\b/.test(t.constructor.toString());
+      }, array: function(t) {
+        return O(t) && t.length !== void 0 && z(t.splice);
+      } };
+      function N(t) {
+        var e = t.interaction;
+        if (e.prepared.name === "drag") {
+          var n = e.prepared.axis;
+          n === "x" ? (e.coords.cur.page.y = e.coords.start.page.y, e.coords.cur.client.y = e.coords.start.client.y, e.coords.velocity.client.y = 0, e.coords.velocity.page.y = 0) : n === "y" && (e.coords.cur.page.x = e.coords.start.page.x, e.coords.cur.client.x = e.coords.start.client.x, e.coords.velocity.client.x = 0, e.coords.velocity.page.x = 0);
+        }
+      }
+      function U(t) {
+        var e = t.iEvent, n = t.interaction;
+        if (n.prepared.name === "drag") {
+          var r = n.prepared.axis;
+          if (r === "x" || r === "y") {
+            var i = r === "x" ? "y" : "x";
+            e.page[i] = n.coords.start.page[i], e.client[i] = n.coords.start.client[i], e.delta[i] = 0;
+          }
+        }
+      }
+      var se = { id: "actions/drag", install: function(t) {
+        var e = t.actions, n = t.Interactable, r = t.defaults;
+        n.prototype.draggable = se.draggable, e.map.drag = se, e.methodDict.drag = "draggable", r.actions.drag = se.defaults;
+      }, listeners: { "interactions:before-action-move": N, "interactions:action-resume": N, "interactions:action-move": U, "auto-start:check": function(t) {
+        var e = t.interaction, n = t.interactable, r = t.buttons, i = n.options.drag;
+        if (i && i.enabled && (!e.pointerIsDown || !/mouse|pointer/.test(e.pointerType) || (r & n.options.drag.mouseButtons) != 0)) return t.action = { name: "drag", axis: i.lockAxis === "start" ? i.startAxis : i.lockAxis }, !1;
+      } }, draggable: function(t) {
+        return h.object(t) ? (this.options.drag.enabled = t.enabled !== !1, this.setPerAction("drag", t), this.setOnEvents("drag", t), /^(xy|x|y|start)$/.test(t.lockAxis) && (this.options.drag.lockAxis = t.lockAxis), /^(xy|x|y)$/.test(t.startAxis) && (this.options.drag.startAxis = t.startAxis), this) : h.bool(t) ? (this.options.drag.enabled = t, this) : this.options.drag;
+      }, beforeMove: N, move: U, defaults: { startAxis: "xy", lockAxis: "xy" }, getCursor: function() {
+        return "move";
+      }, filterEventType: function(t) {
+        return t.search("drag") === 0;
+      } }, k = se, j = { init: function(t) {
+        var e = t;
+        j.document = e.document, j.DocumentFragment = e.DocumentFragment || Q, j.SVGElement = e.SVGElement || Q, j.SVGSVGElement = e.SVGSVGElement || Q, j.SVGElementInstance = e.SVGElementInstance || Q, j.Element = e.Element || Q, j.HTMLElement = e.HTMLElement || j.Element, j.Event = e.Event, j.Touch = e.Touch || Q, j.PointerEvent = e.PointerEvent || e.MSPointerEvent;
+      }, document: null, DocumentFragment: null, SVGElement: null, SVGSVGElement: null, SVGElementInstance: null, Element: null, HTMLElement: null, Event: null, Touch: null, PointerEvent: null };
+      function Q() {
+      }
+      var ee = j, oe = { init: function(t) {
+        var e = ee.Element, n = t.navigator || {};
+        oe.supportsTouch = "ontouchstart" in t || h.func(t.DocumentTouch) && ee.document instanceof t.DocumentTouch, oe.supportsPointerEvent = n.pointerEnabled !== !1 && !!ee.PointerEvent, oe.isIOS = /iP(hone|od|ad)/.test(n.platform), oe.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), oe.isIe9 = /MSIE 9/.test(n.userAgent), oe.isOperaMobile = n.appName === "Opera" && oe.supportsTouch && /Presto/.test(n.userAgent), oe.prefixedMatchesSelector = "matches" in e.prototype ? "matches" : "webkitMatchesSelector" in e.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in e.prototype ? "mozMatchesSelector" : "oMatchesSelector" in e.prototype ? "oMatchesSelector" : "msMatchesSelector", oe.pEventTypes = oe.supportsPointerEvent ? ee.PointerEvent === t.MSPointerEvent ? { up: "MSPointerUp", down: "MSPointerDown", over: "mouseover", out: "mouseout", move: "MSPointerMove", cancel: "MSPointerCancel" } : { up: "pointerup", down: "pointerdown", over: "pointerover", out: "pointerout", move: "pointermove", cancel: "pointercancel" } : null, oe.wheelEvent = ee.document && "onmousewheel" in ee.document ? "mousewheel" : "wheel";
+      }, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null }, ae = oe;
+      function W(t, e) {
+        if (t.contains) return t.contains(e);
+        for (; e; ) {
+          if (e === t) return !0;
+          e = e.parentNode;
+        }
+        return !1;
+      }
+      function ze(t, e) {
+        for (; h.element(t); ) {
+          if (K(t, e)) return t;
+          t = de(t);
+        }
+        return null;
+      }
+      function de(t) {
+        var e = t.parentNode;
+        if (h.docFrag(e)) {
+          for (; (e = e.host) && h.docFrag(e); ) ;
+          return e;
+        }
+        return e;
+      }
+      function K(t, e) {
+        return R !== _e && (e = e.replace(/\/deep\//g, " ")), t[ae.prefixedMatchesSelector](e);
+      }
+      var le = function(t) {
+        return t.parentNode || t.host;
+      };
+      function Be(t, e) {
+        for (var n, r = [], i = t; (n = le(i)) && i !== e && n !== i.ownerDocument; ) r.unshift(i), i = n;
+        return r;
+      }
+      function Oe(t, e, n) {
+        for (; h.element(t); ) {
+          if (K(t, e)) return !0;
+          if ((t = de(t)) === n) return K(t, e);
+        }
+        return !1;
+      }
+      function Mt(t) {
+        return t.correspondingUseElement || t;
+      }
+      function Xe(t) {
+        var e = t instanceof ee.SVGElement ? t.getBoundingClientRect() : t.getClientRects()[0];
+        return e && { left: e.left, right: e.right, top: e.top, bottom: e.bottom, width: e.width || e.right - e.left, height: e.height || e.bottom - e.top };
+      }
+      function Ae(t) {
+        var e, n = Xe(t);
+        if (!ae.isIOS7 && n) {
+          var r = { x: (e = (e = E(t)) || R).scrollX || e.document.documentElement.scrollLeft, y: e.scrollY || e.document.documentElement.scrollTop };
+          n.left += r.x, n.right += r.x, n.top += r.y, n.bottom += r.y;
+        }
+        return n;
+      }
+      function lt(t) {
+        for (var e = []; t; ) e.push(t), t = de(t);
+        return e;
+      }
+      function yt(t) {
+        return !!h.string(t) && (ee.document.querySelector(t), !0);
+      }
+      function A(t, e) {
+        for (var n in e) t[n] = e[n];
+        return t;
+      }
+      function Ve(t, e, n) {
+        return t === "parent" ? de(n) : t === "self" ? e.getRect(n) : ze(n, t);
+      }
+      function Ge(t, e, n, r) {
+        var i = t;
+        return h.string(i) ? i = Ve(i, e, n) : h.func(i) && (i = i.apply(void 0, r)), h.element(i) && (i = Ae(i)), i;
+      }
+      function je(t) {
+        return t && { x: "x" in t ? t.x : t.left, y: "y" in t ? t.y : t.top };
+      }
+      function ct(t) {
+        return !t || "x" in t && "y" in t || ((t = A({}, t)).x = t.left || 0, t.y = t.top || 0, t.width = t.width || (t.right || 0) - t.x, t.height = t.height || (t.bottom || 0) - t.y), t;
+      }
+      function nt(t, e, n) {
+        t.left && (e.left += n.x), t.right && (e.right += n.x), t.top && (e.top += n.y), t.bottom && (e.bottom += n.y), e.width = e.right - e.left, e.height = e.bottom - e.top;
+      }
+      function rt(t, e, n) {
+        var r = n && t.options[n];
+        return je(Ge(r && r.origin || t.options.origin, t, e, [t && e])) || { x: 0, y: 0 };
+      }
+      function Fe(t, e) {
+        var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function(l) {
+          return !0;
+        }, r = arguments.length > 3 ? arguments[3] : void 0;
+        if (r = r || {}, h.string(t) && t.search(" ") !== -1 && (t = bt(t)), h.array(t)) return t.forEach(function(l) {
+          return Fe(l, e, n, r);
+        }), r;
+        if (h.object(t) && (e = t, t = ""), h.func(e) && n(t)) r[t] = r[t] || [], r[t].push(e);
+        else if (h.array(e)) for (var i = 0, o = e; i < o.length; i++) {
+          var a = o[i];
+          Fe(t, a, n, r);
+        }
+        else if (h.object(e)) for (var s in e)
+          Fe(bt(s).map(function(l) {
+            return "".concat(t).concat(l);
+          }), e[s], n, r);
+        return r;
+      }
+      function bt(t) {
+        return t.trim().split(/ +/);
+      }
+      var Ue = function(t, e) {
+        return Math.sqrt(t * t + e * e);
+      }, Xt = ["webkit", "moz"];
+      function it(t, e) {
+        t.__set || (t.__set = {});
+        var n = function(i) {
+          if (Xt.some(function(o) {
+            return i.indexOf(o) === 0;
+          })) return 1;
+          typeof t[i] != "function" && i !== "__set" && Object.defineProperty(t, i, { get: function() {
+            return i in t.__set ? t.__set[i] : t.__set[i] = e[i];
+          }, set: function(o) {
+            t.__set[i] = o;
+          }, configurable: !0 });
+        };
+        for (var r in e) n(r);
+        return t;
+      }
+      function ut(t, e) {
+        t.page = t.page || {}, t.page.x = e.page.x, t.page.y = e.page.y, t.client = t.client || {}, t.client.x = e.client.x, t.client.y = e.client.y, t.timeStamp = e.timeStamp;
+      }
+      function Le(t) {
+        t.page.x = 0, t.page.y = 0, t.client.x = 0, t.client.y = 0;
+      }
+      function _(t) {
+        return t instanceof ee.Event || t instanceof ee.Touch;
+      }
+      function Y(t, e, n) {
+        return t = t || "page", (n = n || {}).x = e[t + "X"], n.y = e[t + "Y"], n;
+      }
+      function te(t, e) {
+        return e = e || { x: 0, y: 0 }, ae.isOperaMobile && _(t) ? (Y("screen", t, e), e.x += window.scrollX, e.y += window.scrollY) : Y("page", t, e), e;
+      }
+      function ne(t) {
+        return h.number(t.pointerId) ? t.pointerId : t.identifier;
+      }
+      function pe(t, e, n) {
+        var r = e.length > 1 ? L(e) : e[0];
+        te(r, t.page), function(i, o) {
+          o = o || {}, ae.isOperaMobile && _(i) ? Y("screen", i, o) : Y("client", i, o);
+        }(r, t.client), t.timeStamp = n;
+      }
+      function J(t) {
+        var e = [];
+        return h.array(t) ? (e[0] = t[0], e[1] = t[1]) : t.type === "touchend" ? t.touches.length === 1 ? (e[0] = t.touches[0], e[1] = t.changedTouches[0]) : t.touches.length === 0 && (e[0] = t.changedTouches[0], e[1] = t.changedTouches[1]) : (e[0] = t.touches[0], e[1] = t.touches[1]), e;
+      }
+      function L(t) {
+        for (var e = { pageX: 0, pageY: 0, clientX: 0, clientY: 0, screenX: 0, screenY: 0 }, n = 0; n < t.length; n++) {
+          var r = t[n];
+          for (var i in e) e[i] += r[i];
+        }
+        for (var o in e) e[o] /= t.length;
+        return e;
+      }
+      function ye(t) {
+        if (!t.length) return null;
+        var e = J(t), n = Math.min(e[0].pageX, e[1].pageX), r = Math.min(e[0].pageY, e[1].pageY), i = Math.max(e[0].pageX, e[1].pageX), o = Math.max(e[0].pageY, e[1].pageY);
+        return { x: n, y: r, left: n, top: r, right: i, bottom: o, width: i - n, height: o - r };
+      }
+      function Ee(t, e) {
+        var n = e + "X", r = e + "Y", i = J(t), o = i[0][n] - i[1][n], a = i[0][r] - i[1][r];
+        return Ue(o, a);
+      }
+      function Ie(t, e) {
+        var n = e + "X", r = e + "Y", i = J(t), o = i[1][n] - i[0][n], a = i[1][r] - i[0][r];
+        return 180 * Math.atan2(a, o) / Math.PI;
+      }
+      function qe(t) {
+        return h.string(t.pointerType) ? t.pointerType : h.number(t.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][t.pointerType] : /touch/.test(t.type || "") || t instanceof ee.Touch ? "touch" : "mouse";
+      }
+      function Ke(t) {
+        var e = h.func(t.composedPath) ? t.composedPath() : t.path;
+        return [Mt(e ? e[0] : t.target), Mt(t.currentTarget)];
+      }
+      var Je = function() {
+        function t(e) {
+          v(this, t), this.immediatePropagationStopped = !1, this.propagationStopped = !1, this._interaction = e;
+        }
+        return T(t, [{ key: "preventDefault", value: function() {
+        } }, { key: "stopPropagation", value: function() {
+          this.propagationStopped = !0;
+        } }, { key: "stopImmediatePropagation", value: function() {
+          this.immediatePropagationStopped = this.propagationStopped = !0;
+        } }]), t;
+      }();
+      Object.defineProperty(Je.prototype, "interaction", { get: function() {
+        return this._interaction._proxy;
+      }, set: function() {
+      } });
+      var pt = function(t, e) {
+        for (var n = 0; n < e.length; n++) {
+          var r = e[n];
+          t.push(r);
+        }
+        return t;
+      }, ft = function(t) {
+        return pt([], t);
+      }, $e = function(t, e) {
+        for (var n = 0; n < t.length; n++) if (e(t[n], n, t)) return n;
+        return -1;
+      }, xt = function(t, e) {
+        return t[$e(t, e)];
+      }, dt = function(t) {
+        q(n, t);
+        var e = ie(n);
+        function n(r, i, o) {
+          var a;
+          v(this, n), (a = e.call(this, i._interaction)).dropzone = void 0, a.dragEvent = void 0, a.relatedTarget = void 0, a.draggable = void 0, a.propagationStopped = !1, a.immediatePropagationStopped = !1;
+          var s = o === "dragleave" ? r.prev : r.cur, l = s.element, u = s.dropzone;
+          return a.type = o, a.target = l, a.currentTarget = l, a.dropzone = u, a.dragEvent = i, a.relatedTarget = i.target, a.draggable = i.interactable, a.timeStamp = i.timeStamp, a;
+        }
+        return T(n, [{ key: "reject", value: function() {
+          var r = this, i = this._interaction.dropState;
+          if (this.type === "dropactivate" || this.dropzone && i.cur.dropzone === this.dropzone && i.cur.element === this.target) if (i.prev.dropzone = this.dropzone, i.prev.element = this.target, i.rejected = !0, i.events.enter = null, this.stopImmediatePropagation(), this.type === "dropactivate") {
+            var o = i.activeDrops, a = $e(o, function(l) {
+              var u = l.dropzone, c = l.element;
+              return u === r.dropzone && c === r.target;
+            });
+            i.activeDrops.splice(a, 1);
+            var s = new n(i, this.dragEvent, "dropdeactivate");
+            s.dropzone = this.dropzone, s.target = this.target, this.dropzone.fire(s);
+          } else this.dropzone.fire(new n(i, this.dragEvent, "dragleave"));
+        } }, { key: "preventDefault", value: function() {
+        } }, { key: "stopPropagation", value: function() {
+          this.propagationStopped = !0;
+        } }, { key: "stopImmediatePropagation", value: function() {
+          this.immediatePropagationStopped = this.propagationStopped = !0;
+        } }]), n;
+      }(Je);
+      function _n(t, e) {
+        for (var n = 0, r = t.slice(); n < r.length; n++) {
+          var i = r[n], o = i.dropzone, a = i.element;
+          e.dropzone = o, e.target = a, o.fire(e), e.propagationStopped = e.immediatePropagationStopped = !1;
+        }
+      }
+      function Vt(t, e) {
+        for (var n = function(o, a) {
+          for (var s = [], l = 0, u = o.interactables.list; l < u.length; l++) {
+            var c = u[l];
+            if (c.options.drop.enabled) {
+              var p = c.options.drop.accept;
+              if (!(h.element(p) && p !== a || h.string(p) && !K(a, p) || h.func(p) && !p({ dropzone: c, draggableElement: a }))) for (var g = 0, w = c.getAllElements(); g < w.length; g++) {
+                var x = w[g];
+                x !== a && s.push({ dropzone: c, element: x, rect: c.getRect(x) });
+              }
+            }
+          }
+          return s;
+        }(t, e), r = 0; r < n.length; r++) {
+          var i = n[r];
+          i.rect = i.dropzone.getRect(i.element);
+        }
+        return n;
+      }
+      function En(t, e, n) {
+        for (var r = t.dropState, i = t.interactable, o = t.element, a = [], s = 0, l = r.activeDrops; s < l.length; s++) {
+          var u = l[s], c = u.dropzone, p = u.element, g = u.rect, w = c.dropCheck(e, n, i, o, p, g);
+          a.push(w ? p : null);
+        }
+        var x = function(S) {
+          for (var P, M, B, X = [], Z = 0; Z < S.length; Z++) {
+            var $ = S[Z], G = S[P];
+            if ($ && Z !== P) if (G) {
+              var Te = le($), ce = le(G);
+              if (Te !== $.ownerDocument) if (ce !== $.ownerDocument) if (Te !== ce) {
+                X = X.length ? X : Be(G);
+                var Pe = void 0;
+                if (G instanceof ee.HTMLElement && $ instanceof ee.SVGElement && !($ instanceof ee.SVGSVGElement)) {
+                  if ($ === ce) continue;
+                  Pe = $.ownerSVGElement;
+                } else Pe = $;
+                for (var Re = Be(Pe, G.ownerDocument), We = 0; Re[We] && Re[We] === X[We]; ) We++;
+                var Lt = [Re[We - 1], Re[We], X[We]];
+                if (Lt[0]) for (var kt = Lt[0].lastChild; kt; ) {
+                  if (kt === Lt[1]) {
+                    P = Z, X = Re;
+                    break;
+                  }
+                  if (kt === Lt[2]) break;
+                  kt = kt.previousSibling;
+                }
+              } else B = G, (parseInt(E(M = $).getComputedStyle(M).zIndex, 10) || 0) >= (parseInt(E(B).getComputedStyle(B).zIndex, 10) || 0) && (P = Z);
+              else P = Z;
+            } else P = Z;
+          }
+          return P;
+        }(a);
+        return r.activeDrops[x] || null;
+      }
+      function Gt(t, e, n) {
+        var r = t.dropState, i = { enter: null, leave: null, activate: null, deactivate: null, move: null, drop: null };
+        return n.type === "dragstart" && (i.activate = new dt(r, n, "dropactivate"), i.activate.target = null, i.activate.dropzone = null), n.type === "dragend" && (i.deactivate = new dt(r, n, "dropdeactivate"), i.deactivate.target = null, i.deactivate.dropzone = null), r.rejected || (r.cur.element !== r.prev.element && (r.prev.dropzone && (i.leave = new dt(r, n, "dragleave"), n.dragLeave = i.leave.target = r.prev.element, n.prevDropzone = i.leave.dropzone = r.prev.dropzone), r.cur.dropzone && (i.enter = new dt(r, n, "dragenter"), n.dragEnter = r.cur.element, n.dropzone = r.cur.dropzone)), n.type === "dragend" && r.cur.dropzone && (i.drop = new dt(r, n, "drop"), n.dropzone = r.cur.dropzone, n.relatedTarget = r.cur.element), n.type === "dragmove" && r.cur.dropzone && (i.move = new dt(r, n, "dropmove"), n.dropzone = r.cur.dropzone)), i;
+      }
+      function Ut(t, e) {
+        var n = t.dropState, r = n.activeDrops, i = n.cur, o = n.prev;
+        e.leave && o.dropzone.fire(e.leave), e.enter && i.dropzone.fire(e.enter), e.move && i.dropzone.fire(e.move), e.drop && i.dropzone.fire(e.drop), e.deactivate && _n(r, e.deactivate), n.prev.dropzone = i.dropzone, n.prev.element = i.element;
+      }
+      function Sn(t, e) {
+        var n = t.interaction, r = t.iEvent, i = t.event;
+        if (r.type === "dragmove" || r.type === "dragend") {
+          var o = n.dropState;
+          e.dynamicDrop && (o.activeDrops = Vt(e, n.element));
+          var a = r, s = En(n, a, i);
+          o.rejected = o.rejected && !!s && s.dropzone === o.cur.dropzone && s.element === o.cur.element, o.cur.dropzone = s && s.dropzone, o.cur.element = s && s.element, o.events = Gt(n, 0, a);
+        }
+      }
+      var Tn = { id: "actions/drop", install: function(t) {
+        var e = t.actions, n = t.interactStatic, r = t.Interactable, i = t.defaults;
+        t.usePlugin(k), r.prototype.dropzone = function(o) {
+          return function(a, s) {
+            if (h.object(s)) {
+              if (a.options.drop.enabled = s.enabled !== !1, s.listeners) {
+                var l = Fe(s.listeners), u = Object.keys(l).reduce(function(p, g) {
+                  return p[/^(enter|leave)/.test(g) ? "drag".concat(g) : /^(activate|deactivate|move)/.test(g) ? "drop".concat(g) : g] = l[g], p;
+                }, {}), c = a.options.drop.listeners;
+                c && a.off(c), a.on(u), a.options.drop.listeners = u;
+              }
+              return h.func(s.ondrop) && a.on("drop", s.ondrop), h.func(s.ondropactivate) && a.on("dropactivate", s.ondropactivate), h.func(s.ondropdeactivate) && a.on("dropdeactivate", s.ondropdeactivate), h.func(s.ondragenter) && a.on("dragenter", s.ondragenter), h.func(s.ondragleave) && a.on("dragleave", s.ondragleave), h.func(s.ondropmove) && a.on("dropmove", s.ondropmove), /^(pointer|center)$/.test(s.overlap) ? a.options.drop.overlap = s.overlap : h.number(s.overlap) && (a.options.drop.overlap = Math.max(Math.min(1, s.overlap), 0)), "accept" in s && (a.options.drop.accept = s.accept), "checker" in s && (a.options.drop.checker = s.checker), a;
+            }
+            return h.bool(s) ? (a.options.drop.enabled = s, a) : a.options.drop;
+          }(this, o);
+        }, r.prototype.dropCheck = function(o, a, s, l, u, c) {
+          return function(p, g, w, x, S, P, M) {
+            var B = !1;
+            if (!(M = M || p.getRect(P))) return !!p.options.drop.checker && p.options.drop.checker(g, w, B, p, P, x, S);
+            var X = p.options.drop.overlap;
+            if (X === "pointer") {
+              var Z = rt(x, S, "drag"), $ = te(g);
+              $.x += Z.x, $.y += Z.y;
+              var G = $.x > M.left && $.x < M.right, Te = $.y > M.top && $.y < M.bottom;
+              B = G && Te;
+            }
+            var ce = x.getRect(S);
+            if (ce && X === "center") {
+              var Pe = ce.left + ce.width / 2, Re = ce.top + ce.height / 2;
+              B = Pe >= M.left && Pe <= M.right && Re >= M.top && Re <= M.bottom;
+            }
+            return ce && h.number(X) && (B = Math.max(0, Math.min(M.right, ce.right) - Math.max(M.left, ce.left)) * Math.max(0, Math.min(M.bottom, ce.bottom) - Math.max(M.top, ce.top)) / (ce.width * ce.height) >= X), p.options.drop.checker && (B = p.options.drop.checker(g, w, B, p, P, x, S)), B;
+          }(this, o, a, s, l, u, c);
+        }, n.dynamicDrop = function(o) {
+          return h.bool(o) ? (t.dynamicDrop = o, n) : t.dynamicDrop;
+        }, A(e.phaselessTypes, { dragenter: !0, dragleave: !0, dropactivate: !0, dropdeactivate: !0, dropmove: !0, drop: !0 }), e.methodDict.drop = "dropzone", t.dynamicDrop = !1, i.actions.drop = Tn.defaults;
+      }, listeners: { "interactions:before-action-start": function(t) {
+        var e = t.interaction;
+        e.prepared.name === "drag" && (e.dropState = { cur: { dropzone: null, element: null }, prev: { dropzone: null, element: null }, rejected: null, events: null, activeDrops: [] });
+      }, "interactions:after-action-start": function(t, e) {
+        var n = t.interaction, r = (t.event, t.iEvent);
+        if (n.prepared.name === "drag") {
+          var i = n.dropState;
+          i.activeDrops = [], i.events = {}, i.activeDrops = Vt(e, n.element), i.events = Gt(n, 0, r), i.events.activate && (_n(i.activeDrops, i.events.activate), e.fire("actions/drop:start", { interaction: n, dragEvent: r }));
+        }
+      }, "interactions:action-move": Sn, "interactions:after-action-move": function(t, e) {
+        var n = t.interaction, r = t.iEvent;
+        if (n.prepared.name === "drag") {
+          var i = n.dropState;
+          Ut(n, i.events), e.fire("actions/drop:move", { interaction: n, dragEvent: r }), i.events = {};
+        }
+      }, "interactions:action-end": function(t, e) {
+        if (t.interaction.prepared.name === "drag") {
+          var n = t.interaction, r = t.iEvent;
+          Sn(t, e), Ut(n, n.dropState.events), e.fire("actions/drop:end", { interaction: n, dragEvent: r });
+        }
+      }, "interactions:stop": function(t) {
+        var e = t.interaction;
+        if (e.prepared.name === "drag") {
+          var n = e.dropState;
+          n && (n.activeDrops = null, n.events = null, n.cur.dropzone = null, n.cur.element = null, n.prev.dropzone = null, n.prev.element = null, n.rejected = !1);
+        }
+      } }, getActiveDrops: Vt, getDrop: En, getDropEvents: Gt, fireDropEvents: Ut, filterEventType: function(t) {
+        return t.search("drag") === 0 || t.search("drop") === 0;
+      }, defaults: { enabled: !1, accept: null, overlap: "pointer" } }, Mr = Tn;
+      function qt(t) {
+        var e = t.interaction, n = t.iEvent, r = t.phase;
+        if (e.prepared.name === "gesture") {
+          var i = e.pointers.map(function(u) {
+            return u.pointer;
+          }), o = r === "start", a = r === "end", s = e.interactable.options.deltaSource;
+          if (n.touches = [i[0], i[1]], o) n.distance = Ee(i, s), n.box = ye(i), n.scale = 1, n.ds = 0, n.angle = Ie(i, s), n.da = 0, e.gesture.startDistance = n.distance, e.gesture.startAngle = n.angle;
+          else if (a || e.pointers.length < 2) {
+            var l = e.prevEvent;
+            n.distance = l.distance, n.box = l.box, n.scale = l.scale, n.ds = 0, n.angle = l.angle, n.da = 0;
+          } else n.distance = Ee(i, s), n.box = ye(i), n.scale = n.distance / e.gesture.startDistance, n.angle = Ie(i, s), n.ds = n.scale - e.gesture.scale, n.da = n.angle - e.gesture.angle;
+          e.gesture.distance = n.distance, e.gesture.angle = n.angle, h.number(n.scale) && n.scale !== 1 / 0 && !isNaN(n.scale) && (e.gesture.scale = n.scale);
+        }
+      }
+      var Kt = { id: "actions/gesture", before: ["actions/drag", "actions/resize"], install: function(t) {
+        var e = t.actions, n = t.Interactable, r = t.defaults;
+        n.prototype.gesturable = function(i) {
+          return h.object(i) ? (this.options.gesture.enabled = i.enabled !== !1, this.setPerAction("gesture", i), this.setOnEvents("gesture", i), this) : h.bool(i) ? (this.options.gesture.enabled = i, this) : this.options.gesture;
+        }, e.map.gesture = Kt, e.methodDict.gesture = "gesturable", r.actions.gesture = Kt.defaults;
+      }, listeners: { "interactions:action-start": qt, "interactions:action-move": qt, "interactions:action-end": qt, "interactions:new": function(t) {
+        t.interaction.gesture = { angle: 0, distance: 0, scale: 1, startAngle: 0, startDistance: 0 };
+      }, "auto-start:check": function(t) {
+        if (!(t.interaction.pointers.length < 2)) {
+          var e = t.interactable.options.gesture;
+          if (e && e.enabled) return t.action = { name: "gesture" }, !1;
+        }
+      } }, defaults: {}, getCursor: function() {
+        return "";
+      }, filterEventType: function(t) {
+        return t.search("gesture") === 0;
+      } }, Ir = Kt;
+      function Pr(t, e, n, r, i, o, a) {
+        if (!e) return !1;
+        if (e === !0) {
+          var s = h.number(o.width) ? o.width : o.right - o.left, l = h.number(o.height) ? o.height : o.bottom - o.top;
+          if (a = Math.min(a, Math.abs((t === "left" || t === "right" ? s : l) / 2)), s < 0 && (t === "left" ? t = "right" : t === "right" && (t = "left")), l < 0 && (t === "top" ? t = "bottom" : t === "bottom" && (t = "top")), t === "left") {
+            var u = s >= 0 ? o.left : o.right;
+            return n.x < u + a;
+          }
+          if (t === "top") {
+            var c = l >= 0 ? o.top : o.bottom;
+            return n.y < c + a;
+          }
+          if (t === "right") return n.x > (s >= 0 ? o.right : o.left) - a;
+          if (t === "bottom") return n.y > (l >= 0 ? o.bottom : o.top) - a;
+        }
+        return !!h.element(r) && (h.element(e) ? e === r : Oe(r, e, i));
+      }
+      function kn(t) {
+        var e = t.iEvent, n = t.interaction;
+        if (n.prepared.name === "resize" && n.resizeAxes) {
+          var r = e;
+          n.interactable.options.resize.square ? (n.resizeAxes === "y" ? r.delta.x = r.delta.y : r.delta.y = r.delta.x, r.axes = "xy") : (r.axes = n.resizeAxes, n.resizeAxes === "x" ? r.delta.y = 0 : n.resizeAxes === "y" && (r.delta.x = 0));
+        }
+      }
+      var Ne, ot, He = { id: "actions/resize", before: ["actions/drag"], install: function(t) {
+        var e = t.actions, n = t.browser, r = t.Interactable, i = t.defaults;
+        He.cursors = function(o) {
+          return o.isIe9 ? { x: "e-resize", y: "s-resize", xy: "se-resize", top: "n-resize", left: "w-resize", bottom: "s-resize", right: "e-resize", topleft: "se-resize", bottomright: "se-resize", topright: "ne-resize", bottomleft: "ne-resize" } : { x: "ew-resize", y: "ns-resize", xy: "nwse-resize", top: "ns-resize", left: "ew-resize", bottom: "ns-resize", right: "ew-resize", topleft: "nwse-resize", bottomright: "nwse-resize", topright: "nesw-resize", bottomleft: "nesw-resize" };
+        }(n), He.defaultMargin = n.supportsTouch || n.supportsPointerEvent ? 20 : 10, r.prototype.resizable = function(o) {
+          return function(a, s, l) {
+            return h.object(s) ? (a.options.resize.enabled = s.enabled !== !1, a.setPerAction("resize", s), a.setOnEvents("resize", s), h.string(s.axis) && /^x$|^y$|^xy$/.test(s.axis) ? a.options.resize.axis = s.axis : s.axis === null && (a.options.resize.axis = l.defaults.actions.resize.axis), h.bool(s.preserveAspectRatio) ? a.options.resize.preserveAspectRatio = s.preserveAspectRatio : h.bool(s.square) && (a.options.resize.square = s.square), a) : h.bool(s) ? (a.options.resize.enabled = s, a) : a.options.resize;
+          }(this, o, t);
+        }, e.map.resize = He, e.methodDict.resize = "resizable", i.actions.resize = He.defaults;
+      }, listeners: { "interactions:new": function(t) {
+        t.interaction.resizeAxes = "xy";
+      }, "interactions:action-start": function(t) {
+        (function(e) {
+          var n = e.iEvent, r = e.interaction;
+          if (r.prepared.name === "resize" && r.prepared.edges) {
+            var i = n, o = r.rect;
+            r._rects = { start: A({}, o), corrected: A({}, o), previous: A({}, o), delta: { left: 0, right: 0, width: 0, top: 0, bottom: 0, height: 0 } }, i.edges = r.prepared.edges, i.rect = r._rects.corrected, i.deltaRect = r._rects.delta;
+          }
+        })(t), kn(t);
+      }, "interactions:action-move": function(t) {
+        (function(e) {
+          var n = e.iEvent, r = e.interaction;
+          if (r.prepared.name === "resize" && r.prepared.edges) {
+            var i = n, o = r.interactable.options.resize.invert, a = o === "reposition" || o === "negate", s = r.rect, l = r._rects, u = l.start, c = l.corrected, p = l.delta, g = l.previous;
+            if (A(g, c), a) {
+              if (A(c, s), o === "reposition") {
+                if (c.top > c.bottom) {
+                  var w = c.top;
+                  c.top = c.bottom, c.bottom = w;
+                }
+                if (c.left > c.right) {
+                  var x = c.left;
+                  c.left = c.right, c.right = x;
+                }
+              }
+            } else c.top = Math.min(s.top, u.bottom), c.bottom = Math.max(s.bottom, u.top), c.left = Math.min(s.left, u.right), c.right = Math.max(s.right, u.left);
+            for (var S in c.width = c.right - c.left, c.height = c.bottom - c.top, c) p[S] = c[S] - g[S];
+            i.edges = r.prepared.edges, i.rect = c, i.deltaRect = p;
+          }
+        })(t), kn(t);
+      }, "interactions:action-end": function(t) {
+        var e = t.iEvent, n = t.interaction;
+        if (n.prepared.name === "resize" && n.prepared.edges) {
+          var r = e;
+          r.edges = n.prepared.edges, r.rect = n._rects.corrected, r.deltaRect = n._rects.delta;
+        }
+      }, "auto-start:check": function(t) {
+        var e = t.interaction, n = t.interactable, r = t.element, i = t.rect, o = t.buttons;
+        if (i) {
+          var a = A({}, e.coords.cur.page), s = n.options.resize;
+          if (s && s.enabled && (!e.pointerIsDown || !/mouse|pointer/.test(e.pointerType) || (o & s.mouseButtons) != 0)) {
+            if (h.object(s.edges)) {
+              var l = { left: !1, right: !1, top: !1, bottom: !1 };
+              for (var u in l) l[u] = Pr(u, s.edges[u], a, e._latestPointer.eventTarget, r, i, s.margin || He.defaultMargin);
+              l.left = l.left && !l.right, l.top = l.top && !l.bottom, (l.left || l.right || l.top || l.bottom) && (t.action = { name: "resize", edges: l });
+            } else {
+              var c = s.axis !== "y" && a.x > i.right - He.defaultMargin, p = s.axis !== "x" && a.y > i.bottom - He.defaultMargin;
+              (c || p) && (t.action = { name: "resize", axes: (c ? "x" : "") + (p ? "y" : "") });
+            }
+            return !t.action && void 0;
+          }
+        }
+      } }, defaults: { square: !1, preserveAspectRatio: !1, axis: "xy", margin: NaN, edges: null, invert: "none" }, cursors: null, getCursor: function(t) {
+        var e = t.edges, n = t.axis, r = t.name, i = He.cursors, o = null;
+        if (n) o = i[r + n];
+        else if (e) {
+          for (var a = "", s = 0, l = ["top", "bottom", "left", "right"]; s < l.length; s++) {
+            var u = l[s];
+            e[u] && (a += u);
+          }
+          o = i[a];
+        }
+        return o;
+      }, filterEventType: function(t) {
+        return t.search("resize") === 0;
+      }, defaultMargin: null }, Cr = He, Rr = { id: "actions", install: function(t) {
+        t.usePlugin(Ir), t.usePlugin(Cr), t.usePlugin(k), t.usePlugin(Mr);
+      } }, Dn = 0, Ze = { request: function(t) {
+        return Ne(t);
+      }, cancel: function(t) {
+        return ot(t);
+      }, init: function(t) {
+        if (Ne = t.requestAnimationFrame, ot = t.cancelAnimationFrame, !Ne) for (var e = ["ms", "moz", "webkit", "o"], n = 0; n < e.length; n++) {
+          var r = e[n];
+          Ne = t["".concat(r, "RequestAnimationFrame")], ot = t["".concat(r, "CancelAnimationFrame")] || t["".concat(r, "CancelRequestAnimationFrame")];
+        }
+        Ne = Ne && Ne.bind(t), ot = ot && ot.bind(t), Ne || (Ne = function(i) {
+          var o = Date.now(), a = Math.max(0, 16 - (o - Dn)), s = t.setTimeout(function() {
+            i(o + a);
+          }, a);
+          return Dn = o + a, s;
+        }, ot = function(i) {
+          return clearTimeout(i);
+        });
+      } }, H = { defaults: { enabled: !1, margin: 60, container: null, speed: 300 }, now: Date.now, interaction: null, i: 0, x: 0, y: 0, isScrolling: !1, prevTime: 0, margin: 0, speed: 0, start: function(t) {
+        H.isScrolling = !0, Ze.cancel(H.i), t.autoScroll = H, H.interaction = t, H.prevTime = H.now(), H.i = Ze.request(H.scroll);
+      }, stop: function() {
+        H.isScrolling = !1, H.interaction && (H.interaction.autoScroll = null), Ze.cancel(H.i);
+      }, scroll: function() {
+        var t = H.interaction, e = t.interactable, n = t.element, r = t.prepared.name, i = e.options[r].autoScroll, o = zn(i.container, e, n), a = H.now(), s = (a - H.prevTime) / 1e3, l = i.speed * s;
+        if (l >= 1) {
+          var u = { x: H.x * l, y: H.y * l };
+          if (u.x || u.y) {
+            var c = On(o);
+            h.window(o) ? o.scrollBy(u.x, u.y) : o && (o.scrollLeft += u.x, o.scrollTop += u.y);
+            var p = On(o), g = { x: p.x - c.x, y: p.y - c.y };
+            (g.x || g.y) && e.fire({ type: "autoscroll", target: n, interactable: e, delta: g, interaction: t, container: o });
+          }
+          H.prevTime = a;
+        }
+        H.isScrolling && (Ze.cancel(H.i), H.i = Ze.request(H.scroll));
+      }, check: function(t, e) {
+        var n;
+        return (n = t.options[e].autoScroll) == null ? void 0 : n.enabled;
+      }, onInteractionMove: function(t) {
+        var e = t.interaction, n = t.pointer;
+        if (e.interacting() && H.check(e.interactable, e.prepared.name)) if (e.simulation) H.x = H.y = 0;
+        else {
+          var r, i, o, a, s = e.interactable, l = e.element, u = e.prepared.name, c = s.options[u].autoScroll, p = zn(c.container, s, l);
+          if (h.window(p)) a = n.clientX < H.margin, r = n.clientY < H.margin, i = n.clientX > p.innerWidth - H.margin, o = n.clientY > p.innerHeight - H.margin;
+          else {
+            var g = Xe(p);
+            a = n.clientX < g.left + H.margin, r = n.clientY < g.top + H.margin, i = n.clientX > g.right - H.margin, o = n.clientY > g.bottom - H.margin;
+          }
+          H.x = i ? 1 : a ? -1 : 0, H.y = o ? 1 : r ? -1 : 0, H.isScrolling || (H.margin = c.margin, H.speed = c.speed, H.start(e));
+        }
+      } };
+      function zn(t, e, n) {
+        return (h.string(t) ? Ve(t, e, n) : t) || E(n);
+      }
+      function On(t) {
+        return h.window(t) && (t = window.document.body), { x: t.scrollLeft, y: t.scrollTop };
+      }
+      var Ar = { id: "auto-scroll", install: function(t) {
+        var e = t.defaults, n = t.actions;
+        t.autoScroll = H, H.now = function() {
+          return t.now();
+        }, n.phaselessTypes.autoscroll = !0, e.perAction.autoScroll = H.defaults;
+      }, listeners: { "interactions:new": function(t) {
+        t.interaction.autoScroll = null;
+      }, "interactions:destroy": function(t) {
+        t.interaction.autoScroll = null, H.stop(), H.interaction && (H.interaction = null);
+      }, "interactions:stop": H.stop, "interactions:action-move": function(t) {
+        return H.onInteractionMove(t);
+      } } }, Br = Ar;
+      function wt(t, e) {
+        var n = !1;
+        return function() {
+          return n || (R.console.warn(e), n = !0), t.apply(this, arguments);
+        };
+      }
+      function Jt(t, e) {
+        return t.name = e.name, t.axis = e.axis, t.edges = e.edges, t;
+      }
+      function jr(t) {
+        return h.bool(t) ? (this.options.styleCursor = t, this) : t === null ? (delete this.options.styleCursor, this) : this.options.styleCursor;
+      }
+      function Fr(t) {
+        return h.func(t) ? (this.options.actionChecker = t, this) : t === null ? (delete this.options.actionChecker, this) : this.options.actionChecker;
+      }
+      var Lr = { id: "auto-start/interactableMethods", install: function(t) {
+        var e = t.Interactable;
+        e.prototype.getAction = function(n, r, i, o) {
+          var a = function(s, l, u, c, p) {
+            var g = s.getRect(c), w = l.buttons || { 0: 1, 1: 4, 3: 8, 4: 16 }[l.button], x = { action: null, interactable: s, interaction: u, element: c, rect: g, buttons: w };
+            return p.fire("auto-start:check", x), x.action;
+          }(this, r, i, o, t);
+          return this.options.actionChecker ? this.options.actionChecker(n, r, a, this, o, i) : a;
+        }, e.prototype.ignoreFrom = wt(function(n) {
+          return this._backCompatOption("ignoreFrom", n);
+        }, "Interactable.ignoreFrom() has been deprecated. Use Interactble.draggable({ignoreFrom: newValue})."), e.prototype.allowFrom = wt(function(n) {
+          return this._backCompatOption("allowFrom", n);
+        }, "Interactable.allowFrom() has been deprecated. Use Interactble.draggable({allowFrom: newValue})."), e.prototype.actionChecker = Fr, e.prototype.styleCursor = jr;
+      } };
+      function Mn(t, e, n, r, i) {
+        return e.testIgnoreAllow(e.options[t.name], n, r) && e.options[t.name].enabled && It(e, n, t, i) ? t : null;
+      }
+      function $r(t, e, n, r, i, o, a) {
+        for (var s = 0, l = r.length; s < l; s++) {
+          var u = r[s], c = i[s], p = u.getAction(e, n, t, c);
+          if (p) {
+            var g = Mn(p, u, c, o, a);
+            if (g) return { action: g, interactable: u, element: c };
+          }
+        }
+        return { action: null, interactable: null, element: null };
+      }
+      function In(t, e, n, r, i) {
+        var o = [], a = [], s = r;
+        function l(c) {
+          o.push(c), a.push(s);
+        }
+        for (; h.element(s); ) {
+          o = [], a = [], i.interactables.forEachMatch(s, l);
+          var u = $r(t, e, n, o, a, r, i);
+          if (u.action && !u.interactable.options[u.action.name].manualStart) return u;
+          s = de(s);
+        }
+        return { action: null, interactable: null, element: null };
+      }
+      function Pn(t, e, n) {
+        var r = e.action, i = e.interactable, o = e.element;
+        r = r || { name: null }, t.interactable = i, t.element = o, Jt(t.prepared, r), t.rect = i && r.name ? i.getRect(o) : null, Rn(t, n), n.fire("autoStart:prepared", { interaction: t });
+      }
+      function It(t, e, n, r) {
+        var i = t.options, o = i[n.name].max, a = i[n.name].maxPerElement, s = r.autoStart.maxInteractions, l = 0, u = 0, c = 0;
+        if (!(o && a && s)) return !1;
+        for (var p = 0, g = r.interactions.list; p < g.length; p++) {
+          var w = g[p], x = w.prepared.name;
+          if (w.interacting() && (++l >= s || w.interactable === t && ((u += x === n.name ? 1 : 0) >= o || w.element === e && (c++, x === n.name && c >= a))))
+            return !1;
+        }
+        return s > 0;
+      }
+      function Cn(t, e) {
+        return h.number(t) ? (e.autoStart.maxInteractions = t, this) : e.autoStart.maxInteractions;
+      }
+      function Zt(t, e, n) {
+        var r = n.autoStart.cursorElement;
+        r && r !== t && (r.style.cursor = ""), t.ownerDocument.documentElement.style.cursor = e, t.style.cursor = e, n.autoStart.cursorElement = e ? t : null;
+      }
+      function Rn(t, e) {
+        var n = t.interactable, r = t.element, i = t.prepared;
+        if (t.pointerType === "mouse" && n && n.options.styleCursor) {
+          var o = "";
+          if (i.name) {
+            var a = n.options[i.name].cursorChecker;
+            o = h.func(a) ? a(i, n, r, t._interacting) : e.actions.map[i.name].getCursor(i);
+          }
+          Zt(t.element, o || "", e);
+        } else e.autoStart.cursorElement && Zt(e.autoStart.cursorElement, "", e);
+      }
+      var Nr = { id: "auto-start/base", before: ["actions"], install: function(t) {
+        var e = t.interactStatic, n = t.defaults;
+        t.usePlugin(Lr), n.base.actionChecker = null, n.base.styleCursor = !0, A(n.perAction, { manualStart: !1, max: 1 / 0, maxPerElement: 1, allowFrom: null, ignoreFrom: null, mouseButtons: 1 }), e.maxInteractions = function(r) {
+          return Cn(r, t);
+        }, t.autoStart = { maxInteractions: 1 / 0, withinInteractionLimit: It, cursorElement: null };
+      }, listeners: { "interactions:down": function(t, e) {
+        var n = t.interaction, r = t.pointer, i = t.event, o = t.eventTarget;
+        n.interacting() || Pn(n, In(n, r, i, o, e), e);
+      }, "interactions:move": function(t, e) {
+        (function(n, r) {
+          var i = n.interaction, o = n.pointer, a = n.event, s = n.eventTarget;
+          i.pointerType !== "mouse" || i.pointerIsDown || i.interacting() || Pn(i, In(i, o, a, s, r), r);
+        })(t, e), function(n, r) {
+          var i = n.interaction;
+          if (i.pointerIsDown && !i.interacting() && i.pointerWasMoved && i.prepared.name) {
+            r.fire("autoStart:before-start", n);
+            var o = i.interactable, a = i.prepared.name;
+            a && o && (o.options[a].manualStart || !It(o, i.element, i.prepared, r) ? i.stop() : (i.start(i.prepared, o, i.element), Rn(i, r)));
+          }
+        }(t, e);
+      }, "interactions:stop": function(t, e) {
+        var n = t.interaction, r = n.interactable;
+        r && r.options.styleCursor && Zt(n.element, "", e);
+      } }, maxInteractions: Cn, withinInteractionLimit: It, validateAction: Mn }, Qt = Nr, Hr = { id: "auto-start/dragAxis", listeners: { "autoStart:before-start": function(t, e) {
+        var n = t.interaction, r = t.eventTarget, i = t.dx, o = t.dy;
+        if (n.prepared.name === "drag") {
+          var a = Math.abs(i), s = Math.abs(o), l = n.interactable.options.drag, u = l.startAxis, c = a > s ? "x" : a < s ? "y" : "xy";
+          if (n.prepared.axis = l.lockAxis === "start" ? c[0] : l.lockAxis, c !== "xy" && u !== "xy" && u !== c) {
+            n.prepared.name = null;
+            for (var p = r, g = function(x) {
+              if (x !== n.interactable) {
+                var S = n.interactable.options.drag;
+                if (!S.manualStart && x.testIgnoreAllow(S, p, r)) {
+                  var P = x.getAction(n.downPointer, n.downEvent, n, p);
+                  if (P && P.name === "drag" && function(M, B) {
+                    if (!B) return !1;
+                    var X = B.options.drag.startAxis;
+                    return M === "xy" || X === "xy" || X === M;
+                  }(c, x) && Qt.validateAction(P, x, p, r, e)) return x;
+                }
+              }
+            }; h.element(p); ) {
+              var w = e.interactables.forEachMatch(p, g);
+              if (w) {
+                n.prepared.name = "drag", n.interactable = w, n.element = p;
+                break;
+              }
+              p = de(p);
+            }
+          }
+        }
+      } } };
+      function en(t) {
+        var e = t.prepared && t.prepared.name;
+        if (!e) return null;
+        var n = t.interactable.options;
+        return n[e].hold || n[e].delay;
+      }
+      var Wr = { id: "auto-start/hold", install: function(t) {
+        var e = t.defaults;
+        t.usePlugin(Qt), e.perAction.hold = 0, e.perAction.delay = 0;
+      }, listeners: { "interactions:new": function(t) {
+        t.interaction.autoStartHoldTimer = null;
+      }, "autoStart:prepared": function(t) {
+        var e = t.interaction, n = en(e);
+        n > 0 && (e.autoStartHoldTimer = setTimeout(function() {
+          e.start(e.prepared, e.interactable, e.element);
+        }, n));
+      }, "interactions:move": function(t) {
+        var e = t.interaction, n = t.duplicate;
+        e.autoStartHoldTimer && e.pointerWasMoved && !n && (clearTimeout(e.autoStartHoldTimer), e.autoStartHoldTimer = null);
+      }, "autoStart:before-start": function(t) {
+        var e = t.interaction;
+        en(e) > 0 && (e.prepared.name = null);
+      } }, getHoldDuration: en }, Yr = Wr, Xr = { id: "auto-start", install: function(t) {
+        t.usePlugin(Qt), t.usePlugin(Yr), t.usePlugin(Hr);
+      } }, Vr = function(t) {
+        return /^(always|never|auto)$/.test(t) ? (this.options.preventDefault = t, this) : h.bool(t) ? (this.options.preventDefault = t ? "always" : "never", this) : this.options.preventDefault;
+      };
+      function Gr(t) {
+        var e = t.interaction, n = t.event;
+        e.interactable && e.interactable.checkAndPreventDefault(n);
+      }
+      var An = { id: "core/interactablePreventDefault", install: function(t) {
+        var e = t.Interactable;
+        e.prototype.preventDefault = Vr, e.prototype.checkAndPreventDefault = function(n) {
+          return function(r, i, o) {
+            var a = r.options.preventDefault;
+            if (a !== "never") if (a !== "always") {
+              if (i.events.supportsPassive && /^touch(start|move)$/.test(o.type)) {
+                var s = E(o.target).document, l = i.getDocOptions(s);
+                if (!l || !l.events || l.events.passive !== !1) return;
+              }
+              /^(mouse|pointer|touch)*(down|start)/i.test(o.type) || h.element(o.target) && K(o.target, "input,select,textarea,[contenteditable=true],[contenteditable=true] *") || o.preventDefault();
+            } else o.preventDefault();
+          }(this, t, n);
+        }, t.interactions.docEvents.push({ type: "dragstart", listener: function(n) {
+          for (var r = 0, i = t.interactions.list; r < i.length; r++) {
+            var o = i[r];
+            if (o.element && (o.element === n.target || W(o.element, n.target))) return void o.interactable.checkAndPreventDefault(n);
+          }
+        } });
+      }, listeners: ["down", "move", "up", "cancel"].reduce(function(t, e) {
+        return t["interactions:".concat(e)] = Gr, t;
+      }, {}) };
+      function Pt(t, e) {
+        if (e.phaselessTypes[t]) return !0;
+        for (var n in e.map) if (t.indexOf(n) === 0 && t.substr(n.length) in e.phases) return !0;
+        return !1;
+      }
+      function ht(t) {
+        var e = {};
+        for (var n in t) {
+          var r = t[n];
+          h.plainObject(r) ? e[n] = ht(r) : h.array(r) ? e[n] = ft(r) : e[n] = r;
+        }
+        return e;
+      }
+      var tn = function() {
+        function t(e) {
+          v(this, t), this.states = [], this.startOffset = { left: 0, right: 0, top: 0, bottom: 0 }, this.startDelta = void 0, this.result = void 0, this.endResult = void 0, this.startEdges = void 0, this.edges = void 0, this.interaction = void 0, this.interaction = e, this.result = Ct(), this.edges = { left: !1, right: !1, top: !1, bottom: !1 };
+        }
+        return T(t, [{ key: "start", value: function(e, n) {
+          var r, i, o = e.phase, a = this.interaction, s = function(u) {
+            var c = u.interactable.options[u.prepared.name], p = c.modifiers;
+            return p && p.length ? p : ["snap", "snapSize", "snapEdges", "restrict", "restrictEdges", "restrictSize"].map(function(g) {
+              var w = c[g];
+              return w && w.enabled && { options: w, methods: w._methods };
+            }).filter(function(g) {
+              return !!g;
+            });
+          }(a);
+          this.prepareStates(s), this.startEdges = A({}, a.edges), this.edges = A({}, this.startEdges), this.startOffset = (r = a.rect, i = n, r ? { left: i.x - r.left, top: i.y - r.top, right: r.right - i.x, bottom: r.bottom - i.y } : { left: 0, top: 0, right: 0, bottom: 0 }), this.startDelta = { x: 0, y: 0 };
+          var l = this.fillArg({ phase: o, pageCoords: n, preEnd: !1 });
+          return this.result = Ct(), this.startAll(l), this.result = this.setAll(l);
+        } }, { key: "fillArg", value: function(e) {
+          var n = this.interaction;
+          return e.interaction = n, e.interactable = n.interactable, e.element = n.element, e.rect || (e.rect = n.rect), e.edges || (e.edges = this.startEdges), e.startOffset = this.startOffset, e;
+        } }, { key: "startAll", value: function(e) {
+          for (var n = 0, r = this.states; n < r.length; n++) {
+            var i = r[n];
+            i.methods.start && (e.state = i, i.methods.start(e));
+          }
+        } }, { key: "setAll", value: function(e) {
+          var n = e.phase, r = e.preEnd, i = e.skipModifiers, o = e.rect, a = e.edges;
+          e.coords = A({}, e.pageCoords), e.rect = A({}, o), e.edges = A({}, a);
+          for (var s = i ? this.states.slice(i) : this.states, l = Ct(e.coords, e.rect), u = 0; u < s.length; u++) {
+            var c, p = s[u], g = p.options, w = A({}, e.coords), x = null;
+            (c = p.methods) != null && c.set && this.shouldDo(g, r, n) && (e.state = p, x = p.methods.set(e), nt(e.edges, e.rect, { x: e.coords.x - w.x, y: e.coords.y - w.y })), l.eventProps.push(x);
+          }
+          A(this.edges, e.edges), l.delta.x = e.coords.x - e.pageCoords.x, l.delta.y = e.coords.y - e.pageCoords.y, l.rectDelta.left = e.rect.left - o.left, l.rectDelta.right = e.rect.right - o.right, l.rectDelta.top = e.rect.top - o.top, l.rectDelta.bottom = e.rect.bottom - o.bottom;
+          var S = this.result.coords, P = this.result.rect;
+          if (S && P) {
+            var M = l.rect.left !== P.left || l.rect.right !== P.right || l.rect.top !== P.top || l.rect.bottom !== P.bottom;
+            l.changed = M || S.x !== l.coords.x || S.y !== l.coords.y;
+          }
+          return l;
+        } }, { key: "applyToInteraction", value: function(e) {
+          var n = this.interaction, r = e.phase, i = n.coords.cur, o = n.coords.start, a = this.result, s = this.startDelta, l = a.delta;
+          r === "start" && A(this.startDelta, a.delta);
+          for (var u = 0, c = [[o, s], [i, l]]; u < c.length; u++) {
+            var p = c[u], g = p[0], w = p[1];
+            g.page.x += w.x, g.page.y += w.y, g.client.x += w.x, g.client.y += w.y;
+          }
+          var x = this.result.rectDelta, S = e.rect || n.rect;
+          S.left += x.left, S.right += x.right, S.top += x.top, S.bottom += x.bottom, S.width = S.right - S.left, S.height = S.bottom - S.top;
+        } }, { key: "setAndApply", value: function(e) {
+          var n = this.interaction, r = e.phase, i = e.preEnd, o = e.skipModifiers, a = this.setAll(this.fillArg({ preEnd: i, phase: r, pageCoords: e.modifiedCoords || n.coords.cur.page }));
+          if (this.result = a, !a.changed && (!o || o < this.states.length) && n.interacting()) return !1;
+          if (e.modifiedCoords) {
+            var s = n.coords.cur.page, l = { x: e.modifiedCoords.x - s.x, y: e.modifiedCoords.y - s.y };
+            a.coords.x += l.x, a.coords.y += l.y, a.delta.x += l.x, a.delta.y += l.y;
+          }
+          this.applyToInteraction(e);
+        } }, { key: "beforeEnd", value: function(e) {
+          var n = e.interaction, r = e.event, i = this.states;
+          if (i && i.length) {
+            for (var o = !1, a = 0; a < i.length; a++) {
+              var s = i[a];
+              e.state = s;
+              var l = s.options, u = s.methods, c = u.beforeEnd && u.beforeEnd(e);
+              if (c) return this.endResult = c, !1;
+              o = o || !o && this.shouldDo(l, !0, e.phase, !0);
+            }
+            o && n.move({ event: r, preEnd: !0 });
+          }
+        } }, { key: "stop", value: function(e) {
+          var n = e.interaction;
+          if (this.states && this.states.length) {
+            var r = A({ states: this.states, interactable: n.interactable, element: n.element, rect: null }, e);
+            this.fillArg(r);
+            for (var i = 0, o = this.states; i < o.length; i++) {
+              var a = o[i];
+              r.state = a, a.methods.stop && a.methods.stop(r);
+            }
+            this.states = null, this.endResult = null;
+          }
+        } }, { key: "prepareStates", value: function(e) {
+          this.states = [];
+          for (var n = 0; n < e.length; n++) {
+            var r = e[n], i = r.options, o = r.methods, a = r.name;
+            this.states.push({ options: i, methods: o, index: n, name: a });
+          }
+          return this.states;
+        } }, { key: "restoreInteractionCoords", value: function(e) {
+          var n = e.interaction, r = n.coords, i = n.rect, o = n.modification;
+          if (o.result) {
+            for (var a = o.startDelta, s = o.result, l = s.delta, u = s.rectDelta, c = 0, p = [[r.start, a], [r.cur, l]]; c < p.length; c++) {
+              var g = p[c], w = g[0], x = g[1];
+              w.page.x -= x.x, w.page.y -= x.y, w.client.x -= x.x, w.client.y -= x.y;
+            }
+            i.left -= u.left, i.right -= u.right, i.top -= u.top, i.bottom -= u.bottom;
+          }
+        } }, { key: "shouldDo", value: function(e, n, r, i) {
+          return !(!e || e.enabled === !1 || i && !e.endOnly || e.endOnly && !n || r === "start" && !e.setStart);
+        } }, { key: "copyFrom", value: function(e) {
+          this.startOffset = e.startOffset, this.startDelta = e.startDelta, this.startEdges = e.startEdges, this.edges = e.edges, this.states = e.states.map(function(n) {
+            return ht(n);
+          }), this.result = Ct(A({}, e.result.coords), A({}, e.result.rect));
+        } }, { key: "destroy", value: function() {
+          for (var e in this) this[e] = null;
+        } }]), t;
+      }();
+      function Ct(t, e) {
+        return { rect: e, coords: t, delta: { x: 0, y: 0 }, rectDelta: { left: 0, right: 0, top: 0, bottom: 0 }, eventProps: [], changed: !0 };
+      }
+      function Qe(t, e) {
+        var n = t.defaults, r = { start: t.start, set: t.set, beforeEnd: t.beforeEnd, stop: t.stop }, i = function(o) {
+          var a = o || {};
+          for (var s in a.enabled = a.enabled !== !1, n) s in a || (a[s] = n[s]);
+          var l = { options: a, methods: r, name: e, enable: function() {
+            return a.enabled = !0, l;
+          }, disable: function() {
+            return a.enabled = !1, l;
+          } };
+          return l;
+        };
+        return e && typeof e == "string" && (i._defaults = n, i._methods = r), i;
+      }
+      function _t(t) {
+        var e = t.iEvent, n = t.interaction.modification.result;
+        n && (e.modifiers = n.eventProps);
+      }
+      var Ur = { id: "modifiers/base", before: ["actions"], install: function(t) {
+        t.defaults.perAction.modifiers = [];
+      }, listeners: { "interactions:new": function(t) {
+        var e = t.interaction;
+        e.modification = new tn(e);
+      }, "interactions:before-action-start": function(t) {
+        var e = t.interaction, n = t.interaction.modification;
+        n.start(t, e.coords.start.page), e.edges = n.edges, n.applyToInteraction(t);
+      }, "interactions:before-action-move": function(t) {
+        var e = t.interaction, n = e.modification, r = n.setAndApply(t);
+        return e.edges = n.edges, r;
+      }, "interactions:before-action-end": function(t) {
+        var e = t.interaction, n = e.modification, r = n.beforeEnd(t);
+        return e.edges = n.startEdges, r;
+      }, "interactions:action-start": _t, "interactions:action-move": _t, "interactions:action-end": _t, "interactions:after-action-start": function(t) {
+        return t.interaction.modification.restoreInteractionCoords(t);
+      }, "interactions:after-action-move": function(t) {
+        return t.interaction.modification.restoreInteractionCoords(t);
+      }, "interactions:stop": function(t) {
+        return t.interaction.modification.stop(t);
+      } } }, Bn = Ur, jn = { base: { preventDefault: "auto", deltaSource: "page" }, perAction: { enabled: !1, origin: { x: 0, y: 0 } }, actions: {} }, nn = function(t) {
+        q(n, t);
+        var e = ie(n);
+        function n(r, i, o, a, s, l, u) {
+          var c;
+          v(this, n), (c = e.call(this, r)).relatedTarget = null, c.screenX = void 0, c.screenY = void 0, c.button = void 0, c.buttons = void 0, c.ctrlKey = void 0, c.shiftKey = void 0, c.altKey = void 0, c.metaKey = void 0, c.page = void 0, c.client = void 0, c.delta = void 0, c.rect = void 0, c.x0 = void 0, c.y0 = void 0, c.t0 = void 0, c.dt = void 0, c.duration = void 0, c.clientX0 = void 0, c.clientY0 = void 0, c.velocity = void 0, c.speed = void 0, c.swipe = void 0, c.axes = void 0, c.preEnd = void 0, s = s || r.element;
+          var p = r.interactable, g = (p && p.options || jn).deltaSource, w = rt(p, s, o), x = a === "start", S = a === "end", P = x ? re(c) : r.prevEvent, M = x ? r.coords.start : S ? { page: P.page, client: P.client, timeStamp: r.coords.cur.timeStamp } : r.coords.cur;
+          return c.page = A({}, M.page), c.client = A({}, M.client), c.rect = A({}, r.rect), c.timeStamp = M.timeStamp, S || (c.page.x -= w.x, c.page.y -= w.y, c.client.x -= w.x, c.client.y -= w.y), c.ctrlKey = i.ctrlKey, c.altKey = i.altKey, c.shiftKey = i.shiftKey, c.metaKey = i.metaKey, c.button = i.button, c.buttons = i.buttons, c.target = s, c.currentTarget = s, c.preEnd = l, c.type = u || o + (a || ""), c.interactable = p, c.t0 = x ? r.pointers[r.pointers.length - 1].downTime : P.t0, c.x0 = r.coords.start.page.x - w.x, c.y0 = r.coords.start.page.y - w.y, c.clientX0 = r.coords.start.client.x - w.x, c.clientY0 = r.coords.start.client.y - w.y, c.delta = x || S ? { x: 0, y: 0 } : { x: c[g].x - P[g].x, y: c[g].y - P[g].y }, c.dt = r.coords.delta.timeStamp, c.duration = c.timeStamp - c.t0, c.velocity = A({}, r.coords.velocity[g]), c.speed = Ue(c.velocity.x, c.velocity.y), c.swipe = S || a === "inertiastart" ? c.getSwipe() : null, c;
+        }
+        return T(n, [{ key: "getSwipe", value: function() {
+          var r = this._interaction;
+          if (r.prevEvent.speed < 600 || this.timeStamp - r.prevEvent.timeStamp > 150) return null;
+          var i = 180 * Math.atan2(r.prevEvent.velocityY, r.prevEvent.velocityX) / Math.PI;
+          i < 0 && (i += 360);
+          var o = 112.5 <= i && i < 247.5, a = 202.5 <= i && i < 337.5;
+          return { up: a, down: !a && 22.5 <= i && i < 157.5, left: o, right: !o && (292.5 <= i || i < 67.5), angle: i, speed: r.prevEvent.speed, velocity: { x: r.prevEvent.velocityX, y: r.prevEvent.velocityY } };
+        } }, { key: "preventDefault", value: function() {
+        } }, { key: "stopImmediatePropagation", value: function() {
+          this.immediatePropagationStopped = this.propagationStopped = !0;
+        } }, { key: "stopPropagation", value: function() {
+          this.propagationStopped = !0;
+        } }]), n;
+      }(Je);
+      Object.defineProperties(nn.prototype, { pageX: { get: function() {
+        return this.page.x;
+      }, set: function(t) {
+        this.page.x = t;
+      } }, pageY: { get: function() {
+        return this.page.y;
+      }, set: function(t) {
+        this.page.y = t;
+      } }, clientX: { get: function() {
+        return this.client.x;
+      }, set: function(t) {
+        this.client.x = t;
+      } }, clientY: { get: function() {
+        return this.client.y;
+      }, set: function(t) {
+        this.client.y = t;
+      } }, dx: { get: function() {
+        return this.delta.x;
+      }, set: function(t) {
+        this.delta.x = t;
+      } }, dy: { get: function() {
+        return this.delta.y;
+      }, set: function(t) {
+        this.delta.y = t;
+      } }, velocityX: { get: function() {
+        return this.velocity.x;
+      }, set: function(t) {
+        this.velocity.x = t;
+      } }, velocityY: { get: function() {
+        return this.velocity.y;
+      }, set: function(t) {
+        this.velocity.y = t;
+      } } });
+      var qr = T(function t(e, n, r, i, o) {
+        v(this, t), this.id = void 0, this.pointer = void 0, this.event = void 0, this.downTime = void 0, this.downTarget = void 0, this.id = e, this.pointer = n, this.event = r, this.downTime = i, this.downTarget = o;
+      }), Kr = function(t) {
+        return t.interactable = "", t.element = "", t.prepared = "", t.pointerIsDown = "", t.pointerWasMoved = "", t._proxy = "", t;
+      }({}), Fn = function(t) {
+        return t.start = "", t.move = "", t.end = "", t.stop = "", t.interacting = "", t;
+      }({}), Jr = 0, Zr = function() {
+        function t(e) {
+          var n = this, r = e.pointerType, i = e.scopeFire;
+          v(this, t), this.interactable = null, this.element = null, this.rect = null, this._rects = void 0, this.edges = null, this._scopeFire = void 0, this.prepared = { name: null, axis: null, edges: null }, this.pointerType = void 0, this.pointers = [], this.downEvent = null, this.downPointer = {}, this._latestPointer = { pointer: null, event: null, eventTarget: null }, this.prevEvent = null, this.pointerIsDown = !1, this.pointerWasMoved = !1, this._interacting = !1, this._ending = !1, this._stopped = !0, this._proxy = void 0, this.simulation = null, this.doMove = wt(function(c) {
+            this.move(c);
+          }, "The interaction.doMove() method has been renamed to interaction.move()"), this.coords = { start: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, prev: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, cur: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, delta: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, velocity: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 } }, this._id = Jr++, this._scopeFire = i, this.pointerType = r;
+          var o = this;
+          this._proxy = {};
+          var a = function(c) {
+            Object.defineProperty(n._proxy, c, { get: function() {
+              return o[c];
+            } });
+          };
+          for (var s in Kr) a(s);
+          var l = function(c) {
+            Object.defineProperty(n._proxy, c, { value: function() {
+              return o[c].apply(o, arguments);
+            } });
+          };
+          for (var u in Fn) l(u);
+          this._scopeFire("interactions:new", { interaction: this });
+        }
+        return T(t, [{ key: "pointerMoveTolerance", get: function() {
+          return 1;
+        } }, { key: "pointerDown", value: function(e, n, r) {
+          var i = this.updatePointer(e, n, r, !0), o = this.pointers[i];
+          this._scopeFire("interactions:down", { pointer: e, event: n, eventTarget: r, pointerIndex: i, pointerInfo: o, type: "down", interaction: this });
+        } }, { key: "start", value: function(e, n, r) {
+          return !(this.interacting() || !this.pointerIsDown || this.pointers.length < (e.name === "gesture" ? 2 : 1) || !n.options[e.name].enabled) && (Jt(this.prepared, e), this.interactable = n, this.element = r, this.rect = n.getRect(r), this.edges = this.prepared.edges ? A({}, this.prepared.edges) : { left: !0, right: !0, top: !0, bottom: !0 }, this._stopped = !1, this._interacting = this._doPhase({ interaction: this, event: this.downEvent, phase: "start" }) && !this._stopped, this._interacting);
+        } }, { key: "pointerMove", value: function(e, n, r) {
+          this.simulation || this.modification && this.modification.endResult || this.updatePointer(e, n, r, !1);
+          var i, o, a = this.coords.cur.page.x === this.coords.prev.page.x && this.coords.cur.page.y === this.coords.prev.page.y && this.coords.cur.client.x === this.coords.prev.client.x && this.coords.cur.client.y === this.coords.prev.client.y;
+          this.pointerIsDown && !this.pointerWasMoved && (i = this.coords.cur.client.x - this.coords.start.client.x, o = this.coords.cur.client.y - this.coords.start.client.y, this.pointerWasMoved = Ue(i, o) > this.pointerMoveTolerance);
+          var s, l, u, c = this.getPointerIndex(e), p = { pointer: e, pointerIndex: c, pointerInfo: this.pointers[c], event: n, type: "move", eventTarget: r, dx: i, dy: o, duplicate: a, interaction: this };
+          a || (s = this.coords.velocity, l = this.coords.delta, u = Math.max(l.timeStamp / 1e3, 1e-3), s.page.x = l.page.x / u, s.page.y = l.page.y / u, s.client.x = l.client.x / u, s.client.y = l.client.y / u, s.timeStamp = u), this._scopeFire("interactions:move", p), a || this.simulation || (this.interacting() && (p.type = null, this.move(p)), this.pointerWasMoved && ut(this.coords.prev, this.coords.cur));
+        } }, { key: "move", value: function(e) {
+          e && e.event || Le(this.coords.delta), (e = A({ pointer: this._latestPointer.pointer, event: this._latestPointer.event, eventTarget: this._latestPointer.eventTarget, interaction: this }, e || {})).phase = "move", this._doPhase(e);
+        } }, { key: "pointerUp", value: function(e, n, r, i) {
+          var o = this.getPointerIndex(e);
+          o === -1 && (o = this.updatePointer(e, n, r, !1));
+          var a = /cancel$/i.test(n.type) ? "cancel" : "up";
+          this._scopeFire("interactions:".concat(a), { pointer: e, pointerIndex: o, pointerInfo: this.pointers[o], event: n, eventTarget: r, type: a, curEventTarget: i, interaction: this }), this.simulation || this.end(n), this.removePointer(e, n);
+        } }, { key: "documentBlur", value: function(e) {
+          this.end(e), this._scopeFire("interactions:blur", { event: e, type: "blur", interaction: this });
+        } }, { key: "end", value: function(e) {
+          var n;
+          this._ending = !0, e = e || this._latestPointer.event, this.interacting() && (n = this._doPhase({ event: e, interaction: this, phase: "end" })), this._ending = !1, n === !0 && this.stop();
+        } }, { key: "currentAction", value: function() {
+          return this._interacting ? this.prepared.name : null;
+        } }, { key: "interacting", value: function() {
+          return this._interacting;
+        } }, { key: "stop", value: function() {
+          this._scopeFire("interactions:stop", { interaction: this }), this.interactable = this.element = null, this._interacting = !1, this._stopped = !0, this.prepared.name = this.prevEvent = null;
+        } }, { key: "getPointerIndex", value: function(e) {
+          var n = ne(e);
+          return this.pointerType === "mouse" || this.pointerType === "pen" ? this.pointers.length - 1 : $e(this.pointers, function(r) {
+            return r.id === n;
+          });
+        } }, { key: "getPointerInfo", value: function(e) {
+          return this.pointers[this.getPointerIndex(e)];
+        } }, { key: "updatePointer", value: function(e, n, r, i) {
+          var o, a, s, l = ne(e), u = this.getPointerIndex(e), c = this.pointers[u];
+          return i = i !== !1 && (i || /(down|start)$/i.test(n.type)), c ? c.pointer = e : (c = new qr(l, e, n, null, null), u = this.pointers.length, this.pointers.push(c)), pe(this.coords.cur, this.pointers.map(function(p) {
+            return p.pointer;
+          }), this._now()), o = this.coords.delta, a = this.coords.prev, s = this.coords.cur, o.page.x = s.page.x - a.page.x, o.page.y = s.page.y - a.page.y, o.client.x = s.client.x - a.client.x, o.client.y = s.client.y - a.client.y, o.timeStamp = s.timeStamp - a.timeStamp, i && (this.pointerIsDown = !0, c.downTime = this.coords.cur.timeStamp, c.downTarget = r, it(this.downPointer, e), this.interacting() || (ut(this.coords.start, this.coords.cur), ut(this.coords.prev, this.coords.cur), this.downEvent = n, this.pointerWasMoved = !1)), this._updateLatestPointer(e, n, r), this._scopeFire("interactions:update-pointer", { pointer: e, event: n, eventTarget: r, down: i, pointerInfo: c, pointerIndex: u, interaction: this }), u;
+        } }, { key: "removePointer", value: function(e, n) {
+          var r = this.getPointerIndex(e);
+          if (r !== -1) {
+            var i = this.pointers[r];
+            this._scopeFire("interactions:remove-pointer", { pointer: e, event: n, eventTarget: null, pointerIndex: r, pointerInfo: i, interaction: this }), this.pointers.splice(r, 1), this.pointerIsDown = !1;
+          }
+        } }, { key: "_updateLatestPointer", value: function(e, n, r) {
+          this._latestPointer.pointer = e, this._latestPointer.event = n, this._latestPointer.eventTarget = r;
+        } }, { key: "destroy", value: function() {
+          this._latestPointer.pointer = null, this._latestPointer.event = null, this._latestPointer.eventTarget = null;
+        } }, { key: "_createPreparedEvent", value: function(e, n, r, i) {
+          return new nn(this, e, this.prepared.name, n, this.element, r, i);
+        } }, { key: "_fireEvent", value: function(e) {
+          var n;
+          (n = this.interactable) == null || n.fire(e), (!this.prevEvent || e.timeStamp >= this.prevEvent.timeStamp) && (this.prevEvent = e);
+        } }, { key: "_doPhase", value: function(e) {
+          var n = e.event, r = e.phase, i = e.preEnd, o = e.type, a = this.rect;
+          if (a && r === "move" && (nt(this.edges, a, this.coords.delta[this.interactable.options.deltaSource]), a.width = a.right - a.left, a.height = a.bottom - a.top), this._scopeFire("interactions:before-action-".concat(r), e) === !1) return !1;
+          var s = e.iEvent = this._createPreparedEvent(n, r, i, o);
+          return this._scopeFire("interactions:action-".concat(r), e), r === "start" && (this.prevEvent = s), this._fireEvent(s), this._scopeFire("interactions:after-action-".concat(r), e), !0;
+        } }, { key: "_now", value: function() {
+          return Date.now();
+        } }]), t;
+      }();
+      function Ln(t) {
+        $n(t.interaction);
+      }
+      function $n(t) {
+        if (!function(n) {
+          return !(!n.offset.pending.x && !n.offset.pending.y);
+        }(t)) return !1;
+        var e = t.offset.pending;
+        return rn(t.coords.cur, e), rn(t.coords.delta, e), nt(t.edges, t.rect, e), e.x = 0, e.y = 0, !0;
+      }
+      function Qr(t) {
+        var e = t.x, n = t.y;
+        this.offset.pending.x += e, this.offset.pending.y += n, this.offset.total.x += e, this.offset.total.y += n;
+      }
+      function rn(t, e) {
+        var n = t.page, r = t.client, i = e.x, o = e.y;
+        n.x += i, n.y += o, r.x += i, r.y += o;
+      }
+      Fn.offsetBy = "";
+      var ei = { id: "offset", before: ["modifiers", "pointer-events", "actions", "inertia"], install: function(t) {
+        t.Interaction.prototype.offsetBy = Qr;
+      }, listeners: { "interactions:new": function(t) {
+        t.interaction.offset = { total: { x: 0, y: 0 }, pending: { x: 0, y: 0 } };
+      }, "interactions:update-pointer": function(t) {
+        return function(e) {
+          e.pointerIsDown && (rn(e.coords.cur, e.offset.total), e.offset.pending.x = 0, e.offset.pending.y = 0);
+        }(t.interaction);
+      }, "interactions:before-action-start": Ln, "interactions:before-action-move": Ln, "interactions:before-action-end": function(t) {
+        var e = t.interaction;
+        if ($n(e)) return e.move({ offset: !0 }), e.end(), !1;
+      }, "interactions:stop": function(t) {
+        var e = t.interaction;
+        e.offset.total.x = 0, e.offset.total.y = 0, e.offset.pending.x = 0, e.offset.pending.y = 0;
+      } } }, Nn = ei, ti = function() {
+        function t(e) {
+          v(this, t), this.active = !1, this.isModified = !1, this.smoothEnd = !1, this.allowResume = !1, this.modification = void 0, this.modifierCount = 0, this.modifierArg = void 0, this.startCoords = void 0, this.t0 = 0, this.v0 = 0, this.te = 0, this.targetOffset = void 0, this.modifiedOffset = void 0, this.currentOffset = void 0, this.lambda_v0 = 0, this.one_ve_v0 = 0, this.timeout = void 0, this.interaction = void 0, this.interaction = e;
+        }
+        return T(t, [{ key: "start", value: function(e) {
+          var n = this.interaction, r = Rt(n);
+          if (!r || !r.enabled) return !1;
+          var i = n.coords.velocity.client, o = Ue(i.x, i.y), a = this.modification || (this.modification = new tn(n));
+          if (a.copyFrom(n.modification), this.t0 = n._now(), this.allowResume = r.allowResume, this.v0 = o, this.currentOffset = { x: 0, y: 0 }, this.startCoords = n.coords.cur.page, this.modifierArg = a.fillArg({ pageCoords: this.startCoords, preEnd: !0, phase: "inertiastart" }), this.t0 - n.coords.cur.timeStamp < 50 && o > r.minSpeed && o > r.endSpeed) this.startInertia();
+          else {
+            if (a.result = a.setAll(this.modifierArg), !a.result.changed) return !1;
+            this.startSmoothEnd();
+          }
+          return n.modification.result.rect = null, n.offsetBy(this.targetOffset), n._doPhase({ interaction: n, event: e, phase: "inertiastart" }), n.offsetBy({ x: -this.targetOffset.x, y: -this.targetOffset.y }), n.modification.result.rect = null, this.active = !0, n.simulation = this, !0;
+        } }, { key: "startInertia", value: function() {
+          var e = this, n = this.interaction.coords.velocity.client, r = Rt(this.interaction), i = r.resistance, o = -Math.log(r.endSpeed / this.v0) / i;
+          this.targetOffset = { x: (n.x - o) / i, y: (n.y - o) / i }, this.te = o, this.lambda_v0 = i / this.v0, this.one_ve_v0 = 1 - r.endSpeed / this.v0;
+          var a = this.modification, s = this.modifierArg;
+          s.pageCoords = { x: this.startCoords.x + this.targetOffset.x, y: this.startCoords.y + this.targetOffset.y }, a.result = a.setAll(s), a.result.changed && (this.isModified = !0, this.modifiedOffset = { x: this.targetOffset.x + a.result.delta.x, y: this.targetOffset.y + a.result.delta.y }), this.onNextFrame(function() {
+            return e.inertiaTick();
+          });
+        } }, { key: "startSmoothEnd", value: function() {
+          var e = this;
+          this.smoothEnd = !0, this.isModified = !0, this.targetOffset = { x: this.modification.result.delta.x, y: this.modification.result.delta.y }, this.onNextFrame(function() {
+            return e.smoothEndTick();
+          });
+        } }, { key: "onNextFrame", value: function(e) {
+          var n = this;
+          this.timeout = Ze.request(function() {
+            n.active && e();
+          });
+        } }, { key: "inertiaTick", value: function() {
+          var e, n, r, i, o, a, s, l = this, u = this.interaction, c = Rt(u).resistance, p = (u._now() - this.t0) / 1e3;
+          if (p < this.te) {
+            var g, w = 1 - (Math.exp(-c * p) - this.lambda_v0) / this.one_ve_v0;
+            this.isModified ? (e = 0, n = 0, r = this.targetOffset.x, i = this.targetOffset.y, o = this.modifiedOffset.x, a = this.modifiedOffset.y, g = { x: Hn(s = w, e, r, o), y: Hn(s, n, i, a) }) : g = { x: this.targetOffset.x * w, y: this.targetOffset.y * w };
+            var x = { x: g.x - this.currentOffset.x, y: g.y - this.currentOffset.y };
+            this.currentOffset.x += x.x, this.currentOffset.y += x.y, u.offsetBy(x), u.move(), this.onNextFrame(function() {
+              return l.inertiaTick();
+            });
+          } else u.offsetBy({ x: this.modifiedOffset.x - this.currentOffset.x, y: this.modifiedOffset.y - this.currentOffset.y }), this.end();
+        } }, { key: "smoothEndTick", value: function() {
+          var e = this, n = this.interaction, r = n._now() - this.t0, i = Rt(n).smoothEndDuration;
+          if (r < i) {
+            var o = { x: Wn(r, 0, this.targetOffset.x, i), y: Wn(r, 0, this.targetOffset.y, i) }, a = { x: o.x - this.currentOffset.x, y: o.y - this.currentOffset.y };
+            this.currentOffset.x += a.x, this.currentOffset.y += a.y, n.offsetBy(a), n.move({ skipModifiers: this.modifierCount }), this.onNextFrame(function() {
+              return e.smoothEndTick();
+            });
+          } else n.offsetBy({ x: this.targetOffset.x - this.currentOffset.x, y: this.targetOffset.y - this.currentOffset.y }), this.end();
+        } }, { key: "resume", value: function(e) {
+          var n = e.pointer, r = e.event, i = e.eventTarget, o = this.interaction;
+          o.offsetBy({ x: -this.currentOffset.x, y: -this.currentOffset.y }), o.updatePointer(n, r, i, !0), o._doPhase({ interaction: o, event: r, phase: "resume" }), ut(o.coords.prev, o.coords.cur), this.stop();
+        } }, { key: "end", value: function() {
+          this.interaction.move(), this.interaction.end(), this.stop();
+        } }, { key: "stop", value: function() {
+          this.active = this.smoothEnd = !1, this.interaction.simulation = null, Ze.cancel(this.timeout);
+        } }]), t;
+      }();
+      function Rt(t) {
+        var e = t.interactable, n = t.prepared;
+        return e && e.options && n.name && e.options[n.name].inertia;
+      }
+      var ni = { id: "inertia", before: ["modifiers", "actions"], install: function(t) {
+        var e = t.defaults;
+        t.usePlugin(Nn), t.usePlugin(Bn), t.actions.phases.inertiastart = !0, t.actions.phases.resume = !0, e.perAction.inertia = { enabled: !1, resistance: 10, minSpeed: 100, endSpeed: 10, allowResume: !0, smoothEndDuration: 300 };
+      }, listeners: { "interactions:new": function(t) {
+        var e = t.interaction;
+        e.inertia = new ti(e);
+      }, "interactions:before-action-end": function(t) {
+        var e = t.interaction, n = t.event;
+        return (!e._interacting || e.simulation || !e.inertia.start(n)) && null;
+      }, "interactions:down": function(t) {
+        var e = t.interaction, n = t.eventTarget, r = e.inertia;
+        if (r.active) for (var i = n; h.element(i); ) {
+          if (i === e.element) {
+            r.resume(t);
+            break;
+          }
+          i = de(i);
+        }
+      }, "interactions:stop": function(t) {
+        var e = t.interaction.inertia;
+        e.active && e.stop();
+      }, "interactions:before-action-resume": function(t) {
+        var e = t.interaction.modification;
+        e.stop(t), e.start(t, t.interaction.coords.cur.page), e.applyToInteraction(t);
+      }, "interactions:before-action-inertiastart": function(t) {
+        return t.interaction.modification.setAndApply(t);
+      }, "interactions:action-resume": _t, "interactions:action-inertiastart": _t, "interactions:after-action-inertiastart": function(t) {
+        return t.interaction.modification.restoreInteractionCoords(t);
+      }, "interactions:after-action-resume": function(t) {
+        return t.interaction.modification.restoreInteractionCoords(t);
+      } } };
+      function Hn(t, e, n, r) {
+        var i = 1 - t;
+        return i * i * e + 2 * i * t * n + t * t * r;
+      }
+      function Wn(t, e, n, r) {
+        return -n * (t /= r) * (t - 2) + e;
+      }
+      var ri = ni;
+      function Yn(t, e) {
+        for (var n = 0; n < e.length; n++) {
+          var r = e[n];
+          if (t.immediatePropagationStopped) break;
+          r(t);
+        }
+      }
+      var Xn = function() {
+        function t(e) {
+          v(this, t), this.options = void 0, this.types = {}, this.propagationStopped = !1, this.immediatePropagationStopped = !1, this.global = void 0, this.options = A({}, e || {});
+        }
+        return T(t, [{ key: "fire", value: function(e) {
+          var n, r = this.global;
+          (n = this.types[e.type]) && Yn(e, n), !e.propagationStopped && r && (n = r[e.type]) && Yn(e, n);
+        } }, { key: "on", value: function(e, n) {
+          var r = Fe(e, n);
+          for (e in r) this.types[e] = pt(this.types[e] || [], r[e]);
+        } }, { key: "off", value: function(e, n) {
+          var r = Fe(e, n);
+          for (e in r) {
+            var i = this.types[e];
+            if (i && i.length) for (var o = 0, a = r[e]; o < a.length; o++) {
+              var s = a[o], l = i.indexOf(s);
+              l !== -1 && i.splice(l, 1);
+            }
+          }
+        } }, { key: "getRect", value: function(e) {
+          return null;
+        } }]), t;
+      }(), ii = function() {
+        function t(e) {
+          v(this, t), this.currentTarget = void 0, this.originalEvent = void 0, this.type = void 0, this.originalEvent = e, it(this, e);
+        }
+        return T(t, [{ key: "preventOriginalDefault", value: function() {
+          this.originalEvent.preventDefault();
+        } }, { key: "stopPropagation", value: function() {
+          this.originalEvent.stopPropagation();
+        } }, { key: "stopImmediatePropagation", value: function() {
+          this.originalEvent.stopImmediatePropagation();
+        } }]), t;
+      }();
+      function Et(t) {
+        return h.object(t) ? { capture: !!t.capture, passive: !!t.passive } : { capture: !!t, passive: !1 };
+      }
+      function At(t, e) {
+        return t === e || (typeof t == "boolean" ? !!e.capture === t && !e.passive : !!t.capture == !!e.capture && !!t.passive == !!e.passive);
+      }
+      var oi = { id: "events", install: function(t) {
+        var e, n = [], r = {}, i = [], o = { add: a, remove: s, addDelegate: function(c, p, g, w, x) {
+          var S = Et(x);
+          if (!r[g]) {
+            r[g] = [];
+            for (var P = 0; P < i.length; P++) {
+              var M = i[P];
+              a(M, g, l), a(M, g, u, !0);
+            }
+          }
+          var B = r[g], X = xt(B, function(Z) {
+            return Z.selector === c && Z.context === p;
+          });
+          X || (X = { selector: c, context: p, listeners: [] }, B.push(X)), X.listeners.push({ func: w, options: S });
+        }, removeDelegate: function(c, p, g, w, x) {
+          var S, P = Et(x), M = r[g], B = !1;
+          if (M)
+            for (S = M.length - 1; S >= 0; S--) {
+              var X = M[S];
+              if (X.selector === c && X.context === p) {
+                for (var Z = X.listeners, $ = Z.length - 1; $ >= 0; $--) {
+                  var G = Z[$];
+                  if (G.func === w && At(G.options, P)) {
+                    Z.splice($, 1), Z.length || (M.splice(S, 1), s(p, g, l), s(p, g, u, !0)), B = !0;
+                    break;
+                  }
+                }
+                if (B) break;
+              }
+            }
+        }, delegateListener: l, delegateUseCapture: u, delegatedEvents: r, documents: i, targets: n, supportsOptions: !1, supportsPassive: !1 };
+        function a(c, p, g, w) {
+          if (c.addEventListener) {
+            var x = Et(w), S = xt(n, function(P) {
+              return P.eventTarget === c;
+            });
+            S || (S = { eventTarget: c, events: {} }, n.push(S)), S.events[p] || (S.events[p] = []), xt(S.events[p], function(P) {
+              return P.func === g && At(P.options, x);
+            }) || (c.addEventListener(p, g, o.supportsOptions ? x : x.capture), S.events[p].push({ func: g, options: x }));
+          }
+        }
+        function s(c, p, g, w) {
+          if (c.addEventListener && c.removeEventListener) {
+            var x = $e(n, function(Te) {
+              return Te.eventTarget === c;
+            }), S = n[x];
+            if (S && S.events) if (p !== "all") {
+              var P = !1, M = S.events[p];
+              if (M) {
+                if (g === "all") {
+                  for (var B = M.length - 1; B >= 0; B--) {
+                    var X = M[B];
+                    s(c, p, X.func, X.options);
+                  }
+                  return;
+                }
+                for (var Z = Et(w), $ = 0; $ < M.length; $++) {
+                  var G = M[$];
+                  if (G.func === g && At(G.options, Z)) {
+                    c.removeEventListener(p, g, o.supportsOptions ? Z : Z.capture), M.splice($, 1), M.length === 0 && (delete S.events[p], P = !0);
+                    break;
+                  }
+                }
+              }
+              P && !Object.keys(S.events).length && n.splice(x, 1);
+            } else for (p in S.events) S.events.hasOwnProperty(p) && s(c, p, "all");
+          }
+        }
+        function l(c, p) {
+          for (var g = Et(p), w = new ii(c), x = r[c.type], S = Ke(c)[0], P = S; h.element(P); ) {
+            for (var M = 0; M < x.length; M++) {
+              var B = x[M], X = B.selector, Z = B.context;
+              if (K(P, X) && W(Z, S) && W(Z, P)) {
+                var $ = B.listeners;
+                w.currentTarget = P;
+                for (var G = 0; G < $.length; G++) {
+                  var Te = $[G];
+                  At(Te.options, g) && Te.func(w);
+                }
+              }
+            }
+            P = de(P);
+          }
+        }
+        function u(c) {
+          return l(c, !0);
+        }
+        return (e = t.document) == null || e.createElement("div").addEventListener("test", null, { get capture() {
+          return o.supportsOptions = !0;
+        }, get passive() {
+          return o.supportsPassive = !0;
+        } }), t.events = o, o;
+      } }, on = { methodOrder: ["simulationResume", "mouseOrPen", "hasPointer", "idle"], search: function(t) {
+        for (var e = 0, n = on.methodOrder; e < n.length; e++) {
+          var r = n[e], i = on[r](t);
+          if (i) return i;
+        }
+        return null;
+      }, simulationResume: function(t) {
+        var e = t.pointerType, n = t.eventType, r = t.eventTarget, i = t.scope;
+        if (!/down|start/i.test(n)) return null;
+        for (var o = 0, a = i.interactions.list; o < a.length; o++) {
+          var s = a[o], l = r;
+          if (s.simulation && s.simulation.allowResume && s.pointerType === e) for (; l; ) {
+            if (l === s.element) return s;
+            l = de(l);
+          }
+        }
+        return null;
+      }, mouseOrPen: function(t) {
+        var e, n = t.pointerId, r = t.pointerType, i = t.eventType, o = t.scope;
+        if (r !== "mouse" && r !== "pen") return null;
+        for (var a = 0, s = o.interactions.list; a < s.length; a++) {
+          var l = s[a];
+          if (l.pointerType === r) {
+            if (l.simulation && !Vn(l, n)) continue;
+            if (l.interacting()) return l;
+            e || (e = l);
+          }
+        }
+        if (e) return e;
+        for (var u = 0, c = o.interactions.list; u < c.length; u++) {
+          var p = c[u];
+          if (!(p.pointerType !== r || /down/i.test(i) && p.simulation)) return p;
+        }
+        return null;
+      }, hasPointer: function(t) {
+        for (var e = t.pointerId, n = 0, r = t.scope.interactions.list; n < r.length; n++) {
+          var i = r[n];
+          if (Vn(i, e)) return i;
+        }
+        return null;
+      }, idle: function(t) {
+        for (var e = t.pointerType, n = 0, r = t.scope.interactions.list; n < r.length; n++) {
+          var i = r[n];
+          if (i.pointers.length === 1) {
+            var o = i.interactable;
+            if (o && (!o.options.gesture || !o.options.gesture.enabled)) continue;
+          } else if (i.pointers.length >= 2) continue;
+          if (!i.interacting() && e === i.pointerType) return i;
+        }
+        return null;
+      } };
+      function Vn(t, e) {
+        return t.pointers.some(function(n) {
+          return n.id === e;
+        });
+      }
+      var ai = on, an = ["pointerDown", "pointerMove", "pointerUp", "updatePointer", "removePointer", "windowBlur"];
+      function Gn(t, e) {
+        return function(n) {
+          var r = e.interactions.list, i = qe(n), o = Ke(n), a = o[0], s = o[1], l = [];
+          if (/^touch/.test(n.type)) {
+            e.prevTouchTime = e.now();
+            for (var u = 0, c = n.changedTouches; u < c.length; u++) {
+              var p = c[u], g = { pointer: p, pointerId: ne(p), pointerType: i, eventType: n.type, eventTarget: a, curEventTarget: s, scope: e }, w = Un(g);
+              l.push([g.pointer, g.eventTarget, g.curEventTarget, w]);
+            }
+          } else {
+            var x = !1;
+            if (!ae.supportsPointerEvent && /mouse/.test(n.type)) {
+              for (var S = 0; S < r.length && !x; S++) x = r[S].pointerType !== "mouse" && r[S].pointerIsDown;
+              x = x || e.now() - e.prevTouchTime < 500 || n.timeStamp === 0;
+            }
+            if (!x) {
+              var P = { pointer: n, pointerId: ne(n), pointerType: i, eventType: n.type, curEventTarget: s, eventTarget: a, scope: e }, M = Un(P);
+              l.push([P.pointer, P.eventTarget, P.curEventTarget, M]);
+            }
+          }
+          for (var B = 0; B < l.length; B++) {
+            var X = l[B], Z = X[0], $ = X[1], G = X[2];
+            X[3][t](Z, n, $, G);
+          }
+        };
+      }
+      function Un(t) {
+        var e = t.pointerType, n = t.scope, r = { interaction: ai.search(t), searchDetails: t };
+        return n.fire("interactions:find", r), r.interaction || n.interactions.new({ pointerType: e });
+      }
+      function sn(t, e) {
+        var n = t.doc, r = t.scope, i = t.options, o = r.interactions.docEvents, a = r.events, s = a[e];
+        for (var l in r.browser.isIOS && !i.events && (i.events = { passive: !1 }), a.delegatedEvents) s(n, l, a.delegateListener), s(n, l, a.delegateUseCapture, !0);
+        for (var u = i && i.events, c = 0; c < o.length; c++) {
+          var p = o[c];
+          s(n, p.type, p.listener, u);
+        }
+      }
+      var si = { id: "core/interactions", install: function(t) {
+        for (var e = {}, n = 0; n < an.length; n++) {
+          var r = an[n];
+          e[r] = Gn(r, t);
+        }
+        var i, o = ae.pEventTypes;
+        function a() {
+          for (var s = 0, l = t.interactions.list; s < l.length; s++) {
+            var u = l[s];
+            if (u.pointerIsDown && u.pointerType === "touch" && !u._interacting) for (var c = function() {
+              var w = g[p];
+              t.documents.some(function(x) {
+                return W(x.doc, w.downTarget);
+              }) || u.removePointer(w.pointer, w.event);
+            }, p = 0, g = u.pointers; p < g.length; p++) c();
+          }
+        }
+        (i = ee.PointerEvent ? [{ type: o.down, listener: a }, { type: o.down, listener: e.pointerDown }, { type: o.move, listener: e.pointerMove }, { type: o.up, listener: e.pointerUp }, { type: o.cancel, listener: e.pointerUp }] : [{ type: "mousedown", listener: e.pointerDown }, { type: "mousemove", listener: e.pointerMove }, { type: "mouseup", listener: e.pointerUp }, { type: "touchstart", listener: a }, { type: "touchstart", listener: e.pointerDown }, { type: "touchmove", listener: e.pointerMove }, { type: "touchend", listener: e.pointerUp }, { type: "touchcancel", listener: e.pointerUp }]).push({ type: "blur", listener: function(s) {
+          for (var l = 0, u = t.interactions.list; l < u.length; l++)
+            u[l].documentBlur(s);
+        } }), t.prevTouchTime = 0, t.Interaction = function(s) {
+          q(u, s);
+          var l = ie(u);
+          function u() {
+            return v(this, u), l.apply(this, arguments);
+          }
+          return T(u, [{ key: "pointerMoveTolerance", get: function() {
+            return t.interactions.pointerMoveTolerance;
+          }, set: function(c) {
+            t.interactions.pointerMoveTolerance = c;
+          } }, { key: "_now", value: function() {
+            return t.now();
+          } }]), u;
+        }(Zr), t.interactions = { list: [], new: function(s) {
+          s.scopeFire = function(u, c) {
+            return t.fire(u, c);
+          };
+          var l = new t.Interaction(s);
+          return t.interactions.list.push(l), l;
+        }, listeners: e, docEvents: i, pointerMoveTolerance: 1 }, t.usePlugin(An);
+      }, listeners: { "scope:add-document": function(t) {
+        return sn(t, "add");
+      }, "scope:remove-document": function(t) {
+        return sn(t, "remove");
+      }, "interactable:unset": function(t, e) {
+        for (var n = t.interactable, r = e.interactions.list.length - 1; r >= 0; r--) {
+          var i = e.interactions.list[r];
+          i.interactable === n && (i.stop(), e.fire("interactions:destroy", { interaction: i }), i.destroy(), e.interactions.list.length > 2 && e.interactions.list.splice(r, 1));
+        }
+      } }, onDocSignal: sn, doOnInteractions: Gn, methodNames: an }, li = si, et = function(t) {
+        return t[t.On = 0] = "On", t[t.Off = 1] = "Off", t;
+      }(et || {}), ci = function() {
+        function t(e, n, r, i) {
+          v(this, t), this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new Xn(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = n.actions, this.target = e, this._context = n.context || r, this._win = E(yt(e) ? this._context : e), this._doc = this._win.document, this._scopeEvents = i, this.set(n);
+        }
+        return T(t, [{ key: "_defaults", get: function() {
+          return { base: {}, perAction: {}, actions: {} };
+        } }, { key: "setOnEvents", value: function(e, n) {
+          return h.func(n.onstart) && this.on("".concat(e, "start"), n.onstart), h.func(n.onmove) && this.on("".concat(e, "move"), n.onmove), h.func(n.onend) && this.on("".concat(e, "end"), n.onend), h.func(n.oninertiastart) && this.on("".concat(e, "inertiastart"), n.oninertiastart), this;
+        } }, { key: "updatePerActionListeners", value: function(e, n, r) {
+          var i, o = this, a = (i = this._actions.map[e]) == null ? void 0 : i.filterEventType, s = function(l) {
+            return (a == null || a(l)) && Pt(l, o._actions);
+          };
+          (h.array(n) || h.object(n)) && this._onOff(et.Off, e, n, void 0, s), (h.array(r) || h.object(r)) && this._onOff(et.On, e, r, void 0, s);
+        } }, { key: "setPerAction", value: function(e, n) {
+          var r = this._defaults;
+          for (var i in n) {
+            var o = i, a = this.options[e], s = n[o];
+            o === "listeners" && this.updatePerActionListeners(e, a.listeners, s), h.array(s) ? a[o] = ft(s) : h.plainObject(s) ? (a[o] = A(a[o] || {}, ht(s)), h.object(r.perAction[o]) && "enabled" in r.perAction[o] && (a[o].enabled = s.enabled !== !1)) : h.bool(s) && h.object(r.perAction[o]) ? a[o].enabled = s : a[o] = s;
+          }
+        } }, { key: "getRect", value: function(e) {
+          return e = e || (h.element(this.target) ? this.target : null), h.string(this.target) && (e = e || this._context.querySelector(this.target)), Ae(e);
+        } }, { key: "rectChecker", value: function(e) {
+          var n = this;
+          return h.func(e) ? (this.getRect = function(r) {
+            var i = A({}, e.apply(n, r));
+            return "width" in i || (i.width = i.right - i.left, i.height = i.bottom - i.top), i;
+          }, this) : e === null ? (delete this.getRect, this) : this.getRect;
+        } }, { key: "_backCompatOption", value: function(e, n) {
+          if (yt(n) || h.object(n)) {
+            for (var r in this.options[e] = n, this._actions.map) this.options[r][e] = n;
+            return this;
+          }
+          return this.options[e];
+        } }, { key: "origin", value: function(e) {
+          return this._backCompatOption("origin", e);
+        } }, { key: "deltaSource", value: function(e) {
+          return e === "page" || e === "client" ? (this.options.deltaSource = e, this) : this.options.deltaSource;
+        } }, { key: "getAllElements", value: function() {
+          var e = this.target;
+          return h.string(e) ? Array.from(this._context.querySelectorAll(e)) : h.func(e) && e.getAllElements ? e.getAllElements() : h.element(e) ? [e] : [];
+        } }, { key: "context", value: function() {
+          return this._context;
+        } }, { key: "inContext", value: function(e) {
+          return this._context === e.ownerDocument || W(this._context, e);
+        } }, { key: "testIgnoreAllow", value: function(e, n, r) {
+          return !this.testIgnore(e.ignoreFrom, n, r) && this.testAllow(e.allowFrom, n, r);
+        } }, { key: "testAllow", value: function(e, n, r) {
+          return !e || !!h.element(r) && (h.string(e) ? Oe(r, e, n) : !!h.element(e) && W(e, r));
+        } }, { key: "testIgnore", value: function(e, n, r) {
+          return !(!e || !h.element(r)) && (h.string(e) ? Oe(r, e, n) : !!h.element(e) && W(e, r));
+        } }, { key: "fire", value: function(e) {
+          return this.events.fire(e), this;
+        } }, { key: "_onOff", value: function(e, n, r, i, o) {
+          h.object(n) && !h.array(n) && (i = r, r = null);
+          var a = Fe(n, r, o);
+          for (var s in a) {
+            s === "wheel" && (s = ae.wheelEvent);
+            for (var l = 0, u = a[s]; l < u.length; l++) {
+              var c = u[l];
+              Pt(s, this._actions) ? this.events[e === et.On ? "on" : "off"](s, c) : h.string(this.target) ? this._scopeEvents[e === et.On ? "addDelegate" : "removeDelegate"](this.target, this._context, s, c, i) : this._scopeEvents[e === et.On ? "add" : "remove"](this.target, s, c, i);
+            }
+          }
+          return this;
+        } }, { key: "on", value: function(e, n, r) {
+          return this._onOff(et.On, e, n, r);
+        } }, { key: "off", value: function(e, n, r) {
+          return this._onOff(et.Off, e, n, r);
+        } }, { key: "set", value: function(e) {
+          var n = this._defaults;
+          for (var r in h.object(e) || (e = {}), this.options = ht(n.base), this._actions.methodDict) {
+            var i = r, o = this._actions.methodDict[i];
+            this.options[i] = {}, this.setPerAction(i, A(A({}, n.perAction), n.actions[i])), this[o](e[i]);
+          }
+          for (var a in e) a !== "getRect" ? h.func(this[a]) && this[a](e[a]) : this.rectChecker(e.getRect);
+          return this;
+        } }, { key: "unset", value: function() {
+          if (h.string(this.target)) for (var e in this._scopeEvents.delegatedEvents) for (var n = this._scopeEvents.delegatedEvents[e], r = n.length - 1; r >= 0; r--) {
+            var i = n[r], o = i.selector, a = i.context, s = i.listeners;
+            o === this.target && a === this._context && n.splice(r, 1);
+            for (var l = s.length - 1; l >= 0; l--) this._scopeEvents.removeDelegate(this.target, this._context, e, s[l][0], s[l][1]);
+          }
+          else this._scopeEvents.remove(this.target, "all");
+        } }]), t;
+      }(), ui = function() {
+        function t(e) {
+          var n = this;
+          v(this, t), this.list = [], this.selectorMap = {}, this.scope = void 0, this.scope = e, e.addListeners({ "interactable:unset": function(r) {
+            var i = r.interactable, o = i.target, a = h.string(o) ? n.selectorMap[o] : o[n.scope.id], s = $e(a, function(l) {
+              return l === i;
+            });
+            a.splice(s, 1);
+          } });
+        }
+        return T(t, [{ key: "new", value: function(e, n) {
+          n = A(n || {}, { actions: this.scope.actions });
+          var r = new this.scope.Interactable(e, n, this.scope.document, this.scope.events);
+          return this.scope.addDocument(r._doc), this.list.push(r), h.string(e) ? (this.selectorMap[e] || (this.selectorMap[e] = []), this.selectorMap[e].push(r)) : (r.target[this.scope.id] || Object.defineProperty(e, this.scope.id, { value: [], configurable: !0 }), e[this.scope.id].push(r)), this.scope.fire("interactable:new", { target: e, options: n, interactable: r, win: this.scope._win }), r;
+        } }, { key: "getExisting", value: function(e, n) {
+          var r = n && n.context || this.scope.document, i = h.string(e), o = i ? this.selectorMap[e] : e[this.scope.id];
+          if (o) return xt(o, function(a) {
+            return a._context === r && (i || a.inContext(e));
+          });
+        } }, { key: "forEachMatch", value: function(e, n) {
+          for (var r = 0, i = this.list; r < i.length; r++) {
+            var o = i[r], a = void 0;
+            if ((h.string(o.target) ? h.element(e) && K(e, o.target) : e === o.target) && o.inContext(e) && (a = n(o)), a !== void 0) return a;
+          }
+        } }]), t;
+      }(), pi = function() {
+        function t() {
+          var e = this;
+          v(this, t), this.id = "__interact_scope_".concat(Math.floor(100 * Math.random())), this.isInitialized = !1, this.listenerMaps = [], this.browser = ae, this.defaults = ht(jn), this.Eventable = Xn, this.actions = { map: {}, phases: { start: !0, move: !0, end: !0 }, methodDict: {}, phaselessTypes: {} }, this.interactStatic = function(r) {
+            var i = function o(a, s) {
+              var l = r.interactables.getExisting(a, s);
+              return l || ((l = r.interactables.new(a, s)).events.global = o.globalEvents), l;
+            };
+            return i.getPointerAverage = L, i.getTouchBBox = ye, i.getTouchDistance = Ee, i.getTouchAngle = Ie, i.getElementRect = Ae, i.getElementClientRect = Xe, i.matchesSelector = K, i.closest = ze, i.globalEvents = {}, i.version = "1.10.27", i.scope = r, i.use = function(o, a) {
+              return this.scope.usePlugin(o, a), this;
+            }, i.isSet = function(o, a) {
+              return !!this.scope.interactables.get(o, a && a.context);
+            }, i.on = wt(function(o, a, s) {
+              if (h.string(o) && o.search(" ") !== -1 && (o = o.trim().split(/ +/)), h.array(o)) {
+                for (var l = 0, u = o; l < u.length; l++) {
+                  var c = u[l];
+                  this.on(c, a, s);
+                }
+                return this;
+              }
+              if (h.object(o)) {
+                for (var p in o) this.on(p, o[p], a);
+                return this;
+              }
+              return Pt(o, this.scope.actions) ? this.globalEvents[o] ? this.globalEvents[o].push(a) : this.globalEvents[o] = [a] : this.scope.events.add(this.scope.document, o, a, { options: s }), this;
+            }, "The interact.on() method is being deprecated"), i.off = wt(function(o, a, s) {
+              if (h.string(o) && o.search(" ") !== -1 && (o = o.trim().split(/ +/)), h.array(o)) {
+                for (var l = 0, u = o; l < u.length; l++) {
+                  var c = u[l];
+                  this.off(c, a, s);
+                }
+                return this;
+              }
+              if (h.object(o)) {
+                for (var p in o) this.off(p, o[p], a);
+                return this;
+              }
+              var g;
+              return Pt(o, this.scope.actions) ? o in this.globalEvents && (g = this.globalEvents[o].indexOf(a)) !== -1 && this.globalEvents[o].splice(g, 1) : this.scope.events.remove(this.scope.document, o, a, s), this;
+            }, "The interact.off() method is being deprecated"), i.debug = function() {
+              return this.scope;
+            }, i.supportsTouch = function() {
+              return ae.supportsTouch;
+            }, i.supportsPointerEvent = function() {
+              return ae.supportsPointerEvent;
+            }, i.stop = function() {
+              for (var o = 0, a = this.scope.interactions.list; o < a.length; o++) a[o].stop();
+              return this;
+            }, i.pointerMoveTolerance = function(o) {
+              return h.number(o) ? (this.scope.interactions.pointerMoveTolerance = o, this) : this.scope.interactions.pointerMoveTolerance;
+            }, i.addDocument = function(o, a) {
+              this.scope.addDocument(o, a);
+            }, i.removeDocument = function(o) {
+              this.scope.removeDocument(o);
+            }, i;
+          }(this), this.InteractEvent = nn, this.Interactable = void 0, this.interactables = new ui(this), this._win = void 0, this.document = void 0, this.window = void 0, this.documents = [], this._plugins = { list: [], map: {} }, this.onWindowUnload = function(r) {
+            return e.removeDocument(r.target);
+          };
+          var n = this;
+          this.Interactable = function(r) {
+            q(o, r);
+            var i = ie(o);
+            function o() {
+              return v(this, o), i.apply(this, arguments);
+            }
+            return T(o, [{ key: "_defaults", get: function() {
+              return n.defaults;
+            } }, { key: "set", value: function(a) {
+              return ge(V(o.prototype), "set", this).call(this, a), n.fire("interactable:set", { options: a, interactable: this }), this;
+            } }, { key: "unset", value: function() {
+              ge(V(o.prototype), "unset", this).call(this);
+              var a = n.interactables.list.indexOf(this);
+              a < 0 || (n.interactables.list.splice(a, 1), n.fire("interactable:unset", { interactable: this }));
+            } }]), o;
+          }(ci);
+        }
+        return T(t, [{ key: "addListeners", value: function(e, n) {
+          this.listenerMaps.push({ id: n, map: e });
+        } }, { key: "fire", value: function(e, n) {
+          for (var r = 0, i = this.listenerMaps; r < i.length; r++) {
+            var o = i[r].map[e];
+            if (o && o(n, this, e) === !1) return !1;
+          }
+        } }, { key: "init", value: function(e) {
+          return this.isInitialized ? this : function(n, r) {
+            return n.isInitialized = !0, h.window(r) && C(r), ee.init(r), ae.init(r), Ze.init(r), n.window = r, n.document = r.document, n.usePlugin(li), n.usePlugin(oi), n;
+          }(this, e);
+        } }, { key: "pluginIsInstalled", value: function(e) {
+          var n = e.id;
+          return n ? !!this._plugins.map[n] : this._plugins.list.indexOf(e) !== -1;
+        } }, { key: "usePlugin", value: function(e, n) {
+          if (!this.isInitialized) return this;
+          if (this.pluginIsInstalled(e)) return this;
+          if (e.id && (this._plugins.map[e.id] = e), this._plugins.list.push(e), e.install && e.install(this, n), e.listeners && e.before) {
+            for (var r = 0, i = this.listenerMaps.length, o = e.before.reduce(function(s, l) {
+              return s[l] = !0, s[qn(l)] = !0, s;
+            }, {}); r < i; r++) {
+              var a = this.listenerMaps[r].id;
+              if (a && (o[a] || o[qn(a)])) break;
+            }
+            this.listenerMaps.splice(r, 0, { id: e.id, map: e.listeners });
+          } else e.listeners && this.listenerMaps.push({ id: e.id, map: e.listeners });
+          return this;
+        } }, { key: "addDocument", value: function(e, n) {
+          if (this.getDocIndex(e) !== -1) return !1;
+          var r = E(e);
+          n = n ? A({}, n) : {}, this.documents.push({ doc: e, options: n }), this.events.documents.push(e), e !== this.document && this.events.add(r, "unload", this.onWindowUnload), this.fire("scope:add-document", { doc: e, window: r, scope: this, options: n });
+        } }, { key: "removeDocument", value: function(e) {
+          var n = this.getDocIndex(e), r = E(e), i = this.documents[n].options;
+          this.events.remove(r, "unload", this.onWindowUnload), this.documents.splice(n, 1), this.events.documents.splice(n, 1), this.fire("scope:remove-document", { doc: e, window: r, scope: this, options: i });
+        } }, { key: "getDocIndex", value: function(e) {
+          for (var n = 0; n < this.documents.length; n++) if (this.documents[n].doc === e) return n;
+          return -1;
+        } }, { key: "getDocOptions", value: function(e) {
+          var n = this.getDocIndex(e);
+          return n === -1 ? null : this.documents[n].options;
+        } }, { key: "now", value: function() {
+          return (this.window.Date || Date).now();
+        } }]), t;
+      }();
+      function qn(t) {
+        return t && t.replace(/\/.*$/, "");
+      }
+      var Kn = new pi(), Se = Kn.interactStatic, fi = typeof globalThis < "u" ? globalThis : window;
+      Kn.init(fi);
+      var di = Object.freeze({ __proto__: null, edgeTarget: function() {
+      }, elements: function() {
+      }, grid: function(t) {
+        var e = [["x", "y"], ["left", "top"], ["right", "bottom"], ["width", "height"]].filter(function(r) {
+          var i = r[0], o = r[1];
+          return i in t || o in t;
+        }), n = function(r, i) {
+          for (var o = t.range, a = t.limits, s = a === void 0 ? { left: -1 / 0, right: 1 / 0, top: -1 / 0, bottom: 1 / 0 } : a, l = t.offset, u = l === void 0 ? { x: 0, y: 0 } : l, c = { range: o, grid: t, x: null, y: null }, p = 0; p < e.length; p++) {
+            var g = e[p], w = g[0], x = g[1], S = Math.round((r - u.x) / t[w]), P = Math.round((i - u.y) / t[x]);
+            c[w] = Math.max(s.left, Math.min(s.right, S * t[w] + u.x)), c[x] = Math.max(s.top, Math.min(s.bottom, P * t[x] + u.y));
+          }
+          return c;
+        };
+        return n.grid = t, n.coordFields = e, n;
+      } }), hi = { id: "snappers", install: function(t) {
+        var e = t.interactStatic;
+        e.snappers = A(e.snappers || {}, di), e.createSnapGrid = e.snappers.grid;
+      } }, vi = hi, gi = { start: function(t) {
+        var e = t.state, n = t.rect, r = t.edges, i = t.pageCoords, o = e.options, a = o.ratio, s = o.enabled, l = e.options, u = l.equalDelta, c = l.modifiers;
+        a === "preserve" && (a = n.width / n.height), e.startCoords = A({}, i), e.startRect = A({}, n), e.ratio = a, e.equalDelta = u;
+        var p = e.linkedEdges = { top: r.top || r.left && !r.bottom, left: r.left || r.top && !r.right, bottom: r.bottom || r.right && !r.top, right: r.right || r.bottom && !r.left };
+        if (e.xIsPrimaryAxis = !(!r.left && !r.right), e.equalDelta) {
+          var g = (p.left ? 1 : -1) * (p.top ? 1 : -1);
+          e.edgeSign = { x: g, y: g };
+        } else e.edgeSign = { x: p.left ? -1 : 1, y: p.top ? -1 : 1 };
+        if (s !== !1 && A(r, p), c != null && c.length) {
+          var w = new tn(t.interaction);
+          w.copyFrom(t.interaction.modification), w.prepareStates(c), e.subModification = w, w.startAll(f({}, t));
+        }
+      }, set: function(t) {
+        var e = t.state, n = t.rect, r = t.coords, i = e.linkedEdges, o = A({}, r), a = e.equalDelta ? mi : yi;
+        if (A(t.edges, i), a(e, e.xIsPrimaryAxis, r, n), !e.subModification) return null;
+        var s = A({}, n);
+        nt(i, s, { x: r.x - o.x, y: r.y - o.y });
+        var l = e.subModification.setAll(f(f({}, t), {}, { rect: s, edges: i, pageCoords: r, prevCoords: r, prevRect: s })), u = l.delta;
+        return l.changed && (a(e, Math.abs(u.x) > Math.abs(u.y), l.coords, l.rect), A(r, l.coords)), l.eventProps;
+      }, defaults: { ratio: "preserve", equalDelta: !1, modifiers: [], enabled: !1 } };
+      function mi(t, e, n) {
+        var r = t.startCoords, i = t.edgeSign;
+        e ? n.y = r.y + (n.x - r.x) * i.y : n.x = r.x + (n.y - r.y) * i.x;
+      }
+      function yi(t, e, n, r) {
+        var i = t.startRect, o = t.startCoords, a = t.ratio, s = t.edgeSign;
+        if (e) {
+          var l = r.width / a;
+          n.y = o.y + (l - i.height) * s.y;
+        } else {
+          var u = r.height * a;
+          n.x = o.x + (u - i.width) * s.x;
+        }
+      }
+      var bi = Qe(gi, "aspectRatio"), Jn = function() {
+      };
+      Jn._defaults = {};
+      var Bt = Jn;
+      function at(t, e, n) {
+        return h.func(t) ? Ge(t, e.interactable, e.element, [n.x, n.y, e]) : Ge(t, e.interactable, e.element);
+      }
+      var jt = { start: function(t) {
+        var e = t.rect, n = t.startOffset, r = t.state, i = t.interaction, o = t.pageCoords, a = r.options, s = a.elementRect, l = A({ left: 0, top: 0, right: 0, bottom: 0 }, a.offset || {});
+        if (e && s) {
+          var u = at(a.restriction, i, o);
+          if (u) {
+            var c = u.right - u.left - e.width, p = u.bottom - u.top - e.height;
+            c < 0 && (l.left += c, l.right += c), p < 0 && (l.top += p, l.bottom += p);
+          }
+          l.left += n.left - e.width * s.left, l.top += n.top - e.height * s.top, l.right += n.right - e.width * (1 - s.right), l.bottom += n.bottom - e.height * (1 - s.bottom);
+        }
+        r.offset = l;
+      }, set: function(t) {
+        var e = t.coords, n = t.interaction, r = t.state, i = r.options, o = r.offset, a = at(i.restriction, n, e);
+        if (a) {
+          var s = function(l) {
+            return !l || "left" in l && "top" in l || ((l = A({}, l)).left = l.x || 0, l.top = l.y || 0, l.right = l.right || l.left + l.width, l.bottom = l.bottom || l.top + l.height), l;
+          }(a);
+          e.x = Math.max(Math.min(s.right - o.right, e.x), s.left + o.left), e.y = Math.max(Math.min(s.bottom - o.bottom, e.y), s.top + o.top);
+        }
+      }, defaults: { restriction: null, elementRect: null, offset: null, endOnly: !1, enabled: !1 } }, xi = Qe(jt, "restrict"), Zn = { top: 1 / 0, left: 1 / 0, bottom: -1 / 0, right: -1 / 0 }, Qn = { top: -1 / 0, left: -1 / 0, bottom: 1 / 0, right: 1 / 0 };
+      function er(t, e) {
+        for (var n = 0, r = ["top", "left", "bottom", "right"]; n < r.length; n++) {
+          var i = r[n];
+          i in t || (t[i] = e[i]);
+        }
+        return t;
+      }
+      var St = { noInner: Zn, noOuter: Qn, start: function(t) {
+        var e, n = t.interaction, r = t.startOffset, i = t.state, o = i.options;
+        o && (e = je(at(o.offset, n, n.coords.start.page))), e = e || { x: 0, y: 0 }, i.offset = { top: e.y + r.top, left: e.x + r.left, bottom: e.y - r.bottom, right: e.x - r.right };
+      }, set: function(t) {
+        var e = t.coords, n = t.edges, r = t.interaction, i = t.state, o = i.offset, a = i.options;
+        if (n) {
+          var s = A({}, e), l = at(a.inner, r, s) || {}, u = at(a.outer, r, s) || {};
+          er(l, Zn), er(u, Qn), n.top ? e.y = Math.min(Math.max(u.top + o.top, s.y), l.top + o.top) : n.bottom && (e.y = Math.max(Math.min(u.bottom + o.bottom, s.y), l.bottom + o.bottom)), n.left ? e.x = Math.min(Math.max(u.left + o.left, s.x), l.left + o.left) : n.right && (e.x = Math.max(Math.min(u.right + o.right, s.x), l.right + o.right));
+        }
+      }, defaults: { inner: null, outer: null, offset: null, endOnly: !1, enabled: !1 } }, wi = Qe(St, "restrictEdges"), _i = A({ get elementRect() {
+        return { top: 0, left: 0, bottom: 1, right: 1 };
+      }, set elementRect(t) {
+      } }, jt.defaults), Ei = Qe({ start: jt.start, set: jt.set, defaults: _i }, "restrictRect"), Si = { width: -1 / 0, height: -1 / 0 }, Ti = { width: 1 / 0, height: 1 / 0 }, ki = Qe({ start: function(t) {
+        return St.start(t);
+      }, set: function(t) {
+        var e = t.interaction, n = t.state, r = t.rect, i = t.edges, o = n.options;
+        if (i) {
+          var a = ct(at(o.min, e, t.coords)) || Si, s = ct(at(o.max, e, t.coords)) || Ti;
+          n.options = { endOnly: o.endOnly, inner: A({}, St.noInner), outer: A({}, St.noOuter) }, i.top ? (n.options.inner.top = r.bottom - a.height, n.options.outer.top = r.bottom - s.height) : i.bottom && (n.options.inner.bottom = r.top + a.height, n.options.outer.bottom = r.top + s.height), i.left ? (n.options.inner.left = r.right - a.width, n.options.outer.left = r.right - s.width) : i.right && (n.options.inner.right = r.left + a.width, n.options.outer.right = r.left + s.width), St.set(t), n.options = o;
+        }
+      }, defaults: { min: null, max: null, endOnly: !1, enabled: !1 } }, "restrictSize"), ln = { start: function(t) {
+        var e, n = t.interaction, r = t.interactable, i = t.element, o = t.rect, a = t.state, s = t.startOffset, l = a.options, u = l.offsetWithOrigin ? function(g) {
+          var w = g.interaction.element, x = je(Ge(g.state.options.origin, null, null, [w])), S = x || rt(g.interactable, w, g.interaction.prepared.name);
+          return S;
+        }(t) : { x: 0, y: 0 };
+        if (l.offset === "startCoords") e = { x: n.coords.start.page.x, y: n.coords.start.page.y };
+        else {
+          var c = Ge(l.offset, r, i, [n]);
+          (e = je(c) || { x: 0, y: 0 }).x += u.x, e.y += u.y;
+        }
+        var p = l.relativePoints;
+        a.offsets = o && p && p.length ? p.map(function(g, w) {
+          return { index: w, relativePoint: g, x: s.left - o.width * g.x + e.x, y: s.top - o.height * g.y + e.y };
+        }) : [{ index: 0, relativePoint: null, x: e.x, y: e.y }];
+      }, set: function(t) {
+        var e = t.interaction, n = t.coords, r = t.state, i = r.options, o = r.offsets, a = rt(e.interactable, e.element, e.prepared.name), s = A({}, n), l = [];
+        i.offsetWithOrigin || (s.x -= a.x, s.y -= a.y);
+        for (var u = 0, c = o; u < c.length; u++) for (var p = c[u], g = s.x - p.x, w = s.y - p.y, x = 0, S = i.targets.length; x < S; x++) {
+          var P = i.targets[x], M = void 0;
+          (M = h.func(P) ? P(g, w, e._proxy, p, x) : P) && l.push({ x: (h.number(M.x) ? M.x : g) + p.x, y: (h.number(M.y) ? M.y : w) + p.y, range: h.number(M.range) ? M.range : i.range, source: P, index: x, offset: p });
+        }
+        for (var B = { target: null, inRange: !1, distance: 0, range: 0, delta: { x: 0, y: 0 } }, X = 0; X < l.length; X++) {
+          var Z = l[X], $ = Z.range, G = Z.x - s.x, Te = Z.y - s.y, ce = Ue(G, Te), Pe = ce <= $;
+          $ === 1 / 0 && B.inRange && B.range !== 1 / 0 && (Pe = !1), B.target && !(Pe ? B.inRange && $ !== 1 / 0 ? ce / $ < B.distance / B.range : $ === 1 / 0 && B.range !== 1 / 0 || ce < B.distance : !B.inRange && ce < B.distance) || (B.target = Z, B.distance = ce, B.range = $, B.inRange = Pe, B.delta.x = G, B.delta.y = Te);
+        }
+        return B.inRange && (n.x = B.target.x, n.y = B.target.y), r.closest = B, B;
+      }, defaults: { range: 1 / 0, targets: null, offset: null, offsetWithOrigin: !0, origin: null, relativePoints: null, endOnly: !1, enabled: !1 } }, Di = Qe(ln, "snap"), Ft = { start: function(t) {
+        var e = t.state, n = t.edges, r = e.options;
+        if (!n) return null;
+        t.state = { options: { targets: null, relativePoints: [{ x: n.left ? 0 : 1, y: n.top ? 0 : 1 }], offset: r.offset || "self", origin: { x: 0, y: 0 }, range: r.range } }, e.targetFields = e.targetFields || [["width", "height"], ["x", "y"]], ln.start(t), e.offsets = t.state.offsets, t.state = e;
+      }, set: function(t) {
+        var e = t.interaction, n = t.state, r = t.coords, i = n.options, o = n.offsets, a = { x: r.x - o[0].x, y: r.y - o[0].y };
+        n.options = A({}, i), n.options.targets = [];
+        for (var s = 0, l = i.targets || []; s < l.length; s++) {
+          var u = l[s], c = void 0;
+          if (c = h.func(u) ? u(a.x, a.y, e) : u) {
+            for (var p = 0, g = n.targetFields; p < g.length; p++) {
+              var w = g[p], x = w[0], S = w[1];
+              if (x in c || S in c) {
+                c.x = c[x], c.y = c[S];
+                break;
+              }
+            }
+            n.options.targets.push(c);
+          }
+        }
+        var P = ln.set(t);
+        return n.options = i, P;
+      }, defaults: { range: 1 / 0, targets: null, offset: null, endOnly: !1, enabled: !1 } }, zi = Qe(Ft, "snapSize"), cn = { aspectRatio: bi, restrictEdges: wi, restrict: xi, restrictRect: Ei, restrictSize: ki, snapEdges: Qe({ start: function(t) {
+        var e = t.edges;
+        return e ? (t.state.targetFields = t.state.targetFields || [[e.left ? "left" : "right", e.top ? "top" : "bottom"]], Ft.start(t)) : null;
+      }, set: Ft.set, defaults: A(ht(Ft.defaults), { targets: void 0, range: void 0, offset: { x: 0, y: 0 } }) }, "snapEdges"), snap: Di, snapSize: zi, spring: Bt, avoid: Bt, transform: Bt, rubberband: Bt }, Oi = { id: "modifiers", install: function(t) {
+        var e = t.interactStatic;
+        for (var n in t.usePlugin(Bn), t.usePlugin(vi), e.modifiers = cn, cn) {
+          var r = cn[n], i = r._defaults, o = r._methods;
+          i._methods = o, t.defaults.perAction[n] = i;
+        }
+      } }, Mi = Oi, tr = function(t) {
+        q(n, t);
+        var e = ie(n);
+        function n(r, i, o, a, s, l) {
+          var u;
+          if (v(this, n), it(re(u = e.call(this, s)), o), o !== i && it(re(u), i), u.timeStamp = l, u.originalEvent = o, u.type = r, u.pointerId = ne(i), u.pointerType = qe(i), u.target = a, u.currentTarget = null, r === "tap") {
+            var c = s.getPointerIndex(i);
+            u.dt = u.timeStamp - s.pointers[c].downTime;
+            var p = u.timeStamp - s.tapTime;
+            u.double = !!s.prevTap && s.prevTap.type !== "doubletap" && s.prevTap.target === u.target && p < 500;
+          } else r === "doubletap" && (u.dt = i.timeStamp - s.tapTime, u.double = !0);
+          return u;
+        }
+        return T(n, [{ key: "_subtractOrigin", value: function(r) {
+          var i = r.x, o = r.y;
+          return this.pageX -= i, this.pageY -= o, this.clientX -= i, this.clientY -= o, this;
+        } }, { key: "_addOrigin", value: function(r) {
+          var i = r.x, o = r.y;
+          return this.pageX += i, this.pageY += o, this.clientX += i, this.clientY += o, this;
+        } }, { key: "preventDefault", value: function() {
+          this.originalEvent.preventDefault();
+        } }]), n;
+      }(Je), Tt = { id: "pointer-events/base", before: ["inertia", "modifiers", "auto-start", "actions"], install: function(t) {
+        t.pointerEvents = Tt, t.defaults.actions.pointerEvents = Tt.defaults, A(t.actions.phaselessTypes, Tt.types);
+      }, listeners: { "interactions:new": function(t) {
+        var e = t.interaction;
+        e.prevTap = null, e.tapTime = 0;
+      }, "interactions:update-pointer": function(t) {
+        var e = t.down, n = t.pointerInfo;
+        !e && n.hold || (n.hold = { duration: 1 / 0, timeout: null });
+      }, "interactions:move": function(t, e) {
+        var n = t.interaction, r = t.pointer, i = t.event, o = t.eventTarget;
+        t.duplicate || n.pointerIsDown && !n.pointerWasMoved || (n.pointerIsDown && un(t), tt({ interaction: n, pointer: r, event: i, eventTarget: o, type: "move" }, e));
+      }, "interactions:down": function(t, e) {
+        (function(n, r) {
+          for (var i = n.interaction, o = n.pointer, a = n.event, s = n.eventTarget, l = n.pointerIndex, u = i.pointers[l].hold, c = lt(s), p = { interaction: i, pointer: o, event: a, eventTarget: s, type: "hold", targets: [], path: c, node: null }, g = 0; g < c.length; g++) {
+            var w = c[g];
+            p.node = w, r.fire("pointerEvents:collect-targets", p);
+          }
+          if (p.targets.length) {
+            for (var x = 1 / 0, S = 0, P = p.targets; S < P.length; S++) {
+              var M = P[S].eventable.options.holdDuration;
+              M < x && (x = M);
+            }
+            u.duration = x, u.timeout = setTimeout(function() {
+              tt({ interaction: i, eventTarget: s, pointer: o, event: a, type: "hold" }, r);
+            }, x);
+          }
+        })(t, e), tt(t, e);
+      }, "interactions:up": function(t, e) {
+        un(t), tt(t, e), function(n, r) {
+          var i = n.interaction, o = n.pointer, a = n.event, s = n.eventTarget;
+          i.pointerWasMoved || tt({ interaction: i, eventTarget: s, pointer: o, event: a, type: "tap" }, r);
+        }(t, e);
+      }, "interactions:cancel": function(t, e) {
+        un(t), tt(t, e);
+      } }, PointerEvent: tr, fire: tt, collectEventTargets: nr, defaults: { holdDuration: 600, ignoreFrom: null, allowFrom: null, origin: { x: 0, y: 0 } }, types: { down: !0, move: !0, up: !0, cancel: !0, tap: !0, doubletap: !0, hold: !0 } };
+      function tt(t, e) {
+        var n = t.interaction, r = t.pointer, i = t.event, o = t.eventTarget, a = t.type, s = t.targets, l = s === void 0 ? nr(t, e) : s, u = new tr(a, r, i, o, n, e.now());
+        e.fire("pointerEvents:new", { pointerEvent: u });
+        for (var c = { interaction: n, pointer: r, event: i, eventTarget: o, targets: l, type: a, pointerEvent: u }, p = 0; p < l.length; p++) {
+          var g = l[p];
+          for (var w in g.props || {}) u[w] = g.props[w];
+          var x = rt(g.eventable, g.node);
+          if (u._subtractOrigin(x), u.eventable = g.eventable, u.currentTarget = g.node, g.eventable.fire(u), u._addOrigin(x), u.immediatePropagationStopped || u.propagationStopped && p + 1 < l.length && l[p + 1].node !== u.currentTarget) break;
+        }
+        if (e.fire("pointerEvents:fired", c), a === "tap") {
+          var S = u.double ? tt({ interaction: n, pointer: r, event: i, eventTarget: o, type: "doubletap" }, e) : u;
+          n.prevTap = S, n.tapTime = S.timeStamp;
+        }
+        return u;
+      }
+      function nr(t, e) {
+        var n = t.interaction, r = t.pointer, i = t.event, o = t.eventTarget, a = t.type, s = n.getPointerIndex(r), l = n.pointers[s];
+        if (a === "tap" && (n.pointerWasMoved || !l || l.downTarget !== o)) return [];
+        for (var u = lt(o), c = { interaction: n, pointer: r, event: i, eventTarget: o, type: a, path: u, targets: [], node: null }, p = 0; p < u.length; p++) {
+          var g = u[p];
+          c.node = g, e.fire("pointerEvents:collect-targets", c);
+        }
+        return a === "hold" && (c.targets = c.targets.filter(function(w) {
+          var x, S;
+          return w.eventable.options.holdDuration === ((x = n.pointers[s]) == null || (S = x.hold) == null ? void 0 : S.duration);
+        })), c.targets;
+      }
+      function un(t) {
+        var e = t.interaction, n = t.pointerIndex, r = e.pointers[n].hold;
+        r && r.timeout && (clearTimeout(r.timeout), r.timeout = null);
+      }
+      var Ii = Object.freeze({ __proto__: null, default: Tt });
+      function Pi(t) {
+        var e = t.interaction;
+        e.holdIntervalHandle && (clearInterval(e.holdIntervalHandle), e.holdIntervalHandle = null);
+      }
+      var Ci = { id: "pointer-events/holdRepeat", install: function(t) {
+        t.usePlugin(Tt);
+        var e = t.pointerEvents;
+        e.defaults.holdRepeatInterval = 0, e.types.holdrepeat = t.actions.phaselessTypes.holdrepeat = !0;
+      }, listeners: ["move", "up", "cancel", "endall"].reduce(function(t, e) {
+        return t["pointerEvents:".concat(e)] = Pi, t;
+      }, { "pointerEvents:new": function(t) {
+        var e = t.pointerEvent;
+        e.type === "hold" && (e.count = (e.count || 0) + 1);
+      }, "pointerEvents:fired": function(t, e) {
+        var n = t.interaction, r = t.pointerEvent, i = t.eventTarget, o = t.targets;
+        if (r.type === "hold" && o.length) {
+          var a = o[0].eventable.options.holdRepeatInterval;
+          a <= 0 || (n.holdIntervalHandle = setTimeout(function() {
+            e.pointerEvents.fire({ interaction: n, eventTarget: i, type: "hold", pointer: r, event: r }, e);
+          }, a));
+        }
+      } }) }, Ri = Ci, Ai = { id: "pointer-events/interactableTargets", install: function(t) {
+        var e = t.Interactable;
+        e.prototype.pointerEvents = function(r) {
+          return A(this.events.options, r), this;
+        };
+        var n = e.prototype._backCompatOption;
+        e.prototype._backCompatOption = function(r, i) {
+          var o = n.call(this, r, i);
+          return o === this && (this.events.options[r] = i), o;
+        };
+      }, listeners: { "pointerEvents:collect-targets": function(t, e) {
+        var n = t.targets, r = t.node, i = t.type, o = t.eventTarget;
+        e.interactables.forEachMatch(r, function(a) {
+          var s = a.events, l = s.options;
+          s.types[i] && s.types[i].length && a.testIgnoreAllow(l, r, o) && n.push({ node: r, eventable: s, props: { interactable: a } });
+        });
+      }, "interactable:new": function(t) {
+        var e = t.interactable;
+        e.events.getRect = function(n) {
+          return e.getRect(n);
+        };
+      }, "interactable:set": function(t, e) {
+        var n = t.interactable, r = t.options;
+        A(n.events.options, e.pointerEvents.defaults), A(n.events.options, r.pointerEvents || {});
+      } } }, Bi = Ai, ji = { id: "pointer-events", install: function(t) {
+        t.usePlugin(Ii), t.usePlugin(Ri), t.usePlugin(Bi);
+      } }, Fi = ji, Li = { id: "reflow", install: function(t) {
+        var e = t.Interactable;
+        t.actions.phases.reflow = !0, e.prototype.reflow = function(n) {
+          return function(r, i, o) {
+            for (var a = r.getAllElements(), s = o.window.Promise, l = s ? [] : null, u = function() {
+              var p = a[c], g = r.getRect(p);
+              if (!g) return 1;
+              var w, x = xt(o.interactions.list, function(M) {
+                return M.interacting() && M.interactable === r && M.element === p && M.prepared.name === i.name;
+              });
+              if (x) x.move(), l && (w = x._reflowPromise || new s(function(M) {
+                x._reflowResolve = M;
+              }));
+              else {
+                var S = ct(g), P = /* @__PURE__ */ function(M) {
+                  return { coords: M, get page() {
+                    return this.coords.page;
+                  }, get client() {
+                    return this.coords.client;
+                  }, get timeStamp() {
+                    return this.coords.timeStamp;
+                  }, get pageX() {
+                    return this.coords.page.x;
+                  }, get pageY() {
+                    return this.coords.page.y;
+                  }, get clientX() {
+                    return this.coords.client.x;
+                  }, get clientY() {
+                    return this.coords.client.y;
+                  }, get pointerId() {
+                    return this.coords.pointerId;
+                  }, get target() {
+                    return this.coords.target;
+                  }, get type() {
+                    return this.coords.type;
+                  }, get pointerType() {
+                    return this.coords.pointerType;
+                  }, get buttons() {
+                    return this.coords.buttons;
+                  }, preventDefault: function() {
+                  } };
+                }({ page: { x: S.x, y: S.y }, client: { x: S.x, y: S.y }, timeStamp: o.now() });
+                w = function(M, B, X, Z, $) {
+                  var G = M.interactions.new({ pointerType: "reflow" }), Te = { interaction: G, event: $, pointer: $, eventTarget: X, phase: "reflow" };
+                  G.interactable = B, G.element = X, G.prevEvent = $, G.updatePointer($, $, X, !0), Le(G.coords.delta), Jt(G.prepared, Z), G._doPhase(Te);
+                  var ce = M.window, Pe = ce.Promise, Re = Pe ? new Pe(function(We) {
+                    G._reflowResolve = We;
+                  }) : void 0;
+                  return G._reflowPromise = Re, G.start(Z, B, X), G._interacting ? (G.move(Te), G.end($)) : (G.stop(), G._reflowResolve()), G.removePointer($, $), Re;
+                }(o, r, p, i, P);
+              }
+              l && l.push(w);
+            }, c = 0; c < a.length && !u(); c++) ;
+            return l && s.all(l).then(function() {
+              return r;
+            });
+          }(this, n, t);
+        };
+      }, listeners: { "interactions:stop": function(t, e) {
+        var n = t.interaction;
+        n.pointerType === "reflow" && (n._reflowResolve && n._reflowResolve(), function(r, i) {
+          r.splice(r.indexOf(i), 1);
+        }(e.interactions.list, n));
+      } } }, $i = Li;
+      if (Se.use(An), Se.use(Nn), Se.use(Fi), Se.use(ri), Se.use(Mi), Se.use(Xr), Se.use(Rr), Se.use(Br), Se.use($i), Se.default = Se, D(y) === "object" && y) try {
+        y.exports = Se;
+      } catch {
+      }
+      return Se.default = Se, Se;
+    });
+  }(zt, zt.exports)), zt.exports;
+}
+var Wo = /* @__PURE__ */ Ho();
+const vr = /* @__PURE__ */ to(Wo), gn = /* @__PURE__ */ mr({
+  __name: "grid-item",
+  props: {
+    isDraggable: { type: Boolean, default: void 0 },
+    isResizable: { type: Boolean, default: void 0 },
+    isBounded: { type: Boolean, default: void 0 },
+    static: { type: Boolean, default: !1 },
+    minH: { default: 1 },
+    minW: { default: 1 },
+    maxH: { default: 1 / 0 },
+    maxW: { default: 1 / 0 },
+    x: {},
+    y: {},
+    w: {},
+    h: {},
+    i: {},
+    dragIgnoreFrom: { default: "a, button" },
+    dragAllowFrom: { default: void 0 },
+    resizeIgnoreFrom: { default: "a, button" },
+    preserveAspectRatio: { type: Boolean, default: !1 },
+    dragOption: { default: () => ({}) },
+    resizeOption: { default: () => ({}) }
+  },
+  emits: ["container-resized", "resize", "resized", "move", "moved"],
+  setup(y, { expose: m, emit: b }) {
+    const f = y, D = b, v = rr(_r), I = rr(Er);
+    if (!v)
+      throw new Error("[grid-layout-plus]: missing layout store, GridItem must under a GridLayout.");
+    const T = Ni(null), d = Yt({
+      cols: 1,
+      containerWidth: 100,
+      rowHeight: 30,
+      margin: [10, 10],
+      maxRows: 1 / 0,
+      draggable: void 0,
+      resizable: void 0,
+      bounded: void 0,
+      transformScale: 1,
+      useCssTransforms: !0,
+      useStyleCursor: !0,
+      isDragging: !1,
+      dragging: {
+        top: -1,
+        left: -1
+      },
+      isResizing: !1,
+      resizing: {
+        width: -1,
+        height: -1
+      },
+      style: {},
+      rtl: !1
+    });
+    let q = !1, V = !1, F = NaN, re = NaN, ie = NaN, ge = NaN, xe = -1, we = -1, _e = -1, R = -1, C = f.x, E = f.y, O = f.w, z = f.h;
+    const h = me(), N = Yt({
+      i: Hi(f, "i"),
+      state: d,
+      wrapper: h,
+      calcXY: Ge
+    });
+    function U(_) {
+      Fe(_);
+    }
+    function se() {
+      bt();
+    }
+    function k(_) {
+      Ce(f.isDraggable) && (d.draggable = _);
+    }
+    function j(_) {
+      Ce(f.isResizable) && (d.resizable = _);
+    }
+    function Q(_) {
+      Ce(f.isBounded) && (d.bounded = _);
+    }
+    function ee(_) {
+      d.transformScale = _;
+    }
+    function oe(_) {
+      d.rowHeight = _;
+    }
+    function ae(_) {
+      d.maxRows = _;
+    }
+    function W() {
+      d.rtl = dr() === "rtl", bt();
+    }
+    function ze(_) {
+      d.cols = Math.floor(_);
+    }
+    v.increaseItem(N), yr(() => {
+      d.rtl = dr() === "rtl";
+    }), br(() => {
+      v.responsive && v.lastBreakpoint ? d.cols = zr(v.lastBreakpoint, v.cols) : d.cols = v.colNum, d.rowHeight = v.rowHeight, d.containerWidth = v.width !== null ? v.width : 100, d.margin = v.margin !== void 0 ? v.margin.map(Number) : [10, 10], d.maxRows = v.maxRows, Ce(f.isDraggable) ? d.draggable = v.isDraggable : d.draggable = f.isDraggable, Ce(f.isResizable) ? d.resizable = v.isResizable : d.resizable = f.isResizable, Ce(f.isBounded) ? d.bounded = v.isBounded : d.bounded = f.isBounded, d.transformScale = v.transformScale, d.useCssTransforms = v.useCssTransforms, d.useStyleCursor = v.useStyleCursor, Wi(() => {
+        C = f.x, E = f.y, z = f.h, O = f.w, ke(Ae);
+      }), I.on("updateWidth", U), I.on("compact", se), I.on("setDraggable", k), I.on("setResizable", j), I.on("setBounded", Q), I.on("setTransformScale", ee), I.on("setRowHeight", oe), I.on("setMaxRows", ae), I.on("directionchange", W), I.on("setColNum", ze);
+    }), xr(() => {
+      I.off("updateWidth", U), I.off("compact", se), I.off("setDraggable", k), I.off("setResizable", j), I.off("setBounded", Q), I.off("setTransformScale", ee), I.off("setRowHeight", oe), I.off("setMaxRows", ae), I.off("directionchange", W), I.off("setColNum", ze), T.value && (T.value.unset(), T.value = null), v.decreaseItem(N);
+    }), m({ state: d, wrapper: h });
+    const de = typeof navigator < "u" ? navigator.userAgent.toLowerCase().includes("android") : !1, K = vt(() => d.resizable && !f.static), le = vt(() => v.isMirrored ? !d.rtl : d.rtl), Be = vt(() => (d.draggable || d.resizable) && !f.static), Oe = Ro("item"), Mt = vt(() => ({
+      [Oe.b()]: !0,
+      [Oe.bm("resizable")]: K.value,
+      [Oe.bm("static")]: f.static,
+      [Oe.bm("resizing")]: d.isResizing,
+      [Oe.bm("dragging")]: d.isDragging,
+      [Oe.bm("transform")]: d.useCssTransforms,
+      [Oe.bm("rtl")]: le.value,
+      [Oe.bm("no-touch")]: de && Be.value
+    })), Xe = vt(() => [Oe.be("resizer"), le.value && Oe.bem("resizer", "rtl")].filter(Boolean));
+    ue(
+      () => f.isDraggable,
+      (_) => {
+        d.draggable = _;
+      }
+    ), ue(
+      () => f.static,
+      () => {
+        ke(it), ke(Le);
+      }
+    ), ue(
+      () => d.draggable,
+      () => {
+        ke(it);
+      }
+    ), ue(
+      () => f.isResizable,
+      (_) => {
+        d.resizable = _;
+      }
+    ), ue(
+      () => f.isBounded,
+      (_) => {
+        d.bounded = _;
+      }
+    ), ue(
+      () => d.resizable,
+      () => {
+        ke(Le);
+      }
+    ), ue(
+      () => d.rowHeight,
+      () => {
+        ke(Ae), ke(lt);
+      }
+    ), ue([() => d.cols, () => d.containerWidth], () => {
+      ke(Le), ke(Ae), ke(lt);
+    }), ue([() => f.minH, () => f.maxH, () => f.minW, () => f.maxW], () => {
+      ke(Le);
+    }), ue(le, () => {
+      ke(Le), ke(Ae);
+    }), ue([() => v.margin, () => v.margin[0], () => v.margin[1]], () => {
+      const _ = v.margin;
+      !_ || _[0] === d.margin[0] && _[1] === d.margin[1] || (d.margin = _.map(Number), ke(Ae), ke(lt));
+    });
+    function Ae() {
+      f.x + f.w > d.cols ? (C = 0, O = f.w > d.cols ? d.cols : f.w) : (C = f.x, O = f.w);
+      const _ = Ve(C, E, O, z);
+      d.isDragging && (_.top = d.dragging.top, le.value ? _.right = d.dragging.left : _.left = d.dragging.left), d.isResizing && (_.width = d.resizing.width, _.height = d.resizing.height);
+      let Y;
+      d.useCssTransforms ? le.value ? Y = Mo(_.top, _.right, _.width, _.height) : Y = Oo(_.top, _.left, _.width, _.height) : le.value ? Y = Po(_.top, _.right, _.width, _.height) : Y = Io(_.top, _.left, _.width, _.height), d.style = Y;
+    }
+    function lt() {
+      const _ = {};
+      for (const Y of ["width", "height"]) {
+        const te = d.style[Y].match(/^(\d+)px$/);
+        if (!te)
+          return;
+        _[Y] = te[1];
+      }
+      D("container-resized", f.i, f.h, f.w, _.height, _.width);
+    }
+    function yt(_) {
+      if (f.static) return;
+      const Y = _.type;
+      if (Y === "resizestart" && d.isResizing || Y !== "resizestart" && !d.isResizing)
+        return;
+      const te = pr(_);
+      if (Ce(te)) return;
+      const { x: ne, y: pe } = te, J = { width: 0, height: 0 };
+      let L;
+      switch (Y) {
+        case "resizestart": {
+          Le(), xe = O, we = z, L = Ve(C, E, O, z), J.width = L.width, J.height = L.height, d.resizing = J, d.isResizing = !0;
+          break;
+        }
+        case "resizemove": {
+          !_.edges.right && !_.edges.left && (ie = ne), !_.edges.top && !_.edges.bottom && (ge = pe);
+          const ye = fr(ie, ge, ne, pe);
+          le.value ? J.width = d.resizing.width - ye.deltaX / d.transformScale : J.width = d.resizing.width + ye.deltaX / d.transformScale, J.height = d.resizing.height + ye.deltaY / d.transformScale, d.resizing = J;
+          break;
+        }
+        case "resizeend": {
+          L = Ve(C, E, O, z), J.width = L.width, J.height = L.height, d.resizing = { width: -1, height: -1 }, d.isResizing = !1;
+          break;
+        }
+      }
+      L = rt(J.height, J.width), L.w < f.minW && (L.w = f.minW), L.w > f.maxW && (L.w = f.maxW), L.h < f.minH && (L.h = f.minH), L.h > f.maxH && (L.h = f.maxH), L.h < 1 && (L.h = 1), L.w < 1 && (L.w = 1), ie = ne, ge = pe, (O !== L.w || z !== L.h) && D("resize", f.i, L.h, L.w, J.height, J.width), _.type === "resizeend" && (xe !== O || we !== z) && D("resized", f.i, L.h, L.w, J.height, J.width), I.emit("resizeEvent", _.type, f.i, C, E, L.h, L.w);
+    }
+    function A(_) {
+      if (f.static || d.isResizing) return;
+      const Y = _.type;
+      if (Y === "dragstart" && d.isDragging || Y !== "dragstart" && !d.isDragging)
+        return;
+      const te = pr(_);
+      if (Ce(te)) return;
+      const { x: ne, y: pe } = te, J = _.target;
+      if (!J.offsetParent) return;
+      const L = { top: 0, left: 0 };
+      switch (Y) {
+        case "dragstart": {
+          _e = C, R = E;
+          const Ee = J.offsetParent.getBoundingClientRect(), Ie = J.getBoundingClientRect(), qe = Ie.left / d.transformScale, Ke = Ee.left / d.transformScale, Je = Ie.right / d.transformScale, pt = Ee.right / d.transformScale, ft = Ie.top / d.transformScale, $e = Ee.top / d.transformScale;
+          le.value ? L.left = (Je - pt) * -1 : L.left = qe - Ke, L.top = ft - $e, d.dragging = L, d.isDragging = !0;
+          break;
+        }
+        case "dragmove": {
+          const Ee = fr(F, re, ne, pe);
+          if (le.value ? L.left = d.dragging.left - Ee.deltaX / d.transformScale : L.left = d.dragging.left + Ee.deltaX / d.transformScale, L.top = d.dragging.top + Ee.deltaY / d.transformScale, d.bounded) {
+            const Ie = J.offsetParent.clientHeight - ct(f.h, d.rowHeight, d.margin[1]);
+            L.top = nt(L.top, 0, Ie);
+            const qe = je(), Ke = d.containerWidth - ct(f.w, qe, d.margin[0]);
+            L.left = nt(L.left, 0, Ke);
+          }
+          d.dragging = L;
+          break;
+        }
+        case "dragend": {
+          const Ee = J.offsetParent.getBoundingClientRect(), Ie = J.getBoundingClientRect(), qe = Ie.left / d.transformScale, Ke = Ee.left / d.transformScale, Je = Ie.right / d.transformScale, pt = Ee.right / d.transformScale, ft = Ie.top / d.transformScale, $e = Ee.top / d.transformScale;
+          le.value ? L.left = (Je - pt) * -1 : L.left = qe - Ke, L.top = ft - $e, d.dragging = { top: -1, left: -1 }, d.isDragging = !1;
+          break;
+        }
+      }
+      let ye;
+      le.value, ye = Ge(L.top, L.left), F = ne, re = pe, (C !== ye.x || E !== ye.y) && D("move", f.i, ye.x, ye.y), _.type === "dragend" && (_e !== C || R !== E) && D("moved", f.i, ye.x, ye.y), I.emit("dragEvent", _.type, f.i, ye.x, ye.y, z, O);
+    }
+    function Ve(_, Y, te, ne) {
+      const pe = je();
+      let J;
+      return le.value ? J = {
+        right: Math.round(pe * _ + (_ + 1) * d.margin[0]),
+        top: Math.round(d.rowHeight * Y + (Y + 1) * d.margin[1]),
+        // 0 * Infinity === NaN, which causes problems with resize constraints;
+        // Fix this if it occurs.
+        // Note we do it here rather than later because Math.round(Infinity) causes depot
+        width: te === 1 / 0 ? te : Math.round(pe * te + Math.max(0, te - 1) * d.margin[0]),
+        height: ne === 1 / 0 ? ne : Math.round(d.rowHeight * ne + Math.max(0, ne - 1) * d.margin[1])
+      } : J = {
+        left: Math.round(pe * _ + (_ + 1) * d.margin[0]),
+        top: Math.round(d.rowHeight * Y + (Y + 1) * d.margin[1]),
+        // 0 * Infinity === NaN, which causes problems with resize constraints;
+        // Fix this if it occurs.
+        // Note we do it here rather than later because Math.round(Infinity) causes depot
+        width: te === 1 / 0 ? te : Math.round(pe * te + Math.max(0, te - 1) * d.margin[0]),
+        height: ne === 1 / 0 ? ne : Math.round(d.rowHeight * ne + Math.max(0, ne - 1) * d.margin[1])
+      }, J;
+    }
+    function Ge(_, Y) {
+      const te = je();
+      let ne = Math.round((Y - d.margin[0]) / (te + d.margin[0])), pe = Math.round((_ - d.margin[1]) / (d.rowHeight + d.margin[1]));
+      return ne = Math.max(Math.min(ne, d.cols - O), 0), pe = Math.max(Math.min(pe, d.maxRows - z), 0), { x: ne, y: pe };
+    }
+    function je() {
+      return (d.containerWidth - d.margin[0] * (d.cols + 1)) / d.cols;
+    }
+    function ct(_, Y, te) {
+      return Number.isFinite(_) ? Math.round(Y * _ + Math.max(0, _ - 1) * te) : _;
+    }
+    function nt(_, Y, te) {
+      return Math.max(Math.min(_, te), Y);
+    }
+    function rt(_, Y, te = !1) {
+      const ne = je();
+      let pe = Math.round((Y + d.margin[0]) / (ne + d.margin[0])), J = 0;
+      return te ? J = Math.ceil((_ + d.margin[1]) / (d.rowHeight + d.margin[1])) : J = Math.round((_ + d.margin[1]) / (d.rowHeight + d.margin[1])), pe = Math.max(Math.min(pe, d.cols - C), 0), J = Math.max(Math.min(J, d.maxRows - E), 0), { w: pe, h: J };
+    }
+    function Fe(_, Y) {
+      d.containerWidth = _;
+    }
+    function bt() {
+      Ae();
+    }
+    function Ue() {
+      !T.value && h.value && (T.value = vr(h.value), d.useStyleCursor || T.value.styleCursor(!1));
+    }
+    const Xt = lr(A);
+    function it() {
+      if (Ue(), !!T.value)
+        if (d.draggable && !f.static) {
+          const _ = {
+            ignoreFrom: f.dragIgnoreFrom,
+            allowFrom: f.dragAllowFrom,
+            ...f.dragOption
+          };
+          T.value.draggable(_), q || (q = !0, T.value.on("dragstart dragmove dragend", (Y) => {
+            Y.type === "dragmove" ? Xt(Y) : A(Y);
+          }));
+        } else
+          T.value.draggable({ enabled: !1 });
+    }
+    const ut = lr(yt);
+    function Le() {
+      if (Ue(), !!T.value)
+        if (d.resizable && !f.static) {
+          const _ = Ve(0, 0, f.maxW, f.maxH), Y = Ve(0, 0, f.minW, f.minH), te = {
+            edges: {
+              left: le.value ? `.${Xe.value[0]}` : !1,
+              right: le.value ? !1 : `.${Xe.value[0]}`,
+              bottom: `.${Xe.value[0]}`,
+              top: !1
+            },
+            ignoreFrom: f.resizeIgnoreFrom,
+            restrictSize: {
+              min: {
+                height: Y.height * d.transformScale,
+                width: Y.width * d.transformScale
+              },
+              max: {
+                height: _.height * d.transformScale,
+                width: _.width * d.transformScale
+              }
+            },
+            ...f.resizeOption
+          };
+          f.preserveAspectRatio && (te.modifiers = [vr.modifiers.aspectRatio({ ratio: "preserve" })]), T.value.resizable(te), V || (V = !0, T.value.on("resizestart resizemove resizeend", (ne) => {
+            ne.type === "resizemove" ? ut(ne) : yt(ne);
+          }));
+        } else
+          T.value.resizable({ enabled: !1 });
+    }
+    return (_, Y) => (fe(), be("section", {
+      ref_key: "wrapper",
+      ref: h,
+      class: ir(Mt.value),
+      style: mn(d.style)
+    }, [
+      dn(_.$slots, "default"),
+      K.value ? (fe(), be("span", {
+        key: 0,
+        class: ir(Xe.value)
+      }, null, 2)) : gt("", !0)
+    ], 6));
+  }
+}), Yo = /* @__PURE__ */ mr({
+  __name: "grid-layout",
+  props: {
+    autoSize: { type: Boolean, default: !0 },
+    colNum: { default: 12 },
+    rowHeight: { default: 150 },
+    maxRows: { default: 1 / 0 },
+    margin: { default: () => [10, 10] },
+    isDraggable: { type: Boolean, default: !0 },
+    isResizable: { type: Boolean, default: !0 },
+    isMirrored: { type: Boolean, default: !1 },
+    isBounded: { type: Boolean, default: !1 },
+    useCssTransforms: { type: Boolean, default: !0 },
+    verticalCompact: { type: Boolean, default: !0 },
+    restoreOnDrag: { type: Boolean, default: !1 },
+    layout: {},
+    responsive: { type: Boolean, default: !1 },
+    responsiveLayouts: { default: () => ({}) },
+    transformScale: { default: 1 },
+    breakpoints: { default: () => ({ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }) },
+    cols: { default: () => ({ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }) },
+    preventCollision: { type: Boolean, default: !1 },
+    useStyleCursor: { type: Boolean, default: !0 }
+  },
+  emits: [
+    "layout-before-mount",
+    "layout-mounted",
+    "layout-updated",
+    "breakpoint-changed",
+    "update:layout",
+    "layout-ready"
+  ],
+  setup(y, { expose: m, emit: b }) {
+    const f = y, D = b, v = Yt({
+      width: -1,
+      mergedStyle: {},
+      lastLayoutLength: 0,
+      isDragging: !1,
+      placeholder: {
+        x: 0,
+        y: 0,
+        w: 0,
+        h: 0,
+        i: ""
+      },
+      layouts: {},
+      // array to store all layouts from different breakpoints
+      lastBreakpoint: null,
+      // store last active breakpoint
+      originalLayout: null
+      // store original Layout
+    }), I = /* @__PURE__ */ new Map(), T = me(f.layout), d = me(), { observeResize: q, unobserveResize: V } = qi(), F = Ki();
+    F.on("resizeEvent", re), F.on("dragEvent", ie), yr(() => {
+      D("layout-before-mount", T.value);
+    }), br(() => {
+      D("layout-mounted", T.value), Ye(() => {
+        Co(T.value), v.originalLayout = T.value, Ye(() => {
+          U(), d.value && q(d.value, Ji(C, 16)), mt(T.value, f.verticalCompact), D("layout-updated", T.value), R(), C();
+        });
+      });
+    }), xr(() => {
+      F.clearAll(), d.value && V(d.value);
+    });
+    function re(k, j, Q, ee, oe, ae) {
+      h(k, j, Q, ee, oe, ae);
+    }
+    function ie(k, j, Q, ee, oe, ae) {
+      z(k, j, Q, ee, oe, ae);
+    }
+    ue(
+      () => v.width,
+      (k, j) => {
+        Ye(() => {
+          F.emit("updateWidth", k), j === -1 && Ye(() => {
+            D("layout-ready", T.value);
+          }), R();
+        });
+      }
+    ), ue(
+      () => [f.layout, f.layout.length],
+      () => {
+        T.value = f.layout, _e();
+      }
+    ), ue(
+      () => f.colNum,
+      (k) => {
+        F.emit("setColNum", k);
+      }
+    ), ue(
+      () => f.rowHeight,
+      (k) => {
+        F.emit("setRowHeight", k);
+      }
+    ), ue(
+      () => f.isDraggable,
+      (k) => {
+        F.emit("setDraggable", k);
+      }
+    ), ue(
+      () => f.isResizable,
+      (k) => {
+        F.emit("setResizable", k);
+      }
+    ), ue(
+      () => f.isBounded,
+      (k) => {
+        F.emit("setBounded", k);
+      }
+    ), ue(
+      () => f.transformScale,
+      (k) => {
+        F.emit("setTransformScale", k);
+      }
+    ), ue(
+      () => f.responsive,
+      (k) => {
+        k || (D("update:layout", v.originalLayout), F.emit("setColNum", f.colNum)), C();
+      }
+    ), ue(
+      () => f.maxRows,
+      (k) => {
+        F.emit("setMaxRows", k);
+      }
+    ), ue([() => f.margin, () => f.margin[1]], R), or(
+      _r,
+      Yt({
+        ...ar(f),
+        ...ar(v),
+        increaseItem: ge,
+        decreaseItem: xe
+      })
+    ), or(Er, F), m({ state: v, getItem: we, resizeEvent: h, dragEvent: z, layoutUpdate: _e });
+    function ge(k) {
+      I.set(k.i, k);
+    }
+    function xe(k) {
+      I.delete(k.i);
+    }
+    function we(k) {
+      return I.get(k);
+    }
+    function _e() {
+      if (!Ce(T.value) && !Ce(v.originalLayout)) {
+        if (T.value.length !== v.originalLayout.length) {
+          const k = se(T.value, v.originalLayout);
+          if (k.length > 0)
+            if (T.value.length > v.originalLayout.length)
+              v.originalLayout = v.originalLayout.concat(k);
+            else {
+              const j = new Set(k.map((Q) => Q.i));
+              v.originalLayout = v.originalLayout.filter((Q) => !j.has(Q.i));
+            }
+          v.lastLayoutLength = T.value.length, U();
+        }
+        mt(T.value, f.verticalCompact), F.emit("updateWidth", v.width), R(), D("layout-updated", T.value);
+      }
+    }
+    function R() {
+      v.mergedStyle = {
+        height: E()
+      };
+    }
+    function C() {
+      d.value && (v.width = d.value.offsetWidth), F.emit("resizeEvent");
+    }
+    function E() {
+      if (!f.autoSize) return;
+      const k = parseFloat(f.margin[1]);
+      return To(T.value) * (f.rowHeight + k) + k + "px";
+    }
+    let O;
+    function z(k, j, Q, ee, oe, ae) {
+      let W = cr(T.value, j);
+      Ce(W) && (W = { h: 0, w: 0, x: 0, y: 0, i: "" }), k === "dragstart" && !f.verticalCompact && (O = T.value.reduce(
+        (ze, { i: de, x: K, y: le }) => ({
+          ...ze,
+          [de]: { x: K, y: le }
+        }),
+        {}
+      )), k === "dragmove" || k === "dragstart" ? (v.placeholder.i = j, v.placeholder.x = W.x, v.placeholder.y = W.y, v.placeholder.w = ae, v.placeholder.h = oe, Ye(() => {
+        v.isDragging = !0;
+      }), F.emit("updateWidth", v.width)) : Ye(() => {
+        v.isDragging = !1;
+      }), T.value = vn(T.value, W, Q, ee, !0, f.preventCollision), f.restoreOnDrag ? (W.static = !0, mt(T.value, f.verticalCompact, O), W.static = !1) : mt(T.value, f.verticalCompact), F.emit("compact"), R(), k === "dragend" && (O = void 0, D("layout-updated", T.value));
+    }
+    function h(k, j, Q, ee, oe, ae) {
+      let W = cr(T.value, j);
+      Ce(W) && (W = { h: 0, w: 0, x: 0, y: 0, i: "" });
+      let ze;
+      if (f.preventCollision) {
+        const de = Tr(T.value, { ...W, w: ae, h: oe }).filter(
+          (K) => K.i !== W.i
+        );
+        if (ze = de.length > 0, ze) {
+          let K = 1 / 0, le = 1 / 0;
+          de.forEach((Be) => {
+            Be.x > W.x && (K = Math.min(K, Be.x)), Be.y > W.y && (le = Math.min(le, Be.y));
+          }), Number.isFinite(K) && (W.w = K - W.x), Number.isFinite(le) && (W.h = le - W.y);
+        }
+      }
+      ze || (W.w = ae, W.h = oe), k === "resizestart" || k === "resizemove" ? (v.placeholder.i = j, v.placeholder.x = Q, v.placeholder.y = ee, v.placeholder.w = W.w, v.placeholder.h = W.h, Ye(() => {
+        v.isDragging = !0;
+      }), F.emit("updateWidth", v.width)) : k && Ye(() => {
+        v.isDragging = !1;
+      }), f.responsive && N(), mt(T.value, f.verticalCompact), F.emit("compact"), R(), k === "resizeend" && D("layout-updated", T.value);
+    }
+    function N() {
+      const k = jo(f.breakpoints, v.width);
+      if (k === v.lastBreakpoint)
+        return;
+      const j = zr(k, f.cols);
+      !Ce(v.lastBreakpoint) && !v.layouts[v.lastBreakpoint] && (v.layouts[v.lastBreakpoint] = hn(T.value));
+      const Q = Fo(
+        v.originalLayout,
+        v.layouts,
+        f.breakpoints,
+        k,
+        v.lastBreakpoint,
+        j,
+        f.verticalCompact
+      );
+      v.layouts[k] = Q, v.lastBreakpoint !== k && D("breakpoint-changed", k, Q), T.value = Q, D("update:layout", Q), v.lastBreakpoint = k, F.emit("setColNum", j);
+    }
+    function U() {
+      v.layouts = Object.assign({}, f.responsiveLayouts);
+    }
+    function se(k, j) {
+      const Q = new Set(j.map((W) => W.i)), ee = new Set(k.map((W) => W.i)), oe = k.filter((W) => !Q.has(W.i)), ae = j.filter((W) => !ee.has(W.i));
+      return oe.concat(ae);
+    }
+    return (k, j) => (fe(), be("div", {
+      ref_key: "wrapper",
+      ref: d,
+      class: "vgl-layout",
+      style: mn(v.mergedStyle)
+    }, [
+      k.$slots.default ? dn(k.$slots, "default", { key: 0 }) : (fe(!0), be(Nt, { key: 1 }, Ht(T.value, (Q) => (fe(), Wt(gn, Xi({
+        key: Q.i,
+        ref_for: !0
+      }, Q), {
+        default: Me(() => [
+          dn(k.$slots, "item", { item: Q })
+        ]),
+        _: 2
+      }, 1040))), 128)),
+      Yi(he(gn, {
+        class: "vgl-item--placeholder",
+        x: v.placeholder.x,
+        y: v.placeholder.y,
+        w: v.placeholder.w,
+        h: v.placeholder.h,
+        i: v.placeholder.i
+      }, null, 8, ["x", "y", "w", "h", "i"]), [
+        [Vi, v.isDragging]
+      ])
+    ], 4));
+  }
+}), Xo = { style: { display: "flex" } }, Vo = {
+  __name: "index",
+  setup(y) {
+    const m = xn(yn), { itemData: b, activeItemIndex: f } = bn(m), D = me([]), v = me(null), I = me(null), T = me(12), d = me(4), q = me(15), V = me([]), F = (E) => {
+      var N;
+      if (!E) return;
+      let O = null;
+      const z = De(D.value);
+      if (f.value >= 0 && (O = z == null ? void 0 : z[f.value]), O && O.comp === "Layout") {
+        const { compData: U = [] } = O;
+        ((N = U == null ? void 0 : U.find((k) => {
+          const { key: j } = k;
+          return j === "children";
+        })) == null ? void 0 : N.contents).push({
+          comp: E.comp,
+          name: E.name,
+          compData: []
+        }), m.setItemData(z);
+        return;
+      }
+      const h = De(D.value);
+      h.push({
+        comp: E.comp,
+        name: E.name,
+        compData: []
+      }), m.setItemData(h), m.setItemGridData(V.value), console.log("栅格结构数据:", V.value);
+    }, re = (E) => {
+      E.preventDefault(), E.dataTransfer.dropEffect = "copy";
+    }, ie = async (E) => {
+      try {
+        const O = E.dataTransfer.getData("application/json");
+        if (!O) return;
+        const z = JSON.parse(O), h = await ge(E), N = xe(z, h);
+        await Ye(), we(N), F(JSON.parse(O || "")), _e();
+      } catch (O) {
+        console.error("Drop error:", O), _e();
+      }
+    }, ge = async (E) => v.value ? new Promise((O) => {
+      requestAnimationFrame(() => {
+        const z = v.value.getBoundingClientRect(), h = E.clientX - z.left, N = E.clientY, U = Math.floor(h / (z.width / T.value)), se = Math.floor(N / (z.width / T.value));
+        O({
+          x: Math.max(0, U),
+          y: Math.max(0, se),
+          w: T.value,
+          h: q.value
+        });
+      });
+    }) : { x: 0, y: 0 }, xe = (E, O) => {
+      var h, N;
+      const z = `item_${Date.now()}_${(N = (h = Math.random()) == null ? void 0 : h.toString(36)) == null ? void 0 : N.substring(2, 9)}`;
+      return {
+        i: z,
+        id: z,
+        x: O.x,
+        y: O.y,
+        w: O.w,
+        h: O.h,
+        component: {
+          ...E,
+          comp: E.comp,
+          compData: E.compData,
+          itemChildData: E.itemChildData
+        },
+        minW: 2,
+        minH: 2
+      };
+    }, we = (E) => {
+      V.value = [...V.value, E];
+    }, _e = () => {
+      document.querySelectorAll(".dragging").forEach((E) => {
+        E.classList.remove("dragging");
+      });
+    }, R = (E) => {
+      V.value = E == null ? void 0 : E.map((O, z) => ({
+        x: z % 2 * 6,
+        y: Math.floor(z / 2) * 7,
+        w: T.value,
+        h: q.value,
+        minW: d.value,
+        minH: q.value,
+        i: z,
+        id: O == null ? void 0 : O.id,
+        component: E[z]
+      })), m.setItemGridData(V.value);
+    };
+    ue(
+      () => b.value,
+      () => {
+        var E;
+        !b.value || ((E = b.value) == null ? void 0 : E.length) === 0 ? D.value = [] : D.value = De(b.value), R(D.value);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const C = (E) => wr(E);
+    return (E, O) => (fe(), be("div", {
+      ref_key: "containerRef",
+      ref: v,
+      style: { width: "100%", height: "100%", "margin-top": "10px" },
+      onDragover: re,
+      onDrop: ie
+    }, [
+      he(sr(Yo), {
+        ref_key: "gridLayoutRef",
+        ref: I,
+        layout: V.value,
+        "onUpdate:layout": O[0] || (O[0] = (z) => V.value = z),
+        "row-height": q.value,
+        "is-draggable": !0,
+        "is-resizable": !0
+      }, {
+        default: Me(() => [
+          (fe(!0), be(Nt, null, Ht(V.value, (z, h) => (fe(), Wt(sr(gn), {
+            key: z.i,
+            x: z.x,
+            y: z.y,
+            w: z.w,
+            h: z.h,
+            i: z.i
+          }, {
+            default: Me(() => {
+              var N, U, se, k;
+              return [
+                ve("div", Xo, st((N = z == null ? void 0 : z.component) == null ? void 0 : N.name), 1),
+                (fe(), Wt(gr(C((U = z == null ? void 0 : z.component) == null ? void 0 : U.comp)), {
+                  itemData: (se = z == null ? void 0 : z.component) == null ? void 0 : se.compData,
+                  childItemData: (k = z == null ? void 0 : z.component) == null ? void 0 : k.itemChildData,
+                  key: h
+                }, null, 8, ["itemData", "childItemData"]))
+              ];
+            }),
+            _: 2
+          }, 1032, ["x", "y", "w", "h", "i"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["layout", "row-height"])
+    ], 544));
+  }
+}, ia = /* @__PURE__ */ wn(Vo, [["__scopeId", "data-v-1eedea10"]]);
+export {
+  ia as a,
+  ra as b,
+  na as m
+};