@tanstack/query-devtools 5.101.3 → 5.102.0

package/build/dev.js

@@ -1,279 +1,241 @@
-import { createSignal, render, lazy, setupStyleSheet, createComponent, mergeProps } from './chunk/M4GWWVAC.js';
-
-// src/TanstackQueryDevtools.tsx
+import { J as mergeProps, L as createComponent, W as createSignal, d as setupStyleSheet, q as lazy, w as render } from "./utils-CESniQp_.js";
+//#region src/TanstackQueryDevtools.tsx
 var TanstackQueryDevtools = class {
-  #client;
-  #onlineManager;
-  #queryFlavor;
-  #version;
-  #isMounted = false;
-  #styleNonce;
-  #shadowDOMTarget;
-  #buttonPosition;
-  #position;
-  #initialIsOpen;
-  #errorTypes;
-  #hideDisabledQueries;
-  #Component;
-  #theme;
-  #dispose;
-  constructor(config) {
-    const {
-      client,
-      queryFlavor,
-      version,
-      onlineManager,
-      buttonPosition,
-      position,
-      initialIsOpen,
-      errorTypes,
-      styleNonce,
-      shadowDOMTarget,
-      hideDisabledQueries,
-      theme
-    } = config;
-    this.#client = createSignal(client);
-    this.#queryFlavor = queryFlavor;
-    this.#version = version;
-    this.#onlineManager = onlineManager;
-    this.#styleNonce = styleNonce;
-    this.#shadowDOMTarget = shadowDOMTarget;
-    this.#buttonPosition = createSignal(buttonPosition);
-    this.#position = createSignal(position);
-    this.#initialIsOpen = createSignal(initialIsOpen);
-    this.#errorTypes = createSignal(errorTypes);
-    this.#hideDisabledQueries = createSignal(hideDisabledQueries);
-    this.#theme = createSignal(theme);
-  }
-  setButtonPosition(position) {
-    this.#buttonPosition[1](position);
-  }
-  setPosition(position) {
-    this.#position[1](position);
-  }
-  setInitialIsOpen(isOpen) {
-    this.#initialIsOpen[1](isOpen);
-  }
-  setErrorTypes(errorTypes) {
-    this.#errorTypes[1](errorTypes);
-  }
-  setClient(client) {
-    this.#client[1](client);
-  }
-  setTheme(theme) {
-    this.#theme[1](theme);
-  }
-  mount(el) {
-    if (this.#isMounted) {
-      throw new Error("Devtools is already mounted");
-    }
-    const dispose = render(() => {
-      const _self$ = this;
-      const [btnPosition] = this.#buttonPosition;
-      const [pos] = this.#position;
-      const [isOpen] = this.#initialIsOpen;
-      const [errors] = this.#errorTypes;
-      const [hideDisabledQueries] = this.#hideDisabledQueries;
-      const [queryClient] = this.#client;
-      const [theme] = this.#theme;
-      let Devtools;
-      if (this.#Component) {
-        Devtools = this.#Component;
-      } else {
-        Devtools = lazy(() => import('./DevtoolsComponent/SO26Z5QU.js'));
-        this.#Component = Devtools;
-      }
-      setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
-      return createComponent(Devtools, mergeProps({
-        get queryFlavor() {
-          return _self$.#queryFlavor;
-        },
-        get version() {
-          return _self$.#version;
-        },
-        get onlineManager() {
-          return _self$.#onlineManager;
-        },
-        get shadowDOMTarget() {
-          return _self$.#shadowDOMTarget;
-        }
-      }, {
-        get client() {
-          return queryClient();
-        },
-        get buttonPosition() {
-          return btnPosition();
-        },
-        get position() {
-          return pos();
-        },
-        get initialIsOpen() {
-          return isOpen();
-        },
-        get errorTypes() {
-          return errors();
-        },
-        get hideDisabledQueries() {
-          return hideDisabledQueries();
-        },
-        get theme() {
-          return theme();
-        }
-      }));
-    }, el);
-    this.#isMounted = true;
-    this.#dispose = dispose;
-  }
-  unmount() {
-    if (!this.#isMounted) {
-      throw new Error("Devtools is not mounted");
-    }
-    this.#dispose?.();
-    this.#isMounted = false;
-  }
+	#client;
+	#onlineManager;
+	#queryFlavor;
+	#version;
+	#isMounted = false;
+	#styleNonce;
+	#shadowDOMTarget;
+	#buttonPosition;
+	#position;
+	#initialIsOpen;
+	#errorTypes;
+	#hideDisabledQueries;
+	#Component;
+	#theme;
+	#dispose;
+	constructor(config) {
+		const { client, queryFlavor, version, onlineManager, buttonPosition, position, initialIsOpen, errorTypes, styleNonce, shadowDOMTarget, hideDisabledQueries, theme } = config;
+		this.#client = createSignal(client);
+		this.#queryFlavor = queryFlavor;
+		this.#version = version;
+		this.#onlineManager = onlineManager;
+		this.#styleNonce = styleNonce;
+		this.#shadowDOMTarget = shadowDOMTarget;
+		this.#buttonPosition = createSignal(buttonPosition);
+		this.#position = createSignal(position);
+		this.#initialIsOpen = createSignal(initialIsOpen);
+		this.#errorTypes = createSignal(errorTypes);
+		this.#hideDisabledQueries = createSignal(hideDisabledQueries);
+		this.#theme = createSignal(theme);
+	}
+	setButtonPosition(position) {
+		this.#buttonPosition[1](position);
+	}
+	setPosition(position) {
+		this.#position[1](position);
+	}
+	setInitialIsOpen(isOpen) {
+		this.#initialIsOpen[1](isOpen);
+	}
+	setErrorTypes(errorTypes) {
+		this.#errorTypes[1](errorTypes);
+	}
+	setClient(client) {
+		this.#client[1](client);
+	}
+	setTheme(theme) {
+		this.#theme[1](theme);
+	}
+	mount(el) {
+		if (this.#isMounted) throw new Error("Devtools is already mounted");
+		const dispose = render(() => {
+			const _self$ = this;
+			const [btnPosition] = this.#buttonPosition;
+			const [pos] = this.#position;
+			const [isOpen] = this.#initialIsOpen;
+			const [errors] = this.#errorTypes;
+			const [hideDisabledQueries] = this.#hideDisabledQueries;
+			const [queryClient] = this.#client;
+			const [theme] = this.#theme;
+			let Devtools;
+			if (this.#Component) Devtools = this.#Component;
+			else {
+				Devtools = lazy(() => import("./DevtoolsComponent-CFsAhafd.js"));
+				this.#Component = Devtools;
+			}
+			setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
+			return createComponent(Devtools, mergeProps({
+				get queryFlavor() {
+					return _self$.#queryFlavor;
+				},
+				get version() {
+					return _self$.#version;
+				},
+				get onlineManager() {
+					return _self$.#onlineManager;
+				},
+				get shadowDOMTarget() {
+					return _self$.#shadowDOMTarget;
+				}
+			}, {
+				get client() {
+					return queryClient();
+				},
+				get buttonPosition() {
+					return btnPosition();
+				},
+				get position() {
+					return pos();
+				},
+				get initialIsOpen() {
+					return isOpen();
+				},
+				get errorTypes() {
+					return errors();
+				},
+				get hideDisabledQueries() {
+					return hideDisabledQueries();
+				},
+				get theme() {
+					return theme();
+				}
+			}));
+		}, el);
+		this.#isMounted = true;
+		this.#dispose = dispose;
+	}
+	unmount() {
+		if (!this.#isMounted) throw new Error("Devtools is not mounted");
+		this.#dispose?.();
+		this.#isMounted = false;
+	}
 };
-
-// src/TanstackQueryDevtoolsPanel.tsx
+//#endregion
+//#region src/TanstackQueryDevtoolsPanel.tsx
 var TanstackQueryDevtoolsPanel = class {
-  #client;
-  #onlineManager;
-  #queryFlavor;
-  #version;
-  #isMounted = false;
-  #styleNonce;
-  #shadowDOMTarget;
-  #buttonPosition;
-  #position;
-  #initialIsOpen;
-  #errorTypes;
-  #hideDisabledQueries;
-  #onClose;
-  #Component;
-  #theme;
-  #dispose;
-  constructor(config) {
-    const {
-      client,
-      queryFlavor,
-      version,
-      onlineManager,
-      buttonPosition,
-      position,
-      initialIsOpen,
-      errorTypes,
-      styleNonce,
-      shadowDOMTarget,
-      onClose,
-      hideDisabledQueries,
-      theme
-    } = config;
-    this.#client = createSignal(client);
-    this.#queryFlavor = queryFlavor;
-    this.#version = version;
-    this.#onlineManager = onlineManager;
-    this.#styleNonce = styleNonce;
-    this.#shadowDOMTarget = shadowDOMTarget;
-    this.#buttonPosition = createSignal(buttonPosition);
-    this.#position = createSignal(position);
-    this.#initialIsOpen = createSignal(initialIsOpen);
-    this.#errorTypes = createSignal(errorTypes);
-    this.#hideDisabledQueries = createSignal(hideDisabledQueries);
-    this.#onClose = createSignal(onClose);
-    this.#theme = createSignal(theme);
-  }
-  setButtonPosition(position) {
-    this.#buttonPosition[1](position);
-  }
-  setPosition(position) {
-    this.#position[1](position);
-  }
-  setInitialIsOpen(isOpen) {
-    this.#initialIsOpen[1](isOpen);
-  }
-  setErrorTypes(errorTypes) {
-    this.#errorTypes[1](errorTypes);
-  }
-  setClient(client) {
-    this.#client[1](client);
-  }
-  setOnClose(onClose) {
-    this.#onClose[1](() => onClose);
-  }
-  setTheme(theme) {
-    this.#theme[1](theme);
-  }
-  mount(el) {
-    if (this.#isMounted) {
-      throw new Error("Devtools is already mounted");
-    }
-    const dispose = render(() => {
-      const _self$ = this;
-      const [btnPosition] = this.#buttonPosition;
-      const [pos] = this.#position;
-      const [isOpen] = this.#initialIsOpen;
-      const [errors] = this.#errorTypes;
-      const [hideDisabledQueries] = this.#hideDisabledQueries;
-      const [queryClient] = this.#client;
-      const [onClose] = this.#onClose;
-      const [theme] = this.#theme;
-      let Devtools;
-      if (this.#Component) {
-        Devtools = this.#Component;
-      } else {
-        Devtools = lazy(() => import('./DevtoolsPanelComponent/MYKLHYJZ.js'));
-        this.#Component = Devtools;
-      }
-      setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
-      return createComponent(Devtools, mergeProps({
-        get queryFlavor() {
-          return _self$.#queryFlavor;
-        },
-        get version() {
-          return _self$.#version;
-        },
-        get onlineManager() {
-          return _self$.#onlineManager;
-        },
-        get shadowDOMTarget() {
-          return _self$.#shadowDOMTarget;
-        }
-      }, {
-        get client() {
-          return queryClient();
-        },
-        get buttonPosition() {
-          return btnPosition();
-        },
-        get position() {
-          return pos();
-        },
-        get initialIsOpen() {
-          return isOpen();
-        },
-        get errorTypes() {
-          return errors();
-        },
-        get hideDisabledQueries() {
-          return hideDisabledQueries();
-        },
-        get onClose() {
-          return onClose();
-        },
-        get theme() {
-          return theme();
-        }
-      }));
-    }, el);
-    this.#isMounted = true;
-    this.#dispose = dispose;
-  }
-  unmount() {
-    if (!this.#isMounted) {
-      throw new Error("Devtools is not mounted");
-    }
-    this.#dispose?.();
-    this.#isMounted = false;
-  }
+	#client;
+	#onlineManager;
+	#queryFlavor;
+	#version;
+	#isMounted = false;
+	#styleNonce;
+	#shadowDOMTarget;
+	#buttonPosition;
+	#position;
+	#initialIsOpen;
+	#errorTypes;
+	#hideDisabledQueries;
+	#onClose;
+	#Component;
+	#theme;
+	#dispose;
+	constructor(config) {
+		const { client, queryFlavor, version, onlineManager, buttonPosition, position, initialIsOpen, errorTypes, styleNonce, shadowDOMTarget, onClose, hideDisabledQueries, theme } = config;
+		this.#client = createSignal(client);
+		this.#queryFlavor = queryFlavor;
+		this.#version = version;
+		this.#onlineManager = onlineManager;
+		this.#styleNonce = styleNonce;
+		this.#shadowDOMTarget = shadowDOMTarget;
+		this.#buttonPosition = createSignal(buttonPosition);
+		this.#position = createSignal(position);
+		this.#initialIsOpen = createSignal(initialIsOpen);
+		this.#errorTypes = createSignal(errorTypes);
+		this.#hideDisabledQueries = createSignal(hideDisabledQueries);
+		this.#onClose = createSignal(onClose);
+		this.#theme = createSignal(theme);
+	}
+	setButtonPosition(position) {
+		this.#buttonPosition[1](position);
+	}
+	setPosition(position) {
+		this.#position[1](position);
+	}
+	setInitialIsOpen(isOpen) {
+		this.#initialIsOpen[1](isOpen);
+	}
+	setErrorTypes(errorTypes) {
+		this.#errorTypes[1](errorTypes);
+	}
+	setClient(client) {
+		this.#client[1](client);
+	}
+	setOnClose(onClose) {
+		this.#onClose[1](() => onClose);
+	}
+	setTheme(theme) {
+		this.#theme[1](theme);
+	}
+	mount(el) {
+		if (this.#isMounted) throw new Error("Devtools is already mounted");
+		const dispose = render(() => {
+			const _self$ = this;
+			const [btnPosition] = this.#buttonPosition;
+			const [pos] = this.#position;
+			const [isOpen] = this.#initialIsOpen;
+			const [errors] = this.#errorTypes;
+			const [hideDisabledQueries] = this.#hideDisabledQueries;
+			const [queryClient] = this.#client;
+			const [onClose] = this.#onClose;
+			const [theme] = this.#theme;
+			let Devtools;
+			if (this.#Component) Devtools = this.#Component;
+			else {
+				Devtools = lazy(() => import("./DevtoolsPanelComponent-B9zkHqmD.js"));
+				this.#Component = Devtools;
+			}
+			setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
+			return createComponent(Devtools, mergeProps({
+				get queryFlavor() {
+					return _self$.#queryFlavor;
+				},
+				get version() {
+					return _self$.#version;
+				},
+				get onlineManager() {
+					return _self$.#onlineManager;
+				},
+				get shadowDOMTarget() {
+					return _self$.#shadowDOMTarget;
+				}
+			}, {
+				get client() {
+					return queryClient();
+				},
+				get buttonPosition() {
+					return btnPosition();
+				},
+				get position() {
+					return pos();
+				},
+				get initialIsOpen() {
+					return isOpen();
+				},
+				get errorTypes() {
+					return errors();
+				},
+				get hideDisabledQueries() {
+					return hideDisabledQueries();
+				},
+				get onClose() {
+					return onClose();
+				},
+				get theme() {
+					return theme();
+				}
+			}));
+		}, el);
+		this.#isMounted = true;
+		this.#dispose = dispose;
+	}
+	unmount() {
+		if (!this.#isMounted) throw new Error("Devtools is not mounted");
+		this.#dispose?.();
+		this.#isMounted = false;
+	}
 };
-
+//#endregion
 export { TanstackQueryDevtools, TanstackQueryDevtoolsPanel };