@tanstack/query-devtools 5.81.2 → 5.84.0

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 (19) hide show
  1. package/build/DevtoolsComponent/{HH7B3BHX.js → EDEL3XIZ.js} +2 -2
  2. package/build/DevtoolsComponent/{I3HPI4QX.js → LNWAZHJI.js} +2 -2
  3. package/build/DevtoolsPanelComponent/{CXEL7IU7.js → MWZ6AO7Z.js} +2 -2
  4. package/build/DevtoolsPanelComponent/{JZI2RDCT.js → RN252AT2.js} +2 -2
  5. package/build/chunk/{V5T5VJKG.js → CXOMC62J.js} +177 -286
  6. package/build/chunk/{HR7YXZ5H.js → EIDV623S.js} +177 -286
  7. package/build/chunk/{HASRA6WW.js → YPM2AS64.js} +341 -270
  8. package/build/chunk/{L7Z3HDK6.js → YTSEMULZ.js} +341 -270
  9. package/build/dev.cjs +598 -622
  10. package/build/dev.js +19 -5
  11. package/build/index.cjs +598 -622
  12. package/build/index.d.cts +1 -0
  13. package/build/index.d.ts +1 -0
  14. package/build/index.js +19 -5
  15. package/package.json +24 -5
  16. package/src/Devtools.tsx +85 -2
  17. package/src/TanstackQueryDevtools.tsx +7 -0
  18. package/src/TanstackQueryDevtoolsPanel.tsx +7 -0
  19. package/src/contexts/QueryDevtoolsContext.ts +1 -0
package/build/chunk/{HASRA6WW.js → YPM2AS64.js} RENAMED
@@ -1,6 +1,6 @@
1
- import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createUniqueId, createSignal, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, useContext, template, createRenderEffect, setAttribute, Portal, untrack, isServer, onMount, createComputed, getOwner, use, insert, className, getSidedProp, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, convertRemToPixels, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './HR7YXZ5H.js';
1
+ import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createUniqueId, createSignal, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, useContext, template, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, use, insert, className, getSidedProp, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, convertRemToPixels, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './EIDV623S.js';
2
2
 
3
- // ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.9.5/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
3
+ // ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.9.7/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
4
4
  var isClient = !isServer;
5
5
  var isDev = isClient && !!DEV;
6
6
  var noop = () => void 0;
@@ -50,7 +50,7 @@ function handleDiffArray(current, prev, handleAdded, handleRemoved) {
50
50
  }
51
51
  }
52
52
 
