@window-splitter/vue 1.1.1 → 1.1.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as be, useId as Ie, inject as X, computed as $, onMounted as G, watchEffect as ue, onUnmounted as Be, createElementBlock as ye, openBlock as Pe, normalizeProps as Te, guardReactiveProps as je, renderSlot as Se, createPropsRestProxy as Ee, ref as me, provide as ie, onWatcherCleanup as We, mergeProps as Ke, unref as Ue } from "vue";
-var Ge = 20, Xe = 1, J = 1e6, Ye = 1e6, Je = -7, Qe = 21, Ze = !1, ne = "[big.js] ", j = ne + "Invalid ", fe = j + "decimal places", _e = j + "rounding mode", Ne = ne + "Division by zero", I = {}, N = void 0, et = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
+import { defineComponent as be, useId as Ie, inject as X, computed as $, onMounted as G, watchEffect as ue, onUnmounted as Be, createElementBlock as ye, openBlock as Pe, normalizeProps as je, guardReactiveProps as We, renderSlot as Se, createPropsRestProxy as Ee, ref as me, provide as ie, onWatcherCleanup as Ue, mergeProps as Ke, unref as Ge } from "vue";
+var Xe = 20, Ye = 1, J = 1e6, Je = 1e6, Qe = -7, Ze = 21, _e = !1, ne = "[big.js] ", j = ne + "Invalid ", fe = j + "decimal places", et = j + "rounding mode", Ne = ne + "Division by zero", I = {}, N = void 0, tt = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
 function Oe() {
   function e(t) {
     var a = this;
@@ -12,15 +12,15 @@ function Oe() {
           throw TypeError(j + "value");
         t = t === 0 && 1 / t < 0 ? "-0" : String(t);
       }
-      tt(a, t);
+      nt(a, t);
     }
     a.constructor = e;
   }
-  return e.prototype = I, e.DP = Ge, e.RM = Xe, e.NE = Je, e.PE = Qe, e.strict = Ze, e.roundDown = 0, e.roundHalfUp = 1, e.roundHalfEven = 2, e.roundUp = 3, e;
+  return e.prototype = I, e.DP = Xe, e.RM = Ye, e.NE = Qe, e.PE = Ze, e.strict = _e, e.roundDown = 0, e.roundHalfUp = 1, e.roundHalfEven = 2, e.roundUp = 3, e;
 }
