@tanstack/angular-query-experimental 5.103.2 → 5.104.0

package/create-base-query.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-base-query.mjs","sources":["../src/create-base-query.ts"],"sourcesContent":["import {\n  NgZone,\n  VERSION,\n  computed,\n  effect,\n  inject,\n  signal,\n  untracked,\n} from '@angular/core'\nimport {\n  QueryClient,\n  notifyManager,\n  shouldThrowError,\n} from '@tanstack/query-core'\nimport { signalProxy } from './signal-proxy'\nimport { injectIsRestoring } from './inject-is-restoring'\nimport { PENDING_TASKS } from './pending-tasks-compat'\nimport type { PendingTaskRef } from './pending-tasks-compat'\nimport type {\n  QueryKey,\n  QueryObserver,\n  QueryObserverResult,\n} from '@tanstack/query-core'\nimport type { CreateBaseQueryOptions } from './types'\n\n/**\n * Base implementation for `injectQuery` and `injectInfiniteQuery`.\n * @param optionsFn\n * @param Observer\n */\nexport function createBaseQuery<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryData,\n  TQueryKey extends QueryKey,\n>(\n  optionsFn: () => CreateBaseQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryData,\n    TQueryKey\n  >,\n  Observer: typeof QueryObserver,\n) {\n  const ngZone = inject(NgZone)\n  const pendingTasks = inject(PENDING_TASKS)\n  const queryClient = inject(QueryClient)\n  const isRestoring = injectIsRestoring()\n\n  /**\n   * Signal that has the default options from query client applied\n   * computed() is used so signals can be inserted into the options\n   * making it reactive. Wrapping options in a function ensures embedded expressions\n   * are preserved and can keep being applied after signal changes\n   */\n  const defaultedOptionsSignal = computed(() => {\n    const defaultedOptions = queryClient.defaultQueryOptions(optionsFn())\n    defaultedOptions._optimisticResults = isRestoring()\n      ? 'isRestoring'\n      : 'optimistic'\n    return defaultedOptions\n  })\n\n  const observerSignal = (() => {\n    let instance: QueryObserver<\n      TQueryFnData,\n      TError,\n      TData,\n      TQueryData,\n      TQueryKey\n    > | null = null\n\n    return computed(() => {\n      return (instance ||= new Observer(queryClient, defaultedOptionsSignal()))\n    })\n  })()\n\n  const optimisticResultSignal = computed(() =>\n    observerSignal().getOptimisticResult(defaultedOptionsSignal()),\n  )\n\n  const resultFromSubscriberSignal = signal<QueryObserverResult<\n    TData,\n    TError\n  > | null>(null)\n\n  effect(\n    (onCleanup) => {\n      const observer = observerSignal()\n      const defaultedOptions = defaultedOptionsSignal()\n\n      untracked(() => {\n        observer.setOptions(defaultedOptions)\n      })\n      onCleanup(() => {\n        ngZone.run(() => resultFromSubscriberSignal.set(null))\n      })\n    },\n    {\n      // Set allowSignalWrites to support Angular < v19\n      // Set to undefined to avoid warning on newer versions\n      allowSignalWrites: VERSION.major < '19' || undefined,\n    },\n  )\n\n  effect((onCleanup) => {\n    // observer.trackResult is not used as this optimization is not needed for Angular\n    const observer = observerSignal()\n    let pendingTaskRef: PendingTaskRef | null = null\n\n    const unsubscribe = isRestoring()\n      ? () => undefined\n      : untracked(() =>\n          ngZone.runOutsideAngular(() => {\n            return observer.subscribe(\n              notifyManager.batchCalls((state) => {\n                ngZone.run(() => {\n                  if (state.fetchStatus === 'fetching' && !pendingTaskRef) {\n                    pendingTaskRef = pendingTasks.add()\n                  }\n\n                  if (state.fetchStatus === 'idle' && pendingTaskRef) {\n                    pendingTaskRef()\n                    pendingTaskRef = null\n                  }\n\n                  if (\n                    state.isError &&\n                    !state.isFetching &&\n                    shouldThrowError(observer.options.throwOnError, [\n                      state.error,\n                      observer.getCurrentQuery(),\n                    ])\n                  ) {\n                    ngZone.onError.emit(state.error)\n                    throw state.error\n                  }\n                  resultFromSubscriberSignal.set(state)\n                })\n              }),\n            )\n          }),\n        )\n\n    onCleanup(() => {\n      if (pendingTaskRef) {\n        pendingTaskRef()\n        pendingTaskRef = null\n      }\n      unsubscribe()\n    })\n  })\n\n  return signalProxy(\n    computed(() => {\n      const subscriberResult = resultFromSubscriberSignal()\n      const optimisticResult = optimisticResultSignal()\n      const result = subscriberResult ?? optimisticResult\n\n      // Wrap methods to ensure observer has latest options before execution\n      const observer = observerSignal()\n\n      const originalRefetch = result.refetch\n      return {\n        ...result,\n        refetch: ((...args: Parameters<typeof originalRefetch>) => {\n          observer.setOptions(defaultedOptionsSignal())\n          return originalRefetch(...args)\n        }) as typeof originalRefetch,\n      }\n    }),\n  )\n}\n"],"names":[],"mappings":";;;;;AA8BO,SAAS,gBAOd,WAOA,UACA;AACA,QAAM,SAAS,OAAO,MAAM;AAC5B,QAAM,eAAe,OAAO,aAAa;AACzC,QAAM,cAAc,OAAO,WAAW;AACtC,QAAM,cAAc,kBAAA;AAQpB,QAAM,yBAAyB,SAAS,MAAM;AAC5C,UAAM,mBAAmB,YAAY,oBAAoB,UAAA,CAAW;AACpE,qBAAiB,qBAAqB,YAAA,IAClC,gBACA;AACJ,WAAO;AAAA,EACT,CAAC;AAED,QAAM,kBAAkB,MAAM;AAC5B,QAAI,WAMO;AAEX,WAAO,SAAS,MAAM;AACpB,aAAQ,wBAAa,IAAI,SAAS,aAAa,wBAAwB;AAAA,IACzE,CAAC;AAAA,EACH,GAAA;AAEA,QAAM,yBAAyB;AAAA,IAAS,MACtC,eAAA,EAAiB,oBAAoB,wBAAwB;AAAA,EAAA;AAG/D,QAAM,6BAA6B,OAGzB,IAAI;AAEd;AAAA,IACE,CAAC,cAAc;AACb,YAAM,WAAW,eAAA;AACjB,YAAM,mBAAmB,uBAAA;AAEzB,gBAAU,MAAM;AACd,iBAAS,WAAW,gBAAgB;AAAA,MACtC,CAAC;AACD,gBAAU,MAAM;AACd,eAAO,IAAI,MAAM,2BAA2B,IAAI,IAAI,CAAC;AAAA,MACvD,CAAC;AAAA,IACH;AAAA,IACA;AAAA;AAAA;AAAA,MAGE,mBAAmB,QAAQ,QAAQ,QAAQ;AAAA,IAAA;AAAA,EAC7C;AAGF,SAAO,CAAC,cAAc;AAEpB,UAAM,WAAW,eAAA;AACjB,QAAI,iBAAwC;AAE5C,UAAM,cAAc,gBAChB,MAAM,SACN;AAAA,MAAU,MACR,OAAO,kBAAkB,MAAM;AAC7B,eAAO,SAAS;AAAA,UACd,cAAc,WAAW,CAAC,UAAU;AAClC,mBAAO,IAAI,MAAM;AACf,kBAAI,MAAM,gBAAgB,cAAc,CAAC,gBAAgB;AACvD,iCAAiB,aAAa,IAAA;AAAA,cAChC;AAEA,kBAAI,MAAM,gBAAgB,UAAU,gBAAgB;AAClD,+BAAA;AACA,iCAAiB;AAAA,cACnB;AAEA,kBACE,MAAM,WACN,CAAC,MAAM,cACP,iBAAiB,SAAS,QAAQ,cAAc;AAAA,gBAC9C,MAAM;AAAA,gBACN,SAAS,gBAAA;AAAA,cAAgB,CAC1B,GACD;AACA,uBAAO,QAAQ,KAAK,MAAM,KAAK;AAC/B,sBAAM,MAAM;AAAA,cACd;AACA,yCAA2B,IAAI,KAAK;AAAA,YACtC,CAAC;AAAA,UACH,CAAC;AAAA,QAAA;AAAA,MAEL,CAAC;AAAA,IAAA;AAGP,cAAU,MAAM;AACd,UAAI,gBAAgB;AAClB,uBAAA;AACA,yBAAiB;AAAA,MACnB;AACA,kBAAA;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AAAA,IACL,SAAS,MAAM;AACb,YAAM,mBAAmB,2BAAA;AACzB,YAAM,mBAAmB,uBAAA;AACzB,YAAM,SAAS,oBAAoB;AAGnC,YAAM,WAAW,eAAA;AAEjB,YAAM,kBAAkB,OAAO;AAC/B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU,IAAI,SAA6C;AACzD,mBAAS,WAAW,wBAAwB;AAC5C,iBAAO,gBAAgB,GAAG,IAAI;AAAA,QAChC;AAAA,MAAA;AAAA,IAEJ,CAAC;AAAA,EAAA;AAEL;"}

package/devtools/index.d.ts

@@ -1,2 +0,0 @@
-export type { DevtoolsOptions, WithDevtools, WithDevtoolsFn, WithDevtoolsOptions, } from './types.js';
-export { withDevtools } from './with-devtools.js';

package/devtools/index.mjs

@@ -1,5 +0,0 @@
-import { withDevtools } from "./with-devtools.mjs";
-export {
-  withDevtools
-};
-//# sourceMappingURL=index.mjs.map

package/devtools/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/devtools/production/index.d.ts

@@ -1 +0,0 @@
-export * from '..';

package/devtools/stub.d.ts

@@ -1,2 +0,0 @@
-import { WithDevtools } from './types.js';
-export declare const withDevtools: WithDevtools;

package/devtools/stub.mjs

@@ -1,8 +0,0 @@
-const withDevtools = () => ({
-  ɵkind: "Devtools",
-  ɵproviders: []
-});
-export {
-  withDevtools
-};
-//# sourceMappingURL=stub.mjs.map

package/devtools/stub.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stub.mjs","sources":["../../src/devtools/stub.ts"],"sourcesContent":["import type { WithDevtools } from './types'\n\n// Stub which replaces `withDevtools` in production builds\nexport const withDevtools: WithDevtools = () => ({\n  ɵkind: 'Devtools',\n  ɵproviders: [],\n})\n"],"names":[],"mappings":"AAGO,MAAM,eAA6B,OAAO;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY,CAAA;AACd;"}

package/devtools/types.d.ts

@@ -1,103 +0,0 @@
-import { QueryClient } from '@tanstack/query-core';
-import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from '@tanstack/query-devtools';
-import { DevtoolsFeature } from '../providers.js';
-/**
- * Options for configuring withDevtools.
- */
-export interface WithDevtoolsOptions {
-    /**
-     * An array of dependencies to be injected and passed to the `withDevtoolsFn` function.
-     *
-     * **Example**
-     * ```ts
-     * export const appConfig: ApplicationConfig = {
-     *   providers: [
-     *     provideTanStackQuery(
-     *       new QueryClient(),
-     *       withDevtools(
-     *         (devToolsOptionsManager: DevtoolsOptionsManager) => ({
-     *           loadDevtools: devToolsOptionsManager.loadDevtools(),
-     *         }),
-     *         {
-     *           deps: [DevtoolsOptionsManager],
-     *         },
-     *       ),
-     *     ),
-     *   ],
-     * }
-     * ```
-     */
-    deps?: Array<any>;
-}
-/**
- * Options for configuring the TanStack Query devtools.
- */
-export interface DevtoolsOptions {
-    /**
-     * Set this true if you want the devtools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the TanStack logo to open and close the devtools panel.
-     * `top-left` | `top-right` | `bottom-left` | `bottom-right` | `relative`
-     *
-     * @defaultValue bottom-right
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the Angular Query devtools panel.
-     * `top` | `bottom` | `left` | `right`
-     *
-     * @defaultValue bottom
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to a specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     *
-     * @defaultValue system
-     */
-    theme?: Theme;
-    /**
-     * Whether the developer tools should load.
-     * - `auto`- (Default) Lazily loads devtools when in development mode. Skips loading in production mode.
-     * - `true`- Always load the devtools, regardless of the environment.
-     * - `false`- Never load the devtools, regardless of the environment.
-     *
-     * You can use `true` and `false` to override loading developer tools from an environment file.
-     * For example, a test environment might run in production mode but you may want to load developer tools.
-     *
-     * Additionally, you can use a signal in the callback to dynamically load the devtools based on a condition. For example,
-     * a signal created from a RxJS observable that listens for a keyboard shortcut.
-     *
-     * **Example**
-     * ```ts
-     *    withDevtools(() => ({
-     *      initialIsOpen: true,
-     *      loadDevtools: inject(ExampleService).loadDevtools()
-     *    }))
-     *  ```
-     */
-    loadDevtools?: 'auto' | boolean;
-}
-export type WithDevtoolsFn = (...deps: Array<any>) => DevtoolsOptions;
-export type WithDevtools = (withDevtoolsFn?: WithDevtoolsFn, options?: WithDevtoolsOptions) => DevtoolsFeature;

package/devtools/with-devtools.mjs

@@ -1,106 +0,0 @@
-import { isPlatformBrowser } from "@angular/common";
-import { InjectionToken, ENVIRONMENT_INITIALIZER, computed, inject, PLATFORM_ID, DestroyRef, Injector, isDevMode, effect } from "@angular/core";
-import { noop, QueryClient, onlineManager } from "@tanstack/query-core";
-import { queryFeature } from "../providers.mjs";
-const DEVTOOLS_PROVIDED = new InjectionToken("", {
-  factory: () => ({
-    isProvided: false
-  })
-});
-const DEVTOOLS_OPTIONS_SIGNAL = new InjectionToken("");
-const withDevtools = (withDevtoolsFn, options = {}) => queryFeature("Devtools", [
-  {
-    provide: DEVTOOLS_OPTIONS_SIGNAL,
-    useFactory: (...deps) => computed(() => (withDevtoolsFn == null ? void 0 : withDevtoolsFn(...deps)) ?? {}),
-    deps: options.deps || []
-  },
-  {
-    // Do not use provideEnvironmentInitializer while Angular < v19 is supported
-    provide: ENVIRONMENT_INITIALIZER,
-    multi: true,
-    useFactory: () => {
-      const devtoolsProvided = inject(DEVTOOLS_PROVIDED);
-      if (!isPlatformBrowser(inject(PLATFORM_ID)) || devtoolsProvided.isProvided)
-        return noop;
-      devtoolsProvided.isProvided = true;
-      let injectorIsDestroyed = false;
-      inject(DestroyRef).onDestroy(() => injectorIsDestroyed = true);
-      return () => {
-        const injectedClient = inject(QueryClient, {
-          optional: true
-        });
-        const destroyRef = inject(DestroyRef);
-        const devtoolsOptions = inject(DEVTOOLS_OPTIONS_SIGNAL);
-        const injector = inject(Injector);
-        let devtools = null;
-        let el = null;
-        const shouldLoadToolsSignal = computed(() => {
-          const { loadDevtools } = devtoolsOptions();
-          return typeof loadDevtools === "boolean" ? loadDevtools : isDevMode();
-        });
-        const getResolvedQueryClient = () => {
-          const client = devtoolsOptions().client ?? injectedClient;
-          if (!client) {
-            throw new Error("No QueryClient found");
-          }
-          return client;
-        };
-        const destroyDevtools = () => {
-          devtools == null ? void 0 : devtools.unmount();
-          el == null ? void 0 : el.remove();
-          devtools = null;
-        };
-        effect(
-          () => {
-            const shouldLoadTools = shouldLoadToolsSignal();
-            const {
-              client,
-              position,
-              errorTypes,
-              buttonPosition,
-              initialIsOpen,
-              theme
-            } = devtoolsOptions();
-            if (!shouldLoadTools) {
-              devtools && destroyDevtools();
-              return;
-            }
-            if (devtools) {
-              client && devtools.setClient(client);
-              position && devtools.setPosition(position);
-              errorTypes && devtools.setErrorTypes(errorTypes);
-              buttonPosition && devtools.setButtonPosition(buttonPosition);
-              typeof initialIsOpen === "boolean" && devtools.setInitialIsOpen(initialIsOpen);
-              theme && devtools.setTheme(theme);
-              return;
-            }
-            import("@tanstack/query-devtools").then((queryDevtools) => {
-              if (injectorIsDestroyed) return;
-              devtools = new queryDevtools.TanstackQueryDevtools({
-                ...devtoolsOptions(),
-                client: getResolvedQueryClient(),
-                queryFlavor: "Angular Query",
-                version: "5",
-                onlineManager
-              });
-              el = document.body.appendChild(document.createElement("div"));
-              el.classList.add("tsqd-parent-container");
-              devtools.mount(el);
-              destroyRef.onDestroy(destroyDevtools);
-            }).catch((error) => {
-              console.error(
-                "Install @tanstack/query-devtools or reinstall without --omit=optional.",
-                error
-              );
-            });
-          },
-          { injector }
-        );
-      };
-    }
-  }
-]);
-export {
-  withDevtools
-};
-//# sourceMappingURL=with-devtools.mjs.map

package/devtools/with-devtools.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"with-devtools.mjs","sources":["../../src/devtools/with-devtools.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common'\nimport {\n  DestroyRef,\n  ENVIRONMENT_INITIALIZER,\n  InjectionToken,\n  Injector,\n  PLATFORM_ID,\n  computed,\n  effect,\n  inject,\n  isDevMode,\n} from '@angular/core'\nimport { QueryClient, noop, onlineManager } from '@tanstack/query-core'\nimport { queryFeature } from '../providers'\nimport type { Signal } from '@angular/core'\nimport type {\n  DevtoolsOptions,\n  WithDevtools,\n  WithDevtoolsFn,\n  WithDevtoolsOptions,\n} from './types'\nimport type { TanstackQueryDevtools } from '@tanstack/query-devtools'\n\n/**\n * Internal token used to prevent double providing of devtools in child injectors\n */\nconst DEVTOOLS_PROVIDED = new InjectionToken('', {\n  factory: () => ({\n    isProvided: false,\n  }),\n})\n\n/**\n * Internal token for providing devtools options\n */\nconst DEVTOOLS_OPTIONS_SIGNAL = new InjectionToken<Signal<DevtoolsOptions>>('')\n\n/**\n * Enables developer tools in Angular development builds.\n *\n * **Example**\n *\n * ```ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideTanStackQuery(new QueryClient(), withDevtools())\n *   ]\n * }\n * ```\n * The devtools will be rendered in `<body>`.\n *\n * If you need more control over when devtools are loaded, you can use the `loadDevtools` option.\n *\n * If you need more control over where devtools are rendered, consider `injectDevtoolsPanel`. This allows rendering devtools inside your own devtools for example.\n * @param withDevtoolsFn - A function that returns `DevtoolsOptions`.\n * @param options - Additional options for configuring `withDevtools`.\n * @returns A set of providers for use with `provideTanStackQuery`.\n * @see {@link provideTanStackQuery}\n * @see {@link DevtoolsOptions}\n */\nexport const withDevtools: WithDevtools = (\n  withDevtoolsFn?: WithDevtoolsFn,\n  options: WithDevtoolsOptions = {},\n) =>\n  queryFeature('Devtools', [\n    {\n      provide: DEVTOOLS_OPTIONS_SIGNAL,\n      useFactory: (...deps: Array<any>) =>\n        computed(() => withDevtoolsFn?.(...deps) ?? {}),\n      deps: options.deps || [],\n    },\n    {\n      // Do not use provideEnvironmentInitializer while Angular < v19 is supported\n      provide: ENVIRONMENT_INITIALIZER,\n      multi: true,\n      useFactory: () => {\n        const devtoolsProvided = inject(DEVTOOLS_PROVIDED)\n        if (\n          !isPlatformBrowser(inject(PLATFORM_ID)) ||\n          devtoolsProvided.isProvided\n        )\n          return noop\n\n        devtoolsProvided.isProvided = true\n        let injectorIsDestroyed = false\n        inject(DestroyRef).onDestroy(() => (injectorIsDestroyed = true))\n\n        return () => {\n          const injectedClient = inject(QueryClient, {\n            optional: true,\n          })\n          const destroyRef = inject(DestroyRef)\n          const devtoolsOptions = inject(DEVTOOLS_OPTIONS_SIGNAL)\n          const injector = inject(Injector)\n\n          let devtools: TanstackQueryDevtools | null = null\n          let el: HTMLElement | null = null\n\n          const shouldLoadToolsSignal = computed(() => {\n            const { loadDevtools } = devtoolsOptions()\n            return typeof loadDevtools === 'boolean'\n              ? loadDevtools\n              : isDevMode()\n          })\n\n          const getResolvedQueryClient = () => {\n            const client = devtoolsOptions().client ?? injectedClient\n            if (!client) {\n              throw new Error('No QueryClient found')\n            }\n            return client\n          }\n\n          const destroyDevtools = () => {\n            devtools?.unmount()\n            el?.remove()\n            devtools = null\n          }\n\n          effect(\n            () => {\n              const shouldLoadTools = shouldLoadToolsSignal()\n              const {\n                client,\n                position,\n                errorTypes,\n                buttonPosition,\n                initialIsOpen,\n                theme,\n              } = devtoolsOptions()\n\n              if (!shouldLoadTools) {\n                // Destroy or do nothing\n                devtools && destroyDevtools()\n                return\n              }\n\n              if (devtools) {\n                // Update existing devtools config\n                client && devtools.setClient(client)\n                position && devtools.setPosition(position)\n                errorTypes && devtools.setErrorTypes(errorTypes)\n                buttonPosition && devtools.setButtonPosition(buttonPosition)\n                typeof initialIsOpen === 'boolean' &&\n                  devtools.setInitialIsOpen(initialIsOpen)\n                theme && devtools.setTheme(theme)\n                return\n              }\n\n              // Create devtools\n              import('@tanstack/query-devtools')\n                .then((queryDevtools) => {\n                  // As this code runs async, the injector could have been destroyed\n                  if (injectorIsDestroyed) return\n\n                  devtools = new queryDevtools.TanstackQueryDevtools({\n                    ...devtoolsOptions(),\n                    client: getResolvedQueryClient(),\n                    queryFlavor: 'Angular Query',\n                    version: '5',\n                    onlineManager,\n                  })\n\n                  el = document.body.appendChild(document.createElement('div'))\n                  el.classList.add('tsqd-parent-container')\n                  devtools.mount(el)\n\n                  destroyRef.onDestroy(destroyDevtools)\n                })\n                .catch((error) => {\n                  console.error(\n                    'Install @tanstack/query-devtools or reinstall without --omit=optional.',\n                    error,\n                  )\n                })\n            },\n            { injector },\n          )\n        }\n      },\n    },\n  ])\n"],"names":[],"mappings":";;;;AA0BA,MAAM,oBAAoB,IAAI,eAAe,IAAI;AAAA,EAC/C,SAAS,OAAO;AAAA,IACd,YAAY;AAAA,EAAA;AAEhB,CAAC;AAKD,MAAM,0BAA0B,IAAI,eAAwC,EAAE;AAyBvE,MAAM,eAA6B,CACxC,gBACA,UAA+B,CAAA,MAE/B,aAAa,YAAY;AAAA,EACvB;AAAA,IACE,SAAS;AAAA,IACT,YAAY,IAAI,SACd,SAAS,OAAM,iDAAiB,GAAG,UAAS,EAAE;AAAA,IAChD,MAAM,QAAQ,QAAQ,CAAA;AAAA,EAAC;AAAA,EAEzB;AAAA;AAAA,IAEE,SAAS;AAAA,IACT,OAAO;AAAA,IACP,YAAY,MAAM;AAChB,YAAM,mBAAmB,OAAO,iBAAiB;AACjD,UACE,CAAC,kBAAkB,OAAO,WAAW,CAAC,KACtC,iBAAiB;AAEjB,eAAO;AAET,uBAAiB,aAAa;AAC9B,UAAI,sBAAsB;AAC1B,aAAO,UAAU,EAAE,UAAU,MAAO,sBAAsB,IAAK;AAE/D,aAAO,MAAM;AACX,cAAM,iBAAiB,OAAO,aAAa;AAAA,UACzC,UAAU;AAAA,QAAA,CACX;AACD,cAAM,aAAa,OAAO,UAAU;AACpC,cAAM,kBAAkB,OAAO,uBAAuB;AACtD,cAAM,WAAW,OAAO,QAAQ;AAEhC,YAAI,WAAyC;AAC7C,YAAI,KAAyB;AAE7B,cAAM,wBAAwB,SAAS,MAAM;AAC3C,gBAAM,EAAE,aAAA,IAAiB,gBAAA;AACzB,iBAAO,OAAO,iBAAiB,YAC3B,eACA,UAAA;AAAA,QACN,CAAC;AAED,cAAM,yBAAyB,MAAM;AACnC,gBAAM,SAAS,kBAAkB,UAAU;AAC3C,cAAI,CAAC,QAAQ;AACX,kBAAM,IAAI,MAAM,sBAAsB;AAAA,UACxC;AACA,iBAAO;AAAA,QACT;AAEA,cAAM,kBAAkB,MAAM;AAC5B,+CAAU;AACV,mCAAI;AACJ,qBAAW;AAAA,QACb;AAEA;AAAA,UACE,MAAM;AACJ,kBAAM,kBAAkB,sBAAA;AACxB,kBAAM;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA,IACE,gBAAA;AAEJ,gBAAI,CAAC,iBAAiB;AAEpB,0BAAY,gBAAA;AACZ;AAAA,YACF;AAEA,gBAAI,UAAU;AAEZ,wBAAU,SAAS,UAAU,MAAM;AACnC,0BAAY,SAAS,YAAY,QAAQ;AACzC,4BAAc,SAAS,cAAc,UAAU;AAC/C,gCAAkB,SAAS,kBAAkB,cAAc;AAC3D,qBAAO,kBAAkB,aACvB,SAAS,iBAAiB,aAAa;AACzC,uBAAS,SAAS,SAAS,KAAK;AAChC;AAAA,YACF;AAGA,mBAAO,0BAA0B,EAC9B,KAAK,CAAC,kBAAkB;AAEvB,kBAAI,oBAAqB;AAEzB,yBAAW,IAAI,cAAc,sBAAsB;AAAA,gBACjD,GAAG,gBAAA;AAAA,gBACH,QAAQ,uBAAA;AAAA,gBACR,aAAa;AAAA,gBACb,SAAS;AAAA,gBACT;AAAA,cAAA,CACD;AAED,mBAAK,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAC5D,iBAAG,UAAU,IAAI,uBAAuB;AACxC,uBAAS,MAAM,EAAE;AAEjB,yBAAW,UAAU,eAAe;AAAA,YACtC,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,sBAAQ;AAAA,gBACN;AAAA,gBACA;AAAA,cAAA;AAAA,YAEJ,CAAC;AAAA,UACL;AAAA,UACA,EAAE,SAAA;AAAA,QAAS;AAAA,MAEf;AAAA,IACF;AAAA,EAAA;AAEJ,CAAC;"}

package/devtools-panel/index.d.ts

@@ -1,2 +0,0 @@
-export type { InjectDevtoolsPanel, DevtoolsPanelOptions, InjectDevtoolsPanelOptions, DevtoolsPanelRef, } from './types.js';
-export { injectDevtoolsPanel } from './inject-devtools-panel.js';

package/devtools-panel/index.mjs

@@ -1,5 +0,0 @@
-import { injectDevtoolsPanel } from "./inject-devtools-panel.mjs";
-export {
-  injectDevtoolsPanel
-};
-//# sourceMappingURL=index.mjs.map

package/devtools-panel/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/devtools-panel/inject-devtools-panel.mjs

@@ -1,72 +0,0 @@
-import { assertInInjectionContext, inject, Injector, runInInjectionContext, DestroyRef, PLATFORM_ID, computed, effect, untracked } from "@angular/core";
-import { QueryClient, onlineManager } from "@tanstack/query-core";
-import { isPlatformBrowser } from "@angular/common";
-const injectDevtoolsPanel = (injectDevtoolsPanelFn, options) => {
-  !(options == null ? void 0 : options.injector) && assertInInjectionContext(injectDevtoolsPanel);
-  const currentInjector = (options == null ? void 0 : options.injector) ?? inject(Injector);
-  return runInInjectionContext(currentInjector, () => {
-    const destroyRef = inject(DestroyRef);
-    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
-    const injectedClient = inject(QueryClient, { optional: true });
-    const queryOptions = computed(injectDevtoolsPanelFn);
-    let devtools = null;
-    const destroy = () => {
-      devtools == null ? void 0 : devtools.unmount();
-      devtools = null;
-    };
-    if (!isBrowser)
-      return {
-        destroy
-      };
-    effect(() => {
-      const {
-        client = injectedClient,
-        errorTypes = [],
-        styleNonce,
-        shadowDOMTarget,
-        onClose,
-        hostElement
-      } = queryOptions();
-      untracked(() => {
-        if (!client) throw new Error("No QueryClient found");
-        if (!devtools && hostElement) {
-          import("@tanstack/query-devtools").then((queryDevtools) => {
-            devtools = new queryDevtools.TanstackQueryDevtoolsPanel({
-              client,
-              queryFlavor: "Angular Query",
-              version: "5",
-              buttonPosition: "bottom-left",
-              position: "bottom",
-              initialIsOpen: true,
-              errorTypes,
-              styleNonce,
-              shadowDOMTarget,
-              onClose,
-              onlineManager
-            });
-            devtools.mount(hostElement.nativeElement);
-          }).catch((error) => {
-            console.error(
-              "Install @tanstack/query-devtools or reinstall without --omit=optional.",
-              error
-            );
-          });
-        } else if (devtools && hostElement) {
-          devtools.setClient(client);
-          devtools.setErrorTypes(errorTypes);
-          onClose && devtools.setOnClose(onClose);
-        } else if (devtools && !hostElement) {
-          destroy();
-        }
-      });
-    });
-    destroyRef.onDestroy(destroy);
-    return {
-      destroy
-    };
-  });
-};
-export {
-  injectDevtoolsPanel
-};
-//# sourceMappingURL=inject-devtools-panel.mjs.map

package/devtools-panel/inject-devtools-panel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject-devtools-panel.mjs","sources":["../../src/devtools-panel/inject-devtools-panel.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  PLATFORM_ID,\n  assertInInjectionContext,\n  computed,\n  effect,\n  inject,\n  runInInjectionContext,\n  untracked,\n} from '@angular/core'\nimport { QueryClient, onlineManager } from '@tanstack/query-core'\nimport { isPlatformBrowser } from '@angular/common'\nimport type { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsPanelOptions,\n  InjectDevtoolsPanel,\n  InjectDevtoolsPanelOptions,\n} from './types'\n\n/**\n * Inject a TanStack Query devtools panel and render it in the DOM.\n *\n * Devtools panel allows programmatic control over the devtools, for example if you want to render\n * the devtools as part of your own devtools.\n *\n * Consider `withDevtools` instead if you don't need this.\n * @param injectDevtoolsPanelFn - A function that returns devtools panel options.\n * @param options - Additional configuration\n * @returns DevtoolsPanelRef\n * @see https://tanstack.com/query/v5/docs/framework/angular/devtools\n */\nexport const injectDevtoolsPanel: InjectDevtoolsPanel = (\n  injectDevtoolsPanelFn: () => DevtoolsPanelOptions,\n  options?: InjectDevtoolsPanelOptions,\n) => {\n  !options?.injector && assertInInjectionContext(injectDevtoolsPanel)\n  const currentInjector = options?.injector ?? inject(Injector)\n\n  return runInInjectionContext(currentInjector, () => {\n    const destroyRef = inject(DestroyRef)\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID))\n    const injectedClient = inject(QueryClient, { optional: true })\n\n    const queryOptions = computed(injectDevtoolsPanelFn)\n    let devtools: TanstackQueryDevtoolsPanel | null = null\n\n    const destroy = () => {\n      devtools?.unmount()\n      devtools = null\n    }\n\n    if (!isBrowser)\n      return {\n        destroy,\n      }\n\n    effect(() => {\n      const {\n        client = injectedClient,\n        errorTypes = [],\n        styleNonce,\n        shadowDOMTarget,\n        onClose,\n        hostElement,\n      } = queryOptions()\n\n      untracked(() => {\n        if (!client) throw new Error('No QueryClient found')\n        if (!devtools && hostElement) {\n          import('@tanstack/query-devtools')\n            .then((queryDevtools) => {\n              devtools = new queryDevtools.TanstackQueryDevtoolsPanel({\n                client,\n                queryFlavor: 'Angular Query',\n                version: '5',\n                buttonPosition: 'bottom-left',\n                position: 'bottom',\n                initialIsOpen: true,\n                errorTypes,\n                styleNonce,\n                shadowDOMTarget,\n                onClose,\n                onlineManager,\n              })\n              devtools.mount(hostElement.nativeElement)\n            })\n            .catch((error) => {\n              console.error(\n                'Install @tanstack/query-devtools or reinstall without --omit=optional.',\n                error,\n              )\n            })\n        } else if (devtools && hostElement) {\n          devtools.setClient(client)\n          devtools.setErrorTypes(errorTypes)\n          onClose && devtools.setOnClose(onClose)\n        } else if (devtools && !hostElement) {\n          destroy()\n        }\n      })\n    })\n\n    destroyRef.onDestroy(destroy)\n\n    return {\n      destroy,\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAgCO,MAAM,sBAA2C,CACtD,uBACA,YACG;AACH,IAAC,mCAAS,aAAY,yBAAyB,mBAAmB;AAClE,QAAM,mBAAkB,mCAAS,aAAY,OAAO,QAAQ;AAE5D,SAAO,sBAAsB,iBAAiB,MAAM;AAClD,UAAM,aAAa,OAAO,UAAU;AACpC,UAAM,YAAY,kBAAkB,OAAO,WAAW,CAAC;AACvD,UAAM,iBAAiB,OAAO,aAAa,EAAE,UAAU,MAAM;AAE7D,UAAM,eAAe,SAAS,qBAAqB;AACnD,QAAI,WAA8C;AAElD,UAAM,UAAU,MAAM;AACpB,2CAAU;AACV,iBAAW;AAAA,IACb;AAEA,QAAI,CAAC;AACH,aAAO;AAAA,QACL;AAAA,MAAA;AAGJ,WAAO,MAAM;AACX,YAAM;AAAA,QACJ,SAAS;AAAA,QACT,aAAa,CAAA;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,IACE,aAAA;AAEJ,gBAAU,MAAM;AACd,YAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,sBAAsB;AACnD,YAAI,CAAC,YAAY,aAAa;AAC5B,iBAAO,0BAA0B,EAC9B,KAAK,CAAC,kBAAkB;AACvB,uBAAW,IAAI,cAAc,2BAA2B;AAAA,cACtD;AAAA,cACA,aAAa;AAAA,cACb,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,eAAe;AAAA,cACf;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA,CACD;AACD,qBAAS,MAAM,YAAY,aAAa;AAAA,UAC1C,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,oBAAQ;AAAA,cACN;AAAA,cACA;AAAA,YAAA;AAAA,UAEJ,CAAC;AAAA,QACL,WAAW,YAAY,aAAa;AAClC,mBAAS,UAAU,MAAM;AACzB,mBAAS,cAAc,UAAU;AACjC,qBAAW,SAAS,WAAW,OAAO;AAAA,QACxC,WAAW,YAAY,CAAC,aAAa;AACnC,kBAAA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,eAAW,UAAU,OAAO;AAE5B,WAAO;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH;"}

package/devtools-panel/production/index.d.ts

@@ -1 +0,0 @@
-export * from '..';

package/devtools-panel/stub.d.ts

@@ -1,2 +0,0 @@
-import { InjectDevtoolsPanel } from './types.js';
-export declare const injectDevtoolsPanel: InjectDevtoolsPanel;

package/devtools-panel/stub.mjs

@@ -1,8 +0,0 @@
-import { noop } from "@tanstack/query-core";
-const injectDevtoolsPanel = () => ({
-  destroy: noop
-});
-export {
-  injectDevtoolsPanel
-};
-//# sourceMappingURL=stub.mjs.map

package/devtools-panel/stub.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stub.mjs","sources":["../../src/devtools-panel/stub.ts"],"sourcesContent":["import { noop } from '@tanstack/query-core'\nimport type { InjectDevtoolsPanel } from './types'\n\n// Stub which replaces `injectDevtoolsPanel` in production builds\nexport const injectDevtoolsPanel: InjectDevtoolsPanel = () => ({\n  destroy: noop,\n})\n"],"names":[],"mappings":";AAIO,MAAM,sBAA2C,OAAO;AAAA,EAC7D,SAAS;AACX;"}

package/devtools-panel/types.d.ts

@@ -1,48 +0,0 @@
-import { DevtoolsErrorType } from '@tanstack/query-devtools';
-import { ElementRef, Injector } from '@angular/core';
-import { QueryClient } from '@tanstack/query-core';
-export interface InjectDevtoolsPanelOptions {
-    /**
-     * The `Injector` in which to create the devtools panel.
-     *
-     * If this is not provided, the current injection context will be used instead (via `inject`).
-     */
-    injector?: Injector;
-}
-/**
- * A devtools panel, which can be manually destroyed.
- */
-export interface DevtoolsPanelRef {
-    /**
-     * Destroy the panel, removing it from the DOM and stops listening to signal changes.
-     */
-    destroy: () => void;
-}
-export interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => void;
-    /**
-     * Element where to render the devtools panel. When set to undefined or null, the devtools panel will not be created, or destroyed if existing.
-     * If changed from undefined to a ElementRef, the devtools panel will be created.
-     */
-    hostElement?: ElementRef;
-}
-export type InjectDevtoolsPanel = (injectDevtoolsPanelFn: () => DevtoolsPanelOptions, options?: InjectDevtoolsPanelOptions) => DevtoolsPanelRef;

package/index.d.ts

@@ -1,25 +0,0 @@
-export * from '@tanstack/query-core';
-export * from './types.js';
-export type { DefinedInitialDataOptions, UndefinedInitialDataOptions, UnusedSkipTokenOptions, } from './query-options.js';
-export { queryOptions } from './query-options.js';
-export type { CreateMutationOptions } from './types.js';
-export { mutationOptions } from './mutation-options.js';
-export type { DefinedInitialDataInfiniteOptions, UndefinedInitialDataInfiniteOptions, UnusedSkipTokenInfiniteOptions, } from './infinite-query-options.js';
-export { infiniteQueryOptions } from './infinite-query-options.js';
-export type { InjectInfiniteQueryOptions } from './inject-infinite-query.js';
-export { injectInfiniteQuery } from './inject-infinite-query.js';
-export type { InjectIsFetchingOptions } from './inject-is-fetching.js';
-export { injectIsFetching } from './inject-is-fetching.js';
-export type { InjectIsMutatingOptions } from './inject-is-mutating.js';
-export { injectIsMutating } from './inject-is-mutating.js';
-export { injectIsRestoring, provideIsRestoring } from './inject-is-restoring.js';
-export type { InjectMutationOptions } from './inject-mutation.js';
-export { injectMutation } from './inject-mutation.js';
-export type { InjectMutationStateOptions } from './inject-mutation-state.js';
-export { injectMutationState } from './inject-mutation-state.js';
-export type { QueriesOptions, QueriesResults } from './inject-queries.js';
-export type { InjectQueryOptions } from './inject-query.js';
-export { injectQuery } from './inject-query.js';
-export { injectQueryClient } from './inject-query-client.js';
-export type { DevtoolsFeature, PersistQueryClientFeature, QueryFeature, QueryFeatures, } from './providers.js';
-export { provideAngularQuery, provideQueryClient, provideTanStackQuery, queryFeature, } from './providers.js';

package/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/infinite-query-options.mjs

@@ -1,7 +0,0 @@
-function infiniteQueryOptions(options) {
-  return options;
-}
-export {
-  infiniteQueryOptions
-};
-//# sourceMappingURL=infinite-query-options.mjs.map

package/infinite-query-options.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"infinite-query-options.mjs","sources":["../src/infinite-query-options.ts"],"sourcesContent":["import type {\n  DefaultError,\n  InfiniteData,\n  InitialDataFunction,\n  NonUndefinedGuard,\n  OmitKeyof,\n  QueryKey,\n  QueryKeyWithDataTag,\n  SkipToken,\n} from '@tanstack/query-core'\nimport type { CreateInfiniteQueryOptions } from './types'\n\n/**\n * The options accepted by the `infiniteQueryOptions` overload selected when no `initialData` is set — `data`\n * may be `undefined` while the query is `pending`.\n *\n * @template TQueryFnData - The type of a single page, as your `queryFn` resolves it.\n * @template TError - The type of errors your `queryFn` may throw.\n * @template TData - The type `data` ends up as after `select` runs — defaults to `InfiniteData<TQueryFnData>`,\n * the shape of all fetched pages plus their page params.\n * @template TQueryKey - The type of your `queryKey`.\n * @template TPageParam - The type of the parameter passed to `queryFn` to fetch a given page.\n */\nexport type UndefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = CreateInfiniteQueryOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  /**\n   * If set, this value will be used as the initial data for the query cache (as long as the query hasn't been\n   * created or cached yet). If set to a function, the function will be called **once** during the shared/root\n   * query initialization, and be expected to synchronously return the initial data. Initial data is\n   * considered stale by default unless a `staleTime` has been set. `initialData` **is persisted** to the\n   * cache.\n   */\n  initialData?:\n    | undefined\n    | NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n    | InitialDataFunction<\n        NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n      >\n}\n\n/**\n * The options accepted by the `infiniteQueryOptions` overload selected when no `initialData` is set and\n * `queryFn` is not `skipToken` — same as {@link UndefinedInitialDataInfiniteOptions}, but `queryFn` may not be\n * `skipToken`.\n *\n * @template TQueryFnData - The type of a single page, as your `queryFn` resolves it.\n * @template TError - The type of errors your `queryFn` may throw.\n * @template TData - The type `data` ends up as after `select` runs — defaults to `InfiniteData<TQueryFnData>`,\n * the shape of all fetched pages plus their page params.\n * @template TQueryKey - The type of your `queryKey`.\n * @template TPageParam - The type of the parameter passed to `queryFn` to fetch a given page.\n */\nexport type UnusedSkipTokenInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = OmitKeyof<\n  CreateInfiniteQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  'queryFn'\n> & {\n  /**\n   * `skipToken` is not allowed as a value here — this overload is selected when no `initialData` is set. If\n   * you don't intend to run the query yet, set `enabled: false` — omitting `queryFn` alone still triggers a\n   * fetch that fails with \"Missing queryFn\" unless `enabled` is `false` or a default query function has been\n   * defined. A default query function only supplies `queryFn`; it doesn't defer the fetch on its own.\n   */\n  queryFn?: Exclude<\n    CreateInfiniteQueryOptions<\n      TQueryFnData,\n      TError,\n      TData,\n      TQueryKey,\n      TPageParam\n    >['queryFn'],\n    SkipToken | undefined\n  >\n}\n\n/**\n * The options accepted by the `infiniteQueryOptions` overload selected when `initialData` is set — `data` is\n * never `undefined` (unless a `select` changes `TData` to include `undefined`).\n *\n * @template TQueryFnData - The type of a single page, as your `queryFn` resolves it.\n * @template TError - The type of errors your `queryFn` may throw.\n * @template TData - The type `data` ends up as after `select` runs — defaults to `InfiniteData<TQueryFnData>`,\n * the shape of all fetched pages plus their page params.\n * @template TQueryKey - The type of your `queryKey`.\n * @template TPageParam - The type of the parameter passed to `queryFn` to fetch a given page.\n */\nexport type DefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> = CreateInfiniteQueryOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> & {\n  /**\n   * If set, this value will be used as the initial data for the query cache (as long as the query hasn't been\n   * created or cached yet). If set to a function, the function will be called **once** during the shared/root\n   * query initialization, and be expected to synchronously return the initial data. Initial data is\n   * considered stale by default unless a `staleTime` has been set. `initialData` **is persisted** to the\n   * cache.\n   */\n  initialData:\n    | NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>\n    | (() => NonUndefinedGuard<InfiniteData<TQueryFnData, TPageParam>>)\n    | undefined\n}\n\n/**\n * You can generally pass everything to `infiniteQueryOptions` that you can also pass to\n * `injectInfiniteQuery`. These options can be shared across functions and imperative APIs such as\n * `queryClient.fetchInfiniteQuery`. `options.queryKey` is required and is the query key to generate options\n * for.\n *\n * This overload is selected when `initialData` is set.\n *\n * @see {@link injectInfiniteQuery} to run an infinite query with these options.\n * @param options - The {@link DefinedInitialDataInfiniteOptions} to use — everything you can pass to\n * `injectInfiniteQuery`, with `initialData` set.\n * @returns The same options object, typed so that `queryKey` carries the inferred data type.\n * @remarks See {@link injectInfiniteQuery} for examples that fetch further pages, from a button click or\n * automatically as the user scrolls.\n *\n * @example\n * ```angular-ts\n * import { infiniteQueryOptions, injectInfiniteQuery } from '@tanstack/angular-query-experimental'\n *\n * export const projectsOptions = infiniteQueryOptions({\n *   queryKey: ['projects'],\n *   queryFn: ({ pageParam }) => fetchProjects(pageParam),\n *   initialPageParam: 0,\n *   getNextPageParam: (lastPage) => lastPage.nextId,\n *   initialData: { pages: [], pageParams: [] },\n * })\n *\n * @Component({\n *   selector: 'projects',\n *   template: `\n *     <!-- `projectsQuery.data()` is never `undefined`, thanks to `initialData` — even if a\n *     refetch fails, so the list stays visible alongside the error. -->\n *     <ul>\n *       @for (page of projectsQuery.data().pages; track $index) {\n *         @for (project of page.projects; track project.id) {\n *           <li>{{ project.name }}</li>\n *         }\n *       }\n *     </ul>\n *   `,\n * })\n * export class Projects {\n *   readonly projectsQuery = injectInfiniteQuery(() => projectsOptions)\n * }\n * ```\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: DefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): DefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> &\n  QueryKeyWithDataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n\n/**\n * You can generally pass everything to `infiniteQueryOptions` that you can also pass to\n * `injectInfiniteQuery`. These options can be shared across functions and imperative APIs such as\n * `queryClient.fetchInfiniteQuery`. `options.queryKey` is required and is the query key to generate options\n * for.\n *\n * @returns The same options object, typed so that `queryKey` carries the inferred data type.\n * @remarks See {@link injectInfiniteQuery} for examples that fetch further pages, from a button click or\n * automatically as the user scrolls.\n *\n * @example\n * A parameterized factory, so the same options object can be reused per `postId`:\n * ```angular-ts\n * import { infiniteQueryOptions, injectInfiniteQuery } from '@tanstack/angular-query-experimental'\n *\n * export const commentsOptions = (postId: string) =>\n *   infiniteQueryOptions({\n *     queryKey: ['post', postId, 'comments'],\n *     queryFn: ({ pageParam }) => fetchComments(postId, pageParam),\n *     initialPageParam: 0,\n *     getNextPageParam: (lastPage) => lastPage.nextId,\n *   })\n *\n * @Component({\n *   selector: 'comments',\n *   template: `\n *     @if (commentsQuery.isPending()) {\n *       Loading...\n *     } @else if (commentsQuery.isError()) {\n *       <span>Error: {{ commentsQuery.error()?.message }}</span>\n *     } @else {\n *       <ul>\n *         @for (page of commentsQuery.data().pages; track $index) {\n *           @for (comment of page.comments; track comment.id) {\n *             <li>{{ comment.text }}</li>\n *           }\n *         }\n *       </ul>\n *     }\n *   `,\n * })\n * export class Comments {\n *   readonly postId = signal('1')\n *   readonly commentsQuery = injectInfiniteQuery(() => commentsOptions(this.postId()))\n * }\n * ```\n *\n * @see {@link injectInfiniteQuery} to run an infinite query with these options.\n * @param options - The {@link UnusedSkipTokenInfiniteOptions} to use — everything you can pass to\n * `injectInfiniteQuery`.\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: UnusedSkipTokenInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): UnusedSkipTokenInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> &\n  QueryKeyWithDataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n\n/**\n * You can generally pass everything to `infiniteQueryOptions` that you can also pass to\n * `injectInfiniteQuery`. These options can be shared across functions and imperative APIs such as\n * `queryClient.fetchInfiniteQuery`. `options.queryKey` is required and is the query key to generate options\n * for.\n *\n * @returns The same options object, typed so that `queryKey` carries the inferred data type.\n * @remarks See {@link injectInfiniteQuery} for examples that fetch further pages (from a button click or\n * automatically as the user scrolls) and that use `skipToken` to disable the query until `postId` is set.\n *\n * @example\n * A parameterized factory, so the same options object can be reused per `postId`:\n * ```angular-ts\n * import { infiniteQueryOptions, injectInfiniteQuery } from '@tanstack/angular-query-experimental'\n *\n * export const commentsOptions = (postId: string) =>\n *   infiniteQueryOptions({\n *     queryKey: ['post', postId, 'comments'],\n *     queryFn: ({ pageParam }) => fetchComments(postId, pageParam),\n *     initialPageParam: 0,\n *     getNextPageParam: (lastPage) => lastPage.nextId,\n *   })\n *\n * @Component({\n *   selector: 'comments',\n *   template: `\n *     @if (commentsQuery.isPending()) {\n *       Loading...\n *     } @else if (commentsQuery.isError()) {\n *       <span>Error: {{ commentsQuery.error()?.message }}</span>\n *     } @else {\n *       <ul>\n *         @for (page of commentsQuery.data().pages; track $index) {\n *           @for (comment of page.comments; track comment.id) {\n *             <li>{{ comment.text }}</li>\n *           }\n *         }\n *       </ul>\n *     }\n *   `,\n * })\n * export class Comments {\n *   readonly postId = signal('1')\n *   readonly commentsQuery = injectInfiniteQuery(() => commentsOptions(this.postId()))\n * }\n * ```\n *\n * @see {@link injectInfiniteQuery} to run an infinite query with these options.\n * @param options - The {@link UndefinedInitialDataInfiniteOptions} to use — everything you can pass to\n * `injectInfiniteQuery`.\n */\nexport function infiniteQueryOptions<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: UndefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n): UndefinedInitialDataInfiniteOptions<\n  TQueryFnData,\n  TError,\n  TData,\n  TQueryKey,\n  TPageParam\n> &\n  QueryKeyWithDataTag<TQueryKey, InfiniteData<TQueryFnData>, TError>\n\nexport function infiniteQueryOptions(options: unknown) {\n  return options\n}\n"],"names":[],"mappings":"AA+VO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;"}

package/inject-infinite-query.mjs

@@ -1,18 +0,0 @@
-import { InfiniteQueryObserver } from "@tanstack/query-core";
-import { assertInInjectionContext, inject, Injector, runInInjectionContext } from "@angular/core";
-import { createBaseQuery } from "./create-base-query.mjs";
-function injectInfiniteQuery(injectInfiniteQueryFn, options) {
-  !(options == null ? void 0 : options.injector) && assertInInjectionContext(injectInfiniteQuery);
-  const injector = (options == null ? void 0 : options.injector) ?? inject(Injector);
-  return runInInjectionContext(
-    injector,
-    () => createBaseQuery(
-      injectInfiniteQueryFn,
-      InfiniteQueryObserver
-    )
-  );
-}
-export {
-  injectInfiniteQuery
-};
-//# sourceMappingURL=inject-infinite-query.mjs.map

package/inject-infinite-query.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject-infinite-query.mjs","sources":["../src/inject-infinite-query.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport {\n  Injector,\n  assertInInjectionContext,\n  inject,\n  runInInjectionContext,\n} from '@angular/core'\nimport { createBaseQuery } from './create-base-query'\nimport type {\n  DefaultError,\n  InfiniteData,\n  QueryKey,\n  QueryObserver,\n} from '@tanstack/query-core'\nimport type {\n  CreateInfiniteQueryOptions,\n  CreateInfiniteQueryResult,\n  DefinedCreateInfiniteQueryResult,\n} from './types'\nimport type {\n  DefinedInitialDataInfiniteOptions,\n  UndefinedInitialDataInfiniteOptions,\n} from './infinite-query-options'\n\nexport interface InjectInfiniteQueryOptions {\n  /**\n   * The `Injector` in which to create the infinite query.\n   *\n   * If this is not provided, the current injection context will be used instead (via `inject`).\n   */\n  injector?: Injector\n}\n\n/**\n * The options for `injectInfiniteQuery` are identical to `injectQuery`, with the addition of\n * `initialPageParam`, `getNextPageParam`, `getPreviousPageParam`, and `maxPages`. Infinite queries can\n * additively \"load more\" data onto an existing set of data, or \"infinite scroll\".\n *\n * This overload is selected when `initialData` is set on the options returned by `injectInfiniteQueryFn`,\n * so the resulting `data` signal is never `undefined` (unless a `select` changes `TData` to include `undefined`).\n *\n * @remarks Keep in mind that imperative fetch calls, such as `fetchNextPage`, may interfere with the default\n * refetch behavior, resulting in outdated data. Make sure to call these functions only in response to user\n * actions, or add conditions like `hasNextPage() && !isFetching()`.\n * @see {@link infiniteQueryOptions} to share these options between `injectInfiniteQuery` and imperative APIs\n * like `queryClient.fetchInfiniteQuery`.\n * @param injectInfiniteQueryFn - A function returning the {@link DefinedInitialDataInfiniteOptions} to use —\n * everything you can pass to `injectInfiniteQuery`, with `initialData` set. Similar to `computed` from\n * Angular, this function runs in the reactive context, so signals read inside it drive the query.\n * @param options - Additional configuration.\n * @returns The same signals as `injectQuery`, with the addition of `fetchNextPage`, `fetchPreviousPage`,\n * `hasNextPage`, `hasPreviousPage`, `isFetchingNextPage`, and `isFetchingPreviousPage`. `data().pages` and\n * `data().pageParams` are also added, as long as a `select` doesn't change `TData` away from its default\n * `InfiniteData<TQueryFnData>` shape.\n *\n * @example\n * ```angular-ts\n * @Component({\n *   selector: 'projects',\n *   template: `\n *     <!-- `projectsQuery.data()` is never `undefined`, thanks to `initialData` — even if a\n *     refetch fails, so the list stays visible alongside the error. -->\n *     <ul>\n *       @for (page of projectsQuery.data().pages; track $index) {\n *         @for (project of page.projects; track project.id) {\n *           <li>{{ project.name }}</li>\n *         }\n *       }\n *     </ul>\n *   `,\n * })\n * export class Projects {\n *   readonly projectsQuery = injectInfiniteQuery(() => ({\n *     queryKey: ['projects'],\n *     queryFn: ({ pageParam }) => fetchProjects(pageParam),\n *     initialPageParam: 0,\n *     getNextPageParam: (lastPage) => lastPage.nextId,\n *     initialData: { pages: [], pageParams: [] },\n *   }))\n * }\n * ```\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => DefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): DefinedCreateInfiniteQueryResult<TData, TError>\n\n/**\n * Injects an infinite query: a declarative dependency on an asynchronous source of data that is tied to a\n * unique key. Infinite queries can additively \"load more\" data onto an existing set of data, or\n * \"infinite scroll\".\n *\n * @remarks Keep in mind that imperative fetch calls, such as `fetchNextPage`, may interfere with the default\n * refetch behavior, resulting in outdated data. Make sure to call these functions only in response to user\n * actions, or add conditions like `hasNextPage() && !isFetching()`. This is the only overload that accepts\n * `queryFn: skipToken`, shown below.\n * @see {@link infiniteQueryOptions} to share these options between `injectInfiniteQuery` and imperative APIs\n * like `queryClient.fetchInfiniteQuery`.\n * @param injectInfiniteQueryFn - A function returning the {@link UndefinedInitialDataInfiniteOptions} to use\n * — everything you can pass to `injectInfiniteQuery`. Similar to `computed` from Angular, this function runs\n * in the reactive context, so signals read inside it drive the query.\n * @param options - Additional configuration.\n * @returns The same signals as `injectQuery`, with the addition of `fetchNextPage`, `fetchPreviousPage`,\n * `hasNextPage`, `hasPreviousPage`, `isFetchingNextPage`, and `isFetchingPreviousPage`. `data().pages` and\n * `data().pageParams` are also added, as long as a `select` doesn't change `TData` away from its default\n * `InfiniteData<TQueryFnData>` shape.\n *\n * @example\n * Fetching the next page from a button click:\n * ```angular-ts\n * @Component({\n *   selector: 'projects-list',\n *   template: `\n *     <ul>\n *       @for (page of projectsQuery.data()?.pages; track $index) {\n *         @for (project of page.projects; track project.id) {\n *           <li>{{ project.name }}</li>\n *         }\n *       }\n *     </ul>\n *     <button\n *       [disabled]=\"!projectsQuery.hasNextPage() || projectsQuery.isFetching()\"\n *       (click)=\"projectsQuery.fetchNextPage()\"\n *     >\n *       Load More\n *     </button>\n *   `,\n * })\n * export class ProjectsList {\n *   readonly projectsQuery = injectInfiniteQuery(() => ({\n *     queryKey: ['projects'],\n *     queryFn: ({ pageParam }) => fetchProjects(pageParam),\n *     initialPageParam: 0,\n *     getNextPageParam: (lastPage) => lastPage.nextId,\n *   }))\n * }\n * ```\n *\n * @example\n * Fetching the next page automatically as the user scrolls, using an `IntersectionObserver` on a sentinel\n * element after the list:\n * ```angular-ts\n * @Component({\n *   selector: 'projects-list',\n *   template: `\n *     <ul>\n *       @for (page of projectsQuery.data()?.pages; track $index) {\n *         @for (project of page.projects; track project.id) {\n *           <li>{{ project.name }}</li>\n *         }\n *       }\n *     </ul>\n *     <div #sentinel>{{ projectsQuery.isFetchingNextPage() ? 'Loading more...' : '' }}</div>\n *   `,\n * })\n * export class ProjectsList {\n *   readonly sentinel = viewChild<ElementRef<HTMLElement>>('sentinel')\n *\n *   readonly projectsQuery = injectInfiniteQuery(() => ({\n *     queryKey: ['projects'],\n *     queryFn: ({ pageParam }) => fetchProjects(pageParam),\n *     initialPageParam: 0,\n *     getNextPageParam: (lastPage) => lastPage.nextId,\n *   }))\n *\n *   constructor() {\n *     effect((onCleanup) => {\n *       const sentinel = this.sentinel()?.nativeElement\n *       if (\n *         sentinel == null ||\n *         !this.projectsQuery.hasNextPage() ||\n *         this.projectsQuery.isFetching()\n *       ) {\n *         return\n *       }\n *\n *       const observer = new IntersectionObserver(([entry]) => {\n *         if (entry?.isIntersecting) this.projectsQuery.fetchNextPage()\n *       })\n *       observer.observe(sentinel)\n *\n *       onCleanup(() => observer.disconnect())\n *     })\n *   }\n * }\n * ```\n *\n * @example\n * A query that's disabled, type safe, until `postId` is set — pass `skipToken` as `queryFn` instead of\n * setting `enabled: false`:\n * ```angular-ts\n * @Component({\n *   selector: 'comments',\n *   template: `\n *     @if (postId() == null) {\n *       Select a post\n *     } @else if (commentsQuery.isPending()) {\n *       Loading...\n *     } @else if (commentsQuery.isError()) {\n *       <span>Error: {{ commentsQuery.error()?.message }}</span>\n *     } @else {\n *       <ul>\n *         @for (page of commentsQuery.data().pages; track $index) {\n *           @for (comment of page.comments; track comment.id) {\n *             <li>{{ comment.text }}</li>\n *           }\n *         }\n *       </ul>\n *     }\n *   `,\n * })\n * export class Comments {\n *   readonly postId = signal<string | undefined>(undefined)\n *\n *   readonly commentsQuery = injectInfiniteQuery(() => ({\n *     queryKey: ['post', this.postId(), 'comments'],\n *     queryFn:\n *       this.postId() != null\n *         ? ({ pageParam }) => fetchComments(this.postId()!, pageParam)\n *         : skipToken,\n *     initialPageParam: 0,\n *     getNextPageParam: (lastPage) => lastPage.nextId,\n *   }))\n * }\n * ```\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => UndefinedInitialDataInfiniteOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): CreateInfiniteQueryResult<TData, TError>\n\n/**\n * This overload accepts the general {@link CreateInfiniteQueryOptions} shape rather than the\n * `initialData`-aware overloads above, so whether `data` is defined can't be inferred from the call site —\n * useful when wrapping `injectInfiniteQuery` in your own helper function that forwards caller-provided\n * options.\n *\n * @param injectInfiniteQueryFn - A function that returns infinite query options. Similar to `computed` from\n * Angular, this function runs in the reactive context, so signals read inside it drive the query.\n * @param options - Additional configuration.\n * @returns The infinite query result.\n */\nexport function injectInfiniteQuery<\n  TQueryFnData,\n  TError = DefaultError,\n  TData = InfiniteData<TQueryFnData>,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  injectInfiniteQueryFn: () => CreateInfiniteQueryOptions<\n    TQueryFnData,\n    TError,\n    TData,\n    TQueryKey,\n    TPageParam\n  >,\n  options?: InjectInfiniteQueryOptions,\n): CreateInfiniteQueryResult<TData, TError>\n\nexport function injectInfiniteQuery(\n  injectInfiniteQueryFn: () => CreateInfiniteQueryOptions,\n  options?: InjectInfiniteQueryOptions,\n) {\n  !options?.injector && assertInInjectionContext(injectInfiniteQuery)\n  const injector = options?.injector ?? inject(Injector)\n  return runInInjectionContext(injector, () =>\n    createBaseQuery(\n      injectInfiniteQueryFn,\n      InfiniteQueryObserver as typeof QueryObserver,\n    ),\n  )\n}\n"],"names":[],"mappings":";;;AA2RO,SAAS,oBACd,uBACA,SACA;AACA,IAAC,mCAAS,aAAY,yBAAyB,mBAAmB;AAClE,QAAM,YAAW,mCAAS,aAAY,OAAO,QAAQ;AACrD,SAAO;AAAA,IAAsB;AAAA,IAAU,MACrC;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/inject-is-fetching.mjs