53
- // ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.9.5/node_modules/@solid-primitives/storage/dist/index.js
53
+ // ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.9.7/node_modules/@solid-primitives/storage/dist/index.js
54
54
  function createStorage(props) {
55
55
  const [error, setError] = createSignal();
56
56
  const handleError = props?.throw ? (err, fallback) => {
@@ -210,15 +210,15 @@ var serializeCookieOptions = (options) => {
210
210
  if (!options) {
211
211
  return "";
212
212
  }
213
- let memo = "";
213
+ let memo2 = "";
214
214
  for (const key in options) {
215
215
  if (!options.hasOwnProperty(key)) {
216
216
  continue;
217
217
  }
218
218
  const value = options[key];
219
- memo += value instanceof Date ? `; ${key}=${value.toUTCString()}` : typeof value === "boolean" ? `; ${key}` : `; ${key}=${value}`;
219
+ memo2 += value instanceof Date ? `; ${key}=${value.toUTCString()}` : typeof value === "boolean" ? `; ${key}` : `; ${key}=${value}`;
220
220
  }
221
- return memo;
221
+ return memo2;
222
222
  };
223
223
  var cookieStorage = addClearMethod({
224
224
  _cookies: [globalThis.document, "cookie"],
@@ -1146,7 +1146,7 @@ function createListTransition(source, options) {
1146
1146
  );
1147
1147
  }
1148
1148
 
1149
- // ../../node_modules/.pnpm/@solid-primitives+refs@1.0.8_solid-js@1.9.5/node_modules/@solid-primitives/refs/dist/index.js
1149
+ // ../../node_modules/.pnpm/@solid-primitives+refs@1.0.8_solid-js@1.9.7/node_modules/@solid-primitives/refs/dist/index.js
1150
1150
  function mergeRefs(...refs) {
1151
1151
  return chain(refs);
1152
1152
  }
@@ -1169,17 +1169,17 @@ function getResolvedElements(value, predicate) {
1169
1169
  }
1170
1170
  function resolveElements(fn, predicate = defaultElementPredicate, serverPredicate = defaultElementPredicate) {
1171
1171
  const children2 = createMemo(fn);
1172
- const memo = createMemo(
1172
+ const memo2 = createMemo(
1173
1173
  () => getResolvedElements(children2(), isServer ? serverPredicate : predicate)
1174
1174
  );
1175
- memo.toArray = () => {
1176
- const value = memo();
1175
+ memo2.toArray = () => {
1176
+ const value = memo2();
1177
1177
  return Array.isArray(value) ? value : value ? [value] : [];
1178
1178
  };
1179
- return memo;
1179
+ return memo2;
1180
1180
  }
1181
1181
 
1182
- // ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.9.5/node_modules/solid-transition-group/dist/index.js
1182
+ // ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.9.7/node_modules/solid-transition-group/dist/index.js
1183
1183
  function createClassnames(props) {
1184
1184
  return createMemo(() => {
1185
1185
  const name = props.name || "s";
@@ -1299,7 +1299,7 @@ var TransitionGroup = (props) => {
1299
1299
  });
1300
1300
  };
1301
1301
 
1302
- // ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.9.5/node_modules/@solid-primitives/keyed/dist/index.js
1302
+ // ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.9.7/node_modules/@solid-primitives/keyed/dist/index.js
1303
1303
  var FALLBACK = Symbol("fallback");
1304
1304
  function dispose(list) {
1305
1305
  for (const o2 of list)
@@ -1397,7 +1397,7 @@ function Key(props) {
1397
1397
  );
1398
1398
  }
1399
1399
 
1400
- // ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.9.5/node_modules/@solid-primitives/event-listener/dist/index.js
1400
+ // ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.9.7/node_modules/@solid-primitives/event-listener/dist/index.js
1401
1401
  function makeEventListener(target, type, handler, options) {
1402
1402
  target.addEventListener(type, handler, options);
1403
1403
  return tryOnCleanup(target.removeEventListener.bind(target, type, handler, options));
@@ -1417,7 +1417,7 @@ function createEventListener(targets, type, handler, options) {
1417
1417
  createRenderEffect(attachListeners);
1418
1418
  }
1419
1419
 
1420
- // ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.26_solid-js@1.9.5/node_modules/@solid-primitives/resize-observer/dist/index.js
1420
+ // ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.26_solid-js@1.9.7/node_modules/@solid-primitives/resize-observer/dist/index.js
1421
1421
  function makeResizeObserver(callback, options) {
1422
1422
  if (isServer) {
1423
1423
  return { observe: noop, unobserve: noop };
@@ -1448,7 +1448,7 @@ function createResizeObserver(targets, onResize, options) {
1448
1448
  }, []);
1449
1449
  }
1450
1450
 
1451
- // ../../node_modules/.pnpm/@solid-primitives+props@3.1.11_solid-js@1.9.5/node_modules/@solid-primitives/props/dist/index.js
1451
+ // ../../node_modules/.pnpm/@solid-primitives+props@3.1.11_solid-js@1.9.7/node_modules/@solid-primitives/props/dist/index.js
1452
1452
  var extractCSSregex = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
1453
1453
  function stringStyleToObject(style) {
1454
1454
  const object = {};
@@ -1469,7 +1469,7 @@ function combineStyle(a2, b2) {
1469
1469
  return { ...a2, ...b2 };
1470
1470
  }
1471
1471
 
1472
- // ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.9.5/node_modules/@kobalte/utils/dist/index.js
1472
+ // ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.9.7/node_modules/@kobalte/utils/dist/index.js
1473
1473
  function addItemToArray(array, item, index = -1) {
1474
1474
  if (!(index in array)) {
1475
1475
  return [...array, item];
@@ -1911,7 +1911,7 @@ var visuallyHiddenStyles = {
1911
1911
  "white-space": "nowrap"
1912
1912
  };
1913
1913
 
1914
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js
1914
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js
1915
1915
  function createRegisterId(setter) {
1916
1916
  return (id) => {
1917
1917
  setter(id);
@@ -1919,7 +1919,7 @@ function createRegisterId(setter) {
1919
1919
  };
1920
1920
  }
1921
1921
 
1922
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ET5T45DO.js
1922
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ET5T45DO.js
1923
1923
  function createTagName(ref, fallback) {
1924
1924
  const [tagName, setTagName] = createSignal(stringOrUndefined(fallback?.()));
1925
1925
  createEffect(() => {
@@ -1931,7 +1931,7 @@ function stringOrUndefined(value) {
1931
1931
  return isString(value) ? value : void 0;
1932
1932
  }
1933
1933
 
1934
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/6Y7B2NEO.js
1934
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/6Y7B2NEO.js
1935
1935
  function Polymorphic(props) {
1936
1936
  const [local, others] = splitProps(props, ["as"]);
1937
1937
  if (!local.as) {
@@ -1947,7 +1947,7 @@ function Polymorphic(props) {
1947
1947
  );
1948
1948
  }
1949
1949
 
1950
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/Q2DJLZQE.js
1950
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/Q2DJLZQE.js
1951
1951
  var FORM_CONTROL_PROP_NAMES = ["id", "name", "validationState", "required", "disabled", "readOnly"];
1952
1952
  function createFormControl(props) {
1953
1953
  const defaultId = `form-control-${createUniqueId()}`;
@@ -2064,12 +2064,12 @@ function FormControlLabel(props) {
2064
2064
  typeof _ref$ === "function" && _ref$(r$);
2065
2065
  },
2066
2066
  get ["for"]() {
2067
- return createMemo(() => tagName() === "label")() ? context.fieldId() : void 0;
2067
+ return memo(() => tagName() === "label")() ? context.fieldId() : void 0;
2068
2068
  }
2069
2069
  }, () => context.dataset(), others));
2070
2070
  }
2071
2071
 
2072
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js
2072
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js
2073
2073
  function createFormResetListener(element, handler) {
2074
2074
  createEffect(
2075
2075
  on(element, (element2) => {
@@ -2094,7 +2094,7 @@ function isFormElement(element) {
2094
2094
  return element.matches("textarea, input, select, button");
2095
2095
  }
2096
2096
 
2097
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js
2097
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js
2098
2098
  function createControllableSignal(props) {
2099
2099
  const [_value, _setValue] = createSignal(props.defaultValue?.());
2100
2100
  const isControlled = createMemo(() => props.value?.() !== void 0);
@@ -2124,7 +2124,7 @@ function createControllableArraySignal(props) {
2124
2124
  return [value, setValue];
2125
2125
  }
2126
2126
 
2127
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js
2127
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js
2128
2128
  function createToggleState(props = {}) {
2129
2129
  const [isSelected, _setIsSelected] = createControllableBooleanSignal({
2130
2130
  value: () => access(props.isSelected),
@@ -2148,14 +2148,14 @@ function createToggleState(props = {}) {
2148
2148
  };
2149
2149
  }
2150
2150
 
2151
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js
2151
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js
2152
2152
  var __defProp = Object.defineProperty;
2153
2153
  var __export = (target, all) => {
2154
2154
  for (var name in all)
2155
2155
  __defProp(target, name, { get: all[name], enumerable: true });
2156
2156
  };
2157
2157
 
2158
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js
2158
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js
2159
2159
  var DomCollectionContext = createContext();
2160
2160
  function useOptionalDomCollectionContext() {
2161
2161
  return useContext(DomCollectionContext);
@@ -2319,7 +2319,7 @@ function createDomCollectionItem(props) {
2319
2319
  });
2320
2320
  }
2321
2321
 
2322
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/JMA2RWU6.js
2322
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/JMA2RWU6.js
2323
2323
  function buildNodes(params) {
2324
2324
  let index = params.startIndex ?? 0;
2325
2325
  const level = params.startLevel ?? 0;
@@ -2428,7 +2428,7 @@ function createCollection(props, deps = []) {
2428
2428
  });
2429
2429
  }
2430
2430
 
2431
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js
2431
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js
2432
2432
  var RTL_SCRIPTS = /* @__PURE__ */ new Set([
2433
2433
  "Avst",
2434
2434
  "Arab",
@@ -2543,7 +2543,7 @@ function createCollator(options) {
2543
2543
  });
2544
2544
  }
2545
2545
 
2546
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/H6DSIDEC.js
2546
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/H6DSIDEC.js
2547
2547
  var Selection = class _Selection extends Set {
2548
2548
  anchorKey;
2549
2549
  currentKey;
@@ -3528,10 +3528,10 @@ function createListState(props) {
3528
3528
  };
3529
3529
  }
3530
3530
 
3531
- // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.5/node_modules/@corvu/utils/dist/chunk/ZV6G25TT.js
3531
+ // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.7/node_modules/@corvu/utils/dist/chunk/ZV6G25TT.js
3532
3532
  var access2 = (v) => typeof v === "function" ? v() : v;
3533
3533
 
3534
- // ../../node_modules/.pnpm/solid-presence@0.1.7_solid-js@1.9.5/node_modules/solid-presence/dist/index.js
3534
+ // ../../node_modules/.pnpm/solid-presence@0.1.7_solid-js@1.9.7/node_modules/solid-presence/dist/index.js
3535
3535
  var createPresence = (props) => {
3536
3536
  const refStyles = createMemo(() => {
3537
3537
  const element = access2(props.element);
@@ -3598,7 +3598,7 @@ var createPresence = (props) => {
3598
3598
  var presence_default = createPresence;
3599
3599
  var src_default = presence_default;
3600
3600
 
3601
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js
3601
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js
3602
3602
  var DATA_TOP_LAYER_ATTR = "data-kb-top-layer";
3603
3603
  var originalBodyPointerEvents;
3604
3604
  var hasDisabledBodyPointerEvents = false;
@@ -3675,7 +3675,7 @@ var layerStack = {
3675
3675
  restoreBodyPointerEvents
3676
3676
  };
3677
3677
 
3678
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/7OVKXYPU.js
3678
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/7OVKXYPU.js
3679
3679
  var button_exports = {};
3680
3680
  __export(button_exports, {
3681
3681
  Button: () => Button,
@@ -5207,7 +5207,7 @@ var computePosition2 = (reference, floating, options) => {
5207
5207
  });
5208
5208
  };
5209
5209
 
5210
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/4X2EKUJ3.js
5210
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/4X2EKUJ3.js
5211
5211
  var PopperContext = createContext();
5212
5212
  function usePopperContext() {
5213
5213
  const context = useContext(PopperContext);
@@ -5533,7 +5533,7 @@ var Popper = Object.assign(PopperRoot, {
5533
5533
  Positioner: PopperPositioner
5534
5534
  });
5535
5535
 
5536
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/QEMPLYZX.js
5536
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/QEMPLYZX.js
5537
5537
  function createEscapeKeyDown(props) {
5538
5538
  const handleKeyDown = (event) => {
5539
5539
  if (event.key === EventKey.Escape) {
@@ -5555,7 +5555,7 @@ function createEscapeKeyDown(props) {
5555
5555
  });
5556
5556
  }
5557
5557
 
5558
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js
5558
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js
5559
5559
  var POINTER_DOWN_OUTSIDE_EVENT = "interactOutside.pointerDownOutside";
5560
5560
  var FOCUS_OUTSIDE_EVENT = "interactOutside.focusOutside";
5561
5561
  function createInteractOutside(props, ref) {
@@ -5657,7 +5657,7 @@ function createInteractOutside(props, ref) {
5657
5657
  });
5658
5658
  }
5659
5659
 
5660
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/G7G3PFRJ.js
5660
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/G7G3PFRJ.js
5661
5661
  var DismissableLayerContext = createContext();
5662
5662
  function useOptionalDismissableLayerContext() {
5663
5663
  return useContext(DismissableLayerContext);
@@ -5776,7 +5776,7 @@ function DismissableLayer(props) {
5776
5776
  });
5777
5777
  }
5778
5778
 
5779
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js
5779
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js
5780
5780
  function createDisclosureState(props = {}) {
5781
5781
  const [isOpen, setIsOpen] = createControllableBooleanSignal({
5782
5782
  value: () => access(props.open),
@@ -5801,7 +5801,7 @@ function createDisclosureState(props = {}) {
5801
5801
  };
5802
5802
  }
5803
5803
 
5804
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/Q2BOFK7I.js
5804
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/Q2BOFK7I.js
5805
5805
  var radio_group_exports = {};
5806
5806
  __export(radio_group_exports, {
5807
5807
  Description: () => FormControlDescription,
@@ -6162,7 +6162,7 @@ var RadioGroup = Object.assign(RadioGroupRoot, {
6162
6162
  Label: RadioGroupLabel
6163
6163
  });
6164
6164
 
6165
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/GLKC2QFF.js
6165
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/GLKC2QFF.js
6166
6166
  var ListKeyboardDelegate = class {
6167
6167
  collection;
6168
6168
  ref;
@@ -6297,7 +6297,7 @@ function createSelectableList(props, ref, scrollRef) {
6297
6297
  ref);
6298
6298
  }
6299
6299
 
6300
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js
6300
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js
6301
6301
  var AUTOFOCUS_ON_MOUNT_EVENT = "focusScope.autoFocusOnMount";
6302
6302
  var AUTOFOCUS_ON_UNMOUNT_EVENT = "focusScope.autoFocusOnUnmount";
6303
6303
  var EVENT_OPTIONS = {
@@ -6498,10 +6498,10 @@ function createFocusScope(props, ref) {
6498
6498
  });
6499
6499
  }
6500
6500
 
6501
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js
6501
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js
6502
6502
  var DATA_LIVE_ANNOUNCER_ATTR = "data-live-announcer";
6503
6503
 
6504
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js
6504
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js
6505
6505
  function createHideOutside(props) {
6506
6506
  createEffect(() => {
6507
6507
  if (access(props.isDisabled)) {
@@ -6621,7 +6621,7 @@ function ariaHideOutside(targets, root = document.body) {
6621
6621
  };
6622
6622
  }
6623
6623
 
6624
- // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.5/node_modules/@corvu/utils/dist/chunk/HD4B7J7A.js
6624
+ // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.7/node_modules/@corvu/utils/dist/chunk/HD4B7J7A.js
6625
6625
  var activeStyles = /* @__PURE__ */ new Map();
6626
6626
  var createStyle = (props) => {
6627
6627
  createEffect(() => {
@@ -6668,7 +6668,7 @@ var createStyle = (props) => {
6668
6668
  };
6669
6669
  var style_default = createStyle;
6670
6670
 
6671
- // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.5/node_modules/@corvu/utils/dist/scroll/index.js
6671
+ // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.7/node_modules/@corvu/utils/dist/scroll/index.js
6672
6672
  var getScrollDimensions = (element, axis) => {
6673
6673
  switch (axis) {
6674
6674
  case "x":
@@ -6708,7 +6708,7 @@ var getScrollAtLocation = (location, axis, stopAt) => {
6708
6708
  return [availableScroll, availableScrollTop];
6709
6709
  };
6710
6710
 
6711
- // ../../node_modules/.pnpm/solid-prevent-scroll@0.1.9_solid-js@1.9.5/node_modules/solid-prevent-scroll/dist/index.js
6711
+ // ../../node_modules/.pnpm/solid-prevent-scroll@0.1.9_solid-js@1.9.7/node_modules/solid-prevent-scroll/dist/index.js
6712
6712
  var [preventScrollStack, setPreventScrollStack] = createSignal([]);
6713
6713
  var isActive = (id) => preventScrollStack().indexOf(id) === preventScrollStack().length - 1;
6714
6714
  var createPreventScroll = (props) => {
@@ -6886,7 +6886,7 @@ var contains2 = (wrapper, target) => {
6886
6886
  var preventScroll_default = createPreventScroll;
6887
6887
  var src_default2 = preventScroll_default;
6888
6888
 
6889
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/3F4B62RP.js
6889
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/3F4B62RP.js
6890
6890
  var MenuContext = createContext();
6891
6891
  function useOptionalMenuContext() {
6892
6892
  return useContext(MenuContext);
@@ -7237,7 +7237,7 @@ function MenuTrigger(props) {
7237
7237
  return context.isOpen();
7238
7238
  },
7239
7239
  get ["aria-controls"]() {
7240
- return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
7240
+ return memo(() => !!context.isOpen())() ? context.contentId() : void 0;
7241
7241
  },
7242
7242
  get ["data-highlighted"]() {
7243
7243
  return key() !== void 0 && optionalMenubarContext?.value() === key() ? true : void 0;
@@ -7397,7 +7397,7 @@ function MenuContentBase(props) {
7397
7397
  get children() {
7398
7398
  return createComponent(DismissableLayer, mergeProps({
7399
7399
  get disableOutsidePointerEvents() {
7400
- return createMemo(() => !!isRootModalContent())() && context.isOpen();
7400
+ return memo(() => !!isRootModalContent())() && context.isOpen();
7401
7401
  },
7402
7402
  get excludedElements() {
7403
7403
  return [context.triggerRef];
@@ -8088,7 +8088,7 @@ function MenuSubTrigger(props) {
8088
8088
  return context.isOpen();
8089
8089
  },
8090
8090
  get ["aria-controls"]() {
8091
- return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
8091
+ return memo(() => !!context.isOpen())() ? context.contentId() : void 0;
8092
8092
  },
8093
8093
  get ["aria-disabled"]() {
8094
8094
  return local.disabled;
@@ -8160,7 +8160,7 @@ function MenuRoot(props) {
8160
8160
  });
8161
8161
  }
8162
8162
 
8163
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/STGRFJHZ.js
8163
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/STGRFJHZ.js
8164
8164
  var separator_exports = {};
8165
8165
  __export(separator_exports, {
8166
8166
  Root: () => SeparatorRoot,
@@ -8192,7 +8192,7 @@ function SeparatorRoot(props) {
8192
8192
  }
8193
8193
  var Separator = SeparatorRoot;
8194
8194
 
8195
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/V2JBZ7BJ.js
8195
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/V2JBZ7BJ.js
8196
8196
  var dropdown_menu_exports = {};
8197
8197
  __export(dropdown_menu_exports, {
8198
8198
  Arrow: () => PopperArrow,
@@ -9065,7 +9065,7 @@ function Explorer(props) {
9065
9065
  }), null);
9066
9066
  insert(_el$12, createComponent(Show, {
9067
9067
  get when() {
9068
- return createMemo(() => !!!!props.onEdit)() && !serialize(props.value).meta;
9068
+ return memo(() => !!!!props.onEdit)() && !serialize(props.value).meta;
9069
9069
  },
9070
9070
  get children() {
9071
9071
  var _el$13 = _tmpl$62();
@@ -9223,7 +9223,7 @@ function Explorer(props) {
9223
9223
  insert(_el$17, () => props.label, _el$18);
9224
9224
  insert(_el$16, createComponent(Show, {
9225
9225
  get when() {
9226
- return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
9226
+ return memo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
9227
9227
  },
9228
9228
  get fallback() {
9229
9229
  return (() => {
@@ -9236,7 +9236,7 @@ function Explorer(props) {
9236
9236
  get children() {
9237
9237
  return [createComponent(Show, {
9238
9238
  get when() {
9239
- return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9239
+ return memo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9240
9240
  },
9241
9241
  get children() {
9242
9242
  var _el$19 = _tmpl$92();
@@ -9466,23 +9466,26 @@ var _tmpl$132 = /* @__PURE__ */ template(`<span>Theme`);
9466
9466
  var _tmpl$142 = /* @__PURE__ */ template(`<span>Light`);
9467
9467
  var _tmpl$152 = /* @__PURE__ */ template(`<span>Dark`);
9468
9468
  var _tmpl$162 = /* @__PURE__ */ template(`<span>System`);
9469
- var _tmpl$172 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
9470
- var _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
9471
- 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 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>`);
9472
- var _tmpl$202 = /* @__PURE__ */ template(`<option>Sort by `);
9473
- var _tmpl$212 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
9474
- var _tmpl$222 = /* @__PURE__ */ template(`<div class=tsqd-query-static-indicator>static`);
9475
- var _tmpl$232 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
9476
- var _tmpl$242 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
9477
- var _tmpl$252 = /* @__PURE__ */ template(`<span>`);
9478
- var _tmpl$262 = /* @__PURE__ */ template(`<button><span></span><span>`);
9479
- var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span> Error`);
9480
- var _tmpl$28 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
9481
- var _tmpl$29 = /* @__PURE__ */ template(`<div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer">`);
9482
- var _tmpl$30 = /* @__PURE__ */ template(`<form><textarea name=data></textarea><div><span></span><div><button type=button>Cancel</button><button>Save`);
9483
- var _tmpl$31 = /* @__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 </div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
9484
- var _tmpl$322 = /* @__PURE__ */ template(`<option>`);
9485
- var _tmpl$332 = /* @__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">`);
9469
+ var _tmpl$172 = /* @__PURE__ */ template(`<span>Disabled Queries`);
9470
+ var _tmpl$182 = /* @__PURE__ */ template(`<span>Show`);
9471
+ var _tmpl$192 = /* @__PURE__ */ template(`<span>Hide`);
9472
+ var _tmpl$202 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
9473
+ var _tmpl$212 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
9474
+ var _tmpl$222 = /* @__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 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>`);
9475
+ var _tmpl$232 = /* @__PURE__ */ template(`<option>Sort by `);
9476
+ var _tmpl$242 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
9477
+ var _tmpl$252 = /* @__PURE__ */ template(`<div class=tsqd-query-static-indicator>static`);
9478
+ var _tmpl$262 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
9479
+ var _tmpl$27 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
9480
+ var _tmpl$28 = /* @__PURE__ */ template(`<span>`);
9481
+ var _tmpl$29 = /* @__PURE__ */ template(`<button><span></span><span>`);
9482
+ var _tmpl$30 = /* @__PURE__ */ template(`<button><span></span> Error`);
9483
+ var _tmpl$31 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
9484
+ var _tmpl$322 = /* @__PURE__ */ template(`<div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer">`);
9485
+ var _tmpl$332 = /* @__PURE__ */ template(`<form><textarea name=data></textarea><div><span></span><div><button type=button>Cancel</button><button>Save`);
9486
+ var _tmpl$34 = /* @__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 </div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
9487
+ var _tmpl$35 = /* @__PURE__ */ template(`<option>`);
9488
+ var _tmpl$36 = /* @__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">`);
9486
9489
  var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
9487
9490
  var [selectedMutationId, setSelectedMutationId] = createSignal(null);
9488
9491
  var [panelWidth, setPanelWidth] = createSignal(0);
@@ -9538,7 +9541,7 @@ var Devtools = (props) => {
9538
9541
  const pip_open = createMemo(() => props.localStore.pip_open ?? "false");
9539
9542
  return [createComponent(Show, {
9540
9543
  get when() {
9541
- return createMemo(() => !!pip().pipWindow)() && pip_open() == "true";
9544
+ return memo(() => !!pip().pipWindow)() && pip_open() == "true";
9542
9545
  },
9543
9546
  get children() {
9544
9547
  return createComponent(Portal, {
@@ -9563,7 +9566,7 @@ var Devtools = (props) => {
9563
9566
  get children() {
9564
9567
  return createComponent(Show, {
9565
9568
  get when() {
9566
- return createMemo(() => !!(isOpen() && !pip().pipWindow))() && pip_open() == "false";
9569
+ return memo(() => !!(isOpen() && !pip().pipWindow))() && pip_open() == "false";
9567
9570
  },
9568
9571
  get children() {
9569
9572
  return createComponent(DraggablePanel, {
@@ -9897,9 +9900,12 @@ var ContentView = (props) => {
9897
9900
  const queryCount = createSubscribeToQueryCacheBatcher((queryCache) => {
9898
9901
  return queryCache().getAll().length;
9899
9902
  }, false);
9900
- const queries = createMemo(on(() => [queryCount(), props.localStore.filter, sort(), sortOrder()], () => {
9903
+ const queries = createMemo(on(() => [queryCount(), props.localStore.filter, sort(), sortOrder(), props.localStore.hideDisabledQueries], () => {
9901
9904
  const curr = query_cache().getAll();
9902
- const filtered = props.localStore.filter ? curr.filter((item) => rankItem(item.queryHash, props.localStore.filter || "").passed) : [...curr];
9905
+ let filtered = props.localStore.filter ? curr.filter((item) => rankItem(item.queryHash, props.localStore.filter || "").passed) : [...curr];
9906
+ if (props.localStore.hideDisabledQueries === "true") {
9907
+ filtered = filtered.filter((item) => !item.isDisabled());
9908
+ }
9903
9909
  const sorted = sortFn() ? filtered.sort((a2, b2) => sortFn()(a2, b2) * sortOrder()) : filtered;
9904
9910
  return sorted;
9905
9911
  }));
@@ -9924,7 +9930,7 @@ var ContentView = (props) => {
9924
9930
  el.style.setProperty("--tsqd-font-size", variable);
9925
9931
  };
9926
9932
  return [(() => {
9927
- var _el$0 = _tmpl$192(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$1.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;
9933
+ var _el$0 = _tmpl$222(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$1.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;
9928
9934
  var _ref$4 = containerRef;
9929
9935
  typeof _ref$4 === "function" ? use(_ref$4, _el$0) : containerRef = _el$0;
9930
9936
  _el$11.$$click = () => {
@@ -10014,10 +10020,10 @@ var ContentView = (props) => {
10014
10020
  props.setLocalStore("sort", e2.currentTarget.value);
10015
10021
  });
10016
10022
  insert(_el$20, () => Object.keys(sortFns).map((key) => (() => {
10017
- var _el$43 = _tmpl$202(); _el$43.firstChild;
10018
- _el$43.value = key;
10019
- insert(_el$43, key, null);
10020
- return _el$43;
10023
+ var _el$46 = _tmpl$232(); _el$46.firstChild;
10024
+ _el$46.value = key;
10025
+ insert(_el$46, key, null);
10026
+ return _el$46;
10021
10027
  })()));
10022
10028
  createRenderEffect(() => _el$20.value = sort());
10023
10029
  return _el$20;
@@ -10033,10 +10039,10 @@ var ContentView = (props) => {
10033
10039
  props.setLocalStore("mutationSort", e2.currentTarget.value);
10034
10040
  });
10035
10041
  insert(_el$21, () => Object.keys(mutationSortFns).map((key) => (() => {
10036
- var _el$45 = _tmpl$202(); _el$45.firstChild;
10037
- _el$45.value = key;
10038
- insert(_el$45, key, null);
10039
- return _el$45;
10042
+ var _el$48 = _tmpl$232(); _el$48.firstChild;
10043
+ _el$48.value = key;
10044
+ insert(_el$48, key, null);
10045
+ return _el$48;
10040
10046
  })()));
10041
10047
  createRenderEffect(() => _el$21.value = mutationSort());
10042
10048
  return _el$21;
@@ -10084,12 +10090,12 @@ var ContentView = (props) => {
10084
10090
  onlineManager().setOnline(!onlineManager().isOnline());
10085
10091
  };
10086
10092
  insert(_el$27, (() => {
10087
- var _c$ = createMemo(() => !!offline());
10093
+ var _c$ = memo(() => !!offline());
10088
10094
  return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
10089
10095
  })());
10090
10096
  insert(_el$25, createComponent(Show, {
10091
10097
  get when() {
10092
- return createMemo(() => !!!pip().pipWindow)() && !pip().disabled;
10098
+ return memo(() => !!!pip().pipWindow)() && !pip().disabled;
10093
10099
  },
10094
10100
  get children() {
10095
10101
  var _el$28 = _tmpl$83();
@@ -10114,7 +10120,7 @@ var ContentView = (props) => {
10114
10120
  }), createComponent(dropdown_menu_exports.Portal, {
10115
10121
  ref: (el) => setComputedVariables(el),
10116
10122
  get mount() {
10117
- return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10123
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10118
10124
  },
10119
10125
  get children() {
10120
10126
  return createComponent(dropdown_menu_exports.Content, {
@@ -10146,7 +10152,7 @@ var ContentView = (props) => {
10146
10152
  }), createComponent(dropdown_menu_exports.Portal, {
10147
10153
  ref: (el) => setComputedVariables(el),
10148
10154
  get mount() {
10149
- return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10155
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10150
10156
  },
10151
10157
  get children() {
10152
10158
  return createComponent(dropdown_menu_exports.SubContent, {
@@ -10221,7 +10227,7 @@ var ContentView = (props) => {
10221
10227
  }), createComponent(dropdown_menu_exports.Portal, {
10222
10228
  ref: (el) => setComputedVariables(el),
10223
10229
  get mount() {
10224
- return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10230
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10225
10231
  },
10226
10232
  get children() {
10227
10233
  return createComponent(dropdown_menu_exports.SubContent, {
@@ -10268,6 +10274,71 @@ var ContentView = (props) => {
10268
10274
  }
10269
10275
  })];
10270
10276
  }
10277
+ }), createComponent(dropdown_menu_exports.Sub, {
10278
+ overlap: true,
10279
+ gutter: 8,
10280
+ shift: -4,
10281
+ get children() {
10282
+ return [createComponent(dropdown_menu_exports.SubTrigger, {
10283
+ get ["class"]() {
10284
+ return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-disabled-queries");
10285
+ },
10286
+ get children() {
10287
+ return [_tmpl$172(), createComponent(ChevronDown, {})];
10288
+ }
10289
+ }), createComponent(dropdown_menu_exports.Portal, {
10290
+ ref: (el) => setComputedVariables(el),
10291
+ get mount() {
10292
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10293
+ },
10294
+ get children() {
10295
+ return createComponent(dropdown_menu_exports.SubContent, {
10296
+ get ["class"]() {
10297
+ return clsx(styles().settingsMenu, "tsqd-settings-submenu");
10298
+ },
10299
+ get children() {
10300
+ return [createComponent(dropdown_menu_exports.Item, {
10301
+ onSelect: () => {
10302
+ props.setLocalStore("hideDisabledQueries", "false");
10303
+ },
10304
+ as: "button",
10305
+ get ["class"]() {
10306
+ return clsx(styles().settingsSubButton, props.localStore.hideDisabledQueries !== "true" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-show");
10307
+ },
10308
+ get children() {
10309
+ return [_tmpl$182(), createComponent(Show, {
10310
+ get when() {
10311
+ return props.localStore.hideDisabledQueries !== "true";
10312
+ },
10313
+ get children() {
10314
+ return createComponent(CheckCircle, {});
10315
+ }
10316
+ })];
10317
+ }
10318
+ }), createComponent(dropdown_menu_exports.Item, {
10319
+ onSelect: () => {
10320
+ props.setLocalStore("hideDisabledQueries", "true");
10321
+ },
10322
+ as: "button",
10323
+ get ["class"]() {
10324
+ return clsx(styles().settingsSubButton, props.localStore.hideDisabledQueries === "true" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-hide");
10325
+ },
10326
+ get children() {
10327
+ return [_tmpl$192(), createComponent(Show, {
10328
+ get when() {
10329
+ return props.localStore.hideDisabledQueries === "true";
10330
+ },
10331
+ get children() {
10332
+ return createComponent(CheckCircle, {});
10333
+ }
10334
+ })];
10335
+ }
10336
+ })];
10337
+ }
10338
+ });
10339
+ }
10340
+ })];
10341
+ }
10271
10342
  })];
10272
10343
  }
10273
10344
  });
@@ -10280,8 +10351,8 @@ var ContentView = (props) => {
10280
10351
  return selectedView() === "queries";
10281
10352
  },
10282
10353
  get children() {
10283
- var _el$39 = _tmpl$172(), _el$40 = _el$39.firstChild;
10284
- insert(_el$40, createComponent(Key, {
10354
+ var _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
10355
+ insert(_el$43, createComponent(Key, {
10285
10356
  by: (q) => q.queryHash,
10286
10357
  get each() {
10287
10358
  return queries();
@@ -10292,8 +10363,8 @@ var ContentView = (props) => {
10292
10363
  }
10293
10364
  })
10294
10365
  }));
10295
- createRenderEffect(() => className(_el$39, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
10296
- return _el$39;
10366
+ createRenderEffect(() => className(_el$42, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
10367
+ return _el$42;
10297
10368
  }
10298
10369
  }), null);
10299
10370
  insert(_el$0, createComponent(Show, {
@@ -10301,8 +10372,8 @@ var ContentView = (props) => {
10301
10372
  return selectedView() === "mutations";
10302
10373
  },
10303
10374
  get children() {
10304
- var _el$41 = _tmpl$182(), _el$42 = _el$41.firstChild;
10305
- insert(_el$42, createComponent(Key, {
10375
+ var _el$44 = _tmpl$212(), _el$45 = _el$44.firstChild;
10376
+ insert(_el$45, createComponent(Key, {
10306
10377
  by: (m) => m.mutationId,
10307
10378
  get each() {
10308
10379
  return mutations();
@@ -10313,8 +10384,8 @@ var ContentView = (props) => {
10313
10384
  }
10314
10385
  })
10315
10386
  }));
10316
- createRenderEffect(() => className(_el$41, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
10317
- return _el$41;
10387
+ createRenderEffect(() => className(_el$44, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
10388
+ return _el$44;
10318
10389
  }
10319
10390
  }), null);
10320
10391
  createRenderEffect((_p$) => {
@@ -10372,14 +10443,14 @@ var ContentView = (props) => {
10372
10443
  return _el$0;
10373
10444
  })(), createComponent(Show, {
10374
10445
  get when() {
10375
- return createMemo(() => selectedView() === "queries")() && selectedQueryHash();
10446
+ return memo(() => selectedView() === "queries")() && selectedQueryHash();
10376
10447
  },
10377
10448
  get children() {
10378
10449
  return createComponent(QueryDetails, {});
10379
10450
  }
10380
10451
  }), createComponent(Show, {
10381
10452
  get when() {
10382
- return createMemo(() => selectedView() === "mutations")() && selectedMutationId();
10453
+ return memo(() => selectedView() === "mutations")() && selectedMutationId();
10383
10454
  },
10384
10455
  get children() {
10385
10456
  return createComponent(MutationDetails, {});
@@ -10436,38 +10507,38 @@ var QueryRow = (props) => {
10436
10507
  return queryState();
10437
10508
  },
10438
10509
  get children() {
10439
- var _el$47 = _tmpl$232(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling;
10440
- _el$47.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
10441
- insert(_el$48, observers);
10442
- insert(_el$49, () => props.query.queryHash);
10443
- insert(_el$47, createComponent(Show, {
10510
+ var _el$50 = _tmpl$262(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
10511
+ _el$50.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
10512
+ insert(_el$51, observers);
10513
+ insert(_el$52, () => props.query.queryHash);
10514
+ insert(_el$50, createComponent(Show, {
10444
10515
  get when() {
10445
10516
  return isDisabled();
10446
10517
  },
10447
10518
  get children() {
10448
- return _tmpl$212();
10519
+ return _tmpl$242();
10449
10520
  }
10450
10521
  }), null);
10451
- insert(_el$47, createComponent(Show, {
10522
+ insert(_el$50, createComponent(Show, {
10452
10523
  get when() {
10453
10524
  return isStatic();
10454
10525
  },
10455
10526
  get children() {
10456
- return _tmpl$222();
10527
+ return _tmpl$252();
10457
10528
  }
10458
10529
  }), null);
10459
10530
  createRenderEffect((_p$) => {
10460
10531
  var _v$24 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$25 = `Query key ${props.query.queryHash}`, _v$26 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
10461
- _v$24 !== _p$.e && className(_el$47, _p$.e = _v$24);
10462
- _v$25 !== _p$.t && setAttribute(_el$47, "aria-label", _p$.t = _v$25);
10463
- _v$26 !== _p$.a && className(_el$48, _p$.a = _v$26);
10532
+ _v$24 !== _p$.e && className(_el$50, _p$.e = _v$24);
10533
+ _v$25 !== _p$.t && setAttribute(_el$50, "aria-label", _p$.t = _v$25);
10534
+ _v$26 !== _p$.a && className(_el$51, _p$.a = _v$26);
10464
10535
  return _p$;
10465
10536
  }, {
10466
10537
  e: void 0,
10467
10538
  t: void 0,
10468
10539
  a: void 0
10469
10540
  });
10470
- return _el$47;
10541
+ return _el$50;
10471
10542
  }
10472
10543
  });
10473
10544
  };
@@ -10522,11 +10593,11 @@ var MutationRow = (props) => {
10522
10593
  return mutationState();
10523
10594
  },
10524
10595
  get children() {
10525
- var _el$52 = _tmpl$232(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
10526
- _el$52.$$click = () => {
10596
+ var _el$55 = _tmpl$262(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
10597
+ _el$55.$$click = () => {
10527
10598
  setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
10528
10599
  };
10529
- insert(_el$53, createComponent(Show, {
10600
+ insert(_el$56, createComponent(Show, {
10530
10601
  get when() {
10531
10602
  return color() === "purple";
10532
10603
  },
@@ -10534,7 +10605,7 @@ var MutationRow = (props) => {
10534
10605
  return createComponent(PauseCircle, {});
10535
10606
  }
10536
10607
  }), null);
10537
- insert(_el$53, createComponent(Show, {
10608
+ insert(_el$56, createComponent(Show, {
10538
10609
  get when() {
10539
10610
  return color() === "green";
10540
10611
  },
@@ -10542,7 +10613,7 @@ var MutationRow = (props) => {
10542
10613
  return createComponent(CheckCircle, {});
10543
10614
  }
10544
10615
  }), null);
10545
- insert(_el$53, createComponent(Show, {
10616
+ insert(_el$56, createComponent(Show, {
10546
10617
  get when() {
10547
10618
  return color() === "red";
10548
10619
  },
@@ -10550,7 +10621,7 @@ var MutationRow = (props) => {
10550
10621
  return createComponent(XCircle, {});
10551
10622
  }
10552
10623
  }), null);
10553
- insert(_el$53, createComponent(Show, {
10624
+ insert(_el$56, createComponent(Show, {
10554
10625
  get when() {
10555
10626
  return color() === "yellow";
10556
10627
  },
@@ -10558,27 +10629,27 @@ var MutationRow = (props) => {
10558
10629
  return createComponent(LoadingCircle, {});
10559
10630
  }
10560
10631
  }), null);
10561
- insert(_el$54, createComponent(Show, {
10632
+ insert(_el$57, createComponent(Show, {
10562
10633
  get when() {
10563
10634
  return props.mutation.options.mutationKey;
10564
10635
  },
10565
10636
  get children() {
10566
- return [createMemo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
10637
+ return [memo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
10567
10638
  }
10568
10639
  }), null);
10569
- insert(_el$54, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
10640
+ insert(_el$57, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
10570
10641
  createRenderEffect((_p$) => {
10571
10642
  var _v$27 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$28 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$29 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
10572
- _v$27 !== _p$.e && className(_el$52, _p$.e = _v$27);
10573
- _v$28 !== _p$.t && setAttribute(_el$52, "aria-label", _p$.t = _v$28);
10574
- _v$29 !== _p$.a && className(_el$53, _p$.a = _v$29);
10643
+ _v$27 !== _p$.e && className(_el$55, _p$.e = _v$27);
10644
+ _v$28 !== _p$.t && setAttribute(_el$55, "aria-label", _p$.t = _v$28);
10645
+ _v$29 !== _p$.a && className(_el$56, _p$.a = _v$29);
10575
10646
  return _p$;
10576
10647
  }, {
10577
10648
  e: void 0,
10578
10649
  t: void 0,
10579
10650
  a: void 0
10580
10651
  });
10581
- return _el$52;
10652
+ return _el$55;
10582
10653
  }
10583
10654
  });
10584
10655
  };
@@ -10596,44 +10667,44 @@ var QueryStatusCount = () => {
10596
10667
  return theme() === "dark" ? darkStyles2(css) : lightStyles2(css);
10597
10668
  });
10598
10669
  return (() => {
10599
- var _el$55 = _tmpl$26();
10600
- insert(_el$55, createComponent(QueryStatus, {
10670
+ var _el$58 = _tmpl$26();
10671
+ insert(_el$58, createComponent(QueryStatus, {
10601
10672
  label: "Fresh",
10602
10673
  color: "green",
10603
10674
  get count() {
10604
10675
  return fresh();
10605
10676
  }
10606
10677
  }), null);
10607
- insert(_el$55, createComponent(QueryStatus, {
10678
+ insert(_el$58, createComponent(QueryStatus, {
10608
10679
  label: "Fetching",
10609
10680
  color: "blue",
10610
10681
  get count() {
10611
10682
  return fetching();
10612
10683
  }
10613
10684
  }), null);
10614
- insert(_el$55, createComponent(QueryStatus, {
10685
+ insert(_el$58, createComponent(QueryStatus, {
10615
10686
  label: "Paused",
10616
10687
  color: "purple",
10617
10688
  get count() {
10618
10689
  return paused();
10619
10690
  }
10620
10691
  }), null);
10621
- insert(_el$55, createComponent(QueryStatus, {
10692
+ insert(_el$58, createComponent(QueryStatus, {
10622
10693
  label: "Stale",
10623
10694
  color: "yellow",
10624
10695
  get count() {
10625
10696
  return stale();
10626
10697
  }
10627
10698
  }), null);
10628
- insert(_el$55, createComponent(QueryStatus, {
10699
+ insert(_el$58, createComponent(QueryStatus, {
10629
10700
  label: "Inactive",
10630
10701
  color: "gray",
10631
10702
  get count() {
10632
10703
  return inactive();
10633
10704
  }
10634
10705
  }), null);
10635
- createRenderEffect(() => className(_el$55, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10636
- return _el$55;
10706
+ createRenderEffect(() => className(_el$58, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10707
+ return _el$58;
10637
10708
  })();
10638
10709
  };
10639
10710
  var MutationStatusCount = () => {
@@ -10661,37 +10732,37 @@ var MutationStatusCount = () => {
10661
10732
  return theme() === "dark" ? darkStyles2(css) : lightStyles2(css);
10662
10733
  });
10663
10734
  return (() => {
10664
- var _el$56 = _tmpl$26();
10665
- insert(_el$56, createComponent(QueryStatus, {
10735
+ var _el$59 = _tmpl$26();
10736
+ insert(_el$59, createComponent(QueryStatus, {
10666
10737
  label: "Paused",
10667
10738
  color: "purple",
10668
10739
  get count() {
10669
10740
  return paused();
10670
10741
  }
10671
10742
  }), null);
10672
- insert(_el$56, createComponent(QueryStatus, {
10743
+ insert(_el$59, createComponent(QueryStatus, {
10673
10744
  label: "Pending",
10674
10745
  color: "yellow",
10675
10746
  get count() {
10676
10747
  return pending();
10677
10748
  }
10678
10749
  }), null);
10679
- insert(_el$56, createComponent(QueryStatus, {
10750
+ insert(_el$59, createComponent(QueryStatus, {
10680
10751
  label: "Success",
10681
10752
  color: "green",
10682
10753
  get count() {
10683
10754
  return success();
10684
10755
  }
10685
10756
  }), null);
10686
- insert(_el$56, createComponent(QueryStatus, {
10757
+ insert(_el$59, createComponent(QueryStatus, {
10687
10758
  label: "Error",
10688
10759
  color: "red",
10689
10760
  get count() {
10690
10761
  return error();
10691
10762
  }
10692
10763
  }), null);
10693
- createRenderEffect(() => className(_el$56, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10694
- return _el$56;
10764
+ createRenderEffect(() => className(_el$59, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10765
+ return _el$59;
10695
10766
  })();
10696
10767
  };
10697
10768
  var QueryStatus = (props) => {
@@ -10722,17 +10793,17 @@ var QueryStatus = (props) => {
10722
10793
  return true;
10723
10794
  });
10724
10795
  return (() => {
10725
- var _el$57 = _tmpl$262(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
10796
+ var _el$60 = _tmpl$29(), _el$62 = _el$60.firstChild, _el$64 = _el$62.nextSibling;
10726
10797
  var _ref$5 = tagRef;
10727
- typeof _ref$5 === "function" ? use(_ref$5, _el$57) : tagRef = _el$57;
10728
- _el$57.addEventListener("mouseleave", () => {
10798
+ typeof _ref$5 === "function" ? use(_ref$5, _el$60) : tagRef = _el$60;
10799
+ _el$60.addEventListener("mouseleave", () => {
10729
10800
  setMouseOver(false);
10730
10801
  setFocused(false);
10731
10802
  });
10732
- _el$57.addEventListener("mouseenter", () => setMouseOver(true));
10733
- _el$57.addEventListener("blur", () => setFocused(false));
10734
- _el$57.addEventListener("focus", () => setFocused(true));
10735
- spread(_el$57, mergeProps({
10803
+ _el$60.addEventListener("mouseenter", () => setMouseOver(true));
10804
+ _el$60.addEventListener("blur", () => setFocused(false));
10805
+ _el$60.addEventListener("focus", () => setFocused(true));
10806
+ spread(_el$60, mergeProps({
10736
10807
  get disabled() {
10737
10808
  return showLabel();
10738
10809
  },
@@ -10747,29 +10818,29 @@ var QueryStatus = (props) => {
10747
10818
  }, () => mouseOver() || focused() ? {
10748
10819
  "aria-describedby": "tsqd-status-tooltip"
10749
10820
  } : {}), false, true);
10750
- insert(_el$57, createComponent(Show, {
10821
+ insert(_el$60, createComponent(Show, {
10751
10822
  get when() {
10752
- return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
10823
+ return memo(() => !!!showLabel())() && (mouseOver() || focused());
10753
10824
  },
10754
10825
  get children() {
10755
- var _el$58 = _tmpl$242();
10756
- insert(_el$58, () => props.label);
10757
- createRenderEffect(() => className(_el$58, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
10758
- return _el$58;
10826
+ var _el$61 = _tmpl$27();
10827
+ insert(_el$61, () => props.label);
10828
+ createRenderEffect(() => className(_el$61, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
10829
+ return _el$61;
10759
10830
  }
10760
- }), _el$59);
10761
- insert(_el$57, createComponent(Show, {
10831
+ }), _el$62);
10832
+ insert(_el$60, createComponent(Show, {
10762
10833
  get when() {
10763
10834
  return showLabel();
10764
10835
  },
10765
10836
  get children() {
10766
- var _el$60 = _tmpl$252();
10767
- insert(_el$60, () => props.label);
10768
- createRenderEffect(() => className(_el$60, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
10769
- return _el$60;
10837
+ var _el$63 = _tmpl$28();
10838
+ insert(_el$63, () => props.label);
10839
+ createRenderEffect(() => className(_el$63, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
10840
+ return _el$63;
10770
10841
  }
10771
- }), _el$61);
10772
- insert(_el$61, () => props.count);
10842
+ }), _el$64);
10843
+ insert(_el$64, () => props.count);
10773
10844
  createRenderEffect((_p$) => {
10774
10845
  var _v$30 = clsx(css`
10775
10846
  width: ${tokens.size[1.5]};
@@ -10780,14 +10851,14 @@ var QueryStatus = (props) => {
10780
10851
  background-color: ${t2(colors[props.color][100], colors[props.color][900])};
10781
10852
  color: ${t2(colors[props.color][700], colors[props.color][300])};
10782
10853
  `, "tsqd-query-status-tag-count");
10783
- _v$30 !== _p$.e && className(_el$59, _p$.e = _v$30);
10784
- _v$31 !== _p$.t && className(_el$61, _p$.t = _v$31);
10854
+ _v$30 !== _p$.e && className(_el$62, _p$.e = _v$30);
10855
+ _v$31 !== _p$.t && className(_el$64, _p$.t = _v$31);
10785
10856
  return _p$;
10786
10857
  }, {
10787
10858
  e: void 0,
10788
10859
  t: void 0
10789
10860
  });
10790
- return _el$57;
10861
+ return _el$60;
10791
10862
  })();
10792
10863
  };
10793
10864
  var QueryDetails = () => {
@@ -10901,30 +10972,30 @@ var QueryDetails = () => {
10901
10972
  };
10902
10973
  return createComponent(Show, {
10903
10974
  get when() {
10904
- return createMemo(() => !!activeQuery())() && activeQueryState();
10975
+ return memo(() => !!activeQuery())() && activeQueryState();
10905
10976
  },
10906
10977
  get children() {
10907
- var _el$62 = _tmpl$31(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$65.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$69.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$64.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.firstChild, _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$83.nextSibling, _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$96 = _el$76.nextSibling; _el$96.firstChild; var _el$106 = _el$96.nextSibling, _el$107 = _el$106.nextSibling;
10908
- insert(_el$67, () => displayValue(activeQuery().queryKey, true));
10909
- insert(_el$68, statusLabel);
10910
- insert(_el$71, observerCount);
10911
- insert(_el$74, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
10912
- _el$77.$$click = handleRefetch;
10913
- _el$79.$$click = () => {
10978
+ var _el$65 = _tmpl$34(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.firstChild, _el$70 = _el$69.firstChild, _el$71 = _el$69.nextSibling, _el$72 = _el$68.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$72.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling, _el$78 = _el$67.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$80.firstChild, _el$82 = _el$80.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$82.nextSibling, _el$85 = _el$84.firstChild, _el$86 = _el$84.nextSibling, _el$87 = _el$86.firstChild, _el$88 = _el$86.nextSibling, _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling, _el$99 = _el$79.nextSibling; _el$99.firstChild; var _el$109 = _el$99.nextSibling, _el$110 = _el$109.nextSibling;
10979
+ insert(_el$70, () => displayValue(activeQuery().queryKey, true));
10980
+ insert(_el$71, statusLabel);
10981
+ insert(_el$74, observerCount);
10982
+ insert(_el$77, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
10983
+ _el$80.$$click = handleRefetch;
10984
+ _el$82.$$click = () => {
10914
10985
  sendDevToolsEvent({
10915
10986
  type: "INVALIDATE",
10916
10987
  queryHash: activeQuery()?.queryHash
10917
10988
  });
10918
10989
  queryClient.invalidateQueries(activeQuery());
10919
10990
  };
10920
- _el$81.$$click = () => {
10991
+ _el$84.$$click = () => {
10921
10992
  sendDevToolsEvent({
10922
10993
  type: "RESET",
10923
10994
  queryHash: activeQuery()?.queryHash
10924
10995
  });
10925
10996
  queryClient.resetQueries(activeQuery());
10926
10997
  };
10927
- _el$83.$$click = () => {
10998
+ _el$86.$$click = () => {
10928
10999
  sendDevToolsEvent({
10929
11000
  type: "REMOVE",
10930
11001
  queryHash: activeQuery()?.queryHash
@@ -10932,7 +11003,7 @@ var QueryDetails = () => {
10932
11003
  queryClient.removeQueries(activeQuery());
10933
11004
  setSelectedQueryHash(null);
10934
11005
  };
10935
- _el$85.$$click = () => {
11006
+ _el$88.$$click = () => {
10936
11007
  if (activeQuery()?.state.data === void 0) {
10937
11008
  setRestoringLoading(true);
10938
11009
  restoreQueryAfterLoadingOrError();
@@ -10962,14 +11033,14 @@ var QueryDetails = () => {
10962
11033
  });
10963
11034
  }
10964
11035
  };
10965
- insert(_el$85, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$87);
10966
- insert(_el$76, createComponent(Show, {
11036
+ insert(_el$88, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$90);
11037
+ insert(_el$79, createComponent(Show, {
10967
11038
  get when() {
10968
11039
  return errorTypes().length === 0 || queryStatus() === "error";
10969
11040
  },
10970
11041
  get children() {
10971
- var _el$88 = _tmpl$27(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
10972
- _el$88.$$click = () => {
11042
+ var _el$91 = _tmpl$30(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling;
11043
+ _el$91.$$click = () => {
10973
11044
  if (!activeQuery().state.error) {
10974
11045
  triggerError();
10975
11046
  } else {
@@ -10980,71 +11051,71 @@ var QueryDetails = () => {
10980
11051
  queryClient.resetQueries(activeQuery());
10981
11052
  }
10982
11053
  };
10983
- insert(_el$88, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$90);
11054
+ insert(_el$91, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$93);
10984
11055
  createRenderEffect((_p$) => {
10985
11056
  var _v$32 = clsx(css`
10986
11057
  color: ${t2(colors.red[500], colors.red[400])};
10987
11058
  `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$33 = queryStatus() === "pending", _v$34 = css`
10988
11059
  background-color: ${t2(colors.red[500], colors.red[400])};
10989
11060
  `;
10990
- _v$32 !== _p$.e && className(_el$88, _p$.e = _v$32);
10991
- _v$33 !== _p$.t && (_el$88.disabled = _p$.t = _v$33);
10992
- _v$34 !== _p$.a && className(_el$89, _p$.a = _v$34);
11061
+ _v$32 !== _p$.e && className(_el$91, _p$.e = _v$32);
11062
+ _v$33 !== _p$.t && (_el$91.disabled = _p$.t = _v$33);
11063
+ _v$34 !== _p$.a && className(_el$92, _p$.a = _v$34);
10993
11064
  return _p$;
10994
11065
  }, {
10995
11066
  e: void 0,
10996
11067
  t: void 0,
10997
11068
  a: void 0
10998
11069
  });
10999
- return _el$88;
11070
+ return _el$91;
11000
11071
  }
11001
11072
  }), null);
11002
- insert(_el$76, createComponent(Show, {
11073
+ insert(_el$79, createComponent(Show, {
11003
11074
  get when() {
11004
11075
  return !(errorTypes().length === 0 || queryStatus() === "error");
11005
11076
  },
11006
11077
  get children() {
11007
- var _el$91 = _tmpl$28(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
11008
- _el$94.addEventListener("change", (e2) => {
11078
+ var _el$94 = _tmpl$31(), _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling; _el$97.firstChild;
11079
+ _el$97.addEventListener("change", (e2) => {
11009
11080
  const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
11010
11081
  triggerError(errorType);
11011
11082
  });
11012
- insert(_el$94, createComponent(For, {
11083
+ insert(_el$97, createComponent(For, {
11013
11084
  get each() {
11014
11085
  return errorTypes();
11015
11086
  },
11016
11087
  children: (errorType) => (() => {
11017
- var _el$108 = _tmpl$322();
11018
- insert(_el$108, () => errorType.name);
11019
- createRenderEffect(() => _el$108.value = errorType.name);
11020
- return _el$108;
11088
+ var _el$111 = _tmpl$35();
11089
+ insert(_el$111, () => errorType.name);
11090
+ createRenderEffect(() => _el$111.value = errorType.name);
11091
+ return _el$111;
11021
11092
  })()
11022
11093
  }), null);
11023
- insert(_el$91, createComponent(ChevronDown, {}), null);
11094
+ insert(_el$94, createComponent(ChevronDown, {}), null);
11024
11095
  createRenderEffect((_p$) => {
11025
11096
  var _v$35 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$36 = css`
11026
11097
  background-color: ${tokens.colors.red[400]};
11027
11098
  `, _v$37 = queryStatus() === "pending";
11028
- _v$35 !== _p$.e && className(_el$91, _p$.e = _v$35);
11029
- _v$36 !== _p$.t && className(_el$92, _p$.t = _v$36);
11030
- _v$37 !== _p$.a && (_el$94.disabled = _p$.a = _v$37);
11099
+ _v$35 !== _p$.e && className(_el$94, _p$.e = _v$35);
11100
+ _v$36 !== _p$.t && className(_el$95, _p$.t = _v$36);
11101
+ _v$37 !== _p$.a && (_el$97.disabled = _p$.a = _v$37);
11031
11102
  return _p$;
11032
11103
  }, {
11033
11104
  e: void 0,
11034
11105
  t: void 0,
11035
11106
  a: void 0
11036
11107
  });
11037
- return _el$91;
11108
+ return _el$94;
11038
11109
  }
11039
11110
  }), null);
11040
- insert(_el$96, () => dataMode() === "view" ? "Explorer" : "Editor", null);
11041
- insert(_el$62, createComponent(Show, {
11111
+ insert(_el$99, () => dataMode() === "view" ? "Explorer" : "Editor", null);
11112
+ insert(_el$65, createComponent(Show, {
11042
11113
  get when() {
11043
11114
  return dataMode() === "view";
11044
11115
  },
11045
11116
  get children() {
11046
- var _el$98 = _tmpl$29();
11047
- insert(_el$98, createComponent(Explorer, {
11117
+ var _el$101 = _tmpl$322();
11118
+ insert(_el$101, createComponent(Explorer, {
11048
11119
  label: "Data",
11049
11120
  defaultExpanded: ["Data"],
11050
11121
  get value() {
@@ -11056,17 +11127,17 @@ var QueryDetails = () => {
11056
11127
  return activeQuery();
11057
11128
  }
11058
11129
  }));
11059
- createRenderEffect((_$p) => (_$p = tokens.size[2]) != null ? _el$98.style.setProperty("padding", _$p) : _el$98.style.removeProperty("padding"));
11060
- return _el$98;
11130
+ createRenderEffect((_$p) => (_$p = tokens.size[2]) != null ? _el$101.style.setProperty("padding", _$p) : _el$101.style.removeProperty("padding"));
11131
+ return _el$101;
11061
11132
  }
11062
- }), _el$106);
11063
- insert(_el$62, createComponent(Show, {
11133
+ }), _el$109);
11134
+ insert(_el$65, createComponent(Show, {
11064
11135
  get when() {
11065
11136
  return dataMode() === "edit";
11066
11137
  },
11067
11138
  get children() {
11068
- var _el$99 = _tmpl$30(), _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.nextSibling;
11069
- _el$99.addEventListener("submit", (e2) => {
11139
+ var _el$102 = _tmpl$332(), _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.firstChild, _el$106 = _el$105.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling;
11140
+ _el$102.addEventListener("submit", (e2) => {
11070
11141
  e2.preventDefault();
11071
11142
  const formData = new FormData(e2.currentTarget);
11072
11143
  const data = formData.get("data");
@@ -11081,23 +11152,23 @@ var QueryDetails = () => {
11081
11152
  setDataEditError(true);
11082
11153
  }
11083
11154
  });
11084
- _el$100.addEventListener("focus", () => setDataEditError(false));
11085
- insert(_el$102, () => dataEditError() ? "Invalid Value" : "");
11086
- _el$104.$$click = () => setDataMode("view");
11155
+ _el$103.addEventListener("focus", () => setDataEditError(false));
11156
+ insert(_el$105, () => dataEditError() ? "Invalid Value" : "");
11157
+ _el$107.$$click = () => setDataMode("view");
11087
11158
  createRenderEffect((_p$) => {
11088
11159
  var _v$38 = clsx(styles().devtoolsEditForm, "tsqd-query-details-data-editor"), _v$39 = styles().devtoolsEditTextarea, _v$40 = dataEditError(), _v$41 = styles().devtoolsEditFormActions, _v$42 = styles().devtoolsEditFormError, _v$43 = styles().devtoolsEditFormActionContainer, _v$44 = clsx(styles().devtoolsEditFormAction, css`
11089
11160
  color: ${t2(colors.gray[600], colors.gray[300])};
11090
11161
  `), _v$45 = clsx(styles().devtoolsEditFormAction, css`
11091
11162
  color: ${t2(colors.blue[600], colors.blue[400])};
11092
11163
  `);
11093
- _v$38 !== _p$.e && className(_el$99, _p$.e = _v$38);
11094
- _v$39 !== _p$.t && className(_el$100, _p$.t = _v$39);
11095
- _v$40 !== _p$.a && setAttribute(_el$100, "data-error", _p$.a = _v$40);
11096
- _v$41 !== _p$.o && className(_el$101, _p$.o = _v$41);
11097
- _v$42 !== _p$.i && className(_el$102, _p$.i = _v$42);
11098
- _v$43 !== _p$.n && className(_el$103, _p$.n = _v$43);
11099
- _v$44 !== _p$.s && className(_el$104, _p$.s = _v$44);
11100
- _v$45 !== _p$.h && className(_el$105, _p$.h = _v$45);
11164
+ _v$38 !== _p$.e && className(_el$102, _p$.e = _v$38);
11165
+ _v$39 !== _p$.t && className(_el$103, _p$.t = _v$39);
11166
+ _v$40 !== _p$.a && setAttribute(_el$103, "data-error", _p$.a = _v$40);
11167
+ _v$41 !== _p$.o && className(_el$104, _p$.o = _v$41);
11168
+ _v$42 !== _p$.i && className(_el$105, _p$.i = _v$42);
11169
+ _v$43 !== _p$.n && className(_el$106, _p$.n = _v$43);
11170
+ _v$44 !== _p$.s && className(_el$107, _p$.s = _v$44);
11171
+ _v$45 !== _p$.h && className(_el$108, _p$.h = _v$45);
11101
11172
  return _p$;
11102
11173
  }, {
11103
11174
  e: void 0,
@@ -11109,11 +11180,11 @@ var QueryDetails = () => {
11109
11180
  s: void 0,
11110
11181
  h: void 0
11111
11182
  });
11112
- createRenderEffect(() => _el$100.value = JSON.stringify(activeQueryStateData(), null, 2));
11113
- return _el$99;
11183
+ createRenderEffect(() => _el$103.value = JSON.stringify(activeQueryStateData(), null, 2));
11184
+ return _el$102;
11114
11185
  }
11115
- }), _el$106);
11116
- insert(_el$107, createComponent(Explorer, {
11186
+ }), _el$109);
11187
+ insert(_el$110, createComponent(Explorer, {
11117
11188
  label: "Query",
11118
11189
  defaultExpanded: ["Query", "queryKey"],
11119
11190
  get value() {
@@ -11142,30 +11213,30 @@ var QueryDetails = () => {
11142
11213
  `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$65 = restoringLoading(), _v$66 = css`
11143
11214
  background-color: ${t2(colors.cyan[500], colors.cyan[400])};
11144
11215
  `, _v$67 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$68 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$69 = tokens.size[2];
11145
- _v$46 !== _p$.e && className(_el$62, _p$.e = _v$46);
11146
- _v$47 !== _p$.t && className(_el$63, _p$.t = _v$47);
11147
- _v$48 !== _p$.a && className(_el$64, _p$.a = _v$48);
11148
- _v$49 !== _p$.o && className(_el$68, _p$.o = _v$49);
11149
- _v$50 !== _p$.i && className(_el$75, _p$.i = _v$50);
11150
- _v$51 !== _p$.n && className(_el$76, _p$.n = _v$51);
11151
- _v$52 !== _p$.s && className(_el$77, _p$.s = _v$52);
11152
- _v$53 !== _p$.h && (_el$77.disabled = _p$.h = _v$53);
11153
- _v$54 !== _p$.r && className(_el$78, _p$.r = _v$54);
11154
- _v$55 !== _p$.d && className(_el$79, _p$.d = _v$55);
11155
- _v$56 !== _p$.l && (_el$79.disabled = _p$.l = _v$56);
11156
- _v$57 !== _p$.u && className(_el$80, _p$.u = _v$57);
11157
- _v$58 !== _p$.c && className(_el$81, _p$.c = _v$58);
11158
- _v$59 !== _p$.w && (_el$81.disabled = _p$.w = _v$59);
11159
- _v$60 !== _p$.m && className(_el$82, _p$.m = _v$60);
11160
- _v$61 !== _p$.f && className(_el$83, _p$.f = _v$61);
11161
- _v$62 !== _p$.y && (_el$83.disabled = _p$.y = _v$62);
11162
- _v$63 !== _p$.g && className(_el$84, _p$.g = _v$63);
11163
- _v$64 !== _p$.p && className(_el$85, _p$.p = _v$64);
11164
- _v$65 !== _p$.b && (_el$85.disabled = _p$.b = _v$65);
11165
- _v$66 !== _p$.T && className(_el$86, _p$.T = _v$66);
11166
- _v$67 !== _p$.A && className(_el$96, _p$.A = _v$67);
11167
- _v$68 !== _p$.O && className(_el$106, _p$.O = _v$68);
11168
- _v$69 !== _p$.I && ((_p$.I = _v$69) != null ? _el$107.style.setProperty("padding", _v$69) : _el$107.style.removeProperty("padding"));
11216
+ _v$46 !== _p$.e && className(_el$65, _p$.e = _v$46);
11217
+ _v$47 !== _p$.t && className(_el$66, _p$.t = _v$47);
11218
+ _v$48 !== _p$.a && className(_el$67, _p$.a = _v$48);
11219
+ _v$49 !== _p$.o && className(_el$71, _p$.o = _v$49);
11220
+ _v$50 !== _p$.i && className(_el$78, _p$.i = _v$50);
11221
+ _v$51 !== _p$.n && className(_el$79, _p$.n = _v$51);
11222
+ _v$52 !== _p$.s && className(_el$80, _p$.s = _v$52);
11223
+ _v$53 !== _p$.h && (_el$80.disabled = _p$.h = _v$53);
11224
+ _v$54 !== _p$.r && className(_el$81, _p$.r = _v$54);
11225
+ _v$55 !== _p$.d && className(_el$82, _p$.d = _v$55);
11226
+ _v$56 !== _p$.l && (_el$82.disabled = _p$.l = _v$56);
11227
+ _v$57 !== _p$.u && className(_el$83, _p$.u = _v$57);
11228
+ _v$58 !== _p$.c && className(_el$84, _p$.c = _v$58);
11229
+ _v$59 !== _p$.w && (_el$84.disabled = _p$.w = _v$59);
11230
+ _v$60 !== _p$.m && className(_el$85, _p$.m = _v$60);
11231
+ _v$61 !== _p$.f && className(_el$86, _p$.f = _v$61);
11232
+ _v$62 !== _p$.y && (_el$86.disabled = _p$.y = _v$62);
11233
+ _v$63 !== _p$.g && className(_el$87, _p$.g = _v$63);
11234
+ _v$64 !== _p$.p && className(_el$88, _p$.p = _v$64);
11235
+ _v$65 !== _p$.b && (_el$88.disabled = _p$.b = _v$65);
11236
+ _v$66 !== _p$.T && className(_el$89, _p$.T = _v$66);
11237
+ _v$67 !== _p$.A && className(_el$99, _p$.A = _v$67);
11238
+ _v$68 !== _p$.O && className(_el$109, _p$.O = _v$68);
11239
+ _v$69 !== _p$.I && ((_p$.I = _v$69) != null ? _el$110.style.setProperty("padding", _v$69) : _el$110.style.removeProperty("padding"));
11169
11240
  return _p$;
11170
11241
  }, {
11171
11242
  e: void 0,
@@ -11193,7 +11264,7 @@ var QueryDetails = () => {
11193
11264
  O: void 0,
11194
11265
  I: void 0
11195
11266
  });
11196
- return _el$62;
11267
+ return _el$65;
11197
11268
  }
11198
11269
  });
11199
11270
  };
@@ -11245,8 +11316,8 @@ var MutationDetails = () => {
11245
11316
  return activeMutation();
11246
11317
  },
11247
11318
  get children() {
11248
- var _el$109 = _tmpl$332(), _el$110 = _el$109.firstChild, _el$111 = _el$110.nextSibling, _el$112 = _el$111.firstChild, _el$113 = _el$112.firstChild, _el$114 = _el$113.firstChild, _el$115 = _el$113.nextSibling, _el$116 = _el$112.nextSibling, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling, _el$119 = _el$111.nextSibling, _el$120 = _el$119.nextSibling, _el$121 = _el$120.nextSibling, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.nextSibling, _el$125 = _el$124.nextSibling, _el$126 = _el$125.nextSibling;
11249
- insert(_el$114, createComponent(Show, {
11319
+ var _el$112 = _tmpl$36(), _el$113 = _el$112.firstChild, _el$114 = _el$113.nextSibling, _el$115 = _el$114.firstChild, _el$116 = _el$115.firstChild, _el$117 = _el$116.firstChild, _el$118 = _el$116.nextSibling, _el$119 = _el$115.nextSibling, _el$120 = _el$119.firstChild, _el$121 = _el$120.nextSibling, _el$122 = _el$114.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.nextSibling, _el$125 = _el$124.nextSibling, _el$126 = _el$125.nextSibling, _el$127 = _el$126.nextSibling, _el$128 = _el$127.nextSibling, _el$129 = _el$128.nextSibling;
11320
+ insert(_el$117, createComponent(Show, {
11250
11321
  get when() {
11251
11322
  return activeMutation().options.mutationKey;
11252
11323
  },
@@ -11255,13 +11326,13 @@ var MutationDetails = () => {
11255
11326
  return displayValue(activeMutation().options.mutationKey, true);
11256
11327
  }
11257
11328
  }));
11258
- insert(_el$115, createComponent(Show, {
11329
+ insert(_el$118, createComponent(Show, {
11259
11330
  get when() {
11260
11331
  return color() === "purple";
11261
11332
  },
11262
11333
  children: "pending"
11263
11334
  }), null);
11264
- insert(_el$115, createComponent(Show, {
11335
+ insert(_el$118, createComponent(Show, {
11265
11336
  get when() {
11266
11337
  return color() !== "purple";
11267
11338
  },
@@ -11269,29 +11340,29 @@ var MutationDetails = () => {
11269
11340
  return status();
11270
11341
  }
11271
11342
  }), null);
11272
- insert(_el$118, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
11273
- insert(_el$120, createComponent(Explorer, {
11343
+ insert(_el$121, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
11344
+ insert(_el$123, createComponent(Explorer, {
11274
11345
  label: "Variables",
11275
11346
  defaultExpanded: ["Variables"],
11276
11347
  get value() {
11277
11348
  return activeMutation().state.variables;
11278
11349
  }
11279
11350
  }));
11280
- insert(_el$122, createComponent(Explorer, {
11351
+ insert(_el$125, createComponent(Explorer, {
11281
11352
  label: "Context",
11282
11353
  defaultExpanded: ["Context"],
11283
11354
  get value() {
11284
11355
  return activeMutation().state.context;
11285
11356
  }
11286
11357
  }));
11287
- insert(_el$124, createComponent(Explorer, {
11358
+ insert(_el$127, createComponent(Explorer, {
11288
11359
  label: "Data",
11289
11360
  defaultExpanded: ["Data"],
11290
11361
  get value() {
11291
11362
  return activeMutation().state.data;
11292
11363
  }
11293
11364
  }));
11294
- insert(_el$126, createComponent(Explorer, {
11365
+ insert(_el$129, createComponent(Explorer, {
11295
11366
  label: "Mutation",
11296
11367
  defaultExpanded: ["Mutation"],
11297
11368
  get value() {
@@ -11300,18 +11371,18 @@ var MutationDetails = () => {
11300
11371
  }));
11301
11372
  createRenderEffect((_p$) => {
11302
11373
  var _v$70 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$71 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$72 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$73 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$74 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$75 = tokens.size[2], _v$76 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$77 = tokens.size[2], _v$78 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$79 = tokens.size[2], _v$80 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$81 = tokens.size[2];
11303
- _v$70 !== _p$.e && className(_el$109, _p$.e = _v$70);
11304
- _v$71 !== _p$.t && className(_el$110, _p$.t = _v$71);
11305
- _v$72 !== _p$.a && className(_el$111, _p$.a = _v$72);
11306
- _v$73 !== _p$.o && className(_el$115, _p$.o = _v$73);
11307
- _v$74 !== _p$.i && className(_el$119, _p$.i = _v$74);
11308
- _v$75 !== _p$.n && ((_p$.n = _v$75) != null ? _el$120.style.setProperty("padding", _v$75) : _el$120.style.removeProperty("padding"));
11309
- _v$76 !== _p$.s && className(_el$121, _p$.s = _v$76);
11310
- _v$77 !== _p$.h && ((_p$.h = _v$77) != null ? _el$122.style.setProperty("padding", _v$77) : _el$122.style.removeProperty("padding"));
11311
- _v$78 !== _p$.r && className(_el$123, _p$.r = _v$78);
11312
- _v$79 !== _p$.d && ((_p$.d = _v$79) != null ? _el$124.style.setProperty("padding", _v$79) : _el$124.style.removeProperty("padding"));
11313
- _v$80 !== _p$.l && className(_el$125, _p$.l = _v$80);
11314
- _v$81 !== _p$.u && ((_p$.u = _v$81) != null ? _el$126.style.setProperty("padding", _v$81) : _el$126.style.removeProperty("padding"));
11374
+ _v$70 !== _p$.e && className(_el$112, _p$.e = _v$70);
11375
+ _v$71 !== _p$.t && className(_el$113, _p$.t = _v$71);
11376
+ _v$72 !== _p$.a && className(_el$114, _p$.a = _v$72);
11377
+ _v$73 !== _p$.o && className(_el$118, _p$.o = _v$73);
11378
+ _v$74 !== _p$.i && className(_el$122, _p$.i = _v$74);
11379
+ _v$75 !== _p$.n && ((_p$.n = _v$75) != null ? _el$123.style.setProperty("padding", _v$75) : _el$123.style.removeProperty("padding"));
11380
+ _v$76 !== _p$.s && className(_el$124, _p$.s = _v$76);
11381
+ _v$77 !== _p$.h && ((_p$.h = _v$77) != null ? _el$125.style.setProperty("padding", _v$77) : _el$125.style.removeProperty("padding"));
11382
+ _v$78 !== _p$.r && className(_el$126, _p$.r = _v$78);
11383
+ _v$79 !== _p$.d && ((_p$.d = _v$79) != null ? _el$127.style.setProperty("padding", _v$79) : _el$127.style.removeProperty("padding"));
11384
+ _v$80 !== _p$.l && className(_el$128, _p$.l = _v$80);
11385
+ _v$81 !== _p$.u && ((_p$.u = _v$81) != null ? _el$129.style.setProperty("padding", _v$81) : _el$129.style.removeProperty("padding"));
11315
11386
  return _p$;
11316
11387
  }, {
11317
11388
  e: void 0,
@@ -11327,7 +11398,7 @@ var MutationDetails = () => {
11327
11398
  l: void 0,
11328
11399
  u: void 0
11329
11400
  });
11330
- return _el$109;
11401
+ return _el$112;
11331
11402
  }
11332
11403
  });
11333
11404
  };