@pinia/colada-devtools 0.1.6 → 0.1.8

package/dist-panel/{queries-BWAwqUDO.js → queries-CLrIueL2.js}

@@ -1,5 +1,5 @@
-import { d as A, u as Ee, b as P, c as b, o as z, a as p, _ as Ne, m as Q, s as te, e as ve, f as Te, r as me, g as V, w as H, h as G, n as I, i as M, F as W, j as ne, t as ae, k as E, l as Be, p as Oe, v as De, q as Ve, x as B, y as J, z as pe, A as he, B as T, C as fe, D as ee, E as q, G as qe, H as Ie, I as Ae, J as je, K as Qe, L as le, M as Ue, N as Fe, O as He } from "./index-BgTq8RHl.js";
-import { _ as Je, a as Ke } from "./loader-Dx4_68Bp.js";
+import { d as A, u as Ee, b as P, c as b, o as _, a as m, _ as Ne, m as Q, s as te, e as ve, f as Te, r as me, g as V, w as H, h as G, n as I, i as M, F as W, j as ne, t as ae, k as E, l as Be, p as Oe, v as De, q as Ve, x as B, y as J, z as pe, A as he, B as T, C as fe, D as ee, E as q, G as qe, H as Ie, I as Ae, J as je, K as Qe, L as le, M as Ue, N as Fe, O as He } from "./index-UPnYYHaa.js";
+import { _ as Je, a as Ke } from "./loader-DJMHHUla.js";
 import { miniJsonParse as We } from "@pinia/colada-devtools/shared";
 const Xe = {
   class: "progress-bar",
@@ -12,81 +12,81 @@ const Xe = {
     max: { default: 100, type: Number },
     strokeWidth: { default: 2, type: Number }
   },
-  setup(m) {
-    Ee((f) => ({
+  setup(u) {
+    Ee((h) => ({
       dfc273d4: o.value,
-      b5e811ce: f.strokeWidth
+      b5e811ce: h.strokeWidth
     }));
-    const o = P(() => Math.round((m.value - m.min) / (m.max - m.min) * 100));
-    return (f, r) => (z(), b("div", Xe, r[0] || (r[0] = [
-      p("svg", null, [
-        p("circle", { class: "bg" }),
-        p("circle", { class: "fg" })
+    const o = P(() => Math.round((u.value - u.min) / (u.max - u.min) * 100));
+    return (h, r) => (_(), b("div", Xe, [...r[0] || (r[0] = [
+      m("svg", null, [
+        m("circle", { class: "bg" }),
+        m("circle", { class: "fg" })
       ], -1)
-    ])));
+    ])]));
   }
 }), Ze = ".progress-bar>svg[data-v-138f773b]{--progress-value: var(--dfc273d4);--size: 1em;--half-size: calc(var(--size) / 2);--stroke-width: calc(var(--b5e811ce) * var(--size) / 10);--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress-value) * var(--circumference)) / 100);animation:progress-animation 100s linear 0s 1 forwards;width:var(--size);height:var(--size)}.progress-bar circle[data-v-138f773b]{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:butt}.progress-bar circle.bg[data-v-138f773b]{stroke:color-mix(in hsl,currentColor 25%,var(--ui-bg))}.progress-bar circle.fg[data-v-138f773b]{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:currentColor}", Ge = /* @__PURE__ */ Ne(Ye, [["styles", [Ze]], ["__scopeId", "data-v-138f773b"]]), et = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function tt(m, o) {
-  return z(), b("svg", et, o[0] || (o[0] = [
-    p("g", {
+function tt(u, o) {
+  return _(), b("svg", et, [...o[0] || (o[0] = [
+    m("g", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "2"
     }, [
-      p("circle", {
+      m("circle", {
         cx: "12",
         cy: "12",
         r: "10"
       }),
-      p("path", { d: "m9 15l6-6" })
+      m("path", { d: "m9 15l6-6" })
     ], -1)
-  ]));
+  ])]);
 }
 const nt = Q({ name: "lucide-circle-slash", render: tt }), at = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function st(m, o) {
-  return z(), b("svg", at, o[0] || (o[0] = [
-    p("g", {
+function st(u, o) {
+  return _(), b("svg", at, [...o[0] || (o[0] = [
+    m("g", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "2"
     }, [
-      p("rect", {
-        width: "4",
-        height: "16",
+      m("rect", {
+        width: "5",
+        height: "18",
         x: "14",
-        y: "4",
+        y: "3",
         rx: "1"
       }),
-      p("rect", {
-        width: "4",
-        height: "16",
-        x: "6",
-        y: "4",
+      m("rect", {
+        width: "5",
+        height: "18",
+        x: "5",
+        y: "3",
         rx: "1"
       })
     ], -1)
-  ]));
+  ])]);
 }
 const it = Q({ name: "lucide-pause", render: st }), ot = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function rt(m, o) {
-  return z(), b("svg", ot, o[0] || (o[0] = [
-    p("path", {
+function rt(u, o) {
+  return _(), b("svg", ot, [...o[0] || (o[0] = [
+    m("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -94,16 +94,16 @@ function rt(m, o) {
       "stroke-width": "2",
       d: "M20 6L9 17l-5-5"
     }, null, -1)
-  ]));
+  ])]);
 }
 const lt = Q({ name: "lucide-check", render: rt }), ut = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function ct(m, o) {
-  return z(), b("svg", ut, o[0] || (o[0] = [
-    p("path", {
+function ct(u, o) {
+  return _(), b("svg", ut, [...o[0] || (o[0] = [
+    m("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -111,11 +111,11 @@ function ct(m, o) {
       "stroke-width": "2",
       d: "M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16"
     }, null, -1)
-  ]));
+  ])]);
 }
 const dt = Q({ name: "lucide-check-check", render: ct });
-function ge(m) {
-  return m.asyncStatus === "loading" ? "loading" : m.state.status === "error" ? "error" : m.state.status === "pending" ? "pending" : m.stale ? "stale" : m.state.status === "success" ? "fresh" : "unknown";
+function ge(u) {
+  return u.asyncStatus === "loading" ? "loading" : u.state.status === "error" ? "error" : u.state.status === "pending" ? "pending" : u.stale ? "stale" : u.state.status === "success" ? "fresh" : "unknown";
 }
 const K = {
   loading: {
@@ -162,10 +162,10 @@ function vt() {
     --ce <= 0 && (clearInterval(F), F = void 0);
   }), ue;
 }
-const mt = { class: "h-full w-6 relative" }, pt = ["title"], ht = ["href", "title", "onClick"], ft = { class: "flex font-mono flex-grow gap-0.5 overflow-auto items-center" }, gt = { class: "text-wrap break-words rounded bg-(--ui-text)/5 px-0.5" }, _t = {
+const mt = { class: "h-full w-6 relative" }, pt = ["title"], ht = ["href", "title", "onClick"], ft = { class: "flex font-mono flex-grow gap-0.5 overflow-auto items-center" }, gt = { class: "text-wrap break-words rounded bg-(--ui-text)/5 px-0.5" }, xt = {
   key: 0,
   "aria-hidden": "true"
-}, xt = {
+}, _t = {
   key: 0,
   title: "This query is disabled"
 }, zt = { class: "rounded bg-theme/70 theme-neutral p-0.5 text-xs flex gap-x-0.5 items-center" }, yt = {
@@ -176,83 +176,83 @@ const mt = { class: "h-full w-6 relative" }, pt = ["title"], ht = ["href", "titl
   props: {
     entry: {}
   },
-  setup(m) {
-    const o = Te(), f = vt();
-    function r(c) {
-      c.preventDefault(), c.stopPropagation(), o.push("/queries");
+  setup(u) {
+    const o = Te(), h = vt();
+    function r(y) {
+      y.preventDefault(), y.stopPropagation(), o.push("/queries");
     }
-    const s = P(() => m.entry.key.map((c) => {
-      let g = c;
+    const s = P(() => u.entry.key.map((y) => {
+      let f = y;
       try {
-        g = typeof c == "string" ? JSON.parse(c) : c;
+        f = typeof y == "string" ? JSON.parse(y) : y;
       } catch {
       }
-      return g && typeof g == "object" ? We(g) : String(g);
-    })), y = P(() => ge(m.entry));
-    return (c, g) => {
-      const _ = Je, u = dt, x = Ke, S = lt, k = it, C = nt, $ = Ge, w = me("RouterLink");
-      return z(), V(w, {
-        to: { name: "/queries/[queryId]", params: { queryId: c.entry.keyHash } },
+      return f && typeof f == "object" ? We(f) : String(f);
+    })), z = P(() => ge(u.entry));
+    return (y, f) => {
+      const g = Je, c = dt, x = Ke, S = lt, k = it, C = nt, $ = Ge, w = me("RouterLink");
+      return _(), V(w, {
+        to: { name: "/queries/[queryId]", params: { queryId: u.entry.keyHash } },
         custom: ""
       }, {
         default: H(({ isActive: v, navigate: O, href: D }) => [
-          p("div", {
+          m("div", {
             class: I(["grid grid-cols-[minmax(0,auto)_1fr] grid-flow-col items-center gap-x-2 p-1 relative text-sm @container", [
               v ? "bg-neutral-200 dark:bg-neutral-700" : "hover:bg-(--ui-bg-elevated)",
-              c.entry.active ? "" : "text-(--ui-text)/50"
+              u.entry.active ? "" : "text-(--ui-text)/50"
             ]])
           }, [
-            p("div", mt, [
-              p("div", {
-                class: I(["absolute -inset-1 right-0 flex items-center justify-center", M(K)[y.value].base]),
-                title: y.value
+            m("div", mt, [
+              m("div", {
+                class: I(["absolute -inset-1 right-0 flex items-center justify-center", M(K)[z.value].base]),
+                title: z.value
               }, [
-                y.value === "loading" ? (z(), V(_, {
+                z.value === "loading" ? (_(), V(g, {
                   key: 0,
                   title: "Loading",
                   "aria-label": "Loading icon"
-                })) : y.value === "fresh" ? (z(), V(u, {
+                })) : z.value === "fresh" ? (_(), V(c, {
                   key: 1,
                   title: "Fresh successful data",
                   "aria-label": "Fresh successful data icon"
-                })) : y.value === "error" ? (z(), V(x, {
+                })) : z.value === "error" ? (_(), V(x, {
                   key: 2,
                   title: "Error",
                   "aria-label": "Error icon"
-                })) : y.value === "stale" ? (z(), V(S, {
+                })) : z.value === "stale" ? (_(), V(S, {
                   key: 3,
                   title: "Stale",
                   "aria-label": "Stale icon"
-                })) : y.value === "pending" ? (z(), V(k, {
+                })) : z.value === "pending" ? (_(), V(k, {
                   key: 4,
                   title: "Pending",
                   "aria-label": "Pending icon"
                 })) : G("", !0)
               ], 10, pt)
             ]),
-            p("a", {
+            m("a", {
               href: D,
               class: "hover:cursor-pointer block overflow-hidden",
-              title: c.entry.active ? "Active query" : "Inactive query",
+              title: u.entry.active ? "Active query" : "Inactive query",
               onClick: (N) => v ? r(N) : O(N)
             }, [
-              p("ol", ft, [
-                (z(!0), b(W, null, ne(s.value, (N, X) => (z(), b(W, { key: N }, [
-                  p("li", gt, ae(N), 1),
-                  X < s.value.length - 1 ? (z(), b("li", _t, "/")) : G("", !0)
+              m("ol", ft, [
+                (_(!0), b(W, null, ne(s.value, (N, X) => (_(), b(W, { key: N }, [
+                  m("li", gt, ae(N), 1),
+                  X < s.value.length - 1 ? (_(), b("li", xt, "/")) : G("", !0)
                 ], 64))), 128))
               ])
             ], 8, ht),
-            c.entry.options?.enabled === !1 ? (z(), b("div", xt, [
-              p("span", zt, [
+            u.entry.options?.enabled === !1 ? (_(), b("div", _t, [
+              m("span", zt, [
                 E(C, { "aria-hidden": "" }),
-                g[0] || (g[0] = p("span", { class: "@max-md:hidden" }, "disabled", -1))
+                f[0] || (f[0] = m("span", { class: "@max-md:hidden" }, "disabled", -1))
               ])
-            ])) : !c.entry.active && c.entry.gcTimeout && c.entry.devtools.inactiveAt && typeof c.entry.options?.gcTime == "number" && Number.isFinite(c.entry.options.gcTime) && c.entry.options.gcTime <= 3e4 ? (z(), b("div", yt, [
+            ])) : !u.entry.active && u.entry.gcTimeout && u.entry.devtools.inactiveAt && typeof u.entry.options?.gcTime == "number" && Number.isFinite(u.entry.options.gcTime) && u.entry.options.gcTime <= 3e4 ? (_(), b("div", yt, [
               E($, {
                 class: "size-[1em] dark:text-neutral-500 text-neutral-400",
-                max: c.entry.options.gcTime,
-                value: c.entry.devtools.inactiveAt + c.entry.options.gcTime - M(f)
+                max: u.entry.options.gcTime,
+                value: u.entry.devtools.inactiveAt + u.entry.options.gcTime - M(h)
               }, null, 8, ["max", "value"])
             ])) : G("", !0)
           ], 2)
@@ -268,9 +268,9 @@ const mt = { class: "h-full w-6 relative" }, pt = ["title"], ht = ["href", "titl
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(m) {
-    const o = Be(m, "modelValue");
-    return (f, r) => Oe((z(), b("input", {
+  setup(u) {
+    const o = Be(u, "modelValue");
+    return (h, r) => Oe((_(), b("input", {
       "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
       class: "py-1.5 pl-8 pr-2 rounded border border-(--ui-border) focus:ring-1 focus:ring-theme focus:outline-none transition-colors theme-primary",
       placeholder: "Search Queries"
@@ -283,23 +283,23 @@ const mt = { class: "h-full w-6 relative" }, pt = ["title"], ht = ["href", "titl
   width: "1.2em",
   height: "1.2em"
 };
-function kt(m, o) {
-  return z(), b("svg", St, o[0] || (o[0] = [
-    p("g", {
+function kt(u, o) {
+  return _(), b("svg", St, [...o[0] || (o[0] = [
+    m("g", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "2"
     }, [
-      p("path", { d: "m21 21l-4.34-4.34" }),
-      p("circle", {
+      m("path", { d: "m21 21l-4.34-4.34" }),
+      m("circle", {
         cx: "11",
         cy: "11",
         r: "8"
       })
     ], -1)
-  ]));
+  ])]);
 }
 const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
   __name: "splitpanes",
@@ -323,12 +323,12 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
     "splitter-click",
     "splitter-dblclick"
   ],
-  setup(m, { emit: o }) {
-    const f = o, r = m;
+  setup(u, { emit: o }) {
+    const h = o, r = u;
     Ve();
-    const s = B([]), y = P(
+    const s = B([]), z = P(
       () => s.value.reduce((e, t) => (e[~~t.id] = t) && e, {})
-    ), c = P(() => s.value.length), g = B(null), _ = B(!1), u = B({
+    ), y = P(() => s.value.length), f = B(null), g = B(!1), c = B({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
@@ -340,7 +340,7 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       timeoutId: null
     }), S = P(() => ({
       [`splitpanes splitpanes--${r.horizontal ? "horizontal" : "vertical"}`]: !0,
-      "splitpanes--dragging": u.value.dragging
+      "splitpanes--dragging": c.value.dragging
     }));
     let k = () => {
     };
@@ -354,19 +354,19 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       const a = e.target.closest(".splitpanes__splitter");
       if (a) {
         const { left: n, top: i } = a.getBoundingClientRect(), { clientX: d, clientY: l } = "touches" in e ? e.touches[0] : e;
-        u.value.cursorOffset = r.horizontal ? l - i : d - n;
+        c.value.cursorOffset = r.horizontal ? l - i : d - n;
       }
-      C(e.target.ownerDocument || document), u.value.mouseDown = !0, u.value.activeSplitter = t;
+      C(e.target.ownerDocument || document), c.value.mouseDown = !0, c.value.activeSplitter = t;
     }, w = (e) => {
-      u.value.mouseDown && (e.preventDefault(), u.value.dragging = !0, requestAnimationFrame(() => {
-        xe(X(e)), L("resize", { event: e }, !0);
+      c.value.mouseDown && (e.preventDefault(), c.value.dragging = !0, requestAnimationFrame(() => {
+        _e(X(e)), L("resize", { event: e }, !0);
       }));
     }, v = (e) => {
-      u.value.dragging && L("resized", { event: e }, !0), u.value.mouseDown = !1, u.value.activeSplitter = null, setTimeout(() => {
-        u.value.dragging = !1, k();
+      c.value.dragging && L("resized", { event: e }, !0), c.value.mouseDown = !1, c.value.activeSplitter = null, setTimeout(() => {
+        c.value.dragging = !1, k();
       }, 100);
     }, O = (e, t) => {
-      "ontouchstart" in window && (e.preventDefault(), x.value.splitter === t ? (clearTimeout(x.value.timeoutId), x.value.timeoutId = null, D(e, t), x.value.splitter = null) : (x.value.splitter = t, x.value.timeoutId = setTimeout(() => x.value.splitter = null, 500))), u.value.dragging || L("splitter-click", { event: e, index: t }, !0);
+      "ontouchstart" in window && (e.preventDefault(), x.value.splitter === t ? (clearTimeout(x.value.timeoutId), x.value.timeoutId = null, D(e, t), x.value.splitter = null) : (x.value.splitter = t, x.value.timeoutId = setTimeout(() => x.value.splitter = null, 500))), c.value.dragging || L("splitter-click", { event: e, index: t }, !0);
     }, D = (e, t) => {
       if (L("splitter-dblclick", { event: e, index: t }, !0), r.maximizePanes) {
         let a = 0;
@@ -379,34 +379,34 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
     }, N = (e, t) => {
       L("pane-click", {
         event: e,
-        index: y.value[t].index,
-        pane: y.value[t]
+        index: z.value[t].index,
+        pane: z.value[t]
       });
     }, X = (e) => {
       var t;
-      const a = (t = g.value) == null ? void 0 : t.getBoundingClientRect(), { clientX: n, clientY: i } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+      const a = (t = f.value) == null ? void 0 : t.getBoundingClientRect(), { clientX: n, clientY: i } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
-        x: n - (r.horizontal ? 0 : u.value.cursorOffset) - a.left,
-        y: i - (r.horizontal ? u.value.cursorOffset : 0) - a.top
+        x: n - (r.horizontal ? 0 : c.value.cursorOffset) - a.left,
+        y: i - (r.horizontal ? c.value.cursorOffset : 0) - a.top
       };
-    }, _e = (e) => {
+    }, xe = (e) => {
       e = e[r.horizontal ? "y" : "x"];
-      const t = g.value[r.horizontal ? "clientHeight" : "clientWidth"];
+      const t = f.value[r.horizontal ? "clientHeight" : "clientWidth"];
       return r.rtl && !r.horizontal && (e = t - e), e * 100 / t;
-    }, xe = (e) => {
-      const t = u.value.activeSplitter;
+    }, _e = (e) => {
+      const t = c.value.activeSplitter;
       let a = {
         prevPanesSize: se(t),
         nextPanesSize: j(t),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const n = 0 + (r.pushOtherPanes ? 0 : a.prevPanesSize), i = 100 - (r.pushOtherPanes ? 0 : a.nextPanesSize), d = Math.max(Math.min(_e(e), i), n);
-      let l = [t, t + 1], h = s.value[l[0]], R = s.value[l[1]];
-      if (!h || !R) return;
-      const oe = h.max < 100 && d >= h.max + a.prevPanesSize, Le = R.max < 100 && d <= 100 - (R.max + j(t + 1));
+      const n = 0 + (r.pushOtherPanes ? 0 : a.prevPanesSize), i = 100 - (r.pushOtherPanes ? 0 : a.nextPanesSize), d = Math.max(Math.min(xe(e), i), n);
+      let l = [t, t + 1], p = s.value[l[0]], R = s.value[l[1]];
+      if (!p || !R) return;
+      const oe = p.max < 100 && d >= p.max + a.prevPanesSize, Le = R.max < 100 && d <= 100 - (R.max + j(t + 1));
       if (oe || Le) {
-        oe ? (h.size = h.max, R.size = Math.max(100 - h.max - a.prevPanesSize - a.nextPanesSize, 0)) : (h.size = Math.max(
+        oe ? (p.size = p.max, R.size = Math.max(100 - p.max - a.prevPanesSize - a.nextPanesSize, 0)) : (p.size = Math.max(
           100 - R.max - a.prevPanesSize - j(t + 1),
           0
         ), R.size = R.max);
@@ -415,30 +415,30 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       if (r.pushOtherPanes) {
         const re = ze(a, d);
         if (!re) return;
-        ({ sums: a, panesToResize: l } = re), h = s.value[l[0]], R = s.value[l[1]];
+        ({ sums: a, panesToResize: l } = re), p = s.value[l[0]], R = s.value[l[1]];
       }
-      h && (h.size = Math.min(
-        Math.max(d - a.prevPanesSize - a.prevReachedMinPanes, h.min),
-        h.max
+      p && (p.size = Math.min(
+        Math.max(d - a.prevPanesSize - a.prevReachedMinPanes, p.min),
+        p.max
       )), R && (R.size = Math.min(
         Math.max(100 - d - a.nextPanesSize - a.nextReachedMinPanes, R.min),
         R.max
       ));
     }, ze = (e, t) => {
-      const a = u.value.activeSplitter, n = [a, a + 1];
+      const a = c.value.activeSplitter, n = [a, a + 1];
       let i = s.value[n[0]], d = s.value[n[1]];
-      return i && t < e.prevPanesSize + i.min && (n[0] = ye(a).index, e.prevReachedMinPanes = 0, n[0] < a && s.value.forEach((l, h) => {
-        h > n[0] && h <= a && (l.size = l.min, e.prevReachedMinPanes += l.min);
-      }), e.prevPanesSize = se(n[0]), n[0] === void 0) ? (e.prevReachedMinPanes = 0, s.value[0].size = s.value[0].min, s.value.forEach((l, h) => {
-        h > 0 && h <= a && (l.size = l.min, e.prevReachedMinPanes += l.min);
-      }), d.size = 100 - e.prevReachedMinPanes - s.value[0].min - e.prevPanesSize - e.nextPanesSize, null) : t > 100 - e.nextPanesSize - s.value[n[1]].min && (n[1] = be(a).index, e.nextReachedMinPanes = 0, n[1] > a + 1 && s.value.forEach((l, h) => {
-        h > a && h < n[1] && (l.size = l.min, e.nextReachedMinPanes += l.min);
-      }), e.nextPanesSize = j(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, s.value.forEach((l, h) => {
-        h < c.value - 1 && h >= a + 1 && (l.size = l.min, e.nextReachedMinPanes += l.min);
+      return i && t < e.prevPanesSize + i.min && (n[0] = ye(a).index, e.prevReachedMinPanes = 0, n[0] < a && s.value.forEach((l, p) => {
+        p > n[0] && p <= a && (l.size = l.min, e.prevReachedMinPanes += l.min);
+      }), e.prevPanesSize = se(n[0]), n[0] === void 0) ? (e.prevReachedMinPanes = 0, s.value[0].size = s.value[0].min, s.value.forEach((l, p) => {
+        p > 0 && p <= a && (l.size = l.min, e.prevReachedMinPanes += l.min);
+      }), d.size = 100 - e.prevReachedMinPanes - s.value[0].min - e.prevPanesSize - e.nextPanesSize, null) : t > 100 - e.nextPanesSize - s.value[n[1]].min && (n[1] = be(a).index, e.nextReachedMinPanes = 0, n[1] > a + 1 && s.value.forEach((l, p) => {
+        p > a && p < n[1] && (l.size = l.min, e.nextReachedMinPanes += l.min);
+      }), e.nextPanesSize = j(n[1] - 1), n[1] === void 0) ? (e.nextReachedMinPanes = 0, s.value.forEach((l, p) => {
+        p < y.value - 1 && p >= a + 1 && (l.size = l.min, e.nextReachedMinPanes += l.min);
       }), s.value[n[0]].size = 100 - e.prevPanesSize - j(n[0] - 1), null) : { sums: e, panesToResize: n };
     }, se = (e) => s.value.reduce((t, a, n) => t + (n < e ? a.size : 0), 0), j = (e) => s.value.reduce((t, a, n) => t + (n > e + 1 ? a.size : 0), 0), ye = (e) => [...s.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, be = (e) => s.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, we = () => {
       var e;
-      const t = Array.from(((e = g.value) == null ? void 0 : e.children) || []);
+      const t = Array.from(((e = f.value) == null ? void 0 : e.children) || []);
       for (const a of t) {
         const n = a.classList.contains("splitpanes__pane"), i = a.classList.contains("splitpanes__splitter");
         !n && !i && (a.remove(), console.warn(
@@ -452,19 +452,19 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.remove();
     }, U = () => {
       var e;
-      const t = Array.from(((e = g.value) == null ? void 0 : e.children) || []);
+      const t = Array.from(((e = f.value) == null ? void 0 : e.children) || []);
       for (const n of t)
         n.className.includes("splitpanes__splitter") && Se(n);
       let a = 0;
       for (const n of t)
         n.className.includes("splitpanes__pane") && (!a && r.firstSplitter ? ie(a, n, !0) : a && ie(a, n), a++);
     }, ke = ({ uid: e, ...t }) => {
-      const a = y.value[e];
+      const a = z.value[e];
       for (const [n, i] of Object.entries(t)) a[n] = i;
     }, Pe = (e) => {
       var t;
       let a = -1;
-      Array.from(((t = g.value) == null ? void 0 : t.children) || []).some((n) => (n.className.includes("splitpanes__pane") && a++, n.isSameNode(e.el))), s.value.splice(a, 0, { ...e, index: a }), s.value.forEach((n, i) => n.index = i), _.value && ee(() => {
+      Array.from(((t = f.value) == null ? void 0 : t.children) || []).some((n) => (n.className.includes("splitpanes__pane") && a++, n.isSameNode(e.el))), s.value.splice(a, 0, { ...e, index: a }), s.value.forEach((n, i) => n.index = i), g.value && ee(() => {
         U(), Y({ addedPane: s.value[a] }), L("pane-add", { pane: s.value[a] });
       });
     }, Ce = (e) => {
@@ -475,9 +475,9 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
         U(), L("pane-remove", { pane: a }), Y({ removedPane: { ...a } });
       });
     }, Y = (e = {}) => {
-      !e.addedPane && !e.removedPane ? $e() : s.value.some((t) => t.givenSize !== null || t.min || t.max < 100) ? Re(e) : Me(), _.value && L("resized");
+      !e.addedPane && !e.removedPane ? $e() : s.value.some((t) => t.givenSize !== null || t.min || t.max < 100) ? Re(e) : Me(), g.value && L("resized");
     }, Me = () => {
-      const e = 100 / c.value;
+      const e = 100 / y.value;
       let t = 0;
       const a = [], n = [];
       for (const i of s.value)
@@ -493,15 +493,15 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       if (e > 0.1) {
         for (const d of s.value)
           d.givenSize === null && (d.size = Math.max(
-            Math.min(e / (c.value - n), d.max),
+            Math.min(e / (y.value - n), d.max),
             d.min
           )), i -= d.size;
         i > 0.1 && Z(i, t, a);
       }
     }, Re = ({ addedPane: e, removedPane: t } = {}) => {
-      let a = 100 / c.value, n = 0;
+      let a = 100 / y.value, n = 0;
       const i = [], d = [];
-      (e?.givenSize ?? null) !== null && (a = (100 - e.givenSize) / (c.value - 1));
+      (e?.givenSize ?? null) !== null && (a = (100 - e.givenSize) / (y.value - 1));
       for (const l of s.value)
         n -= l.size, l.size >= l.max && i.push(l.id), l.size <= l.min && d.push(l.id);
       if (!(Math.abs(n) < 0.1)) {
@@ -511,20 +511,20 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       }
     }, Z = (e, t, a) => {
       let n;
-      e > 0 ? n = e / (c.value - t.length) : n = e / (c.value - a.length), s.value.forEach((i, d) => {
+      e > 0 ? n = e / (y.value - t.length) : n = e / (y.value - a.length), s.value.forEach((i, d) => {
         if (e > 0 && !t.includes(i.id)) {
-          const l = Math.max(Math.min(i.size + n, i.max), i.min), h = l - i.size;
-          e -= h, i.size = l;
+          const l = Math.max(Math.min(i.size + n, i.max), i.min), p = l - i.size;
+          e -= p, i.size = l;
         } else if (!a.includes(i.id)) {
-          const l = Math.max(Math.min(i.size + n, i.max), i.min), h = l - i.size;
-          e -= h, i.size = l;
+          const l = Math.max(Math.min(i.size + n, i.max), i.min), p = l - i.size;
+          e -= p, i.size = l;
         }
       }), Math.abs(e) > 0.1 && ee(() => {
-        _.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
+        g.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
     }, L = (e, t = void 0, a = !1) => {
-      const n = t?.index ?? u.value.activeSplitter ?? null;
-      f(e, {
+      const n = t?.index ?? c.value.activeSplitter ?? null;
+      h(e, {
         ...t,
         ...n !== null && { index: n },
         ...a && n !== null && {
@@ -542,14 +542,14 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
       () => r.firstSplitter,
       () => U()
     ), pe(() => {
-      we(), U(), Y(), L("ready"), _.value = !0;
-    }), he(() => _.value = !1), T("panes", s), T("indexedPanes", y), T(
+      we(), U(), Y(), L("ready"), g.value = !0;
+    }), he(() => g.value = !1), T("panes", s), T("indexedPanes", z), T(
       "horizontal",
       P(() => r.horizontal)
-    ), T("requestUpdate", ke), T("onPaneAdd", Pe), T("onPaneRemove", Ce), T("onPaneClick", N), (e, t) => (z(), b("div", {
+    ), T("requestUpdate", ke), T("onPaneAdd", Pe), T("onPaneRemove", Ce), T("onPaneClick", N), (e, t) => (_(), b("div", {
       class: I(S.value),
       ref_key: "containerEl",
-      ref: g
+      ref: f
     }, [
       fe(e.$slots, "default")
     ], 2));
@@ -561,46 +561,46 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
     minSize: { type: [Number, String], default: 0 },
     maxSize: { type: [Number, String], default: 100 }
   },
-  setup(m) {
+  setup(u) {
     var o;
-    const f = m, r = q("requestUpdate"), s = q("onPaneAdd"), y = q("horizontal"), c = q("onPaneRemove"), g = q("onPaneClick"), _ = (o = qe()) == null ? void 0 : o.uid, u = q("indexedPanes"), x = P(() => u.value[_]), S = B(null), k = P(() => {
-      const v = isNaN(f.size) || f.size === void 0 ? 0 : parseFloat(f.size);
+    const h = u, r = q("requestUpdate"), s = q("onPaneAdd"), z = q("horizontal"), y = q("onPaneRemove"), f = q("onPaneClick"), g = (o = qe()) == null ? void 0 : o.uid, c = q("indexedPanes"), x = P(() => c.value[g]), S = B(null), k = P(() => {
+      const v = isNaN(h.size) || h.size === void 0 ? 0 : parseFloat(h.size);
       return Math.max(Math.min(v, $.value), C.value);
     }), C = P(() => {
-      const v = parseFloat(f.minSize);
+      const v = parseFloat(h.minSize);
       return isNaN(v) ? 0 : v;
     }), $ = P(() => {
-      const v = parseFloat(f.maxSize);
+      const v = parseFloat(h.maxSize);
       return isNaN(v) ? 100 : v;
     }), w = P(() => {
       var v;
-      return `${y.value ? "height" : "width"}: ${(v = x.value) == null ? void 0 : v.size}%`;
+      return `${z.value ? "height" : "width"}: ${(v = x.value) == null ? void 0 : v.size}%`;
     });
     return J(
       () => k.value,
-      (v) => r({ uid: _, size: v })
+      (v) => r({ uid: g, size: v })
     ), J(
       () => C.value,
-      (v) => r({ uid: _, min: v })
+      (v) => r({ uid: g, min: v })
     ), J(
       () => $.value,
-      (v) => r({ uid: _, max: v })
+      (v) => r({ uid: g, max: v })
     ), pe(() => {
       s({
-        id: _,
+        id: g,
         el: S.value,
         min: C.value,
         max: $.value,
         // The given size (useful to know the user intention).
-        givenSize: f.size === void 0 ? null : k.value,
+        givenSize: h.size === void 0 ? null : k.value,
         size: k.value
         // The computed current size at any time.
       });
-    }), he(() => c(_)), (v, O) => (z(), b("div", {
+    }), he(() => y(g)), (v, O) => (_(), b("div", {
       ref_key: "paneEl",
       ref: S,
       class: "splitpanes__pane",
-      onClick: O[0] || (O[0] = (D) => M(g)(D, M(_))),
+      onClick: O[0] || (O[0] = (D) => M(f)(D, M(g))),
       style: Ie(w.value)
     }, [
       fe(v.$slots, "default")
@@ -610,8 +610,8 @@ const Pt = Q({ name: "lucide-search", render: kt }), Ct = /* @__PURE__ */ A({
 let $t = 0;
 const Rt = () => `${Mt}-${Date.now()}-${$t++}`;
 class Lt extends Event {
-  constructor(o, f, r) {
-    super(o), this.container = f, this.matches = r;
+  constructor(o, h, r) {
+    super(o), this.container = h, this.matches = r;
   }
 }
 class Et extends EventTarget {
@@ -619,52 +619,52 @@ class Et extends EventTarget {
   #t = new AbortController();
   container;
   matches;
-  constructor(o, f) {
-    super(), this.container = f;
+  constructor(o, h) {
+    super(), this.container = h;
     const r = `container-query-observer-${Rt()}`, s = `data-${r}`;
     o.setAttribute(s, "");
-    const y = `--${r}`, c = `
-      @property ${y} {
+    const z = `--${r}`, y = `
+      @property ${z} {
         syntax: '<custom-ident>';
         inherits: false;
         initial-value: --false;
       }
-`.trim(), g = `
-      @container ${f} {
+`.trim(), f = `
+      @container ${h} {
         [${s}] {
-          ${y}: --true;
+          ${z}: --true;
         }
       }
-`.trim(), _ = o.getRootNode();
-    if (!(_ instanceof ShadowRoot) && !(_ instanceof Document))
-      throw console.error("root node of element isn't a ShadowRoot or Document", _), new TypeError("Root node must be a ShadowRoot or Document");
-    const u = new CSSStyleSheet();
-    if (u.replaceSync(c), document.adoptedStyleSheets.push(u), _.ownerDocument === document) {
+`.trim(), g = o.getRootNode();
+    if (!(g instanceof ShadowRoot) && !(g instanceof Document))
+      throw console.error("root node of element isn't a ShadowRoot or Document", g), new TypeError("Root node must be a ShadowRoot or Document");
+    const c = new CSSStyleSheet();
+    if (c.replaceSync(y), document.adoptedStyleSheets.push(c), g.ownerDocument === document) {
       const k = new CSSStyleSheet();
-      k.replaceSync(g), _.adoptedStyleSheets.push(k);
+      k.replaceSync(f), g.adoptedStyleSheets.push(k);
     }
     const S = getComputedStyle(o);
-    this.matches = S.getPropertyValue(y) === "--true", this.#e = o, this.#n(y, f, o);
+    this.matches = S.getPropertyValue(z) === "--true", this.#e = o, this.#n(z, h, o);
   }
-  #n(o, f, r) {
+  #n(o, h, r) {
     const s = {};
     r.style.setProperty("transition", `${o} 0.001ms step-start`), r.style.setProperty("transition-behavior", "allow-discrete"), r.addEventListener(
       "transitionrun",
-      (g) => {
-        if (r === g.target) {
-          const _ = getComputedStyle(r), u = {}, x = _.getPropertyValue(o), S = s[o];
-          if (x !== S && (u[o] = x, s[o] = x, o in u)) {
-            const C = u[o] === "--true";
+      (f) => {
+        if (r === f.target) {
+          const g = getComputedStyle(r), c = {}, x = g.getPropertyValue(o), S = s[o];
+          if (x !== S && (c[o] = x, s[o] = x, o in c)) {
+            const C = c[o] === "--true";
             this.matches = C;
-            const $ = new Lt("change", f, C);
+            const $ = new Lt("change", h, C);
             this.dispatchEvent($);
           }
         }
       },
       { signal: this.#t.signal }
     );
-    const c = getComputedStyle(r).getPropertyValue(o);
-    s[o] = c;
+    const y = getComputedStyle(r).getPropertyValue(o);
+    s[o] = y;
   }
   dispose() {
     this.#e.style.removeProperty("transition"), this.#e.style.removeProperty("transition-behavior"), this.#t.abort();
@@ -673,19 +673,19 @@ class Et extends EventTarget {
 typeof window < "u" && (HTMLElement.prototype.matchContainer || (HTMLElement.prototype.matchContainer = function(o) {
   return new Et(this, o);
 }));
-function Nt(m, o) {
-  const f = Ae(
+function Nt(u, o) {
+  const h = Qe(
     () => typeof document < "u" && typeof document.body.matchContainer == "function"
   ), r = te(), s = te(!1);
-  return je(() => {
-    f.value && (r.value?.dispose(), r.value = le(o)?.matchContainer(le(m)), s.value = !!r.value?.matches);
+  return Ae(() => {
+    h.value && (r.value?.dispose(), r.value = le(o)?.matchContainer(le(u)), s.value = !!r.value?.matches);
   }), ve(() => {
     r.value?.dispose();
-  }), Qe(
+  }), je(
     r,
     "change",
-    (y) => {
-      s.value = y.matches;
+    (z) => {
+      s.value = z.matches;
     },
     { passive: !0 }
   ), P(() => s.value);
@@ -695,30 +695,30 @@ const Tt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Bt
   class: "divide-y divide-(--ui-border)"
 }, Ut = /* @__PURE__ */ A({
   __name: "queries",
-  setup(m) {
-    const o = B(""), f = Ue(), r = P(() => {
-      let u = f.value;
+  setup(u) {
+    const o = B(""), h = Ue(), r = P(() => {
+      let c = h.value;
       if (o.value) {
         const x = o.value.toLowerCase();
-        u = u.filter((S) => S.key.some((C) => String(C).toLowerCase().includes(x)));
+        c = c.filter((S) => S.key.some((C) => String(C).toLowerCase().includes(x)));
       }
-      return u.sort((x, S) => S.devtools.updatedAt - x.devtools.updatedAt);
+      return c.sort((x, S) => S.devtools.updatedAt - x.devtools.updatedAt);
     }), s = P(() => ({
       loading: [],
       fresh: [],
       error: [],
       pending: [],
-      inactive: r.value.filter((u) => !u.active),
-      ...Object.groupBy(r.value, (u) => ge(u))
-    })), y = Fe("split-panes-container"), c = Nt("(width < 768px)", () => y.value?.$el), g = He("pc-devtools-query-list-panel-size", [30, 70]);
-    function _({ panes: u }) {
-      g.value = u.map((x) => x.size);
+      inactive: r.value.filter((c) => !c.active),
+      ...Object.groupBy(r.value, (c) => ge(c))
+    })), z = Fe("split-panes-container"), y = Nt("(width < 768px)", () => z.value?.$el), f = He("pc-devtools-query-list-panel-size", [30, 70]);
+    function g({ panes: c }) {
+      f.value = c.map((x) => x.size);
     }
-    return (u, x) => {
+    return (c, x) => {
       const S = Pt, k = wt, C = bt, $ = me("RouterView");
-      return z(), b("section", Tt, [
-        p("div", Bt, [
-          p("div", Ot, [
+      return _(), b("section", Tt, [
+        m("div", Bt, [
+          m("div", Ot, [
             E(S, { class: "absolute left-2 top-1/2 -translate-y-1/2 text-ui-text-muted size-4" }),
             E(k, {
               modelValue: o.value,
@@ -728,23 +728,23 @@ const Tt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Bt
               placeholder: "Search Queries"
             }, null, 8, ["modelValue"])
           ]),
-          p("div", Dt, [
-            (z(!0), b(W, null, ne(s.value, (w, v) => (z(), b("div", {
+          m("div", Dt, [
+            (_(!0), b(W, null, ne(s.value, (w, v) => (_(), b("div", {
               key: v,
               class: I(["theme-neutral bg-(--ui-bg-muted) rounded p-1 text-xs font-semibold flex items-center gap-x-1", (w?.length ?? 0) === 0 ? "text-(--ui-text-muted)" : ""]),
               title: `${w?.length ?? 0} ${v} queries (after filtering)`
             }, [
-              p("div", {
+              m("div", {
                 class: I(["rounded-full size-2", M(K)[v].base])
               }, null, 2),
-              p("span", qt, ae(v), 1),
-              p("div", {
+              m("span", qt, ae(v), 1),
+              m("div", {
                 class: I([
                   "px-1.5 py-0.5 rounded min-w-[1.65em] flex justify-center",
                   (w?.length ?? 0) === 0 ? "bg-(--ui-bg-accented)" : [M(K)[v].base, M(K)[v].text]
                 ])
               }, [
-                p("span", null, ae(w?.length ?? 0), 1)
+                m("span", null, ae(w?.length ?? 0), 1)
               ], 2)
             ], 10, Vt))), 128))
           ])
@@ -752,18 +752,18 @@ const Tt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Bt
         E(M(Ct), {
           ref: "split-panes-container",
           class: "overflow-hidden",
-          horizontal: M(c),
-          onResized: _
+          horizontal: M(y),
+          onResized: g
         }, {
           default: H(() => [
             E(M(de), {
               "min-size": "15",
-              size: M(g)[0],
+              size: M(f)[0],
               class: "flex flex-col"
             }, {
               default: H(() => [
-                p("ol", It, [
-                  (z(!0), b(W, null, ne(r.value, (w) => (z(), b("li", {
+                m("ol", It, [
+                  (_(!0), b(W, null, ne(r.value, (w) => (_(), b("li", {
                     key: w.keyHash
                   }, [
                     E(C, { entry: w }, null, 8, ["entry"])
@@ -774,7 +774,7 @@ const Tt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Bt
             }, 8, ["size"]),
             E(M(de), {
               "min-size": "30",
-              size: M(g)[1],
+              size: M(f)[1],
               class: "flex flex-col"
             }, {
               default: H(() => [
@@ -792,4 +792,4 @@ const Tt = { class: "grid grid-rows-[auto_1fr] overflow-hidden @container" }, Bt
 export {
   Ut as default
 };
-//# sourceMappingURL=queries-BWAwqUDO.js.map
+//# sourceMappingURL=queries-CLrIueL2.js.map