@@ -1,31 +0,0 @@
-import { assertInInjectionContext, inject, Injector, DestroyRef, NgZone, signal } from "@angular/core";
-import { QueryClient, notifyManager } from "@tanstack/query-core";
-function injectIsFetching(filters, options) {
-  !(options == null ? void 0 : options.injector) && assertInInjectionContext(injectIsFetching);
-  const injector = (options == null ? void 0 : options.injector) ?? inject(Injector);
-  const destroyRef = injector.get(DestroyRef);
-  const ngZone = injector.get(NgZone);
-  const queryClient = injector.get(QueryClient);
-  const cache = queryClient.getQueryCache();
-  let isFetching = queryClient.isFetching(filters);
-  const result = signal(isFetching);
-  const unsubscribe = ngZone.runOutsideAngular(
-    () => cache.subscribe(
-      notifyManager.batchCalls(() => {
-        const newIsFetching = queryClient.isFetching(filters);
-        if (isFetching !== newIsFetching) {
-          isFetching = newIsFetching;
-          ngZone.run(() => {
-            result.set(isFetching);
-          });
-        }
-      })
-    )
-  );
-  destroyRef.onDestroy(unsubscribe);
-  return result;
-}
-export {
-  injectIsFetching
-};
-//# sourceMappingURL=inject-is-fetching.mjs.map

