@tanstack/query-devtools 5.21.0 → 5.21.3

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.
@@ -9489,33 +9489,34 @@ delegateEvents(["click"]);
9489
9489
  var _tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
9490
9490
  var _tmpl$25 = /* @__PURE__ */ template(`<div>`);
9491
9491
  var _tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
9492
- var _tmpl$43 = /* @__PURE__ */ template(`<select>`);
9493
- var _tmpl$53 = /* @__PURE__ */ template(`<span>Asc`);
9494
- var _tmpl$63 = /* @__PURE__ */ template(`<span>Desc`);
9495
- var _tmpl$73 = /* @__PURE__ */ template(`<div>Settings`);
9496
- var _tmpl$83 = /* @__PURE__ */ template(`<span>Position`);
9497
- var _tmpl$93 = /* @__PURE__ */ template(`<span>Top`);
9498
- var _tmpl$103 = /* @__PURE__ */ template(`<span>Bottom`);
9499
- var _tmpl$113 = /* @__PURE__ */ template(`<span>Left`);
9500
- var _tmpl$122 = /* @__PURE__ */ template(`<span>Right`);
9501
- var _tmpl$132 = /* @__PURE__ */ template(`<span>Theme`);
9502
- var _tmpl$142 = /* @__PURE__ */ template(`<span>Light`);
9503
- var _tmpl$152 = /* @__PURE__ */ template(`<span>Dark`);
9504
- var _tmpl$162 = /* @__PURE__ */ template(`<span>System`);
9505
- var _tmpl$172 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
9506
- var _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
9507
- var _tmpl$192 = /* @__PURE__ */ template(`<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>`);
9508
- var _tmpl$202 = /* @__PURE__ */ template(`<option>Sort by `);
9509
- var _tmpl$212 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
9510
- var _tmpl$222 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
9511
- var _tmpl$232 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
9512
- var _tmpl$242 = /* @__PURE__ */ template(`<span>`);
9513
- var _tmpl$252 = /* @__PURE__ */ template(`<button><span></span><span>`);
9514
- var _tmpl$26 = /* @__PURE__ */ template(`<button><span></span> Error`);
9515
- var _tmpl$27 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
9516
- var _tmpl$28 = /* @__PURE__ */ template(`<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">`);
9517
- var _tmpl$29 = /* @__PURE__ */ template(`<option>`);
9518
- var _tmpl$30 = /* @__PURE__ */ template(`<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">`);
9492
+ var _tmpl$43 = /* @__PURE__ */ template(`<select name=tsqd-queries-filter-sort>`);
9493
+ var _tmpl$53 = /* @__PURE__ */ template(`<select name=tsqd-mutations-filter-sort>`);
9494
+ var _tmpl$63 = /* @__PURE__ */ template(`<span>Asc`);
9495
+ var _tmpl$73 = /* @__PURE__ */ template(`<span>Desc`);
9496
+ var _tmpl$83 = /* @__PURE__ */ template(`<div>Settings`);
9497
+ var _tmpl$93 = /* @__PURE__ */ template(`<span>Position`);
9498
+ var _tmpl$103 = /* @__PURE__ */ template(`<span>Top`);
9499
+ var _tmpl$113 = /* @__PURE__ */ template(`<span>Bottom`);
9500
+ var _tmpl$122 = /* @__PURE__ */ template(`<span>Left`);
9501
+ var _tmpl$132 = /* @__PURE__ */ template(`<span>Right`);
9502
+ var _tmpl$142 = /* @__PURE__ */ template(`<span>Theme`);
9503
+ var _tmpl$152 = /* @__PURE__ */ template(`<span>Light`);
9504
+ var _tmpl$162 = /* @__PURE__ */ template(`<span>Dark`);
9505
+ var _tmpl$172 = /* @__PURE__ */ template(`<span>System`);
9506
+ var _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
9507
+ var _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
9508
+ var _tmpl$202 = /* @__PURE__ */ template(`<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 name=tsqd-query-filter-input></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>`);
9509
+ var _tmpl$212 = /* @__PURE__ */ template(`<option>Sort by `);
9510
+ var _tmpl$222 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
9511
+ var _tmpl$232 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
9512
+ var _tmpl$242 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
9513
+ var _tmpl$252 = /* @__PURE__ */ template(`<span>`);
9514
+ var _tmpl$26 = /* @__PURE__ */ template(`<button><span></span><span>`);
9515
+ var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span> Error`);
9516
+ var _tmpl$28 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
9517
+ var _tmpl$29 = /* @__PURE__ */ template(`<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">`);
9518
+ var _tmpl$30 = /* @__PURE__ */ template(`<option>`);
9519
+ var _tmpl$31 = /* @__PURE__ */ template(`<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">`);
9519
9520
  var firstBreakpoint = 1024;
