@ethlete/query 6.0.0-next.2 → 6.0.0-next.20

package/fesm2022/ethlete-query.mjs

@@ -1,16 +1,137 @@
 import * as i0 from '@angular/core';
-import { isDevMode, DestroyRef, InjectionToken, inject, Injector, EnvironmentInjector, ErrorHandler, ɵEffectScheduler as _EffectScheduler, createEnvironmentInjector, effect, computed, untracked, signal, linkedSignal, runInInjectionContext, assertInInjectionContext, ChangeDetectorRef, ViewContainerRef, TemplateRef, Input, Directive, ElementRef, input, Pipe, ViewEncapsulation, ChangeDetectionStrategy, Component, DOCUMENT, NgZone } from '@angular/core';
-import { createStaticProvider, RuntimeError, clamp, createDestroy, computedTillTruthy, getCookie, setCookie, deleteCookie, createProvider, nextFrame, createRootProvider, isObject, injectRoute, getDomain, injectQueryParamChanges, injectQueryParams, clone, equal, ET_PROPERTY_REMOVED, previousSignalValue } from '@ethlete/core';
-import { Observable, Subscription, tap, retry, throwError, timer, catchError, takeUntil, startWith, pairwise, switchMap, of, BehaviorSubject, Subject, fromEvent, take, filter, ReplaySubject, map, shareReplay, interval, skip, takeWhile, combineLatest, EMPTY, withLatestFrom, debounceTime, merge, throttleTime } from 'rxjs';
+import { signal, isDevMode, makeEnvironmentProviders, DestroyRef, InjectionToken, inject, Injector, EnvironmentInjector, ElementRef, ErrorHandler, createEnvironmentInjector, effect, untracked, linkedSignal, computed, runInInjectionContext, assertInInjectionContext, ChangeDetectorRef, ViewContainerRef, TemplateRef, Input, Directive, input, Pipe, ViewEncapsulation, Component, resource, PLATFORM_ID, DOCUMENT, NgZone } from '@angular/core';
+import { createStaticProvider, RuntimeError, clamp, createDestroy, computedTillTruthy, getCookie, setCookie, deleteCookie, createProvider, nextFrame, randomId, createRootProvider, isObject, injectRoute, getDomain, injectQueryParamChanges, injectQueryParams, clone, equal, ET_PROPERTY_REMOVED, previousSignalValue } from '@ethlete/core';
+import { filter, Subject, Subscription, Observable, tap, retry, throwError, timer, catchError, takeUntil, startWith, pairwise, switchMap, of, BehaviorSubject, fromEvent, take, ReplaySubject, map, shareReplay, interval, skip, takeWhile, combineLatest, EMPTY, withLatestFrom, debounceTime, firstValueFrom, merge, throttleTime } from 'rxjs';
 import { toObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { HttpClient, HttpErrorResponse, HttpEventType, HttpHeaders, HttpStatusCode } from '@angular/common/http';
+import { HttpClient, HttpEventType, HttpErrorResponse, HttpHeaders, HttpStatusCode } from '@angular/common/http';
 import { getActiveConsumer, setActiveConsumer } from '@angular/core/primitives/signals';
-import { NgClass, AsyncPipe, JsonPipe } from '@angular/common';
+import { NgClass, AsyncPipe, JsonPipe, isPlatformBrowser } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, FormGroup } from '@angular/forms';
+import { validateAsync, form } from '@angular/forms/signals';
 import { Router, ActivatedRoute } from '@angular/router';
 import { io } from 'socket.io-client';
 