package/inject-is-fetching.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject-is-fetching.mjs","sources":["../src/inject-is-fetching.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Injector,\n  NgZone,\n  assertInInjectionContext,\n  inject,\n  signal,\n} from '@angular/core'\nimport { QueryClient, notifyManager } from '@tanstack/query-core'\nimport type { QueryFilters } from '@tanstack/query-core'\nimport type { Signal } from '@angular/core'\n\nexport interface InjectIsFetchingOptions {\n  /**\n   * The `Injector` in which to create the isFetching signal.\n   *\n   * If this is not provided, the current injection context will be used instead (via `inject`).\n   */\n  injector?: Injector\n}\n\n/**\n * Injects a signal that tracks the number of queries that your application is loading or fetching in the\n * background (useful for app-wide loading indicators).\n *\n * @param filters - The {@link QueryFilters} to narrow down the matched queries.\n * @param options - Additional configuration\n * @returns A `Signal` with the number of queries that your application is currently loading or fetching in\n * the background.\n *\n * @example\n * ```angular-ts\n * @Component({\n *   selector: 'posts-fetching-indicator',\n *   template: `\n *     @if (isFetchingPosts()) {\n *       <span>Refreshing posts...</span>\n *     }\n *   `,\n * })\n * export class PostsFetchingIndicator {\n *   // How many queries matching the posts prefix are fetching?\n *   readonly isFetchingPosts = injectIsFetching({ queryKey: ['posts'] })\n * }\n * ```\n *\n * @example\n * A global loading indicator for any query fetching in the background, not just the ones on screen:\n * ```angular-ts\n * @Component({\n *   selector: 'global-loading-indicator',\n *   template: `\n *     @if (isFetching()) {\n *       <div>Queries are fetching in the background...</div>\n *     }\n *   `,\n * })\n * export class GlobalLoadingIndicator {\n *   readonly isFetching = injectIsFetching()\n * }\n * ```\n */\nexport function injectIsFetching(\n  filters?: QueryFilters,\n  options?: InjectIsFetchingOptions,\n): Signal<number> {\n  !options?.injector && assertInInjectionContext(injectIsFetching)\n  const injector = options?.injector ?? inject(Injector)\n  const destroyRef = injector.get(DestroyRef)\n  const ngZone = injector.get(NgZone)\n  const queryClient = injector.get(QueryClient)\n\n  const cache = queryClient.getQueryCache()\n  // isFetching is the prev value initialized on mount *\n  let isFetching = queryClient.isFetching(filters)\n\n  const result = signal(isFetching)\n\n  const unsubscribe = ngZone.runOutsideAngular(() =>\n    cache.subscribe(\n      notifyManager.batchCalls(() => {\n        const newIsFetching = queryClient.isFetching(filters)\n        if (isFetching !== newIsFetching) {\n          // * and update with each change\n          isFetching = newIsFetching\n          ngZone.run(() => {\n            result.set(isFetching)\n          })\n        }\n      }),\n    ),\n  )\n\n  destroyRef.onDestroy(unsubscribe)\n\n  return result\n}\n"],"names":[],"mappings":";;AA8DO,SAAS,iBACd,SACA,SACgB;AAChB,IAAC,mCAAS,aAAY,yBAAyB,gBAAgB;AAC/D,QAAM,YAAW,mCAAS,aAAY,OAAO,QAAQ;AACrD,QAAM,aAAa,SAAS,IAAI,UAAU;AAC1C,QAAM,SAAS,SAAS,IAAI,MAAM;AAClC,QAAM,cAAc,SAAS,IAAI,WAAW;AAE5C,QAAM,QAAQ,YAAY,cAAA;AAE1B,MAAI,aAAa,YAAY,WAAW,OAAO;AAE/C,QAAM,SAAS,OAAO,UAAU;AAEhC,QAAM,cAAc,OAAO;AAAA,IAAkB,MAC3C,MAAM;AAAA,MACJ,cAAc,WAAW,MAAM;AAC7B,cAAM,gBAAgB,YAAY,WAAW,OAAO;AACpD,YAAI,eAAe,eAAe;AAEhC,uBAAa;AACb,iBAAO,IAAI,MAAM;AACf,mBAAO,IAAI,UAAU;AAAA,UACvB,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IAAA;AAAA,EACH;AAGF,aAAW,UAAU,WAAW;AAEhC,SAAO;AACT;"}