@tanstack/query-devtools 5.0.0-alpha.27 → 5.0.0-alpha.31

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.
@@ -7830,7 +7830,7 @@ const getStyles = () => {
7830
7830
  background-color: ${colors.darkGray[400]};
7831
7831
  font-size: ${font.size.sm};
7832
7832
  color: ${colors.gray[500]};
7833
- z-index: 2;
7833
+ z-index: 7;
7834
7834
  `,
7835
7835
  settingsMenuHeader: css`
7836
7836
  padding: ${tokens.size[1.5]} ${tokens.size[2.5]};
@@ -7889,7 +7889,7 @@ class TanstackQueryDevtools {
7889
7889
  initialIsOpen,
7890
7890
  errorTypes
7891
7891
  } = config;
7892
- this.client = client;
7892
+ this.client = createSignal(client);
7893
7893
  this.queryFlavor = queryFlavor;
7894
7894
  this.version = version;
7895
7895
  this.onlineManager = onlineManager;
@@ -7910,6 +7910,9 @@ class TanstackQueryDevtools {
7910
7910
  setErrorTypes(errorTypes) {
7911
7911
  this.errorTypes[1](errorTypes);
7912
7912
  }
7913
+ setClient(client) {
7914
+ this.client[1](client);
7915
+ }
7913
7916
  mount(el) {
7914
7917
  if (this.isMounted) {
7915
7918
  throw new Error('Devtools is already mounted');
@@ -7919,11 +7922,9 @@ class TanstackQueryDevtools {
7919
7922
  const [pos] = this.position;
7920
7923
  const [isOpen] = this.initialIsOpen;
7921
7924
  const [errors] = this.errorTypes;
7925
+ const [queryClient] = this.client;
7922
7926
  const _self$ = this;
7923
7927
  return createComponent(DevtoolsComponent, mergeProps({
7924
- get client() {
7925
- return _self$.client;
7926
- },
7927
7928
  get queryFlavor() {
7928
7929
  return _self$.queryFlavor;
7929
7930
  },
@@ -7934,6 +7935,9 @@ class TanstackQueryDevtools {
7934
7935
  return _self$.onlineManager;
7935
7936
  }
7936
7937
  }, {
7938
+ get client() {
7939
+ return queryClient();
7940
+ },
7937
7941
  get buttonPosition() {
7938
7942
  return btnPosition();
7939
7943
  },
@@ -7961,4 +7965,4 @@ class TanstackQueryDevtools {
7961
7965
  }
7962
7966
 
7963
7967
  export { TanstackQueryDevtools };
7964
- //# sourceMappingURL=index.js.map
7968
+ //# sourceMappingURL=index.mjs.map