+const noop = () => undefined;
+let devtoolsEnabled = false;
+/**
+ * Whether {@link provideQueryDevtools} has been called. When `false`, every `register*` call is a
+ * no-op so the devtools instrumentation retains no references and adds no overhead in production.
+ * @internal
+ */
+const isQueryDevtoolsEnabled = () => devtoolsEnabled;
+const entries = signal([], /* @ts-ignore */
+...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
+/**
+ * The reactive list of every registered devtools entry, consumed by the `<et-query-devtools>` UI.
+ */
+const queryDevtoolsEntries = entries.asReadonly();
+// Per-descriptor counter used to derive stable, reload-deterministic ids. Reset on page load (module
+// re-eval), so the same queries created in the same order get the same ids across reloads — which is
+// what lets the devtools restore the selected query after a reload.
+const idCounters = new Map();
+const descriptorOf = (entry) => {
+    const { kind, meta } = entry;
+    if (kind === 'query')
+        return `query|${meta.clientName ?? ''}|${meta.method ?? ''}|${meta.route ?? ''}`;
+    if (kind === 'auth-provider')
+        return `auth-provider|${meta.name ?? ''}`;
+    if (kind === 'ws-client')
+        return `ws-client|${meta.name ?? ''}`;
+    return kind;
+};
+/**
+ * Registers an entry with the devtools registry. Returns an unregister callback. A no-op (returning
+ * a no-op callback) unless {@link provideQueryDevtools} has been called.
+ *
+ * Ids are derived deterministically from a stable descriptor + a per-descriptor sequence number, so
+ * they survive a page reload (letting the UI restore the selected entry) instead of being random.
+ * @internal
+ */
+const registerQueryDevtoolsEntry = (entry) => {
+    if (!devtoolsEnabled)
+        return noop;
+    let id = entry.id;
+    if (!id) {
+        const descriptor = descriptorOf(entry);
+        const seq = idCounters.get(descriptor) ?? 0;
+        idCounters.set(descriptor, seq + 1);
+        id = `${descriptor}#${seq}`;
+    }
+    const fullEntry = { ...entry, id, createdAt: Date.now() };
+    entries.update((list) => [...list, fullEntry]);
+    return () => entries.update((list) => list.filter((e) => e.id !== fullEntry.id));
+};
+let suppressStackRegistration = false;
+/**
+ * Suppresses devtools registration for the next {@link createQueryStack} call. Used by
+ * `createPagedQueryStack` so its backing stack is not registered as a separate `query-stack` entry.
+ * @internal
+ */
+const suppressNextQueryStackDevtools = () => {
+    suppressStackRegistration = true;
+};
+/**
+ * Reads and clears the suppress-next-stack flag. Always call this from `createQueryStack` (even when
+ * devtools are disabled) so a suppression request never leaks into a later stack.
+ * @internal
+ */
+const consumeSuppressQueryStackDevtools = () => {
+    const value = suppressStackRegistration;
+    suppressStackRegistration = false;
+    return value;
+};
+/**
+ * Stringifies a query creator route. Function routes are invoked with an empty args object and any
+ * resulting `undefined` path segments are rendered as `:param`, matching the legacy devtools.
+ * @internal
+ */
+const stringifyQueryRoute = (route) => {
+    if (route === undefined || route === null)
+        return '';
+    try {
+        if (typeof route === 'function') {
+            return route({}).replace(/undefined/g, ':param');
+        }
+        return String(route);
+    }
+    catch {
+        return typeof route === 'function' ? '(dynamic route)' : String(route);
+    }
+};
+/**
+ * Extracts the human readable client name from a query client tuple. The client's DI token is named
+ * `QueryClient_<name>`, so we strip the prefix to recover the original name.
+ * @internal
+ */
+const getQueryClientName = (client) => {
+    const token = client[2];
+    const desc = token?.toString?.() ?? '';
+    return desc.replace('InjectionToken ', '').replace('QueryClient_', '') || 'unknown';
+};
+/**
+ * Enables the `@ethlete/query` devtools. Add this to your application providers (e.g. in
+ * `bootstrapApplication`) to make query clients, queries, stacks, sequences and auth providers
+ * appear in the `<et-query-devtools>` panel.
+ *
+ * When omitted, all devtools instrumentation is a no-op — no references are retained and there is no
+ * runtime overhead — so it is safe to leave out of production builds.
+ *
+ * @example
+ * ```ts
+ * bootstrapApplication(AppComponent, {
+ *   providers: [provideQueryDevtools()],
+ * });
+ * ```
+ */
+const provideQueryDevtools = () => {
+    devtoolsEnabled = true;
+    if (!isDevMode()) {
+        console.warn('You are using the Query Devtools in production mode. This increases the size of your bundle and should only be used for development purposes.');
+    }
+    return makeEnvironmentProviders([]);
+};
+
 const getOpName = /(query|mutation) ?([\w\d-_]+)? ?\(.*?\)? \{/;
 const transformGql = (str) => {
     const normalizedStr = Array.isArray(str) ? str.join('') : str;
@@ -46,9 +167,6 @@ const createGqlExecuteFn = (executeOptions) => {
     const reset = () => resetExecuteState({ executeState, executeOptions });
     const exec = (executeArgs) => {
         circularChecker.check();
-        // Make sure all effects are flushed before reading the args.
-        // A withArgs feature effect might still be pending otherwise resulting in the wrong args being read.
-        executeOptions.deps.effectScheduler.flush();
         const { args = executeOptions.state.args(), options } = executeArgs ?? {};
         const query = transformGql(executeOptions.creatorInternals.query);
         let gqlParams = query(args?.variables);
@@ -133,9 +251,9 @@ const setupQueryDependencies = (options) => {
         scopeDestroyRef: hostInjector.get(DestroyRef),
         client: hostInjector.get(clientToken),
         injector: undefined, // Will be set after injector creation
-        effectScheduler: hostInjector.get(_EffectScheduler),
         ngErrorHandler: hostInjector.get(ErrorHandler),
         httpClient: hostInjector.get(HttpClient),
+        hostElement: hostInjector.get(ElementRef, null, { optional: true })?.nativeElement ?? null,
     };
     const queryContext = {
         deps: dependencies,
@@ -198,6 +316,10 @@ const QueryRuntimeErrorCode = {
     INVALID_STATE_INSIDE_SECURE_EXECUTE_FACTORY: 701,
     // Query Execution
     CIRCULAR_QUERY_DEPENDENCY: 800,
+    // Query Sequence
+    QUERY_SEQUENCE_ALREADY_RUNNING: 900,
+    // Legacy interop
+    LEGACY_PREPARE_WITHOUT_INJECTION_CONTEXT: 950,
 };
 const queryFeatureUsedMultipleTimes = (type) => {
     return new RuntimeError(QueryRuntimeErrorCode.QUERY_FEATURE_USED_MULTIPLE_TIMES, `The query feature "${type}()" was used multiple times.`);
@@ -266,6 +388,52 @@ const invalidStateInsideSecureExecuteFactory = () => {
 const circularQueryDependency = () => {
     return new RuntimeError(QueryRuntimeErrorCode.CIRCULAR_QUERY_DEPENDENCY, `Query was executed more than 5 times in less than 100ms. This is usually a sign of a circular dependency.`);
 };
+const legacyPrepareWithoutInjectionContext = (creatorName) => {
+    const label = creatorName ? `"${creatorName}"` : 'A legacy query creator';
+    return new RuntimeError(QueryRuntimeErrorCode.LEGACY_PREPARE_WITHOUT_INJECTION_CONTEXT, `${label}.prepare() was called outside of an injection context. Unlike the v2 client, the legacy interop layer needs an injector to build the underlying query.\n\n` +
+        `Capture one where a context does exist (field initializer, constructor) and pass it along:\n\n` +
+        `  private injector = inject(Injector);\n` +
+        `  search = (term: string) => myQuery.prepare({ queryParams: { term }, injector: this.injector });\n\n` +
+        `Prefer an injector that outlives the call site. A component injector passed from a callback that can still fire after the component is gone leaves prepare() with a destroyed injector, which returns an inert query instead of executing.`);
+};
+const querySequenceAlreadyRunning = () => {
+    return new RuntimeError(QueryRuntimeErrorCode.QUERY_SEQUENCE_ALREADY_RUNNING, `run() was called on a query sequence that is already running. Wait for the current run to settle before starting another.`);
+};
+
+const isClassValidatorError = (error) => {
+    return typeof error === 'object' && error !== null && 'statusCode' in error && 'message' in error && 'error' in error;
+};
+const isSymfonyError = (error) => {
+    if (!error || typeof error !== 'object') {
+        return false;
+    }
+    const symfonyError = error;
+    return (symfonyError.class !== undefined &&
+        symfonyError.detail !== undefined &&
+        symfonyError.status !== undefined &&
+        symfonyError.title !== undefined &&
+        symfonyError.trace !== undefined &&
+        symfonyError.type !== undefined);
+};
+const isSymfonyPagerfantaOutOfRangeError = (error) => {
+    if (!isSymfonyError(error)) {
+        return false;
+    }
+    return error.class.startsWith('Pagerfanta') && error.class.endsWith('OutOfRangeCurrentPageException');
+};
+const isSymfonyFormViolationListError = (error) => {
+    return typeof error === 'object' && error !== null && 'violations' in error;
+};
+const isSymfonyListError = (error) => {
+    return (!!error &&
+        typeof error === 'object' &&
+        Array.isArray(error) &&
+        !!error.length &&
+        typeof error[0] === 'object' &&
+        'message' in error[0] &&
+        'propertyPath' in error[0] &&
+        'invalidValue' in error[0]);
+};
 
 /**
  * Returning this inside a withArgs feature will reset the query args to null.
@@ -290,6 +458,7 @@ const QueryFeatureType = {
     WITH_POLLING: 'WITH_POLLING',
     WITH_AUTO_REFRESH: 'WITH_AUTO_REFRESH',
     WITH_RESPONSE_UPDATE: 'WITH_RESPONSE_UPDATE',
+    WITH_PAGE_RESET_ON_ERROR: 'WITH_PAGE_RESET_ON_ERROR',
 };
 const createQueryFeature = (config) => {
     return config;
@@ -307,17 +476,27 @@ const withArgs = (args) => {
     return createQueryFeature({
         type: QueryFeatureType.WITH_ARGS,
         fn: (context) => {
-            const currArgs = computed(() => args(), ...(ngDevMode ? [{ debugName: "currArgs" }] : []));
+            // `state.args` is reactively backed by this source, so every reader (exec, polling,
+            // auto-refresh) always sees the latest value with no pending-effect window. Sentinels are
+            // resolved here: CLEAR -> null, `null` ("don't change") -> keep the previous value.
+            let previous = null;
+            context.state.subtle.setArgsSource(() => {
+                const value = args();
+                if (value === CLEAR_QUERY_ARGS) {
+                    previous = null;
+                    return null;
+                }
+                if (value === null)
+                    return previous;
+                previous = value;
+                return value;
+            });
+            // Trigger (auto-)execution whenever the resolved args change.
             nestedEffect(() => {
-                const currArgsNow = currArgs();
+                const currArgsNow = context.state.args();
                 if (currArgsNow === null)
                     return;
                 untracked(() => {
-                    if (currArgsNow === CLEAR_QUERY_ARGS) {
-                        context.state.args.set(null);
-                        return;
-                    }
-                    context.state.args.set(currArgsNow);
                     if (context.flags.shouldAutoExecute)
                         context.execute({ args: currArgsNow });
                 });
@@ -366,14 +545,9 @@ const withLogging = (options) => {
     return createQueryFeature({
         type: QueryFeatureType.WITH_LOGGING,
         fn: (context) => {
-            nestedEffect(() => {
-                const event = context.state.latestHttpEvent();
-                if (event === null)
-                    return;
-                untracked(() => {
-                    options.logFn(event);
-                });
-            }, { injector: context.deps.injector });
+            context.state.events$.pipe(takeUntilDestroyed(context.deps.destroyRef)).subscribe((event) => {
+                options.logFn(event);
+            });
         },
     });
 };
@@ -382,14 +556,11 @@ const withErrorHandling = (options) => {
     return createQueryFeature({
         type: QueryFeatureType.WITH_ERROR_HANDLING,
         fn: (context) => {
-            nestedEffect(() => {
-                const error = context.state.error();
-                if (error === null)
-                    return;
-                untracked(() => {
-                    options.handler(error);
-                });
-            }, { injector: context.deps.injector });
+            context.state.events$
+                .pipe(filter((event) => event.type === 'error'), takeUntilDestroyed(context.deps.destroyRef))
+                .subscribe((event) => {
+                options.handler(event.error);
+            });
         },
     });
 };
@@ -398,14 +569,11 @@ const withSuccessHandling = (options) => {
     return createQueryFeature({
         type: QueryFeatureType.WITH_SUCCESS_HANDLING,
         fn: (context) => {
-            nestedEffect(() => {
-                const response = context.state.response();
-                if (response === null)
-                    return;
-                untracked(() => {
-                    options.handler(response);
-                });
-            }, { injector: context.deps.injector });
+            context.state.events$
+                .pipe(filter((event) => event.type === HttpEventType.Response), takeUntilDestroyed(context.deps.destroyRef))
+                .subscribe(() => {
+                options.handler(context.state.response());
+            });
         },
     });
 };
@@ -456,22 +624,97 @@ const withResponseUpdate = (options) => {
         },
     });
 };
+/**
+ * Whether an error means the requested page is out of range: HTTP `416`, or a
+ * `500` carrying a Symfony/Pagerfanta out-of-range detail (the dev-mode shape).
+ * Exported so it can also be used as the predicate of a `withErrorHandling` handler.
+ */
+const isPageOutOfRangeError = (error) => {
+    if (error.code === 416)
+        return true;
+    return error.code === 500 && isSymfonyPagerfantaOutOfRangeError(error.raw.error);
+};
+/**
+ * A query feature that resets the page when the current page becomes out of range
+ * — e.g. after a filter shrinks the result set below the current page. It reacts
+ * to the query's error events and resets the page source; the normal reactive
+ * re-execution then runs with the corrected page.
+ *
+ * Because query args are reactively sourced, this fixes the *source* (a signal or
+ * query form field) rather than patching args directly — so the change sticks.
+ *
+ * @example
+ * // signal-driven page
+ * const users = getUsers(
+ *   withArgs(() => ({ queryParams: { page: page() } })),
+ *   withPageResetOnError({ page }),
+ * );
+ *
+ * @example
+ * // query-form-driven page
+ * const users = getUsers(
+ *   withArgs(() => ({ queryParams: qf.value() })),
+ *   withPageResetOnError({ reset: () => qf.resetFieldToDefault('page') }),
+ * );
+ */
+const withPageResetOnError = (options) => {
+    const matches = options.when ?? isPageOutOfRangeError;
+    return createQueryFeature({
+        type: QueryFeatureType.WITH_PAGE_RESET_ON_ERROR,
+        fn: (context) => {
+            context.state.events$
+                .pipe(filter((event) => event.type === 'error'), takeUntilDestroyed(context.deps.destroyRef))
+                .subscribe((event) => {
+                if (!matches(event.error))
+                    return;
+                if (options.reset) {
+                    options.reset();
+                }
+                else {
+                    options.page.set(options.resetTo ?? 1);
+                }
+            });
+        },
+    });
+};
 
 const setupQueryState = (options) => {
-    const request = signal(null, ...(ngDevMode ? [{ debugName: "request" }] : []));
-    const rawResponse = linkedSignal(() => request()?.response() ?? null, ...(ngDevMode ? [{ debugName: "rawResponse" }] : []));
+    const request = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "request" }] : /* istanbul ignore next */ []));
+    const rawResponse = linkedSignal(() => request()?.response() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rawResponse" }] : /* istanbul ignore next */ []));
     const response = computed(() => {
         const raw = rawResponse();
         if (raw === null)
             return null;
         return options.transformResponse ? options.transformResponse(raw) : raw;
-    }, ...(ngDevMode ? [{ debugName: "response" }] : []));
-    const loading = linkedSignal(() => request()?.loading() ?? null, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    const error = linkedSignal(() => request()?.error() ?? null, ...(ngDevMode ? [{ debugName: "error" }] : []));
-    const latestHttpEvent = linkedSignal(() => request()?.currentEvent() ?? null, ...(ngDevMode ? [{ debugName: "latestHttpEvent" }] : []));
-    const args = signal(null, ...(ngDevMode ? [{ debugName: "args" }] : []));
-    const lastTimeExecutedAt = signal(null, ...(ngDevMode ? [{ debugName: "lastTimeExecutedAt" }] : []));
-    const lastTriggeredBy = signal(null, ...(ngDevMode ? [{ debugName: "lastTriggeredBy" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "response" }] : /* istanbul ignore next */ []));
+    const loading = linkedSignal(() => request()?.loading() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    const error = linkedSignal(() => request()?.error() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    const latestHttpEvent = linkedSignal(() => request()?.currentEvent() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "latestHttpEvent" }] : /* istanbul ignore next */ []));
+    // `args` is reactively sourced: reads always reflect the latest value from the installed source
+    // (e.g. the `withArgs` feature), so there is no stale window between a source change and an
+    // effect writing it. It stays writable (reset / auth-error clear it via `.set(null)`); a manual
+    // set is overridden again the next time the source's dependencies change.
+    const argsSource = signal(() => null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "argsSource" }] : /* istanbul ignore next */ []));
+    const args = linkedSignal(() => argsSource()(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "args" }] : /* istanbul ignore next */ []));
+    const setArgsSource = (source) => argsSource.set(source);
+    const lastTimeExecutedAt = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastTimeExecutedAt" }] : /* istanbul ignore next */ []));
+    const lastTriggeredBy = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastTriggeredBy" }] : /* istanbul ignore next */ []));
+    const requestEvents$ = new Subject();
+    let requestEventsSubscription = Subscription.EMPTY;
+    const bindRequestEvents = (request) => {
+        requestEventsSubscription.unsubscribe();
+        requestEventsSubscription = request.events$.subscribe((event) => requestEvents$.next(event));
+    };
     const executionState = computed(() => {
         const currentResponse = response();
         const currentError = error();
@@ -506,7 +749,8 @@ const setupQueryState = (options) => {
         else {
             return null;
         }
-    }, ...(ngDevMode ? [{ debugName: "executionState" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "executionState" }] : /* istanbul ignore next */ []));
     const state = {
         rawResponse,
         response,
@@ -517,9 +761,12 @@ const setupQueryState = (options) => {
         lastTimeExecutedAt,
         lastTriggeredBy,
         executionState,
+        events$: requestEvents$.asObservable(),
         subtle: {
             request,
             rawResponse,
+            bindRequestEvents,
+            setArgsSource,
         },
     };
     return state;
@@ -530,7 +777,8 @@ const createQuerySnapshotFn = (options) => {
     const context = injectQueryContext();
     const snapshotFn = () => {
         const snapshotState = setupQueryState({});
-        const isAlive = signal(true, ...(ngDevMode ? [{ debugName: "isAlive" }] : []));
+        const isAlive = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isAlive" }] : /* istanbul ignore next */ []));
         const killEffectRef = effect(() => {
             const currentLoading = state.loading();
             const currentError = state.error();
@@ -549,13 +797,14 @@ const createQuerySnapshotFn = (options) => {
                 snapshotState.rawResponse.set(currentResponse);
                 if (currentLoading)
                     return;
-                if (!currentResponse && !currentError)
+                const hasCompletedResponse = currentLatestHttpEvent?.type === HttpEventType.Response;
+                if (!hasCompletedResponse && !currentError)
                     return;
                 // kill the effect once loading is done and we either have a response or an error
                 killEffectRef.destroy();
                 isAlive.set(false);
             });
-        }, { ...(ngDevMode ? { debugName: "killEffectRef" } : {}), injector: context.deps.injector });
+        }, { ...(ngDevMode ? { debugName: "killEffectRef" } : /* istanbul ignore next */ {}), injector: context.deps.injector });
         const snapshot = {
             args: wrapAsObservableSignal(snapshotState.args.asReadonly(), context.deps.injector),
             response: wrapAsObservableSignal(snapshotState.response, context.deps.injector),
@@ -628,6 +877,8 @@ const createQueryObject = (options) => {
     const { state, execute, deps } = options;
     const destroy = () => deps.injector.destroy();
     const setResponse = (response) => state.rawResponse.set(response);
+    const setLoading = (loading) => state.loading.set(loading);
+    const setError = (error) => state.error.set(error);
     const createSnapshot = createQuerySnapshotFn({ state, execute, deps });
     // Pre-wrap all public signals once so both `query` and `roQuery` share the same instances.
     const wrappedArgs = wrapAsObservableSignal(state.args.asReadonly(), deps.injector);
@@ -672,6 +923,8 @@ const createQueryObject = (options) => {
         subtle: {
             destroy,
             setResponse,
+            setLoading,
+            setError,
             request: wrappedRequest,
             destroyRef: deps.scopeDestroyRef,
             injector: deps.injector,
@@ -705,7 +958,28 @@ const createBaseQuery = (options) => {
         };
         applyQueryFeatures(options.features, featureFnContext);
         maybeExecute({ execute, flags });
-        return createQueryObject({ state, execute, deps });
+        const query = createQueryObject({ state, execute, deps });
+        if (isQueryDevtoolsEnabled()) {
+            const unregister = registerQueryDevtoolsEntry({
+                kind: 'query',
+                handle: query,
+                meta: {
+                    clientName: getQueryClientName(client),
+                    clientBaseUrl: deps.client.baseUrl,
+                    route: stringifyQueryRoute(options.creatorInternals.route ??
+                        options.creator?.route),
+                    method: flags.method,
+                    featureTypes: options.features.map((f) => f.type),
+                    queryConfig: options.queryConfig,
+                    creator: options.creator,
+                    repository: deps.client.repository,
+                    element: deps.hostElement,
+                    gqlQuery: options.creatorInternals.query,
+                },
+            });
+            deps.destroyRef.onDestroy(unregister);
+        }
+        return query;
     });
 };
 
@@ -745,6 +1019,7 @@ const queryExecute = (options) => {
     state.lastTimeExecutedAt.set(Date.now());
     state.lastTriggeredBy.set(runQueryOptions?.triggeredBy ?? null);
     state.subtle.request.set(request);
+    state.subtle.bindRequestEvents(request);
 };
 const circularQueryDependencyChecker = () => {
     let lastTriggerTs = 0;
@@ -778,9 +1053,6 @@ const createExecuteFn = (executeOptions) => {
     const reset = () => resetExecuteState({ executeState, executeOptions });
     const exec = (executeArgs) => {
         circularChecker.check();
-        // Make sure all effects are flushed before reading the args.
-        // A withArgs feature effect might still be pending otherwise resulting in the wrong args being read.
-        executeOptions.deps.effectScheduler.flush();
         const { args = executeOptions.state.args(), options } = executeArgs ?? {};
         queryExecute({ executeOptions, executeState, args, options });
     };
@@ -790,6 +1062,19 @@ const createExecuteFn = (executeOptions) => {
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * The empty request-args object, typed to satisfy `RequestArgs<TArgs>` for a query that takes no
+ * arguments — its `QueryArgs` is just `{ response: T }`, so `RequestArgs` resolves to `{}`.
+ *
+ * Only needed in generic code, where `TArgs` is still a type parameter and TS therefore cannot see
+ * that `{}` is the whole of it. Against a concrete query, omit the argument instead: both
+ * `query.execute()` and the auth registry's `execute()` already take none.
+ *
+ * @example
+ * const runAnything = <TArgs extends QueryArgs>(query: Query<TArgs>) =>
+ *   query.execute({ args: emptyQueryArgs<TArgs>() });
+ */
+const emptyQueryArgs = () => ({});
 const createQuery = (options) => createBaseQuery({
     creator: options.creator,
     creatorInternals: options.creatorInternals,
@@ -839,41 +1124,6 @@ const createBaseQueryCreator = (config) => {
     return queryCreator;
 };
 
-const isClassValidatorError = (error) => {
-    return typeof error === 'object' && error !== null && 'statusCode' in error && 'message' in error && 'error' in error;
-};
-const isSymfonyError = (error) => {
-    if (!error || typeof error !== 'object') {
-        return false;
-    }
-    const symfonyError = error;
-    return (symfonyError.class !== undefined &&
-        symfonyError.detail !== undefined &&
-        symfonyError.status !== undefined &&
-        symfonyError.title !== undefined &&
-        symfonyError.trace !== undefined &&
-        symfonyError.type !== undefined);
-};
-const isSymfonyPagerfantaOutOfRangeError = (error) => {
-    if (!isSymfonyError(error)) {
-        return false;
-    }
-    return error.class.startsWith('Pagerfanta') && error.class.endsWith('OutOfRangeCurrentPageException');
-};
-const isSymfonyFormViolationListError = (error) => {
-    return typeof error === 'object' && error !== null && 'violations' in error;
-};
-const isSymfonyListError = (error) => {
-    return (!!error &&
-        typeof error === 'object' &&
-        Array.isArray(error) &&
-        !!error.length &&
-        typeof error[0] === 'object' &&
-        'message' in error[0] &&
-        'propertyPath' in error[0] &&
-        'invalidValue' in error[0]);
-};
-
 const buildErrorMessage = (code, message) => `[@ethlete\\query:${code}] ${message}`;
 class QueryError extends Error {
     constructor(code, message, data) {
@@ -1245,7 +1495,7 @@ const request = (config) => {
                         body = text;
                     }
                 }
-                catch (error) {
+                catch {
                     // Ignore the error.
                 }
             }
@@ -1471,6 +1721,34 @@ const shouldRetryRequest = (options) => {
     return { retry: false };
 };
 
+const isQueryErrorResponse = (error) => {
+    return typeof error === 'object' && error !== null && 'raw' in error && 'retryState' in error && 'isList' in error;
+};
+/**
+ * Every message carried by an error, flattened into a plain list — one entry for a single error,
+ * one per violation for a list (a form response with several field violations), empty for `null`.
+ *
+ * The single/list split exists because that is how APIs answer; UI almost never wants to branch on
+ * it. Reach for this when rendering, and keep {@link QueryErrorResponse} for anything that needs
+ * the status code or the raw response.
+ *
+ * @example
+ * ```html
+ * @for (message of queryErrorMessages(myQuery.error()); track message) {
+ *   <p class="error">{{ message }}</p>
+ * }
+ * ```
+ */
+const queryErrorMessages = (error) => {
+    if (!error)
+        return [];
+    return error.isList ? error.errors.map((item) => item.message) : [error.error.message];
+};
+/**
+ * The first message of an error, or `null` when there is none — the single-line counterpart to
+ * {@link queryErrorMessages}, for a toast or a form-field hint.
+ */
+const queryErrorMessage = (error) => queryErrorMessages(error)[0] ?? null;
 const createQueryErrorResponse = (error) => {
     let err = error instanceof HttpErrorResponse ? error : null;
     if (!err) {
@@ -1538,20 +1816,46 @@ const SPEED_BUFFER_TIME_IN_MS = 2000;
 const createHttpRequest = (options) => {
     let currentStreamSubscription = Subscription.EMPTY;
     const { args, clientOptions, dependencies } = options;
-    const currentEvent = signal(null, ...(ngDevMode ? [{ debugName: "currentEvent" }] : []));
-    const loading = signal(null, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    const error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
-    const response = signal(null, ...(ngDevMode ? [{ debugName: "response" }] : []));
-    const lastLoadEventTime = signal(0, ...(ngDevMode ? [{ debugName: "lastLoadEventTime" }] : []));
-    const lastLoadEventAmount = signal(0, ...(ngDevMode ? [{ debugName: "lastLoadEventAmount" }] : []));
-    const lastExecuteTime = signal(0, ...(ngDevMode ? [{ debugName: "lastExecuteTime" }] : []));
-    const expiresIn = signal(null, ...(ngDevMode ? [{ debugName: "expiresIn" }] : []));
-    const isStale = computed(() => {
+    const currentEvent = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentEvent" }] : /* istanbul ignore next */ []));
+    const event$ = new Subject();
+    const loading = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    const error = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    const response = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "response" }] : /* istanbul ignore next */ []));
+    const lastLoadEventTime = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastLoadEventTime" }] : /* istanbul ignore next */ []));
+    const lastLoadEventAmount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastLoadEventAmount" }] : /* istanbul ignore next */ []));
+    const lastExecuteTime = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastExecuteTime" }] : /* istanbul ignore next */ []));
+    const expiresIn = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expiresIn" }] : /* istanbul ignore next */ []));
+    // NOTE: This must be a plain function, not a `computed`. The freshness check compares against
+    // `Date.now()`, which is not reactive, so a memoized computed would only ever recompute when
+    // `expiresIn` changes — once it evaluated to `false` (fresh) it would stay `false` forever, even
+    // after the window elapsed, turning every `allowCache` execute into a permanent cache hit.
+    const isStale = () => {
         const expiresInTs = expiresIn();
         return expiresInTs === null || expiresInTs < Date.now();
-    }, ...(ngDevMode ? [{ debugName: "isStale" }] : []));
+    };
+    // Resolved per execution rather than once at creation, so a client whose headers are a function
+    // reading a signal (a preview token, a tenant id) sees the current value on every re-run.
+    const resolveHeaders = () => {
+        const clientHeaders = typeof options.clientHeaders === 'function' ? options.clientHeaders() : options.clientHeaders;
+        const argHeaders = typeof args?.headers === 'function' ? args.headers() : args?.headers;
+        if (!clientHeaders)
+            return argHeaders;
+        if (!argHeaders)
+            return clientHeaders;
+        // `set` replaces every value of that name, so a per-request header fully overrides the
+        // client-level one instead of being appended next to it.
+        return argHeaders.keys().reduce((merged, key) => merged.set(key, argHeaders.getAll(key) ?? []), clientHeaders);
+    };
     const createStream = () => {
-        const headers = typeof args?.headers === 'function' ? args.headers() : args?.headers;
+        const headers = resolveHeaders();
         return dependencies.httpClient
             .request(options.method, options.fullPath, {
             observe: 'events',
@@ -1577,7 +1881,7 @@ const createHttpRequest = (options) => {
         }));
     };
     const execute = (options) => {
-        if (loading() || (!isStale() && options?.allowCache)) {
+        if (!options?.force && (loading() || (!isStale() && options?.allowCache))) {
             // Do not execute if there is already a request in progress or caching is allowed
             return false;
         }
@@ -1600,14 +1904,12 @@ const createHttpRequest = (options) => {
         return true;
     };
     const destroy = () => {
-        if (currentStreamSubscription.closed) {
-            return false;
-        }
+        const wasActive = !currentStreamSubscription.closed;
         currentStreamSubscription.unsubscribe();
-        return true;
+        event$.complete();
+        return wasActive;
     };
     const updateState = (event) => {
-        currentEvent.set(event);
         switch (event.type) {
             case HttpEventType.Response:
                 {
@@ -1634,12 +1936,16 @@ const createHttpRequest = (options) => {
                 }
                 break;
         }
+        currentEvent.set(event);
+        event$.next(event);
     };
     const updateErrorState = (errorResponse) => {
         const errorRes = createQueryErrorResponse(errorResponse);
         error.set(errorRes);
         loading.set(null);
-        currentEvent.set({ type: 'error', error: errorRes });
+        const errorEvent = { type: 'error', error: errorRes };
+        currentEvent.set(errorEvent);
+        event$.next(errorEvent);
         options.dependencies.ngErrorHandler.handleError(errorRes.raw);
     };
     const updateLoadingState = (event) => {
@@ -1673,13 +1979,17 @@ const createHttpRequest = (options) => {
         loading.set(state);
     };
     const httpRequest = {
+        method: options.method,
+        url: options.fullPath,
         execute,
         destroy,
         loading: loading.asReadonly(),
         error: error.asReadonly(),
         response: response.asReadonly(),
         currentEvent: currentEvent.asReadonly(),
+        events$: event$.asObservable(),
         isStale,
+        expiresAt: expiresIn.asReadonly(),
     };
     return httpRequest;
 };
@@ -1696,9 +2006,12 @@ const createQueryStack = (options) => {
         return { queries, lastQuery };
     }, transform, argsKeyFn, deduplicateArgs, maxQueries = Infinity, removeStrategy = 'oldest', } = options ?? {};
     const injector = inject(Injector);
-    const queries = signal([], ...(ngDevMode ? [{ debugName: "queries" }] : []));
-    const lastQuery = signal(null, ...(ngDevMode ? [{ debugName: "lastQuery" }] : []));
-    const firstQuery = computed(() => queries()[0] ?? null, ...(ngDevMode ? [{ debugName: "firstQuery" }] : []));
+    const queries = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "queries" }] : /* istanbul ignore next */ []));
+    const lastQuery = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastQuery" }] : /* istanbul ignore next */ []));
+    const firstQuery = computed(() => queries()[0] ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "firstQuery" }] : /* istanbul ignore next */ []));
     const hasWithArgsFeature = features.some((f) => f.type == QueryFeatureType.WITH_ARGS);
     const hasWithOptimisticUpdateFeature = features.some((f) => f.type == QueryFeatureType.WITH_RESPONSE_UPDATE);
     if (hasWithArgsFeature) {
@@ -1780,23 +2093,29 @@ const createQueryStack = (options) => {
         untracked(() => clear());
     });
     effect(() => runWithArgs(args(dependencies?.())));
-    const anyLoading = computed(() => queries().some((q) => q.loading()), ...(ngDevMode ? [{ debugName: "anyLoading" }] : []));
-    const loadingCount = computed(() => queries().filter((q) => q.loading()).length, ...(ngDevMode ? [{ debugName: "loadingCount" }] : []));
+    const anyLoading = computed(() => queries().some((q) => q.loading()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "anyLoading" }] : /* istanbul ignore next */ []));
+    const loadingCount = computed(() => queries().filter((q) => q.loading()).length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadingCount" }] : /* istanbul ignore next */ []));
     const allLoading = computed(() => {
         const qs = queries();
         return qs.length > 0 && qs.every((q) => q.loading());
-    }, ...(ngDevMode ? [{ debugName: "allLoading" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allLoading" }] : /* istanbul ignore next */ []));
     const loadingProgress = computed(() => {
         const total = queries().length;
         const loaded = queries().filter((q) => !q.loading()).length;
         return { loaded, total };
-    }, ...(ngDevMode ? [{ debugName: "loadingProgress" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadingProgress" }] : /* istanbul ignore next */ []));
     const anyError = computed(() => queries()
         .map((q) => q.error())
-        .find((e) => e !== null) ?? null, ...(ngDevMode ? [{ debugName: "anyError" }] : []));
+        .find((e) => e !== null) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "anyError" }] : /* istanbul ignore next */ []));
     const errors = computed(() => queries()
         .map((q) => q.error())
-        .filter((e) => e !== null), ...(ngDevMode ? [{ debugName: "errors" }] : []));
+        .filter((e) => e !== null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     const response = computed(() => {
         const responses = queries().map((q) => q.response());
         return transform?.(responses) ?? responses;
@@ -1831,6 +2150,17 @@ const createQueryStack = (options) => {
             runWithArgs,
         },
     };
+    const skipDevtools = consumeSuppressQueryStackDevtools();
+    if (isQueryDevtoolsEnabled() && !skipDevtools) {
+        const unregister = registerQueryDevtoolsEntry({
+            kind: 'query-stack',
+            handle: stack,
+            meta: {
+                featureTypes: features.map((f) => f.type),
+            },
+        });
+        inject(DestroyRef).onDestroy(unregister);
+    }
     return stack;
 };
 
@@ -1891,12 +2221,19 @@ const fakePaginationAdapter = (totalHits = 10) => {
 };
 const createPagedQueryStack = (options) => {
     const { responseNormalizer, queryCreator, features } = options;
-    const currentPageArgs = signal(null, ...(ngDevMode ? [{ debugName: "currentPageArgs" }] : []));
-    const initialPage = signal(options.initialPage ?? 1, ...(ngDevMode ? [{ debugName: "initialPage" }] : []));
-    const loadedMinPage = signal(initialPage(), ...(ngDevMode ? [{ debugName: "loadedMinPage" }] : []));
-    const loadedMaxPage = signal(initialPage(), ...(ngDevMode ? [{ debugName: "loadedMaxPage" }] : []));
-    const lastResetTimestamp = signal(Date.now(), ...(ngDevMode ? [{ debugName: "lastResetTimestamp" }] : []));
-    const pageDirection = signal('next', ...(ngDevMode ? [{ debugName: "pageDirection" }] : []));
+    const currentPageArgs = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentPageArgs" }] : /* istanbul ignore next */ []));
+    const initialPage = signal(options.initialPage ?? 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialPage" }] : /* istanbul ignore next */ []));
+    const loadedMinPage = signal(initialPage(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadedMinPage" }] : /* istanbul ignore next */ []));
+    const loadedMaxPage = signal(initialPage(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadedMaxPage" }] : /* istanbul ignore next */ []));
+    const resetTrigger = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resetTrigger" }] : /* istanbul ignore next */ []));
+    const pageDirection = signal('next', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageDirection" }] : /* istanbul ignore next */ []));
+    suppressNextQueryStackDevtools();
     const stack = createQueryStack({
         args: () => null,
         queryCreator,
@@ -1919,7 +2256,7 @@ const createPagedQueryStack = (options) => {
         transform: transformArrayResponse,
     });
     effect(() => {
-        lastResetTimestamp();
+        resetTrigger();
         const args = options.args(initialPage(), []);
         untracked(() => {
             stack.clear();
@@ -1935,22 +2272,26 @@ const createPagedQueryStack = (options) => {
         if (!res)
             return null;
         return responseNormalizer(res, all);
-    }, ...(ngDevMode ? [{ debugName: "maxPagination" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxPagination" }] : /* istanbul ignore next */ []));
     const minPagination = computed(() => {
         const res = stack.firstQuery()?.response();
         const all = stack.response();
         if (!res)
             return null;
         return responseNormalizer(res, all);
-    }, ...(ngDevMode ? [{ debugName: "minPagination" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minPagination" }] : /* istanbul ignore next */ []));
     const isFirstPageLoaded = computed(() => {
         const min = minPagination();
         return min ? loadedMinPage() === min.currentPage : false;
-    }, ...(ngDevMode ? [{ debugName: "isFirstPageLoaded" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFirstPageLoaded" }] : /* istanbul ignore next */ []));
     const isLastPageLoaded = computed(() => {
         const max = maxPagination();
         return max ? loadedMaxPage() === max.totalPages : false;
-    }, ...(ngDevMode ? [{ debugName: "isLastPageLoaded" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLastPageLoaded" }] : /* istanbul ignore next */ []));
     const fetchPreviousPage = () => {
         const page = loadedMinPage() - 1;
         const allResponses = stack.response();
@@ -2019,25 +2360,29 @@ const createPagedQueryStack = (options) => {
         const page = resetOptions?.initialPage ?? initialPage();
         initialPage.set(page);
         pageDirection.set('next');
-        lastResetTimestamp.set(Date.now());
+        resetTrigger.update((v) => v + 1);
     };
     const canFetchPreviousPage = computed(() => {
         const currentMinPagination = minPagination();
         if (!currentMinPagination)
             return false;
         return loadedMinPage() > 1;
-    }, ...(ngDevMode ? [{ debugName: "canFetchPreviousPage" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canFetchPreviousPage" }] : /* istanbul ignore next */ []));
     const canFetchNextPage = computed(() => {
         const currentMaxPagination = maxPagination();
         return currentMaxPagination ? loadedMaxPage() < currentMaxPagination.totalPages : false;
-    }, ...(ngDevMode ? [{ debugName: "canFetchNextPage" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canFetchNextPage" }] : /* istanbul ignore next */ []));
     const items = computed(() => {
         const res = stack.response();
         return res.map((r) => responseNormalizer(r, res).items).flat();
-    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     const isFirstLoad = computed(() => {
         return stack.queries().length === 1 && !!stack.lastQuery()?.loading();
-    }, ...(ngDevMode ? [{ debugName: "isFirstLoad" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFirstLoad" }] : /* istanbul ignore next */ []));
     const execute = (options) => {
         const whereFn = options?.where;
         if (whereFn) {
@@ -2096,6 +2441,16 @@ const createPagedQueryStack = (options) => {
         reset,
         execute,
     };
+    if (isQueryDevtoolsEnabled()) {
+        const unregister = registerQueryDevtoolsEntry({
+            kind: 'paged-query-stack',
+            handle: pagedQuery,
+            meta: {
+                featureTypes: features?.map((f) => f.type),
+            },
+        });
+        inject(DestroyRef).onDestroy(unregister);
+    }
     return pagedQuery;
 };
 
@@ -2210,7 +2565,8 @@ function effectComputed(computation, injector) {
         // Ignore errors in the initial computation
         // Angular might throw an error if required inputs are read but not available yet
     }
-    const lastResult = signal(initialData, ...(ngDevMode ? [{ debugName: "lastResult" }] : []));
+    const lastResult = signal(initialData, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastResult" }] : /* istanbul ignore next */ []));
     effect(() => {
         const data = runInInjectionContext(injector, () => computation());
         untracked(() => {
@@ -2261,7 +2617,8 @@ function queryStateSignal(source, options) {
     })), {
         initialValue: null,
     });
-    const rwSignal = linkedSignal(roSignal, ...(ngDevMode ? [{ debugName: "rwSignal" }] : []));
+    const rwSignal = linkedSignal(roSignal, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rwSignal" }] : /* istanbul ignore next */ []));
     return rwSignal;
 }
 function queryStateResponseSignal(source, options) {
@@ -2269,7 +2626,8 @@ function queryStateResponseSignal(source, options) {
     const dataSignal = computed(() => {
         const state = s();
         return isQueryStateSuccess(state) ? state.response : null;
-    }, ...(ngDevMode ? [{ debugName: "dataSignal" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataSignal" }] : /* istanbul ignore next */ []));
     dataSignal['reset'] = () => {
         s.set(null);
     };
@@ -2352,7 +2710,8 @@ class V2QueryCreator {
         };
         this.createSignal = (initialValue, config) => {
             assertInInjectionContext(this.createSignal);
-            const _signal = signal(initialValue ?? null, ...(ngDevMode ? [{ debugName: "_signal" }] : []));
+            const _signal = signal(initialValue ?? null, /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "_signal" }] : /* istanbul ignore next */ []));
             addQueryContainerHandling(toObservable(_signal), () => _signal(), config);
             return _signal;
         };
@@ -2622,16 +2981,25 @@ const createSecureExecuteFactory = (options) => {
     const circularChecker = circularQueryDependencyChecker();
     let authQuerySubscription = Subscription.EMPTY;
     let tokenRefreshSubscription = Subscription.EMPTY;
+    let tokenWaitSubscription = Subscription.EMPTY;
     const reset = () => {
         authQuerySubscription.unsubscribe();
         authQuerySubscription = Subscription.EMPTY;
         tokenRefreshSubscription.unsubscribe();
         tokenRefreshSubscription = Subscription.EMPTY;
+        tokenWaitSubscription.unsubscribe();
+        tokenWaitSubscription = Subscription.EMPTY;
         resetExecuteState({
             executeState,
             executeOptions: { deps: options.deps, state: options.state },
         });
     };
+    // A logout tears down the secure entries in the repository, but the query object holding one keeps
+    // its own `response`/`error` signals — so without this a component still mounted after logout goes
+    // on rendering the previous user's data until something calls `reset()` by hand.
+    options.deps.client.repository.events$
+        .pipe(filter((event) => event.type === 'unbind-all-secure'), takeUntilDestroyed(options.deps.destroyRef))
+        .subscribe(() => reset());
     const error = (query) => {
         const state = options.state;
         state.error.set(query.error());
@@ -2667,11 +3035,27 @@ const createSecureExecuteFactory = (options) => {
             },
         }, tokens, headers, executeState);
     };
+    // The auth query completing and the access token being populated happen on two
+    // different reactive timelines: the token is set by a separate token-extraction
+    // effect (see `setupBearerQueryRegistry`), and for cross-client / secure auth
+    // queries the completion is delivered through several nested `toObservable` hops.
+    // Calling `authAndExec` purely because the auth query is "done" therefore races
+    // the token and can run while it is still null. Gate on the token signal instead:
+    // execute immediately if it is already available, otherwise wait for it.
+    const authAndExecWhenTokenReady = (executeArgs) => {
+        if (options.authProvider.accessToken()) {
+            authAndExec(executeArgs);
+            return;
+        }
+        tokenWaitSubscription.unsubscribe();
+        tokenWaitSubscription = toObservable(options.authProvider.accessToken, {
+            injector: options.deps.injector,
+        })
+            .pipe(filter(Boolean), take(1), tap(() => authAndExec(executeArgs)))
+            .subscribe();
+    };
     const exec = (executeArgs) => {
         circularChecker.check();
-        // Make sure all effects are flushed before reading the args.
-        // A withArgs feature effect might still be pending otherwise resulting in the wrong args being read.
-        options.deps.effectScheduler.flush();
         const execArgsWithDefaults = {
             args: executeArgs?.args ?? options.state.args(),
             options: executeArgs?.options,
@@ -2680,6 +3064,8 @@ const createSecureExecuteFactory = (options) => {
         authQuerySubscription = Subscription.EMPTY;
         tokenRefreshSubscription.unsubscribe();
         tokenRefreshSubscription = Subscription.EMPTY;
+        tokenWaitSubscription.unsubscribe();
+        tokenWaitSubscription = Subscription.EMPTY;
         tokenRefreshSubscription = options.authProvider.afterTokenRefresh$
             .pipe(filter(() => {
             const currentError = options.state.error();
@@ -2707,14 +3093,14 @@ const createSecureExecuteFactory = (options) => {
                         error(query);
                     }
                     else if (query.response()) {
-                        authAndExec(execArgsWithDefaults);
+                        authAndExecWhenTokenReady(execArgsWithDefaults);
                     }
                 }));
             }))
                 .subscribe();
         }
         else if (authQuery.response()) {
-            authAndExec(execArgsWithDefaults);
+            authAndExecWhenTokenReady(execArgsWithDefaults);
         }
         else if (authQuery.error()) {
             error(authQuery);
@@ -2931,10 +3317,18 @@ class LegacyQuery {
     get _isInMockMode() {
         return false;
     }
-    constructor(newQuery, _arguments, entity) {
+    constructor(newQuery, _arguments, entity, 
+    /**
+     * Wraps an inert query — see `createInertQuery`. Skips everything that needs a live injector,
+     * so the wrapper is safe to build during teardown.
+     *
+     * @internal
+     */
+    _isInert = false) {
         this.newQuery = newQuery;
         this._arguments = _arguments;
         this.entity = entity;
+        this._isInert = _isInert;
         /**
          * @internal
          */
@@ -2944,22 +3338,11 @@ class LegacyQuery {
          */
         this._currentPollConfig = null;
         /**
+         * `null` for an inert query — there is no live injector to own an effect.
+         *
          * @internal
          */
-        this.storeSyncEffect = effect(() => {
-            const res = this.newQuery.response();
-            untracked(() => {
-                if (this.entity?.set) {
-                    const id = this.entity.id({ args: this._arguments, response: res });
-                    this.entity.set({
-                        args: this._arguments,
-                        response: res,
-                        id,
-                        store: this.entity.store,
-                    });
-                }
-            });
-        }, ...(ngDevMode ? [{ debugName: "storeSyncEffect" }] : []));
+        this.storeSyncEffect = null;
         /**
          * @internal
          */
@@ -2972,15 +3355,50 @@ class LegacyQuery {
          * @internal
          */
         this._isPollingPaused = false;
+        this._isDestroyed = false;
+        if (this._isInert) {
+            this.state$ = of(transformExecStateToQueryState(null));
+            this._isDestroyed = true;
+            return;
+        }
         this.state$ = toObservable(this.newQuery.executionState, { injector: this.newQuery.subtle.injector }).pipe(map((execState) => transformExecStateToQueryState(execState)), switchMap((s) => this._transformState(s)), shareReplay({ bufferSize: 1, refCount: true }));
-        this.newQuery.subtle.destroyRef.onDestroy(() => this.destroy());
-    }
-    destroy() {
+        this.storeSyncEffect = effect(() => {
+            const res = this.newQuery.response();
+            untracked(() => {
+                if (this.entity?.set) {
+                    const id = this.entity.id({ args: this._arguments, response: res });
+                    this.entity.set({
+                        args: this._arguments,
+                        response: res,
+                        id,
+                        store: this.entity.store,
+                    });
+                }
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "storeSyncEffect" }] : /* istanbul ignore next */ []));
+        // Tear down only what this wrapper owns. The underlying query is already being destroyed when this fires, so
+        // destroying it again would call `R3Injector.destroy()` on an injector that is mid-teardown, which throws
+        // NG0205 ("Injector has already been destroyed") from inside the view's cleanup phase.
+        this.newQuery.subtle.destroyRef.onDestroy(() => this._teardown());
+    }
+    _teardown() {
+        if (this._isDestroyed) {
+            return;
+        }
+        this._isDestroyed = true;
         this._pollingSubscription?.unsubscribe();
         this._pollingSubscription = null;
         this._dependentsChanged$.complete();
+        this.storeSyncEffect?.destroy();
+    }
+    destroy() {
+        if (this._isDestroyed) {
+            return;
+        }
+        this._teardown();
+        // Re-enters `_teardown` through the query's `destroyRef`, which the `_isDestroyed` guard absorbs.
         this.newQuery.subtle.destroy();
-        this.storeSyncEffect.destroy();
     }
     execute(options = {}) {
         untracked(() => this.newQuery.execute({ args: this._arguments, options: { allowCache: options.skipCache !== true } }));
@@ -2994,7 +3412,8 @@ class LegacyQuery {
         return this;
     }
     poll(config) {
-        if (this._pollingSubscription) {
+        // An inert or already destroyed query has nothing to poll, and the interval would outlive it.
+        if (this._pollingSubscription || this._isDestroyed) {
             return this;
         }
         this._currentPollConfig = config;
@@ -3079,11 +3498,89 @@ class LegacyQuery {
     }
 }
 
+/**
+ * A query that never executes and never leaves its initial state.
+ *
+ * `LegacyQueryCreator.prepare()` hands one back when the injector it was given is already destroyed
+ * — the shape v2 call sites still fire into during teardown (a debounced search resolving after the
+ * user navigated away, an RxJS callback on a stream that has not been unsubscribed yet). v2 had no
+ * injector at all there, so the same code used to be harmless; building a real query would now
+ * throw NG0205 from inside the view's cleanup phase, with no hint about which query caused it.
+ *
+ * Everything reads as "prepared but never executed": `execute()` and friends are no-ops, signals
+ * stay `null`, observables complete immediately. Nothing here touches Angular's DI, which is the
+ * point — there is no live injector left to bind to.
+ */
+const createInertQuery = () => {
+    const inertSignal = (value) => Object.assign(signal(value), { asObservable: () => of(value) });
+    const noop = () => {
+        /* the query is inert — there is nothing to execute, reset or destroy */
+    };
+    const base = {
+        args: inertSignal(null),
+        response: inertSignal(null),
+        latestHttpEvent: inertSignal(null),
+        loading: inertSignal(null),
+        error: inertSignal(null),
+        lastTimeExecutedAt: inertSignal(null),
+        triggeredBy: inertSignal(null),
+        id: inertSignal(null),
+        executionState: inertSignal(null),
+    };
+    const createSnapshot = () => ({ ...base, isAlive: inertSignal(false) });
+    // A DestroyRef that is already destroyed: callbacks registered on it are dropped rather than
+    // stored, so nothing keeps this object (or its registrant) alive.
+    const destroyRef = {
+        destroyed: true,
+        onDestroy: () => noop,
+    };
+    return {
+        ...base,
+        execute: noop,
+        createSnapshot,
+        reset: noop,
+        asReadonly: () => ({ ...base, createSnapshot }),
+        subtle: {
+            destroy: noop,
+            setResponse: noop,
+            setLoading: noop,
+            setError: noop,
+            request: inertSignal(null),
+            destroyRef,
+            injector: Injector.NULL,
+        },
+    };
+};
+
+/**
+ * Whether an injector can still be used. A destroyed `R3Injector` throws on `get()` rather than
+ * answering, so the throw itself is the answer; a node injector hands back a `DestroyRef` that
+ * reports its own state.
+ */
+const isInjectorUsable = (injector) => {
+    try {
+        return injector.get(DestroyRef, null, { optional: true })?.destroyed !== true;
+    }
+    catch {
+        return false;
+    }
+};
 class LegacyQueryCreator {
     constructor(options) {
         this.options = options;
         this.prepare = (args) => {
-            const injector = args?.injector ?? inject(Injector);
+            // v2's `prepare()` needed no injection context, so plenty of call sites are plain callbacks.
+            // Angular's raw NG0203 names neither the query nor the call site, which makes those a bisection
+            // exercise — replace it with an error that does.
+            const injector = args?.injector ??
+                (() => {
+                    try {
+                        return inject(Injector);
+                    }
+                    catch {
+                        throw legacyPrepareWithoutInjectionContext(this.options.name);
+                    }
+                })();
             let headers = new HttpHeaders();
             if (args?.headers) {
                 Object.entries(args.headers).forEach(([key, value]) => {
@@ -3098,6 +3595,17 @@ class LegacyQueryCreator {
                 ...(args?.queryParams ? { queryParams: args.queryParams } : {}),
                 headers,
             };
+            // A captured component injector routinely outlives its component here: a debounced search
+            // resolving after navigation, an RxJS callback on a stream torn down a tick later. That is not
+            // a programming error the way it would be in new code — v2 had no injector to destroy — so it
+            // yields a query that does nothing instead of an NG0205 raised from the view's cleanup phase.
+            if (!isInjectorUsable(injector)) {
+                if (isDevMode()) {
+                    console.warn(`${this.options.name ? `"${this.options.name}"` : 'A legacy query'}.prepare() was called with a destroyed injector, so an inert query was returned. ` +
+                        `This usually means a callback outlived the component whose injector it captured — guard the call site with DestroyRef.onDestroy, or pass an injector that outlives it.`);
+                }
+                return new LegacyQuery(createInertQuery(), queryArgs, this.options.entity, true);
+            }
             return runInInjectionContext(injector, () => {
                 return untracked(() => {
                     const newQuery = this.options.creator({
@@ -3112,7 +3620,8 @@ class LegacyQueryCreator {
                                 legacyQuery.destroy();
                                 destroyEffect.destroy();
                             }
-                        }, ...(ngDevMode ? [{ debugName: "destroyEffect" }] : []));
+                        }, /* @ts-ignore */
+                        ...(ngDevMode ? [{ debugName: "destroyEffect" }] : /* istanbul ignore next */ []));
                     }
                     return legacyQuery;
                 });
@@ -3124,7 +3633,8 @@ class LegacyQueryCreator {
             return subject;
         };
         this.createSignal = (initialValue, config) => {
-            const _signal = signal(initialValue ?? null, ...(ngDevMode ? [{ debugName: "_signal" }] : []));
+            const _signal = signal(initialValue ?? null, /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "_signal" }] : /* istanbul ignore next */ []));
             addQueryContainerHandling(toObservable(_signal), () => _signal(), config);
             return _signal;
         };
@@ -3263,15 +3773,20 @@ const isQueryCollection = (query) => {
 const createQueryCollection = (
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 queryMap) => new BehaviorSubject(null);
-const createQueryCollectionSubject = (queryMap, config) => {
+const createQueryCollectionSubject = (
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+queryMap, config) => {
     assertInInjectionContext(createQueryCollectionSubject);
     const subject = new BehaviorSubject(null);
     addQueryContainerHandling(subject.pipe(map((s) => s?.query ?? null)), () => subject.getValue()?.query ?? null, config);
     return subject;
 };
-const createQueryCollectionSignal = (queryMap, config) => {
+const createQueryCollectionSignal = (
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+queryMap, config) => {
     assertInInjectionContext(createQueryCollectionSignal);
-    const _signal = signal(null, ...(ngDevMode ? [{ debugName: "_signal" }] : []));
+    const _signal = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_signal" }] : /* istanbul ignore next */ []));
     addQueryContainerHandling(toObservable(_signal).pipe(map((s) => s?.query ?? null)), () => _signal()?.query ?? null, config);
     return _signal;
 };
@@ -4005,7 +4520,8 @@ class V2BearerAuthProvider {
 }
 
 const [provideInfinityQueryResponseDelay, injectInfinityQueryResponseDelay] = createProvider(() => {
-    const enabled = signal(false, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
+    const enabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
     const enabled$ = toObservable(enabled);
     return {
         enabled,
@@ -4214,7 +4730,7 @@ class InfinityQueryDirective {
     get data$() {
         return this._data$.asObservable();
     }
-    static ngTemplateContextGuard(dir, ctx) {
+    static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
     constructor() {
@@ -4316,13 +4832,13 @@ class InfinityQueryDirective {
         this._viewContext.currentQuery = null;
         this._data$.next([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: InfinityQueryDirective, isStandalone: true, selector: "[etInfinityQuery]", inputs: { infinityQuery: ["etInfinityQuery", "infinityQuery"] }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: InfinityQueryDirective, isStandalone: true, selector: "[etInfinityQuery]", inputs: { infinityQuery: ["etInfinityQuery", "infinityQuery"] }, providers: [
             { provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective },
             provideInfinityQueryResponseDelay(),
         ], exportAs: ["etInfinityQuery"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InfinityQueryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etInfinityQuery]',
@@ -4344,10 +4860,13 @@ class InfinityQueryTriggerDirective {
         this._destroy = new Subject();
         this._observer = null;
         this.click$ = fromEvent(this._elementRef.nativeElement, 'click');
-        this.scrollContainerSelector = input(null, ...(ngDevMode ? [{ debugName: "scrollContainerSelector" }] : []));
+        this.scrollContainerSelector = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollContainerSelector" }] : /* istanbul ignore next */ []));
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.infinityQueryOverride = input(null, ...(ngDevMode ? [{ debugName: "infinityQueryOverride" }] : []));
-        this.infinityQuery = computed(() => this.infinityQueryOverride() ?? this._infinityQuery, ...(ngDevMode ? [{ debugName: "infinityQuery" }] : []));
+        this.infinityQueryOverride = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "infinityQueryOverride" }] : /* istanbul ignore next */ []));
+        this.infinityQuery = computed(() => this.infinityQueryOverride() ?? this._infinityQuery, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "infinityQuery" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         const isInteractive = this._elementRef.nativeElement.tagName === 'BUTTON';
@@ -4379,10 +4898,10 @@ class InfinityQueryTriggerDirective {
         });
         this._observer.observe(this._elementRef.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[etInfinityQueryTrigger], et-infinity-query-trigger", inputs: { scrollContainerSelector: { classPropertyName: "scrollContainerSelector", publicName: "scrollContainerSelector", isSignal: true, isRequired: false, transformFunction: null }, infinityQueryOverride: { classPropertyName: "infinityQueryOverride", publicName: "infinityQueryOverride", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[etInfinityQueryTrigger], et-infinity-query-trigger", inputs: { scrollContainerSelector: { classPropertyName: "scrollContainerSelector", publicName: "scrollContainerSelector", isSignal: true, isRequired: false, transformFunction: null }, infinityQueryOverride: { classPropertyName: "infinityQueryOverride", publicName: "infinityQueryOverride", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etInfinityQueryTrigger], et-infinity-query-trigger',
@@ -4390,7 +4909,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }], propDecorators: { scrollContainerSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollContainerSelector", required: false }] }], infinityQueryOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "infinityQueryOverride", required: false }] }] } });
 
 class QueryDirective {
-    static ngTemplateContextGuard(dir, ctx) {
+    static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
     constructor() {
@@ -4406,8 +4925,8 @@ class QueryDirective {
             scope: null,
             query: null,
         };
-        this.query = input.required({ ...(ngDevMode ? { debugName: "query" } : {}), alias: 'etQuery' });
-        this.cache = input(false, { ...(ngDevMode ? { debugName: "cache" } : {}), alias: 'etQueryCache' });
+        this.query = input.required({ ...(ngDevMode ? { debugName: "query" } : /* istanbul ignore next */ {}), alias: 'etQuery' });
+        this.cache = input(false, { ...(ngDevMode ? { debugName: "cache" } : /* istanbul ignore next */ {}), alias: 'etQueryCache' });
         this.queryState = queryStateSignal(this.query);
         inject(ViewContainerRef).createEmbeddedView(inject(TemplateRef), this._viewContext);
         effect(() => {
@@ -4468,10 +4987,10 @@ class QueryDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: QueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: QueryDirective, isStandalone: true, selector: "[etQuery]", inputs: { query: { classPropertyName: "query", publicName: "etQuery", isSignal: true, isRequired: true, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "etQueryCache", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: QueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: QueryDirective, isStandalone: true, selector: "[etQuery]", inputs: { query: { classPropertyName: "query", publicName: "etQuery", isSignal: true, isRequired: true, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "etQueryCache", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: QueryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: QueryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etQuery]',
@@ -4492,10 +5011,10 @@ class QueryShortNamePipe {
         }
         return route;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: QueryShortNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: QueryShortNamePipe, isStandalone: true, name: "queryShortName" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: QueryShortNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: QueryShortNamePipe, isStandalone: true, name: "queryShortName" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: QueryShortNamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: QueryShortNamePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'queryShortName' }]
         }] });
@@ -4517,34 +5036,45 @@ class QueryDevtoolsComponent {
         this._cdr = inject(ChangeDetectorRef);
         this._destroy$ = createDestroy();
         this.queryClientConfigs = inject(QUERY_CLIENT_DEVTOOLS_TOKEN);
-        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-        this.isTranslucent = signal(false, ...(ngDevMode ? [{ debugName: "isTranslucent" }] : []));
-        this.snapLayout = signal('full', ...(ngDevMode ? [{ debugName: "snapLayout" }] : []));
-        this.queryListMode = signal('live', ...(ngDevMode ? [{ debugName: "queryListMode" }] : []));
-        this.viewMode = signal('query', ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
-        this.showResponse = signal(false, ...(ngDevMode ? [{ debugName: "showResponse" }] : []));
-        this.showRawResponse = signal(false, ...(ngDevMode ? [{ debugName: "showRawResponse" }] : []));
-        this.showQueryConfig = signal(false, ...(ngDevMode ? [{ debugName: "showQueryConfig" }] : []));
-        this.showEntityStoreValue = signal(false, ...(ngDevMode ? [{ debugName: "showEntityStoreValue" }] : []));
-        this.showArguments = signal(false, ...(ngDevMode ? [{ debugName: "showArguments" }] : []));
+        this.isOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.isTranslucent = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isTranslucent" }] : /* istanbul ignore next */ []));
+        this.snapLayout = signal('full', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "snapLayout" }] : /* istanbul ignore next */ []));
+        this.queryListMode = signal('live', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryListMode" }] : /* istanbul ignore next */ []));
+        this.viewMode = signal('query', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewMode" }] : /* istanbul ignore next */ []));
+        this.showResponse = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showResponse" }] : /* istanbul ignore next */ []));
+        this.showRawResponse = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showRawResponse" }] : /* istanbul ignore next */ []));
+        this.showQueryConfig = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showQueryConfig" }] : /* istanbul ignore next */ []));
+        this.showEntityStoreValue = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showEntityStoreValue" }] : /* istanbul ignore next */ []));
+        this.showArguments = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showArguments" }] : /* istanbul ignore next */ []));
         this.selectedClientIdCtrl = new FormControl(0);
         this.selectedClientId = toSignal(this.selectedClientIdCtrl.valueChanges.pipe(startWith(this.selectedClientIdCtrl.value)));
-        this.selectedQueryId = signal(null, ...(ngDevMode ? [{ debugName: "selectedQueryId" }] : []));
+        this.selectedQueryId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedQueryId" }] : /* istanbul ignore next */ []));
         this.selectedClientConfig = computed(() => {
-            if (this.queryClientConfigs.length === 1) {
-                return this.queryClientConfigs[0];
-            }
-            const index = this.selectedClientId() ?? 0;
-            const cfg = this.queryClientConfigs[index];
-            if (!cfg) {
-                return this.queryClientConfigs[0];
-            }
-            return cfg;
-        }, ...(ngDevMode ? [{ debugName: "selectedClientConfig" }] : []));
+            const configs = this.queryClientConfigs;
+            const index = configs.length === 1 ? 0 : (this.selectedClientId() ?? 0);
+            const config = configs[index] ?? configs[0];
+            if (!config) {
+                throw new Error('QueryDevtools: no query client configs registered');
+            }
+            return config;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedClientConfig" }] : /* istanbul ignore next */ []));
         this.queryStore = computed(() => {
             const config = this.selectedClientConfig();
             return config.client._store;
-        }, ...(ngDevMode ? [{ debugName: "queryStore" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryStore" }] : /* istanbul ignore next */ []));
         this.queryStore$ = toObservable(this.queryStore);
         this._queries$ = new BehaviorSubject([]);
         this.queries = toSignal(this._queries$);
@@ -4558,14 +5088,16 @@ class QueryDevtoolsComponent {
                 return this.queries()?.find((q) => q._id === id) ?? null;
             }
             return this.queryHistory$.getValue()?.find((q) => q._id === id) ?? null;
-        }, ...(ngDevMode ? [{ debugName: "selectedQuery" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedQuery" }] : /* istanbul ignore next */ []));
         this.selectedQuery$ = toObservable(this.selectedQuery);
         this.selectedQueryEntityStore = computed(() => {
             const query = this.selectedQuery();
             if (!query)
                 return null;
             return query.store;
-        }, ...(ngDevMode ? [{ debugName: "selectedQueryEntityStore" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedQueryEntityStore" }] : /* istanbul ignore next */ []));
         this.selectedQueryEntityStore$ = toObservable(this.selectedQueryEntityStore);
         this.selectedQueryEntityStoreValue$ = this.selectedQueryEntityStore$.pipe(switchMap((s) => s?._change$.pipe(startWith(''), map(() => {
             if (!s._dictionary)
@@ -4603,7 +5135,8 @@ class QueryDevtoolsComponent {
             return {
                 ...sharedCfg,
             };
-        }, ...(ngDevMode ? [{ debugName: "stringifiedQueryConfig" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stringifiedQueryConfig" }] : /* istanbul ignore next */ []));
         this.authProvider = toSignal(toObservable(this.selectedClientConfig).pipe(switchMap((c) => c.client.authProvider$)));
         this.authProviderDetails = computed(() => {
             const provider = this.authProvider();
@@ -4665,7 +5198,8 @@ class QueryDevtoolsComponent {
                     config: {},
                 };
             }
-        }, ...(ngDevMode ? [{ debugName: "authProviderDetails" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "authProviderDetails" }] : /* istanbul ignore next */ []));
         this.trackByClient = (_, { client }) => client.config.baseRoute;
         this.trackByQuery = (_, { _id }) => _id;
         this.selectedClientIdCtrl.valueChanges
@@ -4786,14 +5320,14 @@ class QueryDevtoolsComponent {
     clearQueryHistory() {
         this.queryHistory$.next([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: QueryDevtoolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: QueryDevtoolsComponent, isStandalone: true, selector: "et-query-devtools", host: { classAttribute: "et-query-devtools" }, ngImport: i0, template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Query Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Inspector</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('live'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live Queries ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('history'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Query History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history' && viewMode() === 'query') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n\n          <div class=\"et-qd-queries__divider\"></div>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': viewMode() !== 'authProvider' }\"\n            (click)=\"selectViewMode('authProvider')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Auth Provider\n          </button>\n        </div>\n\n        @if (viewMode() === 'query') {\n          <div class=\"et-qd-queries__browser\">\n            @if (queryListMode() === 'live') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queries(); track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            @if (queryListMode() === 'history') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            <div class=\"et-qd-queries__browser-detail\">\n              @if (selectedQuery(); as query) {\n                <p class=\"et-qd-queries__browser-detail__title\">\n                  {{ query._queryConfig.method }} {{ query._routeWithParams }}\n                </p>\n\n                <div class=\"et-qd-queries__actions\">\n                  <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                  <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                    Execute (ignore cache)\n                  </button>\n\n                  <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                  <div class=\"et-qd-queries__divider\"></div>\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                    (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Poll\n                  </button>\n\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                    (click)=\"query.stopPolling()\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Stop polling\n                  </button>\n                  @if (query.isPolling || query._isPollingPaused) {\n                    <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Pause polling\n                    </button>\n                    <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Resume polling\n                    </button>\n                  }\n                </div>\n\n                <div class=\"et-qd-list\">\n                  <div class=\"et-qd-list-item\">\n                    <p>State type</p>\n                    <pre>{{ query.rawState.type }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Dependents</p>\n                    <pre>{{ query._dependents | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is expired</p>\n                    <pre>{{ query.isExpired }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is in use</p>\n                    <pre>{{ query.isInUse }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Subscriber count</p>\n                    <pre>{{ query._subscriberCount }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling</p>\n                    <pre>{{ query.isPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling paused</p>\n                    <pre>{{ query._isPollingPaused }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Enable smart polling</p>\n                    <pre>{{ query._enableSmartPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query store key</p>\n                    <pre>{{ query._queryStoreKey }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Arguments</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                        (click)=\"toggleShowArguments()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showArguments()) {\n                      <pre>{{ query._arguments | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>State</p>\n                    <p><i> Warning, this will cause a subscription if shown!</i></p>\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                        (click)=\"toggleShowResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showResponse()) {\n                      <pre>{{ query.state$ | async | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Raw state</p>\n                    <p><i> The query state unaffected by entity stores</i></p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                        (click)=\"toggleShowRawResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showRawResponse()) {\n                      <pre>{{ query.rawState | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query config</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                        (click)=\"toggleShowQueryConfig()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showQueryConfig()) {\n                      <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                    }\n                  </div>\n\n                  @if (!!query._queryConfig.entity) {\n                    <div class=\"et-qd-list-item\">\n                      <p>Entity store value</p>\n\n                      <div>\n                        <button\n                          [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                          (click)=\"toggleShowEntityStoreValue()\"\n                          class=\"et-qd-chip et-qd-chip-bordered\"\n                        >\n                          Toggle\n                        </button>\n                      </div>\n                      @if (showEntityStoreValue()) {\n                        <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        } @else if (viewMode() === 'authProvider') {\n          <div class=\"et-qd-auth-provider__viewer\">\n            @if (authProviderDetails(); as details) {\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>Type</p>\n                  <pre>{{ details.type }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Header value</p>\n                  <pre>{{ details.header() | json }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Config</p>\n                  <pre>{{ details.config | json }}</pre>\n                </div>\n\n                @if (details.type === 'BearerAuthProvider') {\n                  <div class=\"et-qd-list-item\">\n                    <p>Tokens</p>\n                    <pre>{{ details.provider.tokens$ | async | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Should refresh on unauthorized response</p>\n                    <pre>{{ details.provider.shouldRefreshOnUnauthorizedResponse }}</pre>\n                  </div>\n\n                  <ng-container\n                    *etQuery=\"\n                      details.provider.currentRefreshQuery$ | async as response;\n                      loading as loading;\n                      error as error;\n                      query as query\n                    \"\n                  >\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query response</p>\n\n                      <div>\n                        <button (click)=\"details.provider._refreshQuery()\" class=\"et-qd-chip et-qd-chip-bordered\">\n                          Refresh\n                        </button>\n                      </div>\n                      <pre>{{ response | json }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query loading</p>\n                      <pre>{{ loading }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query error</p>\n                      <pre>{{ error ?? 'null' }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>State</p>\n                      <pre>{{ query?.state$ | async | json }}</pre>\n                    </div>\n                  </ng-container>\n                }\n              </div>\n            } @else {\n              <p>No auth provider set</p>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}button.et-query-devtools-open-btn{position:fixed;inset-inline-end:20px;inset-block-end:0;z-index:9999;font-family:monospace;border-radius:3px 3px 0 0;line-height:14px;font-size:12px}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid rgb(59.734939759,66.1927710843,74.265060241);list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px;display:block}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-auth-provider__viewer{border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-left:-12px;margin-right:-12px;margin-bottom:-12px;padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: QueryDirective, selector: "[etQuery]", inputs: ["etQuery", "etQueryCache"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: QueryShortNamePipe, name: "queryShortName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: QueryDevtoolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: QueryDevtoolsComponent, isStandalone: true, selector: "et-query-devtools", host: { classAttribute: "et-query-devtools" }, ngImport: i0, template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Query Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Inspector</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('live'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live Queries ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('history'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Query History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history' && viewMode() === 'query') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n\n          <div class=\"et-qd-queries__divider\"></div>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': viewMode() !== 'authProvider' }\"\n            (click)=\"selectViewMode('authProvider')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Auth Provider\n          </button>\n        </div>\n\n        @if (viewMode() === 'query') {\n          <div class=\"et-qd-queries__browser\">\n            @if (queryListMode() === 'live') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queries(); track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            @if (queryListMode() === 'history') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            <div class=\"et-qd-queries__browser-detail\">\n              @if (selectedQuery(); as query) {\n                <p class=\"et-qd-queries__browser-detail__title\">\n                  {{ query._queryConfig.method }} {{ query._routeWithParams }}\n                </p>\n\n                <div class=\"et-qd-queries__actions\">\n                  <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                  <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                    Execute (ignore cache)\n                  </button>\n\n                  <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                  <div class=\"et-qd-queries__divider\"></div>\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                    (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Poll\n                  </button>\n\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                    (click)=\"query.stopPolling()\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Stop polling\n                  </button>\n                  @if (query.isPolling || query._isPollingPaused) {\n                    <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Pause polling\n                    </button>\n                    <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Resume polling\n                    </button>\n                  }\n                </div>\n\n                <div class=\"et-qd-list\">\n                  <div class=\"et-qd-list-item\">\n                    <p>State type</p>\n                    <pre>{{ query.rawState.type }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Dependents</p>\n                    <pre>{{ query._dependents | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is expired</p>\n                    <pre>{{ query.isExpired }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is in use</p>\n                    <pre>{{ query.isInUse }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Subscriber count</p>\n                    <pre>{{ query._subscriberCount }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling</p>\n                    <pre>{{ query.isPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling paused</p>\n                    <pre>{{ query._isPollingPaused }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Enable smart polling</p>\n                    <pre>{{ query._enableSmartPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query store key</p>\n                    <pre>{{ query._queryStoreKey }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Arguments</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                        (click)=\"toggleShowArguments()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showArguments()) {\n                      <pre>{{ query._arguments | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>State</p>\n                    <p><i> Warning, this will cause a subscription if shown!</i></p>\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                        (click)=\"toggleShowResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showResponse()) {\n                      <pre>{{ query.state$ | async | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Raw state</p>\n                    <p><i> The query state unaffected by entity stores</i></p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                        (click)=\"toggleShowRawResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showRawResponse()) {\n                      <pre>{{ query.rawState | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query config</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                        (click)=\"toggleShowQueryConfig()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showQueryConfig()) {\n                      <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                    }\n                  </div>\n\n                  @if (!!query._queryConfig.entity) {\n                    <div class=\"et-qd-list-item\">\n                      <p>Entity store value</p>\n\n                      <div>\n                        <button\n                          [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                          (click)=\"toggleShowEntityStoreValue()\"\n                          class=\"et-qd-chip et-qd-chip-bordered\"\n                        >\n                          Toggle\n                        </button>\n                      </div>\n                      @if (showEntityStoreValue()) {\n                        <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        } @else if (viewMode() === 'authProvider') {\n          <div class=\"et-qd-auth-provider__viewer\">\n            @if (authProviderDetails(); as details) {\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>Type</p>\n                  <pre>{{ details.type }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Header value</p>\n                  <pre>{{ details.header() | json }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Config</p>\n                  <pre>{{ details.config | json }}</pre>\n                </div>\n\n                @if (details.type === 'BearerAuthProvider') {\n                  <div class=\"et-qd-list-item\">\n                    <p>Tokens</p>\n                    <pre>{{ details.provider.tokens$ | async | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Should refresh on unauthorized response</p>\n                    <pre>{{ details.provider.shouldRefreshOnUnauthorizedResponse }}</pre>\n                  </div>\n\n                  <ng-container\n                    *etQuery=\"\n                      details.provider.currentRefreshQuery$ | async as response;\n                      loading as loading;\n                      error as error;\n                      query as query\n                    \"\n                  >\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query response</p>\n\n                      <div>\n                        <button (click)=\"details.provider._refreshQuery()\" class=\"et-qd-chip et-qd-chip-bordered\">\n                          Refresh\n                        </button>\n                      </div>\n                      <pre>{{ response | json }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query loading</p>\n                      <pre>{{ loading }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query error</p>\n                      <pre>{{ error ?? 'null' }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>State</p>\n                      <pre>{{ $safeNavigationMigration(query?.state$) | async | json }}</pre>\n                    </div>\n                  </ng-container>\n                }\n              </div>\n            } @else {\n              <p>No auth provider set</p>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}button.et-query-devtools-open-btn{position:fixed;inset-inline-end:20px;inset-block-end:0;z-index:9999;font-family:monospace;border-radius:3px 3px 0 0;line-height:14px;font-size:12px}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid rgb(59.734939759,66.1927710843,74.265060241);list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px;display:block}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-auth-provider__viewer{border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-left:-12px;margin-right:-12px;margin-bottom:-12px;padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: QueryDirective, selector: "[etQuery]", inputs: ["etQuery", "etQueryCache"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: QueryShortNamePipe, name: "queryShortName" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: QueryDevtoolsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: QueryDevtoolsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-query-devtools', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, host: {
+            args: [{ selector: 'et-query-devtools', encapsulation: ViewEncapsulation.ShadowDom, host: {
                         class: 'et-query-devtools',
-                    }, imports: [AsyncPipe, JsonPipe, ReactiveFormsModule, NgClass, QueryShortNamePipe, QueryDirective], template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Query Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Inspector</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('live'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live Queries ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('history'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Query History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history' && viewMode() === 'query') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n\n          <div class=\"et-qd-queries__divider\"></div>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': viewMode() !== 'authProvider' }\"\n            (click)=\"selectViewMode('authProvider')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Auth Provider\n          </button>\n        </div>\n\n        @if (viewMode() === 'query') {\n          <div class=\"et-qd-queries__browser\">\n            @if (queryListMode() === 'live') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queries(); track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            @if (queryListMode() === 'history') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            <div class=\"et-qd-queries__browser-detail\">\n              @if (selectedQuery(); as query) {\n                <p class=\"et-qd-queries__browser-detail__title\">\n                  {{ query._queryConfig.method }} {{ query._routeWithParams }}\n                </p>\n\n                <div class=\"et-qd-queries__actions\">\n                  <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                  <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                    Execute (ignore cache)\n                  </button>\n\n                  <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                  <div class=\"et-qd-queries__divider\"></div>\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                    (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Poll\n                  </button>\n\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                    (click)=\"query.stopPolling()\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Stop polling\n                  </button>\n                  @if (query.isPolling || query._isPollingPaused) {\n                    <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Pause polling\n                    </button>\n                    <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Resume polling\n                    </button>\n                  }\n                </div>\n\n                <div class=\"et-qd-list\">\n                  <div class=\"et-qd-list-item\">\n                    <p>State type</p>\n                    <pre>{{ query.rawState.type }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Dependents</p>\n                    <pre>{{ query._dependents | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is expired</p>\n                    <pre>{{ query.isExpired }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is in use</p>\n                    <pre>{{ query.isInUse }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Subscriber count</p>\n                    <pre>{{ query._subscriberCount }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling</p>\n                    <pre>{{ query.isPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling paused</p>\n                    <pre>{{ query._isPollingPaused }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Enable smart polling</p>\n                    <pre>{{ query._enableSmartPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query store key</p>\n                    <pre>{{ query._queryStoreKey }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Arguments</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                        (click)=\"toggleShowArguments()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showArguments()) {\n                      <pre>{{ query._arguments | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>State</p>\n                    <p><i> Warning, this will cause a subscription if shown!</i></p>\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                        (click)=\"toggleShowResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showResponse()) {\n                      <pre>{{ query.state$ | async | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Raw state</p>\n                    <p><i> The query state unaffected by entity stores</i></p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                        (click)=\"toggleShowRawResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showRawResponse()) {\n                      <pre>{{ query.rawState | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query config</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                        (click)=\"toggleShowQueryConfig()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showQueryConfig()) {\n                      <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                    }\n                  </div>\n\n                  @if (!!query._queryConfig.entity) {\n                    <div class=\"et-qd-list-item\">\n                      <p>Entity store value</p>\n\n                      <div>\n                        <button\n                          [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                          (click)=\"toggleShowEntityStoreValue()\"\n                          class=\"et-qd-chip et-qd-chip-bordered\"\n                        >\n                          Toggle\n                        </button>\n                      </div>\n                      @if (showEntityStoreValue()) {\n                        <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        } @else if (viewMode() === 'authProvider') {\n          <div class=\"et-qd-auth-provider__viewer\">\n            @if (authProviderDetails(); as details) {\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>Type</p>\n                  <pre>{{ details.type }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Header value</p>\n                  <pre>{{ details.header() | json }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Config</p>\n                  <pre>{{ details.config | json }}</pre>\n                </div>\n\n                @if (details.type === 'BearerAuthProvider') {\n                  <div class=\"et-qd-list-item\">\n                    <p>Tokens</p>\n                    <pre>{{ details.provider.tokens$ | async | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Should refresh on unauthorized response</p>\n                    <pre>{{ details.provider.shouldRefreshOnUnauthorizedResponse }}</pre>\n                  </div>\n\n                  <ng-container\n                    *etQuery=\"\n                      details.provider.currentRefreshQuery$ | async as response;\n                      loading as loading;\n                      error as error;\n                      query as query\n                    \"\n                  >\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query response</p>\n\n                      <div>\n                        <button (click)=\"details.provider._refreshQuery()\" class=\"et-qd-chip et-qd-chip-bordered\">\n                          Refresh\n                        </button>\n                      </div>\n                      <pre>{{ response | json }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query loading</p>\n                      <pre>{{ loading }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query error</p>\n                      <pre>{{ error ?? 'null' }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>State</p>\n                      <pre>{{ query?.state$ | async | json }}</pre>\n                    </div>\n                  </ng-container>\n                }\n              </div>\n            } @else {\n              <p>No auth provider set</p>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}button.et-query-devtools-open-btn{position:fixed;inset-inline-end:20px;inset-block-end:0;z-index:9999;font-family:monospace;border-radius:3px 3px 0 0;line-height:14px;font-size:12px}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid rgb(59.734939759,66.1927710843,74.265060241);list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px;display:block}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-auth-provider__viewer{border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-left:-12px;margin-right:-12px;margin-bottom:-12px;padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"] }]
+                    }, imports: [AsyncPipe, JsonPipe, ReactiveFormsModule, NgClass, QueryShortNamePipe, QueryDirective], template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Query Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Inspector</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('live'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live Queries ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' || viewMode() !== 'query' }\"\n            (click)=\"selectQueryListMode('history'); selectViewMode('query')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Query History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history' && viewMode() === 'query') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n\n          <div class=\"et-qd-queries__divider\"></div>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': viewMode() !== 'authProvider' }\"\n            (click)=\"selectViewMode('authProvider')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Auth Provider\n          </button>\n        </div>\n\n        @if (viewMode() === 'query') {\n          <div class=\"et-qd-queries__browser\">\n            @if (queryListMode() === 'live') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queries(); track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            @if (queryListMode() === 'history') {\n              <ul class=\"et-qd-queries__browser-list\">\n                @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                  <li>\n                    <button\n                      [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\"\n                      (click)=\"selectQuery(query)\"\n                    >\n                      <span> {{ query._queryConfig.method }}</span>\n                      <span> {{ query | queryShortName }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            <div class=\"et-qd-queries__browser-detail\">\n              @if (selectedQuery(); as query) {\n                <p class=\"et-qd-queries__browser-detail__title\">\n                  {{ query._queryConfig.method }} {{ query._routeWithParams }}\n                </p>\n\n                <div class=\"et-qd-queries__actions\">\n                  <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                  <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                    Execute (ignore cache)\n                  </button>\n\n                  <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                  <div class=\"et-qd-queries__divider\"></div>\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                    (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Poll\n                  </button>\n\n                  <button\n                    [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                    (click)=\"query.stopPolling()\"\n                    class=\"et-qd-chip et-qd-chip-bordered\"\n                  >\n                    Stop polling\n                  </button>\n                  @if (query.isPolling || query._isPollingPaused) {\n                    <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Pause polling\n                    </button>\n                    <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                      Resume polling\n                    </button>\n                  }\n                </div>\n\n                <div class=\"et-qd-list\">\n                  <div class=\"et-qd-list-item\">\n                    <p>State type</p>\n                    <pre>{{ query.rawState.type }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Dependents</p>\n                    <pre>{{ query._dependents | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is expired</p>\n                    <pre>{{ query.isExpired }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is in use</p>\n                    <pre>{{ query.isInUse }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Subscriber count</p>\n                    <pre>{{ query._subscriberCount }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling</p>\n                    <pre>{{ query.isPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Is polling paused</p>\n                    <pre>{{ query._isPollingPaused }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Enable smart polling</p>\n                    <pre>{{ query._enableSmartPolling }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query store key</p>\n                    <pre>{{ query._queryStoreKey }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Arguments</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                        (click)=\"toggleShowArguments()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showArguments()) {\n                      <pre>{{ query._arguments | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>State</p>\n                    <p><i> Warning, this will cause a subscription if shown!</i></p>\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                        (click)=\"toggleShowResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showResponse()) {\n                      <pre>{{ query.state$ | async | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Raw state</p>\n                    <p><i> The query state unaffected by entity stores</i></p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                        (click)=\"toggleShowRawResponse()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showRawResponse()) {\n                      <pre>{{ query.rawState | json }}</pre>\n                    }\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Query config</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                        (click)=\"toggleShowQueryConfig()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showQueryConfig()) {\n                      <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                    }\n                  </div>\n\n                  @if (!!query._queryConfig.entity) {\n                    <div class=\"et-qd-list-item\">\n                      <p>Entity store value</p>\n\n                      <div>\n                        <button\n                          [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                          (click)=\"toggleShowEntityStoreValue()\"\n                          class=\"et-qd-chip et-qd-chip-bordered\"\n                        >\n                          Toggle\n                        </button>\n                      </div>\n                      @if (showEntityStoreValue()) {\n                        <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        } @else if (viewMode() === 'authProvider') {\n          <div class=\"et-qd-auth-provider__viewer\">\n            @if (authProviderDetails(); as details) {\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>Type</p>\n                  <pre>{{ details.type }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Header value</p>\n                  <pre>{{ details.header() | json }}</pre>\n                </div>\n                <div class=\"et-qd-list-item\">\n                  <p>Config</p>\n                  <pre>{{ details.config | json }}</pre>\n                </div>\n\n                @if (details.type === 'BearerAuthProvider') {\n                  <div class=\"et-qd-list-item\">\n                    <p>Tokens</p>\n                    <pre>{{ details.provider.tokens$ | async | json }}</pre>\n                  </div>\n\n                  <div class=\"et-qd-list-item\">\n                    <p>Should refresh on unauthorized response</p>\n                    <pre>{{ details.provider.shouldRefreshOnUnauthorizedResponse }}</pre>\n                  </div>\n\n                  <ng-container\n                    *etQuery=\"\n                      details.provider.currentRefreshQuery$ | async as response;\n                      loading as loading;\n                      error as error;\n                      query as query\n                    \"\n                  >\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query response</p>\n\n                      <div>\n                        <button (click)=\"details.provider._refreshQuery()\" class=\"et-qd-chip et-qd-chip-bordered\">\n                          Refresh\n                        </button>\n                      </div>\n                      <pre>{{ response | json }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query loading</p>\n                      <pre>{{ loading }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>Refresh query error</p>\n                      <pre>{{ error ?? 'null' }}</pre>\n                    </div>\n                    <div class=\"et-qd-list-item\">\n                      <p>State</p>\n                      <pre>{{ $safeNavigationMigration(query?.state$) | async | json }}</pre>\n                    </div>\n                  </ng-container>\n                }\n              </div>\n            } @else {\n              <p>No auth provider set</p>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}button.et-query-devtools-open-btn{position:fixed;inset-inline-end:20px;inset-block-end:0;z-index:9999;font-family:monospace;border-radius:3px 3px 0 0;line-height:14px;font-size:12px}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid rgb(59.734939759,66.1927710843,74.265060241);list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid rgb(59.734939759,66.1927710843,74.265060241);background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px;display:block}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-auth-provider__viewer{border-top:1px solid rgb(59.734939759,66.1927710843,74.265060241);margin-left:-12px;margin-right:-12px;margin-bottom:-12px;padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"] }]
         }], ctorParameters: () => [] });
 
 class EntityStoreError extends Error {
@@ -4950,10 +5484,238 @@ const removeFrom = (store, { where, id }) => {
         .subscribe();
 };
 
-const generateUuid = () => crypto.randomUUID();
+/** `kind` of a `ValidationError` created from a single server violation. */
+const SERVER_VIOLATION_ERROR_KIND = 'etServerViolation';
+/** `kind` of the form-level fallback error created when a failed request carries no violations. */
+const SERVER_ERROR_KIND = 'etServerError';
+/**
+ * Extracts the violation list from a failed request in any of the shapes it may reach you:
+ * a `QueryErrorResponse` (from `query.error()` or a settled snapshot), a raw `HttpErrorResponse`,
+ * an already-unwrapped error body, or a plain violation array. Returns `[]` when the error
+ * carries no violations.
+ */
+const extractFormViolations = (error) => {
+    if (!error)
+        return [];
+    const body = isQueryErrorResponse(error) ? error.raw.error : error instanceof HttpErrorResponse ? error.error : error;
+    if (isSymfonyFormViolationListError(body)) {
+        return body.violations;
+    }
+    if (isSymfonyListError(body)) {
+        return body;
+    }
+    return [];
+};
+/**
+ * Maps a failed request's violations onto a signal-forms field tree as validation errors —
+ * the bridge between an API's violation list (`@ethlete/types` `FormViolationView`) and
+ * signal forms.
+ *
+ * Each violation's `propertyPath` (e.g. `items[2].name`) is resolved against `fieldTree`; a
+ * resolved violation becomes a `ServerViolationValidationError` bound to that field, an
+ * unresolved one becomes a form-level error (customizable via `onUnmappedViolation`). A failed
+ * request that carries no violations at all degrades to form-level `ServerValidationError`s
+ * built from the normalized error message — so returning this function's result from a
+ * `submit()` action never silently succeeds on failure.
+ *
+ * ```ts
+ * await submit(this.form, async (field) => {
+ *   const snapshot = await executeUntilSettled(this.createPost, { args: { body: field().value() } });
+ *   const error = snapshot.error();
+ *
+ *   if (!error) return;
+ *
+ *   return mapViolationsToFormErrors({ fieldTree: field, error });
+ * });
+ * ```
+ */
+const mapViolationsToFormErrors = (options) => {
+    const { fieldTree, error, rewritePath, onUnmappedViolation } = options;
+    if (error === null || error === undefined)
+        return [];
+    const violations = extractFormViolations(error);
+    if (!violations.length) {
+        // An empty violation array is an explicit "nothing to map" — only unrecognized error
+        // shapes degrade to the form-level fallback.
+        if (Array.isArray(error) && !error.length)
+            return [];
+        return createFallbackErrors(error);
+    }
+    const errors = [];
+    for (const violation of violations) {
+        const rawPath = violation.propertyPath;
+        const path = rawPath && rewritePath ? rewritePath(rawPath, violation) : rawPath;
+        const resolvedFieldTree = path ? resolveFieldTreePath(fieldTree, path) : null;
+        if (resolvedFieldTree) {
+            const mappedError = {
+                kind: SERVER_VIOLATION_ERROR_KIND,
+                message: violation.message,
+                fieldTree: resolvedFieldTree,
+                violation,
+            };
+            errors.push(mappedError);
+        }
+        else if (onUnmappedViolation) {
+            const customError = onUnmappedViolation(violation);
+            if (customError) {
+                errors.push(customError);
+            }
+        }
+        else {
+            const unmappedError = {
+                kind: SERVER_VIOLATION_ERROR_KIND,
+                message: violation.message,
+                violation,
+            };
+            errors.push(unmappedError);
+        }
+    }
+    return errors;
+};
+const createFallbackErrors = (error) => {
+    const queryError = isQueryErrorResponse(error) ? error : createQueryErrorResponse(error);
+    if (queryError.isList) {
+        return queryError.errors.map((item) => ({ kind: SERVER_ERROR_KIND, message: item.message }));
+    }
+    return [{ kind: SERVER_ERROR_KIND, message: queryError.error.message }];
+};
+/** Splits a property path like `items[2].name` or `translations['de'].title` into its segments. */
+const parsePropertyPath = (path) => {
+    return path
+        .replace(/\[(['"]?)([^\]]*?)\1\]/g, '.$2')
+        .split('.')
+        .filter((segment) => segment.length > 0);
+};
+const resolveFieldTreePath = (fieldTree, path) => {
+    let current = fieldTree;
+    for (const segment of parsePropertyPath(path)) {
+        if (current === null || (typeof current !== 'object' && typeof current !== 'function')) {
+            return null;
+        }
+        current = current[segment];
+    }
+    // A field tree node is callable (calling it returns the field state) — anything else means the
+    // path left the tree (e.g. an index past the array's current length).
+    return typeof current === 'function' ? current : null;
+};
+
+// Shared core for the query-backed async validators (`validateWithQuery` /
+// `validateWithV2Query`). Everything except how the query is executed — the `factory` that turns
+// the debounced params into a `Resource` — is identical between the v2 and v3 variants, so it is
+// factored here and imported by both. This module is intentionally NOT part of the `http` barrel;
+// it is internal plumbing consumed by direct path (the legacy variant already imports from `http`).
+/** Default debounce (ms) applied before a validate request runs, mirroring `selectOptionsFrom*Query`. */
+const DEFAULT_QUERY_VALIDATION_DEBOUNCE = 300;
+/**
+ * Turns a failed validate request into field errors — the default `onError` mapping shared by both
+ * validators. Reuses the existing `mapViolationsToFormErrors` bridge: a `422` violation list is
+ * resolved onto the child fields by `propertyPath`, while a network / non-violation error degrades
+ * to a non-swallowed form-level error. A caller-supplied `mapViolations` overrides only the
+ * violation → error step (it receives the already-extracted violations).
+ */
+const mapQueryValidationError = (error, ctx, mapViolations) => {
+    // Angular's `resource()` wraps a thrown non-`Error` (our `QueryErrorResponse` / `HttpErrorResponse`)
+    // into an `Error` and stashes the original on `.cause`, so unwrap it before extraction.
+    const cause = error instanceof Error && error.cause !== undefined ? error.cause : error;
+    if (mapViolations) {
+        return mapViolations(extractFormViolations(cause), ctx);
+    }
+    // `ctx.fieldTree` is the (read-only) tree of the validated field; `propertyPath`s resolve against
+    // it. The cast bridges `ReadonlyFieldTree` → `FieldTree` — `mapViolationsToFormErrors` only walks
+    // and reads the tree, never mutates it.
+    return mapViolationsToFormErrors({ fieldTree: ctx.fieldTree, error: cause });
+};
+/**
+ * Binds a query-backed async validator to `path` via `validateAsync`. Success (`204` / any `2xx`
+ * with no violation body) reports no errors; a failed request is mapped by
+ * {@link mapQueryValidationError}. Async validation only runs once the field's synchronous
+ * validators pass and while `when` holds — signal forms feeds the `factory` `undefined` params when
+ * the request shouldn't run, so the resource stays idle.
+ */
+const applyQueryAsyncValidator = (path, config) => {
+    validateAsync(path, {
+        params: config.params,
+        debounce: config.debounce ?? DEFAULT_QUERY_VALIDATION_DEBOUNCE,
+        factory: config.factory,
+        when: config.when,
+        onSuccess: () => null,
+        onError: (error, ctx) => mapQueryValidationError(error, ctx, config.mapViolations),
+    });
+};
+
+/**
+ * Binds a query-backed async validator to a signal-forms field, adapting a **legacy v2**
+ * `@ethlete/query` query into what `validateAsync` consumes — the `V2QueryClient` counterpart of
+ * {@link validateWithQuery}, so apps that haven't migrated yet can still validate against the
+ * server. The query runs through the client (bearer auth, base route, caching, Symfony error
+ * normalization), where a raw `httpResource` would fire unauthenticated and bypass the pipeline.
+ *
+ * The query is prepared and executed (debounced) as the field value changes, only after the
+ * field's synchronous validators pass. A `204` / successful response reports no errors; a
+ * `422 FormViolationListView` maps each violation onto its child field by `propertyPath`; a
+ * network / other error degrades to a non-swallowed form-level error.
+ *
+ * Call it from a schema definition, the same place you'd call `validateAsync`:
+ *
+ * ```ts
+ * const schema = schema<OpportunityEmail>((p) => {
+ *   validateWithV2Query(p, {
+ *     queryCreator: postOpportunityEmailValidate, // hubApiClient.post({ ... })
+ *     args: (ctx) => ({ pathParams: { opportunityId }, body: { ...ctx.value() } }),
+ *   });
+ * });
+ * ```
+ */
+const validateWithV2Query = (path, config) => {
+    applyQueryAsyncValidator(path, {
+        params: config.args,
+        debounce: config.debounce,
+        when: config.when,
+        mapViolations: config.mapViolations,
+        factory: (params) => resource({
+            params: () => params(),
+            loader: ({ params: prepareArgs, abortSignal }) => {
+                // Prepared per request — v2 caches by the prepared args, so a fresh `prepare()` is the
+                // legacy idiom (the sibling `selectOptionsFromV2Query` does the same via `queryComputed`).
+                const query = config.queryCreator.prepare(prepareArgs);
+                abortSignal.addEventListener('abort', () => query.abort());
+                query.execute();
+                // Resolve once the query settles. A failure is thrown so it lands in `onError`, where the
+                // violations are mapped onto the fields; the underlying `HttpErrorResponse` is thrown so
+                // `extractFormViolations` can unwrap the 422 body.
+                return firstValueFrom(query.state$.pipe(filter((state) => isQueryStateSuccess(state) || isQueryStateFailure(state)), take(1))).then((state) => {
+                    if (isQueryStateFailure(state)) {
+                        throw state.error.httpErrorResponse;
+                    }
+                    return state.response;
+                });
+            },
+        }),
+    });
+};
+
+const generateUuid = () => randomId();
+/** @see CreateQueryClientConfigOptions.keepUnusedFor */
+const DEFAULT_KEEP_UNUSED_FOR = 300_000;
+/**
+ * Hard cap on entries kept without consumers, per client. Retention is opportunistic, so a runaway
+ * count (a search-as-you-type query produces a new cache key per keystroke, and each one goes through
+ * `unbind`) must never grow unbounded — the least recently orphaned entries are dropped first.
+ */
+const MAX_UNUSED_ENTRIES = 50;
 const createQueryRepository = (config) => {
     const cache = new Map();
     const eventsSubject = new Subject();
+    // Bumped on every cache mutation so the devtools cache view can react. Cheap enough to keep
+    // unconditional — it is a single integer signal with no readers unless the devtools are open.
+    const cacheVersion = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cacheVersion" }] : /* istanbul ignore next */ []));
+    const bumpCacheVersion = () => cacheVersion.update((v) => v + 1);
+    const resolveKeepUnusedFor = (creatorOptions, shouldCache) => {
+        if (config.retentionEnabled === false || !shouldCache)
+            return 0;
+        return Math.max(0, creatorOptions?.keepUnusedFor ?? config.keepUnusedFor ?? DEFAULT_KEEP_UNUSED_FOR);
+    };
     const request = (options) => {
         const { args, creatorOptions, runQueryOptions } = options;
         const shouldCache = creatorOptions?.subtle?.useQueryRepositoryCache === false
@@ -4979,6 +5741,7 @@ const createQueryRepository = (config) => {
             })
             : false;
         const trackingKey = cacheKey || generateUuid();
+        const keepUnusedFor = resolveKeepUnusedFor(creatorOptions, shouldCache);
         const previousKey = options.previousKey;
         if (cacheKey !== previousKey && previousKey) {
             unbind(previousKey, options.consumerDestroyRef);
@@ -4986,7 +5749,10 @@ const createQueryRepository = (config) => {
         if (shouldCache && cacheKey) {
             const cacheEntry = cache.get(cacheKey);
             if (cacheEntry) {
-                bind(cacheKey, options.consumerDestroyRef, cacheEntry.request, options.isSecure ?? false, true);
+                // The entry may have been sitting out its `keepUnusedFor` window — a consumer binding again
+                // makes it live, so the pending eviction must go.
+                cancelEviction(cacheEntry);
+                bind(cacheKey, options.consumerDestroyRef, cacheEntry.request, options.isSecure ?? false, true, keepUnusedFor);
                 if (!runQueryOptions?.allowCache || cacheEntry.request.isStale()) {
                     cacheEntry.request.execute({ allowCache: runQueryOptions?.allowCache });
                 }
@@ -4999,13 +5765,43 @@ const createQueryRepository = (config) => {
             method: options.method,
             dependencies: config.dependencies,
             clientOptions: creatorOptions,
+            clientHeaders: config.headers,
             cacheAdapter: config.cacheAdapter,
             retryFn: options.retryFn ?? config.retryFn,
         });
         request.execute();
-        bind(trackingKey, options.consumerDestroyRef, request, options.isSecure ?? false, shouldCache);
+        bind(trackingKey, options.consumerDestroyRef, request, options.isSecure ?? false, shouldCache, keepUnusedFor);
         return { key: trackingKey, request };
     };
+    /** Tears an entry down for good, whether it currently has consumers or not. */
+    const destroyEntry = (key, cacheEntry) => {
+        clearTimeout(cacheEntry.evictTimer);
+        cacheEntry.request.destroy();
+        cacheEntry.eventSubscription?.unsubscribe();
+        cache.delete(key);
+    };
+    const cancelEviction = (cacheEntry) => {
+        if (cacheEntry.evictTimer === undefined)
+            return;
+        clearTimeout(cacheEntry.evictTimer);
+        cacheEntry.evictTimer = undefined;
+        cacheEntry.unusedSince = undefined;
+    };
+    /** Drops the least recently orphaned unused entries until the cap is respected again. */
+    const enforceUnusedEntryLimit = () => {
+        const unused = Array.from(cache.entries()).filter(([, entry]) => entry.consumers.size === 0);
+        if (unused.length <= MAX_UNUSED_ENTRIES)
+            return;
+        unused.sort(([, a], [, b]) => (a.unusedSince ?? 0) - (b.unusedSince ?? 0));
+        for (const [key, entry] of unused.slice(0, unused.length - MAX_UNUSED_ENTRIES)) {
+            destroyEntry(key, entry);
+        }
+    };
+    const retain = (key, cacheEntry) => {
+        cacheEntry.unusedSince = Date.now();
+        cacheEntry.evictTimer = setTimeout(() => evict(key), cacheEntry.keepUnusedFor);
+        enforceUnusedEntryLimit();
+    };
     const unbind = (key, consumerDestroyRef) => {
         if (key === null)
             return false;
@@ -5014,24 +5810,41 @@ const createQueryRepository = (config) => {
             return false;
         cacheEntry.consumers.delete(consumerDestroyRef);
         if (cacheEntry.consumers.size === 0) {
-            cacheEntry.request.destroy();
-            cacheEntry.eventSubscription?.unsubscribe();
-            cache.delete(key);
+            // Only data is worth keeping around: an entry that never produced a response has nothing to
+            // hand back to a returning consumer, so it is aborted immediately as it always was.
+            if (cacheEntry.keepUnusedFor > 0 && cacheEntry.request.response() !== null) {
+                retain(key, cacheEntry);
+            }
+            else {
+                destroyEntry(key, cacheEntry);
+            }
         }
+        bumpCacheVersion();
         return true;
     };
     const unbindAllSecure = () => {
         for (const [key, cacheEntry] of cache.entries()) {
-            if (cacheEntry.isSecure) {
-                for (const consumerDestroyRef of cacheEntry.consumers.keys()) {
-                    unbind(key, consumerDestroyRef);
-                }
-                cacheEntry.eventSubscription?.unsubscribe();
-                cache.delete(key);
-            }
+            if (!cacheEntry.isSecure)
+                continue;
+            // Force the teardown instead of routing through `unbind`: a logged out session must not leave a
+            // retained response body behind waiting out its `keepUnusedFor` window.
+            cacheEntry.consumers.clear();
+            destroyEntry(key, cacheEntry);
+        }
+        bumpCacheVersion();
+        eventsSubject.next({ type: 'unbind-all-secure' });
+    };
+    const refreshInUse = () => {
+        for (const cacheEntry of cache.values()) {
+            if (cacheEntry.consumers.size === 0)
+                continue;
+            // Re-firing a mutation would be a side effect nobody asked for, so only reads are refreshed.
+            if (!shouldCacheQuery(cacheEntry.request.method))
+                continue;
+            cacheEntry.request.execute({ force: true });
         }
     };
-    const bind = (key, consumerDestroyRef, request, isSecure, allowReuse) => {
+    const bind = (key, consumerDestroyRef, request, isSecure, allowReuse, keepUnusedFor) => {
         const destroyListener = consumerDestroyRef.onDestroy(() => unbind(key, consumerDestroyRef));
         const cacheEntry = cache.get(key);
         if (cacheEntry && allowReuse) {
@@ -5040,26 +5853,17 @@ const createQueryRepository = (config) => {
         else {
             const consumers = new Map([]);
             consumers.set(consumerDestroyRef, destroyListener);
-            const eventSubscription = combineLatest([
-                toObservable(request.error, { injector: config.dependencies.injector }),
-                toObservable(request.response, { injector: config.dependencies.injector }),
-            ]).subscribe(([errorValue, responseValue]) => {
-                if (errorValue?.raw instanceof HttpErrorResponse) {
-                    eventsSubject.next({
-                        type: 'request-error',
-                        error: errorValue.raw,
-                        key,
-                        isSecure,
-                        request,
-                    });
+            // Drive repository events off the request's discrete, terminal event stream rather than
+            // recombining the `error` + `response` signals via combineLatest (which could observe stale
+            // pairings). Each settle emits exactly one terminal event.
+            const eventSubscription = request.events$.subscribe((event) => {
+                if (event.type === 'error') {
+                    if (event.error.raw instanceof HttpErrorResponse) {
+                        eventsSubject.next({ type: 'request-error', error: event.error.raw, key, isSecure, request });
+                    }
                 }
-                else if (responseValue !== null && !errorValue) {
-                    eventsSubject.next({
-                        type: 'request-success',
-                        key,
-                        isSecure,
-                        request,
-                    });
+                else if (event.type === HttpEventType.Response) {
+                    eventsSubject.next({ type: 'request-success', key, isSecure, request });
                 }
             });
             cache.set(key, {
@@ -5067,14 +5871,36 @@ const createQueryRepository = (config) => {
                 request,
                 isSecure,
                 eventSubscription,
+                keepUnusedFor,
             });
         }
+        bumpCacheVersion();
+    };
+    const cacheEntries = () => Array.from(cache.entries()).map(([key, entry]) => ({
+        key,
+        isSecure: entry.isSecure,
+        consumerCount: entry.consumers.size,
+        isUnused: entry.consumers.size === 0,
+        request: entry.request,
+    }));
+    const evict = (key) => {
+        const entry = cache.get(key);
+        if (!entry)
+            return;
+        destroyEntry(key, entry);
+        bumpCacheVersion();
     };
     const repository = {
         request,
         unbind,
         unbindAllSecure,
+        refreshInUse,
         events$: eventsSubject.asObservable(),
+        subtle: {
+            cacheEntries,
+            cacheVersion: cacheVersion.asReadonly(),
+            evict,
+        },
     };
     return repository;
 };
@@ -5085,10 +5911,15 @@ const createQueryClient = (options) => createRootProvider(() => {
     const injector = inject(Injector);
     const repository = createQueryRepository({
         ...options,
+        // Retaining unused entries on the server would pin response bodies (and a pending timer) inside
+        // a per-request injector for the whole window, so retention is browser only.
+        retentionEnabled: isPlatformBrowser(inject(PLATFORM_ID)),
         dependencies: { httpClient, ngErrorHandler, injector },
     });
     const client = {
         repository,
+        baseUrl: options.baseUrl,
+        refreshQueriesInUse: () => repository.refreshInUse(),
     };
     return client;
 }, {
@@ -5157,6 +5988,191 @@ const createPatchQuery = createQueryTemplate('PATCH');
 /** A query creator that creates a secure PATCH query (requires authentication) */
 const createSecurePatchQuery = createSecureQueryTemplate('PATCH');
 
+/**
+ * Executes the query and resolves once that execution has settled (response or error received).
+ * The returned snapshot is frozen to the awaited execution, so a later execution can't swap the
+ * `response()` / `error()` you read from it.
+ *
+ * Designed for imperative flows that need a mutation's outcome in place — e.g. a signal-forms
+ * `submit()` action mapping server violations onto the form via `mapViolationsToFormErrors`.
+ *
+ * The promise stays pending if the execution is cancelled (e.g. `reset()`) and the query is never
+ * executed again — the snapshot settles with whichever execution completes next.
+ */
+const executeUntilSettled = async (query, executeArgs) => {
+    query.execute(executeArgs);
+    const snapshot = query.createSnapshot();
+    await firstValueFrom(snapshot.isAlive.asObservable().pipe(filter((isAlive) => !isAlive)));
+    return snapshot;
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const createSequenceState = () => ({
+    status: signal('idle'),
+    running: signal(false),
+    currentStep: signal(0),
+    error: signal(null),
+    failedAt: signal(null),
+    snapshots: signal([]),
+    stepArgs: signal([]),
+    responses: signal([]),
+});
+const buildSequence = (steps, state, devtoolsHandle) => {
+    const run = async () => {
+        if (state.running())
+            throw querySequenceAlreadyRunning();
+        state.status.set('running');
+        state.running.set(true);
+        state.currentStep.set(0);
+        state.error.set(null);
+        state.failedAt.set(null);
+        state.snapshots.set([]);
+        state.stepArgs.set([]);
+        state.responses.set([]);
+        const snapshots = [];
+        const stepArgs = [];
+        const responses = [];
+        let previousResponse = undefined;
+        for (const [i, step] of steps.entries()) {
+            state.currentStep.set(i + 1);
+            const { args } = step.produceArgs(previousResponse, responses);
+            stepArgs.push(args);
+            state.stepArgs.set([...stepArgs]);
+            const snapshot = await executeUntilSettled(step.query, { args });
+            snapshots.push(snapshot);
+            state.snapshots.set([...snapshots]);
+            const error = snapshot.error();
+            if (error) {
+                state.status.set('error');
+                state.error.set(error);
+                state.failedAt.set(i);
+                state.running.set(false);
+                return { ok: false, failedAt: i, error, snapshots };
+            }
+            const response = snapshot.response();
+            responses.push(response);
+            state.responses.set([...responses]);
+            previousResponse = response;
+        }
+        state.status.set('success');
+        state.running.set(false);
+        return { ok: true, responses: responses, snapshots };
+    };
+    const sequence = {
+        then: (query, mapArgs) => buildSequence([
+            ...steps,
+            { query, produceArgs: (previousResponse, responses) => mapArgs(previousResponse, responses) },
+        ], state, devtoolsHandle),
+        status: state.status.asReadonly(),
+        running: state.running.asReadonly(),
+        currentStep: state.currentStep.asReadonly(),
+        total: steps.length,
+        queries: steps.map((s) => s.query),
+        error: state.error.asReadonly(),
+        failedAt: state.failedAt.asReadonly(),
+        snapshots: state.snapshots.asReadonly(),
+        stepArgs: state.stepArgs.asReadonly(),
+        responses: state.responses.asReadonly(),
+        run,
+    };
+    if (devtoolsHandle)
+        devtoolsHandle.current = sequence;
+    return sequence;
+};
+/**
+ * Starts an imperative waterfall of dependent queries. Chain the remaining steps with `.then()`
+ * and trigger it with `.run()` — see {@link QuerySequence}.
+ *
+ * The seed step's `args` are produced lazily (at `run()` time), so the sequence can safely live as
+ * a component field while still reading current signal values on each run.
+ *
+ * @example
+ * ```ts
+ * readonly checkout = querySequence(this.createOrder, () => ({ args: { body: this.order() } }))
+ *   .then(this.createPayment, (order) => ({ args: { body: { orderId: order.id } } }))
+ *   .then(this.confirmOrder, (payment, [order]) => ({
+ *     args: { pathParams: { paymentId: payment.id }, body: { orderRef: order.id } },
+ *   }));
+ *
+ * async submit() {
+ *   const result = await this.checkout.run();
+ *   if (!result.ok) return this.handle(result.error);
+ *   const [order, payment, confirmation] = result.responses;
+ * }
+ * ```
+ */
+const querySequence = (query, seedArgs) => {
+    const devtoolsHandle = isQueryDevtoolsEnabled()
+        ? { current: null }
+        : undefined;
+    const seed = buildSequence([{ query, produceArgs: () => seedArgs() }], createSequenceState(), devtoolsHandle);
+    if (devtoolsHandle) {
+        const unregister = registerQueryDevtoolsEntry({
+            kind: 'query-sequence',
+            handle: devtoolsHandle,
+            meta: {},
+        });
+        // Sequences have no destroy hook; tie cleanup to the creating scope when there is one.
+        try {
+            inject(DestroyRef).onDestroy(unregister);
+        }
+        catch {
+            // Created outside an injection context — the entry lives for the app's lifetime.
+        }
+    }
+    return seed;
+};
+
+/**
+ * Binds a query-backed async validator to a signal-forms field, adapting an `@ethlete/query` v3
+ * query into what `validateAsync` consumes. The query runs through the query client — so bearer
+ * auth, base route, caching and Symfony error normalization all apply — where a raw `httpResource`
+ * would fire unauthenticated and bypass the pipeline.
+ *
+ * On the current v3 `QueryClient` / `createPostQuery` creators; the `validateWithV2Query` twin
+ * covers the legacy `V2QueryClient`. The query is created once and re-executed (debounced) as the
+ * field value changes, only after the field's synchronous validators pass. A `204` / successful
+ * response reports no errors; a `422 FormViolationListView` maps each violation onto its child
+ * field by `propertyPath`; a network / other error degrades to a non-swallowed form-level error.
+ *
+ * Call it from a schema definition, the same place you'd call `validateAsync`:
+ *
+ * ```ts
+ * const schema = schema<OpportunityEmail>((p) => {
+ *   validateWithQuery(p, {
+ *     queryCreator: postOpportunityEmailValidate,
+ *     args: (ctx) => ({ pathParams: { opportunityId }, body: { ...ctx.value() } }),
+ *   });
+ * });
+ * ```
+ */
+const validateWithQuery = (path, config) => {
+    applyQueryAsyncValidator(path, {
+        params: config.args,
+        debounce: config.debounce,
+        when: config.when,
+        mapViolations: config.mapViolations,
+        factory: (params) => {
+            // Created once, exactly like a query stack. A POST validate route doesn't auto-execute, so
+            // the resource loader drives it — each params change re-executes with the new args.
+            const query = config.queryCreator();
+            return resource({
+                params: () => params(),
+                loader: async ({ params: requestArgs }) => {
+                    const snapshot = await executeUntilSettled(query, { args: requestArgs });
+                    const error = snapshot.error();
+                    // A failed request (e.g. 422) is thrown so it lands in `onError`, where the violations are
+                    // mapped onto the fields. A `204` / success settles with no error and no violations.
+                    if (error) {
+                        throw error;
+                    }
+                    return snapshot.response() ?? undefined;
+                },
+            });
+        },
+    });
+};
+
 const setupLeaderElection = () => {
     const destroyRef = inject(DestroyRef);
     const channelName = 'ethlete-auth-leader';
@@ -5164,8 +6180,10 @@ const setupLeaderElection = () => {
     const leaderTimeout = 3000;
     const storageKey = 'ethlete-auth-leader-heartbeat';
     const tabId = `tab-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-    const isLeader = signal(false, ...(ngDevMode ? [{ debugName: "isLeader" }] : []));
-    const instanceCount = signal(1, ...(ngDevMode ? [{ debugName: "instanceCount" }] : []));
+    const isLeader = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLeader" }] : /* istanbul ignore next */ []));
+    const instanceCount = signal(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "instanceCount" }] : /* istanbul ignore next */ []));
     const knownTabs = new Map();
     knownTabs.set(tabId, Date.now());
     let channel = null;
@@ -5539,11 +6557,21 @@ const defaultExtractTokens = (response) => {
     }
     return { accessToken: response['accessToken'], refreshToken: response['refreshToken'] };
 };
-const setupBearerQueryRegistry = (builders, injector, latestExecutedQuery, latestNonInternalQuery, setTokens) => {
+const deriveExecutionStateType = (builder, triggeredBy) => {
+    if (triggeredBy === 'persistent-auth')
+        return 'autoLogin';
+    if (builder._type === 'tokenRefreshQuery')
+        return 'tokenRefresh';
+    if (triggeredBy === 'token-revocation')
+        return 'revocation';
+    return builder.key;
+};
+const setupBearerQueryRegistry = (builders, injector, latestExecutedQuery, latestNonInternalQuery, setTokens, executionState) => {
     const queries = {};
     const querySnapshots = new Map();
     for (const builder of builders) {
-        const querySnapshot = signal(null, ...(ngDevMode ? [{ debugName: "querySnapshot" }] : []));
+        const querySnapshot = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "querySnapshot" }] : /* istanbul ignore next */ []));
         querySnapshots.set(builder.key, querySnapshot);
         const extractTokens = builder.config.extractTokens ?? defaultExtractTokens;
         effect(() => {
@@ -5572,10 +6600,27 @@ const setupBearerQueryRegistry = (builders, injector, latestExecutedQuery, lates
             });
             query.execute({ args, options });
             const snapshot = query.createSnapshot();
-            latestExecutedQuery.set({ key: builder.key, snapshot });
-            if (!snapshot.triggeredBy()) {
-                latestNonInternalQuery.set({ key: builder.key, snapshot });
+            const stateType = deriveExecutionStateType(builder, options?.triggeredBy);
+            if (stateType !== 'revocation') {
+                latestExecutedQuery.set({ key: builder.key, snapshot });
+                if (!snapshot.triggeredBy()) {
+                    latestNonInternalQuery.set({ key: builder.key, snapshot });
+                }
             }
+            executionState.set({ type: stateType, state: 'loading' });
+            effect(() => {
+                const response = snapshot.response();
+                const loading = snapshot.loading();
+                const error = snapshot.error();
+                if (loading)
+                    return;
+                if (error) {
+                    executionState.set({ type: stateType, state: 'error', error });
+                }
+                else if (response) {
+                    executionState.set({ type: stateType, state: 'success', response });
+                }
+            }, { injector });
             querySnapshot.set(snapshot);
             return snapshot;
         };
@@ -5635,8 +6680,10 @@ const createBearerAuthProviderImpl = (config) => {
     const injector = inject(Injector);
     const destroyRef = inject(DestroyRef);
     const queryClient = config.queryClientRef[1]();
-    const accessToken = signal(null, ...(ngDevMode ? [{ debugName: "accessToken" }] : []));
-    const refreshToken = signal(null, ...(ngDevMode ? [{ debugName: "refreshToken" }] : []));
+    const accessToken = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "accessToken" }] : /* istanbul ignore next */ []));
+    const refreshToken = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "refreshToken" }] : /* istanbul ignore next */ []));
     const afterTokenRefresh$ = new Subject();
     const bearerData = computed(() => {
         const token = accessToken();
@@ -5651,20 +6698,29 @@ const createBearerAuthProviderImpl = (config) => {
             }
             return null;
         }
-    }, ...(ngDevMode ? [{ debugName: "bearerData" }] : []));
-    const isAuthenticated = computed(() => !!accessToken(), ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : []));
-    const latestExecutedQuery = signal(null, ...(ngDevMode ? [{ debugName: "latestExecutedQuery" }] : []));
-    const latestNonInternalQuery = signal(null, ...(ngDevMode ? [{ debugName: "latestNonInternalQuery" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bearerData" }] : /* istanbul ignore next */ []));
+    const isAuthenticated = computed(() => !!accessToken(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAuthenticated" }] : /* istanbul ignore next */ []));
+    const latestExecutedQuery = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "latestExecutedQuery" }] : /* istanbul ignore next */ []));
+    const latestNonInternalQuery = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "latestNonInternalQuery" }] : /* istanbul ignore next */ []));
+    const executionState = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "executionState" }] : /* istanbul ignore next */ []));
     const setTokens = (access, refresh) => {
         accessToken.set(access);
         refreshToken.set(refresh);
         afterTokenRefresh$.next();
     };
-    const { queries } = setupBearerQueryRegistry(config.queries, injector, latestExecutedQuery, latestNonInternalQuery, setTokens);
+    const { queries } = setupBearerQueryRegistry(config.queries, injector, latestExecutedQuery, latestNonInternalQuery, setTokens, executionState);
     const logout = () => {
         accessToken.set(null);
         refreshToken.set(null);
         queryClient.repository.unbindAllSecure();
+        latestExecutedQuery.set(null);
+        latestNonInternalQuery.set(null);
+        executionState.set({ type: 'logout', state: 'success' });
     };
     const isLeader = createLeaderElection(config);
     const querySetupContext = {
@@ -5692,10 +6748,11 @@ const createBearerAuthProviderImpl = (config) => {
         leaderElection: isLeader.leaderElectionContext,
         afterTokenRefresh$,
         queries: queries,
+        executionState,
     };
     const features = setupFeatures(config.features, featureSetupContext);
     setupMultiTabSyncIfEnabled(config, accessToken, refreshToken, queryClient);
-    return {
+    const provider = {
         queries,
         features: features,
         accessToken: accessToken.asReadonly(),
@@ -5704,9 +6761,25 @@ const createBearerAuthProviderImpl = (config) => {
         isAuthenticated,
         latestExecutedQuery: latestExecutedQuery.asReadonly(),
         latestNonInternalQuery: latestNonInternalQuery.asReadonly(),
+        executionState: executionState.asReadonly(),
+        setTokens,
         logout,
         afterTokenRefresh$,
     };
+    if (isQueryDevtoolsEnabled()) {
+        const unregister = registerQueryDevtoolsEntry({
+            kind: 'auth-provider',
+            handle: provider,
+            meta: {
+                name: config.name,
+                clientName: getQueryClientName(config.queryClientRef),
+                clientBaseUrl: queryClient.baseUrl,
+                repository: queryClient.repository,
+            },
+        });
+        destroyRef.onDestroy(unregister);
+    }
+    return provider;
 };
 const createBearerAuthProvider = (config) => createRootProvider(() => createBearerAuthProviderImpl(config), { name: `BearerAuthProvider_${config.name}` });
 
@@ -5853,8 +6926,10 @@ const withInactivityLogout = (config = {}) => {
         const activityEvents = config.activityEvents ?? ['mousedown', 'keydown', 'scroll', 'touchstart'];
         const destroyRef = inject(DestroyRef);
         const document = inject(DOCUMENT);
-        const enabled = signal(true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
-        const lastActivityTime = signal(Date.now(), ...(ngDevMode ? [{ debugName: "lastActivityTime" }] : []));
+        const enabled = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+        const lastActivityTime = signal(Date.now(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lastActivityTime" }] : /* istanbul ignore next */ []));
         const resetTimer = () => {
             lastActivityTime.set(Date.now());
         };
@@ -5937,7 +7012,8 @@ const createPersistentAuthFeature = (config, context) => {
         }
         return config.defaultRememberMe ?? false;
     };
-    const rememberMeSignal = signal(initializeRememberMe(), ...(ngDevMode ? [{ debugName: "rememberMeSignal" }] : []));
+    const rememberMeSignal = signal(initializeRememberMe(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rememberMeSignal" }] : /* istanbul ignore next */ []));
     effect(() => {
         const token = refreshToken();
         const rememberMe = rememberMeSignal();
@@ -5998,7 +7074,8 @@ const withTokenExpirationWarning = (config = {}) => {
             if (typeof exp !== 'number')
                 return null;
             return new Date(exp * 1000);
-        }, ...(ngDevMode ? [{ debugName: "expiresAt" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expiresAt" }] : /* istanbul ignore next */ []));
         const expiresIn$ = combineLatest([interval(checkInterval), toObservable(context.bearerData)]).pipe(map(() => {
             const expiry = expiresAt();
             if (!expiry)
@@ -6029,23 +7106,27 @@ const withTokenExpirationWarning = (config = {}) => {
 const withTokenRevocation = (config) => {
     return (context) => {
         const revokeOnLogout = config.revokeOnLogout ?? true;
-        const enabled = signal(true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
+        const enabled = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
         let previousAccessToken = null;
+        let previousRefreshToken = null;
         let currentRevocationSnapshot = null;
-        const revoke = () => {
+        const revokeWithTokens = (accessToken, refreshToken) => {
             if (currentRevocationSnapshot?.isAlive())
                 return currentRevocationSnapshot;
-            const accessToken = context.accessToken();
-            const refreshToken = context.refreshToken();
             if (!accessToken && !refreshToken) {
                 return null;
             }
             const args = config.buildArgs({ accessToken, refreshToken });
+            context.executionState.set({ type: 'revocation', state: 'loading' });
             currentRevocationSnapshot = context.queries[config.queryKey].execute(args, {
                 triggeredBy: 'token-revocation',
             });
             return currentRevocationSnapshot;
         };
+        const revoke = () => {
+            return revokeWithTokens(context.accessToken(), context.refreshToken());
+        };
         const enable = () => {
             enabled.set(true);
         };
@@ -6055,10 +7136,12 @@ const withTokenRevocation = (config) => {
         if (revokeOnLogout) {
             effect(() => {
                 const currentToken = context.accessToken();
+                const currentRefreshToken = context.refreshToken();
                 if (previousAccessToken && !currentToken && enabled()) {
-                    untracked(() => revoke());
+                    untracked(() => revokeWithTokens(previousAccessToken, previousRefreshToken));
                 }
                 previousAccessToken = currentToken;
+                previousRefreshToken = currentRefreshToken;
             }, { injector: context.injector });
         }
         const instance = {
@@ -6382,10 +7465,10 @@ class ParseHttpErrorCodeToTitleDePipe {
     constructor() {
         this.transform = parseHttpErrorCodeToTitleDe;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToTitleDePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToTitleDePipe, isStandalone: true, name: "parseHttpErrorCodeToTitleDe" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToTitleDePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToTitleDePipe, isStandalone: true, name: "parseHttpErrorCodeToTitleDe" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToTitleDePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToTitleDePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'parseHttpErrorCodeToTitleDe',
@@ -6395,10 +7478,10 @@ class ParseHttpErrorCodeToMessageDePipe {
     constructor() {
         this.transform = parseHttpErrorCodeToMessageDe;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToMessageDePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToMessageDePipe, isStandalone: true, name: "parseHttpErrorCodeToMessageDe" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToMessageDePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToMessageDePipe, isStandalone: true, name: "parseHttpErrorCodeToMessageDe" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToMessageDePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToMessageDePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'parseHttpErrorCodeToMessageDe',
@@ -6582,10 +7665,10 @@ class ParseHttpErrorCodeToTitleEnPipe {
     constructor() {
         this.transform = parseHttpErrorCodeToTitleEn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToTitleEnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToTitleEnPipe, isStandalone: true, name: "parseHttpErrorCodeToTitleEn" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToTitleEnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToTitleEnPipe, isStandalone: true, name: "parseHttpErrorCodeToTitleEn" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToTitleEnPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToTitleEnPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'parseHttpErrorCodeToTitleEn',
@@ -6595,10 +7678,10 @@ class ParseHttpErrorCodeToMessageEnPipe {
     constructor() {
         this.transform = parseHttpErrorCodeToMessageEn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToMessageEnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToMessageEnPipe, isStandalone: true, name: "parseHttpErrorCodeToMessageEn" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToMessageEnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToMessageEnPipe, isStandalone: true, name: "parseHttpErrorCodeToMessageEn" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ParseHttpErrorCodeToMessageEnPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ParseHttpErrorCodeToMessageEnPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'parseHttpErrorCodeToMessageEn',
@@ -6806,7 +7889,7 @@ class DateArrayQueryField {
         };
     }
 }
-const IGNORED_FILTER_COUNT_FIELDS = ['page', 'skip', 'take', 'limit', 'sort', 'sortBy', 'sortOrder', 'query', 'search'];
+const IGNORED_FILTER_COUNT_FIELDS$1 = ['page', 'skip', 'take', 'limit', 'sort', 'sortBy', 'sortOrder', 'query', 'search'];
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 class QueryForm {
     get _formValue() {
@@ -6881,7 +7964,7 @@ class QueryForm {
          */
         this.activeFilterCount$ = this.changes$.pipe(map(({ currentValue }) => Object.entries(currentValue)
             .map(([key, value]) => {
-            if (IGNORED_FILTER_COUNT_FIELDS.includes(key) || this._fields[key]?.data.skipInFilterCount) {
+            if (IGNORED_FILTER_COUNT_FIELDS$1.includes(key) || this._fields[key]?.data.skipInFilterCount) {
                 return true;
             }
             return this._isDefaultValue(key, value);
@@ -7022,8 +8105,11 @@ class QueryForm {
                 continue;
             const valueGotRemoved = value === ET_PROPERTY_REMOVED;
             if (valueGotRemoved) {
-                field.control.setValue(this._getDefaultValue(key), { emitEvent: false });
-                didValueChanges = true;
+                const defaultValue = this._getDefaultValue(key);
+                if (!equal(field.control.value, defaultValue)) {
+                    field.control.setValue(defaultValue, { emitEvent: false });
+                    didValueChanges = true;
+                }
                 continue;
             }
             let deserializedValue = value;
@@ -7195,6 +8281,21 @@ class QueryForm {
         });
     }
     _handleFormChange(forceOverwrite = false) {
+        // Normalize values that have a valueToQueryParamTransformFn returning null/undefined to their
+        // field default before capturing the new value. This prevents intermediate "empty object" states
+        // (e.g. Sort emitting { active: '', direction: '' } when cleared) from being
+        // emitted as distinct form values.
+        for (const [key, field] of Object.entries(this._fields)) {
+            if (!field.data.valueToQueryParamTransformFn)
+                continue;
+            const rawValue = this._formValue[key];
+            if (this._isDefaultValue(key, rawValue))
+                continue;
+            const serialized = field.data.valueToQueryParamTransformFn(rawValue);
+            if (serialized !== null && serialized !== undefined)
+                continue;
+            this.form.controls[key]?.setValue(this._getDefaultValue(key), { emitEvent: false });
+        }
         const currentVal = clone(this._currentFormValue$.value);
         const newVal = clone(this._formValue);
         if (equal(currentVal, newVal)) {
@@ -7229,6 +8330,433 @@ class QueryForm {
     }
 }
 
+/** URL sentinel for an explicit `null` value (a bare empty param would be ambiguous). */
+const ET_NULL_VALUE = 'ET_NULL__';
+/**
+ * Fields excluded from `activeFilterCount` by default — pagination, sorting and
+ * search are navigation state, not filters.
+ */
+const IGNORED_FILTER_COUNT_FIELDS = [
+    'page',
+    'skip',
+    'take',
+    'limit',
+    'sort',
+    'sortBy',
+    'sortOrder',
+    'query',
+    'search',
+];
+const resolveDefault = (def) => {
+    const { defaultValue } = def;
+    return typeof defaultValue === 'function' ? defaultValue() : (defaultValue ?? null);
+};
+const buildDefaults = (fields) => {
+    const out = {};
+    for (const [key, def] of Object.entries(fields)) {
+        out[key] = resolveDefault(def);
+    }
+    return out;
+};
+const changedKeysBetween = (previous, current) => Object.keys(current).filter((key) => !equal(previous?.[key], current[key]));
+/** Best-effort URL string → value coercion, mirroring the auto-transform of the legacy QueryForm. */
+const autoCoerce = (raw, defaultValue) => {
+    if (raw === ET_NULL_VALUE)
+        return null;
+    if (typeof raw !== 'string')
+        return raw;
+    const defaultIsNumber = typeof defaultValue === 'number';
+    const looksNumeric = raw.trim() === raw && !raw.startsWith('0') && !raw.endsWith('.') && !isNaN(Number(raw));
+    if (defaultIsNumber || (looksNumeric && raw !== '')) {
+        return transformToNumber(raw);
+    }
+    if (raw === 'true' || raw === 'false') {
+        return transformToBoolean(raw);
+    }
+    return raw;
+};
+const computeFilterCount = (fields, value, defaults) => {
+    let count = 0;
+    for (const [key, def] of Object.entries(fields)) {
+        if (IGNORED_FILTER_COUNT_FIELDS.includes(key) || def.skipInFilterCount)
+            continue;
+        if (!equal(value[key], defaults[key]))
+            count++;
+    }
+    return count;
+};
+const createBranch = (fields, initial, injector) => {
+    const defaults = buildDefaults(fields);
+    const model = signal(clone(initial), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    const tree = form(model, { injector });
+    return {
+        fields: tree,
+        value: model.asReadonly(),
+        activeFilterCount: computed(() => computeFilterCount(fields, model(), defaults)),
+        setValue: (value) => model.set(clone(value)),
+        patchValue: (value) => model.update((cur) => ({ ...cur, ...value })),
+        resetFieldToDefault: (key) => model.update((cur) => ({ ...cur, [key]: defaults[key] })),
+        resetAllFieldsToDefault: () => model.set(clone(defaults)),
+    };
+};
+/**
+ * A signals-first query form: binds on-screen controls to typed fields, keeps a
+ * debounced committed value, syncs to the URL query params, and resets dependent
+ * fields via the `isResetBy` graph — all as signals.
+ *
+ * @example
+ * const qf = createQueryForm({
+ *   fields: {
+ *     search: searchQueryField(),
+ *     sort: sortQueryField(),
+ *     page: queryField<number>({ defaultValue: 1, isResetBy: ['search', 'sort'] }),
+ *   },
+ * }).observe();
+ * // template: <input etInput [formField]="qf.fields.search" />
+ */
+class QueryFormSignals {
+    constructor(config) {
+        this._router = inject(Router);
+        this._route = inject(ActivatedRoute);
+        this._injector = inject(Injector);
+        this._previous = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_previous" }] : /* istanbul ignore next */ []));
+        this._observing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_observing" }] : /* istanbul ignore next */ []));
+        this._queryParamChanges = injectQueryParamChanges();
+        this._pendingTimer = null;
+        this._skipNextResets = false;
+        assertInInjectionContext(QueryFormSignals);
+        this._fields = config.fields;
+        this._prefix = config.queryParamPrefix;
+        this._defaults = buildDefaults(config.fields);
+        this.defaultValue = clone(this._defaults);
+        const initial = clone(this._defaults);
+        this._model = signal(initial, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_model" }] : /* istanbul ignore next */ []));
+        this._committed = signal(clone(initial), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_committed" }] : /* istanbul ignore next */ []));
+        this.fields = form(this._model);
+        this.value = this._committed.asReadonly();
+        this.previousValue = this._previous.asReadonly();
+        this.changes = computed(() => ({ previousValue: this._previous(), currentValue: this._committed() }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "changes" }] : /* istanbul ignore next */ []));
+        this.activeFilterCount = computed(() => computeFilterCount(this._fields, this._committed(), this._defaults), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeFilterCount" }] : /* istanbul ignore next */ []));
+        // React to live control edits: schedule a debounced commit.
+        effect(() => {
+            const live = this._model();
+            untracked(() => this._onLiveChange(live));
+        });
+        // React to navigation (back/forward, external links): apply URL → form immediately.
+        effect(() => {
+            const changes = this._queryParamChanges();
+            untracked(() => {
+                if (!this._observing() || this._observeOptions?.syncOnNavigation === false)
+                    return;
+                this._applyFromUrl(changes);
+            });
+        });
+        inject(DestroyRef).onDestroy(() => this._cleanup());
+    }
+    observe(options) {
+        if (this._observing()) {
+            if (isDevMode()) {
+                console.warn('QueryFormSignals.observe() was called more than once. Ignoring the extra call.');
+            }
+            return this;
+        }
+        this._observeOptions = options;
+        this._observing.set(true);
+        if (options?.syncOnNavigation !== false) {
+            this._applyFromUrl(this._route.snapshot.queryParams);
+        }
+        // Commit whatever the model holds now (URL-restored or programmatic defaults).
+        this._flush();
+        return this;
+    }
+    unobserve() {
+        this._cleanup();
+    }
+    setValue(value, options) {
+        if (options?.skipResets)
+            this._skipNextResets = true;
+        this._model.set(clone(value));
+    }
+    patchValue(value, options) {
+        if (options?.skipResets)
+            this._skipNextResets = true;
+        this._model.update((cur) => ({ ...cur, ...value }));
+    }
+    resetFieldToDefault(key, options) {
+        if (options?.skipResets)
+            this._skipNextResets = true;
+        this._model.update((cur) => ({ ...cur, [key]: this._defaults[key] }));
+    }
+    resetFieldsToDefault(keys, options) {
+        if (options?.skipResets)
+            this._skipNextResets = true;
+        this._model.update((cur) => {
+            const next = { ...cur };
+            for (const key of keys) {
+                next[key] = this._defaults[key];
+            }
+            return next;
+        });
+    }
+    resetAllFieldsToDefault(options) {
+        const skip = new Set((options?.skipFields ?? []).map((key) => key));
+        const keys = Object.keys(this._fields).filter((key) => !skip.has(key));
+        this.resetFieldsToDefault(keys, options);
+    }
+    /** Create a detached editor over the same fields, seeded from the current committed value. */
+    branch() {
+        return createBranch(this._fields, clone(this._committed()), this._injector);
+    }
+    _onLiveChange(live) {
+        if (!this._observing())
+            return;
+        if (equal(live, this._committed()))
+            return;
+        const changedKeys = changedKeysBetween(this._committed(), live);
+        const debounceMs = this._resolveDebounce(changedKeys, live);
+        this._clearTimer();
+        if (debounceMs === null) {
+            this._flush();
+        }
+        else {
+            this._pendingTimer = setTimeout(() => {
+                this._pendingTimer = null;
+                this._flush();
+            }, debounceMs);
+        }
+    }
+    /** Shortest-debounce-wins; `null` means commit immediately. */
+    _resolveDebounce(changedKeys, live) {
+        if (!changedKeys.length)
+            return null;
+        const times = [];
+        for (const key of changedKeys) {
+            const def = this._fields[key];
+            if (!def)
+                return null;
+            if (def.disableDebounceIfFalsy && !live[key])
+                return null;
+            if (def.debounce === undefined)
+                return null;
+            times.push(def.debounce);
+        }
+        return Math.min(...times);
+    }
+    _flush() {
+        this._clearTimer();
+        const live = this._model();
+        const previous = this._committed();
+        if (equal(live, previous)) {
+            this._skipNextResets = false;
+            return;
+        }
+        const changedKeys = changedKeysBetween(previous, live);
+        const next = this._skipNextResets ? { ...live } : this._applyResets(live, changedKeys);
+        this._skipNextResets = false;
+        this._previous.set(clone(previous));
+        this._committed.set(clone(next));
+        // Reflect any reset overrides back into the bound controls. The effect re-runs
+        // but no-ops because the model now equals the committed value.
+        if (!equal(next, live)) {
+            this._model.set(clone(next));
+        }
+        if (this._observing() && this._observeOptions?.writeToQueryParams !== false) {
+            this._writeToUrl(next);
+        }
+    }
+    _applyResets(live, changedKeys) {
+        const next = { ...live };
+        for (const [key, def] of Object.entries(this._fields)) {
+            const resets = def.isResetBy;
+            if (!resets?.length)
+                continue;
+            const triggered = resets.some((resetKey) => {
+                if (!(resetKey in this._fields)) {
+                    if (isDevMode()) {
+                        console.warn(`QueryFormSignals: isResetBy references unknown field "${resetKey}". Is it a typo?`);
+                    }
+                    return false;
+                }
+                return changedKeys.includes(resetKey);
+            });
+            if (!triggered)
+                continue;
+            const defaultValue = this._defaults[key];
+            if (!equal(next[key], defaultValue)) {
+                next[key] = defaultValue;
+            }
+        }
+        return next;
+    }
+    _applyFromUrl(params) {
+        const current = { ...this._committed() };
+        let changed = false;
+        for (const [key, def] of Object.entries(this._fields)) {
+            const raw = params[this._paramKey(key)];
+            if (raw === undefined)
+                continue;
+            const value = raw === ET_PROPERTY_REMOVED ? this._defaults[key] : this._deserialize(def, raw);
+            if (!equal(current[key], value)) {
+                current[key] = value;
+                changed = true;
+            }
+        }
+        if (!changed)
+            return;
+        this._commitFromUrl(current);
+    }
+    _commitFromUrl(next) {
+        this._clearTimer();
+        this._previous.set(clone(this._committed()));
+        this._committed.set(clone(next));
+        // Feed the URL value into the live model & bound controls; the effect no-ops (model === committed).
+        this._model.set(clone(next));
+    }
+    _deserialize(def, raw) {
+        if (def.queryParamToValue)
+            return def.queryParamToValue(raw);
+        if (def.skipAutoTransform)
+            return raw;
+        return autoCoerce(raw, resolveDefault(def));
+    }
+    _writeToUrl(value) {
+        const queryParams = {};
+        for (const [key, def] of Object.entries(this._fields)) {
+            const paramKey = this._paramKey(key);
+            const fieldValue = value[key];
+            const isDefault = equal(fieldValue, this._defaults[key]);
+            const writeToUrl = def.appendToUrl !== false;
+            const writeDefault = def.appendDefaultValueToUrl === true;
+            if (!writeToUrl || (isDefault && !writeDefault)) {
+                queryParams[paramKey] = undefined;
+            }
+            else if (def.valueToQueryParam) {
+                queryParams[paramKey] = def.valueToQueryParam(fieldValue);
+            }
+            else {
+                queryParams[paramKey] = fieldValue === null ? ET_NULL_VALUE : fieldValue;
+            }
+        }
+        queueMicrotask(() => {
+            this._router.navigate([], {
+                queryParams,
+                queryParamsHandling: 'merge',
+                replaceUrl: this._observeOptions?.replaceUrl,
+            });
+        });
+    }
+    _paramKey(key) {
+        const prefix = this._prefix;
+        if (!prefix)
+            return key;
+        return `${typeof prefix === 'string' ? prefix : prefix()}-${key}`;
+    }
+    _clearTimer() {
+        if (this._pendingTimer !== null) {
+            clearTimeout(this._pendingTimer);
+            this._pendingTimer = null;
+        }
+    }
+    _cleanup() {
+        if (!this._observing())
+            return;
+        this._observing.set(false);
+        this._clearTimer();
+        if (this._observeOptions?.writeToQueryParams === false)
+            return;
+        const queryParams = {};
+        for (const key of Object.keys(this._fields)) {
+            queryParams[this._paramKey(key)] = undefined;
+        }
+        queueMicrotask(() => {
+            this._router.navigate([], { queryParams, queryParamsHandling: 'merge', replaceUrl: true });
+        });
+    }
+}
+/**
+ * Create a {@link QueryFormSignals}. Call `.observe()` to start syncing with the
+ * URL. Must be called in an injection context.
+ */
+const createQueryForm = (config) => new QueryFormSignals(config);
+
+const normalizeConfig = (config) => {
+    if (!config)
+        return {};
+    const { isResetBy, ...rest } = config;
+    return {
+        ...rest,
+        isResetBy: isResetBy === undefined ? undefined : Array.isArray(isResetBy) ? isResetBy : [isResetBy],
+    };
+};
+/**
+ * A generic query-form field. Defaults to `null` and, unless a transform is
+ * given, relies on the auto-coercion when reading back from the URL.
+ *
+ * @example
+ * queryField<number>({ defaultValue: 1, isResetBy: ['search'] })
+ */
+const queryField = (config) => ({
+    defaultValue: null,
+    ...normalizeConfig(config),
+});
+/**
+ * A debounced free-text search field. Debounces typing by 300ms but applies
+ * clearing immediately (`disableDebounceIfFalsy`).
+ */
+const searchQueryField = (config) => ({
+    defaultValue: null,
+    debounce: 300,
+    disableDebounceIfFalsy: true,
+    ...normalizeConfig(config),
+});
+/**
+ * A sort field serialized as `"active:direction"` (e.g. `"name:asc"`). Matches
+ * the wire format the table system's URL adapter uses, so the two interoperate.
+ */
+const sortQueryField = (config) => ({
+    defaultValue: null,
+    queryParamToValue: transformToSort,
+    valueToQueryParam: transformToSortQueryParam,
+    ...normalizeConfig(config),
+});
+/** A field holding a list of strings. */
+const stringArrayQueryField = (config) => ({
+    defaultValue: null,
+    queryParamToValue: transformToStringArray,
+    ...normalizeConfig(config),
+});
+/** A field holding a list of numbers. */
+const numberArrayQueryField = (config) => ({
+    defaultValue: null,
+    queryParamToValue: transformToNumberArray,
+    ...normalizeConfig(config),
+});
+/** A field holding a list of booleans. */
+const booleanArrayQueryField = (config) => ({
+    defaultValue: null,
+    queryParamToValue: transformToBooleanArray,
+    ...normalizeConfig(config),
+});
+/** A single date field (expects an ISO/`Date`-parseable string in the URL). */
+const dateQueryField = (config) => ({
+    defaultValue: null,
+    queryParamToValue: transformToDate,
+    ...normalizeConfig(config),
+});
+/** A field holding a list of dates. */
+const dateArrayQueryField = (config) => ({
+    defaultValue: null,
+    queryParamToValue: transformToDateArray,
+    ...normalizeConfig(config),
+});
+
 // codes 1000-1999
 const WebSocketRuntimeErrorCode = {
     // Web Socket Client
@@ -7242,6 +8770,7 @@ const messageMalformed = () => {
     return new RuntimeError(WebSocketRuntimeErrorCode.MESSAGE_MALFORMED, 'A message has been received but it is malformed (cannot be parsed as JSON).');
 };
 
+const MAX_DEVTOOLS_MESSAGES = 100;
 const createWebSocketClient = (options) => {
     return createRootProvider(() => {
         const socket = io(options.url, {
@@ -7250,21 +8779,36 @@ const createWebSocketClient = (options) => {
             transports: options.transports,
         });
         const rooms = new Map();
-        const isConnected = signal(false, ...(ngDevMode ? [{ debugName: "isConnected" }] : []));
+        const isConnected = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isConnected" }] : /* istanbul ignore next */ []));
+        // Devtools instrumentation (no-op unless provideQueryDevtools() was called).
+        const devtoolsEnabled = isQueryDevtoolsEnabled();
+        const devtoolsRooms = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "devtoolsRooms" }] : /* istanbul ignore next */ []));
+        const devtoolsMessages = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "devtoolsMessages" }] : /* istanbul ignore next */ []));
+        let devtoolsMessageId = 0;
+        const syncDevtoolsRooms = () => {
+            if (devtoolsEnabled)
+                devtoolsRooms.set([...rooms.keys()]);
+        };
         const joinRoom = (room) => {
             const roomFn = typeof room === 'function' ? room : () => room;
             const pre = previousSignalValue(computed(() => roomFn()));
-            const roomData = signal(null, ...(ngDevMode ? [{ debugName: "roomData" }] : []));
+            const roomData = signal(null, /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "roomData" }] : /* istanbul ignore next */ []));
             const join = (name) => {
                 socket.emit('join-room', name);
                 const existingRoom = rooms.get(name);
                 if (existingRoom)
                     return existingRoom;
-                const message = signal(null, ...(ngDevMode ? [{ debugName: "message" }] : []));
+                const message = signal(null, /* @ts-ignore */
+                ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
                 const newRoom = {
                     latestMessage: message,
                 };
                 rooms.set(name, newRoom);
+                syncDevtoolsRooms();
                 return newRoom;
             };
             effect(() => {
@@ -7301,6 +8845,7 @@ const createWebSocketClient = (options) => {
             }
             socket.emit('leave-room', room);
             rooms.delete(room);
+            syncDevtoolsRooms();
         };
         const setupWebSocketConnectionListener = () => {
             socket.on('connect', () => {
@@ -7315,6 +8860,16 @@ const createWebSocketClient = (options) => {
             socket.onAny((data) => {
                 try {
                     const json = JSON.parse(data);
+                    if (devtoolsEnabled) {
+                        const message = {
+                            id: devtoolsMessageId++,
+                            timestamp: Date.now(),
+                            room: json.room,
+                            event: json.event,
+                            data: json.data,
+                        };
+                        devtoolsMessages.update((log) => [message, ...log].slice(0, MAX_DEVTOOLS_MESSAGES));
+                    }
                     const room = rooms.get(json.room);
                     if (room)
                         room.latestMessage.set(json);
@@ -7337,6 +8892,19 @@ const createWebSocketClient = (options) => {
                 leaveRoom,
             },
         };
+        if (devtoolsEnabled) {
+            const handle = {
+                connected: isConnected.asReadonly(),
+                rooms: devtoolsRooms.asReadonly(),
+                messages: devtoolsMessages.asReadonly(),
+            };
+            const unregister = registerQueryDevtoolsEntry({
+                kind: 'ws-client',
+                handle,
+                meta: { name: options.name, url: options.url },
+            });
+            inject(DestroyRef).onDestroy(unregister);
+        }
         return client;
     }, {
         name: `WebSocketClient_${options.name}`,
@@ -7347,5 +8915,5 @@ const createWebSocketClient = (options) => {
  * Generated bundle index. Do not edit.
  */
 
-export { BasicAuthProvider, BearerAuthFeatureType, BooleanArrayQueryField, CLEAR_QUERY_ARGS, CustomHeaderAuthProvider, DateArrayQueryField, DateQueryField, EntityStore, INFINITY_QUERY_TOKEN, InfinityQuery, InfinityQueryDirective, InfinityQueryTriggerDirective, LegacyQuery, LegacyQueryCreator, NumberArrayQueryField, ParseHttpErrorCodeToMessageDePipe, ParseHttpErrorCodeToMessageEnPipe, ParseHttpErrorCodeToTitleDePipe, ParseHttpErrorCodeToTitleEnPipe, QUERY_CLIENT_DEVTOOLS_TOKEN, QueryDevtoolsComponent, QueryDirective, QueryError, QueryFeatureType, QueryField, QueryForm, QueryRuntimeErrorCode, QueryShortNamePipe, QueryStore, SPEED_BUFFER_TIME_IN_MS, SearchQueryField, SortQueryField, StringArrayQueryField, V2BearerAuthProvider, V2Query, V2QueryClient, V2QueryCreator, addQueryContainerHandling, applyQueryFeatures, authExtractTokensResponseMissingAccessToken, authExtractTokensResponseMissingRefreshToken, authExtractTokensResponseNotObject, authProviderFeatureUsedMultipleTimes, buildErrorMessage, buildQueryCacheKey, buildQueryString, buildRoute, buildTimestampFromSeconds, castQueryCreatorTypes, circularQueryDependency, circularQueryDependencyChecker, computeQueryAuthHeader, computeQueryBody, computeQueryHeaders, computeQueryMethod, computeQueryQueryParams, contentfulGqlLikePaginationAdapter, createBaseQuery, createBaseQueryCreator, createBearerAuthProvider, createDeleteQuery, createExecuteFn, createGetQuery, createGqlExecuteFn, createGqlMutationViaGet, createGqlMutationViaPost, createGqlQuery, createGqlQueryCreator, createGqlQueryViaGet, createGqlQueryViaPost, createHttpRequest, createInfinityQueryConfig, createLegacyQueryCreator, createPagedQueryStack, createPatchQuery, createPersistentAuthFeature, createPostQuery, createPutQuery, createQuery, createQueryClient, createQueryCollection, createQueryCollectionSignal, createQueryCollectionSubject, createQueryContext, createQueryCreator, createQueryErrorResponse, createQueryFeature, createQueryObject, createQueryRepository, createQuerySnapshotFn, createQueryStack, createSecureDeleteQuery, createSecureExecuteFactory, createSecureExecuteFn, createSecureGetQuery, createSecureGqlExecuteFn, createSecureGqlMutationViaGet, createSecureGqlMutationViaPost, createSecureGqlQuery, createSecureGqlQueryCreator, createSecureGqlQueryViaGet, createSecureGqlQueryViaPost, createSecurePatchQuery, createSecurePostQuery, createSecurePutQuery, createSecureQuery, createSecureQueryCreator, createTrackingFeature, createWebSocketClient, decryptBearer, deepFreeze, def, detectContentTypeHeader, dynLikePaginationAdapter, effectComputed, ethletePaginationAdapter, extractExpiresInSeconds, extractQuery, fakePaginationAdapter, filterFailure, filterNull, filterQueryStates, filterSuccess, forEachHeader, getDefaultHeaders, getQueryFeatureUsage, getResponseUrl, ggLikePaginationAdapter, gql, gqlDataPropertyMissingInResponse, hasHeader, ignoreAutoRefresh, injectInfinityQueryResponseDelay, injectQueryContext, insertFrom, invalidBaseRouteError, invalidBodyError, invalidRouteError, invalidStateInsideSecureExecuteFactory, isAutoRefresh, isBasicAuthProvider, isBearerAuthProvider, isClassValidatorError, isCreateGqlQueryOptions, isCustomHeaderAuthProvider, isEmptyString, isGqlQueryConfig, isLegacyQuery, isNaN$1 as isNaN, isQuery, isQueryCollection, isQueryStateCancelled, isQueryStateFailure, isQueryStateLoading, isQueryStatePrepared, isQueryStateSuccess, isRequestError, isSymfonyError, isSymfonyFormViolationListError, isSymfonyListError, isSymfonyPagerfantaOutOfRangeError, mapToPaginated, maybeExecute, mergeHeaders, nestedEffect, pagedQueryStackNextPageCalledWithoutPreviousPage, pagedQueryStackPageBiggerThanTotalPages, pagedQueryStackPreviousPageCalledButAlreadyAtFirstPage, paginatedEntityValueUpdater, parseAllXhrResponseHeaders, parseHttpErrorCodeToMessageDe, parseHttpErrorCodeToMessageEn, parseHttpErrorCodeToTitleDe, parseHttpErrorCodeToTitleEn, pathParamsMissingInRouteFunctionError, provideInfinityQueryResponseDelay, provideQueryClientForDevtools, queryArrayComputed, queryComputed, queryComputedTillTruthy, queryExecute, queryFeatureUsedMultipleTimes, queryStackTotalQueriesAndExpectedQueriesMismatch, queryStackWithArgsUsed, queryStackWithResponseUpdateUsed, queryStateAlreadyHasKeyError, queryStateCannotTransformError, queryStateDoesNotContainKeyError, queryStateErrorSignal, queryStateLoadingSignal, queryStateResponseSignal, queryStateSignal, removeFrom, request, resetExecuteState, resetPageOnError, serializeBody, setupQueryDependencies, setupQueryExecuteState, setupQueryState, shouldAutoExecuteGqlQuery, shouldAutoExecuteQuery, shouldCacheQuery, shouldRetryRequest, silenceMissingWithArgsFeatureErrorUsedButWithArgsPresent, skipPaginationPageParamCalculator, splitQueryConfig, switchQueryCollectionState, switchQueryState, takeUntilResponse, toQuerySignal, toQuerySubject, tokensNotAvailableInsideAuthAndExec, transformArrayResponse, transformExecStateToQueryState, transformGql, transformMethod, transformPaginatedResponse, transformToBoolean, transformToBooleanArray, transformToDate, transformToDateArray, transformToNumber, transformToNumberArray, transformToSort, transformToSortQueryParam, transformToString, transformToStringArray, uncacheableRequestHasAllowCacheParam, uncacheableRequestHasCacheKeyParam, v2BuildQueryCacheKey, v2ExtractExpiresInSeconds, v2ShouldCacheQuery, v2ShouldRetryRequest, withArgs, withArgsQueryFeatureMissingButRouteIsFunction, withAuthenticationQuery, withAutoRefresh, withAutoRefreshUsedInManualQuery, withAutoRefreshUsedOnUnsupportedHttpMethod, withErrorHandling, withInactivityLogout, withLogging, withPersistentAuth, withPolling, withPollingUsedOnUnsupportedHttpMethod, withRefreshQuery, withResponseUpdate, withSuccessHandling, withTokenExpirationWarning, withTokenRevocation, withTracking, wrapAsObservableSignal };
+export { BasicAuthProvider, BearerAuthFeatureType, BooleanArrayQueryField, CLEAR_QUERY_ARGS, CustomHeaderAuthProvider, DEFAULT_KEEP_UNUSED_FOR, DateArrayQueryField, DateQueryField, EntityStore, IGNORED_FILTER_COUNT_FIELDS, INFINITY_QUERY_TOKEN, InfinityQuery, InfinityQueryDirective, InfinityQueryTriggerDirective, LegacyQuery, LegacyQueryCreator, MAX_UNUSED_ENTRIES, NumberArrayQueryField, ParseHttpErrorCodeToMessageDePipe, ParseHttpErrorCodeToMessageEnPipe, ParseHttpErrorCodeToTitleDePipe, ParseHttpErrorCodeToTitleEnPipe, QUERY_CLIENT_DEVTOOLS_TOKEN, QueryDevtoolsComponent, QueryDirective, QueryError, QueryFeatureType, QueryField, QueryForm, QueryFormSignals, QueryRuntimeErrorCode, QueryShortNamePipe, QueryStore, SERVER_ERROR_KIND, SERVER_VIOLATION_ERROR_KIND, SPEED_BUFFER_TIME_IN_MS, SearchQueryField, SortQueryField, StringArrayQueryField, V2BearerAuthProvider, V2Query, V2QueryClient, V2QueryCreator, addQueryContainerHandling, applyQueryFeatures, authExtractTokensResponseMissingAccessToken, authExtractTokensResponseMissingRefreshToken, authExtractTokensResponseNotObject, authProviderFeatureUsedMultipleTimes, booleanArrayQueryField, buildErrorMessage, buildQueryCacheKey, buildQueryString, buildRoute, buildTimestampFromSeconds, castQueryCreatorTypes, circularQueryDependency, circularQueryDependencyChecker, computeQueryAuthHeader, computeQueryBody, computeQueryHeaders, computeQueryMethod, computeQueryQueryParams, consumeSuppressQueryStackDevtools, contentfulGqlLikePaginationAdapter, createBaseQuery, createBaseQueryCreator, createBearerAuthProvider, createDeleteQuery, createExecuteFn, createGetQuery, createGqlExecuteFn, createGqlMutationViaGet, createGqlMutationViaPost, createGqlQuery, createGqlQueryCreator, createGqlQueryViaGet, createGqlQueryViaPost, createHttpRequest, createInfinityQueryConfig, createLegacyQueryCreator, createPagedQueryStack, createPatchQuery, createPersistentAuthFeature, createPostQuery, createPutQuery, createQuery, createQueryClient, createQueryCollection, createQueryCollectionSignal, createQueryCollectionSubject, createQueryContext, createQueryCreator, createQueryErrorResponse, createQueryFeature, createQueryForm, createQueryObject, createQueryRepository, createQuerySnapshotFn, createQueryStack, createSecureDeleteQuery, createSecureExecuteFactory, createSecureExecuteFn, createSecureGetQuery, createSecureGqlExecuteFn, createSecureGqlMutationViaGet, createSecureGqlMutationViaPost, createSecureGqlQuery, createSecureGqlQueryCreator, createSecureGqlQueryViaGet, createSecureGqlQueryViaPost, createSecurePatchQuery, createSecurePostQuery, createSecurePutQuery, createSecureQuery, createSecureQueryCreator, createTrackingFeature, createWebSocketClient, dateArrayQueryField, dateQueryField, decryptBearer, deepFreeze, def, detectContentTypeHeader, dynLikePaginationAdapter, effectComputed, emptyQueryArgs, ethletePaginationAdapter, executeUntilSettled, extractExpiresInSeconds, extractFormViolations, extractQuery, fakePaginationAdapter, filterFailure, filterNull, filterQueryStates, filterSuccess, forEachHeader, getDefaultHeaders, getQueryClientName, getQueryFeatureUsage, getResponseUrl, ggLikePaginationAdapter, gql, gqlDataPropertyMissingInResponse, hasHeader, ignoreAutoRefresh, injectInfinityQueryResponseDelay, injectQueryContext, insertFrom, invalidBaseRouteError, invalidBodyError, invalidRouteError, invalidStateInsideSecureExecuteFactory, isAutoRefresh, isBasicAuthProvider, isBearerAuthProvider, isClassValidatorError, isCreateGqlQueryOptions, isCustomHeaderAuthProvider, isEmptyString, isGqlQueryConfig, isLegacyQuery, isNaN$1 as isNaN, isPageOutOfRangeError, isQuery, isQueryCollection, isQueryDevtoolsEnabled, isQueryErrorResponse, isQueryStateCancelled, isQueryStateFailure, isQueryStateLoading, isQueryStatePrepared, isQueryStateSuccess, isRequestError, isSymfonyError, isSymfonyFormViolationListError, isSymfonyListError, isSymfonyPagerfantaOutOfRangeError, legacyPrepareWithoutInjectionContext, mapToPaginated, mapViolationsToFormErrors, maybeExecute, mergeHeaders, nestedEffect, numberArrayQueryField, pagedQueryStackNextPageCalledWithoutPreviousPage, pagedQueryStackPageBiggerThanTotalPages, pagedQueryStackPreviousPageCalledButAlreadyAtFirstPage, paginatedEntityValueUpdater, parseAllXhrResponseHeaders, parseHttpErrorCodeToMessageDe, parseHttpErrorCodeToMessageEn, parseHttpErrorCodeToTitleDe, parseHttpErrorCodeToTitleEn, pathParamsMissingInRouteFunctionError, provideInfinityQueryResponseDelay, provideQueryClientForDevtools, provideQueryDevtools, queryArrayComputed, queryComputed, queryComputedTillTruthy, queryDevtoolsEntries, queryErrorMessage, queryErrorMessages, queryExecute, queryFeatureUsedMultipleTimes, queryField, querySequence, querySequenceAlreadyRunning, queryStackTotalQueriesAndExpectedQueriesMismatch, queryStackWithArgsUsed, queryStackWithResponseUpdateUsed, queryStateAlreadyHasKeyError, queryStateCannotTransformError, queryStateDoesNotContainKeyError, queryStateErrorSignal, queryStateLoadingSignal, queryStateResponseSignal, queryStateSignal, registerQueryDevtoolsEntry, removeFrom, request, resetExecuteState, resetPageOnError, searchQueryField, serializeBody, setupQueryDependencies, setupQueryExecuteState, setupQueryState, shouldAutoExecuteGqlQuery, shouldAutoExecuteQuery, shouldCacheQuery, shouldRetryRequest, silenceMissingWithArgsFeatureErrorUsedButWithArgsPresent, skipPaginationPageParamCalculator, sortQueryField, splitQueryConfig, stringArrayQueryField, stringifyQueryRoute, suppressNextQueryStackDevtools, switchQueryCollectionState, switchQueryState, takeUntilResponse, toQuerySignal, toQuerySubject, tokensNotAvailableInsideAuthAndExec, transformArrayResponse, transformExecStateToQueryState, transformGql, transformMethod, transformPaginatedResponse, transformToBoolean, transformToBooleanArray, transformToDate, transformToDateArray, transformToNumber, transformToNumberArray, transformToSort, transformToSortQueryParam, transformToString, transformToStringArray, uncacheableRequestHasAllowCacheParam, uncacheableRequestHasCacheKeyParam, v2BuildQueryCacheKey, v2ExtractExpiresInSeconds, v2ShouldCacheQuery, v2ShouldRetryRequest, validateWithQuery, validateWithV2Query, withArgs, withArgsQueryFeatureMissingButRouteIsFunction, withAuthenticationQuery, withAutoRefresh, withAutoRefreshUsedInManualQuery, withAutoRefreshUsedOnUnsupportedHttpMethod, withErrorHandling, withInactivityLogout, withLogging, withPageResetOnError, withPersistentAuth, withPolling, withPollingUsedOnUnsupportedHttpMethod, withRefreshQuery, withResponseUpdate, withSuccessHandling, withTokenExpirationWarning, withTokenRevocation, withTracking, wrapAsObservableSignal };
 //# sourceMappingURL=ethlete-query.mjs.map