@ethlete/core 5.0.0-next.64 → 5.0.0-next.66

package/fesm2022/ethlete-core.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { assertInInjectionContext, inject, DestroyRef, ElementRef, TemplateRef, InjectionToken, booleanAttribute, QueryList, RendererFactory2, RendererStyleFlags2, isSignal, DOCUMENT, signal, linkedSignal, isDevMode, computed, afterNextRender, effect, untracked, ApplicationRef, runInInjectionContext, NgZone, Injector, numberAttribute, PLATFORM_ID, afterRenderEffect, EnvironmentInjector, createComponent, ViewEncapsulation, Component, Directive, model, ViewContainerRef, input, CSP_NONCE, provideEnvironmentInitializer, output, createEnvironmentInjector, Pipe, makeEnvironmentProviders, afterEveryRender } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable, outputFromObservable } from '@angular/core/rxjs-interop';
-import { Subject, fromEvent, switchMap, startWith, of, defer, from, map, catchError, timer, takeUntil, tap, pairwise, debounceTime, merge, distinctUntilChanged, EMPTY, expand, skip, take, filter, BehaviorSubject, combineLatest, Observable, isObservable, firstValueFrom, defaultIfEmpty, concatMap, concat, finalize, exhaustMap, share, shareReplay, ReplaySubject } from 'rxjs';
+import { Subject, fromEvent, switchMap, startWith, of, defer, from, map, catchError, timer, takeUntil, tap, pairwise, debounceTime, merge, distinctUntilChanged, EMPTY, expand, skip, take, filter, isObservable, ignoreElements, BehaviorSubject, combineLatest, Observable, firstValueFrom, defaultIfEmpty, concatMap, concat, finalize, exhaustMap, share, shareReplay, ReplaySubject } from 'rxjs';
 import { FormGroup, FormArray, FormControl } from '@angular/forms';
 import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
-import { isPlatformBrowser, Location, DOCUMENT as DOCUMENT$1 } from '@angular/common';
-import { Router, NavigationEnd, NavigationSkipped, NavigationStart, NavigationError, RouterLink } from '@angular/router';
+import { isPlatformBrowser, Location, DOCUMENT as DOCUMENT$1, isPlatformServer } from '@angular/common';
+import { Router, NavigationEnd, NavigationCancel, NavigationError, NavigationSkipped, NavigationStart, RouterLink } from '@angular/router';
 import { Title, Meta, DomSanitizer } from '@angular/platform-browser';
 import { platform, offset, flip, shift, limitShift, computePosition, autoUpdate, hide, arrow, size } from '@floating-ui/dom';
 
@@ -2980,16 +2980,17 @@ const injectRouterEvent = /* @__PURE__ */ memoizeSignal(() => {
 });
 /**
  * Signal that indicates whether the router has been initialized.
- * The router is considered initialized once its first navigation has completed, including one that completed
- * before this signal was first injected.
+ * It turns true once the first navigation has ended (completed, was cancelled, failed or was skipped), so a
+ * component created while the first navigation runs still sees `false`. Injected after that point, it is `true`
+ * right away.
  */
 const injectIsRouterInitialized = /* @__PURE__ */ memoizeSignal(() => {
-    const event = injectRouterEvent();
-    const navigatedBefore = inject(Router).navigated;
-    return computed(() => {
-        const e = event();
-        return navigatedBefore || (e instanceof NavigationEnd && e.id !== -1) || e instanceof NavigationSkipped;
-    });
+    const router = inject(Router);
+    const firstNavigationRunning = router.currentNavigation()?.id === 1;
+    return toSignal(router.events.pipe(filter((e) => e instanceof NavigationEnd ||
+        e instanceof NavigationCancel ||
+        e instanceof NavigationError ||
+        e instanceof NavigationSkipped), map(() => true)), { initialValue: router.navigated && !firstNavigationRunning });
 });
 /**
  * Inject the current url.
@@ -3042,12 +3043,15 @@ const createRouterState = (router) => {
         route = route.firstChild;
     }
     const { data, params, queryParams, title, fragment } = route;
+    const navigation = router.currentNavigation();
     return {
         data,
         pathParams: params,
         queryParams,
         title: title ?? null,
         fragment,
+        id: navigation?.id ?? null,
+        trigger: navigation?.trigger ?? null,
     };
 };
 /**
@@ -3069,14 +3073,20 @@ const readUncommittedUrl = (router, location) => {
         : window.location.pathname + window.location.search + window.location.hash;
 };
 /**
- * Inject the complete router state. This includes the current route data, path params, query params, title and fragment.
+ * Inject the complete router state. This includes the current route data, path params, query params, title and fragment,
+ * plus the `id` and `trigger` of the current navigation (the last one once it has ended).
  */
 const injectRouterState = /* @__PURE__ */ memoizeSignal(() => {
     const event = injectRouterEvent();
     const router = inject(Router);
+    const lastStart = toSignal(router.events.pipe(filter((e) => e instanceof NavigationStart), map((e) => ({ id: e.id, trigger: e.navigationTrigger ?? null }))), { initialValue: null });
     return computed(() => {
         event();
-        return createRouterState(router);
+        const state = createRouterState(router);
+        if (state.id !== null)
+            return state;
+        const start = lastStart();
+        return { ...state, id: start?.id ?? null, trigger: start?.trigger ?? null };
     }, { equal });
 });
 /** Inject a signal containing the current route fragment (the part after the # inside the url if present) */
@@ -3264,7 +3274,32 @@ const ET_RESTORE_SCROLL = /* @__PURE__ */ Symbol('ET_RESTORE_SCROLL');
 const routerRestoreScroll = () => ({ [ET_RESTORE_SCROLL]: true });
 const SCROLL_RESTORATION_HOLDS_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const holds = new Set();