-function tt(e, t) {
+function nt(e, t) {
   var a, r, l;
-  if (!et.test(t))
+  if (!tt.test(t))
     throw Error(j + "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)
@@ -34,7 +34,7 @@ function tt(e, t) {
 function W(e, t, a, r) {
   var l = e.c;
   if (a === N && (a = e.constructor.RM), a !== 0 && a !== 1 && a !== 2 && a !== 3)
-    throw Error(_e);
+    throw Error(et);
   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] !== N))), l.length = 1, r ? (e.e = e.e - t + 1, l[0] = 1) : l[0] = e.e = 0;
   else if (t < l.length) {
@@ -84,7 +84,7 @@ I.div = function(e) {
     throw Error(Ne);
   if (!r[0])
     return e.s = n, e.c = [e.e = 0], e;
-  var o, u, d, c, m, s = l.slice(), f = o = l.length, h = r.length, p = r.slice(0, o), v = p.length, g = e, z = g.c = [], S = 0, x = i + (g.e = t.e - e.e) + 1;
+  var o, u, d, c, m, s = l.slice(), f = o = l.length, h = r.length, p = r.slice(0, o), v = p.length, g = e, z = g.c = [], C = 0, x = i + (g.e = t.e - e.e) + 1;
   for (g.s = n, n = x < 0 ? 0 : x, s.unshift(0); v++ < o; ) p.push(0);
   do {
     for (d = 0; d < 10; d++) {
@@ -108,9 +108,9 @@ I.div = function(e) {
       } else
         break;
     }
-    z[S++] = c ? d : ++d, p[0] && c ? p[v] = r[f] || 0 : p = [r[f]];
+    z[C++] = c ? d : ++d, p[0] && c ? p[v] = r[f] || 0 : p = [r[f]];
   } while ((f++ < h || p[0] !== N) && n--);
-  return !z[0] && S != 1 && (z.shift(), g.e--, x--), S > x && W(g, x, a.RM, p[0] !== N), g;
+  return !z[0] && C != 1 && (z.shift(), g.e--, x--), C > x && W(g, x, a.RM, p[0] !== N), g;
 };
 I.eq = function(e) {
   return this.cmp(e) === 0;
@@ -183,7 +183,7 @@ I.plus = I.add = function(e) {
 };
 I.pow = function(e) {
   var t = this, a = new t.constructor("1"), r = a, l = e < 0;
-  if (e !== ~~e || e < -1e6 || e > Ye)
+  if (e !== ~~e || e < -1e6 || e > Je)
     throw Error(j + "exponent");
   for (l && (e = -e); e & 1 && (r = r.times(t)), e >>= 1, !!e; )
     t = t.times(t);
@@ -268,7 +268,7 @@ I.valueOf = function() {
   return Q(e, e.e <= t.NE || e.e >= t.PE, !0);
 };
 var b = Oe();
-function nt(e, t) {
+function at(e, t) {
   e.forEach((a) => {
     try {
       t(a);
@@ -278,7 +278,7 @@ function nt(e, t) {
   });
 }
 let _ = 0;
-function at() {
+function rt() {
   let e = /* @__PURE__ */ new Set(), t = e;
   return {
     add(a) {
@@ -288,43 +288,43 @@ function at() {
       return _ -= t == e && e.has(a) ? 1 : 0, e.delete(a);
     },
     flush(a) {
-      t.size && (e = /* @__PURE__ */ new Set(), _ -= t.size, nt(t, (r) => r(a) && e.add(r)), _ += e.size, t = e);
+      t.size && (e = /* @__PURE__ */ new Set(), _ -= t.size, at(t, (r) => r(a) && e.add(r)), _ += e.size, t = e);
     }
   };
 }
-const He = at(), $e = typeof window < "u" ? window.requestAnimationFrame : () => {
-}, ae = (e) => rt(e, He);
+const He = rt(), $e = typeof window < "u" ? window.requestAnimationFrame : () => {
+}, ae = (e) => lt(e, He);
 ae.now = typeof performance < "u" ? () => performance.now() : Date.now;
 ae.batchedUpdates = (e) => e();
 let F = -1;
-function rt(e, t) {
-  t.add(e), lt();
+function lt(e, t) {
+  t.add(e), it();
 }
-function lt() {
+function it() {
   F < 0 && (F = 0, $e(Le));
 }
-function it() {
+function ot() {
   F = -1;
 }
 function Le() {
-  ~F && ($e(Le), ae.batchedUpdates(ot));
+  ~F && ($e(Le), ae.batchedUpdates(st));
 }
-function ot() {
+function st() {
   const e = F;
   if (F = ae.now(), !_) {
-    it();
+    ot();
     return;
   }
   He.flush(e ? Math.min(64, F - e) : 16.667);
 }
 const xe = 50;
-function st(e) {
+function ut(e) {
   return { type: "percent", value: new b(e) };
 }
 function L(e) {
   return { type: "pixel", value: new b(e) };
 }
-function ut(e) {
+function ct(e) {
   let t = he.linear, a = 300;
   return e.collapseAnimation && (typeof e.collapseAnimation == "string" ? t = he[e.collapseAnimation] : (a = e.collapseAnimation.duration, t = typeof e.collapseAnimation.easing == "function" ? e.collapseAnimation.easing : he[e.collapseAnimation.easing])), { ease: t, duration: a };
 }
@@ -342,7 +342,7 @@ const he = {
 function Ve(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 ct(e) {
+function dt(e) {
   if ("context" in e && (e = e.context), "items" in e) {
     e.dragOvershoot = new b(e.dragOvershoot || 0);
     for (const t of e.items)
@@ -363,7 +363,7 @@ function y(e) {
 function k(e) {
   return !!(e && typeof e == "object" && "type" in e && e.type === "handle");
 }
-function dt(e) {
+function ft(e) {
   const t = () => {
     let r = null;
     return (l) => {
@@ -395,13 +395,13 @@ function dt(e) {
 function ee(e, t) {
   return e.type === t.type && e.value.eq(t.value);
 }
-function ft(e, t) {
+function pt(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 pt(e, t) {
+function mt(e, t) {
   return !t || !ee(e.size, t.size);
 }
-function mt(e) {
+function ht(e) {
   return {
     type: "handle",
     ...e,
@@ -412,7 +412,7 @@ function q(e) {
   if (e === "1fr" && (e = "100%"), e.endsWith("px"))
     return L(parseFloat(e));
   if (e.endsWith("%"))
-    return st(parseFloat(e) / 100);
+    return ut(parseFloat(e) / 100);
   throw new Error(`Invalid unit: ${e}`);
 }
 function Y(e, t) {
@@ -421,12 +421,12 @@ function Y(e, t) {
 function D(e) {
   return e.orientation === "horizontal" ? e.size.width : e.size.height;
 }
-function A(e, t) {
+function P(e, t) {
   const a = t === "1fr" ? q(t) : t;
   return a.type === "pixel" ? a.value : a.value.mul(D(e));
 }
 function H(e, t, a) {
-  const r = A(e, t.min), l = A(e, t.max);
+  const r = P(e, t.min), l = P(e, t.max);
   return a.gte(r) && a.lte(l) ? a : a.lt(r) ? r : l;
 }
 function E(e, t) {
@@ -441,7 +441,7 @@ function Ce(e, t) {
     return a;
   throw new Error(`Expected panel handle with id: ${t}`);
 }
-function ht(e, t) {
+function gt(e, t) {
   if (!e.items.length)
     throw new Error("No items in group");
   const a = Ce(e, t), r = e.items[a - 1], l = e.items[a + 1];
@@ -475,7 +475,7 @@ function Me(e, t) {
   let r = e.items[a + 1];
   return r && k(r) && te(e, e.items, a + 1, 1, "add") ? { item: r, direction: 1 } : (r = e.items[a - 1], r && k(r) && te(e, e.items, a - 1, -1, "add") ? { item: r, direction: -1 } : ce(e, t));
 }
-function gt(e) {
+function qe(e) {
   const t = {}, a = e.map((i) => i.order).filter((i) => i !== void 0);
   let r = 0;
   for (const i of e)
@@ -490,7 +490,7 @@ function gt(e) {
   return l;
 }
 function vt(e, t, a) {
-  return T(t.currentValue.type === "pixel", `panelHasSpace only works with number values: ${t.id} ${t.currentValue}`), t.collapsible ? !t.collapsed : a === "add" ? t.currentValue.value.gte(A(e, t.min)) && t.currentValue.value.lt(A(e, t.max)) : t.currentValue.value.gt(A(e, t.min));
+  return T(t.currentValue.type === "pixel", `panelHasSpace only works with number values: ${t.id} ${t.currentValue}`), t.collapsible ? !t.collapsed : a === "add" ? t.currentValue.value.gte(P(e, t.min)) && t.currentValue.value.lt(P(e, t.max)) : t.currentValue.value.gt(P(e, t.min));
 }
 function te(e, t, a, r, l, n) {
   const i = r === -1 ? t.slice(0, a + 1).reverse() : t.slice(a);
@@ -512,7 +512,7 @@ function B(e) {
   return e.type === "pixel" ? `${e.value.toNumber()}px` : `${e.value.mul(100).toNumber()}%`;
 }
 function wt(e) {
-  return O(e).map((t) => y(t) ? t.currentValue.value.toNumber() : A(e, t.size).toNumber());
+  return O(e).map((t) => y(t) ? t.currentValue.value.toNumber() : P(e, t.size).toNumber());
 }
 function zt(e, t) {
   return E({ ...e, items: O(e) }, t).currentValue.value.toNumber();
@@ -564,7 +564,7 @@ function De(e) {
 function ge(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]);
+  return a !== -1 && (r = e.filter((l, n) => n !== a)), qe([...r, t]);
 }
 function ve(e, t) {
   return {
@@ -598,7 +598,7 @@ function O(e) {
   return a;
 }
 function oe(e, t) {
-  var C, R, K, M;
+  var A, R, K, M;
   const a = Ce(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 *= e.shiftAmount ?? 15), n === 0)
@@ -612,20 +612,20 @@ function oe(e, t) {
   const u = t.type === "collapsePanel" && // If we have the panel id just use that
   (l.find((V) => V.id === t.panelId && o.id !== t.panelId) || // otherwise fallback to the next panel with space
   te(e, l, a - i, i * -1, "add", t.disregardCollapseBuffer)) || l[a - i];
-  if (T(u && y(u), `Expected panel after: ${r.id}`), u.currentValue.value.eq(A(e, u.max)))
+  if (T(u && y(u), `Expected panel after: ${r.id}`), u.currentValue.value.eq(P(e, u.max)))
     return {
       dragOvershoot: e.dragOvershoot.add(n)
     };
   const d = e.dragOvershoot.add(n);
   if (!t.disregardCollapseBuffer && !t.controlled) {
-    const V = d.lt(0) && i > 0, w = d.gt(0) && i > 0, P = d.gt(0) && i < 0, U = d.lt(0) && i < 0, re = u.currentValue.value.add(new b(d).mul(P ? i : 1)), le = A(e, u.min), Fe = d.abs().lt(xe) && // Let the panel expand at it's min size
+    const V = d.lt(0) && i > 0, w = d.gt(0) && i > 0, S = d.gt(0) && i < 0, U = d.lt(0) && i < 0, re = u.currentValue.value.add(new b(d).mul(S ? i : 1)), le = P(e, u.min), Te = d.abs().lt(xe) && // 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) || P || V || Fe))
+    if (re.lte(le) && (d.eq(0) || S || V || Te))
       return { dragOvershoot: d };
   }
-  if (!t.disregardCollapseBuffer && !t.controlled && o.collapsible && o.currentValue.value.eq(A(e, o.min))) {
+  if (!t.disregardCollapseBuffer && !t.controlled && o.collapsible && o.currentValue.value.eq(P(e, o.min))) {
     const V = o.currentValue.value.sub(d.abs());
-    if (d.abs().lt(xe) && V.gt(A(e, o.collapsedSize)))
+    if (d.abs().lt(xe) && V.gt(P(e, o.collapsedSize)))
       return { dragOvershoot: d };
   }
   const c = ve(e, o), m = o.currentValue.value, s = o.currentValue.value.minus(new b(n).mul(i));
@@ -635,21 +635,21 @@ function oe(e, t) {
   if (t.disregardCollapseBuffer)
     u.collapsible && u.collapsed && (u.collapsed = !1);
   else if (u.collapsible && u.collapsed) {
-    if ((C = u.onCollapseChange) != null && C.current && u.collapseIsControlled && !t.controlled && !t.isVirtual)
+    if ((A = u.onCollapseChange) != null && A.current && u.collapseIsControlled && !t.controlled && !t.isVirtual)
       return u.onCollapseChange.current(!1), { dragOvershoot: d };
     const V = (
       // Take the size it was at
-      A(e, u.collapsedSize).add(e.dragOvershoot.abs()).sub(z.add(Math.abs(n)))
+      P(e, u.collapsedSize).add(e.dragOvershoot.abs()).sub(z.add(Math.abs(n)))
     );
     if (V.gt(0) && (z = z.add(V)), f = f.minus(z.minus(p).minus(Math.abs(n))), f.lt(o.min.value) && !o.collapsible)
       return { dragOvershoot: d };
     u.collapsed = !1, (R = u.onCollapseChange) != null && R.current && !u.collapseIsControlled && !t.controlled && !t.isVirtual && u.onCollapseChange.current(!1);
   }
-  const S = o.currentValue.value.eq(A(e, o.min));
-  if (!t.disregardCollapseBuffer && o.collapsible && S) {
+  const C = o.currentValue.value.eq(P(e, o.min));
+  if (!t.disregardCollapseBuffer && o.collapsible && C) {
     if ((K = o.onCollapseChange) != null && K.current && o.collapseIsControlled && !t.controlled && !t.isVirtual)
       return o.onCollapseChange.current(!0), { dragOvershoot: d };
-    o.collapsed = !0, f = A(e, o.collapsedSize), z = u.currentValue.value.add(m.minus(f)), (M = o.onCollapseChange) != null && M.current && !o.collapseIsControlled && !t.controlled && !t.isVirtual && o.onCollapseChange.current(!0);
+    o.collapsed = !0, f = P(e, o.collapsedSize), z = u.currentValue.value.add(m.minus(f)), (M = o.onCollapseChange) != null && M.current && !o.collapseIsControlled && !t.controlled && !t.isVirtual && o.onCollapseChange.current(!0);
   }
   o.currentValue = { type: "pixel", value: f }, u.currentValue = { type: "pixel", value: z };
   const x = new b(D(e)).minus(l.reduce((V, w) => V.add(y(w) ? w.currentValue.value : w.size.value), new b(0)));
@@ -727,7 +727,7 @@ function yt(e) {
     if (k(u))
       return u.size.value;
     if (u.collapsed)
-      return A(e, u.currentValue);
+      return P(e, u.currentValue);
     const d = u.currentValue.type === "pixel" && u.currentValue.value || u.currentValue.value.mul(a);
     return H(e, u, d);
   }).reduce((u, d) => u.add(d), new b(0)), n = l.abs().sub(t);
@@ -736,7 +736,7 @@ function yt(e) {
   let i = { ...e, items: O(e) };
   const o = i.items.find((u) => !!(y(u) && u.collapsible));
   if (o) {
-    const u = i.items.findIndex((m) => m.id === o.id), d = ce(i, o.id), c = o.currentValue.value.sub(A(i, o.collapsedSize));
+    const u = i.items.findIndex((m) => m.id === o.id), d = ce(i, o.id), c = o.currentValue.value.sub(P(i, o.collapsedSize));
     i = {
       ...i,
       ...de({
@@ -760,17 +760,17 @@ function Re(e) {
 function Pt(e, t) {
   document.cookie = `${e}=${encodeURIComponent(`${t}`)};path=/;max-age=31536000`;
 }
-function qe(e, t) {
+function Fe(e, t) {
   const a = E(e, t.panelId);
   if (t.type === "expandPanel")
-    return new b(a.sizeBeforeCollapse ?? A(e, a.min)).minus(a.currentValue.value);
-  const r = A(e, a.collapsedSize);
+    return new b(a.sizeBeforeCollapse ?? P(e, a.min)).minus(a.currentValue.value);
+  const r = P(e, a.collapsedSize);
   return a.currentValue.value.minus(r);
 }
 function ke(e, t, a, r) {
   const l = E(e, t.panelId), n = Me(e, t.panelId);
   let i = new b(n.direction);
-  const o = qe(e, t), u = { ...e, items: O(e) }, d = de({
+  const o = Fe(e, t), u = { ...e, items: O(e) }, d = de({
     context: u,
     panelId: t.panelId,
     handleId: n.item.id,
@@ -782,16 +782,16 @@ function ke(e, t, a, r) {
     r.signal.addEventListener("abort", () => {
       m(new Error("Operation was canceled"));
     }), t.type === "collapsePanel" && (l.sizeBeforeCollapse = l.currentValue.value.toNumber(), i = i.mul(new b(-1)));
-    const s = 60, { duration: f, ease: h } = ut(l), p = Math.ceil(l.collapseAnimation ? f / (1e3 / s) : 1);
+    const s = 60, { duration: f, ease: h } = ct(l), p = Math.ceil(l.collapseAnimation ? f / (1e3 / s) : 1);
     let v = 0, g = new b(0);
     function z() {
-      const S = ++v / p, x = new b(l.collapseAnimation ? h(S) : 1), C = x.mul(o).sub(g).mul(i);
+      const C = ++v / p, x = new b(l.collapseAnimation ? h(C) : 1), A = x.mul(o).sub(g).mul(i);
       if (a({
         type: "applyDelta",
         handleId: n.item.id,
-        delta: C.toNumber(),
+        delta: A.toNumber(),
         panelId: l.id
-      }), g = g.add(C.abs().mul(C.gt(0) && i.lt(0) || C.lt(0) && i.gt(0) ? -1 : 1)), x.eq(1)) {
+      }), g = g.add(A.abs().mul(A.gt(0) && i.lt(0) || A.lt(0) && i.gt(0) ? -1 : 1)), x.eq(1)) {
         e.items.find((K) => y(K) && K.currentValue.value.round(void 0, b.roundHalfEven).lt(0)) && se(e, d);
         const R = t.type === "expandPanel" ? "expand" : "collapse";
         return c({ panelId: l.id, action: R, resolve: t.resolve }), !1;
@@ -833,7 +833,7 @@ function Ct(e, t) {
       var c, m;
       for (const s of n.items)
         if (y(s)) {
-          const f = s.lastKnownSize ? new b(n.orientation === "horizontal" ? s.lastKnownSize.width : s.lastKnownSize.height) : H(n, s, A(n, s.currentValue)), h = D(n);
+          const f = s.lastKnownSize ? new b(n.orientation === "horizontal" ? s.lastKnownSize.width : s.lastKnownSize.height) : H(n, s, P(n, s.currentValue)), h = D(n);
           (m = (c = s.onResize) == null ? void 0 : c.current) == null || m.call(c, {
             pixel: f.toNumber(),
             percentage: h > 0 ? f.div(D(n)).toNumber() : -1
@@ -894,7 +894,7 @@ function Ct(e, t) {
       Z(c, ["expandPanel"]);
       const m = O(n);
       let s = { ...n, items: m };
-      const f = qe(n, c), h = Me(s, c.panelId);
+      const f = Fe(n, c), h = Me(s, c.panelId);
       s = {
         ...s,
         ...de({
@@ -907,7 +907,7 @@ function Ct(e, t) {
           isVirtual: !0
         })
       };
-      const p = s.items.find((z) => z.id === c.panelId), v = s.items.reduce((z, S) => z.add(y(S) ? S.currentValue.value : S.size.value), new b(0)), g = p && y(p) && !p.currentValue.value.eq(p.collapsedSize.value);
+      const p = s.items.find((z) => z.id === c.panelId), v = s.items.reduce((z, C) => z.add(y(C) ? C.currentValue.value : C.size.value), new b(0)), g = p && y(p) && !p.currentValue.value.eq(p.collapsedSize.value);
       return v.gt(D(n)) || !g;
     }
   };
@@ -942,6 +942,9 @@ function Ct(e, t) {
     }
     if (!l) {
       switch (c.type) {
+        case "updateItemIndex":
+          n.items = qe(n.items.map((s) => s.id === c.itemId ? { ...s, order: c.index } : s));
+          break;
         case "registerPanel":
           n.items = ge(n.items, {
             type: "panel",
@@ -962,12 +965,21 @@ function Ct(e, t) {
         case "registerDynamicPanel": {
           i.prepare();
           let s = L(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;
+          c.data.collapsible && c.data.collapsed && c.data.collapsedSize ? s = {
+            type: "pixel",
+            value: P(n, c.data.collapsedSize)
+          } : c.data.default ? s = {
+            type: "pixel",
+            value: P(n, c.data.default)
+          } : s = {
+            type: "pixel",
+            value: P(n, c.data.min)
+          };
           const f = ge(n.items, {
             type: "panel",
             ...c.data,
             currentValue: s
-          }), h = f.findIndex((g) => g.id === c.data.id), p = { ...n }, v = n.items.reduce((g, z) => k(z) ? g.add(A(n, z.size)) : g.add(z.currentValue.value), new b(0)).minus(D(n));
+          }), h = f.findIndex((g) => g.id === c.data.id), p = { ...n }, v = n.items.reduce((g, z) => k(z) ? g.add(P(n, z.size)) : g.add(z.currentValue.value), new b(0)).minus(D(n));
           ze(p, f, h, s.value.add(v).neg()), n.items = f, i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
           break;
         }
@@ -1026,7 +1038,7 @@ function Ct(e, t) {
             break;
           case "setPanelPixelSize": {
             i.prepare(), i.clearLastKnownSize();
-            const s = E(n, c.panelId), f = ce(n, c.panelId), h = s.currentValue.value, p = H(n, s, A(n, q(c.size))), v = p > h, g = v ? p.minus(h) : h.minus(p);
+            const s = E(n, c.panelId), f = ce(n, c.panelId), h = s.currentValue.value, p = H(n, s, P(n, q(c.size))), v = p > h, g = v ? p.minus(h) : h.minus(p);
             s.sizeBeforeCollapse = p.toNumber(), Object.assign(n, de({
               context: n,
               panelId: c.panelId,
@@ -1226,7 +1238,7 @@ const Et = /* @__PURE__ */ be({
       isStaticAtRest: f,
       collapsed: h,
       ...p
-    } = a, v = n || Ie(), g = X("send"), z = X("state"), S = X("isPrerender"), x = () => dt({
+    } = a, v = n || Ie(), g = X("send"), z = X("state"), C = X("isPrerender"), x = () => ft({
       id: v,
       min: a.min,
       max: a.max,
@@ -1239,36 +1251,36 @@ const Et = /* @__PURE__ */ be({
       defaultCollapsed: m,
       default: s,
       isStaticAtRest: f
-    }), C = $(() => {
-      var P;
-      const w = (P = z == null ? void 0 : z.value) == null ? void 0 : P.items.find((U) => U.id === v);
+    }), A = $(() => {
+      var S;
+      const w = (S = z == null ? void 0 : z.value) == null ? void 0 : S.items.find((U) => U.id === v);
       if (!(!w || !y(w)))
         return w;
     });
     let R = !1;
-    C.value ? g == null || g({
+    A.value ? g == null || g({
       type: "rebindPanelCallbacks",
       data: {
         id: v,
         onCollapseChange: a.onCollapseChange ? { current: a.onCollapseChange } : void 0,
         onResize: a.onResize ? { current: a.onResize } : void 0
       }
-    }) : S != null && S.value ? g == null || g({ type: "registerPanel", data: x() }) : R = !0, G(() => {
+    }) : C != null && C.value ? g == null || g({ type: "registerPanel", data: x() }) : R = !0, G(() => {
       var le;
       const w = (le = z == null ? void 0 : z.value) == null ? void 0 : le.groupId;
       if (!w || !R) return;
-      const P = document.getElementById(w);
-      if (!P) return;
+      const S = document.getElementById(w);
+      if (!S) return;
       const U = document.getElementById(v);
       if (!U) return;
-      const re = Array.from(P.children).indexOf(U);
+      const re = Array.from(S.children).indexOf(U);
       typeof re == "number" && (g == null || g({
         type: "registerDynamicPanel",
         data: { ...x(), order: re }
       }), R = !1);
     });
     const K = $(
-      () => !R && ft(x(), C.value)
+      () => !R && pt(x(), A.value)
     );
     ue(() => {
       K.value && (g == null || g({ type: "updateConstraints", data: x() }));
@@ -1278,25 +1290,25 @@ const Et = /* @__PURE__ */ be({
       getId: () => v,
       collapse: async () => {
         var w;
-        if ((w = C.value) != null && w.collapsible)
-          return await new Promise((P) => {
-            g == null || g({ type: "collapsePanel", panelId: v, controlled: !0, resolve: P });
+        if ((w = A.value) != null && w.collapsible)
+          return await new Promise((S) => {
+            g == null || g({ type: "collapsePanel", panelId: v, controlled: !0, resolve: S });
           });
       },
       isCollapsed: () => {
-        var w, P;
-        return !!((w = C.value) != null && w.collapsible && ((P = C.value) != null && P.collapsed));
+        var w, S;
+        return !!((w = A.value) != null && w.collapsible && ((S = A.value) != null && S.collapsed));
       },
       expand: async () => {
         var w;
-        if ((w = C.value) != null && w.collapsible)
-          return await new Promise((P) => {
-            g == null || g({ type: "expandPanel", panelId: v, controlled: !0, resolve: P });
+        if ((w = A.value) != null && w.collapsible)
+          return await new Promise((S) => {
+            g == null || g({ type: "expandPanel", panelId: v, controlled: !0, resolve: S });
           });
       },
       isExpanded: () => {
-        var w, P;
-        return !!((w = C.value) != null && w.collapsible && !((P = C.value) != null && P.collapsed));
+        var w, S;
+        return !!((w = A.value) != null && w.collapsible && !((S = A.value) != null && S.collapsed));
       },
       getPixelSize: () => zt(z.value, v),
       getPercentageSize: () => It(z.value, v),
@@ -1305,7 +1317,7 @@ const Et = /* @__PURE__ */ be({
     const M = $(
       () => {
         var w;
-        return (w = C.value) == null ? void 0 : w.collapseIsControlled;
+        return (w = A.value) == null ? void 0 : w.collapseIsControlled;
       }
     );
     ue(() => {
@@ -1314,12 +1326,12 @@ const Et = /* @__PURE__ */ be({
       });
     });
     const V = $(() => {
-      var P;
-      const w = C.value;
+      var S;
+      const w = A.value;
       return {
         ...p,
         ...At({
-          groupId: (P = z == null ? void 0 : z.value) == null ? void 0 : P.groupId,
+          groupId: (S = z == null ? void 0 : z.value) == null ? void 0 : S.groupId,
           id: v,
           collapsible: w == null ? void 0 : w.collapsible,
           collapsed: w == null ? void 0 : w.collapsed
@@ -1331,7 +1343,7 @@ const Et = /* @__PURE__ */ be({
         }
       };
     });
-    return (w, P) => (Pe(), ye("div", Te(je(V.value)), [
+    return (w, S) => (Pe(), ye("div", je(We(V.value)), [
       Se(w.$slots, "default")
     ], 16));
   }
@@ -1360,7 +1372,7 @@ const Et = /* @__PURE__ */ be({
         groupId: n,
         autosaveStrategy: e.autosaveStrategy,
         shiftAmount: e.shiftAmount,
-        ...r ? ct(r) : void 0
+        ...r ? dt(r) : void 0
       },
       (f) => {
         d.value = { ...f };
@@ -1398,7 +1410,7 @@ const Et = /* @__PURE__ */ be({
         const f = Vt(n, (h) => {
           o({ type: "setActualItemsSize", childrenSizes: h });
         });
-        We(f);
+        Ue(f);
       });
     }), G(() => (o({ type: "unlockGroup" }), () => o({ type: "lockGroup" }))), t({
       getId: () => n,
@@ -1421,7 +1433,7 @@ const Et = /* @__PURE__ */ be({
         }
       }
     }), (f, h) => (Pe(), ye("div", Ke(a, {
-      id: Ue(n),
+      id: Ge(n),
       ref_key: "elementRef",
       ref: m,
       "data-panel-group-wrapper": "",
@@ -1442,7 +1454,7 @@ const Et = /* @__PURE__ */ be({
     id: {}
   },
   setup(e) {
-    const t = Ee(e, ["size", "id", "onDragStart", "onDrag", "onDragEnd", "disabled"]), r = e.id || Ie(), l = X("send"), n = X("state"), i = X("isPrerender"), o = () => mt({ size: e.size, id: r }), u = $(() => {
+    const t = Ee(e, ["size", "id", "onDragStart", "onDrag", "onDragEnd", "disabled"]), r = e.id || Ie(), l = X("send"), n = X("state"), i = X("isPrerender"), o = () => ht({ size: e.size, id: r }), u = $(() => {
       var p;
       const h = (p = n == null ? void 0 : n.value) == null ? void 0 : p.items.find((v) => v.id === r);
       if (!(!h || !k(h)))
@@ -1450,9 +1462,9 @@ const Et = /* @__PURE__ */ be({
     });
     let d = !1;
     u.value || (i != null && i.value ? l == null || l({ type: "registerPanelHandle", data: o() }) : d = !0), G(() => {
-      var z, S;
+      var z, C;
       if (!((z = n == null ? void 0 : n.value) == null ? void 0 : z.groupId) || !d) return;
-      const p = document.getElementById((S = n == null ? void 0 : n.value) == null ? void 0 : S.groupId);
+      const p = document.getElementById((C = n == null ? void 0 : n.value) == null ? void 0 : C.groupId);
       if (!p) return;
       const v = document.getElementById(r);
       if (!v) return;
@@ -1463,7 +1475,7 @@ const Et = /* @__PURE__ */ be({
       }), d = !1);
     });
     const c = $(
-      () => !d && pt(o(), u.value)
+      () => !d && mt(o(), u.value)
     );
     ue(() => {
       c.value && (l == null || l({ type: "updateConstraints", data: o() }));
@@ -1486,21 +1498,21 @@ const Et = /* @__PURE__ */ be({
     }), s = (h) => {
       if (n != null && n.value)
         try {
-          const p = ht(n == null ? void 0 : n.value, r);
+          const p = gt(n == null ? void 0 : n.value, r);
           h.key === "Enter" && p && (p.collapsed ? l == null || l({ type: "expandPanel", panelId: p.id }) : l == null || l({ type: "collapsePanel", panelId: p.id }));
         } catch {
         }
     }, f = $(() => {
-      var g, z, S, x, C, R, K, M, V;
+      var g, z, C, x, A, R, K, M, V;
       const h = (g = n == null ? void 0 : n.value) == null ? void 0 : g.items.findIndex((w) => w.id === r);
       if (!h) return { id: r };
-      const p = (z = n == null ? void 0 : n.value) == null ? void 0 : z.items[h], v = (S = n == null ? void 0 : n.value) == null ? void 0 : S.items[h - 1];
+      const p = (z = n == null ? void 0 : n.value) == null ? void 0 : z.items[h], v = (C = n == null ? void 0 : n.value) == null ? void 0 : C.items[h - 1];
       return !v || !y(v) ? { id: r } : {
         ...t,
         ...xt({
           groupId: (x = n == null ? void 0 : n.value) == null ? void 0 : x.groupId,
           id: r,
-          orientation: ((C = n == null ? void 0 : n.value) == null ? void 0 : C.orientation) || "horizontal",
+          orientation: ((A = n == null ? void 0 : n.value) == null ? void 0 : A.orientation) || "horizontal",
           isDragging: ((R = n == null ? void 0 : n.value) == null ? void 0 : R.activeDragHandleId) === r,
           activeDragHandleId: (K = n == null ? void 0 : n.value) == null ? void 0 : K.activeDragHandleId,
           disabled: e.disabled,