@pinia/colada-devtools 0.1.4 → 0.1.6

package/dist-panel/_queryId_-Bilvrtoo.js

@@ -1,621 +0,0 @@
-import { _ as N } from "./mouse-pointer-click--GgfMFjw.js";
-import { m, c as l, o as n, a as e, d as z, Q as A, l as U, p as F, R as Q, C as M, P as v, g as w, h as b, S as W, t as u, _ as Y, M as G, b as P, T as X, U as Z, x as I, y as J, F as q, k as r, w as d, i, V as K, W as B, X as ee, j as te } from "./index-D50XbbDk.js";
-import { _ as oe, a as se } from "./loader-BxXz3POc.js";
-const ne = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function le(a, s) {
-  return n(), l("svg", ne, s[0] || (s[0] = [
-    e("path", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M3 6h18m-2 0v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6m3 0V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
-    }, null, -1)
-  ]));
-}
-const ae = m({ name: "lucide-trash", render: le }), ie = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function re(a, s) {
-  return n(), l("svg", ie, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-      e("path", { d: "M3 3v5h5" })
-    ], -1)
-  ]));
-}
-const de = m({ name: "lucide-rotate-ccw", render: re }), ue = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function ce(a, s) {
-  return n(), l("svg", ue, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("path", { d: "M10 2h4m-2 12v-4m-8 3a8 8 0 0 1 8-7a8 8 0 1 1-5.3 14L4 17.6" }),
-      e("path", { d: "M9 17H4v5" })
-    ], -1)
-  ]));
-}
-const pe = m({ name: "lucide-timer-reset", render: ce }), ve = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function me(a, s) {
-  return n(), l("svg", ve, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("path", { d: "M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-      e("path", { d: "M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-      e("path", { d: "M8 16H3v5" })
-    ], -1)
-  ]));
-}
-const he = m({ name: "lucide-refresh-cw", render: me }), _e = { class: "collapse collapse-arrow" }, fe = { class: "collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral" }, ge = { class: "font-semibold text-sm flex gap-x-1 items-center" }, ke = /* @__PURE__ */ z({
-  __name: "UCollapse.ce",
-  props: /* @__PURE__ */ A({
-    title: { type: String },
-    icon: { type: [Object, Function] }
-  }, {
-    open: { type: Boolean, default: !0 },
-    openModifiers: {}
-  }),
-  emits: ["update:open"],
-  setup(a) {
-    const s = U(a, "open");
-    function f(o) {
-      if (o.target instanceof HTMLElement) {
-        const h = {
-          block: "nearest",
-          inline: "nearest",
-          behavior: "smooth"
-        };
-        o.target.scrollIntoView(h);
-      }
-    }
-    return (o, h) => (n(), l("div", _e, [
-      F(e("input", {
-        "onUpdate:modelValue": h[0] || (h[0] = (C) => s.value = C),
-        type: "checkbox"
-      }, null, 512), [
-        [Q, s.value]
-      ]),
-      e("div", fe, [
-        M(o.$slots, "title", {
-          open: s.value,
-          title: o.title
-        }, () => [
-          e("h3", ge, [
-            M(o.$slots, "icon", {}, () => [
-              o.icon ? (n(), w(W(o.icon), {
-                key: 0,
-                class: "size-4"
-              })) : b("", !0)
-            ], !0),
-            v(" " + u(o.title ?? "Group"), 1)
-          ])
-        ], !0)
-      ]),
-      e("div", {
-        class: "collapse-content px-2 text-sm overflow-hidden",
-        onTransitionend: f
-      }, [
-        M(o.$slots, "default", { open: s.value }, void 0, !0)
-      ], 32)
-    ]));
-  }
-}), ye = '.collapse[data-v-a5be0055]:not(td,tr,colgroup){visibility:visible}.collapse[data-v-a5be0055]{position:relative;display:grid;overflow:hidden;width:100%;grid-template-rows:max-content 0fr;transition:grid-template-rows .2s;isolation:isolate}.collapse>input[data-v-a5be0055]:is([type=checkbox],[type=radio]){grid-column-start:1;grid-row-start:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.collapse[data-v-a5be0055]:is([open],:focus),.collapse[data-v-a5be0055]:has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],:focus)>.collapse-content[data-v-a5be0055],.collapse[data-v-a5be0055]:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}.collapse[data-v-a5be0055]:focus-visible,.collapse[data-v-a5be0055]:has(>input:is([type=checkbox],[type=radio]):focus-visible){outline-color:var(--ui-text);outline-style:solid;outline-width:2px;outline-offset:2px}.collapse:not(.collapse-close)>input[type=checkbox][data-v-a5be0055],.collapse:not(.collapse-close)>input[type=radio][data-v-a5be0055]:not(:checked),.collapse:not(.collapse-close)>.collapse-title[data-v-a5be0055]{cursor:pointer}.collapse:focus:not(.collapse-close,.collapse[open])>.collapse-title[data-v-a5be0055]{cursor:unset}.collapse:is([open]).collapse-arrow>.collapse-title[data-v-a5be0055]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow:focus>.collapse-title[data-v-a5be0055]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow>input:is([type=checkbox],[type=radio]):checked~.collapse-title[data-v-a5be0055]:after{transform:translateY(-50%) rotate(225deg)}.collapse>input[data-v-a5be0055]:is([type=checkbox],[type=radio]){z-index:1;width:100%}.collapse-title[data-v-a5be0055],.collapse-content[data-v-a5be0055]{grid-column-start:1;grid-row-start:1}.collapse-content[data-v-a5be0055]{visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0;cursor:unset;transition:visibility .2s}.collapse-arrow>.collapse-title[data-v-a5be0055]:after{position:absolute;display:block;height:.5rem;width:.5rem;transform:translateY(-100%) rotate(45deg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;top:50%;right:.8em;inset-inline-end:.75rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.collapse-title[data-v-a5be0055]{position:relative;width:100%;transition:background-color .2s ease-out}', xe = /* @__PURE__ */ Y(ke, [["styles", [ye]], ["__scopeId", "data-v-a5be0055"]]);
-function we(a) {
-  if (a < 1e3)
-    return `${Math.round(a)} ms`;
-  const s = a / 1e3;
-  if (a < 1e4)
-    return `${s.toFixed(3)} seconds`;
-  if (a < 6e4)
-    return `${Math.floor(s)} seconds`;
-  const f = Math.floor(s / 60);
-  return a < 36e5 ? `${f} minute${f > 1 ? "s" : ""}` : `${Math.floor(f / 60)}h${f % 60}m${s % 60}s`;
-}
-const be = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function $e(a, s) {
-  return n(), l("svg", be, s[0] || (s[0] = [
-    e("path", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"
-    }, null, -1)
-  ]));
-}
-const Ce = m({ name: "lucide-wrench", render: $e }), Me = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function qe(a, s) {
-  return n(), l("svg", Me, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("circle", {
-        cx: "12",
-        cy: "12",
-        r: "10"
-      }),
-      e("path", { d: "M12 16v-4m0-4h.01" })
-    ], -1)
-  ]));
-}
-const Be = m({ name: "lucide-info", render: qe }), Te = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Se(a, s) {
-  return n(), l("svg", Te, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
-      e("path", { d: "M14 2v4a2 2 0 0 0 2 2h4M10 9H8m8 4H8m8 4H8" })
-    ], -1)
-  ]));
-}
-const He = m({ name: "lucide-file-text", render: Se }), je = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Ie(a, s) {
-  return n(), l("svg", je, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("circle", {
-        cx: "12",
-        cy: "12",
-        r: "10"
-      }),
-      e("path", { d: "m15 9l-6 6m0-6l6 6" })
-    ], -1)
-  ]));
-}
-const ze = m({ name: "lucide-circle-x", render: Ie }), De = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Ve(a, s) {
-  return n(), l("svg", De, s[0] || (s[0] = [
-    e("path", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"
-    }, null, -1)
-  ]));
-}
-const Oe = m({ name: "lucide-braces", render: Ve }), Re = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Ee(a, s) {
-  return n(), l("svg", Re, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("path", { d: "M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-      e("path", { d: "M3 3v5h5m4-1v5l4 2" })
-    ], -1)
-  ]));
-}
-const Le = m({ name: "lucide-history", render: Ee }), Ne = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function Ae(a, s) {
-  return n(), l("svg", Ne, s[0] || (s[0] = [
-    e("g", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, [
-      e("rect", {
-        width: "18",
-        height: "18",
-        x: "3",
-        y: "3",
-        rx: "2"
-      }),
-      e("path", { d: "M16 8.9V7H8l4 5l-4 5h8v-1.9" })
-    ], -1)
-  ]));
-}
-const Ue = m({ name: "lucide-sigma-square", render: Ae }), Fe = { class: "flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)" }, Qe = { class: "py-1 text-sm" }, We = { class: "grid grid-cols-[auto_1fr] gap-1" }, Ye = { class: "rounded bg-neutral-500/20 p-0.5" }, Ge = {
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "When was the query entry last updated"
-}, Pe = { class: "font-bold" }, Xe = {
-  key: 0,
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "When was the last time the query was fetched"
-}, Ze = { class: "font-bold" }, Je = {
-  key: 1,
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "How long did the last query take to fetch"
-}, Ke = { class: "font-bold" }, et = {
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "How many components and effects are using this query"
-}, tt = { class: "font-bold" }, ot = {
-  key: 2,
-  class: "grid grid-cols-[auto_1fr] gap-x-2",
-  title: "When is this query entry garbace collected"
-}, st = { class: "font-bold" }, nt = { class: "py-2 gap-2 flex flex-wrap items-center justify-items-start" }, lt = { class: "py-1" }, at = {
-  key: 0,
-  class: "rounded p-1 overflow-auto max-h-[1200px]"
-}, it = {
-  key: 1,
-  class: "text-neutral-500/50"
-}, rt = { class: "py-1" }, dt = {
-  key: 0,
-  class: "rounded p-1 overflow-auto max-h-[1200px]"
-}, ut = {
-  key: 1,
-  class: "text-neutral-500/50"
-}, ct = { class: "py-1" }, pt = { class: "grid grid-cols-[auto_1fr] gap-1" }, vt = { class: "font-bold" }, mt = { class: "font-bold" }, ht = { class: "font-bold" }, _t = { class: "font-bold" }, ft = { class: "py-1" }, gt = { class: "rounded p-1 overflow-auto max-h-[1200px]" }, kt = { class: "py-1" }, yt = {
-  key: 0,
-  class: "rounded bg-neutral-500/20 p-1 overflow-auto max-h-[1200px]"
-}, xt = { key: 1 }, wt = {
-  key: 1,
-  class: "py-6 mx-auto"
-}, bt = { class: "flex flex-col text-center items-center gap-2 text-lg px-2" }, qt = /* @__PURE__ */ z({
-  __name: "[queryId]",
-  setup(a) {
-    const s = K(), f = G(), o = P(() => f.value.find((c) => c.keyHash === s.params.queryId) ?? null), h = {
-      showSecond: !0,
-      rounding: "floor",
-      max: 1e3 * 60 * 5
-      // 5 minutes
-    }, C = X(() => {
-      var c;
-      return ((c = o.value) == null ? void 0 : c.devtools.updatedAt) ?? 0;
-    }, {
-      ...h,
-      updateInterval: 3e3
-    }), k = Z(), x = I(!1);
-    let T = x.value, S = null;
-    const $ = I(!1);
-    return J(
-      () => {
-        var c;
-        return (c = o.value) == null ? void 0 : c.state;
-      },
-      (c) => {
-        !c || S === c.status || (S = c.status, c.status === "error" ? ($.value = !0, T = x.value, x.value = !1) : c.status === "success" && (x.value = T, $.value = !1));
-      }
-    ), (c, t) => {
-      const g = xe, D = he, y = ee, V = pe, H = oe, O = se, R = de, E = ae, L = N;
-      return n(), l("div", Fe, [
-        o.value ? (n(), l(q, { key: 0 }, [
-          r(g, {
-            title: "Details",
-            icon: i(Be)
-          }, {
-            default: d(() => {
-              var p, _, j;
-              return [
-                e("div", Qe, [
-                  e("p", We, [
-                    t[9] || (t[9] = e("span", null, "key:", -1)),
-                    e("span", null, [
-                      e("code", Ye, u(o.value.key), 1)
-                    ])
-                  ]),
-                  e("p", Ge, [
-                    t[10] || (t[10] = e("span", null, "Last update:", -1)),
-                    e("span", Pe, u(i(C)), 1)
-                  ]),
-                  (p = o.value.devtools.history.at(0)) != null && p.fetchTime ? (n(), l("p", Xe, [
-                    t[11] || (t[11] = e("span", null, "Last fetch:", -1)),
-                    e("span", Ze, u(i(B)(new Date(o.value.devtools.history.at(0).fetchTime.start), {
-                      ...h,
-                      max: void 0
-                    })), 1)
-                  ])) : b("", !0),
-                  (j = (_ = o.value.devtools.history.at(0)) == null ? void 0 : _.fetchTime) != null && j.end ? (n(), l("p", Je, [
-                    t[12] || (t[12] = e("span", null, "Fetch duration:", -1)),
-                    e("span", Ke, u(i(we)(
-                      o.value.devtools.history.at(0).fetchTime.end - o.value.devtools.history.at(0).fetchTime.start
-                    )), 1)
-                  ])) : b("", !0),
-                  e("p", et, [
-                    e("span", null, [
-                      t[13] || (t[13] = v("Observers: ")),
-                      e("span", tt, u(o.value.deps.length), 1)
-                    ])
-                  ]),
-                  !o.value.active && o.value.options ? (n(), l("p", ot, [
-                    typeof o.value.options.gcTime == "number" && Number.isFinite(o.value.options.gcTime) ? (n(), l(q, { key: 0 }, [
-                      t[14] || (t[14] = e("span", null, [
-                        v("Will be "),
-                        e("i", null, "gced")
-                      ], -1)),
-                      e("span", st, u(i(B)(
-                        new Date(o.value.devtools.inactiveAt + o.value.options.gcTime),
-                        {
-                          ...h,
-                          max: void 0
-                        }
-                      )), 1)
-                    ], 64)) : b("", !0)
-                  ])) : b("", !0)
-                ])
-              ];
-            }),
-            _: 1
-          }, 8, ["icon"]),
-          r(g, {
-            title: "Actions",
-            icon: i(Ce)
-          }, {
-            default: d(() => {
-              var p;
-              return [
-                e("div", nt, [
-                  r(y, {
-                    class: "theme-info",
-                    size: "sm",
-                    title: "Refetch this query",
-                    disabled: ((p = o.value.options) == null ? void 0 : p.enabled) === !1,
-                    onClick: t[0] || (t[0] = (_) => i(k).emit("queries:refetch", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(D, { class: "size-3.5" }),
-                      t[15] || (t[15] = v(" Refetch "))
-                    ]),
-                    _: 1,
-                    __: [15]
-                  }, 8, ["disabled"]),
-                  r(y, {
-                    class: "theme-neutral",
-                    size: "sm",
-                    title: "Invalidate this query",
-                    onClick: t[1] || (t[1] = (_) => i(k).emit("queries:invalidate", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(V),
-                      t[16] || (t[16] = v(" Invalidate "))
-                    ]),
-                    _: 1,
-                    __: [16]
-                  }),
-                  o.value.devtools.simulate !== "loading" ? (n(), w(y, {
-                    key: 0,
-                    class: "theme-purple",
-                    size: "sm",
-                    title: "Restore the previous state",
-                    onClick: t[2] || (t[2] = (_) => i(k).emit("queries:simulate:loading", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(H),
-                      t[17] || (t[17] = v(" Simulate loading "))
-                    ]),
-                    _: 1,
-                    __: [17]
-                  })) : (n(), w(y, {
-                    key: 1,
-                    class: "theme-purple",
-                    size: "sm",
-                    title: "Simulate a loading state",
-                    onClick: t[3] || (t[3] = (_) => i(k).emit("queries:simulate:loading:stop", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(H, { class: "animate-spin" }),
-                      t[18] || (t[18] = v(" Stop loading "))
-                    ]),
-                    _: 1,
-                    __: [18]
-                  })),
-                  o.value.devtools.simulate !== "error" ? (n(), w(y, {
-                    key: 2,
-                    class: "theme-error",
-                    size: "sm",
-                    title: "Simulate an Error state",
-                    onClick: t[4] || (t[4] = (_) => i(k).emit("queries:simulate:error", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(O),
-                      t[19] || (t[19] = v(" Simulate error "))
-                    ]),
-                    _: 1,
-                    __: [19]
-                  })) : (n(), w(y, {
-                    key: 3,
-                    class: "theme-error",
-                    size: "sm",
-                    title: "Restore the previous state",
-                    onClick: t[5] || (t[5] = (_) => i(k).emit("queries:simulate:error:stop", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(R),
-                      t[20] || (t[20] = v(" Remove error "))
-                    ]),
-                    _: 1,
-                    __: [20]
-                  })),
-                  r(y, {
-                    class: "theme-warning",
-                    size: "sm",
-                    title: "Reset this query to its initial (pending) state",
-                    onClick: t[6] || (t[6] = (_) => i(k).emit("queries:reset", o.value.key))
-                  }, {
-                    default: d(() => [
-                      r(E),
-                      t[21] || (t[21] = v(" Reset "))
-                    ]),
-                    _: 1,
-                    __: [21]
-                  })
-                ])
-              ];
-            }),
-            _: 1
-          }, 8, ["icon"]),
-          r(g, {
-            open: x.value,
-            "onUpdate:open": t[7] || (t[7] = (p) => x.value = p),
-            title: "Data",
-            icon: i(He)
-          }, {
-            default: d(() => [
-              e("div", lt, [
-                o.value.state.data !== void 0 ? (n(), l("pre", at, u(o.value.state.data), 1)) : (n(), l("p", it, " No data "))
-              ])
-            ]),
-            _: 1
-          }, 8, ["open", "icon"]),
-          r(g, {
-            open: $.value,
-            "onUpdate:open": t[8] || (t[8] = (p) => $.value = p),
-            title: `Error${o.value.state.status === "error" ? " (!)" : ""}`,
-            icon: i(ze)
-          }, {
-            default: d(() => [
-              e("div", rt, [
-                o.value.state.error ? (n(), l("pre", dt, u(o.value.state.error), 1)) : (n(), l("p", ut, " No error "))
-              ])
-            ]),
-            _: 1
-          }, 8, ["open", "title", "icon"]),
-          r(g, {
-            title: "Call count",
-            icon: i(Ue),
-            open: !1
-          }, {
-            default: d(() => [
-              e("div", ct, [
-                e("p", pt, [
-                  t[22] || (t[22] = e("span", null, "Calls:", -1)),
-                  e("span", null, [
-                    e("code", vt, u(o.value.devtools.count.total), 1)
-                  ]),
-                  t[23] || (t[23] = e("span", null, "Success:", -1)),
-                  e("span", null, [
-                    e("code", mt, u(o.value.devtools.count.succeed), 1)
-                  ]),
-                  t[24] || (t[24] = e("span", null, "Errors:", -1)),
-                  e("span", null, [
-                    e("code", ht, u(o.value.devtools.count.errored), 1)
-                  ]),
-                  t[25] || (t[25] = e("span", null, "Cancelled:", -1)),
-                  e("span", null, [
-                    e("code", _t, u(o.value.devtools.count.cancelled), 1)
-                  ])
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["icon"]),
-          r(g, {
-            title: `History (${o.value.devtools.history.length})`,
-            icon: i(Le),
-            open: !1
-          }, {
-            default: d(() => [
-              e("div", ft, [
-                (n(!0), l(q, null, te(o.value.devtools.history, (p) => (n(), w(g, {
-                  key: p.updatedAt,
-                  title: `Entry nº${p.id} (${i(B)(new Date(p.updatedAt), h)})`,
-                  open: !1
-                }, {
-                  default: d(() => [
-                    e("pre", gt, u(p), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["title"]))), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["title", "icon"]),
-          r(g, {
-            title: "Options",
-            open: !1,
-            icon: i(Oe)
-          }, {
-            default: d(() => [
-              e("div", kt, [
-                o.value.options ? (n(), l("pre", yt, u(o.value.options), 1)) : (n(), l("p", xt, t[26] || (t[26] = [
-                  v(" This Query entry has no options. It might have been created from the server or manually set with "),
-                  e("code", null, "queryCache.setQueryData()", -1),
-                  v(" for prefetching. ")
-                ])))
-              ])
-            ]),
-            _: 1
-          }, 8, ["icon"])
-        ], 64)) : (n(), l("div", wt, [
-          e("p", bt, [
-            t[27] || (t[27] = v(" Select a Query to inspect ")),
-            r(L)
-          ])
-        ]))
-      ]);
-    };
-  }
-});
-export {
-  qt as default
-};
-//# sourceMappingURL=_queryId_-Bilvrtoo.js.map