+    const states = new Set();
     return {
+        addState: (state) => {
+            states.add(state);
+            return () => states.delete(state);
+        },
+        saveStates: () => {
+            if (!states.size)
+                return undefined;
+            const values = {};
+            for (const state of states) {
+                values[state.key] = state.save();
+            }
+            return values;
+        },
+        restoreStates: (values) => {
+            const pending = [];
+            for (const state of states) {
+                if (!(state.key in values))
+                    continue;
+                const result = state.restore(values[state.key]);
+                if (isObservable(result))
+                    pending.push(result);
+            }
+            return pending;
+        },
         add: (isPending) => {
             holds.add(isPending);
             return () => holds.delete(isPending);
@@ -3299,12 +3334,55 @@ const holdScrollRestoration = (isPending) => {
     const remove = injectScrollRestorationHolds().add(isPending);
     inject(DestroyRef).onDestroy(remove);
 };
+/**
+ * Remember a piece of page state with the scroll entry, and restore it before the offset is applied -
+ * the number of loaded pages of a paged list, for instance, without which the saved offset points at
+ * the wrong items. Registers for the lifetime of the current injection context.
+ *
+ * Needs `restore.enabled` on {@link setupScrollRestoration}.
+ *
+ * @example
+ * // inside a route component
+ * registerScrollRestorationState({
+ *   key: 'pages',
+ *   save: () => pageCount(),
+ *   restore: (count) => loadPages$(count),
+ * });
+ */
+const registerScrollRestorationState = (config) => {
+    const remove = injectScrollRestorationHolds().addState(config);
+    inject(DestroyRef).onDestroy(remove);
+};
 /** Upper bound on remembered history entries. Each entry is a single number, so this is generous. */
 const MAX_STORED_POSITIONS = 200;
 const DEFAULT_RESTORE_TIMEOUT = 1000;
 const DEFAULT_RESTORE_MAX_TIMEOUT = 10_000;
 /** Events that mean the user took over scrolling, so a pending restoration must be abandoned. */
 const INTERACTION_EVENTS = ['wheel', 'touchmove', 'keydown'];
+const RELOAD_STORAGE_KEY = 'et-scroll-restoration';
+const readReloadEntry = () => {
+    try {
+        const raw = sessionStorage.getItem(RELOAD_STORAGE_KEY);
+        sessionStorage.removeItem(RELOAD_STORAGE_KEY);
+        const entry = raw ? JSON.parse(raw) : null;
+        return typeof entry?.top === 'number' && typeof entry.route === 'string' ? entry : null;
+    }
+    catch {
+        return null;
+    }
+};
+const writeReloadEntry = (entry) => {
+    try {
+        sessionStorage.setItem(RELOAD_STORAGE_KEY, JSON.stringify(entry));
+    }
+    catch {
+        // Storage may be full or blocked (private mode); a reload then simply starts at the top.
+    }
+};
+const isFreshNavigation = () => {
+    const entry = performance.getEntriesByType?.('navigation')[0];
+    return entry?.type === 'navigate';
+};
 /** Key order is navigation order, not declaration order, so two spellings of one URL compare equal. */
 const serializeQueryParams = (queryParams) => Object.keys(queryParams)
     .sort()
@@ -3334,6 +3412,8 @@ const setupScrollRestoration = (config = {}) => {
     const restoreTimeout = config.restore?.timeout ?? DEFAULT_RESTORE_TIMEOUT;
     const restoreMaxTimeout = config.restore?.maxTimeout ?? DEFAULT_RESTORE_MAX_TIMEOUT;
     const clampOnTimeout = config.restore?.clampOnTimeout ?? true;
+    const restoreOnReload = restoreEnabled && config.restore?.restoreOnReload === true;
+    let reloadEntry = restoreOnReload && !isFreshNavigation() ? readReloadEntry() : null;
     const resolveScrollElement = () => {
         const el = typeof config.scrollElement === 'function' ? config.scrollElement() : config.scrollElement;
         return el ?? document.documentElement;
@@ -3362,11 +3442,22 @@ const setupScrollRestoration = (config = {}) => {
         pendingRestore?.();
         pendingRestore = null;
     };
-    const scheduleRestore = (target) => {
+    const captureEntry = () => ({
+        top: resolveScrollElement().scrollTop,
+        route: prev.route,
+        search: serializeQueryParams(prev.state.queryParams),
+        state: holds.saveStates(),
+    });
+    const scheduleRestore = (entry) => {
         cancelPendingRestore();
+        const target = entry.top;
         let frame = 0;
         let started = false;
         let cancelled = false;
+        let renderRef = null;
+        let fallback;
+        let stateSubscription = null;
+        let stateDeadline;
         // The user scrolling always wins over a restoration we have not committed yet.
         const abortByUser = () => cancelPendingRestore();
         const hardDeadline = Date.now() + restoreMaxTimeout;
@@ -3406,8 +3497,14 @@ const setupScrollRestoration = (config = {}) => {
             started = true;
             frame = requestAnimationFrame(step);
         };
-        const renderRef = afterNextRender({ read: start }, { injector });
-        const fallback = setTimeout(start);
+        const waitForRender = () => {
+            if (cancelled)
+                return;
+            clearTimeout(stateDeadline);
+            renderRef = afterNextRender({ read: start }, { injector });
+            fallback = setTimeout(start);
+        };
+        const pendingStates = entry.state ? holds.restoreStates(entry.state) : [];
         for (const eventName of INTERACTION_EVENTS) {
             document.addEventListener(eventName, abortByUser, { capture: true, passive: true });
         }
@@ -3415,7 +3512,9 @@ const setupScrollRestoration = (config = {}) => {
             // `cancelled` is not redundant with destroying the render hook: a superseded restoration must
             // not apply its (now stale) offset even if its hook had already been queued to run.
             cancelled = true;
-            renderRef.destroy();
+            renderRef?.destroy();
+            stateSubscription?.unsubscribe();
+            clearTimeout(stateDeadline);
             if (frame)
                 cancelAnimationFrame(frame);
             clearTimeout(fallback);
@@ -3423,13 +3522,22 @@ const setupScrollRestoration = (config = {}) => {
                 document.removeEventListener(eventName, abortByUser, { capture: true });
             }
         };
+        if (pendingStates.length) {
+            stateDeadline = setTimeout(cancelPendingRestore, restoreMaxTimeout);
+            stateSubscription = merge(...pendingStates)
+                .pipe(ignoreElements())
+                .subscribe({ complete: waitForRender, error: waitForRender });
+        }
+        else {
+            waitForRender();
+        }
     };
     /**
      * The offset the most recently left entry for this page had. A target without query params means
      * "that page", whichever query state it was last in - the crumb linking to an overview does not
      * know, and should not have to reproduce, the filter the user left it under.
      */
-    const findLastVisitedOffset = (route, search) => {
+    const findLastVisitedEntry = (route, search) => {
         const entries = [...positions.values()];
         for (let i = entries.length - 1; i >= 0; i--) {
             const entry = entries[i];
@@ -3437,7 +3545,7 @@ const setupScrollRestoration = (config = {}) => {
                 continue;
             if (search && entry.search !== search)
                 continue;
-            return entry.top;
+            return entry;
         }
         return undefined;
     };
@@ -3450,11 +3558,7 @@ const setupScrollRestoration = (config = {}) => {
         // what `findLastVisitedOffset` walks backwards and what the cap below evicts from.
         if (lastNavigationId !== null) {
             positions.delete(lastNavigationId);
-            positions.set(lastNavigationId, {
-                top: resolveScrollElement().scrollTop,
-                route: prev.route,
-                search: serializeQueryParams(prev.state.queryParams),
-            });
+            positions.set(lastNavigationId, captureEntry());
         }
         if (positions.size > MAX_STORED_POSITIONS) {
             const oldest = positions.keys().next();
@@ -3482,7 +3586,9 @@ const setupScrollRestoration = (config = {}) => {
         const didFragmentChange = prevState.fragment !== currState.fragment;
         prev = curr;
         const wasMarkedAsReturn = wantsRestore;
+        const reloaded = reloadEntry;
         wantsRestore = false;
+        reloadEntry = null;
         if (event instanceof NavigationEnd) {
             lastNavigationId = event.id;
         }
@@ -3496,17 +3602,24 @@ const setupScrollRestoration = (config = {}) => {
             // The saved offset wins over both scroll to top and fragment scrolling: the user may well have
             // scrolled away from the anchor before leaving the page.
             if (target !== undefined) {
-                scheduleRestore(target.top);
+                scheduleRestore(target);
                 return;
             }
         }
         if (restoreEnabled && wasMarkedAsReturn) {
-            const target = findLastVisitedOffset(curr.route, serializeQueryParams(currState.queryParams));
+            const target = findLastVisitedEntry(curr.route, serializeQueryParams(currState.queryParams));
             if (target !== undefined) {
                 scheduleRestore(target);
                 return;
             }
         }
+        if (reloaded &&
+            event instanceof NavigationEnd &&
+            reloaded.route === curr.route &&
+            reloaded.search === serializeQueryParams(currState.queryParams)) {
+            scheduleRestore(reloaded);
+            return;
+        }
         if (sameUrlNavigation) {
             const allQueryParams = [
                 ...new Set(Object.keys(prevState.queryParams).concat(Object.keys(currState.queryParams))),
@@ -3548,8 +3661,13 @@ const setupScrollRestoration = (config = {}) => {
         onNavigationEnd(event);
     }), takeUntilDestroyed())
         .subscribe();
+    const onPageHide = () => writeReloadEntry(captureEntry());
+    if (restoreOnReload) {
+        window.addEventListener('pagehide', onPageHide);
+    }
     destroyRef.onDestroy(() => {
         cancelPendingRestore();
+        window.removeEventListener('pagehide', onPageHide);
         if (restoreEnabled && previousScrollRestoration !== null) {
             history.scrollRestoration = previousScrollRestoration;
         }
@@ -4549,17 +4667,15 @@ const provideFocusVisibleTracker = /* @__PURE__ */ toProvideFn(FOCUS_VISIBLE_TRA
 const injectFocusVisibleTracker = /* @__PURE__ */ toInjectFn(FOCUS_VISIBLE_TRACKER_DEF);
 const FOCUS_VISIBLE_TRACKER_TOKEN = /* @__PURE__ */ toToken(FOCUS_VISIBLE_TRACKER_DEF);
 
-const LOCALE_DEF = /* @__PURE__ */ defineRootProvider(() => {
-    const currentLocale = signal('en', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "currentLocale" }] : /* istanbul ignore next */ []));
-    return {
-        currentLocale,
-    };
-}, {
-    name: 'Locale',
+const LOCALE = /* @__PURE__ */ new InjectionToken('Locale', {
+    providedIn: 'root',
+    factory: () => ({ currentLocale: signal('en') }),
 });
-const provideLocale = /* @__PURE__ */ toProvideFn(LOCALE_DEF);
-const injectLocale = /* @__PURE__ */ toInjectFn(LOCALE_DEF);
+/** Provides the app locale, starting at `locale` (default `'en'`). Change it later with `injectLocale().currentLocale.set(...)`. */
+const provideLocale = (locale) => [
+    { provide: LOCALE, useFactory: () => ({ currentLocale: signal(locale ?? 'en') }) },
+];
+const injectLocale = () => inject(LOCALE);
 
 const resolveSource = (source, locale) => typeof source === 'function' ? source(locale) : source;
 /**
@@ -4634,7 +4750,8 @@ const STYLE_MANAGER_DEF = /* @__PURE__ */ defineRootProvider(() => {
         const nextContainer = renderer.createElement('div');
         renderer.addClass(nextContainer, 'et-style-manager');
         renderer.setAttribute(nextContainer, 'aria-hidden', 'true');
-        renderer.setStyle(nextContainer, { display: 'none' });
+        // A style attribute needs 'unsafe-inline' in a CSP's style-src-attr; a nonce does not cover it.
+        renderer.setAttribute(nextContainer, 'hidden', '');
         renderer.appendChild(getContainerParent(), nextContainer);
         container = nextContainer;
         return nextContainer;
@@ -8016,6 +8133,8 @@ let middlewareExtras = null;
 const registerAnchoredPositionMiddlewareExtras = (extras) => {
     middlewareExtras = extras;
 };
+/** Whether `enableAnchoredOverlayPositionExtras()` has run, so `arrow`, `autoResize` and `autoHide` take effect. */
+const hasAnchoredOverlayPositionExtras = () => middlewareExtras !== null;
 const requireMiddlewareExtras = (feature) => {
     if (!middlewareExtras && isDevMode()) {
         console.error(`An anchored overlay uses "${feature}", but the matching floating-ui middleware is not installed. Call \`enableAnchoredOverlayPositionExtras()\` from @ethlete/core once during app setup.`);
@@ -8135,11 +8254,14 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
     if (strategy.minAvailableSpace !== undefined && !strategy.autoResize && isDevMode()) {
         console.error('An anchored overlay sets `minAvailableSpace` without `autoResize`, so it is kept on a side it does not fit on with nothing capping it to the space there. Enable `autoResize` or drop `minAvailableSpace`.');
     }
+    // A width the pane declares through `--et-overlay-width` must survive positioning, and the pane
+    // has to be measured at it - the variable may be set only after this runs.
+    const declaredWidth = () => paneElement.style.getPropertyValue('--et-overlay-width') || null;
     renderer.setStyle(paneElement, {
         position: 'absolute',
         top: '0',
         left: '0',
-        width: mirrorWidthElement ? `${mirrorWidthElement.offsetWidth}px` : 'max-content',
+        width: mirrorWidthElement ? `${mirrorWidthElement.offsetWidth}px` : 'var(--et-overlay-width, max-content)',
     });
     /**
      * What to do when the reference is not somewhere the pane can be positioned against: either removed
@@ -8253,7 +8375,7 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
             }
             renderer.setStyle(paneElement, {
                 transform: `translate3d(${x}px, ${y}px, 0)`,
-                width: mirrorWidthElement ? `${mirrorWidthElement.offsetWidth}px` : null,
+                width: mirrorWidthElement ? `${mirrorWidthElement.offsetWidth}px` : declaredWidth(),
                 visibility: null,
             });
             // exposed so animations can compose their transforms with the anchored position
@@ -9694,6 +9816,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         }], ctorParameters: () => [] });
 
 const COLOR_SCHEME_TYPE = new InjectionToken('ColorSchemeType');
+/** True while the scheme is only known to CSS: a server render in `system` mode with a default per surface type. */
+const COLOR_SCHEME_UNRESOLVED = new InjectionToken('ColorSchemeUnresolved');
+
+const COLOR_PROVIDER = new InjectionToken('ColorProvider');
+/**
+ * The color provider attached to a bootstrapped root component (e.g. `ProvideColorDirective` in
+ * the app component's `hostDirectives`), if any. Detached DOM such as overlay panes can't reach
+ * it through element DI, so overlay containers fall back to this when resolving the provider to
+ * `syncWithProvider()` - resolve at sync time, not at injection time, since root components only
+ * register with `ApplicationRef` once bootstrap completes.
+ */
+const resolveAppRootColorProvider = (appRef) => {
+    for (const componentRef of appRef.components) {
+        const provider = componentRef.injector.get(COLOR_PROVIDER, null);
+        if (provider) {
+            return provider;
+        }
+    }
+    return null;
+};
+const FORCED_COLOR_UNSET = /* @__PURE__ */ Symbol('FORCED_COLOR_UNSET');
+const appsWarnedAboutMissingThemes = /* @__PURE__ */ new WeakSet();
+class ProvideColorDirective {
+    constructor() {
+        this.themes = injectColorThemes({ optional: true });
+        this.prefix = injectColorThemesPrefix({ optional: true });
+        this.injector = inject(Injector);
+        this.rootSurfaceTheme = injectRootSurfaceTheme();
+        this.parentProvider = inject(COLOR_PROVIDER, { optional: true, skipSelf: true });
+        this.appRef = inject(ApplicationRef);
+        this.currentProviderSync = null;
+        this.forcedColor = signal(FORCED_COLOR_UNSET, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "forcedColor" }] : /* istanbul ignore next */ []));
+        this.color = input(undefined, { ...(ngDevMode ? { debugName: "color" } : /* istanbul ignore next */ {}), alias: 'etProvideColor' });
+        this.effectiveColor = computed(() => {
+            const forcedColor = this.forcedColor();
+            if (forcedColor !== FORCED_COLOR_UNSET) {
+                return forcedColor;
+            }
+            return this.color();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveColor" }] : /* istanbul ignore next */ []));
+        /**
+         * The color that actually applies at this provider's location: its own effective color, or -
+         * when this provider is passive (no input, nothing forced) - the nearest ancestor provider's.
+         * Mirrors the CSS cascade, which falls through a provider's `-color--inherited` scope class;
+         * consumers that re-apply context across detached DOM (overlay panes) must use this instead
+         * of `effectiveColor` or a passive in-between provider (e.g. a form field's) erases the theme.
+         */
+        this.resolvedColor = computed(() => {
+            const own = this.effectiveColor();
+            const ownName = typeof own === 'object' && own !== null ? own.name : own;
+            if (ownName) {
+                return own;
+            }
+            return this.parentProvider?.resolvedColor();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedColor" }] : /* istanbul ignore next */ []));
+        this.colorName = computed(() => {
+            const raw = this.effectiveColor();
+            const value = typeof raw === 'object' && raw !== null ? raw.name : raw;
+            if (value === SURFACE_COLOR)
+                return SURFACE_COLOR;
+            if (!value)
+                return;
+            if (!this.themes) {
+                if (isDevMode() && !appsWarnedAboutMissingThemes.has(this.appRef)) {
+                    appsWarnedAboutMissingThemes.add(this.appRef);
+                    console.warn(`etProvideColor="${value}" has no effect because no color themes are registered. Please make sure to add provideColorThemesWithTailwind4()`);
+                }
+                return;
+            }
+            if (isDevMode() && !this.themes.some((theme) => theme.name === value)) {
+                console.error(`Theme ${value} does not exist. Please make sure to add it to provideColorThemesWithTailwind4()`);
+            }
+            return createCssColorThemeName(value);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colorName" }] : /* istanbul ignore next */ []));
+        this.paintedColorName = computed(() => {
+            const raw = this.effectiveColor();
+            const value = typeof raw === 'object' && raw !== null ? raw.name : raw;
+            if (!this.colorName() || !value)
+                return;
+            const surface = this.injector.get(SURFACE_PROVIDER, null)?.activeTheme() ?? this.rootSurfaceTheme();
+            const variant = resolveColorThemeVariant(surface, value, this.themes);
+            if (variant === value)
+                return this.colorName();
+            if (isDevMode() && !this.themes?.some((theme) => theme.name === variant)) {
+                console.error(`Surface theme ${surface?.name} names the color theme ${variant}, which does not exist. Please make sure to add it to provideColorThemesWithTailwind4()`);
+            }
+            return createCssColorThemeName(variant);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "paintedColorName" }] : /* istanbul ignore next */ []));
+        this.themeClass = computed(() => {
+            const prefix = this.prefix || 'et';
+            const name = this.paintedColorName();
+            return name ? `${prefix}-color--${name}` : `${prefix}-color--inherited`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "themeClass" }] : /* istanbul ignore next */ []));
+    }
+    syncWithProvider(provider) {
+        this.currentProviderSync?.destroy();
+        runInInjectionContext(this.injector, () => {
+            this.currentProviderSync = effect(() => {
+                const provideColor = provider.resolvedColor();
+                untracked(() => {
+                    if (provideColor === undefined) {
+                        this.clearForcedColor();
+                        return;
+                    }
+                    this.forceColor(provideColor);
+                });
+            }, /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "currentProviderSync" }] : /* istanbul ignore next */ []));
+        });
+    }
+    stopSyncWithProvider() {
+        const hadProviderSync = !!this.currentProviderSync;
+        this.currentProviderSync?.destroy();
+        this.currentProviderSync = null;
+        if (hadProviderSync) {
+            this.clearForcedColor();
+        }
+    }
+    forceColor(color) {
+        this.forcedColor.set(color);
+    }
+    clearForcedColor() {
+        if (this.forcedColor() === FORCED_COLOR_UNSET) {
+            return;
+        }
+        this.forcedColor.set(FORCED_COLOR_UNSET);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProvideColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ProvideColorDirective, isStandalone: true, selector: "[etProvideColor]", inputs: { color: { classPropertyName: "color", publicName: "etProvideColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "themeClass()" } }, providers: [{ provide: COLOR_PROVIDER, useExisting: ProvideColorDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProvideColorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etProvideColor]',
+                    providers: [{ provide: COLOR_PROVIDER, useExisting: ProvideColorDirective }],
+                    host: {
+                        '[class]': 'themeClass()',
+                    },
+                }]
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "etProvideColor", required: false }] }] } });
 
 const TOLERANCE_PX = 0.5;
 const readFontSizePx = (view, element) => {
@@ -9795,348 +10063,6 @@ const injectDefaultSurfaceTheme = (type) => {
     return defaults.length === 1 ? (defaults[0] ?? null) : null;
 };
 
-const findRootSurfaceTheme = (defaults, type) => {
-    if (defaults.length <= 1)
-        return defaults[0] ?? null;
-    return defaults.find((theme) => theme.type === type) ?? null;
-};
-const COLOR_SCHEME_DEF = /* @__PURE__ */ defineProvider(() => {
-    const root = inject(DOCUMENT).documentElement;
-    const prefix = injectSurfaceThemesPrefix({ optional: true }) || 'et';
-    const prefersDark = injectBreakpointObserver().observeMediaQuery('(prefers-color-scheme: dark)');
-    const mode = signal('system', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    const surfaceDefaults = injectSurfaceThemes({ optional: true })?.filter((theme) => theme.isDefault) ?? [];
-    const colorThemes = injectColorThemes({ optional: true });
-    const colorPrefix = injectColorThemesPrefix({ optional: true }) || 'et';
-    const type = computed(() => {
-        const current = mode();
-        if (current !== 'system')
-            return current;
-        return prefersDark() ? 'dark' : 'light';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    const rootSurface = computed(() => findRootSurfaceTheme(surfaceDefaults, type()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rootSurface" }] : /* istanbul ignore next */ []));
-    const rootColorClass = computed(() => {
-        const chosen = colorThemes?.find((theme) => theme.isDefault)?.name;
-        if (!chosen)
-            return null;
-        const variant = resolveColorThemeVariant(rootSurface(), chosen, colorThemes);
-        return variant === chosen ? null : `${colorPrefix}-color--${createCssColorThemeName(variant)}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rootColorClass" }] : /* istanbul ignore next */ []));
-    let paintedColorClass = null;
-    const clearColorClass = () => {
-        if (paintedColorClass)
-            root.classList.remove(paintedColorClass);
-        paintedColorClass = null;
-    };
-    effect(() => {
-        const next = rootColorClass();
-        clearColorClass();
-        if (next)
-            root.classList.add(next);
-        paintedColorClass = next;
-    });
-    const clearClasses = () => root.classList.remove(`${prefix}-scheme--light`, `${prefix}-scheme--dark`);
-    const setMode = (next) => {
-        clearClasses();
-        if (next !== 'system')
-            root.classList.add(`${prefix}-scheme--${next}`);
-        mode.set(next);
-    };
-    inject(DestroyRef).onDestroy(() => {
-        clearClasses();
-        clearColorClass();
-    });
-    return { mode: mode.asReadonly(), type, rootSurface, setMode };
-}, { name: 'Color Scheme' });
-const provideColorSchemeState = /* @__PURE__ */ toProvideFn(COLOR_SCHEME_DEF);
-/**
- * Inject the app's color scheme: `mode()` is what the app asked for, `type()` the surface type the
- * root paints, `rootSurface()` the default surface theme of that type, and `setMode()` switches it.
- * Needs `provideColorScheme()`.
- */
-const injectColorScheme = /* @__PURE__ */ toInjectFn(COLOR_SCHEME_DEF);
-/**
- * Lets the app switch between its default light and dark surface with a class on `<html>`, instead of
- * only following `prefers-color-scheme`. It also paints the root surface's `colorThemeVariants` entry for the
- * default accent on `<html>`. Add it to the application config, next to
- * `provideSurfaceThemesWithTailwind4()`.
- */
-const provideColorScheme = (config) => makeEnvironmentProviders([
-    provideColorSchemeState(),
-    { provide: COLOR_SCHEME_TYPE, useFactory: () => injectColorScheme().type },
-    provideEnvironmentInitializer(() => injectColorScheme().setMode(config?.mode ?? 'system')),
-]);
-/**
- * Inject a signal of the default surface theme the root paints where nothing scopes one. If the app
- * registers a default for both surface types, it follows `injectColorScheme()`, and is `null` without
- * `provideColorScheme()`.
- */
-const injectRootSurfaceTheme = () => {
-    const defaults = injectSurfaceThemes({ optional: true })?.filter((theme) => theme.isDefault) ?? [];
-    const colorSchemeType = inject(COLOR_SCHEME_TYPE, { optional: true });
-    return computed(() => findRootSurfaceTheme(defaults, colorSchemeType?.()));
-};
-
-/**
- * Reserved color name. Resolves the color tokens from the ambient surface's neutral swatch
- * (`SurfaceTheme['interactionColor']`) instead of a registered accent, so a secondary action can
- * read as chrome without the app registering a neutral color theme. Apps must not register a color
- * theme under this name.
- */
-const SURFACE_COLOR = 'surface';
-const createCssColorThemeName = (name) => name.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-const COLOR_THEMES_DEF = /* @__PURE__ */ defineStaticProvider(undefined, {
-    name: 'Color Themes',
-});
-const ɵProvideColorThemes = /* @__PURE__ */ toProvideFn(COLOR_THEMES_DEF);
-const injectColorThemes = /* @__PURE__ */ toInjectFn(COLOR_THEMES_DEF);
-const COLOR_THEMES_PREFIX_DEF = /* @__PURE__ */ defineStaticProvider('et', {
-    name: 'Themes Prefix',
-});
-const ɵProvideColorThemesPrefix = /* @__PURE__ */ toProvideFn(COLOR_THEMES_PREFIX_DEF);
-const injectColorThemesPrefix = /* @__PURE__ */ toInjectFn(COLOR_THEMES_PREFIX_DEF);
-const provideColorThemesWithTailwind4 = (themes, prefix = 'et') => {
-    if (isDevMode() && themes.some((theme) => theme.name === SURFACE_COLOR)) {
-        console.error(`[provideColorThemesWithTailwind4] "${SURFACE_COLOR}" is a reserved color name that resolves to the ambient surface's neutral swatch. Rename your theme.`);
-    }
-    return [ɵProvideColorThemes(themes), ɵProvideColorThemesPrefix(prefix)];
-};
-const findColorThemeByType = (themes, type, caller) => {
-    if (!themes) {
-        throw new Error(`[${caller}] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
-    }
-    const theme = themes.find((t) => t.type === type);
-    if (!theme) {
-        throw new Error(`[${caller}] No color theme with type "${type}" found. Add a theme with type: "${type}" to provideColorThemesWithTailwind4().`);
-    }
-    if (isDevMode()) {
-        const duplicates = themes.filter((t) => t.type === type);
-        if (duplicates.length > 1) {
-            console.error(`[${caller}] Multiple themes with type "${type}" found: ${duplicates.map((t) => t.name).join(', ')}. Only the first one will be used.`);
-        }
-    }
-    return theme;
-};
-const injectColorThemeByType = (type) => findColorThemeByType(injectColorThemes({ optional: true }), type, 'injectColorThemeByType');
-/**
- * The color theme name that draws `chosenName` on `surface`: the surface's `colorThemeVariants` entry for it,
- * else `chosenName` itself. Always pass the chosen accent, never an already swapped one.
- */
-const resolveColorThemeVariant = (surface, chosenName, themes) => {
-    if (!surface || chosenName === SURFACE_COLOR)
-        return chosenName;
-    const variants = surface.colorThemeVariants;
-    const variant = variants?.[chosenName];
-    if (variant)
-        return variant;
-    const chosen = themes?.find((t) => t.name === chosenName);
-    const semantic = chosen?.type ? surface.semanticColorThemes?.[chosen.type] : undefined;
-    if (semantic)
-        return semantic;
-    if (surface.colorTheme && chosen?.isDefault)
-        return surface.colorTheme;
-    return chosenName;
-};
-/**
- * A signal of the color theme for `type` on the surface this element renders on: the first registered theme
- * of that `type`, swapped for the nearest surface's `colorThemeVariants` entry. Reading it throws when the app
- * registered no theme of that `type`, so read it only for a state that renders.
- *
- * @example
- * protected successTheme = injectSemanticColorTheme('success');
- * // <span [etProvideColor]="successTheme()">+12%</span>
- */
-const injectSemanticColorTheme = (type) => {
-    const themes = injectColorThemes({ optional: true });
-    const surfaceProvider = inject(SURFACE_PROVIDER, { optional: true });
-    const rootSurface = injectRootSurfaceTheme();
-    return computed(() => {
-        const chosen = findColorThemeByType(themes, type, 'injectSemanticColorTheme');
-        const surface = surfaceProvider?.activeTheme() ?? rootSurface();
-        const variantName = resolveColorThemeVariant(surface, chosen.name, themes);
-        if (variantName === chosen.name)
-            return chosen;
-        const variant = themes?.find((t) => t.name === variantName);
-        if (variant)
-            return variant;
-        if (isDevMode()) {
-            console.error(`[injectSemanticColorTheme] Surface theme "${surface?.name}" maps "${type}" to the color theme "${variantName}", which is not registered. Add it to provideColorThemesWithTailwind4().`);
-        }
-        return chosen;
-    });
-};
-/** @deprecated Use `injectSemanticColorTheme('error')`, which follows the surface the element renders on. */
-const injectErrorTheme = () => injectColorThemeByType('error');
-/** @deprecated Use `injectSemanticColorTheme('warning')`, which follows the surface the element renders on. */
-const injectWarningTheme = () => injectColorThemeByType('warning');
-/** @deprecated Use `injectSemanticColorTheme('success')`, which follows the surface the element renders on. */
-const injectSuccessTheme = () => injectColorThemeByType('success');
-const injectDefaultColorTheme = () => {
-    const themes = injectColorThemes({ optional: true });
-    if (!themes) {
-        throw new Error(`[injectDefaultColorTheme] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
-    }
-    const theme = themes.find((t) => t.isDefault);
-    if (!theme) {
-        throw new Error(`[injectDefaultColorTheme] No color theme with isDefault: true found. Mark one theme as the default in provideColorThemesWithTailwind4().`);
-    }
-    if (isDevMode()) {
-        const duplicates = themes.filter((t) => t.isDefault);
-        if (duplicates.length > 1) {
-            console.error(`[injectDefaultColorTheme] Multiple themes with isDefault: true found: ${duplicates.map((t) => t.name).join(', ')}. Only the first one will be used.`);
-        }
-    }
-    return theme;
-};
-
-const COLOR_PROVIDER = new InjectionToken('ColorProvider');
-/**
- * The color provider attached to a bootstrapped root component (e.g. `ProvideColorDirective` in
- * the app component's `hostDirectives`), if any. Detached DOM such as overlay panes can't reach
- * it through element DI, so overlay containers fall back to this when resolving the provider to
- * `syncWithProvider()` - resolve at sync time, not at injection time, since root components only
- * register with `ApplicationRef` once bootstrap completes.
- */
-const resolveAppRootColorProvider = (appRef) => {
-    for (const componentRef of appRef.components) {
-        const provider = componentRef.injector.get(COLOR_PROVIDER, null);
-        if (provider) {
-            return provider;
-        }
-    }
-    return null;
-};
-const FORCED_COLOR_UNSET = /* @__PURE__ */ Symbol('FORCED_COLOR_UNSET');
-const appsWarnedAboutMissingThemes = /* @__PURE__ */ new WeakSet();
-class ProvideColorDirective {
-    constructor() {
-        this.themes = injectColorThemes({ optional: true });
-        this.prefix = injectColorThemesPrefix({ optional: true });
-        this.injector = inject(Injector);
-        this.rootSurfaceTheme = injectRootSurfaceTheme();
-        this.parentProvider = inject(COLOR_PROVIDER, { optional: true, skipSelf: true });
-        this.appRef = inject(ApplicationRef);
-        this.currentProviderSync = null;
-        this.forcedColor = signal(FORCED_COLOR_UNSET, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "forcedColor" }] : /* istanbul ignore next */ []));
-        this.color = input(undefined, { ...(ngDevMode ? { debugName: "color" } : /* istanbul ignore next */ {}), alias: 'etProvideColor' });
-        this.effectiveColor = computed(() => {
-            const forcedColor = this.forcedColor();
-            if (forcedColor !== FORCED_COLOR_UNSET) {
-                return forcedColor;
-            }
-            return this.color();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "effectiveColor" }] : /* istanbul ignore next */ []));
-        /**
-         * The color that actually applies at this provider's location: its own effective color, or -
-         * when this provider is passive (no input, nothing forced) - the nearest ancestor provider's.
-         * Mirrors the CSS cascade, which falls through a provider's `-color--inherited` scope class;
-         * consumers that re-apply context across detached DOM (overlay panes) must use this instead
-         * of `effectiveColor` or a passive in-between provider (e.g. a form field's) erases the theme.
-         */
-        this.resolvedColor = computed(() => {
-            const own = this.effectiveColor();
-            const ownName = typeof own === 'object' && own !== null ? own.name : own;
-            if (ownName) {
-                return own;
-            }
-            return this.parentProvider?.resolvedColor();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolvedColor" }] : /* istanbul ignore next */ []));
-        this.colorName = computed(() => {
-            const raw = this.effectiveColor();
-            const value = typeof raw === 'object' && raw !== null ? raw.name : raw;
-            if (value === SURFACE_COLOR)
-                return SURFACE_COLOR;
-            if (!value)
-                return;
-            if (!this.themes) {
-                if (isDevMode() && !appsWarnedAboutMissingThemes.has(this.appRef)) {
-                    appsWarnedAboutMissingThemes.add(this.appRef);
-                    console.warn(`etProvideColor="${value}" has no effect because no color themes are registered. Please make sure to add provideColorThemesWithTailwind4()`);
-                }
-                return;
-            }
-            if (isDevMode() && !this.themes.some((theme) => theme.name === value)) {
-                console.error(`Theme ${value} does not exist. Please make sure to add it to provideColorThemesWithTailwind4()`);
-            }
-            return createCssColorThemeName(value);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "colorName" }] : /* istanbul ignore next */ []));
-        this.paintedColorName = computed(() => {
-            const raw = this.effectiveColor();
-            const value = typeof raw === 'object' && raw !== null ? raw.name : raw;
-            if (!this.colorName() || !value)
-                return;
-            const surface = this.injector.get(SURFACE_PROVIDER, null)?.activeTheme() ?? this.rootSurfaceTheme();
-            const variant = resolveColorThemeVariant(surface, value, this.themes);
-            if (variant === value)
-                return this.colorName();
-            if (isDevMode() && !this.themes?.some((theme) => theme.name === variant)) {
-                console.error(`Surface theme ${surface?.name} names the color theme ${variant}, which does not exist. Please make sure to add it to provideColorThemesWithTailwind4()`);
-            }
-            return createCssColorThemeName(variant);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "paintedColorName" }] : /* istanbul ignore next */ []));
-        this.themeClass = computed(() => {
-            const prefix = this.prefix || 'et';
-            const name = this.paintedColorName();
-            return name ? `${prefix}-color--${name}` : `${prefix}-color--inherited`;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "themeClass" }] : /* istanbul ignore next */ []));
-    }
-    syncWithProvider(provider) {
-        this.currentProviderSync?.destroy();
-        runInInjectionContext(this.injector, () => {
-            this.currentProviderSync = effect(() => {
-                const provideColor = provider.resolvedColor();
-                untracked(() => {
-                    if (provideColor === undefined) {
-                        this.clearForcedColor();
-                        return;
-                    }
-                    this.forceColor(provideColor);
-                });
-            }, /* @ts-ignore */
-            ...(ngDevMode ? [{ debugName: "currentProviderSync" }] : /* istanbul ignore next */ []));
-        });
-    }
-    stopSyncWithProvider() {
-        const hadProviderSync = !!this.currentProviderSync;
-        this.currentProviderSync?.destroy();
-        this.currentProviderSync = null;
-        if (hadProviderSync) {
-            this.clearForcedColor();
-        }
-    }
-    forceColor(color) {
-        this.forcedColor.set(color);
-    }
-    clearForcedColor() {
-        if (this.forcedColor() === FORCED_COLOR_UNSET) {
-            return;
-        }
-        this.forcedColor.set(FORCED_COLOR_UNSET);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProvideColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ProvideColorDirective, isStandalone: true, selector: "[etProvideColor]", inputs: { color: { classPropertyName: "color", publicName: "etProvideColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "themeClass()" } }, providers: [{ provide: COLOR_PROVIDER, useExisting: ProvideColorDirective }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ProvideColorDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[etProvideColor]',
-                    providers: [{ provide: COLOR_PROVIDER, useExisting: ProvideColorDirective }],
-                    host: {
-                        '[class]': 'themeClass()',
-                    },
-                }]
-        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "etProvideColor", required: false }] }] } });
-
 const SURFACE_PROVIDER = new InjectionToken('SurfaceProvider');
 const FORCED_SURFACE_UNSET = /* @__PURE__ */ Symbol('FORCED_SURFACE_UNSET');
 class ProvideSurfaceDirective {
@@ -10303,6 +10229,219 @@ const injectParentSurface = () => {
     return computed(() => provider?.activeTheme() ?? rootTheme());
 };
 
+/**
+ * Reserved color name. Resolves the color tokens from the ambient surface's neutral swatch
+ * (`SurfaceTheme['interactionColor']`) instead of a registered accent, so a secondary action can
+ * read as chrome without the app registering a neutral color theme. Apps must not register a color
+ * theme under this name.
+ */
+const SURFACE_COLOR = 'surface';
+const createCssColorThemeName = (name) => name.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+const COLOR_THEMES_DEF = /* @__PURE__ */ defineStaticProvider(undefined, {
+    name: 'Color Themes',
+});
+const ɵProvideColorThemes = /* @__PURE__ */ toProvideFn(COLOR_THEMES_DEF);
+const injectColorThemes = /* @__PURE__ */ toInjectFn(COLOR_THEMES_DEF);
+const COLOR_THEMES_PREFIX_DEF = /* @__PURE__ */ defineStaticProvider('et', {
+    name: 'Themes Prefix',
+});
+const ɵProvideColorThemesPrefix = /* @__PURE__ */ toProvideFn(COLOR_THEMES_PREFIX_DEF);
+const injectColorThemesPrefix = /* @__PURE__ */ toInjectFn(COLOR_THEMES_PREFIX_DEF);
+const provideColorThemesWithTailwind4 = (themes, prefix = 'et') => {
+    if (isDevMode() && themes.some((theme) => theme.name === SURFACE_COLOR)) {
+        console.error(`[provideColorThemesWithTailwind4] "${SURFACE_COLOR}" is a reserved color name that resolves to the ambient surface's neutral swatch. Rename your theme.`);
+    }
+    return [ɵProvideColorThemes(themes), ɵProvideColorThemesPrefix(prefix)];
+};
+const findColorThemeByType = (themes, type, caller) => {
+    if (!themes) {
+        throw new Error(`[${caller}] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
+    }
+    const theme = themes.find((t) => t.type === type);
+    if (!theme) {
+        throw new Error(`[${caller}] No color theme with type "${type}" found. Add a theme with type: "${type}" to provideColorThemesWithTailwind4().`);
+    }
+    if (isDevMode()) {
+        const duplicates = themes.filter((t) => t.type === type);
+        if (duplicates.length > 1) {
+            console.error(`[${caller}] Multiple themes with type "${type}" found: ${duplicates.map((t) => t.name).join(', ')}. Only the first one will be used.`);
+        }
+    }
+    return theme;
+};
+const injectColorThemeByType = (type) => findColorThemeByType(injectColorThemes({ optional: true }), type, 'injectColorThemeByType');
+/**
+ * The color theme name that draws `chosenName` on `surface`: the surface's `colorThemeVariants` entry for it,
+ * else `chosenName` itself. Always pass the chosen accent, never an already swapped one.
+ */
+const resolveColorThemeVariant = (surface, chosenName, themes) => {
+    if (!surface || chosenName === SURFACE_COLOR)
+        return chosenName;
+    const variants = surface.colorThemeVariants;
+    const variant = variants?.[chosenName];
+    if (variant)
+        return variant;
+    const chosen = themes?.find((t) => t.name === chosenName);
+    const semantic = chosen?.type ? surface.semanticColorThemes?.[chosen.type] : undefined;
+    if (semantic)
+        return semantic;
+    if (surface.colorTheme && chosen?.isDefault)
+        return surface.colorTheme;
+    return chosenName;
+};
+/**
+ * A signal of the color theme for `type` on the surface this element renders on: the first registered theme
+ * of that `type`, swapped for the nearest surface's `colorThemeVariants` entry. Reading it throws when the app
+ * registered no theme of that `type`, so read it only for a state that renders.
+ *
+ * @example
+ * protected successTheme = injectSemanticColorTheme('success');
+ * // <span [etProvideColor]="successTheme()">+12%</span>
+ */
+const injectSemanticColorTheme = (type) => {
+    const themes = injectColorThemes({ optional: true });
+    const surfaceProvider = inject(SURFACE_PROVIDER, { optional: true });
+    const rootSurface = injectRootSurfaceTheme();
+    return computed(() => {
+        const chosen = findColorThemeByType(themes, type, 'injectSemanticColorTheme');
+        const surface = surfaceProvider?.activeTheme() ?? rootSurface();
+        const variantName = resolveColorThemeVariant(surface, chosen.name, themes);
+        if (variantName === chosen.name)
+            return chosen;
+        const variant = themes?.find((t) => t.name === variantName);
+        if (variant)
+            return variant;
+        if (isDevMode()) {
+            console.error(`[injectSemanticColorTheme] Surface theme "${surface?.name}" maps "${type}" to the color theme "${variantName}", which is not registered. Add it to provideColorThemesWithTailwind4().`);
+        }
+        return chosen;
+    });
+};
+/** @deprecated Use `injectSemanticColorTheme('error')`, which follows the surface the element renders on. */
+const injectErrorTheme = () => injectColorThemeByType('error');
+/** @deprecated Use `injectSemanticColorTheme('warning')`, which follows the surface the element renders on. */
+const injectWarningTheme = () => injectColorThemeByType('warning');
+/** @deprecated Use `injectSemanticColorTheme('success')`, which follows the surface the element renders on. */
+const injectSuccessTheme = () => injectColorThemeByType('success');
+const injectDefaultColorTheme = () => {
+    const themes = injectColorThemes({ optional: true });
+    if (!themes) {
+        throw new Error(`[injectDefaultColorTheme] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
+    }
+    const theme = themes.find((t) => t.isDefault);
+    if (!theme) {
+        throw new Error(`[injectDefaultColorTheme] No color theme with isDefault: true found. Mark one theme as the default in provideColorThemesWithTailwind4().`);
+    }
+    if (isDevMode()) {
+        const duplicates = themes.filter((t) => t.isDefault);
+        if (duplicates.length > 1) {
+            console.error(`[injectDefaultColorTheme] Multiple themes with isDefault: true found: ${duplicates.map((t) => t.name).join(', ')}. Only the first one will be used.`);
+        }
+    }
+    return theme;
+};
+
+const findRootSurfaceTheme = (defaults, type) => {
+    if (defaults.length <= 1)
+        return defaults[0] ?? null;
+    return defaults.find((theme) => theme.type === type) ?? null;
+};
+const COLOR_SCHEME_DEF = /* @__PURE__ */ defineProvider(() => {
+    const root = inject(DOCUMENT).documentElement;
+    const prefix = injectSurfaceThemesPrefix({ optional: true }) || 'et';
+    const prefersDark = injectBreakpointObserver().observeMediaQuery('(prefers-color-scheme: dark)');
+    const mode = signal('system', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    const surfaceDefaults = injectSurfaceThemes({ optional: true })?.filter((theme) => theme.isDefault) ?? [];
+    const colorThemes = injectColorThemes({ optional: true });
+    const colorPrefix = injectColorThemesPrefix({ optional: true }) || 'et';
+    const type = computed(() => {
+        const current = mode();
+        if (current !== 'system')
+            return current;
+        return prefersDark() ? 'dark' : 'light';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    const rootSurface = computed(() => findRootSurfaceTheme(surfaceDefaults, type()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rootSurface" }] : /* istanbul ignore next */ []));
+    const rootColorClass = computed(() => {
+        const chosen = colorThemes?.find((theme) => theme.isDefault)?.name;
+        if (!chosen)
+            return null;
+        const variant = resolveColorThemeVariant(rootSurface(), chosen, colorThemes);
+        return variant === chosen ? null : `${colorPrefix}-color--${createCssColorThemeName(variant)}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rootColorClass" }] : /* istanbul ignore next */ []));
+    const defaultColor = colorThemes?.find((theme) => theme.isDefault)?.name;
+    if (defaultColor) {
+        for (const surface of surfaceDefaults) {
+            const variant = resolveColorThemeVariant(surface, defaultColor, colorThemes);
+            if (variant !== defaultColor)
+                root.classList.remove(`${colorPrefix}-color--${createCssColorThemeName(variant)}`);
+        }
+    }
+    let paintedColorClass = null;
+    const clearColorClass = () => {
+        if (paintedColorClass)
+            root.classList.remove(paintedColorClass);
+        paintedColorClass = null;
+    };
+    effect(() => {
+        const next = rootColorClass();
+        clearColorClass();
+        if (next)
+            root.classList.add(next);
+        paintedColorClass = next;
+    });
+    const clearClasses = () => root.classList.remove(`${prefix}-scheme--light`, `${prefix}-scheme--dark`);
+    const setMode = (next) => {
+        clearClasses();
+        if (next !== 'system')
+            root.classList.add(`${prefix}-scheme--${next}`);
+        mode.set(next);
+    };
+    inject(DestroyRef).onDestroy(() => {
+        clearClasses();
+        clearColorClass();
+    });
+    return { mode: mode.asReadonly(), type, rootSurface, setMode };
+}, { name: 'Color Scheme' });
+const provideColorSchemeState = /* @__PURE__ */ toProvideFn(COLOR_SCHEME_DEF);
+/**
+ * Inject the app's color scheme: `mode()` is what the app asked for, `type()` the surface type the
+ * root paints, `rootSurface()` the default surface theme of that type, and `setMode()` switches it.
+ * Needs `provideColorScheme()`.
+ */
+const injectColorScheme = /* @__PURE__ */ toInjectFn(COLOR_SCHEME_DEF);
+const injectSchemeUnresolved = () => {
+    const { mode } = injectColorScheme();
+    const isServer = isPlatformServer(inject(PLATFORM_ID));
+    const defaultCount = injectSurfaceThemes({ optional: true })?.filter((theme) => theme.isDefault).length ?? 0;
+    return computed(() => isServer && defaultCount > 1 && mode() === 'system');
+};
+/**
+ * Lets the app switch between its default light and dark surface with a class on `<html>`, instead of
+ * only following `prefers-color-scheme`. It also paints the root surface's `colorThemeVariants` entry for the
+ * default accent on `<html>`. Add it to the application config, next to
+ * `provideSurfaceThemesWithTailwind4()`.
+ */
+const provideColorScheme = (config) => makeEnvironmentProviders([
+    provideColorSchemeState(),
+    { provide: COLOR_SCHEME_TYPE, useFactory: () => injectColorScheme().type },
+    { provide: COLOR_SCHEME_UNRESOLVED, useFactory: injectSchemeUnresolved },
+    provideEnvironmentInitializer(() => injectColorScheme().setMode(config?.mode ?? 'system')),
+]);
+/**
+ * Inject a signal of the default surface theme the root paints where nothing scopes one. If the app
+ * registers a default for both surface types, it follows `injectColorScheme()`, and is `null` without
+ * `provideColorScheme()`.
+ */
+const injectRootSurfaceTheme = () => {
+    const defaults = injectSurfaceThemes({ optional: true })?.filter((theme) => theme.isDefault) ?? [];
+    const colorSchemeType = inject(COLOR_SCHEME_TYPE, { optional: true });
+    return computed(() => findRootSurfaceTheme(defaults, colorSchemeType?.()));
+};
+
 let uniqueId = 0;
 const SURFACE_CONTEXT_TRACKER_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const entries = signal([], /* @ts-ignore */
@@ -10350,6 +10489,8 @@ class AutoSurfaceDirective {
         this.surfaceContextTracker = injectSurfaceContextTracker();
         this.parentSurface = injectParentSurface();
         this.elementRef = inject(ElementRef);
+        this.schemeUnresolved = inject(COLOR_SCHEME_UNRESOLVED, { optional: true });
+        this.rootTheme = injectRootSurfaceTheme();
         /**
          * Explicit surface provider to resolve the surface relative to. Falls back to the
          * surface provider from the surrounding (trigger) context when not set.
@@ -10375,6 +10516,10 @@ class AutoSurfaceDirective {
             const overlaySurface = this.surfaceContextTracker.surfaceForElement(this.elementRef.nativeElement);
             const overlayElevation = overlaySurface?.elevation ?? null;
             const overlayType = overlaySurface?.type ?? null;
+            // A surface derived from the root would bake the server's guessed scheme into the markup; inherit, and let CSS pick it.
+            if (this.schemeUnresolved?.() && overlayElevation === null && contextTheme === this.rootTheme()) {
+                return null;
+            }
             // Must not re-derive from the declaration injector: it points at the trigger and would double-elevate the panel.
             if (this.isOverlaySurface()) {
                 if (overlayElevation !== null) {
@@ -10722,11 +10867,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 
 // Generated from package.json by tools/scripts/generate-version.js - do not edit.
 /** The version of `@ethlete/core` this build was cut from. */
-const CORE_VERSION = '5.0.0-next.64';
+const CORE_VERSION = '5.0.0-next.66';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ANIMATION_DEBUG_STORAGE_KEY, ANIMATION_ERROR_CODES, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AutoSurfaceDirective, BOUNDARY_ELEMENT_TOKEN, BREAKPOINT_INSTANCE_TOKEN, BREAKPOINT_ORDER, COLOR_PALETTE, COLOR_PROVIDER, CORE_VERSION, ClickOutsideDirective, ColorInteractiveContainerDirective, ColorInteractiveDirective, ColorInteractiveExcludeDirective, ColorInteractiveHasFocusDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_OVERLAY_LAYER, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, DragHandleDirective, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, ET_RESTORE_SCROLL, EasingTokensStylesComponent, EthleteValidators, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, HtmlToMarkdownPipe, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, InitialsPipe, IsArrayNotEmpty, IsEmail, jsonLd as JsonLD, KeyPressManager, MARKDOWN_VERBATIM_ATTR, MUST_MATCH, MarkdownToHtmlPipe, MatchStateType, MustMatch, NOTIFICATION_CLICK_MESSAGE_TYPE, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OVERLAY_LAYER_ATTRIBUTE, ProvideColorDirective, ProvideSurfaceDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeHandlesComponent, RestoreScrollDirective, RuntimeError, SURFACE_COLOR, SURFACE_PROVIDER, SURFACE_TYPE, SWIPE_VELOCITY_WINDOW_MS, ScrollObserverDirective, ScrollObserverEndDirective, ScrollObserverStartDirective, SlugifyPipe, StructuredDataComponent, SurfaceInteractiveDirective, ToArrayPipe, TypedQueryList, UNSAVED_CHANGES_CONFIRM, UNSAVED_CHANGES_ERROR_CODES, UNSAVED_CHANGES_TITLE_MARKER, ValidateAtLeastOneRequired, VisuallyHiddenStylesComponent, anchoredOverlayPosition, animationDebugLog, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyCenteredPosition, applyDescriptionBinding, applyFaviconOverlay, applyGlobalPosition, applyHeadBinding, applyHeadTitleBinding, applyHeadTitleMarker, applyHostListener, applyHostListeners, applyInitialFocus, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, boolBreakpointTransform, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, copyToClipboard, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDestroy, createDocumentElementSignal, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createIsRenderedSignal, createLogger, createObjectUrlHandle, createPropertyBinding, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSwatchCss, createSwipeTracker, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, createUnsavedChangesGuard, createUnsavedChangesTabLock, createUnsavedChangesTracker, createUserConsentProvider, deferredSignal, defineLabels, defineProvider, defineRootProvider, defineStaticProvider, defineStaticRootProvider, deleteCookie, dragGestureFrom, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, enableAnchoredOverlayPositionExtras, equal, fetchDeployedBuildFingerprint$, firstElementSignal, focusElement, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFocusableElements, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getHeadingElement, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, getScrollContainerTarget, getScrollItemTarget, getScrollSnapTarget, hasCookie, holdScrollRestoration, htmlToMarkdown, inferMimeType, initials, injectAngularRootElement, injectAnimatedBlockSize, injectAppUpdates, injectAppUpdatesConfig, injectBoundaryElement, injectBreakpointInput, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorPalette, injectColorScheme, injectColorThemes, injectColorThemesPrefix, injectCurrentBreakpoint, injectDefaultColorTheme, injectDefaultSurfaceTheme, injectDeviceInputType, injectDisplayOrientation, injectErrorTheme, injectFaviconStore, injectFileDownload, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsDocumentVisible, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectNotifications, injectObserveBreakpoint, injectObserveMediaQuery, injectOverlayRuntime, injectParentSurface, injectPathParam, injectPathParamChanges, injectPathParams, injectPrefersReducedMotion, injectQueryParam, injectQueryParamAll, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRootSurfaceTheme, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterNavigationState, injectRouterState, injectScrollbarDimensions, injectSemanticColorTheme, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, injectSurfaceColorPalette, injectSurfaceContextTracker, injectSurfaceThemes, injectSurfaceThemesPrefix, injectSurfaceType, injectTemplateRef, injectTitleConfig, injectTitleStore, injectUnsavedChangesCoordinator, injectUrl, injectViewportConfig, injectViewportDimensions, injectViewportSize, injectWarningTheme, isAnimationDebugEnabled, isArray, isElement, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isHTMLOrSVGElement, isKnockoutMatch, isObject, isOnHigherOverlayLayer, isSafeLinkUrl, isSafeUrl, isStaleBuildError, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, mountEasingTokens, mountVisuallyHidden, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointTransform, onOverlayViewportInsetsChange, optionalBooleanAttribute, overlayViewportInsets, overlayViewportInsetsFor, ownsActiveElement, previousSignalValue, provideAppUpdates, provideAppUpdatesConfig, provideAppUpdatesInstance, provideBoundaryElement, provideBreakpointInstance, provideBreakpointObserver, provideColorPalette, provideColorScheme, provideColorThemes, provideColorThemesWithTailwind4, provideFaviconStore, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideNotifications, provideOverlayRuntime, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideStyleManager, provideSurfaceContextTracker, provideSurfaceThemesWithTailwind4, provideTitleConfig, provideTitleStore, provideUnsavedChangesConfirm, provideUnsavedChangesCoordinator, provideViewportConfig, randomId, readBuildFingerprint, readFromClipboard, reserveOverlayViewportSpace, resolveAppRootColorProvider, resolveColorThemeVariant, resolveOverlayLayer, resolveSurfaceByElevation, round, routerDisableScrollTop, routerRestoreScroll, scrollToElement, setCookie, setInputSignal, setupFocusTrap, setupPositioning, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalCountdown, signalDeferredLoading, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, slugify, suppressTextSelection, switchQueryListChanges, syncSignal, toArray, toArrayTrackByFn, toInjectFn, toProvideFn, toStringBinding, toToken, transformOrReturn, typedBreakpointTransform, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ANIMATION_DEBUG_STORAGE_KEY, ANIMATION_ERROR_CODES, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AutoSurfaceDirective, BOUNDARY_ELEMENT_TOKEN, BREAKPOINT_INSTANCE_TOKEN, BREAKPOINT_ORDER, COLOR_PALETTE, COLOR_PROVIDER, CORE_VERSION, ClickOutsideDirective, ColorInteractiveContainerDirective, ColorInteractiveDirective, ColorInteractiveExcludeDirective, ColorInteractiveHasFocusDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_OVERLAY_LAYER, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, DragHandleDirective, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, ET_RESTORE_SCROLL, EasingTokensStylesComponent, EthleteValidators, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, HtmlToMarkdownPipe, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, InitialsPipe, IsArrayNotEmpty, IsEmail, jsonLd as JsonLD, KeyPressManager, MARKDOWN_VERBATIM_ATTR, MUST_MATCH, MarkdownToHtmlPipe, MatchStateType, MustMatch, NOTIFICATION_CLICK_MESSAGE_TYPE, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OVERLAY_LAYER_ATTRIBUTE, ProvideColorDirective, ProvideSurfaceDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeHandlesComponent, RestoreScrollDirective, RuntimeError, SURFACE_COLOR, SURFACE_PROVIDER, SURFACE_TYPE, SWIPE_VELOCITY_WINDOW_MS, ScrollObserverDirective, ScrollObserverEndDirective, ScrollObserverStartDirective, SlugifyPipe, StructuredDataComponent, SurfaceInteractiveDirective, ToArrayPipe, TypedQueryList, UNSAVED_CHANGES_CONFIRM, UNSAVED_CHANGES_ERROR_CODES, UNSAVED_CHANGES_TITLE_MARKER, ValidateAtLeastOneRequired, VisuallyHiddenStylesComponent, anchoredOverlayPosition, animationDebugLog, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyCenteredPosition, applyDescriptionBinding, applyFaviconOverlay, applyGlobalPosition, applyHeadBinding, applyHeadTitleBinding, applyHeadTitleMarker, applyHostListener, applyHostListeners, applyInitialFocus, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, boolBreakpointTransform, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, copyToClipboard, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDestroy, createDocumentElementSignal, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createIsRenderedSignal, createLogger, createObjectUrlHandle, createPropertyBinding, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSwatchCss, createSwipeTracker, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, createUnsavedChangesGuard, createUnsavedChangesTabLock, createUnsavedChangesTracker, createUserConsentProvider, deferredSignal, defineLabels, defineProvider, defineRootProvider, defineStaticProvider, defineStaticRootProvider, deleteCookie, dragGestureFrom, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, enableAnchoredOverlayPositionExtras, equal, fetchDeployedBuildFingerprint$, firstElementSignal, focusElement, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFocusableElements, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getHeadingElement, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, getScrollContainerTarget, getScrollItemTarget, getScrollSnapTarget, hasAnchoredOverlayPositionExtras, hasCookie, holdScrollRestoration, htmlToMarkdown, inferMimeType, initials, injectAngularRootElement, injectAnimatedBlockSize, injectAppUpdates, injectAppUpdatesConfig, injectBoundaryElement, injectBreakpointInput, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorPalette, injectColorScheme, injectColorThemes, injectColorThemesPrefix, injectCurrentBreakpoint, injectDefaultColorTheme, injectDefaultSurfaceTheme, injectDeviceInputType, injectDisplayOrientation, injectErrorTheme, injectFaviconStore, injectFileDownload, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsDocumentVisible, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectNotifications, injectObserveBreakpoint, injectObserveMediaQuery, injectOverlayRuntime, injectParentSurface, injectPathParam, injectPathParamChanges, injectPathParams, injectPrefersReducedMotion, injectQueryParam, injectQueryParamAll, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRootSurfaceTheme, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterNavigationState, injectRouterState, injectScrollbarDimensions, injectSemanticColorTheme, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, injectSurfaceColorPalette, injectSurfaceContextTracker, injectSurfaceThemes, injectSurfaceThemesPrefix, injectSurfaceType, injectTemplateRef, injectTitleConfig, injectTitleStore, injectUnsavedChangesCoordinator, injectUrl, injectViewportConfig, injectViewportDimensions, injectViewportSize, injectWarningTheme, isAnimationDebugEnabled, isArray, isElement, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isHTMLOrSVGElement, isKnockoutMatch, isObject, isOnHigherOverlayLayer, isSafeLinkUrl, isSafeUrl, isStaleBuildError, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, mountEasingTokens, mountVisuallyHidden, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointTransform, onOverlayViewportInsetsChange, optionalBooleanAttribute, overlayViewportInsets, overlayViewportInsetsFor, ownsActiveElement, previousSignalValue, provideAppUpdates, provideAppUpdatesConfig, provideAppUpdatesInstance, provideBoundaryElement, provideBreakpointInstance, provideBreakpointObserver, provideColorPalette, provideColorScheme, provideColorThemes, provideColorThemesWithTailwind4, provideFaviconStore, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideNotifications, provideOverlayRuntime, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideStyleManager, provideSurfaceContextTracker, provideSurfaceThemesWithTailwind4, provideTitleConfig, provideTitleStore, provideUnsavedChangesConfirm, provideUnsavedChangesCoordinator, provideViewportConfig, randomId, readBuildFingerprint, readFromClipboard, registerScrollRestorationState, reserveOverlayViewportSpace, resolveAppRootColorProvider, resolveColorThemeVariant, resolveOverlayLayer, resolveSurfaceByElevation, round, routerDisableScrollTop, routerRestoreScroll, scrollToElement, setCookie, setInputSignal, setupFocusTrap, setupPositioning, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalCountdown, signalDeferredLoading, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, slugify, suppressTextSelection, switchQueryListChanges, syncSignal, toArray, toArrayTrackByFn, toInjectFn, toProvideFn, toStringBinding, toToken, transformOrReturn, typedBreakpointTransform, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
 //# sourceMappingURL=ethlete-core.mjs.map