@window-splitter/vue 0.8.5

package/dist/index.mjs

@@ -0,0 +1,1493 @@
+import { defineComponent as ze, useId as be, inject as G, computed as N, onMounted as W, watchEffect as se, onUnmounted as De, createElementBlock as ye, openBlock as Ie, normalizeProps as Te, guardReactiveProps as Fe, renderSlot as Pe, createPropsRestProxy as ke, ref as de, provide as oe, onWatcherCleanup as je, mergeProps as Ee, unref as Ue } from "vue";
+var We = 20, Ge = 1, J = 1e6, Xe = 1e6, Ye = -7, Je = 21, Qe = !1, ne = "[big.js] ", F = ne + "Invalid ", ue = F + "decimal places", Ze = F + "rounding mode", Be = ne + "Division by zero", b = {}, B = void 0, _e = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
+function Ke() {
+  function e(t) {
+    var a = this;
+    if (!(a instanceof e)) return t === B ? Ke() : new e(t);
+    if (t instanceof e)
+      a.s = t.s, a.e = t.e, a.c = t.c.slice();
+    else {
+      if (typeof t != "string") {
+        if (e.strict === !0 && typeof t != "bigint")
+          throw TypeError(F + "value");
+        t = t === 0 && 1 / t < 0 ? "-0" : String(t);
+      }
+      et(a, t);
+    }
+    a.constructor = e;
+  }
+  return e.prototype = b, e.DP = We, e.RM = Ge, e.NE = Ye, e.PE = Je, e.strict = Qe, e.roundDown = 0, e.roundHalfUp = 1, e.roundHalfEven = 2, e.roundUp = 3, e;
+}
+function et(e, t) {
+  var a, r, l;
+  if (!_e.test(t))
+    throw Error(F + "number");
+  for (e.s = t.charAt(0) == "-" ? (t = t.slice(1), -1) : 1, (a = t.indexOf(".")) > -1 && (t = t.replace(".", "")), (r = t.search(/e/i)) > 0 ? (a < 0 && (a = r), a += +t.slice(r + 1), t = t.substring(0, r)) : a < 0 && (a = t.length), l = t.length, r = 0; r < l && t.charAt(r) == "0"; ) ++r;
+  if (r == l)
+    e.c = [e.e = 0];
+  else {
+    for (; l > 0 && t.charAt(--l) == "0"; ) ;
+    for (e.e = a - r - 1, e.c = [], a = 0; r <= l; ) e.c[a++] = +t.charAt(r++);
+  }
+  return e;
+}
+function j(e, t, a, r) {
+  var l = e.c;
+  if (a === B && (a = e.constructor.RM), a !== 0 && a !== 1 && a !== 2 && a !== 3)
+    throw Error(Ze);
+  if (t < 1)
+    r = a === 3 && (r || !!l[0]) || t === 0 && (a === 1 && l[0] >= 5 || a === 2 && (l[0] > 5 || l[0] === 5 && (r || l[1] !== B))), l.length = 1, r ? (e.e = e.e - t + 1, l[0] = 1) : l[0] = e.e = 0;
+  else if (t < l.length) {
+    if (r = a === 1 && l[t] >= 5 || a === 2 && (l[t] > 5 || l[t] === 5 && (r || l[t + 1] !== B || l[t - 1] & 1)) || a === 3 && (r || !!l[0]), l.length = t, r) {
+      for (; ++l[--t] > 9; )
+        if (l[t] = 0, t === 0) {
+          ++e.e, l.unshift(1);
+          break;
+        }
+    }
+    for (t = l.length; !l[--t]; ) l.pop();
+  }
+  return e;
+}
+function Q(e, t, a) {
+  var r = e.e, l = e.c.join(""), n = l.length;
+  if (t)
+    l = l.charAt(0) + (n > 1 ? "." + l.slice(1) : "") + (r < 0 ? "e" : "e+") + r;
+  else if (r < 0) {
+    for (; ++r; ) l = "0" + l;
+    l = "0." + l;
+  } else if (r > 0)
+    if (++r > n)
+      for (r -= n; r--; ) l += "0";
+    else r < n && (l = l.slice(0, r) + "." + l.slice(r));
+  else n > 1 && (l = l.charAt(0) + "." + l.slice(1));
+  return e.s < 0 && a ? "-" + l : l;
+}
+b.abs = function() {
+  var e = new this.constructor(this);
+  return e.s = 1, e;
+};
+b.cmp = function(e) {
+  var t, a = this, r = a.c, l = (e = new a.constructor(e)).c, n = a.s, o = e.s, i = a.e, u = e.e;
+  if (!r[0] || !l[0]) return r[0] ? n : l[0] ? -o : 0;
+  if (n != o) return n;
+  if (t = n < 0, i != u) return i > u ^ t ? 1 : -1;
+  for (o = (i = r.length) < (u = l.length) ? i : u, n = -1; ++n < o; )
+    if (r[n] != l[n]) return r[n] > l[n] ^ t ? 1 : -1;
+  return i == u ? 0 : i > u ^ t ? 1 : -1;
+};
+b.div = function(e) {
+  var t = this, a = t.constructor, r = t.c, l = (e = new a(e)).c, n = t.s == e.s ? 1 : -1, o = a.DP;
+  if (o !== ~~o || o < 0 || o > J)
+    throw Error(ue);
+  if (!l[0])
+    throw Error(Be);
+  if (!r[0])
+    return e.s = n, e.c = [e.e = 0], e;
+  var i, u, d, c, m, s = l.slice(), f = i = l.length, g = r.length, p = r.slice(0, i), v = p.length, h = e, z = h.c = [], I = 0, C = o + (h.e = t.e - e.e) + 1;
+  for (h.s = n, n = C < 0 ? 0 : C, s.unshift(0); v++ < i; ) p.push(0);
+  do {
+    for (d = 0; d < 10; d++) {
+      if (i != (v = p.length))
+        c = i > v ? 1 : -1;
+      else
+        for (m = -1, c = 0; ++m < i; )
+          if (l[m] != p[m]) {
+            c = l[m] > p[m] ? 1 : -1;
+            break;
+          }
+      if (c < 0) {
+        for (u = v == i ? l : s; v; ) {
+          if (p[--v] < u[v]) {
+            for (m = v; m && !p[--m]; ) p[m] = 9;
+            --p[m], p[v] += 10;
+          }
+          p[v] -= u[v];
+        }
+        for (; !p[0]; ) p.shift();
+      } else
+        break;
+    }
+    z[I++] = c ? d : ++d, p[0] && c ? p[v] = r[f] || 0 : p = [r[f]];
+  } while ((f++ < g || p[0] !== B) && n--);
+  return !z[0] && I != 1 && (z.shift(), h.e--, C--), I > C && j(h, C, a.RM, p[0] !== B), h;
+};
+b.eq = function(e) {
+  return this.cmp(e) === 0;
+};
+b.gt = function(e) {
+  return this.cmp(e) > 0;
+};
+b.gte = function(e) {
+  return this.cmp(e) > -1;
+};
+b.lt = function(e) {
+  return this.cmp(e) < 0;
+};
+b.lte = function(e) {
+  return this.cmp(e) < 1;
+};
+b.minus = b.sub = function(e) {
+  var t, a, r, l, n = this, o = n.constructor, i = n.s, u = (e = new o(e)).s;
+  if (i != u)
+    return e.s = -u, n.plus(e);
+  var d = n.c.slice(), c = n.e, m = e.c, s = e.e;
+  if (!d[0] || !m[0])
+    return m[0] ? e.s = -u : d[0] ? e = new o(n) : e.s = 1, e;
+  if (i = c - s) {
+    for ((l = i < 0) ? (i = -i, r = d) : (s = c, r = m), r.reverse(), u = i; u--; ) r.push(0);
+    r.reverse();
+  } else
+    for (a = ((l = d.length < m.length) ? d : m).length, i = u = 0; u < a; u++)
+      if (d[u] != m[u]) {
+        l = d[u] < m[u];
+        break;
+      }
+  if (l && (r = d, d = m, m = r, e.s = -e.s), (u = (a = m.length) - (t = d.length)) > 0) for (; u--; ) d[t++] = 0;
+  for (u = t; a > i; ) {
+    if (d[--a] < m[a]) {
+      for (t = a; t && !d[--t]; ) d[t] = 9;
+      --d[t], d[a] += 10;
+    }
+    d[a] -= m[a];
+  }
+  for (; d[--u] === 0; ) d.pop();
+  for (; d[0] === 0; )
+    d.shift(), --s;
+  return d[0] || (e.s = 1, d = [s = 0]), e.c = d, e.e = s, e;
+};
+b.mod = function(e) {
+  var t, a = this, r = a.constructor, l = a.s, n = (e = new r(e)).s;
+  if (!e.c[0])
+    throw Error(Be);
+  return a.s = e.s = 1, t = e.cmp(a) == 1, a.s = l, e.s = n, t ? new r(a) : (l = r.DP, n = r.RM, r.DP = r.RM = 0, a = a.div(e), r.DP = l, r.RM = n, this.minus(a.times(e)));
+};
+b.neg = function() {
+  var e = new this.constructor(this);
+  return e.s = -e.s, e;
+};
+b.plus = b.add = function(e) {
+  var t, a, r, l = this, n = l.constructor;
+  if (e = new n(e), l.s != e.s)
+    return e.s = -e.s, l.minus(e);
+  var o = l.e, i = l.c, u = e.e, d = e.c;
+  if (!i[0] || !d[0])
+    return d[0] || (i[0] ? e = new n(l) : e.s = l.s), e;
+  if (i = i.slice(), t = o - u) {
+    for (t > 0 ? (u = o, r = d) : (t = -t, r = i), r.reverse(); t--; ) r.push(0);
+    r.reverse();
+  }
+  for (i.length - d.length < 0 && (r = d, d = i, i = r), t = d.length, a = 0; t; i[t] %= 10) a = (i[--t] = i[t] + d[t] + a) / 10 | 0;
+  for (a && (i.unshift(a), ++u), t = i.length; i[--t] === 0; ) i.pop();
+  return e.c = i, e.e = u, e;
+};
+b.pow = function(e) {
+  var t = this, a = new t.constructor("1"), r = a, l = e < 0;
+  if (e !== ~~e || e < -1e6 || e > Xe)
+    throw Error(F + "exponent");
+  for (l && (e = -e); e & 1 && (r = r.times(t)), e >>= 1, !!e; )
+    t = t.times(t);
+  return l ? a.div(r) : r;
+};
+b.prec = function(e, t) {
+  if (e !== ~~e || e < 1 || e > J)
+    throw Error(F + "precision");
+  return j(new this.constructor(this), e, t);
+};
+b.round = function(e, t) {
+  if (e === B) e = 0;
+  else if (e !== ~~e || e < -1e6 || e > J)
+    throw Error(ue);
+  return j(new this.constructor(this), e + this.e + 1, t);
+};
+b.sqrt = function() {
+  var e, t, a, r = this, l = r.constructor, n = r.s, o = r.e, i = new l("0.5");
+  if (!r.c[0]) return new l(r);
+  if (n < 0)
+    throw Error(ne + "No square root");
+  n = Math.sqrt(r + ""), n === 0 || n === 1 / 0 ? (t = r.c.join(""), t.length + o & 1 || (t += "0"), n = Math.sqrt(t), o = ((o + 1) / 2 | 0) - (o < 0 || o & 1), e = new l((n == 1 / 0 ? "5e" : (n = n.toExponential()).slice(0, n.indexOf("e") + 1)) + o)) : e = new l(n + ""), o = e.e + (l.DP += 4);
+  do
+    a = e, e = i.times(a.plus(r.div(a)));
+  while (a.c.slice(0, o).join("") !== e.c.slice(0, o).join(""));
+  return j(e, (l.DP -= 4) + e.e + 1, l.RM);
+};
+b.times = b.mul = function(e) {
+  var t, a = this, r = a.constructor, l = a.c, n = (e = new r(e)).c, o = l.length, i = n.length, u = a.e, d = e.e;
+  if (e.s = a.s == e.s ? 1 : -1, !l[0] || !n[0])
+    return e.c = [e.e = 0], e;
+  for (e.e = u + d, o < i && (t = l, l = n, n = t, d = o, o = i, i = d), t = new Array(d = o + i); d--; ) t[d] = 0;
+  for (u = i; u--; ) {
+    for (i = 0, d = o + u; d > u; )
+      i = t[d] + n[u] * l[d - u - 1] + i, t[d--] = i % 10, i = i / 10 | 0;
+    t[d] = i;
+  }
+  for (i ? ++e.e : t.shift(), u = t.length; !t[--u]; ) t.pop();
+  return e.c = t, e;
+};
+b.toExponential = function(e, t) {
+  var a = this, r = a.c[0];
+  if (e !== B) {
+    if (e !== ~~e || e < 0 || e > J)
+      throw Error(ue);
+    for (a = j(new a.constructor(a), ++e, t); a.c.length < e; ) a.c.push(0);
+  }
+  return Q(a, !0, !!r);
+};
+b.toFixed = function(e, t) {
+  var a = this, r = a.c[0];
+  if (e !== B) {
+    if (e !== ~~e || e < 0 || e > J)
+      throw Error(ue);
+    for (a = j(new a.constructor(a), e + a.e + 1, t), e = e + a.e + 1; a.c.length < e; ) a.c.push(0);
+  }
+  return Q(a, !1, !!r);
+};
+b[Symbol.for("nodejs.util.inspect.custom")] = b.toJSON = b.toString = function() {
+  var e = this, t = e.constructor;
+  return Q(e, e.e <= t.NE || e.e >= t.PE, !!e.c[0]);
+};
+b.toNumber = function() {
+  var e = Number(Q(this, !0, !0));
+  if (this.constructor.strict === !0 && !this.eq(e.toString()))
+    throw Error(ne + "Imprecise conversion");
+  return e;
+};
+b.toPrecision = function(e, t) {
+  var a = this, r = a.constructor, l = a.c[0];
+  if (e !== B) {
+    if (e !== ~~e || e < 1 || e > J)
+      throw Error(F + "precision");
+    for (a = j(new r(a), e, t); a.c.length < e; ) a.c.push(0);
+  }
+  return Q(a, e <= a.e || a.e <= r.NE || a.e >= r.PE, !!l);
+};
+b.valueOf = function() {
+  var e = this, t = e.constructor;
+  if (t.strict === !0)
+    throw Error(ne + "valueOf disallowed");
+  return Q(e, e.e <= t.NE || e.e >= t.PE, !0);
+};
+var y = Ke();
+function tt(e, t) {
+  e.forEach((a) => {
+    try {
+      t(a);
+    } catch (r) {
+      console.error(r);
+    }
+  });
+}
+let _ = 0;
+function nt() {
+  let e = /* @__PURE__ */ new Set(), t = e;
+  return {
+    add(a) {
+      _ += t == e && !e.has(a) ? 1 : 0, e.add(a);
+    },
+    delete(a) {
+      return _ -= t == e && e.has(a) ? 1 : 0, e.delete(a);
+    },
+    flush(a) {
+      t.size && (e = /* @__PURE__ */ new Set(), _ -= t.size, tt(t, (r) => r(a) && e.add(r)), _ += e.size, t = e);
+    }
+  };
+}
+const Ne = nt(), Oe = typeof window < "u" ? window.requestAnimationFrame : () => {
+}, ae = (e) => at(e, Ne);
+ae.now = typeof performance < "u" ? () => performance.now() : Date.now;
+ae.batchedUpdates = (e) => e();
+let T = -1;
+function at(e, t) {
+  t.add(e), rt();
+}
+function rt() {
+  T < 0 && (T = 0, Oe($e));
+}
+function lt() {
+  T = -1;
+}
+function $e() {
+  ~T && (Oe($e), ae.batchedUpdates(ot));
+}
+function ot() {
+  const e = T;
+  if (T = ae.now(), !_) {
+    lt();
+    return;
+  }
+  Ne.flush(e ? Math.min(64, T - e) : 16.667);
+}
+const Ce = 50;
+function it(e) {
+  return { type: "percent", value: new y(e) };
+}
+function H(e) {
+  return { type: "pixel", value: new y(e) };
+}
+function st(e) {
+  let t = fe.linear, a = 300;
+  return e.collapseAnimation && (typeof e.collapseAnimation == "string" ? t = fe[e.collapseAnimation] : (a = e.collapseAnimation.duration, t = typeof e.collapseAnimation.easing == "function" ? e.collapseAnimation.easing : fe[e.collapseAnimation.easing])), { ease: t, duration: a };
+}
+const fe = {
+  "ease-in-out": function(t) {
+    return ((t *= 2) <= 1 ? t * t : --t * (2 - t) + 1) / 2;
+  },
+  bounce: function(t) {
+    return ((t *= 2) < 1 ? t * t * ((1.70158 + 1) * t - 1.70158) : (t -= 2) * t * ((1.70158 + 1) * t + 1.70158) + 2) / 2;
+  },
+  linear: function(t) {
+    return +t;
+  }
+};
+function xe(e) {
+  return e.orientation === "horizontal" ? e.dragOvershoot.gt(0) ? "w-resize" : e.dragOvershoot.lt(0) ? "e-resize" : "ew-resize" : e.dragOvershoot.gt(0) ? "n-resize" : e.dragOvershoot.lt(0) ? "s-resize" : "ns-resize";
+}
+function ut(e) {
+  if ("context" in e && (e = e.context), "items" in e) {
+    e.dragOvershoot = new y(e.dragOvershoot || 0);
+    for (const t of e.items)
+      P(t) ? (t.currentValue.value = new y(t.currentValue.value), t.collapsedSize.value = new y(t.collapsedSize.value), t.min.value = new y(t.min.value), t.max && t.max !== "1fr" && (t.max.value = new y(t.max.value))) : t.size.value = new y(t.size.value);
+    return e;
+  }
+}
+function Y(e, t) {
+  if (!e)
+    throw new Error(t);
+}
+function Z(e, t) {
+  Y(t.includes(e.type), `Invalid event type: ${t}. Expected: ${t.join(" | ")}`);
+}
+function P(e) {
+  return !!(e && typeof e == "object" && "type" in e && e.type === "panel");
+}
+function $(e) {
+  return !!(e && typeof e == "object" && "type" in e && e.type === "handle");
+}
+function ct(e) {
+  const t = () => {
+    let r = null;
+    return (l) => {
+      var n, o;
+      if (!r || r.pixel === l.pixel && r.percentage === l.percentage) {
+        r = l;
+        return;
+      }
+      r = l, (o = (n = e.onResize) == null ? void 0 : n.current) == null || o.call(n, l);
+    };
+  };
+  return { ...{
+    type: "panel",
+    min: q(e.min || "0px"),
+    max: e.max ? q(e.max) : "1fr",
+    collapsed: e.collapsible ? e.collapsed ?? e.defaultCollapsed ?? !1 : void 0,
+    collapsible: e.collapsible,
+    collapsedSize: q(e.collapsedSize ?? "0px"),
+    onCollapseChange: e.onCollapseChange,
+    onResize: { current: t() },
+    collapseIsControlled: typeof e.collapsed < "u",
+    sizeBeforeCollapse: void 0,
+    id: e.id,
+    collapseAnimation: e.collapseAnimation,
+    default: e.default ? q(e.default) : void 0,
+    isStaticAtRest: e.isStaticAtRest
+  }, currentValue: H(-1) };
+}
+function ee(e, t) {
+  return e.type === t.type && e.value.eq(t.value);
+}
+function dt(e, t) {
+  return !!(!t || !ee(e.min, t.min) || e.max === "1fr" && t.max !== "1fr" || e.max !== "1fr" && t.max === "1fr" || e.max !== "1fr" && t.max !== "1fr" && !ee(e.max, t.max) || e.default && !t.default || !e.default && t.default || e.default && t.default && !ee(e.default, t.default) || !ee(e.collapsedSize, t.collapsedSize) || e.isStaticAtRest !== t.isStaticAtRest || e.collapseAnimation && !t.collapseAnimation || !e.collapseAnimation && t.collapseAnimation || typeof e.collapseAnimation == "string" && typeof t.collapseAnimation == "string" && e.collapseAnimation !== t.collapseAnimation || typeof e.collapseAnimation == "object" && typeof t.collapseAnimation == "object" && (e.collapseAnimation.duration !== t.collapseAnimation.duration || e.collapseAnimation.easing !== t.collapseAnimation.easing) || e.collapsible !== t.collapsible);
+}
+function ft(e, t) {
+  return !t || !ee(e.size, t.size);
+}
+function pt(e) {
+  return {
+    type: "handle",
+    ...e,
+    size: typeof e.size == "string" ? q(e.size) : e.size
+  };
+}
+function q(e) {
+  if (e === "1fr" && (e = "100%"), e.endsWith("px"))
+    return H(parseFloat(e));
+  if (e.endsWith("%"))
+    return it(parseFloat(e) / 100);
+  throw new Error(`Invalid unit: ${e}`);
+}
+function X(e, t) {
+  return t.type === "pixel" ? e === 0 ? 0 : t.value.div(e).toNumber() : t.value.toNumber();
+}
+function V(e) {
+  return e.orientation === "horizontal" ? e.size.width : e.size.height;
+}
+function S(e, t) {
+  const a = t === "1fr" ? q(t) : t;
+  return a.type === "pixel" ? a.value : a.value.mul(V(e));
+}
+function K(e, t, a) {
+  const r = S(e, t.min), l = S(e, t.max);
+  return a.gte(r) && a.lte(l) ? a : a.lt(r) ? r : l;
+}
+function k(e, t) {
+  const a = e.items.find((r) => r.id === t);
+  if (a && P(a))
+    return a;
+  throw new Error(`Expected panel with id: ${t}`);
+}
+function He(e, t) {
+  const a = e.items.findIndex((r) => r.id === t);
+  if (a !== -1 && $(e.items[a]))
+    return a;
+  throw new Error(`Expected panel handle with id: ${t}`);
+}
+function mt(e, t) {
+  if (!e.items.length)
+    throw new Error("No items in group");
+  const a = He(e, t), r = e.items[a - 1], l = e.items[a + 1];
+  if (r && P(r) && r.collapsible)
+    return r;
+  if (l && P(l) && l.collapsible)
+    return l;
+  throw new Error(`No collapsible panel found for handle: ${t}`);
+}
+function te(e, t) {
+  const a = e.items.findIndex((l) => l.id === t);
+  Y(a !== -1, `Expected panel before: ${t}`);
+  let r = e.items[a + 1];
+  if (r && $(r))
+    return { item: r, direction: 1 };
+  if (r = e.items[a - 1], r && $(r))
+    return { item: r, direction: -1 };
+  throw new Error(`Cant find handle for panel: ${t}`);
+}
+function gt(e) {
+  const t = {}, a = e.map((o) => o.order).filter((o) => o !== void 0);
+  let r = 0;
+  for (const o of e)
+    if (o.order === void 0) {
+      for (; a.includes(r) || Object.values(t).includes(r); )
+        r++;
+      t[o.id] = r;
+    }
+  const l = e.filter((o) => o.order === void 0), n = e.filter((o) => o.order !== void 0).sort((o, i) => o.order - i.order);
+  for (const o of n)
+    l.splice(o.order, 0, o);
+  return l;
+}
+function ht(e, t, a) {
+  return Y(t.currentValue.type === "pixel", `panelHasSpace only works with number values: ${t.id} ${t.currentValue}`), t.collapsible && !t.collapsed ? !0 : a === "add" ? t.currentValue.value.gte(S(e, t.min)) && t.currentValue.value.lt(S(e, t.max)) : t.currentValue.value.gt(S(e, t.min));
+}
+function Le(e, t, a, r, l, n) {
+  const o = r === -1 ? t.slice(0, a + 1).reverse() : t.slice(a);
+  for (const i of o) {
+    if (!P(i))
+      continue;
+    const u = n ? ge(e, i) : i;
+    if (ht(e, u, l))
+      return i;
+  }
+}
+function ce(e) {
+  let t = new y(0);
+  for (const a of e.items)
+    $(a) ? t = t.add(a.size.value) : (a.collapsed && a.currentValue.type === "pixel" || a.isStaticAtRest) && (t = t.add(a.currentValue.value));
+  return t;
+}
+function D(e) {
+  return e.type === "pixel" ? `${e.value.toNumber()}px` : `${e.value.mul(100).toNumber()}%`;
+}
+function vt(e) {
+  return O(e).map((t) => P(t) ? t.currentValue.value.toNumber() : S(e, t.size).toNumber());
+}
+function wt(e, t) {
+  return k({ ...e, items: O(e) }, t).currentValue.value.toNumber();
+}
+function zt(e) {
+  return Se({
+    ...e,
+    items: O(e)
+  }).map((a) => $(a) ? X(V(e), a.size) : X(V(e), a.currentValue));
+}
+function bt(e, t) {
+  const a = O(e), r = k({ ...e, items: a }, t);
+  return X(V(e), r.currentValue);
+}
+function Ae(e) {
+  const t = ce(e);
+  let a = !1;
+  return e.items.map((r) => {
+    if (r.type === "panel") {
+      const l = D(r.min);
+      if (r.currentValue.type === "pixel" && r.currentValue.value.toNumber() !== -1) {
+        if (r.isStaticAtRest) {
+          const n = r.max === "1fr" ? "100%" : D(r.max);
+          return `clamp(${l}, ${D(r.currentValue)}, ${n})`;
+        }
+        return D(r.currentValue);
+      } else if (r.currentValue.type === "percent") {
+        if (!a && (r.max === "1fr" || r.max.type === "percent" && r.max.value.eq(100)))
+          return a = !0, `minmax(${l}, 1fr)`;
+        const n = r.max === "1fr" ? "100%" : D(r.max);
+        return `minmax(${l}, min(calc(${r.currentValue.value} * (100% - ${t}px)), ${n}))`;
+      } else {
+        if (r.collapsible && r.collapsed)
+          return D(r.collapsedSize);
+        if (r.default) {
+          if (e.items.some((i) => P(i) && i.id !== r.id && !i.collapsed && (i.max === "1fr" || i.max.type === "percent" && i.max.value.eq(100))))
+            return D(r.default);
+          const o = r.max === "1fr" ? "1fr" : D(r.max);
+          return `minmax(${D(r.default)}, ${o})`;
+        } else {
+          const n = r.max === "1fr" ? "1fr" : D(r.max);
+          return `minmax(${l}, ${n})`;
+        }
+      }
+    }
+    return D(r.size);
+  }).join(" ");
+}
+function pe(e, t) {
+  const a = e.findIndex((l) => l.id === t.id || typeof l.order == "number" && l.order === t.order);
+  let r = e;
+  return a !== -1 && (r = e.filter((l, n) => n !== a)), gt([...r, t]);
+}
+function ge(e, t) {
+  return {
+    ...t,
+    min: H(-1e5),
+    max: H(1e5)
+  };
+}
+function O(e) {
+  const t = ce(e), a = [];
+  for (const r of e.items) {
+    if (!r || !P(r)) {
+      a.push({ ...r });
+      continue;
+    }
+    if (r.lastKnownSize) {
+      const n = H(e.orientation === "horizontal" ? r.lastKnownSize.width : r.lastKnownSize.height);
+      a.push({ ...r, currentValue: n });
+      continue;
+    }
+    if (r.currentValue.type === "pixel") {
+      a.push({ ...r });
+      continue;
+    }
+    const l = new y(V(e)).minus(t).mul(r.currentValue.value);
+    a.push({
+      ...r,
+      currentValue: H(l.toNumber())
+    });
+  }
+  return a;
+}
+function ie(e, t) {
+  var A, E, L, M;
+  const a = He(e, t.handleId), r = e.items[a], l = [...e.items];
+  let n = e.orientation === "horizontal" ? t.value.deltaX : t.value.deltaY;
+  if (t.value.shiftKey && (n *= 15), n === 0)
+    return {};
+  const o = n / Math.abs(n), i = Le(e, l, a + o, o, "subtract", t.disregardCollapseBuffer);
+  if (!i)
+    return {
+      dragOvershoot: e.dragOvershoot.add(n)
+    };
+  Y(P(i), `Expected panel before: ${r.id}`);
+  const u = l[a - o];
+  if (Y(u && P(u), `Expected panel after: ${r.id}`), u.currentValue.value.eq(S(e, u.max)))
+    return {
+      dragOvershoot: e.dragOvershoot.add(n)
+    };
+  const d = e.dragOvershoot.add(n);
+  if (!t.disregardCollapseBuffer) {
+    const R = d.lt(0) && o > 0, w = d.gt(0) && o > 0, x = d.gt(0) && o < 0, U = d.lt(0) && o < 0, re = u.currentValue.value.add(new y(d).mul(x ? o : 1)), le = S(e, u.min), qe = d.abs().lt(Ce) && // Let the panel expand at it's min size
+    !u.currentValue.value.add(d.abs()).gte(u.min.value) && u.collapsible && u.collapsed && (w || U);
+    if (re.lte(le) && (d.eq(0) || x || R || qe))
+      return { dragOvershoot: d };
+  }
+  if (!t.disregardCollapseBuffer && i.collapsible && i.currentValue.value.eq(S(e, i.min))) {
+    const R = i.currentValue.value.sub(d.abs());
+    if (d.abs().lt(Ce) && R.gt(S(e, i.collapsedSize)))
+      return { dragOvershoot: d };
+  }
+  const c = ge(e, i), m = i.currentValue.value, s = i.currentValue.value.minus(new y(n).mul(o));
+  let f = t.disregardCollapseBuffer ? K(e, c, s) : K(e, i, s);
+  const g = ge(e, u), p = u.currentValue.value, v = m.minus(f), h = u.currentValue.value.add(v);
+  let z = t.disregardCollapseBuffer ? K(e, g, h) : K(e, u, h);
+  if (t.disregardCollapseBuffer)
+    u.collapsible && u.collapsed && (u.collapsed = !1);
+  else if (u.collapsible && u.collapsed) {
+    if ((A = u.onCollapseChange) != null && A.current && u.collapseIsControlled && !t.controlled && !t.isVirtual)
+      return u.onCollapseChange.current(!1), { dragOvershoot: d };
+    const R = (
+      // Take the size it was at
+      S(e, u.collapsedSize).add(e.dragOvershoot.abs()).sub(z.add(Math.abs(n)))
+    );
+    if (R.gt(0) && (z = z.add(R)), f = f.minus(z.minus(p).minus(Math.abs(n))), f.lt(i.min.value))
+      return { dragOvershoot: d };
+    u.collapsed = !1, (E = u.onCollapseChange) != null && E.current && !u.collapseIsControlled && !t.controlled && !t.isVirtual && u.onCollapseChange.current(!1);
+  }
+  const I = i.currentValue.value.eq(S(e, i.min));
+  if (!t.disregardCollapseBuffer && i.collapsible && I) {
+    if ((L = i.onCollapseChange) != null && L.current && i.collapseIsControlled && !t.controlled && !t.isVirtual)
+      return i.onCollapseChange.current(!0), { dragOvershoot: d };
+    i.collapsed = !0, f = S(e, i.collapsedSize), z = z.add(m.minus(f)), (M = i.onCollapseChange) != null && M.current && !i.collapseIsControlled && !t.controlled && !t.isVirtual && i.onCollapseChange.current(!0);
+  }
+  i.currentValue = { type: "pixel", value: f }, u.currentValue = { type: "pixel", value: z };
+  const C = new y(V(e)).minus(l.reduce((R, w) => R.add(P(w) ? w.currentValue.value : w.size.value), new y(0)));
+  return C.eq(0) || (i.currentValue.value = K(e, i, i.currentValue.value.add(C))), { items: l };
+}
+function Se(e) {
+  const t = [...e.items];
+  t.forEach((r, l) => {
+    r.type === "panel" && r.collapsed && (t[l] = {
+      ...r,
+      currentValue: r.collapsedSize
+    });
+  });
+  const a = ce({ ...e, items: t });
+  return t.forEach((r, l) => {
+    r.type !== "panel" || r.collapsed || r.isStaticAtRest || (t[l] = {
+      ...r,
+      currentValue: {
+        type: "percent",
+        value: r.currentValue.value.div(new y(V(e)).sub(a))
+      }
+    });
+  }), t;
+}
+function he({ delta: e, orientation: t = "horizontal", shiftKey: a = !1 }) {
+  return {
+    type: "move",
+    pointerType: "keyboard",
+    shiftKey: a,
+    ctrlKey: !1,
+    altKey: !1,
+    metaKey: !1,
+    deltaX: t === "horizontal" ? e : 0,
+    deltaY: t === "horizontal" ? 0 : e
+  };
+}
+function ve({ context: e, handleId: t, delta: a, direction: r, controlled: l, disregardCollapseBuffer: n, isVirtual: o }) {
+  let i = e;
+  for (let u = 0; u < a.abs().toNumber(); u++)
+    i = ie({
+      ...e,
+      ...i
+    }, {
+      handleId: t,
+      controlled: l,
+      disregardCollapseBuffer: n,
+      isVirtual: o,
+      value: he({
+        delta: r,
+        orientation: e.orientation
+      })
+    });
+  return i;
+}
+function we(e, t, a, r) {
+  let l = !1, n = 1, o = new y(r);
+  for (; o.toNumber() !== 0; ) {
+    const i = Le(e, t, a + n, n, r.gt(0) ? "add" : "subtract");
+    if (!i) {
+      if (l)
+        break;
+      n = n === 1 ? -1 : 1, l = !0;
+      continue;
+    }
+    const u = i.currentValue.value, d = K(e, i, u.add(o));
+    i.currentValue.value = d, o = o.sub(d.sub(u)), n = n === 1 ? -1 : 1;
+  }
+}
+function yt(e) {
+  if (e.items.some((u) => P(u) && u.currentValue.value.eq(-1)))
+    return e;
+  const t = new y(V(e)), a = t.sub(ce(e).toNumber()), l = e.items.map((u) => {
+    if ($(u))
+      return u.size.value;
+    if (u.collapsed)
+      return S(e, u.currentValue);
+    const d = u.currentValue.type === "pixel" && u.currentValue.value || u.currentValue.value.mul(a);
+    return K(e, u, d);
+  }).reduce((u, d) => u.add(d), new y(0)), n = l.abs().sub(t);
+  if (n.eq(0) || t.eq(0))
+    return e;
+  let o = { ...e, items: O(e) };
+  const i = o.items.find((u) => !!(P(u) && u.collapsible));
+  if (i) {
+    const u = o.items.findIndex((m) => m.id === i.id), d = te(o, i.id), c = i.currentValue.value.sub(S(o, i.collapsedSize));
+    o = {
+      ...o,
+      ...ve({
+        handleId: d.item.id,
+        delta: c,
+        direction: d.direction * -1,
+        context: {
+          ...o,
+          // act like its the old size so the space is distributed correctly
+          size: { width: l.toNumber(), height: l.toNumber() }
+        }
+      })
+    }, we(o, o.items, u, n.neg());
+  }
+  return { ...o, items: Se(o) };
+}
+function Ve(e) {
+  return e.map((t) => ({ ...t, lastKnownSize: void 0 }));
+}
+function It(e, t) {
+  document.cookie = `${e}=${encodeURIComponent(`${t}`)};path=/;max-age=31536000`;
+}
+function Me(e, t) {
+  const a = k(e, t.panelId);
+  if (t.type === "expandPanel")
+    return new y(a.sizeBeforeCollapse ?? S(e, a.min)).minus(a.currentValue.value);
+  const r = S(e, a.collapsedSize);
+  return a.currentValue.value.minus(r);
+}
+function Re(e, t, a, r) {
+  const l = k(e, t.panelId), n = te(e, t.panelId);
+  let o = new y(n.direction);
+  const i = Me(e, t);
+  return new Promise((u, d) => {
+    r.signal.addEventListener("abort", () => {
+      d(new Error("Operation was canceled"));
+    }), t.type === "collapsePanel" && (l.sizeBeforeCollapse = l.currentValue.value.toNumber(), o = o.mul(new y(-1)));
+    const c = 60, { duration: m, ease: s } = st(l), f = Math.ceil(l.collapseAnimation ? m / (1e3 / c) : 1);
+    let g = 0, p = new y(0);
+    function v() {
+      const h = ++g / f, z = new y(l.collapseAnimation ? s(h) : 1), I = z.mul(i).sub(p).mul(o);
+      if (a({
+        type: "applyDelta",
+        handleId: n.item.id,
+        delta: I.toNumber()
+      }), p = p.add(I.abs().mul(I.gt(0) && o.lt(0) || I.lt(0) && o.gt(0) ? -1 : 1)), z.eq(1)) {
+        const C = t.type === "expandPanel" ? "expand" : "collapse";
+        return u({ panelId: l.id, action: C }), !1;
+      }
+      return !0;
+    }
+    ae(v);
+  });
+}
+function me(e, t) {
+  for (const a in t)
+    e[a] = t[a];
+}
+let Pt = 0;
+function St(e, t) {
+  const a = new AbortController(), r = {
+    current: "idle"
+  };
+  let l = !1;
+  const n = {
+    size: e.size || { width: 0, height: 0 },
+    items: e.items || [],
+    orientation: e.orientation || "horizontal",
+    dragOvershoot: new y(0),
+    groupId: e.groupId || `group-${Pt++}`,
+    autosaveStrategy: e.autosaveStrategy
+  }, o = {
+    prepare: () => {
+      n.items = O(n);
+    },
+    clearLastKnownSize: () => {
+      n.items = Ve(n.items);
+    },
+    commit: () => {
+      n.dragOvershoot = new y(0), n.items = Se(n);
+    },
+    onResize: () => {
+      var c, m;
+      for (const s of n.items)
+        if (P(s)) {
+          const f = s.lastKnownSize ? new y(n.orientation === "horizontal" ? s.lastKnownSize.width : s.lastKnownSize.height) : K(n, s, S(n, s.currentValue)), g = V(n);
+          (m = (c = s.onResize) == null ? void 0 : c.current) == null || m.call(c, {
+            pixel: f.toNumber(),
+            percentage: g > 0 ? f.div(V(n)).toNumber() : -1
+          });
+        }
+    },
+    onAutosave: () => {
+      if (!n.autosaveStrategy || typeof window > "u")
+        return;
+      const c = { ...n };
+      c.items = Ve(n.items), c.activeDragHandleId = n.activeDragHandleId;
+      const m = JSON.stringify(c);
+      n.autosaveStrategy === "localStorage" ? localStorage.setItem(n.groupId, m) : It(n.groupId, m);
+    },
+    removeItem: (c) => {
+      const m = n.items.findIndex((p) => p.id === c), s = n.items[m];
+      if (!s)
+        return;
+      const f = n.items.filter((p) => p.id !== c), g = P(s) ? s.currentValue.value : s.size.value;
+      we(n, f, m, g), n.items = f;
+    },
+    notifyCollapseToggle: (c) => {
+      var s, f;
+      Z(c, ["collapsePanel", "expandPanel"]);
+      const m = k(n, c.panelId);
+      (f = (s = m.onCollapseChange) == null ? void 0 : s.current) == null || f.call(s, !m.collapsed);
+    },
+    runCollapseToggle: (c) => {
+      Z(c, ["collapsePanel", "expandPanel"]);
+      const m = te(n, c.panelId), s = c.type === "collapsePanel" ? m.direction * -1 : m.direction, f = ie(n, {
+        handleId: m.item.id,
+        controlled: c.controlled,
+        value: he({
+          delta: s,
+          orientation: n.orientation
+        })
+      });
+      me(n, f);
+    },
+    onAnimationEnd: (c) => {
+      var s, f;
+      Y(c, "Expected output from animation actor");
+      const m = k(n, c.panelId);
+      m.collapsed = c.action === "collapse", m.collapsed && (m.currentValue = m.collapsedSize), m.collapseIsControlled || (f = (s = m.onCollapseChange) == null ? void 0 : s.current) == null || f.call(s, m.collapsed), o.commit();
+    }
+  };
+  o.onAutosave();
+  const i = {
+    shouldNotifyCollapseToggle: (c) => {
+      Z(c, ["collapsePanel", "expandPanel"]);
+      const m = k(n, c.panelId);
+      return !c.controlled && m.collapseIsControlled === !0;
+    },
+    shouldCollapseToggle: (c) => (Z(c, ["collapsePanel", "expandPanel"]), k(n, c.panelId).collapseIsControlled === !0),
+    cannotExpandPanel: (c) => {
+      Z(c, ["expandPanel"]);
+      const m = Me(n, c), s = te(n, c.panelId), f = O(n);
+      let g = { ...n, items: f };
+      g = {
+        ...g,
+        ...ve({
+          context: g,
+          handleId: s.item.id,
+          controlled: c.controlled,
+          delta: m,
+          direction: s.direction,
+          isVirtual: !0
+        })
+      };
+      const p = g.items.find((z) => z.id === c.panelId), v = g.items.reduce((z, I) => z.add(P(I) ? I.currentValue.value : I.size.value), new y(0)), h = p && P(p) && !p.currentValue.value.eq(p.collapsedSize.value);
+      return v.gt(V(n)) || !h;
+    }
+  };
+  function u(c) {
+    switch (r.current) {
+      case "dragging":
+        o.commit(), n.activeDragHandleId = void 0;
+        break;
+    }
+    switch (c) {
+      case "idle":
+        o.onAutosave();
+        break;
+      case "dragging":
+        o.prepare();
+        break;
+      case "togglingCollapse":
+        o.prepare(), o.clearLastKnownSize();
+        break;
+    }
+    r.current = c;
+  }
+  function d(c) {
+    var m;
+    switch (c.type) {
+      case "lockGroup":
+        l = !0;
+        break;
+      case "unlockGroup":
+        l = !1;
+        break;
+    }
+    if (!l) {
+      switch (c.type) {
+        case "registerPanel":
+          n.items = pe(n.items, {
+            type: "panel",
+            currentValue: H(-1),
+            ...c.data
+          });
+          break;
+        case "unregisterPanel":
+          o.prepare(), o.removeItem(c.id), o.clearLastKnownSize(), o.commit(), o.onResize(), o.onAutosave();
+          break;
+        case "registerPanelHandle": {
+          n.items = pe(n.items, c.data);
+          break;
+        }
+        case "unregisterPanelHandle":
+          o.prepare(), o.removeItem(c.id), o.clearLastKnownSize(), o.commit(), o.onResize(), o.onAutosave();
+          break;
+        case "registerDynamicPanel": {
+          o.prepare();
+          let s = H(0);
+          c.data.collapsible && c.data.collapsed && c.data.collapsedSize ? s = c.data.collapsedSize : c.data.default ? s = c.data.default : s = c.data.min;
+          const f = pe(n.items, {
+            type: "panel",
+            ...c.data,
+            currentValue: s
+          }), g = f.findIndex((h) => h.id === c.data.id), p = { ...n }, v = n.items.reduce((h, z) => $(z) ? h.add(S(n, z.size)) : h.add(z.currentValue.value), new y(0)).minus(V(n));
+          we(p, f, g, s.value.add(v).neg()), n.items = f, o.clearLastKnownSize(), o.commit(), o.onResize(), o.onAutosave();
+          break;
+        }
+        case "rebindPanelCallbacks":
+          for (const s of n.items)
+            P(s) && s.id === c.data.id && (s.onCollapseChange = c.data.onCollapseChange, s.onResize = c.data.onResize);
+          break;
+        case "updateConstraints":
+          o.prepare();
+          for (const s of n.items)
+            if (P(s) && s.id === c.data.id) {
+              const f = c.data;
+              s.min = f.min, s.max = f.max, s.default = f.default, s.collapsedSize = f.collapsedSize, s.isStaticAtRest = f.isStaticAtRest, s.collapseAnimation = f.collapseAnimation, s.collapsible = f.collapsible;
+            } else if ($(s) && s.id === c.data.id) {
+              const f = c.data;
+              s.size = f.size;
+            }
+          o.clearLastKnownSize(), o.commit(), o.onResize(), o.onAutosave();
+          break;
+        case "setActualItemsSize": {
+          const s = n.items.map((p) => {
+            if (!P(p))
+              return p;
+            const v = c.childrenSizes[p.id] || p.lastKnownSize;
+            return { ...p, lastKnownSize: v };
+          });
+          let f = 0, g = !1;
+          for (const p of s)
+            if (P(p)) {
+              const v = (m = p.lastKnownSize) == null ? void 0 : m[n.orientation === "horizontal" ? "width" : "height"];
+              if (!v) {
+                n.items = s, g = !0;
+                break;
+              }
+              f += v;
+            } else
+              f += p.size.value.toNumber();
+          g ? n.items = s : f > V(n) && r.current !== "dragging" ? n.items = yt({
+            ...n,
+            items: O({ ...n, items: s })
+          }).items : n.items = s, o.onResize();
+          break;
+        }
+        case "setSize": {
+          n.size = c.size, o.onResize();
+          break;
+        }
+        case "setOrientation":
+          n.orientation = c.orientation, o.clearLastKnownSize(), o.onResize();
+          break;
+      }
+      if (r.current === "idle")
+        switch (c.type) {
+          case "dragHandleStart":
+            u("dragging"), n.activeDragHandleId = c.handleId;
+            break;
+          case "setPanelPixelSize": {
+            o.prepare(), o.clearLastKnownSize();
+            const s = k(n, c.panelId), f = te(n, c.panelId), g = s.currentValue.value, p = K(n, s, S(n, q(c.size))), v = p > g, h = v ? p.minus(g) : g.minus(p);
+            Object.assign(n, ve({
+              context: n,
+              direction: f.direction * (v ? 1 : -1),
+              handleId: f.item.id,
+              delta: h
+            })), o.commit(), o.onResize(), o.onAutosave();
+            break;
+          }
+          case "collapsePanel":
+            i.shouldNotifyCollapseToggle(c) ? o.notifyCollapseToggle(c) : k(n, c.panelId).collapsed || (u("togglingCollapse"), a.abort(), Re(n, c, d, a).then((f) => {
+              o.onAnimationEnd(f), u("idle");
+            }));
+            break;
+          case "expandPanel":
+            if (i.cannotExpandPanel(c))
+              break;
+            i.shouldNotifyCollapseToggle(c) ? o.notifyCollapseToggle(c) : k(n, c.panelId).collapsed && (u("togglingCollapse"), a.abort(), Re(n, c, d, a).then((f) => {
+              o.onAnimationEnd(f), u("idle");
+            }));
+            break;
+        }
+      else if (r.current === "dragging")
+        switch (c.type) {
+          case "dragHandle":
+            o.clearLastKnownSize(), me(n, ie(n, c)), o.onResize();
+            break;
+          case "dragHandleEnd":
+            u("idle");
+            break;
+          case "expandPanel":
+          case "collapsePanel":
+            i.shouldCollapseToggle(c) && o.runCollapseToggle(c);
+            break;
+        }
+      else if (r.current === "togglingCollapse")
+        switch (c.type) {
+          case "applyDelta":
+            me(n, ie(n, {
+              handleId: c.handleId,
+              disregardCollapseBuffer: !0,
+              value: he({
+                delta: c.delta,
+                orientation: n.orientation
+              })
+            })), o.onResize();
+            break;
+        }
+      t == null || t(n);
+    }
+  }
+  return [n, d, r];
+}
+function Ct({ groupId: e, id: t, collapsible: a, collapsed: r }) {
+  return {
+    id: t,
+    "data-splitter-group-id": e,
+    "data-splitter-type": "panel",
+    "data-splitter-id": t,
+    "data-collapsed": a ? r : void 0
+  };
+}
+function xt({ groupId: e, id: t, orientation: a, isDragging: r, activeDragHandleId: l, disabled: n, controlsId: o, min: i, max: u, currentValue: d, groupSize: c }) {
+  return {
+    id: t,
+    role: "separator",
+    "data-splitter-type": "handle",
+    "data-splitter-id": t,
+    "data-splitter-group-id": e,
+    "data-handle-orientation": a,
+    "data-state": r ? "dragging" : l ? "inactive" : "idle",
+    "aria-label": "Resize Handle",
+    "aria-disabled": n,
+    "aria-controls": o,
+    "aria-valuemin": i ? X(c, i) : void 0,
+    "aria-valuemax": u === "1fr" ? 100 : u ? X(c, u) : void 0,
+    "aria-valuenow": d ? X(c, d) : void 0
+  };
+}
+function At(e, t) {
+  const a = new ResizeObserver((l) => {
+    const n = {};
+    for (const o of l) {
+      const u = o.target.getAttribute("data-splitter-id"), d = o.borderBoxSize[0];
+      u && d && (n[u] = {
+        width: d.inlineSize,
+        height: d.blockSize
+      });
+    }
+    t(n);
+  }), r = document.querySelectorAll(`[data-splitter-group-id="${e}"]`);
+  for (const l of r)
+    a.observe(l);
+  return () => {
+    a.disconnect();
+  };
+}
+function Vt(e) {
+  const { onMoveStart: t, onMove: a, onMoveEnd: r } = e, l = { didMove: !1, lastPosition: null, id: null }, n = (s, f, g, p) => {
+    g === 0 && p === 0 || (l.didMove || (l.didMove = !0, t == null || t({
+      type: "movestart",
+      pointerType: f,
+      shiftKey: s.shiftKey,
+      metaKey: s.metaKey,
+      ctrlKey: s.ctrlKey,
+      altKey: s.altKey
+    })), a == null || a({
+      type: "move",
+      pointerType: f,
+      deltaX: g,
+      deltaY: p,
+      shiftKey: s.shiftKey,
+      metaKey: s.metaKey,
+      ctrlKey: s.ctrlKey,
+      altKey: s.altKey
+    }));
+  }, o = (s, f) => {
+    l.didMove && (r == null || r({
+      type: "moveend",
+      pointerType: f,
+      shiftKey: s.shiftKey,
+      metaKey: s.metaKey,
+      ctrlKey: s.ctrlKey,
+      altKey: s.altKey
+    }));
+  }, i = {}, u = () => {
+    l.didMove = !1;
+  }, d = (s) => {
+    var f, g;
+    if (s.pointerId === l.id) {
+      const p = s.pointerType || "mouse";
+      n(s, p, s.pageX - (((f = l.lastPosition) == null ? void 0 : f.pageX) ?? 0), s.pageY - (((g = l.lastPosition) == null ? void 0 : g.pageY) ?? 0)), l.lastPosition = { pageX: s.pageX, pageY: s.pageY };
+    }
+  }, c = (s) => {
+    if (s.pointerId === l.id) {
+      const f = s.pointerType || "mouse";
+      o(s, f), l.id = null, window.removeEventListener("pointermove", d, !1), window.removeEventListener("pointerup", c, !1), window.removeEventListener("pointercancel", c, !1);
+    }
+  };
+  i.onPointerDown = (s) => {
+    s.button === 0 && l.id == null && (u(), s.stopPropagation(), s.preventDefault(), l.lastPosition = { pageX: s.pageX, pageY: s.pageY }, l.id = s.pointerId, window.addEventListener("pointermove", d, !1), window.addEventListener("pointerup", c, !1), window.addEventListener("pointercancel", c, !1));
+  };
+  const m = (s, f, g) => {
+    u(), n(s, "keyboard", f, g), o(s, "keyboard");
+  };
+  return i.onKeyDown = (s) => {
+    switch (s.key) {
+      case "Left":
+      case "ArrowLeft":
+        s.preventDefault(), s.stopPropagation(), m(s, -1, 0);
+        break;
+      case "Right":
+      case "ArrowRight":
+        s.preventDefault(), s.stopPropagation(), m(s, 1, 0);
+        break;
+      case "Up":
+      case "ArrowUp":
+        s.preventDefault(), s.stopPropagation(), m(s, 0, -1);
+        break;
+      case "Down":
+      case "ArrowDown":
+        s.preventDefault(), s.stopPropagation(), m(s, 0, 1);
+        break;
+    }
+  }, { moveProps: i };
+}
+const Et = /* @__PURE__ */ ze({
+  __name: "Panel",
+  props: {
+    onResize: {},
+    collapsed: { type: Boolean, default: void 0 },
+    onCollapseChange: {},
+    min: {},
+    max: {},
+    default: {},
+    collapsible: { type: Boolean },
+    defaultCollapsed: { type: Boolean },
+    collapsedSize: {},
+    isStaticAtRest: { type: Boolean },
+    collapseAnimation: {},
+    id: {}
+  },
+  setup(e, { expose: t }) {
+    const a = e, {
+      min: r,
+      max: l,
+      id: n,
+      collapsible: o,
+      collapsedSize: i,
+      onCollapseChange: u,
+      collapseAnimation: d,
+      onResize: c,
+      defaultCollapsed: m,
+      default: s,
+      isStaticAtRest: f,
+      collapsed: g,
+      ...p
+    } = a, v = n || be(), h = G("send"), z = G("state"), I = G("isPrerender"), C = () => ct({
+      id: v,
+      min: a.min,
+      max: a.max,
+      collapsible: a.collapsible,
+      collapsed: a.collapsed,
+      collapsedSize: a.collapsedSize,
+      onCollapseChange: a.onCollapseChange ? { current: a.onCollapseChange } : void 0,
+      collapseAnimation: a.collapseAnimation,
+      onResize: a.onResize ? { current: a.onResize } : void 0,
+      defaultCollapsed: m,
+      default: s,
+      isStaticAtRest: f
+    }), A = N(() => {
+      var x;
+      const w = (x = z == null ? void 0 : z.value) == null ? void 0 : x.items.find((U) => U.id === v);
+      if (!(!w || !P(w)))
+        return w;
+    });
+    let E = !1;
+    A.value ? h == null || h({
+      type: "rebindPanelCallbacks",
+      data: {
+        id: v,
+        onCollapseChange: a.onCollapseChange ? { current: a.onCollapseChange } : void 0,
+        onResize: a.onResize ? { current: a.onResize } : void 0
+      }
+    }) : I != null && I.value ? h == null || h({ type: "registerPanel", data: C() }) : E = !0, W(() => {
+      var le;
+      const w = (le = z == null ? void 0 : z.value) == null ? void 0 : le.groupId;
+      if (!w || !E) return;
+      const x = document.getElementById(w);
+      if (!x) return;
+      const U = document.getElementById(v);
+      if (!U) return;
+      const re = Array.from(x.children).indexOf(U);
+      typeof re == "number" && (h == null || h({
+        type: "registerDynamicPanel",
+        data: { ...C(), order: re }
+      }), E = !1);
+    });
+    const L = N(
+      () => !E && dt(C(), A.value)
+    );
+    se(() => {
+      L.value && (h == null || h({ type: "updateConstraints", data: C() }));
+    }), De(() => {
+      requestAnimationFrame(() => h == null ? void 0 : h({ type: "unregisterPanel", id: v }));
+    }), t({
+      getId: () => v,
+      collapse: () => {
+        var w;
+        (w = A.value) != null && w.collapsible && (h == null || h({ type: "collapsePanel", panelId: v, controlled: !0 }));
+      },
+      isCollapsed: () => {
+        var w, x;
+        return !!((w = A.value) != null && w.collapsible && ((x = A.value) != null && x.collapsed));
+      },
+      expand: () => {
+        var w;
+        (w = A.value) != null && w.collapsible && (h == null || h({ type: "expandPanel", panelId: v, controlled: !0 }));
+      },
+      isExpanded: () => {
+        var w, x;
+        return !!((w = A.value) != null && w.collapsible && !((x = A.value) != null && x.collapsed));
+      },
+      getPixelSize: () => wt(z.value, v),
+      getPercentageSize: () => bt(z.value, v),
+      setSize: (w) => h == null ? void 0 : h({ type: "setPanelPixelSize", panelId: v, size: w })
+    });
+    const M = N(
+      () => {
+        var w;
+        return (w = A.value) == null ? void 0 : w.collapseIsControlled;
+      }
+    );
+    se(() => {
+      a.collapsed, requestAnimationFrame(() => {
+        M.value && (a.collapsed ? h == null || h({ type: "collapsePanel", panelId: v, controlled: !0 }) : h == null || h({ type: "expandPanel", panelId: v, controlled: !0 }));
+      });
+    });
+    const R = N(() => {
+      var x;
+      const w = A.value;
+      return {
+        ...p,
+        ...Ct({
+          groupId: (x = z == null ? void 0 : z.value) == null ? void 0 : x.groupId,
+          id: v,
+          collapsible: w == null ? void 0 : w.collapsible,
+          collapsed: w == null ? void 0 : w.collapsed
+        }),
+        style: {
+          minWidth: 0,
+          minHeight: 0,
+          overflow: "hidden"
+        }
+      };
+    });
+    return (w, x) => (Ie(), ye("div", Te(Fe(R.value)), [
+      Pe(w.$slots, "default")
+    ], 16));
+  }
+}), Rt = ["id"], Bt = /* @__PURE__ */ ze({
+  __name: "PanelGroup",
+  props: {
+    snapshot: {},
+    autosaveId: {},
+    orientation: { default: "horizontal" },
+    autosaveStrategy: { default: "localStorage" },
+    id: {}
+  },
+  setup(e, { expose: t }) {
+    const a = ke(e, ["orientation", "autosaveStrategy", "snapshot", "autosaveId", "id"]);
+    let r = e.snapshot;
+    if (!r && typeof window < "u" && e.autosaveId && e.autosaveStrategy === "localStorage") {
+      const f = localStorage.getItem(e.autosaveId);
+      f && (r = JSON.parse(f));
+    }
+    const l = de(!0);
+    oe("isPrerender", l);
+    const n = e.autosaveId || e.id || be(), [o, i, u] = St(
+      {
+        orientation: e.orientation,
+        groupId: n,
+        autosaveStrategy: e.autosaveStrategy,
+        ...r ? ut(r) : void 0
+      },
+      (f) => {
+        d.value = { ...f };
+      }
+    );
+    W(() => {
+      l.value = !1;
+    });
+    const d = de(o), c = N(() => {
+      const f = Ae(d.value);
+      return {
+        height: "100%",
+        display: "grid",
+        gridTemplateColumns: e.orientation === "horizontal" ? f : void 0,
+        gridTemplateRows: e.orientation === "vertical" ? f : void 0
+      };
+    });
+    oe("send", i), oe("state", d), oe("id", u);
+    const m = de(null);
+    W(() => {
+      const f = new ResizeObserver(([g]) => {
+        g && g.contentRect.width > 0 && g.contentRect.height > 0 && (i == null || i({ type: "setSize", size: g.contentRect }));
+      });
+      return m.value && f.observe(m.value), () => f.disconnect();
+    });
+    const s = N(
+      () => {
+        var f;
+        return (f = d.value) == null ? void 0 : f.items.map((g) => g.id).join(",");
+      }
+    );
+    return W(() => {
+      se(() => {
+        s.value;
+        const f = At(n, (g) => {
+          i({ type: "setActualItemsSize", childrenSizes: g });
+        });
+        je(f);
+      });
+    }), W(() => (i({ type: "unlockGroup" }), () => i({ type: "lockGroup" }))), t({
+      getId: () => n,
+      getPixelSizes: () => vt(d.value),
+      getPercentageSizes: () => zt(d.value),
+      getTemplate: () => Ae({
+        ...d.value,
+        items: O(d.value)
+      }),
+      getState: () => u.current === "idle" ? "idle" : "dragging",
+      setSizes: (f) => {
+        var g;
+        for (let p = 0; p < f.length; p++) {
+          const v = (g = d.value) == null ? void 0 : g.items[p], h = f[p];
+          v && P(v) && h && i({
+            type: "setPanelPixelSize",
+            panelId: v.id,
+            size: h
+          });
+        }
+      }
+    }), (f, g) => (Ie(), ye("div", Ee(a, {
+      id: Ue(n),
+      ref_key: "elementRef",
+      ref: m,
+      "data-panel-group-wrapper": "",
+      style: c.value
+    }), [
+      Pe(f.$slots, "default")
+    ], 16, Rt));
+  }
+}), Dt = ["tabindex"], Kt = /* @__PURE__ */ ze({
+  __name: "PanelResizer",
+  props: {
+    disabled: { type: Boolean },
+    size: { default: "0px" },
+    onDragStart: { type: Function },
+    onDrag: { type: Function },
+    onDragEnd: { type: Function },
+    setSize: { type: Function },
+    id: {}
+  },
+  setup(e) {
+    const t = ke(e, ["size", "id", "onDragStart", "onDrag", "onDragEnd", "disabled"]), r = e.id || be(), l = G("send"), n = G("state"), o = G("isPrerender"), i = () => pt({ size: e.size, id: r }), u = N(() => {
+      var p;
+      const g = (p = n == null ? void 0 : n.value) == null ? void 0 : p.items.find((v) => v.id === r);
+      if (!(!g || !$(g)))
+        return g;
+    });
+    let d = !1;
+    u.value || (o != null && o.value ? l == null || l({ type: "registerPanelHandle", data: i() }) : d = !0), W(() => {
+      var z, I;
+      if (!((z = n == null ? void 0 : n.value) == null ? void 0 : z.groupId) || !d) return;
+      const p = document.getElementById((I = n == null ? void 0 : n.value) == null ? void 0 : I.groupId);
+      if (!p) return;
+      const v = document.getElementById(r);
+      if (!v) return;
+      const h = Array.from(p.children).indexOf(v);
+      typeof h == "number" && (l == null || l({
+        type: "registerPanelHandle",
+        data: { ...i(), order: h }
+      }), d = !1);
+    });
+    const c = N(
+      () => !d && ft(i(), u.value)
+    );
+    se(() => {
+      c.value && (l == null || l({ type: "updateConstraints", data: i() }));
+    }), De(() => {
+      requestAnimationFrame(() => l == null ? void 0 : l({ type: "unregisterPanelHandle", id: r }));
+    });
+    const { moveProps: m } = Vt({
+      onMoveStart: () => {
+        var g;
+        l == null || l({ type: "dragHandleStart", handleId: r }), (g = e.onDragStart) == null || g.call(e), n != null && n.value && (document.body.style.cursor = xe(n == null ? void 0 : n.value) || "auto");
+      },
+      onMove: (g) => {
+        var p;
+        l == null || l({ type: "dragHandle", handleId: r, value: g }), (p = e.onDrag) == null || p.call(e);
+      },
+      onMoveEnd: () => {
+        var g;
+        l == null || l({ type: "dragHandleEnd", handleId: r }), (g = e.onDragEnd) == null || g.call(e), document.body.style.cursor = "auto";
+      }
+    }), s = (g) => {
+      if (n != null && n.value)
+        try {
+          const p = mt(n == null ? void 0 : n.value, r);
+          g.key === "Enter" && p && (p.collapsed ? l == null || l({ type: "expandPanel", panelId: p.id }) : l == null || l({ type: "collapsePanel", panelId: p.id }));
+        } catch {
+        }
+    }, f = N(() => {
+      var h, z, I, C, A, E, L, M, R;
+      const g = (h = n == null ? void 0 : n.value) == null ? void 0 : h.items.findIndex((w) => w.id === r);
+      if (!g) return { id: r };
+      const p = (z = n == null ? void 0 : n.value) == null ? void 0 : z.items[g], v = (I = n == null ? void 0 : n.value) == null ? void 0 : I.items[g - 1];
+      return !v || !P(v) ? { id: r } : {
+        ...t,
+        ...xt({
+          groupId: (C = n == null ? void 0 : n.value) == null ? void 0 : C.groupId,
+          id: r,
+          orientation: ((A = n == null ? void 0 : n.value) == null ? void 0 : A.orientation) || "horizontal",
+          isDragging: ((E = n == null ? void 0 : n.value) == null ? void 0 : E.activeDragHandleId) === r,
+          activeDragHandleId: (L = n == null ? void 0 : n.value) == null ? void 0 : L.activeDragHandleId,
+          disabled: e.disabled,
+          controlsId: v.id,
+          min: v.min,
+          max: v.max,
+          currentValue: v.currentValue,
+          groupSize: V(n.value)
+        }),
+        onpointerdown: e.disabled ? void 0 : m.onPointerDown,
+        onkeydown: e.disabled ? void 0 : (w) => {
+          m.onKeyDown(w), s(w);
+        },
+        style: {
+          cursor: n != null && n.value ? xe(n.value) : void 0,
+          width: ((M = n == null ? void 0 : n.value) == null ? void 0 : M.orientation) === "horizontal" ? `${p == null ? void 0 : p.size.value.toNumber()}px` : "100%",
+          height: ((R = n == null ? void 0 : n.value) == null ? void 0 : R.orientation) === "vertical" ? `${p == null ? void 0 : p.size.value.toNumber()}px` : "100%"
+        }
+      };
+    });
+    return (g, p) => (Ie(), ye("div", Ee(f.value, {
+      "data-panel-resizer": "",
+      tabindex: g.disabled ? -1 : 0
+    }), [
+      Pe(g.$slots, "default")
+    ], 16, Dt));
+  }
+});
+export {
+  Et as Panel,
+  Bt as PanelGroup,
+  Kt as PanelResizer
+};
+//# sourceMappingURL=index.mjs.map