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

package/fesm2022/ethlete-core.mjs

@@ -1,5 +1,5 @@
 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, afterEveryRender } 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 { FormGroup, FormArray, FormControl } from '@angular/forms';
@@ -1755,8 +1755,17 @@ const breakpointTransformBase = (coerce, defaultValue) => {
         const bp = currentBp();
         const r = raw();
         if (!cachedSig) {
-            const instance = injector.get(BREAKPOINT_INSTANCE_TOKEN, null);
-            if (!instance) {
+            const instance = injector.get(BREAKPOINT_INSTANCE_TOKEN, null, { self: true });
+            if (instance) {
+                for (const key of Object.keys(instance)) {
+                    const val = instance[key];
+                    if (val && typeof val === 'function' && val[SIGNAL]?.transformFn === transformFn) {
+                        cachedSig = val;
+                        break;
+                    }
+                }
+            }
+            if (!cachedSig) {
                 if (ngDevMode && r !== undefined && !warnedMissingInstance) {
                     warnedMissingInstance = true;
                     console.warn('[ethlete] A breakpoint map was bound to an input, but its component does not call ' +
@@ -1764,13 +1773,6 @@ const breakpointTransformBase = (coerce, defaultValue) => {
                 }
                 return;
             }
-            for (const key of Object.keys(instance)) {
-                const val = instance[key];
-                if (val && typeof val === 'function' && val[SIGNAL]?.transformFn === transformFn) {
-                    cachedSig = val;
-                    break;
-                }
-            }
         }
         if (!cachedSig || r === undefined)
             return;
@@ -2213,7 +2215,7 @@ const isElementVisible = (options) => {
         containerRect,
         elementRect,
         // Round the intersection ratio to the nearest 0.01 to avoid floating point errors and system scaling issues.
-        intersectionRatio: Math.round(Math.min(inlineIntersectionPercentage, blockIntersectionPercentage) * 100) / 100,
+        intersectionRatio: Math.round(inlineIntersectionPercentage * blockIntersectionPercentage * 100) / 100,
     };
 };
 const nearestAlignment = (elStart, elEnd, conStart, conEnd) => {
@@ -2331,6 +2333,8 @@ const getScrollSnapTarget = (items, container, direction, origin, margin = 0) =>
     };
     for (const item of items) {
         const itemRect = item.getBoundingClientRect();
+        if (!itemRect.width && !itemRect.height)
+            continue;
         const itemSize = direction === 'horizontal' ? itemRect.width : itemRect.height;
         const relativeStart = direction === 'horizontal' ? itemRect.left - containerRect.left : itemRect.top - containerRect.top;
         const relativeEnd = relativeStart + itemSize;
@@ -2512,6 +2516,12 @@ const signalElementIntersection = (el, options) => {
                 currentValues = [...currentValues, intersectionEntry];
             }
         }
+        const domOrder = untracked(elements).currentElements;
+        const orderOf = (target) => {
+            const index = domOrder.indexOf(target);
+            return index === -1 ? domOrder.length : index;
+        };
+        currentValues.sort((a, b) => orderOf(a.target) - orderOf(b.target));
         zone.run(() => elementIntersectionSignal.set(currentValues));
     };
     const updateIntersectionObserver = (rendered, enabled, rootEl, margin, thresholdValue) => {
@@ -2954,7 +2964,10 @@ const createInitialRoute = () => {
     if (!isBrowser) {
         return router.url;
     }
-    const path = inject(Location).path(true);
+    return readLocationPath(inject(Location));
+};
+const readLocationPath = (location) => {
+    const path = location.path(true);
     return path.startsWith('/') ? path : `/${path}`;
 };
 /** Inject the current router event */
@@ -3040,14 +3053,20 @@ const createRouterState = (router) => {
 /**
  * Read the current route (the committed url without query params and fragment) straight from the router.
  * Unlike the `injectRoute` signal this reads synchronously, so it can be used inside a `router.events` handler
- * where `router.url` is already committed. Falls back to the browser location before the first navigation commits.
+ * where `router.url` is already committed. Before the first navigation commits it falls back to `location`
+ * (without the base href) when given, else to the browser location.
  */
-const createRoute = (router) => {
-    const browserUrl = typeof window === 'undefined'
+const createRoute = (router, location) => {
+    const url = router.navigated ? router.url : readUncommittedUrl(router, location);
+    return url.split('?')[0]?.split('#')[0] ?? '';
+};
+const readUncommittedUrl = (router, location) => {
+    if (location) {
+        return readLocationPath(location);
+    }
+    return typeof window === 'undefined'
         ? router.url
         : window.location.pathname + window.location.search + window.location.hash;
-    const url = router.navigated ? router.url : browserUrl;
-    return url.split('?')[0]?.split('#')[0] ?? '';
 };
 /**
  * Inject the complete router state. This includes the current route data, path params, query params, title and fragment.
@@ -3306,6 +3325,7 @@ const setupScrollRestoration = (config = {}) => {
         return;
     }
     const router = inject(Router);
+    const location = inject(Location);
     const document = inject(DOCUMENT);
     const injector = inject(Injector);
     const destroyRef = inject(DestroyRef);
@@ -3334,7 +3354,7 @@ const setupScrollRestoration = (config = {}) => {
     let wantsRestore = false;
     let prev = {
         state: createRouterState(router),
-        route: createRoute(router),
+        route: createRoute(router, location),
         routeConfig: getDeepestRouteConfig(router),
     };
     let pendingRestore = null;
@@ -3452,7 +3472,7 @@ const setupScrollRestoration = (config = {}) => {
     const onNavigationEnd = (event) => {
         const curr = {
             state: createRouterState(router),
-            route: createRoute(router),
+            route: createRoute(router, location),
             routeConfig: getDeepestRouteConfig(router),
         };
         const prevState = prev.state;
@@ -3613,7 +3633,13 @@ const parseSeparatorAligns = (line) => parseTableRow(line).map((cell) => {
 const separatorFor = (align) => align === 'center' ? ':---:' : align === 'right' ? '---:' : align === 'left' ? ':---' : '---';
 const alignClass = (align) => (align ? ` class="et-rte-align-${align}"` : '');
 const alignOf = (attrs) => (/\bclass\s*=\s*["'][^"']*\bet-rte-align-([a-z]+)/i.exec(attrs)?.[1] ??
-    /\bstyle\s*=\s*["'][^"']*text-align:\s*([a-z]+)/i.exec(attrs)?.[1])?.toLowerCase() ?? null;
+    /\bstyle\s*=\s*["'][^"']*text-align:\s*(?:-[a-z]+-)?([a-z]+)/i.exec(attrs)?.[1])?.toLowerCase() ?? null;
+const BLOCK_ALIGNS = /* @__PURE__ */ new Set(['center', 'right', 'justify']);
+const blockAlignOf = (attrs) => {
+    const align = alignOf(attrs);
+    return align && BLOCK_ALIGNS.has(align) ? align : null;
+};
+const isBlankHtml = (html) => !/<img\b/i.test(html) && !stripTags(html.replace(/&nbsp;/gi, ' ')).trim();
 /** Wraps `content` in an emphasis `marker`, hoisting boundary whitespace outside the delimiters -
  *  CommonMark emphasis must not face whitespace on the inside (`** fett**` doesn't parse), and
  *  `&nbsp;` counts as whitespace there too. Whitespace-only content stays unwrapped. */
@@ -3816,16 +3842,20 @@ const listToMarkdown = (inner, ordered, startNumber, depth) => {
     const indent = '  '.repeat(depth);
     let n = startNumber;
     return findListItems(inner)
-        .map((itemInner) => {
+        .flatMap((itemInner) => {
         let content = itemInner;
         let nestedMarkdown = '';
         for (let nested = findList(content); nested; nested = findList(content)) {
-            nestedMarkdown += `\n${listToMarkdown(nested.inner, nested.ordered, nested.startNumber, depth + 1)}`;
+            const nestedItems = listToMarkdown(nested.inner, nested.ordered, nested.startNumber, depth + 1);
+            if (nestedItems)
+                nestedMarkdown += `\n${nestedItems}`;
             content = content.slice(0, nested.start) + content.slice(nested.end);
         }
+        if (!nestedMarkdown && isBlankHtml(content))
+            return [];
         const marker = ordered ? `${n++}. ` : '- ';
         // list items are single-line in this serializer, so a <br> degrades to a space
-        return `${indent}${marker}${stripTags(content.replace(/<br\s*\/?>/gi, ' ')).trim()}${nestedMarkdown}`;
+        return [`${indent}${marker}${stripTags(content.replace(/<br\s*\/?>/gi, ' ')).trim()}${nestedMarkdown}`];
     })
         .join('\n');
 };
@@ -3934,7 +3964,7 @@ const markdownToHtml = (markdown, options = {}) => {
         const align = aligned ? alignOf(aligned[2] ?? '') : null;
         if (aligned && align) {
             const tag = (aligned[1] ?? 'p').toLowerCase();
-            return `<${tag}${alignClass(align)}>${sanitizeInlineHtml(aligned[3] ?? '')}</${tag}>`;
+            return `<${tag}${alignClass(BLOCK_ALIGNS.has(align) ? align : null)}>${sanitizeInlineHtml(aligned[3] ?? '')}</${tag}>`;
         }
         // Heading
         const headingMatch = trimmed.match(/^(#{1,6})\s+(.+)$/);
@@ -4004,9 +4034,12 @@ const htmlToMarkdown = (html) => {
     // stays HTML) and round-trip via a placeholder - extracted before the block passes below rewrite
     // them, restored after the final tag-strip.
     const alignedBlocks = [];
-    md = md.replace(/<(p|h[1-6]|div)\b([^>]*\b(?:style="[^"]*text-align|class="[^"]*\bet-rte-align-)[^>]*)>([\s\S]*?)<\/\1>/gi, (_, tag, attrs, inner) => {
+    md = md.replace(/<(p|h[1-6]|div)\b([^>]*\b(?:style="[^"]*text-align|class="[^"]*\bet-rte-align-)[^>]*)>([\s\S]*?)<\/\1>/gi, (block, tag, attrs, inner) => {
+        const align = blockAlignOf(attrs);
+        if (!align)
+            return block.replace(/^<[a-z0-9]+\b[^>]*>/i, `<${tag}>`);
         const name = tag.toLowerCase();
-        return makePlaceholder('ALIGN', alignedBlocks.push(`<${name}${alignClass(alignOf(attrs))}>${inner}</${name}>`) - 1);
+        return makePlaceholder('ALIGN', alignedBlocks.push(`<${name}${alignClass(align)}>${inner}</${name}>`) - 1);
     });
     md = escapeTextNodes(md);
     // Code blocks - process before inline code
@@ -4016,7 +4049,7 @@ const htmlToMarkdown = (html) => {
     // Headings - keep the inner markup so the inline passes below turn any nested
     // bold/italic/link/code into markdown; leftover tags are stripped at the end.
     for (let i = 6; i >= 1; i--) {
-        md = md.replace(new RegExp(`<h${i}[^>]*>([\\s\\S]*?)<\\/h${i}>`, 'gi'), (_, content) => `\n${'#'.repeat(i)} ${content.trim()}\n`);
+        md = md.replace(new RegExp(`<h${i}[^>]*>([\\s\\S]*?)<\\/h${i}>`, 'gi'), (_, content) => isBlankHtml(content) ? '\n' : `\n${'#'.repeat(i)} ${content.trim()}\n`);
     }
     // Bold + italic (combined before individual). Boundary whitespace is hoisted out of the
     // delimiters (emphasize) - `<strong> x</strong>` must become ` **x**`, not the invalid `** x**`.
@@ -4856,6 +4889,7 @@ const ANIMATION_CLASSES = {
     leaveDone: 'et-animation-leave-done',
     leaveInterrupt: 'et-animation-leave-interrupt',
 };
+const ALL_ANIMATION_CLASSES = /* @__PURE__ */ Object.values(ANIMATION_CLASSES);
 const FORCE_INVISIBLE_CLASS = 'et-force-invisible';
 class AnimatedLifecycleDirective {
     constructor() {
@@ -4902,9 +4936,9 @@ class AnimatedLifecycleDirective {
             return;
         if ((currentState === 'init' && !this.isConstructed) || this.skipNextEnter()) {
             this.debugLog('enter: instant (not constructed or skipNextEnter)', { currentState });
-            this.updateState('entered');
+            this.cancelCurrentAnimation$.next();
+            this.settleInstantly('entered');
             this.skipNextEnter.set(false);
-            this.addClass(ANIMATION_CLASSES.enterDone);
             this.forcedThisFrame = false;
             return;
         }
@@ -4922,9 +4956,7 @@ class AnimatedLifecycleDirective {
             transitionId,
         });
         if (skipAnimation) {
-            this.removeClasses(ANIMATION_CLASSES.leaveFrom, ANIMATION_CLASSES.leaveActive, ANIMATION_CLASSES.leaveTo, ANIMATION_CLASSES.leaveInterrupt);
-            this.updateState('entered');
-            this.addClass(ANIMATION_CLASSES.enterDone);
+            this.settleInstantly('entered');
             previousCancel$.next();
             previousCancel$.complete();
             return;
@@ -4972,8 +5004,7 @@ class AnimatedLifecycleDirective {
             return;
         if (currentState === 'init') {
             this.debugLog('leave: instant (state is init, enter never ran)');
-            this.updateState('left');
-            this.addClass(ANIMATION_CLASSES.leaveDone);
+            this.settleInstantly('left');
             this.forcedThisFrame = false;
             return;
         }
@@ -4991,9 +5022,7 @@ class AnimatedLifecycleDirective {
             transitionId,
         });
         if (skipAnimation) {
-            this.removeClasses(ANIMATION_CLASSES.enterFrom, ANIMATION_CLASSES.enterActive, ANIMATION_CLASSES.enterTo, ANIMATION_CLASSES.enterInterrupt);
-            this.updateState('left');
-            this.addClass(ANIMATION_CLASSES.leaveDone);
+            this.settleInstantly('left');
             previousCancel$.next();
             previousCancel$.complete();
             return;
@@ -5037,18 +5066,20 @@ class AnimatedLifecycleDirective {
     }
     forceEnteredState() {
         this.cancelCurrentAnimation$.next();
-        this.updateState('entered');
-        this.removeClasses(ANIMATION_CLASSES.enterFrom, ANIMATION_CLASSES.enterActive, ANIMATION_CLASSES.enterTo, ANIMATION_CLASSES.leaveFrom, ANIMATION_CLASSES.leaveActive, ANIMATION_CLASSES.leaveTo);
-        this.addClass(ANIMATION_CLASSES.enterDone);
+        this.settleInstantly('entered');
         this.markForcedThisFrame();
     }
     forceLeftState() {
         this.cancelCurrentAnimation$.next();
-        this.updateState('left');
-        this.removeClasses(ANIMATION_CLASSES.enterFrom, ANIMATION_CLASSES.enterActive, ANIMATION_CLASSES.enterTo, ANIMATION_CLASSES.leaveFrom, ANIMATION_CLASSES.leaveActive, ANIMATION_CLASSES.leaveTo);
-        this.addClass(ANIMATION_CLASSES.leaveDone);
+        this.settleInstantly('left');
         this.markForcedThisFrame();
     }
+    settleInstantly(state) {
+        const doneClass = state === 'entered' ? ANIMATION_CLASSES.enterDone : ANIMATION_CLASSES.leaveDone;
+        this.updateState(state);
+        this.removeClasses(...ALL_ANIMATION_CLASSES.filter((cls) => cls !== doneClass));
+        this.addClass(doneClass);
+    }
     markForcedThisFrame() {
         this.forcedThisFrame = true;
         if (typeof requestAnimationFrame === 'undefined')
@@ -6703,12 +6734,9 @@ const createUnsavedChangesTracker = (config) => {
         throw new RuntimeError(UNSAVED_CHANGES_ERROR_CODES.MISSING_CONFIRM, '[createUnsavedChangesTracker] No confirm: pass `confirm` or call `provideUnsavedChangesConfirm()` in a parent injector.');
     }
     const normalized = normalizeUnsavedChangesSource(config.source);
-    const hasExplicitDefault = config.defaultValue !== undefined;
-    const initialDefault = hasExplicitDefault
-        ? typeof config.defaultValue === 'function'
-            ? config.defaultValue()
-            : config.defaultValue
-        : untracked(normalized.value);
+    const explicitDefault = typeof config.defaultValue === 'function' ? config.defaultValue() : config.defaultValue;
+    const hasExplicitDefault = explicitDefault !== undefined && explicitDefault !== null;
+    const initialDefault = hasExplicitDefault ? explicitDefault : untracked(normalized.value);
     const _defaultValue = signal(initialDefault, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_defaultValue" }] : /* istanbul ignore next */ []));
     // No explicit default → capture the first non-null value the source produces as the baseline.
@@ -7073,6 +7101,9 @@ class ClickOutsideDirective {
             this.pressStartedInside = event.composedPath().includes(this.elementRef.nativeElement);
         }), takeUntilDestroyed())
             .subscribe();
+        fromEvent(this.document.documentElement, 'pointercancel', { capture: true })
+            .pipe(tap(() => (this.pressStartedInside = false)), takeUntilDestroyed())
+            .subscribe();
         fromEvent(this.document.documentElement, 'click')
             .pipe(tap((event) => {
             const hostElement = this.elementRef.nativeElement;
@@ -7639,8 +7670,11 @@ const FOCUSABLE_SELECTOR = /* @__PURE__ */ [
     'select:not([disabled])',
     'textarea:not([disabled])',
     'iframe',
+    'audio[controls]',
+    'video[controls]',
+    'details > summary:first-of-type',
     '[tabindex]:not([tabindex="-1"])',
-    '[contenteditable="true"]',
+    '[contenteditable]:not([contenteditable="false"])',
 ].join(',');
 const isHTMLElement = (value) => {
     // `instanceof` is realm-bound: an element adopted by a same-origin pop-up (the `document` mount
@@ -7670,10 +7704,24 @@ const isFocusable = (element, document) => {
     const view = document.defaultView;
     const style = view?.getComputedStyle(element);
     const isVisible = style?.display !== 'none' && style?.visibility !== 'hidden' && element.getClientRects().length > 0;
-    return isVisible && !element.hasAttribute('disabled') && element.tabIndex >= 0;
-};
+    return (isVisible &&
+        !element.hasAttribute('disabled') &&
+        !element.matches(':disabled') &&
+        !element.closest('[inert]') &&
+        element.tabIndex >= 0);
+};
+const isNamedRadio = (element) => element.tagName === 'INPUT' && element.type === 'radio' && !!element.name;
+const isSameTabStop = (a, b) => a === b || (isNamedRadio(a) && isNamedRadio(b) && a.name === b.name && a.form === b.form);
+/** The elements Tab stops on inside `container`, with each named radio group collapsed to its checked (else first) radio. */
 const getFocusableElements = (container, document) => {
-    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => isFocusable(el, document));
+    const elements = Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => isFocusable(el, document));
+    return elements.filter((element) => {
+        if (!isNamedRadio(element)) {
+            return true;
+        }
+        const group = elements.filter((other) => isSameTabStop(element, other));
+        return (group.find((radio) => radio.checked) ?? group[0]) === element;
+    });
 };
 const getHeadingElement = (container) => {
     return container.querySelector('h1, h2, h3, h4, h5, h6, [role="heading"]');
@@ -7729,12 +7777,12 @@ const setupFocusTrap = (paneElement, overlayRef, enabled, isTopMost, document) =
             focusElement(event.shiftKey ? (lastElement ?? null) : (firstElement ?? null));
             return;
         }
-        if (event.shiftKey && activeElement === firstElement) {
+        if (event.shiftKey && firstElement && isSameTabStop(activeElement, firstElement)) {
             event.preventDefault();
             focusElement(lastElement ?? null);
             return;
         }
-        if (!event.shiftKey && activeElement === lastElement) {
+        if (!event.shiftKey && lastElement && isSameTabStop(activeElement, lastElement)) {
             event.preventDefault();
             focusElement(firstElement ?? null);
         }
@@ -8364,6 +8412,7 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             }
             _state.set('closed');
             _componentInstance.set(null);
+            afterOpenedSubject.complete();
             afterClosedSubject.next(closeEvent);
             afterClosedSubject.complete();
         },
@@ -8443,14 +8492,18 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         }
     };
     const isTopMost = (overlayRef) => {
-        const entries = openEntriesState();
-        for (let index = entries.length - 1; index >= 0; index--) {
-            const entry = entries[index];
-            if (!entry || entry.config.passive || entry.state() === 'closing' || entry.state() === 'closed')
+        let topMost = null;
+        let topMostLayer = -Infinity;
+        for (const entry of openEntriesState()) {
+            if (entry.config.passive || entry.state() === 'closing' || entry.state() === 'closed')
                 continue;
-            return entry === overlayRef;
+            const entryLayer = entry.config.zIndex ?? DEFAULT_OVERLAY_LAYER;
+            if (entryLayer >= topMostLayer) {
+                topMost = entry;
+                topMostLayer = entryLayer;
+            }
         }
-        return false;
+        return topMost === overlayRef;
     };
     const getAnimatedLifecycle = (componentRef) => {
         const componentLifecycle = componentRef.instance.animatedLifecycle?.();
@@ -8601,7 +8654,13 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
             openEntriesState.update((entries) => entries.filter((entry) => entry !== overlayRef));
             maybeDestroyRootElements(targetDocument);
             if (config.restoreFocus !== false && overlayStillOwnsFocus) {
-                focusRestoreChain.find((element) => element.isConnected)?.focus({ preventScroll: true });
+                for (const element of focusRestoreChain) {
+                    if (!element.isConnected)
+                        continue;
+                    element.focus({ preventScroll: true });
+                    if (element.contains(targetDocument.activeElement))
+                        break;
+                }
             }
             overlayRef.finishClose(closeEvent);
         };
@@ -8725,12 +8784,13 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
             else {
                 lifecycle.enter();
             }
-            lifecycle.state$
+            const enteredSubscription = lifecycle.state$
                 .pipe(filter((state) => state === 'entered'), take(1), tap(() => {
                 applyInitialFocus(paneElement, autoFocus, targetDocument);
                 overlayRef.markOpened();
             }))
                 .subscribe();
+            cleanupFns.push(() => enteredSubscription.unsubscribe());
         });
         return overlayRef;
     };
@@ -9633,6 +9693,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+const COLOR_SCHEME_TYPE = new InjectionToken('ColorSchemeType');
+
 const TOLERANCE_PX = 0.5;
 const readFontSizePx = (view, element) => {
     const match = /^(\d+(?:\.\d+)?)px$/.exec(view.getComputedStyle(element).fontSize ?? '');
@@ -9723,8 +9785,8 @@ const provideSurfaceThemesWithTailwind4 = (themes, prefix = 'et') => [
 /**
  * Inject the registered `isDefault` surface theme of a `type` - the surface an app renders on
  * where nothing scopes one. Without a `type`, resolves the default of the only surface type the
- * app registers; an app registering both must name the one it means, since which of the two
- * `:root` paints is a `prefers-color-scheme` decision. `null` when neither applies.
+ * app registers; an app registering both must name the one it means. `null` when neither applies.
+ * For the theme the root paints right now, use `injectRootSurfaceTheme()`.
  */
 const injectDefaultSurfaceTheme = (type) => {
     const defaults = injectSurfaceThemes({ optional: true })?.filter((theme) => theme.isDefault) ?? [];
@@ -9733,6 +9795,92 @@ 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
@@ -9775,9 +9923,28 @@ const findColorThemeByType = (themes, type, caller) => {
 };
 const injectColorThemeByType = (type) => findColorThemeByType(injectColorThemes({ optional: true }), type, 'injectColorThemeByType');
 /**
- * A signal of the color theme for `type` on the surface this element renders on: the theme the nearest
- * surface names in `semanticColorThemes`, else the first registered theme of that `type`. Reading it throws
- * when the app registered no theme of that `type`, so read it only for a state that renders.
+ * 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');
@@ -9786,17 +9953,20 @@ const injectColorThemeByType = (type) => findColorThemeByType(injectColorThemes(
 const injectSemanticColorTheme = (type) => {
     const themes = injectColorThemes({ optional: true });
     const surfaceProvider = inject(SURFACE_PROVIDER, { optional: true });
-    const defaultSurface = injectDefaultSurfaceTheme();
+    const rootSurface = injectRootSurfaceTheme();
     return computed(() => {
-        const surface = surfaceProvider?.activeTheme() ?? defaultSurface;
-        const mappedName = surface?.semanticColorThemes?.[type];
-        const mapped = mappedName ? themes?.find((t) => t.name === mappedName) : undefined;
-        if (mapped)
-            return mapped;
-        if (mappedName && isDevMode()) {
-            console.error(`[injectSemanticColorTheme] Surface theme "${surface?.name}" maps "${type}" to the color theme "${mappedName}", which is not registered. Add it to provideColorThemesWithTailwind4().`);
-        }
-        return findColorThemeByType(themes, type, 'injectSemanticColorTheme');
+        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. */
@@ -9847,6 +10017,7 @@ class ProvideColorDirective {
         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;
@@ -9897,12 +10068,25 @@ class ProvideColorDirective {
             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';
-            if (this.colorName()) {
-                return `${prefix}-color--${this.colorName()}`;
-            }
-            return `${prefix}-color--inherited`;
+            const name = this.paintedColorName();
+            return name ? `${prefix}-color--${name}` : `${prefix}-color--inherited`;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "themeClass" }] : /* istanbul ignore next */ []));
     }
@@ -9961,10 +10145,13 @@ class ProvideSurfaceDirective {
         this.prefix = injectSurfaceThemesPrefix({ optional: true });
         this.injector = inject(Injector);
         this.parentProvider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
-        this.defaultTheme = injectDefaultSurfaceTheme();
+        this.hostElement = injectHostElement();
+        this.rootTheme = injectRootSurfaceTheme();
+        this.hasColorScheme = !!inject(COLOR_SCHEME_TYPE, { optional: true });
         this.colorThemes = injectColorThemes({ optional: true });
         this.colorPrefix = injectColorThemesPrefix({ optional: true });
         this.colorProvider = inject(COLOR_PROVIDER, { optional: true });
+        this.ownColorProvider = inject(COLOR_PROVIDER, { optional: true, self: true });
         this.currentProviderSync = null;
         this.forcedSurface = signal(FORCED_SURFACE_UNSET, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "forcedSurface" }] : /* istanbul ignore next */ []));
@@ -9984,7 +10171,7 @@ class ProvideSurfaceDirective {
             // Only the outermost provider adopts the app default. A nested one left unset must keep
             // resolving to `null` so it reports the surface it inherits instead of resetting elevation.
             if (!value)
-                return this.parentProvider ? null : this.defaultTheme;
+                return this.parentProvider ? null : this.rootTheme();
             const theme = this.themes.find((t) => t.name === value) ?? null;
             if (isDevMode() && !theme) {
                 console.error(`Surface theme ${value} does not exist. Please make sure to add it to provideSurfaceThemesWithTailwind4()`);
@@ -10011,13 +10198,25 @@ class ProvideSurfaceDirective {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "surfaceName" }] : /* istanbul ignore next */ []));
         this.colorThemeClass = computed(() => {
-            const colorTheme = this.resolvedTheme()?.colorTheme;
-            if (!colorTheme || this.colorProvider?.resolvedColor())
+            const own = this.ownColorProvider?.effectiveColor();
+            if (typeof own === 'object' && own !== null ? own.name : own)
+                return null;
+            const resolved = this.colorProvider?.resolvedColor();
+            const chosen = (typeof resolved === 'object' && resolved !== null ? resolved.name : resolved) ||
+                this.colorThemes?.find((theme) => theme.isDefault)?.name;
+            if (!chosen)
                 return null;
-            if (isDevMode() && !this.colorThemes?.some((theme) => theme.name === colorTheme)) {
-                console.error(`Surface theme ${this.resolvedTheme()?.name} names the color theme ${colorTheme}, which does not exist. Please make sure to add it to provideColorThemesWithTailwind4()`);
+            const variant = resolveColorThemeVariant(this.activeTheme(), chosen, this.colorThemes);
+            // An overlay pane's DI parent surface is not its DOM ancestor, so the pane cannot inherit the parent's class.
+            const inheritsFromParent = !this.parentProvider || this.parentProvider.hostElement.contains(this.hostElement);
+            if (inheritsFromParent &&
+                variant === resolveColorThemeVariant(this.inheritedSurfaceTheme(), chosen, this.colorThemes)) {
+                return null;
+            }
+            if (isDevMode() && !this.colorThemes?.some((theme) => theme.name === variant)) {
+                console.error(`Surface theme ${this.activeTheme()?.name} names the color theme ${variant}, which does not exist. Please make sure to add it to provideColorThemesWithTailwind4()`);
             }
-            return `${this.colorPrefix || 'et'}-color--${createCssColorThemeName(colorTheme)}`;
+            return `${this.colorPrefix || 'et'}-color--${createCssColorThemeName(variant)}`;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "colorThemeClass" }] : /* istanbul ignore next */ []));
         this.surfaceClass = computed(() => {
@@ -10030,6 +10229,11 @@ class ProvideSurfaceDirective {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "surfaceClass" }] : /* istanbul ignore next */ []));
     }
+    inheritedSurfaceTheme() {
+        if (this.parentProvider)
+            return this.parentProvider.activeTheme();
+        return this.hasColorScheme ? this.rootTheme() : null;
+    }
     syncWithProvider(provider) {
         this.currentProviderSync?.destroy();
         runInInjectionContext(this.injector, () => {
@@ -10082,22 +10286,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
  */
 const injectSurfaceType = () => {
     const provider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
-    const defaultType = injectDefaultSurfaceTheme()?.type ?? null;
-    return computed(() => provider?.surfaceType() ?? defaultType);
+    const rootTheme = injectRootSurfaceTheme();
+    return computed(() => provider?.surfaceType() ?? rootTheme()?.type ?? null);
 };
 /**
  * Inject a signal containing the surface theme the current subtree renders on - the theme in
  * effect on the surrounding surface provider, or the app's default surface where nothing provides
  * one. Use it to derive an elevation relative to the surrounding surface.
  *
- * `null` where the app registers no surface themes, or registers a default per surface type -
- * which of those two `:root` paints is a `prefers-color-scheme` decision, so it cannot be
- * resolved at runtime.
+ * `null` where the app registers no surface themes, or registers a default per surface type
+ * without `provideColorScheme()`.
  */
 const injectParentSurface = () => {
     const provider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
-    const defaultTheme = injectDefaultSurfaceTheme();
-    return computed(() => provider?.activeTheme() ?? defaultTheme);
+    const rootTheme = injectRootSurfaceTheme();
+    return computed(() => provider?.activeTheme() ?? rootTheme());
 };
 
 let uniqueId = 0;
@@ -10519,11 +10722,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.62';
+const CORE_VERSION = '5.0.0-next.64';
 
 /**
  * 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, 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, 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, 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, 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, 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 };
 //# sourceMappingURL=ethlete-core.mjs.map