@tanstack/query-devtools 5.13.5 → 5.14.6

package/build/Devtools/{N66J3ZXT.js → 2NWMMIDL.js}

@@ -1,4 +1,4 @@
-import { createContext, delegateEvents, sortFns, mutationSortFns, createSignal, $PROXY, $TRACK, getListener, batch, getPreferredColorScheme, createMemo, createComponent, createEffect, onMount, onCleanup, use, insert, Show, createRenderEffect, className, on, setAttribute, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, mergeProps, getQueryStatusColorByLabel, displayValue, For, isServer, createUniqueId, useContext, Index, updateNestedDataByPath, template, convertRemToPixels, getSidedProp, untrack, useTransition, createRoot, splitProps, Portal, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, Dynamic, children, createComputed, getOwner, DEV } from '../chunk/7TPOKDOT.js';
+import { createContext, delegateEvents, sortFns, mutationSortFns, createSignal, $PROXY, $TRACK, getListener, batch, getPreferredColorScheme, createMemo, createComponent, createEffect, onMount, onCleanup, use, insert, Show, createRenderEffect, className, on, setAttribute, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, mergeProps, getQueryStatusColorByLabel, displayValue, For, isServer, createUniqueId, useContext, Index, updateNestedDataByPath, template, convertRemToPixels, getSidedProp, untrack, useTransition, createRoot, splitProps, Portal, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, Dynamic, children, createComputed, getOwner, DEV } from '../chunk/CQKFH7YS.js';
 
 // ../../node_modules/.pnpm/@tanstack+match-sorter-utils@8.8.4/node_modules/@tanstack/match-sorter-utils/build/lib/index.mjs
 var characterMap = {
@@ -834,37 +834,37 @@ function resolveElements(fn, predicate = defaultElementPredicate, serverPredicat
   return memo;
 }
 
-// ../../node_modules/.pnpm/solid-transition-group@0.2.2_solid-js@1.8.1/node_modules/solid-transition-group/dist/index.js
+// ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.8.1/node_modules/solid-transition-group/dist/index.js
 function createClassnames(props) {
   return createMemo(() => {
     const name = props.name || "s";
     return {
-      enterActiveClasses: (props.enterActiveClass || name + "-enter-active").split(" "),
-      enterClasses: (props.enterClass || name + "-enter").split(" "),
-      enterToClasses: (props.enterToClass || name + "-enter-to").split(" "),
-      exitActiveClasses: (props.exitActiveClass || name + "-exit-active").split(" "),
-      exitClasses: (props.exitClass || name + "-exit").split(" "),
-      exitToClasses: (props.exitToClass || name + "-exit-to").split(" "),
-      moveClasses: (props.moveClass || name + "-move").split(" ")
+      enterActive: (props.enterActiveClass || name + "-enter-active").split(" "),
+      enter: (props.enterClass || name + "-enter").split(" "),
+      enterTo: (props.enterToClass || name + "-enter-to").split(" "),
+      exitActive: (props.exitActiveClass || name + "-exit-active").split(" "),
+      exit: (props.exitClass || name + "-exit").split(" "),
+      exitTo: (props.exitToClass || name + "-exit-to").split(" "),
+      move: (props.moveClass || name + "-move").split(" ")
     };
   });
 }
 function nextFrame(fn) {
   requestAnimationFrame(() => requestAnimationFrame(fn));
 }
-function enterTransition(classnames, events, el, done) {
-  const { enterClasses, enterActiveClasses, enterToClasses } = classnames, { onBeforeEnter, onEnter, onAfterEnter } = events;
+function enterTransition(classes, events, el, done) {
+  const { onBeforeEnter, onEnter, onAfterEnter } = events;
   onBeforeEnter?.(el);
-  el.classList.add(...enterClasses);
-  el.classList.add(...enterActiveClasses);
+  el.classList.add(...classes.enter);
+  el.classList.add(...classes.enterActive);
   queueMicrotask(() => {
     if (!el.parentNode)
       return done?.();
     onEnter?.(el, () => endTransition());
   });
   nextFrame(() => {
-    el.classList.remove(...enterClasses);
-    el.classList.add(...enterToClasses);
+    el.classList.remove(...classes.enter);
+    el.classList.add(...classes.enterTo);
     if (!onEnter || onEnter.length < 2) {
       el.addEventListener("transitionend", endTransition);
       el.addEventListener("animationend", endTransition);
@@ -875,23 +875,23 @@ function enterTransition(classnames, events, el, done) {
       done?.();
       el.removeEventListener("transitionend", endTransition);
       el.removeEventListener("animationend", endTransition);
-      el.classList.remove(...enterActiveClasses);
-      el.classList.remove(...enterToClasses);
+      el.classList.remove(...classes.enterActive);
+      el.classList.remove(...classes.enterTo);
       onAfterEnter?.(el);
     }
   }
 }
-function exitTransition(classnames, events, el, done) {
-  const { exitClasses, exitActiveClasses, exitToClasses } = classnames, { onBeforeExit, onExit, onAfterExit } = events;
+function exitTransition(classes, events, el, done) {
+  const { onBeforeExit, onExit, onAfterExit } = events;
   if (!el.parentNode)
     return done?.();
   onBeforeExit?.(el);
-  el.classList.add(...exitClasses);
-  el.classList.add(...exitActiveClasses);
+  el.classList.add(...classes.exit);
+  el.classList.add(...classes.exitActive);
   onExit?.(el, () => endTransition());
   nextFrame(() => {
-    el.classList.remove(...exitClasses);
-    el.classList.add(...exitToClasses);
+    el.classList.remove(...classes.exit);
+    el.classList.add(...classes.exitTo);
     if (!onExit || onExit.length < 2) {
       el.addEventListener("transitionend", endTransition);
       el.addEventListener("animationend", endTransition);
@@ -902,8 +902,8 @@ function exitTransition(classnames, events, el, done) {
       done?.();
       el.removeEventListener("transitionend", endTransition);
       el.removeEventListener("animationend", endTransition);
-      el.classList.remove(...exitActiveClasses);
-      el.classList.remove(...exitToClasses);
+      el.classList.remove(...classes.exitActive);
+      el.classList.remove(...classes.exitTo);
       onAfterExit?.(el);
     }
   }
@@ -941,10 +941,10 @@ var TransitionGroup = (props) => {
           let endTransition2 = function(e2) {
             if (e2.target === el || /transform$/.test(e2.propertyName)) {
               el.removeEventListener("transitionend", endTransition2);
-              el.classList.remove(...classes.moveClasses);
+              el.classList.remove(...classes.move);
             }
           };
-          el.classList.add(...classes.moveClasses);
+          el.classList.add(...classes.move);
           el.style.transform = el.style.transitionDuration = "";
           el.addEventListener("transitionend", endTransition2);
         }
@@ -1293,7 +1293,7 @@ function createEventListener(targets, type, handler, options) {
     createRenderEffect(attachListeners);
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.18_solid-js@1.8.1/node_modules/@solid-primitives/resize-observer/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.22_solid-js@1.8.1/node_modules/@solid-primitives/resize-observer/dist/index.js
 function makeResizeObserver(callback, options) {
   if (isServer) {
     return { observe: noop2, unobserve: noop2 };
@@ -3524,7 +3524,7 @@ var computePosition2 = (reference, floating, options) => {
   });
 };
 
-// ../../node_modules/.pnpm/@kobalte+core@0.11.0_solid-js@1.8.1/node_modules/@kobalte/core/dist/esm/index.js
+// ../../node_modules/.pnpm/@kobalte+core@0.11.2_solid-js@1.8.1/node_modules/@kobalte/core/dist/esm/index.js
 createContext();
 function buildNodes(params) {
   let index = params.startIndex ?? 0;
@@ -6127,7 +6127,7 @@ function usePopperContext() {
   }
   return context;
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<svg display="block" viewBox="0 0 30 30"><g><path fill="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"></path><path stroke="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z">`);
+var _tmpl$$f = /* @__PURE__ */ template(`<svg display="block" viewBox="0 0 30 30"><g><path fill="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"></path><path stroke="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z">`);
 var DEFAULT_SIZE = 30;
 var HALF_DEFAULT_SIZE = DEFAULT_SIZE / 2;
 var ROTATION_DEG = {
@@ -6176,7 +6176,7 @@ function PopperArrow(props) {
     }
   }, others, {
     get children() {
-      const _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+      const _el$ = _tmpl$$f(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
       _el$3.nextSibling;
       createRenderEffect(() => setAttribute(_el$2, "transform", rotate()));
       return _el$;
@@ -7960,7 +7960,7 @@ function DropdownMenuRoot(props) {
   }, props);
   return createComponent(MenuRoot, props);
 }
-var index$d = /* @__PURE__ */ Object.freeze({
+var index$f = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   Arrow: PopperArrow,
   CheckboxItem: MenuCheckboxItem,
@@ -8117,7 +8117,7 @@ function RadioGroupItemIndicator(props) {
     }
   });
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<input type="radio">`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<input type="radio">`);
 function RadioGroupItemInput(props) {
   const formControlContext = useFormControlContext();
   const radioGroupContext = useRadioGroupContext();
@@ -8154,7 +8154,7 @@ function RadioGroupItemInput(props) {
   };
   createEffect(() => onCleanup(radioContext.registerInput(others.id)));
   return (() => {
-    const _el$ = _tmpl$$6();
+    const _el$ = _tmpl$$7();
     _el$.addEventListener("blur", onBlur);
     _el$.addEventListener("focus", onFocus);
     _el$.addEventListener("change", onChange);
@@ -8195,7 +8195,7 @@ function RadioGroupItemInput(props) {
     return _el$;
   })();
 }
-var _tmpl$$5 = /* @__PURE__ */ template(`<label>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<label>`);
 function RadioGroupItemLabel(props) {
   const context = useRadioGroupItemContext();
   props = mergeDefaultProps({
@@ -8203,7 +8203,7 @@ function RadioGroupItemLabel(props) {
   }, props);
   createEffect(() => onCleanup(context.registerLabel(props.id)));
   return (() => {
-    const _el$ = _tmpl$$5();
+    const _el$ = _tmpl$$6();
     spread(_el$, mergeProps({
       get ["for"]() {
         return context.inputId();
@@ -8300,7 +8300,7 @@ function RadioGroupRoot(props) {
     }
   });
 }
-var index$7 = /* @__PURE__ */ Object.freeze({
+var index$9 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   Description: FormControlDescription,
   ErrorMessage: FormControlErrorMessage,
@@ -8319,6 +8319,8 @@ createContext();
 createContext();
 createContext();
 createContext();
+createContext();
+createContext();
 delegateEvents(["focusin", "focusout", "pointermove"]);
 delegateEvents(["keydown", "pointerdown", "pointermove", "pointerup"]);
 createContext();
@@ -9492,14 +9494,6 @@ var lightStyles = stylesFactory("light");
 var darkStyles = stylesFactory("dark");
 delegateEvents(["click"]);
 
-// src/fonts.ts
-var loadFonts = () => {
-  const link = document.createElement("link");
-  link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
-  link.rel = "stylesheet";
-  document.head.appendChild(link);
-};
-
 // src/Devtools.tsx
 var _tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
 var _tmpl$25 = /* @__PURE__ */ template(`<div>`);
@@ -9574,7 +9568,6 @@ var DevtoolsComponent = (props) => {
 };
 var Devtools_default = DevtoolsComponent;
 var Devtools = (props) => {
-  loadFonts();
   const theme = useTheme();
   const styles = createMemo(() => {
     return theme() === "dark" ? darkStyles2 : lightStyles2;
@@ -9882,7 +9875,7 @@ var ContentView = (props) => {
     _el$11.$$click = () => props.setLocalStore("open", "false");
     insert(_el$13, () => useQueryDevtoolsContext().queryFlavor, _el$14);
     insert(_el$13, () => useQueryDevtoolsContext().version, null);
-    insert(_el$10, createComponent(index$7.Root, {
+    insert(_el$10, createComponent(index$9.Root, {
       get ["class"]() {
         return clsx(styles().viewToggle);
       },
@@ -9895,28 +9888,28 @@ var ContentView = (props) => {
         setSelectedMutationId(null);
       },
       get children() {
-        return [createComponent(index$7.Item, {
+        return [createComponent(index$9.Item, {
           value: "queries",
           "class": "tsqd-radio-toggle",
           get children() {
-            return [createComponent(index$7.ItemInput, {}), createComponent(index$7.ItemControl, {
+            return [createComponent(index$9.ItemInput, {}), createComponent(index$9.ItemControl, {
               get children() {
-                return createComponent(index$7.ItemIndicator, {});
+                return createComponent(index$9.ItemIndicator, {});
               }
-            }), createComponent(index$7.ItemLabel, {
+            }), createComponent(index$9.ItemLabel, {
               title: "Toggle Queries View",
               children: "Queries"
             })];
           }
-        }), createComponent(index$7.Item, {
+        }), createComponent(index$9.Item, {
           value: "mutations",
           "class": "tsqd-radio-toggle",
           get children() {
-            return [createComponent(index$7.ItemInput, {}), createComponent(index$7.ItemControl, {
+            return [createComponent(index$9.ItemInput, {}), createComponent(index$9.ItemControl, {
               get children() {
-                return createComponent(index$7.ItemIndicator, {});
+                return createComponent(index$9.ItemIndicator, {});
               }
-            }), createComponent(index$7.ItemLabel, {
+            }), createComponent(index$9.ItemLabel, {
               title: "Toggle Mutations View",
               children: "Mutations"
             })];
@@ -10031,20 +10024,20 @@ var ContentView = (props) => {
       const _c$ = createMemo(() => !!offline());
       return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
     })());
-    insert(_el$25, createComponent(index$d.Root, {
+    insert(_el$25, createComponent(index$f.Root, {
       gutter: 4,
       get children() {
-        return [createComponent(index$d.Trigger, {
+        return [createComponent(index$f.Trigger, {
           get ["class"]() {
             return clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-settings");
           },
           get children() {
             return createComponent(Settings, {});
           }
-        }), createComponent(index$d.Portal, {
+        }), createComponent(index$f.Portal, {
           ref: (el) => setComputedVariables(el),
           get children() {
-            return createComponent(index$d.Content, {
+            return createComponent(index$f.Content, {
               get ["class"]() {
                 return clsx(styles().settingsMenu, "tsqd-settings-menu");
               },
@@ -10053,27 +10046,27 @@ var ContentView = (props) => {
                   const _el$28 = _tmpl$73();
                   createRenderEffect(() => className(_el$28, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
                   return _el$28;
-                })(), createComponent(index$d.Sub, {
+                })(), createComponent(index$f.Sub, {
                   overlap: true,
                   gutter: 8,
                   shift: -4,
                   get children() {
-                    return [createComponent(index$d.SubTrigger, {
+                    return [createComponent(index$f.SubTrigger, {
                       get ["class"]() {
                         return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
                       },
                       get children() {
                         return [_tmpl$83(), createComponent(ChevronDown, {})];
                       }
-                    }), createComponent(index$d.Portal, {
+                    }), createComponent(index$f.Portal, {
                       ref: (el) => setComputedVariables(el),
                       get children() {
-                        return createComponent(index$d.SubContent, {
+                        return createComponent(index$f.SubContent, {
                           get ["class"]() {
                             return clsx(styles().settingsMenu, "tsqd-settings-submenu");
                           },
                           get children() {
-                            return [createComponent(index$d.Item, {
+                            return [createComponent(index$f.Item, {
                               onSelect: () => {
                                 setDevtoolsPosition("top");
                               },
@@ -10084,7 +10077,7 @@ var ContentView = (props) => {
                               get children() {
                                 return [_tmpl$93(), createComponent(ArrowUp, {})];
                               }
-                            }), createComponent(index$d.Item, {
+                            }), createComponent(index$f.Item, {
                               onSelect: () => {
                                 setDevtoolsPosition("bottom");
                               },
@@ -10095,7 +10088,7 @@ var ContentView = (props) => {
                               get children() {
                                 return [_tmpl$103(), createComponent(ArrowDown, {})];
                               }
-                            }), createComponent(index$d.Item, {
+                            }), createComponent(index$f.Item, {
                               onSelect: () => {
                                 setDevtoolsPosition("left");
                               },
@@ -10106,7 +10099,7 @@ var ContentView = (props) => {
                               get children() {
                                 return [_tmpl$113(), createComponent(ArrowLeft, {})];
                               }
-                            }), createComponent(index$d.Item, {
+                            }), createComponent(index$f.Item, {
                               onSelect: () => {
                                 setDevtoolsPosition("right");
                               },
@@ -10123,27 +10116,27 @@ var ContentView = (props) => {
                       }
                     })];
                   }
-                }), createComponent(index$d.Sub, {
+                }), createComponent(index$f.Sub, {
                   overlap: true,
                   gutter: 8,
                   shift: -4,
                   get children() {
-                    return [createComponent(index$d.SubTrigger, {
+                    return [createComponent(index$f.SubTrigger, {
                       get ["class"]() {
                         return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
                       },
                       get children() {
                         return [_tmpl$132(), createComponent(ChevronDown, {})];
                       }
-                    }), createComponent(index$d.Portal, {
+                    }), createComponent(index$f.Portal, {
                       ref: (el) => setComputedVariables(el),
                       get children() {
-                        return createComponent(index$d.SubContent, {
+                        return createComponent(index$f.SubContent, {
                           get ["class"]() {
                             return clsx(styles().settingsMenu, "tsqd-settings-submenu");
                           },
                           get children() {
-                            return [createComponent(index$d.Item, {
+                            return [createComponent(index$f.Item, {
                               onSelect: () => {
                                 props.setLocalStore("theme_preference", "light");
                               },
@@ -10154,7 +10147,7 @@ var ContentView = (props) => {
                               get children() {
                                 return [_tmpl$142(), createComponent(Sun, {})];
                               }
-                            }), createComponent(index$d.Item, {
+                            }), createComponent(index$f.Item, {
                               onSelect: () => {
                                 props.setLocalStore("theme_preference", "dark");
                               },
@@ -10165,7 +10158,7 @@ var ContentView = (props) => {
                               get children() {
                                 return [_tmpl$152(), createComponent(Moon, {})];
                               }
-                            }), createComponent(index$d.Item, {
+                            }), createComponent(index$f.Item, {
                               onSelect: () => {
                                 props.setLocalStore("theme_preference", "system");
                               },
@@ -12640,6 +12633,15 @@ delegateEvents(["click", "mousedown", "input"]);
    * https://github.com/ariakit/ariakit/blob/f2a96973de523d67e41eec983263936c489ef3e2/packages/ariakit/src/hovercard/__utils/debug-polygon.ts
    *)
 
+@kobalte/core/dist/esm/index.js:
+  (*!
+   * Portions of this file are based on code from react-spectrum.
+   * Apache License Version 2.0, Copyright 2020 Adobe.
+   *
+   * Credits to the React Spectrum team:
+   * https://github.com/adobe/react-spectrum/blob/1ddcde7b4fef9af7f08e11bb78d71fe60bbcc64b/packages/@react-stately/slider/src/useSliderState.ts
+   *)
+
 @kobalte/core/dist/esm/index.js:
   (*!
    * Portions of this file are based on code from react-spectrum.