@tanstack/vue-query-devtools 5.13.5 → 5.14.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/{N66J3ZXT-0fa51b9e.js → 47NOZC6N-51b8b5f6.js} +55 -59
  2. package/dist/{devtools.vue_vue_type_script_setup_true_lang-9565749e.js → devtools.vue_vue_type_script_setup_true_lang-b5b06651.js} +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/production.js +1 -1
  5. package/package.json +3 -3
package/dist/{N66J3ZXT-0fa51b9e.js → 47NOZC6N-51b8b5f6.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  var Xi = Object.defineProperty;
2
2
  var Zi = (e, t, n) => t in e ? Xi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
3
3
  var Br = (e, t, n) => (Zi(e, typeof t != "symbol" ? t + "" : t, n), n);
4
- import { d as Ln, s as Vn, m as jn, c as z, g as Ji, a as D, b as v, e as U, o as It, i as E, S as R, f as G, h as I, j as ze, k as F, l as es, n as _t, p as ir, q as j, r as ts, t as xn, F as To, u as Po, v as V, $ as ut, w as $n, x as Hn, y as Be, z as Se, A as ke, I as ns, B as sr, C as T, D as tn, E as Rr, G as rs, H as St, J as Qt, K as Nr, L as J, P as os, M as is, N as ss, O as Pn, Q as ls, R as as, T as cs, U as zn, V as us, W as ds } from "./devtools.vue_vue_type_script_setup_true_lang-9565749e.js";
4
+ import { d as Ln, s as Vn, m as jn, c as z, g as Ji, a as D, b as v, e as U, o as It, i as E, S as R, f as G, h as I, j as ze, k as F, l as es, n as _t, p as ir, q as j, r as ts, t as xn, F as To, u as Po, v as V, $ as ut, w as $n, x as Hn, y as Be, z as Se, A as ke, I as ns, B as sr, C as T, D as tn, E as Rr, G as rs, H as St, J as Qt, K as Nr, L as J, P as os, M as is, N as ss, O as Pn, Q as ls, R as as, T as cs, U as zn, V as us, W as ds } from "./devtools.vue_vue_type_script_setup_true_lang-b5b06651.js";
5
5
  import "vue";
6
6
  var zo = {
7
7
  À: "A",
@@ -7014,14 +7014,11 @@ var Ui = (e) => {
7014
7014
  };
7015
7015
  }, qt = Ui("light"), Mt = Ui("dark");
7016
7016
  Ln(["click"]);
7017
- var Ju = () => {
7018
- const e = document.createElement("link");
7019
- e.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap", e.rel = "stylesheet", document.head.appendChild(e);
7020
- }, ed = /* @__PURE__ */ T('<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">'), wr = /* @__PURE__ */ T("<div>"), td = /* @__PURE__ */ T('<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">'), Oo = /* @__PURE__ */ T("<select>"), nd = /* @__PURE__ */ T("<span>Asc"), rd = /* @__PURE__ */ T("<span>Desc"), od = /* @__PURE__ */ T("<div>Settings"), id = /* @__PURE__ */ T("<span>Position"), sd = /* @__PURE__ */ T("<span>Top"), ld = /* @__PURE__ */ T("<span>Bottom"), ad = /* @__PURE__ */ T("<span>Left"), cd = /* @__PURE__ */ T("<span>Right"), ud = /* @__PURE__ */ T("<span>Theme"), dd = /* @__PURE__ */ T("<span>Light"), fd = /* @__PURE__ */ T("<span>Dark"), gd = /* @__PURE__ */ T("<span>System"), hd = /* @__PURE__ */ T("<div><div class=tsqd-queries-container>"), yd = /* @__PURE__ */ T("<div><div class=tsqd-mutations-container>"), vd = /* @__PURE__ */ T('<div><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div></div><div><div><div><input aria-label="Filter queries by query key"type=text placeholder=Filter class=tsqd-query-filter-textfield></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>'), qo = /* @__PURE__ */ T("<option>Sort by "), md = /* @__PURE__ */ T("<div class=tsqd-query-disabled-indicator>disabled"), Gi = /* @__PURE__ */ T("<button><div></div><code class=tsqd-query-hash>"), bd = /* @__PURE__ */ T("<div role=tooltip id=tsqd-status-tooltip>"), xd = /* @__PURE__ */ T("<span>"), $d = /* @__PURE__ */ T("<button><span></span><span>"), pd = /* @__PURE__ */ T("<button><span></span> Error"), wd = /* @__PURE__ */ T('<div><span></span>Trigger Error<select><option value=""disabled selected>'), Cd = /* @__PURE__ */ T('<div><div>Query Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-observers-count><span>Observers:</span><span></span></div><div class=tsqd-query-details-last-updated><span>Last Updated:</span><span></span></div></div><div>Actions</div><div><button><span></span>Refetch</button><button><span></span>Invalidate</button><button><span></span>Reset</button><button><span></span>Remove</button><button><span></span> Loading</button></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer"></div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">'), Sd = /* @__PURE__ */ T("<option>"), kd = /* @__PURE__ */ T('<div><div>Mutation Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-last-updated><span>Submitted At:</span><span></span></div></div><div>Variables Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Context Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Mutations Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">'), Ed = 1024, Fn = 796, Vi = 700, _d = "bottom-right", or = "bottom", Ad = "system", Fd = !1, ji = 500, Hi = 500, Dd = Object.keys(Vn)[0], Mo = 1, Id = Object.keys(jn)[0], [_e, Tn] = z(null), [ct, Qi] = z(null), [mt, Ld] = z(0), Od = (e) => {
7017
+ var Ju = /* @__PURE__ */ T('<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">'), wr = /* @__PURE__ */ T("<div>"), ed = /* @__PURE__ */ T('<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">'), Oo = /* @__PURE__ */ T("<select>"), td = /* @__PURE__ */ T("<span>Asc"), nd = /* @__PURE__ */ T("<span>Desc"), rd = /* @__PURE__ */ T("<div>Settings"), od = /* @__PURE__ */ T("<span>Position"), id = /* @__PURE__ */ T("<span>Top"), sd = /* @__PURE__ */ T("<span>Bottom"), ld = /* @__PURE__ */ T("<span>Left"), ad = /* @__PURE__ */ T("<span>Right"), cd = /* @__PURE__ */ T("<span>Theme"), ud = /* @__PURE__ */ T("<span>Light"), dd = /* @__PURE__ */ T("<span>Dark"), fd = /* @__PURE__ */ T("<span>System"), gd = /* @__PURE__ */ T("<div><div class=tsqd-queries-container>"), hd = /* @__PURE__ */ T("<div><div class=tsqd-mutations-container>"), yd = /* @__PURE__ */ T('<div><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div></div><div><div><div><input aria-label="Filter queries by query key"type=text placeholder=Filter class=tsqd-query-filter-textfield></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>'), qo = /* @__PURE__ */ T("<option>Sort by "), vd = /* @__PURE__ */ T("<div class=tsqd-query-disabled-indicator>disabled"), Gi = /* @__PURE__ */ T("<button><div></div><code class=tsqd-query-hash>"), md = /* @__PURE__ */ T("<div role=tooltip id=tsqd-status-tooltip>"), bd = /* @__PURE__ */ T("<span>"), xd = /* @__PURE__ */ T("<button><span></span><span>"), $d = /* @__PURE__ */ T("<button><span></span> Error"), pd = /* @__PURE__ */ T('<div><span></span>Trigger Error<select><option value=""disabled selected>'), wd = /* @__PURE__ */ T('<div><div>Query Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-observers-count><span>Observers:</span><span></span></div><div class=tsqd-query-details-last-updated><span>Last Updated:</span><span></span></div></div><div>Actions</div><div><button><span></span>Refetch</button><button><span></span>Invalidate</button><button><span></span>Reset</button><button><span></span>Remove</button><button><span></span> Loading</button></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer"></div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">'), Cd = /* @__PURE__ */ T("<option>"), Sd = /* @__PURE__ */ T('<div><div>Mutation Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-last-updated><span>Submitted At:</span><span></span></div></div><div>Variables Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Context Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Mutations Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">'), kd = 1024, Fn = 796, Vi = 700, Ed = "bottom-right", or = "bottom", _d = "system", Ad = !1, ji = 500, Hi = 500, Fd = Object.keys(Vn)[0], Mo = 1, Dd = Object.keys(jn)[0], [_e, Tn] = z(null), [ct, Qi] = z(null), [mt, Id] = z(0), Ld = (e) => {
7021
7018
  const [t, n] = Ks({
7022
7019
  prefix: "TanstackQueryDevtools"
7023
7020
  }), r = Ji(), o = D(() => {
7024
- const s = t.theme_preference || Ad;
7021
+ const s = t.theme_preference || _d;
7025
7022
  return s !== "system" ? s : r();
7026
7023
  });
7027
7024
  return v(Ri.Provider, {
@@ -7030,7 +7027,7 @@ var Ju = () => {
7030
7027
  return v(Ni.Provider, {
7031
7028
  value: o,
7032
7029
  get children() {
7033
- return v(qd, {
7030
+ return v(Od, {
7034
7031
  localStore: t,
7035
7032
  setLocalStore: n
7036
7033
  });
@@ -7038,9 +7035,8 @@ var Ju = () => {
7038
7035
  });
7039
7036
  }
7040
7037
  });
7041
- }, Qd = Od, qd = (e) => {
7042
- Ju();
7043
- const t = xe(), n = D(() => t() === "dark" ? Ge : Ue), r = D(() => fe().buttonPosition || _d), o = D(() => e.localStore.open === "true" ? !0 : e.localStore.open === "false" ? !1 : fe().initialIsOpen || Fd), s = D(() => e.localStore.position || fe().position || or);
7038
+ }, Hd = Ld, Od = (e) => {
7039
+ const t = xe(), n = D(() => t() === "dark" ? Ge : Ue), r = D(() => fe().buttonPosition || Ed), o = D(() => e.localStore.open === "true" ? !0 : e.localStore.open === "false" ? !1 : fe().initialIsOpen || Ad), s = D(() => e.localStore.position || fe().position || or);
7044
7040
  let l;
7045
7041
  return U(() => {
7046
7042
  const i = l.parentElement, a = e.localStore.height || ji, c = e.localStore.width || Hi, h = s();
@@ -7063,7 +7059,7 @@ var Ju = () => {
7063
7059
  return o();
7064
7060
  },
7065
7061
  get children() {
7066
- return v(Md, {
7062
+ return v(qd, {
7067
7063
  get localStore() {
7068
7064
  return e.localStore;
7069
7065
  },
@@ -7082,7 +7078,7 @@ var Ju = () => {
7082
7078
  return !o();
7083
7079
  },
7084
7080
  get children() {
7085
- const c = ed(), h = c.firstChild, f = h.nextSibling;
7081
+ const c = Ju(), h = c.firstChild, f = h.nextSibling;
7086
7082
  return E(h, v(Ao, {})), f.$$click = () => e.setLocalStore("open", "true"), E(f, v(Ao, {})), G(() => I(c, O(n().devtoolsBtn, n()[`devtoolsBtn-position-${r()}`]))), c;
7087
7083
  }
7088
7084
  });
@@ -7113,7 +7109,7 @@ var Ju = () => {
7113
7109
  }
7114
7110
  `, "tsqd-transitions-container"))), i;
7115
7111
  })();
7116
- }, Md = (e) => {
7112
+ }, qd = (e) => {
7117
7113
  const t = xe(), n = D(() => t() === "dark" ? Ge : Ue), [r, o] = z(!1), s = D(() => e.localStore.position || fe().position || or), l = (c) => {
7118
7114
  const h = c.currentTarget.parentElement;
7119
7115
  if (!h)
@@ -7144,7 +7140,7 @@ var Ju = () => {
7144
7140
  Gs(i, ({
7145
7141
  width: c
7146
7142
  }, h) => {
7147
- h === i && Ld(c);
7143
+ h === i && Id(c);
7148
7144
  });
7149
7145
  }), U(() => {
7150
7146
  var u, y;
@@ -7183,8 +7179,8 @@ var Ju = () => {
7183
7179
  `;
7184
7180
  };
7185
7181
  return (() => {
7186
- const c = td(), h = c.firstChild, f = h.nextSibling, d = i;
7187
- return typeof d == "function" ? tn(d, c) : i = c, h.$$mousedown = l, f.$$click = () => e.setLocalStore("open", "false"), E(f, v(Wt, {})), E(c, v(Td, {
7182
+ const c = ed(), h = c.firstChild, f = h.nextSibling, d = i;
7183
+ return typeof d == "function" ? tn(d, c) : i = c, h.$$mousedown = l, f.$$click = () => e.setLocalStore("open", "false"), E(f, v(Wt, {})), E(c, v(Md, {
7188
7184
  get localStore() {
7189
7185
  return e.localStore;
7190
7186
  },
@@ -7206,10 +7202,10 @@ var Ju = () => {
7206
7202
  _v$5: void 0
7207
7203
  }), c;
7208
7204
  })();
7209
- }, Td = (e) => {
7210
- Ud(), Gd();
7205
+ }, Md = (e) => {
7206
+ Nd(), Ud();
7211
7207
  let t;
7212
- const n = xe(), r = D(() => n() === "dark" ? Ge : Ue), [o, s] = z("queries"), l = D(() => e.localStore.sort || Dd), i = D(() => Number(e.localStore.sortOrder) || Mo), a = D(() => e.localStore.mutationSort || Id), c = D(() => Number(e.localStore.mutationSortOrder) || Mo), [h, f] = z(!1), d = D(() => Vn[l()]), g = D(() => jn[a()]), u = D(() => fe().onlineManager), y = D(() => fe().client.getQueryCache()), m = D(() => fe().client.getMutationCache()), $ = he((q) => q().getAll().length, !1), x = D(ze(() => [$(), e.localStore.filter, l(), i()], () => {
7208
+ const n = xe(), r = D(() => n() === "dark" ? Ge : Ue), [o, s] = z("queries"), l = D(() => e.localStore.sort || Fd), i = D(() => Number(e.localStore.sortOrder) || Mo), a = D(() => e.localStore.mutationSort || Dd), c = D(() => Number(e.localStore.mutationSortOrder) || Mo), [h, f] = z(!1), d = D(() => Vn[l()]), g = D(() => jn[a()]), u = D(() => fe().onlineManager), y = D(() => fe().client.getQueryCache()), m = D(() => fe().client.getMutationCache()), $ = he((q) => q().getAll().length, !1), x = D(ze(() => [$(), e.localStore.filter, l(), i()], () => {
7213
7209
  const q = y().getAll(), A = e.localStore.filter ? q.filter((K) => Ur(K.queryHash, e.localStore.filter || "").passed) : [...q];
7214
7210
  return d() ? A.sort((K, B) => d()(K, B) * i()) : A;
7215
7211
  })), b = Pe((q) => q().getAll().length, !1), w = D(ze(() => [b(), e.localStore.mutationFilter, a(), c()], () => {
@@ -7225,7 +7221,7 @@ var Ju = () => {
7225
7221
  q.style.setProperty("--tsqd-font-size", N);
7226
7222
  };
7227
7223
  return [(() => {
7228
- const q = vd(), A = q.firstChild, N = A.firstChild, K = N.firstChild, B = K.firstChild, Y = B.nextSibling, se = Y.firstChild, P = A.nextSibling, H = P.firstChild, X = H.firstChild, ee = X.firstChild, ne = X.nextSibling, ae = ne.nextSibling, we = H.nextSibling, ce = we.firstChild, ye = ce.nextSibling, ve = t;
7224
+ const q = yd(), A = q.firstChild, N = A.firstChild, K = N.firstChild, B = K.firstChild, Y = B.nextSibling, se = Y.firstChild, P = A.nextSibling, H = P.firstChild, X = H.firstChild, ee = X.firstChild, ne = X.nextSibling, ae = ne.nextSibling, we = H.nextSibling, ce = we.firstChild, ye = ce.nextSibling, ve = t;
7229
7225
  return typeof ve == "function" ? tn(ve, q) : t = q, K.$$click = () => e.setLocalStore("open", "false"), E(Y, () => fe().queryFlavor, se), E(Y, () => fe().version, null), E(N, v(Te.Root, {
7230
7226
  get class() {
7231
7227
  return O(r().viewToggle);
@@ -7270,14 +7266,14 @@ var Ju = () => {
7270
7266
  return o() === "queries";
7271
7267
  },
7272
7268
  get children() {
7273
- return v(Kd, {});
7269
+ return v(zd, {});
7274
7270
  }
7275
7271
  }), null), E(A, v(R, {
7276
7272
  get when() {
7277
7273
  return o() === "mutations";
7278
7274
  },
7279
7275
  get children() {
7280
- return v(Bd, {});
7276
+ return v(Kd, {});
7281
7277
  }
7282
7278
  }), null), E(X, v(wu, {}), ee), ee.$$input = (S) => {
7283
7279
  o() === "queries" ? e.setLocalStore("filter", S.currentTarget.value) : e.setLocalStore("mutationFilter", S.currentTarget.value);
@@ -7314,14 +7310,14 @@ var Ju = () => {
7314
7310
  return (o() === "queries" ? i() : c()) === 1;
7315
7311
  },
7316
7312
  get children() {
7317
- return [nd(), v(Eo, {})];
7313
+ return [td(), v(Eo, {})];
7318
7314
  }
7319
7315
  }), null), E(ae, v(R, {
7320
7316
  get when() {
7321
7317
  return (o() === "queries" ? i() : c()) === -1;
7322
7318
  },
7323
7319
  get children() {
7324
- return [rd(), v(_o, {})];
7320
+ return [nd(), v(_o, {})];
7325
7321
  }
7326
7322
  }), null), ce.$$click = () => {
7327
7323
  o() === "queries" ? y().clear() : m().clear();
@@ -7349,7 +7345,7 @@ var Ju = () => {
7349
7345
  },
7350
7346
  get children() {
7351
7347
  return [(() => {
7352
- const S = od();
7348
+ const S = rd();
7353
7349
  return G(() => I(S, O(r().settingsMenuHeader, "tsqd-settings-menu-header"))), S;
7354
7350
  })(), v(de.Sub, {
7355
7351
  overlap: !0,
@@ -7361,7 +7357,7 @@ var Ju = () => {
7361
7357
  return O(r().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
7362
7358
  },
7363
7359
  get children() {
7364
- return [id(), v(Wt, {})];
7360
+ return [od(), v(Wt, {})];
7365
7361
  }
7366
7362
  }), v(de.Portal, {
7367
7363
  ref: (S) => L(S),
@@ -7380,7 +7376,7 @@ var Ju = () => {
7380
7376
  return O(r().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
7381
7377
  },
7382
7378
  get children() {
7383
- return [sd(), v(Eo, {})];
7379
+ return [id(), v(Eo, {})];
7384
7380
  }
7385
7381
  }), v(de.Item, {
7386
7382
  onSelect: () => {
@@ -7391,7 +7387,7 @@ var Ju = () => {
7391
7387
  return O(r().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
7392
7388
  },
7393
7389
  get children() {
7394
- return [ld(), v(_o, {})];
7390
+ return [sd(), v(_o, {})];
7395
7391
  }
7396
7392
  }), v(de.Item, {
7397
7393
  onSelect: () => {
@@ -7402,7 +7398,7 @@ var Ju = () => {
7402
7398
  return O(r().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
7403
7399
  },
7404
7400
  get children() {
7405
- return [ad(), v(Cu, {})];
7401
+ return [ld(), v(Cu, {})];
7406
7402
  }
7407
7403
  }), v(de.Item, {
7408
7404
  onSelect: () => {
@@ -7413,7 +7409,7 @@ var Ju = () => {
7413
7409
  return O(r().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
7414
7410
  },
7415
7411
  get children() {
7416
- return [cd(), v(Su, {})];
7412
+ return [ad(), v(Su, {})];
7417
7413
  }
7418
7414
  })];
7419
7415
  }
@@ -7431,7 +7427,7 @@ var Ju = () => {
7431
7427
  return O(r().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
7432
7428
  },
7433
7429
  get children() {
7434
- return [ud(), v(Wt, {})];
7430
+ return [cd(), v(Wt, {})];
7435
7431
  }
7436
7432
  }), v(de.Portal, {
7437
7433
  ref: (S) => L(S),
@@ -7450,7 +7446,7 @@ var Ju = () => {
7450
7446
  return O(r().settingsSubButton, e.localStore.theme_preference === "light" && r().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
7451
7447
  },
7452
7448
  get children() {
7453
- return [dd(), v(ku, {})];
7449
+ return [ud(), v(ku, {})];
7454
7450
  }
7455
7451
  }), v(de.Item, {
7456
7452
  onSelect: () => {
@@ -7461,7 +7457,7 @@ var Ju = () => {
7461
7457
  return O(r().settingsSubButton, e.localStore.theme_preference === "dark" && r().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
7462
7458
  },
7463
7459
  get children() {
7464
- return [fd(), v(Eu, {})];
7460
+ return [dd(), v(Eu, {})];
7465
7461
  }
7466
7462
  }), v(de.Item, {
7467
7463
  onSelect: () => {
@@ -7472,7 +7468,7 @@ var Ju = () => {
7472
7468
  return O(r().settingsSubButton, e.localStore.theme_preference === "system" && r().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
7473
7469
  },
7474
7470
  get children() {
7475
- return [gd(), v(_u, {})];
7471
+ return [fd(), v(_u, {})];
7476
7472
  }
7477
7473
  })];
7478
7474
  }
@@ -7491,13 +7487,13 @@ var Ju = () => {
7491
7487
  return o() === "queries";
7492
7488
  },
7493
7489
  get children() {
7494
- const S = hd(), Q = S.firstChild;
7490
+ const S = gd(), Q = S.firstChild;
7495
7491
  return E(Q, v(pn, {
7496
7492
  by: (Z) => Z.queryHash,
7497
7493
  get each() {
7498
7494
  return x();
7499
7495
  },
7500
- children: (Z) => v(Pd, {
7496
+ children: (Z) => v(Td, {
7501
7497
  get query() {
7502
7498
  return Z();
7503
7499
  }
@@ -7509,13 +7505,13 @@ var Ju = () => {
7509
7505
  return o() === "mutations";
7510
7506
  },
7511
7507
  get children() {
7512
- const S = yd(), Q = S.firstChild;
7508
+ const S = hd(), Q = S.firstChild;
7513
7509
  return E(Q, v(pn, {
7514
7510
  by: (Z) => Z.mutationId,
7515
7511
  get each() {
7516
7512
  return w();
7517
7513
  },
7518
- children: (Z) => v(zd, {
7514
+ children: (Z) => v(Pd, {
7519
7515
  get mutation() {
7520
7516
  return Z();
7521
7517
  }
@@ -7557,17 +7553,17 @@ var Ju = () => {
7557
7553
  return D(() => o() === "queries")() && _e();
7558
7554
  },
7559
7555
  get children() {
7560
- return v(Rd, {});
7556
+ return v(Bd, {});
7561
7557
  }
7562
7558
  }), v(R, {
7563
7559
  get when() {
7564
7560
  return D(() => o() === "mutations")() && ct();
7565
7561
  },
7566
7562
  get children() {
7567
- return v(Nd, {});
7563
+ return v(Rd, {});
7568
7564
  }
7569
7565
  })];
7570
- }, Pd = (e) => {
7566
+ }, Td = (e) => {
7571
7567
  const t = xe(), n = D(() => t() === "dark" ? Ge : Ue), {
7572
7568
  colors: r,
7573
7569
  alpha: o
@@ -7613,7 +7609,7 @@ var Ju = () => {
7613
7609
  return i();
7614
7610
  },
7615
7611
  get children() {
7616
- return md();
7612
+ return vd();
7617
7613
  }
7618
7614
  }), null), G((y) => {
7619
7615
  const m = O(n().queryRow, _e() === e.query.queryHash && n().selectedQueryRow, "tsqd-query-row"), $ = `Query key ${e.query.queryHash}`, x = O(f(), "tsqd-query-observer-count");
@@ -7625,7 +7621,7 @@ var Ju = () => {
7625
7621
  }), d;
7626
7622
  }
7627
7623
  });
7628
- }, zd = (e) => {
7624
+ }, Pd = (e) => {
7629
7625
  const t = xe(), n = D(() => t() === "dark" ? Ge : Ue), {
7630
7626
  colors: r,
7631
7627
  alpha: o
@@ -7701,7 +7697,7 @@ var Ju = () => {
7701
7697
  }), f;
7702
7698
  }
7703
7699
  });
7704
- }, Kd = () => {
7700
+ }, zd = () => {
7705
7701
  const e = he((i) => i().getAll().filter((a) => St(a) === "stale").length), t = he((i) => i().getAll().filter((a) => St(a) === "fresh").length), n = he((i) => i().getAll().filter((a) => St(a) === "fetching").length), r = he((i) => i().getAll().filter((a) => St(a) === "paused").length), o = he((i) => i().getAll().filter((a) => St(a) === "inactive").length), s = xe(), l = D(() => s() === "dark" ? Ge : Ue);
7706
7702
  return (() => {
7707
7703
  const i = wr();
@@ -7737,7 +7733,7 @@ var Ju = () => {
7737
7733
  }
7738
7734
  }), null), G(() => I(i, O(l().queryStatusContainer, "tsqd-query-status-container"))), i;
7739
7735
  })();
7740
- }, Bd = () => {
7736
+ }, Kd = () => {
7741
7737
  const e = Pe((l) => l().getAll().filter((i) => _t({
7742
7738
  isPaused: i.state.isPaused,
7743
7739
  status: i.state.status
@@ -7785,9 +7781,9 @@ var Ju = () => {
7785
7781
  alpha: o
7786
7782
  } = k, s = (d, g) => t() === "dark" ? g : d;
7787
7783
  let l;
7788
- const [i, a] = z(!1), [c, h] = z(!1), f = D(() => !(_e() && mt() < Ed && mt() > Fn || mt() < Vi));
7784
+ const [i, a] = z(!1), [c, h] = z(!1), f = D(() => !(_e() && mt() < kd && mt() > Fn || mt() < Vi));
7789
7785
  return (() => {
7790
- const d = $d(), g = d.firstChild, u = g.nextSibling, y = l;
7786
+ const d = xd(), g = d.firstChild, u = g.nextSibling, y = l;
7791
7787
  return typeof y == "function" ? tn(y, d) : l = d, d.addEventListener("mouseleave", () => {
7792
7788
  a(!1), h(!1);
7793
7789
  }), d.addEventListener("mouseenter", () => a(!0)), d.addEventListener("blur", () => h(!1)), d.addEventListener("focus", () => h(!0)), ir(d, j({
@@ -7809,7 +7805,7 @@ var Ju = () => {
7809
7805
  return D(() => !f())() && (i() || c());
7810
7806
  },
7811
7807
  get children() {
7812
- const m = bd();
7808
+ const m = md();
7813
7809
  return E(m, () => e.label), G(() => I(m, O(n().statusTooltip, "tsqd-query-status-tooltip"))), m;
7814
7810
  }
7815
7811
  }), g), E(d, v(R, {
@@ -7817,7 +7813,7 @@ var Ju = () => {
7817
7813
  return f();
7818
7814
  },
7819
7815
  get children() {
7820
- const m = xd();
7816
+ const m = bd();
7821
7817
  return E(m, () => e.label), G(() => I(m, O(n().queryStatusTagLabel, "tsqd-query-status-tag-label"))), m;
7822
7818
  }
7823
7819
  }), u), E(u, () => e.count), G((m) => {
@@ -7836,7 +7832,7 @@ var Ju = () => {
7836
7832
  _v$32: void 0
7837
7833
  }), d;
7838
7834
  })();
7839
- }, Rd = () => {
7835
+ }, Bd = () => {
7840
7836
  const e = xe(), t = D(() => e() === "dark" ? Ge : Ue), {
7841
7837
  colors: n
7842
7838
  } = k, r = (w, p) => e() === "dark" ? p : w, o = fe().client, [s, l] = z(!1), i = D(() => fe().errorTypes || []), a = he((w) => w().getAll().find((p) => p.queryHash === _e()), !1), c = he((w) => w().getAll().find((p) => p.queryHash === _e()), !1), h = he((w) => {
@@ -7894,7 +7890,7 @@ var Ju = () => {
7894
7890
  return D(() => !!a())() && h();
7895
7891
  },
7896
7892
  get children() {
7897
- const w = Cd(), p = w.firstChild, L = p.nextSibling, q = L.firstChild, A = q.firstChild, N = A.firstChild, K = A.nextSibling, B = q.nextSibling, Y = B.firstChild, se = Y.nextSibling, P = B.nextSibling, H = P.firstChild, X = H.nextSibling, ee = L.nextSibling, ne = ee.nextSibling, ae = ne.firstChild, we = ae.firstChild, ce = ae.nextSibling, ye = ce.firstChild, ve = ce.nextSibling, S = ve.firstChild, Q = ve.nextSibling, Z = Q.firstChild, Re = Q.nextSibling, ot = Re.firstChild, $t = ot.nextSibling, Ve = ne.nextSibling, je = Ve.nextSibling, He = je.nextSibling, Qe = He.nextSibling;
7893
+ const w = wd(), p = w.firstChild, L = p.nextSibling, q = L.firstChild, A = q.firstChild, N = A.firstChild, K = A.nextSibling, B = q.nextSibling, Y = B.firstChild, se = Y.nextSibling, P = B.nextSibling, H = P.firstChild, X = H.nextSibling, ee = L.nextSibling, ne = ee.nextSibling, ae = ne.firstChild, we = ae.firstChild, ce = ae.nextSibling, ye = ce.firstChild, ve = ce.nextSibling, S = ve.firstChild, Q = ve.nextSibling, Z = Q.firstChild, Re = Q.nextSibling, ot = Re.firstChild, $t = ot.nextSibling, Ve = ne.nextSibling, je = Ve.nextSibling, He = je.nextSibling, Qe = He.nextSibling;
7898
7894
  return E(N, () => xn(a().queryKey, !0)), E(K, d), E(se, u), E(X, () => new Date(h().dataUpdatedAt).toLocaleTimeString()), ae.$$click = m, ce.$$click = () => o.invalidateQueries(a()), ve.$$click = () => o.resetQueries(a()), Q.$$click = () => {
7899
7895
  o.removeQueries(a()), Tn(null);
7900
7896
  }, Re.$$click = () => {
@@ -7926,7 +7922,7 @@ var Ju = () => {
7926
7922
  return i().length === 0 || g() === "error";
7927
7923
  },
7928
7924
  get children() {
7929
- const M = pd(), ue = M.firstChild, $e = ue.nextSibling;
7925
+ const M = $d(), ue = M.firstChild, $e = ue.nextSibling;
7930
7926
  return M.$$click = () => {
7931
7927
  a().state.error ? o.resetQueries(a()) : $();
7932
7928
  }, E(M, () => g() === "error" ? "Restore" : "Trigger", $e), G((oe) => {
@@ -7947,7 +7943,7 @@ var Ju = () => {
7947
7943
  return !(i().length === 0 || g() === "error");
7948
7944
  },
7949
7945
  get children() {
7950
- const M = wd(), ue = M.firstChild, $e = ue.nextSibling, oe = $e.nextSibling;
7946
+ const M = pd(), ue = M.firstChild, $e = ue.nextSibling, oe = $e.nextSibling;
7951
7947
  return oe.firstChild, oe.addEventListener("change", (te) => {
7952
7948
  const le = i().find((me) => me.name === te.currentTarget.value);
7953
7949
  $(le);
@@ -7956,7 +7952,7 @@ var Ju = () => {
7956
7952
  return i();
7957
7953
  },
7958
7954
  children: (te) => (() => {
7959
- const le = Sd();
7955
+ const le = Cd();
7960
7956
  return E(le, () => te.name), G(() => le.value = te.name), le;
7961
7957
  })()
7962
7958
  }), null), E(M, v(Wt, {}), null), G((te) => {
@@ -8038,7 +8034,7 @@ var Ju = () => {
8038
8034
  }), w;
8039
8035
  }
8040
8036
  });
8041
- }, Nd = () => {
8037
+ }, Rd = () => {
8042
8038
  const e = xe(), t = D(() => e() === "dark" ? Ge : Ue), {
8043
8039
  colors: n
8044
8040
  } = k, r = (c, h) => e() === "dark" ? h : c, o = Pe((c) => {
@@ -8064,7 +8060,7 @@ var Ju = () => {
8064
8060
  return i();
8065
8061
  },
8066
8062
  get children() {
8067
- const c = kd(), h = c.firstChild, f = h.nextSibling, d = f.firstChild, g = d.firstChild, u = g.firstChild, y = g.nextSibling, m = d.nextSibling, $ = m.firstChild, x = $.nextSibling, b = f.nextSibling, w = b.nextSibling, p = w.nextSibling, L = p.nextSibling, q = L.nextSibling, A = q.nextSibling, N = A.nextSibling, K = N.nextSibling;
8063
+ const c = Sd(), h = c.firstChild, f = h.nextSibling, d = f.firstChild, g = d.firstChild, u = g.firstChild, y = g.nextSibling, m = d.nextSibling, $ = m.firstChild, x = $.nextSibling, b = f.nextSibling, w = b.nextSibling, p = w.nextSibling, L = p.nextSibling, q = L.nextSibling, A = q.nextSibling, N = A.nextSibling, K = N.nextSibling;
8068
8064
  return E(u, v(R, {
8069
8065
  get when() {
8070
8066
  return i().options.mutationKey;
@@ -8128,7 +8124,7 @@ var Ju = () => {
8128
8124
  }), c;
8129
8125
  }
8130
8126
  });
8131
- }, Dn = /* @__PURE__ */ new Map(), Ud = () => {
8127
+ }, Dn = /* @__PURE__ */ new Map(), Nd = () => {
8132
8128
  const e = D(() => fe().client.getQueryCache()), t = e().subscribe((n) => {
8133
8129
  Po(() => {
8134
8130
  for (const [r, o] of Dn.entries())
@@ -8150,7 +8146,7 @@ var Ju = () => {
8150
8146
  }), V(() => {
8151
8147
  Dn.delete(e);
8152
8148
  }), o;
8153
- }, In = /* @__PURE__ */ new Map(), Gd = () => {
8149
+ }, In = /* @__PURE__ */ new Map(), Ud = () => {
8154
8150
  const e = D(() => fe().client.getMutationCache()), t = e().subscribe(() => {
8155
8151
  for (const [n, r] of In.entries())
8156
8152
  queueMicrotask(() => {
@@ -9096,5 +9092,5 @@ var Ju = () => {
9096
9092
  }, Ue = Wi("light"), Ge = Wi("dark");
9097
9093
  Ln(["click", "mousedown", "input"]);
9098
9094
  export {
9099
- Qd as default
9095
+ Hd as default
9100
9096
  };
package/dist/{devtools.vue_vue_type_script_setup_true_lang-9565749e.js → devtools.vue_vue_type_script_setup_true_lang-b5b06651.js} RENAMED
@@ -2252,7 +2252,7 @@ var oi = (e, t = !1) => {
2252
2252
  const t = $n(() => {
2253
2253
  const [n] = m(this, J), [r] = m(this, ee), [i] = m(this, te), [s] = m(this, ne), [o] = m(this, Z);
2254
2254
  let a;
2255
- m(this, re) ? a = m(this, re) : (a = xn(() => import("./N66J3ZXT-0fa51b9e.js")), b(this, re, a)), Lr(m(this, ve));
2255
+ m(this, re) ? a = m(this, re) : (a = xn(() => import("./47NOZC6N-51b8b5f6.js")), b(this, re, a)), Lr(m(this, ve));
2256
2256
  const u = this;
2257
2257
  return Sn(a, En({
2258
2258
  get queryFlavor() {
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as e } from "./devtools.vue_vue_type_script_setup_true_lang-9565749e.js";
1
+ import { _ as e } from "./devtools.vue_vue_type_script_setup_true_lang-b5b06651.js";
2
2
  import "vue";
3
3
  const r = process.env.NODE_ENV !== "development" ? function() {
4
4
  return null;
package/dist/production.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as m } from "./devtools.vue_vue_type_script_setup_true_lang-9565749e.js";
1
+ import { _ as m } from "./devtools.vue_vue_type_script_setup_true_lang-b5b06651.js";
2
2
  import "vue";
3
3
  export {
4
4
  m as default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/vue-query-devtools",
3
- "version": "5.13.5",
3
+ "version": "5.14.5",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/vue-query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -39,14 +39,14 @@
39
39
  "src"
40
40
  ],
41
41
  "dependencies": {
42
- "@tanstack/query-devtools": "5.13.5"
42
+ "@tanstack/query-devtools": "5.14.5"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@vitejs/plugin-vue": "^4.4.0",
46
46
  "vue": "^3.3.0",
47
47
  "vue-tsc": "^1.8.21",
48
48
  "vite": "^4.5.0",
49
- "@tanstack/vue-query": "5.13.4"
49
+ "@tanstack/vue-query": "5.14.4"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "vue": "^3.3.0"