9520
9521
  var secondBreakpoint = 796;
9521
9522
  var thirdBreakpoint = 700;
@@ -9862,7 +9863,7 @@ var ContentView = (props) => {
9862
9863
  el.style.setProperty("--tsqd-font-size", variable);
9863
9864
  };
9864
9865
  return [(() => {
9865
- const _el$8 = _tmpl$192(), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$9.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$17.nextSibling, _el$22 = _el$19.nextSibling, _el$25 = _el$16.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
9866
+ const _el$8 = _tmpl$202(), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$9.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$17.nextSibling, _el$22 = _el$19.nextSibling, _el$25 = _el$16.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
9866
9867
  const _ref$3 = containerRef;
9867
9868
  typeof _ref$3 === "function" ? use(_ref$3, _el$8) : containerRef = _el$8;
9868
9869
  _el$11.$$click = () => props.setLocalStore("open", "false");
@@ -9944,7 +9945,7 @@ var ContentView = (props) => {
9944
9945
  props.setLocalStore("sort", e2.currentTarget.value);
9945
9946
  });
9946
9947
  insert(_el$20, () => Object.keys(sortFns).map((key) => (() => {
9947
- const _el$42 = _tmpl$202(); _el$42.firstChild;
9948
+ const _el$42 = _tmpl$212(); _el$42.firstChild;
9948
9949
  _el$42.value = key;
9949
9950
  insert(_el$42, key, null);
9950
9951
  return _el$42;
@@ -9958,12 +9959,12 @@ var ContentView = (props) => {
9958
9959
  return selectedView() === "mutations";
9959
9960
  },
9960
9961
  get children() {
9961
- const _el$21 = _tmpl$43();
9962
+ const _el$21 = _tmpl$53();
9962
9963
  _el$21.addEventListener("change", (e2) => {
9963
9964
  props.setLocalStore("mutationSort", e2.currentTarget.value);
9964
9965
  });
9965
9966
  insert(_el$21, () => Object.keys(mutationSortFns).map((key) => (() => {
9966
- const _el$44 = _tmpl$202(); _el$44.firstChild;
9967
+ const _el$44 = _tmpl$212(); _el$44.firstChild;
9967
9968
  _el$44.value = key;
9968
9969
  insert(_el$44, key, null);
9969
9970
  return _el$44;
@@ -9985,7 +9986,7 @@ var ContentView = (props) => {
9985
9986
  return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === 1;
9986
9987
  },
9987
9988
  get children() {
9988
- return [_tmpl$53(), createComponent(ArrowUp, {})];
9989
+ return [_tmpl$63(), createComponent(ArrowUp, {})];
9989
9990
  }
9990
9991
  }), null);
9991
9992
  insert(_el$22, createComponent(Show, {
@@ -9993,7 +9994,7 @@ var ContentView = (props) => {
9993
9994
  return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1;
9994
9995
  },
9995
9996
  get children() {
9996
- return [_tmpl$63(), createComponent(ArrowDown, {})];
9997
+ return [_tmpl$73(), createComponent(ArrowDown, {})];
9997
9998
  }
9998
9999
  }), null);
9999
10000
  _el$26.$$click = () => {
@@ -10036,7 +10037,7 @@ var ContentView = (props) => {
10036
10037
  },
10037
10038
  get children() {
10038
10039
  return [(() => {
10039
- const _el$28 = _tmpl$73();
10040
+ const _el$28 = _tmpl$83();
10040
10041
  createRenderEffect(() => className(_el$28, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
10041
10042
  return _el$28;
10042
10043
  })(), createComponent(index$f.Sub, {
@@ -10049,7 +10050,7 @@ var ContentView = (props) => {
10049
10050
  return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
10050
10051
  },
10051
10052
  get children() {
10052
- return [_tmpl$83(), createComponent(ChevronDown, {})];
10053
+ return [_tmpl$93(), createComponent(ChevronDown, {})];
10053
10054
  }
10054
10055
  }), createComponent(index$f.Portal, {
10055
10056
  ref: (el) => setComputedVariables(el),
@@ -10068,7 +10069,7 @@ var ContentView = (props) => {
10068
10069
  return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
10069
10070
  },
10070
10071
  get children() {
10071
- return [_tmpl$93(), createComponent(ArrowUp, {})];
10072
+ return [_tmpl$103(), createComponent(ArrowUp, {})];
10072
10073
  }
10073
10074
  }), createComponent(index$f.Item, {
10074
10075
  onSelect: () => {
@@ -10079,7 +10080,7 @@ var ContentView = (props) => {
10079
10080
  return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
10080
10081
  },
10081
10082
  get children() {
10082
- return [_tmpl$103(), createComponent(ArrowDown, {})];
10083
+ return [_tmpl$113(), createComponent(ArrowDown, {})];
10083
10084
  }
10084
10085
  }), createComponent(index$f.Item, {
10085
10086
  onSelect: () => {
@@ -10090,7 +10091,7 @@ var ContentView = (props) => {
10090
10091
  return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
10091
10092
  },
10092
10093
  get children() {
10093
- return [_tmpl$113(), createComponent(ArrowLeft, {})];
10094
+ return [_tmpl$122(), createComponent(ArrowLeft, {})];
10094
10095
  }
10095
10096
  }), createComponent(index$f.Item, {
10096
10097
  onSelect: () => {
@@ -10101,7 +10102,7 @@ var ContentView = (props) => {
10101
10102
  return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
10102
10103
  },
10103
10104
  get children() {
10104
- return [_tmpl$122(), createComponent(ArrowRight, {})];
10105
+ return [_tmpl$132(), createComponent(ArrowRight, {})];
10105
10106
  }
10106
10107
  })];
10107
10108
  }
@@ -10119,7 +10120,7 @@ var ContentView = (props) => {
10119
10120
  return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
10120
10121
  },
10121
10122
  get children() {
10122
- return [_tmpl$132(), createComponent(ChevronDown, {})];
10123
+ return [_tmpl$142(), createComponent(ChevronDown, {})];
10123
10124
  }
10124
10125
  }), createComponent(index$f.Portal, {
10125
10126
  ref: (el) => setComputedVariables(el),
@@ -10138,7 +10139,7 @@ var ContentView = (props) => {
10138
10139
  return clsx(styles().settingsSubButton, props.localStore.theme_preference === "light" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
10139
10140
  },
10140
10141
  get children() {
10141
- return [_tmpl$142(), createComponent(Sun, {})];
10142
+ return [_tmpl$152(), createComponent(Sun, {})];
10142
10143
  }
10143
10144
  }), createComponent(index$f.Item, {
10144
10145
  onSelect: () => {
@@ -10149,7 +10150,7 @@ var ContentView = (props) => {
10149
10150
  return clsx(styles().settingsSubButton, props.localStore.theme_preference === "dark" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
10150
10151
  },
10151
10152
  get children() {
10152
- return [_tmpl$152(), createComponent(Moon, {})];
10153
+ return [_tmpl$162(), createComponent(Moon, {})];
10153
10154
  }
10154
10155
  }), createComponent(index$f.Item, {
10155
10156
  onSelect: () => {
@@ -10160,7 +10161,7 @@ var ContentView = (props) => {
10160
10161
  return clsx(styles().settingsSubButton, props.localStore.theme_preference === "system" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
10161
10162
  },
10162
10163
  get children() {
10163
- return [_tmpl$162(), createComponent(Monitor, {})];
10164
+ return [_tmpl$172(), createComponent(Monitor, {})];
10164
10165
  }
10165
10166
  })];
10166
10167
  }
@@ -10180,7 +10181,7 @@ var ContentView = (props) => {
10180
10181
  return selectedView() === "queries";
10181
10182
  },
10182
10183
  get children() {
10183
- const _el$38 = _tmpl$172(), _el$39 = _el$38.firstChild;
10184
+ const _el$38 = _tmpl$182(), _el$39 = _el$38.firstChild;
10184
10185
  insert(_el$39, createComponent(Key, {
10185
10186
  by: (q) => q.queryHash,
10186
10187
  get each() {
@@ -10201,7 +10202,7 @@ var ContentView = (props) => {
10201
10202
  return selectedView() === "mutations";
10202
10203
  },
10203
10204
  get children() {
10204
- const _el$40 = _tmpl$182(), _el$41 = _el$40.firstChild;
10205
+ const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
10205
10206
  insert(_el$41, createComponent(Key, {
10206
10207
  by: (m) => m.mutationId,
10207
10208
  get each() {
@@ -10328,7 +10329,7 @@ var QueryRow = (props) => {
10328
10329
  return queryState();
10329
10330
  },
10330
10331
  get children() {
10331
- const _el$46 = _tmpl$222(), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling;
10332
+ const _el$46 = _tmpl$232(), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling;
10332
10333
  _el$46.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
10333
10334
  insert(_el$47, observers);
10334
10335
  insert(_el$48, () => props.query.queryHash);
@@ -10337,7 +10338,7 @@ var QueryRow = (props) => {
10337
10338
  return isDisabled();
10338
10339
  },
10339
10340
  get children() {
10340
- return _tmpl$212();
10341
+ return _tmpl$222();
10341
10342
  }
10342
10343
  }), null);
10343
10344
  createRenderEffect((_p$) => {
@@ -10405,7 +10406,7 @@ var MutationRow = (props) => {
10405
10406
  return mutationState();
10406
10407
  },
10407
10408
  get children() {
10408
- const _el$50 = _tmpl$222(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
10409
+ const _el$50 = _tmpl$232(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
10409
10410
  _el$50.$$click = () => {
10410
10411
  setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
10411
10412
  };
@@ -10596,7 +10597,7 @@ var QueryStatus = (props) => {
10596
10597
  return true;
10597
10598
  });
10598
10599
  return (() => {
10599
- const _el$55 = _tmpl$252(), _el$57 = _el$55.firstChild, _el$59 = _el$57.nextSibling;
10600
+ const _el$55 = _tmpl$26(), _el$57 = _el$55.firstChild, _el$59 = _el$57.nextSibling;
10600
10601
  const _ref$4 = tagRef;
10601
10602
  typeof _ref$4 === "function" ? use(_ref$4, _el$55) : tagRef = _el$55;
10602
10603
  _el$55.addEventListener("mouseleave", () => {
@@ -10626,7 +10627,7 @@ var QueryStatus = (props) => {
10626
10627
  return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
10627
10628
  },
10628
10629
  get children() {
10629
- const _el$56 = _tmpl$232();
10630
+ const _el$56 = _tmpl$242();
10630
10631
  insert(_el$56, () => props.label);
10631
10632
  createRenderEffect(() => className(_el$56, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
10632
10633
  return _el$56;
@@ -10637,7 +10638,7 @@ var QueryStatus = (props) => {
10637
10638
  return showLabel();
10638
10639
  },
10639
10640
  get children() {
10640
- const _el$58 = _tmpl$242();
10641
+ const _el$58 = _tmpl$252();
10641
10642
  insert(_el$58, () => props.label);
10642
10643
  createRenderEffect(() => className(_el$58, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
10643
10644
  return _el$58;
@@ -10747,7 +10748,7 @@ var QueryDetails = () => {
10747
10748
  return createMemo(() => !!activeQuery())() && activeQueryState();
10748
10749
  },
10749
10750
  get children() {
10750
- const _el$60 = _tmpl$28(), _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.firstChild, _el$66 = _el$64.nextSibling, _el$67 = _el$63.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling, _el$70 = _el$67.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$62.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.firstChild, _el$77 = _el$75.nextSibling, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling, _el$94 = _el$74.nextSibling, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling;
10751
+ const _el$60 = _tmpl$29(), _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.firstChild, _el$66 = _el$64.nextSibling, _el$67 = _el$63.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling, _el$70 = _el$67.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$62.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.firstChild, _el$77 = _el$75.nextSibling, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling, _el$94 = _el$74.nextSibling, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling;
10751
10752
  insert(_el$65, () => displayValue(activeQuery().queryKey, true));
10752
10753
  insert(_el$66, statusLabel);
10753
10754
  insert(_el$69, observerCount);
@@ -10792,7 +10793,7 @@ var QueryDetails = () => {
10792
10793
  return errorTypes().length === 0 || queryStatus() === "error";
10793
10794
  },
10794
10795
  get children() {
10795
- const _el$86 = _tmpl$26(), _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling;
10796
+ const _el$86 = _tmpl$27(), _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling;
10796
10797
  _el$86.$$click = () => {
10797
10798
  if (!activeQuery().state.error) {
10798
10799
  triggerError();
@@ -10824,7 +10825,7 @@ var QueryDetails = () => {
10824
10825
  return !(errorTypes().length === 0 || queryStatus() === "error");
10825
10826
  },
10826
10827
  get children() {
10827
- const _el$89 = _tmpl$27(), _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$91.nextSibling; _el$92.firstChild;
10828
+ const _el$89 = _tmpl$28(), _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$91.nextSibling; _el$92.firstChild;
10828
10829
  _el$92.addEventListener("change", (e2) => {
10829
10830
  const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
10830
10831
  triggerError(errorType);
@@ -10834,7 +10835,7 @@ var QueryDetails = () => {
10834
10835
  return errorTypes();
10835
10836
  },
10836
10837
  children: (errorType) => (() => {
10837
- const _el$98 = _tmpl$29();
10838
+ const _el$98 = _tmpl$30();
10838
10839
  insert(_el$98, () => errorType.name);
10839
10840
  createRenderEffect(() => _el$98.value = errorType.name);
10840
10841
  return _el$98;
@@ -11001,7 +11002,7 @@ var MutationDetails = () => {
11001
11002
  return activeMutation();
11002
11003
  },
11003
11004
  get children() {
11004
- const _el$99 = _tmpl$30(), _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild, _el$105 = _el$103.nextSibling, _el$106 = _el$102.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$101.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling;
11005
+ const _el$99 = _tmpl$31(), _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild, _el$105 = _el$103.nextSibling, _el$106 = _el$102.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$101.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling;
11005
11006
  insert(_el$104, createComponent(Show, {
11006
11007
  get when() {
11007
11008
  return activeMutation().options.mutationKey;