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

package/fesm2022/ethlete-core.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { assertInInjectionContext, inject, DestroyRef, ElementRef, TemplateRef, InjectionToken, QueryList, RendererFactory2, RendererStyleFlags2, isSignal, DOCUMENT, signal, linkedSignal, isDevMode, computed, afterNextRender, effect, untracked, ApplicationRef, runInInjectionContext, NgZone, Injector, booleanAttribute, numberAttribute, PLATFORM_ID, 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, 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, pairwise, debounceTime, merge, distinctUntilChanged, EMPTY, expand, skip, tap, take, filter, BehaviorSubject, combineLatest, Observable, isObservable, firstValueFrom, defaultIfEmpty, concatMap, concat, finalize, exhaustMap, share, shareReplay } from 'rxjs';
+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';
 import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
-import { isPlatformBrowser, DOCUMENT as DOCUMENT$1 } from '@angular/common';
+import { isPlatformBrowser, Location, DOCUMENT as DOCUMENT$1 } from '@angular/common';
 import { Router, NavigationEnd, NavigationSkipped, NavigationStart, NavigationError, RouterLink } from '@angular/router';
 import { Title, Meta, DomSanitizer } from '@angular/platform-browser';
-import { offset, flip, shift, limitShift, computePosition, autoUpdate, hide, arrow, size } from '@floating-ui/dom';
+import { platform, offset, flip, shift, limitShift, computePosition, autoUpdate, hide, arrow, size } from '@floating-ui/dom';
 
 const ANIMATION_DEBUG_STORAGE_KEY = 'et-overlay-debug';
 let cachedEnabled = null;
@@ -63,6 +63,9 @@ const randomId = () => {
     return `et-id-${(randomIdFallbackCounter++).toString(36)}-${Date.now().toString(36)}`;
 };
 
+/**
+ * @deprecated Use `takeUntilDestroyed()` from `@angular/core/rxjs-interop`. `yarn nx g @ethlete/core:migrate-create-destroy` rewrites the common pattern.
+ */
 const createDestroy = () => {
     assertInInjectionContext(createDestroy);
     const destroy$ = new Subject();
@@ -91,11 +94,13 @@ const getObjectProperty = (obj, prop) => {
         if (!isObject(value))
             return undefined;
         if (prop.includes('[')) {
-            const [key, index] = prop.split('[').map((part) => part.replace(']', ''));
-            const arr = value[key];
-            if (!Array.isArray(arr))
-                return undefined;
-            value = arr[+index];
+            const [key, ...indexes] = prop.split('[').map((part) => part.replace(']', ''));
+            value = value[key];
+            for (const index of indexes) {
+                if (!Array.isArray(value))
+                    return undefined;
+                value = value[+index];
+            }
         }
         else {
             value = value[prop];
@@ -187,7 +192,8 @@ const createValueProviders = (token, defaultValue, valueOverride, options) => [
 ];
 const maybeMergeValues = (defaultValue, valueOverride) => {
     if (isObject(valueOverride) && isObject(defaultValue)) {
-        return { ...defaultValue, ...valueOverride };
+        const definedOverride = Object.fromEntries(Object.entries(valueOverride).filter(([, value]) => value !== undefined));
+        return { ...defaultValue, ...definedOverride };
     }
     return valueOverride ?? defaultValue;
 };
@@ -248,6 +254,12 @@ const applyHostListeners = (listeners, options) => {
     }
 };
 
+function optionalBooleanAttribute(value) {
+    if (value === null || value === undefined)
+        return value;
+    return booleanAttribute(value);
+}
+
 class TypedQueryList extends QueryList {
     get changes() {
         return super.changes;
@@ -540,7 +552,7 @@ const equal = (foo, bar) => {
                     if (!tmp)
                         return false;
                 }
-                if (!equal(len[1], bar.get(tmp))) {
+                if (!bar.has(tmp) || !equal(len[1], bar.get(tmp))) {
                     return false;
                 }
             }
@@ -580,6 +592,9 @@ const equal = (foo, bar) => {
     return foo !== foo && bar !== bar;
 };
 
+// Only what a cookie value cannot hold is escaped, so base64 and JWT values stay byte-identical for
+// servers and older readers that do not decode them.
+const encodeCookieValue = (value) => encodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
 const hasCookie = (name) => {
     if (typeof document === 'undefined') {
         return false;
@@ -593,38 +608,63 @@ const getCookie = (name) => {
         return null;
     }
     const cookie = document.cookie.split(';').find((entry) => entry.trim().startsWith(`${name}=`));
-    return cookie?.trim().slice(name.length + 1) ?? null;
+    const raw = cookie?.trim().slice(name.length + 1);
+    if (raw === undefined)
+        return null;
+    try {
+        return decodeURIComponent(raw);
+    }
+    catch {
+        return raw;
+    }
 };
-const setCookie = (name, data, expiresInDays, domain = getDomain(), path = '/', sameSite = 'lax') => {
+const setCookie = (name, data, expiresInDays, domain, path = '/', sameSite = 'lax') => {
     if (typeof document === 'undefined') {
         return;
     }
+    const derivedDomain = domain === undefined;
+    const resolvedDomain = derivedDomain ? getDomain() : domain;
     const sameSiteUpper = sameSite.toUpperCase();
     const expires = expiresInDays ?? 30;
-    let cookieString = `${name}=${data}; path=${path}`;
+    let cookieString = `${name}=${encodeCookieValue(data)}; path=${path}`;
     if (expiresInDays !== null) {
         const date = new Date();
         date.setTime(date.getTime() + expires * 24 * 60 * 60 * 1000);
         cookieString += `; expires=${date.toUTCString()}`;
     }
-    if (domain) {
-        cookieString += `; domain=${domain}`;
-    }
-    cookieString += `; SameSite=${sameSiteUpper}`;
+    const attributes = (withDomain) => {
+        let result = cookieString;
+        if (withDomain && resolvedDomain) {
+            result += `; domain=${resolvedDomain}`;
+        }
+        return result;
+    };
+    let suffix = `; SameSite=${sameSiteUpper}`;
     if (sameSite === 'none' || (typeof window !== 'undefined' && window.location.protocol === 'https:')) {
-        cookieString += '; Secure';
+        suffix += '; Secure';
+    }
+    suffix += ';';
+    document.cookie = attributes(true) + suffix;
+    if (derivedDomain && resolvedDomain && getCookie(name) !== data) {
+        document.cookie = attributes(false) + suffix;
     }
-    cookieString += ';';
-    document.cookie = cookieString;
 };
-const deleteCookie = (name, path = '/', domain = getDomain()) => {
-    if (hasCookie(name)) {
+const deleteCookie = (name, path = '/', domain) => {
+    if (!hasCookie(name))
+        return;
+    const derivedDomain = domain === undefined;
+    const resolvedDomain = derivedDomain ? getDomain() : domain;
+    const expire = (withDomain) => {
         document.cookie =
             name +
                 '=' +
                 (path ? ';path=' + path : '') +
-                (domain ? ';domain=' + domain : '') +
+                (withDomain && resolvedDomain ? ';domain=' + resolvedDomain : '') +
                 ';expires=Thu, 01 Jan 1970 00:00:01 GMT';
+    };
+    expire(true);
+    if (derivedDomain && hasCookie(name)) {
+        expire(false);
     }
 };
 const getDomain = () => {
@@ -646,6 +686,7 @@ const getDomain = () => {
     return hostname;
 };
 
+/** @deprecated Keyed on the deprecated `KeyboardEvent.keyCode`. Compare `KeyboardEvent.key` instead. */
 class KeyPressManager {
     constructor(key) {
         this.key = key;
@@ -660,8 +701,8 @@ class KeyPressManager {
             this.keyPressCount++;
             this._stopTimeout$.next();
             timer(100)
-                .pipe(takeUntil(this._stopTimeout$))
-                .subscribe(() => this.clear());
+                .pipe(takeUntil(this._stopTimeout$), tap(() => this.clear()))
+                .subscribe();
         }
         else {
             this.clear();
@@ -1493,7 +1534,7 @@ const signalAnimatedNumber = (source, options = {}) => {
                 if (destroyed)
                     return;
                 const elapsed = timestamp - startTime;
-                const progress = Math.min(elapsed / duration, 1);
+                const progress = duration > 0 ? Math.min(Math.max(elapsed / duration, 0), 1) : 1;
                 const easedProgress = easing(progress);
                 const value = startValue + delta * easedProgress;
                 currentAnimatedValue = value;
@@ -1693,24 +1734,36 @@ const resolveFromMap = (map, bp, defaultValue) => {
     }
     return defaultValue;
 };
+/** Builds an input transform that coerces a value or a per-breakpoint map to `T` for the current breakpoint. */
 const breakpointTransformBase = (coerce, defaultValue) => {
     const currentBp = injectCurrentBreakpoint();
     const injector = inject(Injector);
     const raw = signal(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "raw" }] : /* istanbul ignore next */ []));
+    let warnedMissingInstance = false;
     let cachedSig = null;
     const transformFn = (value) => {
-        const coerced = isBreakpointMap(value) ? value : coerce(value);
-        raw.set(coerced);
-        return isBreakpointMap(coerced) ? resolveFromMap(coerced, currentBp(), defaultValue) : coerced;
+        if (isBreakpointMap(value)) {
+            const map = value;
+            raw.set(map);
+            return resolveFromMap(map, currentBp(), defaultValue);
+        }
+        raw.set(undefined);
+        return coerce(value);
     };
     effect(() => {
         const bp = currentBp();
         const r = raw();
         if (!cachedSig) {
             const instance = injector.get(BREAKPOINT_INSTANCE_TOKEN, null);
-            if (!instance)
+            if (!instance) {
+                if (ngDevMode && r !== undefined && !warnedMissingInstance) {
+                    warnedMissingInstance = true;
+                    console.warn('[ethlete] A breakpoint map was bound to an input, but its component does not call ' +
+                        'provideBreakpointInstance(), so the value will not follow the breakpoint after the first render.');
+                }
                 return;
+            }
             for (const key of Object.keys(instance)) {
                 const val = instance[key];
                 if (val && typeof val === 'function' && val[SIGNAL]?.transformFn === transformFn) {
@@ -1719,7 +1772,7 @@ const breakpointTransformBase = (coerce, defaultValue) => {
                 }
             }
         }
-        if (!cachedSig || r === undefined || !isBreakpointMap(r))
+        if (!cachedSig || r === undefined)
             return;
         const resolved = resolveFromMap(r, bp, defaultValue);
         untracked(() => setInputSignal(cachedSig, resolved));
@@ -1852,8 +1905,8 @@ const signalCountdown = (deadline) => {
                 const remainingMs = endsAt - Date.now();
                 return remainingMs <= 0 ? EMPTY : timer(remainingMs % SECOND_MS || SECOND_MS);
             }), skip(1));
-        }), takeUntilDestroyed())
-            .subscribe(() => tick.update((count) => count + 1));
+        }), tap(() => tick.update((count) => count + 1)), takeUntilDestroyed())
+            .subscribe();
     }
     return computed(() => {
         tick();
@@ -1897,13 +1950,13 @@ const signalDeferredLoading = (source, options) => {
         }
         const remaining = minDuration - (performance.now() - shownAt);
         return remaining <= 0 ? of(false) : timer(remaining).pipe(map(() => false));
-    }), takeUntilDestroyed())
-        .subscribe((isVisible) => {
+    }), tap((isVisible) => {
         if (isVisible) {
             shownAt = performance.now();
         }
         visible.set(isVisible);
-    });
+    }), takeUntilDestroyed())
+        .subscribe();
     return visible.asReadonly();
 };
 
@@ -1948,8 +2001,6 @@ const signalElementChildren = (el, options) => {
         if (!isRendered())
             return [];
         const els = firstEl();
-        // We are not interested what the mutation is, just that there is one.
-        // Changes to the DOM may affect the children of the element.
         elementMutations();
         if (!els.currentElement)
             return [];
@@ -1967,14 +2018,13 @@ const signalElementChildren = (el, options) => {
 const buildSignalEffects = (el, config) => {
     const elements = buildElementSignal(el);
     const injector = inject(Injector);
+    const liveTokens = new Map(Object.entries(config.tokenMap));
     effect(() => {
         const { currentElements, previousElements } = elements();
         for (const previousEl of previousElements) {
             if (currentElements.includes(previousEl))
                 continue;
-            const tokens = Object.keys(config.tokenMap)
-                .map((key) => key.split(' '))
-                .flat();
+            const tokens = [...liveTokens.keys()].flatMap((key) => key.split(' '));
             if (!tokens.length)
                 continue;
             config.cleanupFn(previousEl, tokens);
@@ -1982,7 +2032,7 @@ const buildSignalEffects = (el, config) => {
         for (const currentEl of currentElements) {
             if (previousElements.includes(currentEl))
                 continue;
-            for (const [tokens, condition] of Object.entries(config.tokenMap)) {
+            for (const [tokens, condition] of liveTokens) {
                 untracked(() => {
                     const tokenArray = tokens.split(' ');
                     if (!tokenArray.length)
@@ -1997,6 +2047,7 @@ const buildSignalEffects = (el, config) => {
     const push = (tokens, signal) => {
         if (has(tokens))
             return;
+        liveTokens.set(tokens, signal);
         runInInjectionContext(injector, () => {
             effects[tokens] = effect(() => {
                 const { currentElements } = untracked(() => elements());
@@ -2018,6 +2069,7 @@ const buildSignalEffects = (el, config) => {
     const remove = (tokens) => {
         effects[tokens]?.destroy();
         delete effects[tokens];
+        liveTokens.delete(tokens);
         for (const el of elements().currentElements) {
             const tokenArray = tokens.split(' ');
             if (!tokenArray.length)
@@ -2099,8 +2151,6 @@ const signalStyles = (el, styleMap) => {
 const signalHostStyles = (styleMap) => signalStyles(inject(ElementRef), styleMap);
 
 const elementCanScroll = (element, direction) => {
-    // Omitting the element means "the document scroller". Resolved lazily and guarded so a call on the
-    // server answers "cannot scroll" instead of throwing on a missing `document`.
     const el = element || (typeof document === 'undefined' ? null : document.documentElement);
     if (!el) {
         return false;
@@ -2115,9 +2165,6 @@ const elementCanScroll = (element, direction) => {
     return scrollHeight > clientHeight || scrollWidth > clientWidth;
 };
 const createViewportRect = () => {
-    // Collapses to a zero rect where there is no window (server). `isElementVisible` never reaches the
-    // intersection math there anyway - `elementCanScroll` already reports the document as unscrollable
-    // - so the rect only has to be a valid shape.
     const hasWindow = typeof window !== 'undefined';
     const width = hasWindow ? window.innerWidth : 0;
     const height = hasWindow ? window.innerHeight : 0;
@@ -2169,9 +2216,22 @@ const isElementVisible = (options) => {
         intersectionRatio: Math.round(Math.min(inlineIntersectionPercentage, blockIntersectionPercentage) * 100) / 100,
     };
 };
+const nearestAlignment = (elStart, elEnd, conStart, conEnd) => {
+    const startOutside = elStart < conStart;
+    const endOutside = elEnd > conEnd;
+    const fits = elEnd - elStart <= conEnd - conStart;
+    if (startOutside === endOutside)
+        return null;
+    if (startOutside === fits)
+        return 'start';
+    return 'end';
+};
 const getElementScrollCoordinates = (options) => {
     const { container, element, direction, behavior = 'smooth', origin = 'nearest', scrollBlockMargin = 0, scrollInlineMargin = 0, } = options;
-    if (!element || !container || !elementCanScroll(container)) {
+    if (!element ||
+        !container ||
+        (container.isConnected && !container.contains(element)) ||
+        !elementCanScroll(container)) {
         return {
             behavior,
             left: undefined,
@@ -2199,33 +2259,33 @@ const getElementScrollCoordinates = (options) => {
     let scrollTopTo = scrollTop;
     const relativeTop = elTop - conTop;
     const relativeLeft = elLeft - conLeft;
+    const calculateInlineStart = () => (scrollLeftTo = scrollLeft + relativeLeft - scrollInlineMargin);
+    const calculateBlockStart = () => (scrollTopTo = scrollTop + relativeTop - scrollBlockMargin);
+    const calculateInlineEnd = () => (scrollLeftTo = scrollLeft + relativeLeft - conWidth + elWidth + scrollInlineMargin);
+    const calculateBlockEnd = () => (scrollTopTo = scrollTop + relativeTop - conHeight + elHeight + scrollBlockMargin);
     const calculateScrollToStart = () => {
-        scrollLeftTo = scrollLeft + relativeLeft - scrollInlineMargin;
-        scrollTopTo = scrollTop + relativeTop - scrollBlockMargin;
+        calculateInlineStart();
+        calculateBlockStart();
     };
     const calculateScrollToEnd = () => {
-        scrollLeftTo = scrollLeft + relativeLeft - conWidth + elWidth + scrollInlineMargin;
-        scrollTopTo = scrollTop + relativeTop - conHeight + elHeight + scrollBlockMargin;
+        calculateInlineEnd();
+        calculateBlockEnd();
     };
     const calculateScrollToCenter = () => {
         scrollLeftTo = scrollLeft + relativeLeft - conWidth / 2 + elWidth / 2;
         scrollTopTo = scrollTop + relativeTop - conHeight / 2 + elHeight / 2;
     };
     const calculateScrollToNearest = () => {
-        const isAbove = elBottom < conTop;
-        const isPartialAbove = elTop < conTop && elBottom > conTop;
-        const isBelow = elTop > conBottom;
-        const isPartialBelow = elTop < conBottom && elBottom > conBottom;
-        const isLeft = elRight < conLeft;
-        const isPartialLeft = elLeft < conLeft && elRight > conLeft;
-        const isRight = elLeft > conRight;
-        const isPartialRight = elLeft < conRight && elRight > conRight;
-        if (isAbove || isPartialAbove || isLeft || isPartialLeft) {
-            calculateScrollToStart();
-        }
-        else if (isBelow || isPartialBelow || isRight || isPartialRight) {
-            calculateScrollToEnd();
-        }
+        const inline = nearestAlignment(elLeft, elRight, conLeft, conRight);
+        const block = nearestAlignment(elTop, elBottom, conTop, conBottom);
+        if (inline === 'start')
+            calculateInlineStart();
+        else if (inline === 'end')
+            calculateInlineEnd();
+        if (block === 'start')
+            calculateBlockStart();
+        else if (block === 'end')
+            calculateBlockEnd();
     };
     switch (origin) {
         case 'start':
@@ -2252,6 +2312,7 @@ const scrollToElement = (options) => {
 };
 
 const MIN_SNAP_DELTA_PX = 1;
+const FULLY_VISIBLE_RATIO = 0.99;
 const getScrollSnapTarget = (items, container, direction, origin, margin = 0) => {
     if (!items.length)
         return null;
@@ -2371,7 +2432,7 @@ const getScrollItemTarget = (entries, container, direction, scrollOrigin, axisDi
     }
     const entry = direction === 'start' ? firstVisible : lastVisible;
     const entryIndex = direction === 'start' ? firstIndex : lastIndex;
-    if (Math.round(entry.intersectionRatio) === 1) {
+    if (entry.intersectionRatio >= FULLY_VISIBLE_RATIO) {
         if (direction === 'start' && entryIndex === 0)
             return null;
         if (direction === 'end' && entryIndex === entries.length - 1)
@@ -2408,8 +2469,10 @@ const createPositionObject = (entry) => {
         isVisible,
     };
 };
+const unwrap = (value) => (isSignal(value) ? value() : value);
+const isZeroMargin = (margin) => !margin || /^(0(px|%)?\s*)+$/.test(margin.trim());
 const signalElementIntersection = (el, options) => {
-    const { root: rootBinding, enabled, ...observerOptions } = options ?? {};
+    const { root: rootBinding, enabled, rootMargin, threshold, ...observerOptions } = options ?? {};
     const destroyRef = inject(DestroyRef);
     const elements = buildElementSignal(el);
     const root = firstElementSignal(rootBinding ? buildElementSignal(rootBinding) : createEmptyElementSignal());
@@ -2421,6 +2484,7 @@ const signalElementIntersection = (el, options) => {
     const observer = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "observer" }] : /* istanbul ignore next */ []));
     const currentlyObservedElements = new Set();
+    let observedRootMargin;
     const updateIntersections = (entries) => {
         let currentValues = [...elementIntersectionSignal()];
         for (const entry of entries) {
@@ -2450,7 +2514,7 @@ const signalElementIntersection = (el, options) => {
         }
         zone.run(() => elementIntersectionSignal.set(currentValues));
     };
-    const updateIntersectionObserver = (rendered, enabled, rootEl) => {
+    const updateIntersectionObserver = (rendered, enabled, rootEl, margin, thresholdValue) => {
         observer()?.disconnect();
         currentlyObservedElements.clear();
         if (!rendered || !enabled) {
@@ -2460,8 +2524,11 @@ const signalElementIntersection = (el, options) => {
         }
         const newObserver = new IntersectionObserver((entries) => updateIntersections(entries), {
             ...observerOptions,
+            ...(margin !== undefined && { rootMargin: margin }),
+            ...(thresholdValue !== undefined && { threshold: thresholdValue }),
             root: rootEl,
         });
+        observedRootMargin = margin;
         observer.set(newObserver);
     };
     const updateObservedElements = (observer, elements) => {
@@ -2474,15 +2541,16 @@ const signalElementIntersection = (el, options) => {
         const newIntersectionValue = [];
         for (const el of elements.currentElements) {
             if (currentlyObservedElements.has(el)) {
-                const existingEntryIndex = currIntersectionValue.findIndex((v) => v.target === el);
-                const existingEntry = currIntersectionValue[existingEntryIndex];
-                if (!existingEntry) {
-                    console.warn('Could not find existing entry for element. The intersection observer might be broken now.', el);
-                    continue;
-                }
-                newIntersectionValue.push(existingEntry);
+                const existingEntry = currIntersectionValue.find((v) => v.target === el);
+                if (existingEntry)
+                    newIntersectionValue.push(existingEntry);
                 continue;
             }
+            currentlyObservedElements.add(el);
+            observer.observe(el);
+            // isElementVisible ignores rootMargin, so with one set the observer's own first entry is the only correct one.
+            if (!isZeroMargin(observedRootMargin))
+                continue;
             const initialElementVisibility = isElementVisible({
                 container: rootEl,
                 element: el,
@@ -2502,8 +2570,6 @@ const signalElementIntersection = (el, options) => {
                 ...intersectionEntry,
                 ...createPositionObject(intersectionEntry),
             });
-            currentlyObservedElements.add(el);
-            observer.observe(el);
         }
         for (const el of elements.previousElements) {
             if (elements.currentElements.includes(el))
@@ -2517,9 +2583,13 @@ const signalElementIntersection = (el, options) => {
         const rootEl = root().currentElement;
         const rendered = isRendered();
         const enabled = isEnabled();
-        untracked(() => updateIntersectionObserver(rendered, enabled, rootEl));
+        const margin = rootMargin === undefined ? undefined : unwrap(rootMargin);
+        const thresholdValue = threshold === undefined ? undefined : unwrap(threshold);
+        untracked(() => updateIntersectionObserver(rendered, enabled, rootEl, margin, thresholdValue));
     });
-    effect(() => {
+    // The initial entries are measured here, not in an effect: an effect runs during change detection,
+    // before elements rendered in the same pass have their layout.
+    afterRenderEffect(() => {
         const els = elements();
         const obs = observer();
         untracked(() => updateObservedElements(obs, els));
@@ -2545,6 +2615,8 @@ const signalElementLastScrollDirection = (el) => {
             lastScrollLeft = 0;
             return of(null);
         }
+        lastScrollTop = currentElement.scrollTop;
+        lastScrollLeft = currentElement.scrollLeft;
         return fromEvent(currentElement, 'scroll').pipe(tap(() => {
             const { scrollTop, scrollLeft } = currentElement;
             const time = Date.now();
@@ -2623,8 +2695,6 @@ const signalElementScrollState = (el, options) => {
     return computed(() => {
         const element = observedEl().currentElement;
         const dimensions = elementDimensions();
-        // We are not interested what the mutation is, just that there is one.
-        // Changes to the DOM can affect the scroll state of the element.
         elementMutations();
         if (!element || !isRendered())
             return notScrollable(dimensions);
@@ -2651,11 +2721,12 @@ const writeScrollbarSizeToCssVariables = () => {
     if (!isPlatformBrowser(inject(PLATFORM_ID))) {
         return;
     }
-    const environmentInjector = inject(EnvironmentInjector);
-    if (scrollbarSizeWriters.has(environmentInjector)) {
+    // The app's injector, not the caller's: a writer started from a component must outlive it.
+    const appInjector = inject(ApplicationRef).injector;
+    if (scrollbarSizeWriters.has(appInjector)) {
         return;
     }
-    scrollbarSizeWriters.add(environmentInjector);
+    scrollbarSizeWriters.add(appInjector);
     const document = inject(DOCUMENT);
     const renderer = injectRenderer();
     const scrollbarDimensions = injectScrollbarDimensions();
@@ -2667,7 +2738,7 @@ const writeScrollbarSizeToCssVariables = () => {
             '--et-sw': `${dimensions.width}px`,
             '--et-sh': `${dimensions.height}px`,
         });
-    });
+    }, { injector: appInjector });
 };
 const viewportSizeWriters = /* @__PURE__ */ new WeakSet();
 /**
@@ -2679,11 +2750,11 @@ const writeViewportSizeToCssVariables = () => {
     if (!isPlatformBrowser(inject(PLATFORM_ID))) {
         return;
     }
-    const environmentInjector = inject(EnvironmentInjector);
-    if (viewportSizeWriters.has(environmentInjector)) {
+    const appInjector = inject(ApplicationRef).injector;
+    if (viewportSizeWriters.has(appInjector)) {
         return;
     }
-    viewportSizeWriters.add(environmentInjector);
+    viewportSizeWriters.add(appInjector);
     const document = inject(DOCUMENT);
     const renderer = injectRenderer();
     const htmlElementDimensions = injectViewportDimensions();
@@ -2695,7 +2766,7 @@ const writeViewportSizeToCssVariables = () => {
             '--et-vw': `${dimensions.width}px`,
             '--et-vh': `${dimensions.height}px`,
         });
-    });
+    }, { injector: appInjector });
 };
 
 /** The deadzone in pixels after which the cursor drag scroll will take effect. */
@@ -2745,14 +2816,12 @@ const useCursorDragScroll = (el, options) => {
     // A host destroyed mid-drag never re-runs the styling effect, so the grabbing cursor it wrote on
     // `<html>` would outlive the page it was dragged on.
     destroyRef.onDestroy(() => renderer.removeStyle(document.documentElement, 'cursor'));
-    // Cleanup if the element the cursor drag scroll is bound to gets changed
     effect(() => {
         const { previousElement } = element();
         if (previousElement) {
             renderer.removeStyle(previousElement, 'cursor');
         }
     });
-    // Conditionally apply styles/classes to the element and the document
     effect(() => {
         const currCanScroll = canScroll();
         const isEnabled = enabled();
@@ -2792,7 +2861,6 @@ const useCursorDragScroll = (el, options) => {
             }
         });
     });
-    // Update the element's scroll position when the user drags
     effect(() => {
         const currDragAmount = dragAmount();
         untracked(() => {
@@ -2886,7 +2954,8 @@ const createInitialRoute = () => {
     if (!isBrowser) {
         return router.url;
     }
-    return window.location.pathname + window.location.search + window.location.hash;
+    const path = inject(Location).path(true);
+    return path.startsWith('/') ? path : `/${path}`;
 };
 /** Inject the current router event */
 const injectRouterEvent = /* @__PURE__ */ memoizeSignal(() => {
@@ -2953,6 +3022,7 @@ const injectRoute = /* @__PURE__ */ memoizeSignal(() => {
         return withoutFragment;
     });
 });
+const withInjector = (config, fn) => config?.injector ? runInInjectionContext(config.injector, fn) : fn();
 const createRouterState = (router) => {
     let route = router.routerState.snapshot.root;
     while (route.firstChild) {
@@ -2992,37 +3062,35 @@ const injectRouterState = /* @__PURE__ */ memoizeSignal(() => {
 });
 /** Inject a signal containing the current route fragment (the part after the # inside the url if present) */
 const injectFragment = (config) => {
-    const routerState = config?.injector
-        ? runInInjectionContext(config.injector, injectRouterState)
-        : injectRouterState();
+    const routerState = withInjector(config, injectRouterState);
     const fragment = computed(() => routerState().fragment, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "fragment" }] : /* istanbul ignore next */ []));
     return transformOrReturn(fragment, config);
 };
 /** Inject all currently available query parameters as a signal */
-const injectQueryParams = () => {
-    const routerState = injectRouterState();
+const injectQueryParams = (config) => {
+    const routerState = withInjector(config, injectRouterState);
     const queryParams = computed(() => routerState().queryParams, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "queryParams" }] : /* istanbul ignore next */ []));
     return queryParams;
 };
 /** Inject all currently available route data as a signal */
-const injectRouteData = () => {
-    const routerState = injectRouterState();
+const injectRouteData = (config) => {
+    const routerState = withInjector(config, injectRouterState);
     const data = computed(() => routerState().data, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     return data;
 };
 /** Inject the current route title as a signal */
 const injectRouteTitle = (config) => {
-    const routerState = injectRouterState();
+    const routerState = withInjector(config, injectRouterState);
     const title = computed(() => routerState().title, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     return transformOrReturn(title, config);
 };
 /** Inject all currently available path parameters as a signal */
-const injectPathParams = () => {
-    const routerState = injectRouterState();
+const injectPathParams = (config) => {
+    const routerState = withInjector(config, injectRouterState);
     const pathParams = computed(() => routerState().pathParams, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "pathParams" }] : /* istanbul ignore next */ []));
     return pathParams;
@@ -3033,21 +3101,48 @@ const getQueryParamFromUrl = (key) => {
     const urlParams = new URLSearchParams(window.location.search);
     return urlParams.get(key);
 };
-/** Inject a specific query parameter as a signal */
+const getAllQueryParamsFromUrl = (key) => {
+    if (typeof window === 'undefined')
+        return [];
+    return new URLSearchParams(window.location.search).getAll(key);
+};
+const toValues = (value) => {
+    if (value === undefined || value === null)
+        return [];
+    return Array.isArray(value) ? value : [value];
+};
+/**
+ * Inject a specific query parameter as a signal. A repeated parameter (`?tag=a&tag=b`) resolves to its first value;
+ * use `injectQueryParamAll` to read every value.
+ */
 const injectQueryParam = (key, config) => {
-    const queryParams = injectQueryParams();
-    const src = computed(() => queryParams()[key] ?? (config?.requireSync ? getQueryParamFromUrl(key) : null));
+    const queryParams = injectQueryParams(config);
+    const src = computed(() => {
+        const first = toValues(queryParams()[key])[0];
+        return first ?? (config?.requireSync ? getQueryParamFromUrl(key) : null);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+    return transformOrReturn(src, config);
+};
+/** Inject every value of a specific query parameter as a signal. Resolves to an empty array when it is absent. */
+const injectQueryParamAll = (key, config) => {
+    const queryParams = injectQueryParams(config);
+    const src = computed(() => {
+        const values = toValues(queryParams()[key]);
+        return values.length || !config?.requireSync ? values : getAllQueryParamsFromUrl(key);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
     return transformOrReturn(src, config);
 };
 /** Inject a specific route data item as a signal */
 const injectRouteDataItem = (key, config) => {
-    const data = injectRouteData();
+    const data = injectRouteData(config);
     const src = computed(() => data()[key] ?? null);
     return transformOrReturn(src, config);
 };
 /** Inject a specific path parameter as a signal */
 const injectPathParam = (key, config) => {
-    const pathParams = injectPathParams();
+    const pathParams = injectPathParams(config);
     const src = computed(() => pathParams()[key] ?? null);
     return transformOrReturn(src, config);
 };
@@ -3120,9 +3215,9 @@ const injectPathParamChanges = /* @__PURE__ */ memoizeSignal(() => {
  *   protected cameFromCart = this.navState?.fromCart ?? false;
  * }
  */
-const injectRouterNavigationState = () => {
-    const router = inject(Router);
-    return router.getCurrentNavigation()?.extras.state ?? null;
+const injectRouterNavigationState = (config) => {
+    const router = withInjector(config, () => inject(Router));
+    return router.currentNavigation()?.extras.state ?? null;
 };
 
 const ET_DISABLE_SCROLL_TOP = /* @__PURE__ */ Symbol('ET_DISABLE_SCROLL_TOP');
@@ -3351,7 +3446,7 @@ const setupScrollRestoration = (config = {}) => {
         // Read off the navigation rather than `history.state`: a symbol key does not survive being
         // structured-cloned into the history entry, which is what keeps the mark from outliving this
         // navigation and re-firing when the user later pops back to the entry it created.
-        const navigationState = router.getCurrentNavigation()?.extras.state;
+        const navigationState = router.currentNavigation()?.extras.state;
         wantsRestore = !isPopstate && navigationState?.[ET_RESTORE_SCROLL] === true;
     };
     const onNavigationEnd = (event) => {
@@ -3425,14 +3520,14 @@ const setupScrollRestoration = (config = {}) => {
         }
     };
     router.events
-        .pipe(filter((e) => e instanceof NavigationStart || e instanceof NavigationEnd || e instanceof NavigationSkipped), takeUntilDestroyed())
-        .subscribe((event) => {
+        .pipe(filter((e) => e instanceof NavigationStart || e instanceof NavigationEnd || e instanceof NavigationSkipped), tap((event) => {
         if (event instanceof NavigationStart) {
             onNavigationStart(event);
             return;
         }
         onNavigationEnd(event);
-    });
+    }), takeUntilDestroyed())
+        .subscribe();
     destroyRef.onDestroy(() => {
         cancelPendingRestore();
         if (restoreEnabled && previousScrollRestoration !== null) {
@@ -3444,7 +3539,7 @@ const setupScrollRestoration = (config = {}) => {
 const DISABLE_LOGGER_PARAM = 'et-logger-quiet';
 const createLogger = (config) => {
     const { scope, feature } = config;
-    const disableLogging = injectQueryParam(DISABLE_LOGGER_PARAM);
+    const disableLogging = injectQueryParam(DISABLE_LOGGER_PARAM, { transform: (value) => value !== null });
     return {
         log: (...args) => {
             if (!disableLogging())
@@ -3470,15 +3565,31 @@ const escapeHtmlPreservingEntities = (str) => str
     .replace(/</g, '&lt;')
     .replace(/>/g, '&gt;')
     .replace(/"/g, '&quot;');
+/** Attribute that makes `htmlToMarkdown` write an element's text verbatim, without Markdown escaping:
+ *  `<span data-markdown-verbatim>{{user:_x}}</span>` becomes `{{user:_x}}`. The element must hold
+ *  text only. */
+const MARKDOWN_VERBATIM_ATTR = 'data-markdown-verbatim';
+const VERBATIM_RE = /* @__PURE__ */ new RegExp(`<span\\b[^>]*\\b${MARKDOWN_VERBATIM_ATTR}\\b[^>]*>([^<]*)<\\/span>`, 'gi');
+const codePointToString = (codePoint) => (codePoint <= 0x10ffff ? String.fromCodePoint(codePoint) : '\ufffd');
 const decodeUrlCharacterReferences = (url) => url
-    .replace(/&#(\d+);?/g, (_, value) => String.fromCodePoint(Number(value)))
-    .replace(/&#x([0-9a-f]+);?/gi, (_, value) => String.fromCodePoint(Number.parseInt(value, 16)))
+    .replace(/&#(\d+);?/g, (_, value) => codePointToString(Number(value)))
+    .replace(/&#x([0-9a-f]+);?/gi, (_, value) => codePointToString(Number.parseInt(value, 16)))
     .replace(/&(colon|tab|newline);/gi, (_, entity) => entity.toLowerCase() === 'colon' ? ':' : entity.toLowerCase() === 'tab' ? '\t' : '\n');
+/** Whether `url` may be embedded as an image `src`: everything except `javascript:` and `vbscript:`
+ *  URLs and non-image `data:` URLs, however they are cased, spaced or entity-encoded. */
 const isSafeUrl = (url) => {
     // eslint-disable-next-line no-control-regex -- URL parsers ignore these characters inside schemes.
     const normalized = decodeUrlCharacterReferences(url).replace(/[\s\u0000-\u001f]/g, '');
     return (!/^(javascript|vbscript):/i.test(normalized) && !/^data:(?!image\/(?:avif|gif|jpeg|png|webp);)/i.test(normalized));
 };
+/** Whether `url` may become a link: `http:`, `https:`, `mailto:` and `tel:` URLs, relative paths and
+ *  fragments pass; any other scheme (`javascript:`, `data:`, `vbscript:`, ...) is refused, however
+ *  it is cased, spaced or entity-encoded. */
+const isSafeLinkUrl = (url) => {
+    // eslint-disable-next-line no-control-regex -- URL parsers ignore these characters inside schemes.
+    const normalized = decodeUrlCharacterReferences(url).replace(/[\s\u0000-\u001f]/g, '');
+    return !/^[a-z][a-z0-9+.-]*:/i.test(normalized) || /^(?:https?|mailto|tel):/i.test(normalized);
+};
 const unescapeHtml = (str) => str
     .replace(/&amp;/g, '&')
     .replace(/&lt;/g, '<')
@@ -3527,7 +3638,7 @@ const sanitizeInlineHtml = (html) => {
         const name = tag.toLowerCase();
         if (name === 'a') {
             const href = closing ? null : /\bhref\s*=\s*"([^"]*)"/i.exec(full)?.[1];
-            const anchor = closing ? '</a>' : href && isSafeUrl(href) ? `<a href="${href}">` : '<a>';
+            const anchor = closing ? '</a>' : href && isSafeLinkUrl(href) ? `<a href="${href}">` : '<a>';
             return makePlaceholder('TAG', kept.push(anchor) - 1);
         }
         if (!SAFE_INLINE_TAGS.has(name))
@@ -3538,10 +3649,10 @@ const sanitizeInlineHtml = (html) => {
 };
 const processInline = (text) => {
     const inlineCodes = [];
-    text = text.replace(/`([^`]+)`/g, (_, code) => {
-        const idx = inlineCodes.push(`<code>${escapeHtml(code)}</code>`) - 1;
-        return makePlaceholder('IC', idx);
-    });
+    const escapes = [];
+    text = text.replace(/\\([!-/:-@[-`{-~])|`([^`]+)`/g, (_, escaped, code) => escaped !== undefined
+        ? makePlaceholder('ESC', escapes.push(escapeHtml(escaped)) - 1)
+        : makePlaceholder('IC', inlineCodes.push(`<code>${escapeHtml(code ?? '')}</code>`) - 1));
     // "Open in new tab" links round-trip as raw HTML because Markdown has no `target` syntax. Extract
     // them before the raw-HTML escape below, keeping only a safe href, `target="_blank"` and a forced
     // `rel="noopener noreferrer"` (any other attribute - including event handlers - is dropped); their
@@ -3550,9 +3661,11 @@ const processInline = (text) => {
     text = text.replace(/<a\b([^>]*)>([\s\S]*?)<\/a>/gi, (full, attrs, inner) => {
         const href = /\bhref\s*=\s*"([^"]*)"/i.exec(attrs)?.[1];
         const newTab = /\btarget\s*=\s*"_blank"/i.test(attrs);
-        if (!newTab || !href || !isSafeUrl(href))
+        if (!newTab || !href)
             return full;
-        const anchor = `<a href="${href}" target="_blank" rel="noopener noreferrer">${processInline(inner)}</a>`;
+        const anchor = isSafeLinkUrl(href)
+            ? `<a href="${href}" target="_blank" rel="noopener noreferrer">${processInline(inner)}</a>`
+            : processInline(inner);
         return makePlaceholder('NTLINK', newTabLinks.push(anchor) - 1);
     });
     // Raw HTML in Markdown text is escaped, not rendered - the editor writes this HTML straight
@@ -3570,10 +3683,16 @@ const processInline = (text) => {
     text = text.replace(/~~([^\s~](?:.*?[^\s~])?)~~/g, '<del>$1</del>');
     // Images before links (order matters); URLs with script-running schemes stay literal text
     text = text.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (match, alt, src) => isSafeUrl(src) ? `<img src="${src}" alt="${alt}">` : match);
-    text = text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (match, label, href) => isSafeUrl(href) ? `<a href="${href}">${label}</a>` : match);
+    text = text.replace(/(?<!!)\[([^\]]+)\]\(([^)]+)\)/g, (_match, label, href) => isSafeLinkUrl(href) ? `<a href="${href}">${label}</a>` : label);
+    // New-tab links first: their inner markup still holds this call's code and escape placeholders.
     return text
-        .replace(placeholderRe('IC'), (_, i) => inlineCodes[+i] ?? '')
-        .replace(placeholderRe('NTLINK'), (_, i) => newTabLinks[+i] ?? '');
+        .replace(placeholderRe('NTLINK'), (_, i) => newTabLinks[+i] ?? '')
+        .replace(placeholderRe('IC'), (match, i) => inlineCodes[+i] ?? match)
+        .replace(placeholderRe('ESC'), (match, i) => escapes[+i] ?? match);
+};
+const parseStartNumber = (openTag) => {
+    const value = /\bstart\s*=\s*["']?(-?\d+)/i.exec(openTag)?.[1];
+    return value === undefined ? 1 : Number(value);
 };
 /** The first top-level `<ul>`/`<ol>` in `html`, matched with balanced nesting. */
 const findList = (html) => {
@@ -3593,6 +3712,7 @@ const findList = (html) => {
                 start: open.index,
                 end: tag.lastIndex,
                 ordered: openTagName.toLowerCase() === 'ol',
+                startNumber: parseStartNumber(open[0]),
                 inner: html.slice(innerStart, match.index),
             };
         }
@@ -3692,15 +3812,15 @@ const buildBlockquoteHtml = (lines) => {
     return `<blockquote>${html || '<br>'}</blockquote>`;
 };
 /** Serializes a list's inner HTML to Markdown, indenting nested lists two spaces per level. */
-const listToMarkdown = (inner, ordered, depth) => {
+const listToMarkdown = (inner, ordered, startNumber, depth) => {
     const indent = '  '.repeat(depth);
-    let n = 1;
+    let n = startNumber;
     return findListItems(inner)
         .map((itemInner) => {
         let content = itemInner;
         let nestedMarkdown = '';
         for (let nested = findList(content); nested; nested = findList(content)) {
-            nestedMarkdown += `\n${listToMarkdown(nested.inner, nested.ordered, depth + 1)}`;
+            nestedMarkdown += `\n${listToMarkdown(nested.inner, nested.ordered, nested.startNumber, depth + 1)}`;
             content = content.slice(0, nested.start) + content.slice(nested.end);
         }
         const marker = ordered ? `${n++}. ` : '- ';
@@ -3714,7 +3834,12 @@ const parseListLines = (lines) => lines
     .map((line) => {
     const match = /^(\s*)([-*+]|\d+\.)\s+(.*)$/.exec(line);
     return match
-        ? { indent: Math.floor((match[1] ?? '').length / 2), ordered: /\d/.test(match[2] ?? ''), text: match[3] ?? '' }
+        ? {
+            indent: Math.floor((match[1] ?? '').length / 2),
+            ordered: /\d/.test(match[2] ?? ''),
+            number: Number.parseInt(match[2] ?? '', 10),
+            text: match[3] ?? '',
+        }
         : null;
 })
     .filter((line) => line !== null);
@@ -3735,17 +3860,53 @@ const buildListHtml = (lines, start, baseIndent) => {
         items += `<li>${item}</li>`;
     }
     const tag = ordered ? 'ol' : 'ul';
-    return { html: `<${tag}>${items}</${tag}>`, next: i };
+    const startNumber = ordered ? (lines[start]?.number ?? 1) : 1;
+    const startAttr = startNumber === 1 ? '' : ` start="${startNumber}"`;
+    return { html: `<${tag}${startAttr}>${items}</${tag}>`, next: i };
+};
+const escapeMarkdownText = (text) => text
+    .replace(/[\\`[\]]/g, '\\$&')
+    .replace(/(?<!\s)\*|\*(?!\s)/g, '\\*')
+    .replace(/_+/g, (run, offset, whole) => run.length === 1 && /[a-z0-9]/i.test(whole[offset - 1] ?? '') && /[a-z0-9]/i.test(whole[offset + 1] ?? '')
+    ? run
+    : run.replace(/_/g, '\\_'))
+    .replace(/~{2,}/g, (run) => run.replace(/~/g, '\\~'))
+    .replace(/&lt;(?=\/?(?:u|a|p|h[1-6]|div)\b)/gi, '\\&lt;')
+    .replace(/(^|\n)([ \t]*)(?=[-+*#|:]|&gt;|\d+\.)/g, '$1$2\u{E002}');
+const escapeMarkdownAlt = (alt) => alt.replace(/[\\[\]]/g, '\\$&');
+const escapeTextNodes = (html) => {
+    let codeDepth = 0;
+    return html.replace(/(<[^>]*>)|([^<]+)/g, (_, tag, text) => {
+        if (tag) {
+            const code = /^<(\/?)(?:pre|code)\b/i.exec(tag);
+            if (code)
+                codeDepth = Math.max(0, codeDepth + (code[1] ? -1 : 1));
+            return tag;
+        }
+        return codeDepth > 0 ? (text ?? '') : escapeMarkdownText(text ?? '');
+    });
 };
+const escapeLineStarts = (md) => md
+    .replace(/^([ \t]*(?:>[ \t]?)*)\u{E002}(?:([-+*])(?=[ \t]|$|--[ \t]*$)|(#{1,6})(?=[ \t]|$)|([>|])|(\d+)\.(?=[ \t]|$)|(?=[-:| \t]*\|[-:| \t]*$)(?=.*-))/gmu, (_, prefix, bullet, hashes, marker, digits) => digits !== undefined ? `${prefix}${digits}\\.` : `${prefix}\\${bullet ?? hashes ?? marker ?? ''}`)
+    .replace(/\u{E002}/gu, '');
 /**
  * Converts a markdown string to HTML.
  * Covers headings, bold, italic, strikethrough, inline code, fenced code blocks,
  * links, images, block quotes, unordered/ordered (and nested) lists, tables, horizontal rules, and paragraphs.
+ * A backslash before a punctuation character keeps that character literal.
+ * Text matching `options.verbatim` is emitted as plain text, untouched by any Markdown syntax:
+ * `markdownToHtml('{{field:__x__}}', { verbatim: /\{\{[^}]+\}\}/ })` returns `<p>{{field:__x__}}</p>`.
  */
-const markdownToHtml = (markdown) => {
+const markdownToHtml = (markdown, options = {}) => {
     if (!markdown)
         return '';
     let text = markdown.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+    const verbatims = [];
+    const { verbatim } = options;
+    if (verbatim) {
+        const pattern = new RegExp(verbatim.source, verbatim.flags.includes('g') ? verbatim.flags : `${verbatim.flags}g`);
+        text = text.replace(pattern, (match) => match ? makePlaceholder('VERB', verbatims.push(escapeHtmlPreservingEntities(match)) - 1) : match);
+    }
     // Extract fenced code blocks before any other processing
     const codeBlocks = [];
     text = text.replace(/```(\w*)\n([\s\S]*?)```/g, (_, lang, code) => {
@@ -3822,17 +3983,23 @@ const markdownToHtml = (markdown) => {
     })
         .filter(Boolean)
         .join('\n');
-    return html.replace(placeholderRe('CODE'), (_, i) => codeBlocks[+i] ?? '');
+    return html
+        .replace(placeholderRe('CODE'), (_, i) => codeBlocks[+i] ?? '')
+        .replace(placeholderRe('VERB'), (match, i) => verbatims[+i] ?? match);
 };
 /**
  * Converts an HTML string to markdown.
  * Covers headings, bold, italic, strikethrough, inline code, fenced code blocks,
  * links, images, block quotes, unordered/ordered lists, tables, horizontal rules, and paragraphs.
+ * Text that would read as Markdown is backslash-escaped (code and {@link MARKDOWN_VERBATIM_ATTR}
+ * elements are left as is), and a link whose URL
+ * fails {@link isSafeLinkUrl} keeps only its text.
  */
 const htmlToMarkdown = (html) => {
     if (!html)
         return '';
-    let md = html;
+    const verbatims = [];
+    let md = html.replace(VERBATIM_RE, (_, text) => makePlaceholder('VERB', verbatims.push(unescapeHtml(text)) - 1));
     // Aligned blocks: text-align has no Markdown form, so preserve them as HTML (their inner markup
     // stays HTML) and round-trip via a placeholder - extracted before the block passes below rewrite
     // them, restored after the final tag-strip.
@@ -3841,6 +4008,7 @@ const htmlToMarkdown = (html) => {
         const name = tag.toLowerCase();
         return makePlaceholder('ALIGN', alignedBlocks.push(`<${name}${alignClass(alignOf(attrs))}>${inner}</${name}>`) - 1);
     });
+    md = escapeTextNodes(md);
     // Code blocks - process before inline code
     md = md.replace(/<pre[^>]*><code[^>]*class="language-([^"]+)"[^>]*>([\s\S]*?)<\/code><\/pre>/gi, (_, lang, code) => `\n\`\`\`${lang}\n${unescapeHtml(code.trim())}\n\`\`\`\n`);
     md = md.replace(/<pre[^>]*><code[^>]*>([\s\S]*?)<\/code><\/pre>/gi, (_, code) => `\n\`\`\`\n${unescapeHtml(code.trim())}\n\`\`\`\n`);
@@ -3865,14 +4033,16 @@ const htmlToMarkdown = (html) => {
     const newTabLinks = [];
     md = md.replace(/<a\b([^>]*)>([\s\S]*?)<\/a>/gi, (_, attrs, inner) => {
         const href = /\bhref\s*=\s*"([^"]*)"/i.exec(attrs)?.[1] ?? '';
+        if (!isSafeLinkUrl(href))
+            return inner;
         if (/\btarget\s*=\s*"_blank"/i.test(attrs) && href) {
             const anchor = `<a href="${href}" target="_blank" rel="noopener noreferrer">${inner}</a>`;
             return makePlaceholder('NTLINK', newTabLinks.push(anchor) - 1);
         }
         return href ? `[${inner}](${href})` : inner;
     });
-    md = md.replace(/<img[^>]+src="([^"]*)"[^>]*alt="([^"]*)"[^>]*\/?>/gi, '![$2]($1)');
-    md = md.replace(/<img[^>]+alt="([^"]*)"[^>]*src="([^"]*)"[^>]*\/?>/gi, '![$1]($2)');
+    md = md.replace(/<img[^>]+src="([^"]*)"[^>]*alt="([^"]*)"[^>]*\/?>/gi, (_, src, alt) => `![${escapeMarkdownAlt(alt)}](${src})`);
+    md = md.replace(/<img[^>]+alt="([^"]*)"[^>]*src="([^"]*)"[^>]*\/?>/gi, (_, alt, src) => `![${escapeMarkdownAlt(alt)}](${src})`);
     md = md.replace(/<img[^>]+src="([^"]*)"[^>]*\/?>/gi, '![]($1)');
     // Underline has no Markdown form - preserve it as raw <u> so it round-trips. Extract it now (its
     // inner markup is already converted above) so the block passes below don't strip the tag; the
@@ -3886,7 +4056,7 @@ const htmlToMarkdown = (html) => {
     }
     // Lists - replace each top-level list with its recursively-serialized Markdown (handles nesting).
     for (let list = findList(md); list; list = findList(md)) {
-        md = `${md.slice(0, list.start)}\n${listToMarkdown(list.inner, list.ordered, 0)}\n${md.slice(list.end)}`;
+        md = `${md.slice(0, list.start)}\n${listToMarkdown(list.inner, list.ordered, list.startNumber, 0)}\n${md.slice(list.end)}`;
     }
     // Tables
     md = md.replace(/<table[^>]*>([\s\S]*?)<\/table>/gi, (_, tableContent) => {
@@ -3926,7 +4096,7 @@ const htmlToMarkdown = (html) => {
     // aligned blocks are block-level, so pad with blank lines before collapsing so they survive as
     // their own Markdown block
     md = md.replace(placeholderRe('ALIGN'), (_, i) => `\n\n${alignedBlocks[+i] ?? ''}\n\n`);
-    return md.replace(/\n{3,}/g, '\n\n').trim();
+    return escapeLineStarts(md.replace(/\n{3,}/g, '\n\n').trim()).replace(placeholderRe('VERB'), (_, i) => verbatims[+i] ?? '');
 };
 
 const clamp = (value, min = 0, max = 100) => {
@@ -4197,8 +4367,15 @@ const suppressTextSelection = (doc) => {
         existing.count++;
     }
     else {
-        suppressions.set(doc, { count: 1, previousInlineValue: doc.documentElement.style.userSelect });
-        doc.documentElement.style.userSelect = 'none';
+        const style = doc.documentElement.style;
+        suppressions.set(doc, {
+            count: 1,
+            previousUserSelect: style.userSelect,
+            previousWebkitUserSelect: style.webkitUserSelect,
+        });
+        style.userSelect = 'none';
+        // Safari and WebKitGTK ignore the unprefixed `user-select`.
+        style.webkitUserSelect = 'none';
     }
     let released = false;
     return () => {
@@ -4210,7 +4387,8 @@ const suppressTextSelection = (doc) => {
         if (state.count > 0)
             return;
         suppressions.delete(doc);
-        doc.documentElement.style.userSelect = state.previousInlineValue;
+        doc.documentElement.style.userSelect = state.previousUserSelect;
+        doc.documentElement.style.webkitUserSelect = state.previousWebkitUserSelect;
     };
 };
 
@@ -4476,6 +4654,22 @@ const createUserConsentProvider = (options) => ({
     }),
 });
 
+/**
+ * Declares the `et-visually-hidden` class as a styles-only component: content that stays in the
+ * accessibility tree but is clipped out of the layout. Mount it from any component whose template
+ * uses the class.
+ */
+class VisuallyHiddenStylesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: VisuallyHiddenStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: VisuallyHiddenStylesComponent, isStandalone: true, selector: "et-visually-hidden-styles", ngImport: i0, template: '', isInline: true, styles: ["@layer components{.et-visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: VisuallyHiddenStylesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'et-visually-hidden-styles', template: '', encapsulation: ViewEncapsulation.None, styles: ["@layer components{.et-visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}\n"] }]
+        }] });
+/** Mounts {@link VisuallyHiddenStylesComponent}. Call from an injection context. */
+const mountVisuallyHidden = () => injectStyleManager().mount(VisuallyHiddenStylesComponent);
+
 /**
  * Declares the `--ease-*` custom properties that every animated stylesheet in the SDK
  * transitions with, as a styles-only component. Mount it from any component or directive whose
@@ -4610,25 +4804,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+// codes 9000-9099
+const ANIMATION_ERROR_CODES = {
+    /** `*etAnimatedIf` was used without an `[etAnimatedLifecycle]` element around it. */
+    MISSING_ANIMATED_LIFECYCLE: 9000,
+};
+
+/** Runs `cb` two frames from now. Returns a function that cancels it if it has not run yet. */
 const nextFrame = (cb) => {
     if (typeof requestAnimationFrame === 'undefined') {
-        return;
+        return () => undefined;
     }
-    requestAnimationFrame(() => {
-        requestAnimationFrame(cb);
+    let id = requestAnimationFrame(() => {
+        id = requestAnimationFrame(cb);
     });
+    return () => cancelAnimationFrame(id);
 };
 const fromNextFrame = () => {
-    return new Observable((observer) => {
-        nextFrame(() => {
-            observer.next();
-            observer.complete();
-        });
-    });
+    return new Observable((observer) => nextFrame(() => {
+        observer.next();
+        observer.complete();
+    }));
 };
 const forceReflow = (element) => {
-    // The `document.body` fallback is resolved lazily and guarded: there is nothing to reflow on the
-    // server, so this becomes a no-op instead of throwing on a missing `document`.
     const el = element ?? (typeof document === 'undefined' ? null : document.body);
     return el?.offsetHeight ?? 0;
 };
@@ -4671,7 +4869,12 @@ class AnimatedLifecycleDirective {
         this.transitionIdCounter = 0;
         this.forcedThisFrame = false;
         this.forcedFrameResetId = null;
-        this.state$ = new BehaviorSubject('init');
+        this.stateSubject$ = new BehaviorSubject('init');
+        this._state = signal('init', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_state" }] : /* istanbul ignore next */ []));
+        this.state = this._state.asReadonly();
+        /** Emits the current lifecycle state synchronously on subscribe, then every change. */
+        this.state$ = this.stateSubject$.asObservable();
         this.stateChange = outputFromObservable(this.state$);
         this.skipNextEnter = model(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "skipNextEnter" }] : /* istanbul ignore next */ []));
@@ -4694,7 +4897,7 @@ class AnimatedLifecycleDirective {
         this.isConstructed = true;
     }
     enter() {
-        const currentState = this.state$.value;
+        const currentState = this.state();
         if (currentState === 'entering')
             return;
         if ((currentState === 'init' && !this.isConstructed) || this.skipNextEnter()) {
@@ -4764,7 +4967,7 @@ class AnimatedLifecycleDirective {
         previousCancel$.complete();
     }
     leave() {
-        const currentState = this.state$.value;
+        const currentState = this.state();
         if (currentState === 'leaving')
             return;
         if (currentState === 'init') {
@@ -4865,11 +5068,11 @@ class AnimatedLifecycleDirective {
         this.addClass(activeClass);
         fromNextFrame()
             .pipe(tap(() => {
-            if (this.state$.value === expectedState) {
+            if (this.state() === expectedState) {
                 this.removeClass(fromClass);
                 this.addClass(toClass);
             }
-        }), switchMap(() => this.whenAnimationsSettled()), tap(() => this.debugLog(`${transitionId}: settled`)), filter(() => this.state$.value === expectedState), tap(onComplete), take(1), takeUntil(cancelSignal), takeUntilDestroyed(this.destroyRef))
+        }), switchMap(() => this.whenAnimationsSettled()), tap(() => this.debugLog(`${transitionId}: settled`)), filter(() => this.state() === expectedState), tap(onComplete), take(1), takeUntil(cancelSignal), takeUntilDestroyed(this.destroyRef))
             .subscribe();
     }
     handleInterruptedTransition(config) {
@@ -4877,7 +5080,7 @@ class AnimatedLifecycleDirective {
         this.removeClasses(...removeClasses);
         addClasses.forEach((cls) => this.addClass(cls));
         this.whenAnimationsSettled()
-            .pipe(tap(() => this.debugLog(`${transitionId}: interrupt settled`)), filter(() => this.state$.value === expectedState), tap(onComplete), take(1), takeUntil(cancelSignal), takeUntilDestroyed(this.destroyRef))
+            .pipe(tap(() => this.debugLog(`${transitionId}: interrupt settled`)), filter(() => this.state() === expectedState), tap(onComplete), take(1), takeUntil(cancelSignal), takeUntilDestroyed(this.destroyRef))
             .subscribe();
     }
     /**
@@ -4912,8 +5115,9 @@ class AnimatedLifecycleDirective {
         this.renderer.removeClass(this.element, ...classNames);
     }
     updateState(newState) {
-        this.debugLog(`state: ${this.state$.value} → ${newState}`);
-        this.state$.next(newState);
+        this.debugLog(`state: ${this.state()} → ${newState}`);
+        this._state.set(newState);
+        this.stateSubject$.next(newState);
     }
     debugLog(message, data) {
         const el = this.element;
@@ -4953,27 +5157,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 
 const ANIMATED_IF_TOKEN = new InjectionToken('ANIMATED_IF_TOKEN');
 class AnimatedIfDirective {
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
     constructor() {
         this.templateRef = inject(TemplateRef);
         this.viewContainerRef = inject(ViewContainerRef);
-        this.animatedLifecycle = inject(ANIMATED_LIFECYCLE_TOKEN);
+        this.animatedLifecycle = inject(ANIMATED_LIFECYCLE_TOKEN, { optional: true });
         this.hasView = false;
+        this.context = { $implicit: null, etAnimatedIf: null };
         this.ifValue = input(null, { ...(ngDevMode ? { debugName: "ifValue" } : /* istanbul ignore next */ {}), alias: 'etAnimatedIf' });
+        const animatedLifecycle = this.animatedLifecycle;
+        if (!animatedLifecycle) {
+            throw new RuntimeError(ANIMATION_ERROR_CODES.MISSING_ANIMATED_LIFECYCLE, '*etAnimatedIf needs an element with [etAnimatedLifecycle] around it to animate against.');
+        }
         toObservable(this.ifValue)
             .pipe(switchMap((value) => {
             if (value) {
+                this.context.$implicit = value;
+                this.context.etAnimatedIf = value;
                 if (!this.hasView) {
-                    this.viewContainerRef.createEmbeddedView(this.templateRef);
+                    this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
                     this.hasView = true;
                 }
-                this.animatedLifecycle.enter();
+                if (animatedLifecycle.state() !== 'entered')
+                    animatedLifecycle.enter();
                 return of(null);
             }
             if (!this.hasView) {
                 return of(null);
             }
-            this.animatedLifecycle.leave();
-            return this.animatedLifecycle.state$.pipe(filter((state) => state === 'left'), take(1), tap(() => {
+            animatedLifecycle.leave();
+            return animatedLifecycle.state$.pipe(filter((state) => state === 'left'), take(1), tap(() => {
                 this.viewContainerRef.clear();
                 this.hasView = false;
             }));
@@ -5030,14 +5245,16 @@ const createFlipAnimationGroup = (config) => {
         }
     };
     flips.forEach((animation) => {
-        animation.onStart$.subscribe(() => {
+        animation.onStart$
+            .pipe(tap(() => {
             startedCount++;
             if (startedCount === flips.length) {
                 onStart$.next();
             }
-        });
-        animation.onFinish$.subscribe(() => settle(false));
-        animation.onCancel$.subscribe(() => settle(true));
+        }))
+            .subscribe();
+        animation.onFinish$.pipe(tap(() => settle(false))).subscribe();
+        animation.onCancel$.pipe(tap(() => settle(true))).subscribe();
     });
     const updateInit = () => {
         flips.forEach((animation) => animation.updateInit());
@@ -5147,6 +5364,23 @@ const createFlipAnimation = (config) => {
     };
 };
 
+/** The confirm an unsaved-changes tracker or guard runs when its own config has none. */
+const UNSAVED_CHANGES_CONFIRM = /* @__PURE__ */ new InjectionToken('UNSAVED_CHANGES_CONFIRM');
+/**
+ * Sets the confirm every unsaved-changes tracker and guard below this injector runs when its config has no
+ * `confirm`. `factory` runs once, in an injection context, and returns the confirm.
+ *
+ * @example
+ * provideUnsavedChangesConfirm(() => {
+ *   const dialogs = inject(MyDialogs);
+ *   return () => dialogs.confirmDiscard();
+ * });
+ */
+const provideUnsavedChangesConfirm = (factory) => ({
+    provide: UNSAVED_CHANGES_CONFIRM,
+    useFactory: factory,
+});
+
 const UNSAVED_CHANGES_COORDINATOR_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const _registrations = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_registrations" }] : /* istanbul ignore next */ []));
@@ -5155,7 +5389,7 @@ const UNSAVED_CHANGES_COORDINATOR_DEF = /* @__PURE__ */ defineRootProvider(() =>
     const hasUnsavedChanges = computed(() => _registrations().some((registration) => registration.hasChanges()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hasUnsavedChanges" }] : /* istanbul ignore next */ []));
     let pending = null;
-    /** @internal Runs a tracker's confirm under the single-flight + abandon regime. */
+    /** Runs a tracker's confirm under the single-flight + abandon regime. */
     const runCheck = (runner) => {
         // A confirm is already on screen - adopt its answer rather than opening a second dialog.
         if (pending) {
@@ -5183,7 +5417,6 @@ const UNSAVED_CHANGES_COORDINATOR_DEF = /* @__PURE__ */ defineRootProvider(() =>
         _isCheckPending.set(true);
         return promise;
     };
-    /** @internal */
     const register = (registration) => {
         _registrations.update((current) => [...current, registration]);
         return () => _registrations.update((current) => current.filter((entry) => entry !== registration));
@@ -5231,6 +5464,11 @@ const UNSAVED_CHANGES_COORDINATOR_DEF = /* @__PURE__ */ defineRootProvider(() =>
 const provideUnsavedChangesCoordinator = /* @__PURE__ */ toProvideFn(UNSAVED_CHANGES_COORDINATOR_DEF);
 const injectUnsavedChangesCoordinator = /* @__PURE__ */ toInjectFn(UNSAVED_CHANGES_COORDINATOR_DEF);
 
+const UNSAVED_CHANGES_ERROR_CODES = {
+    /** An unsaved-changes tracker or guard has no `confirm`, and no `provideUnsavedChangesConfirm()` is in scope. */
+    MISSING_CONFIRM: 9100,
+};
+
 const isAbstractControl = (value) => !!value &&
     typeof value === 'object' &&
     typeof value.getRawValue === 'function' &&
@@ -5254,22 +5492,25 @@ const normalizeUnsavedChangesSource = (source) => {
         const peek = untracked(source);
         // A signal that currently holds a FieldTree - or nothing yet (the late/async form case).
         if (peek === null || peek === undefined || isFieldTree(peek)) {
-            const fieldSignal = source;
+            const lateSource = source;
             return {
                 value: computed(() => {
-                    const field = fieldSignal();
-                    return isFieldTree(field) ? field().value() : null;
+                    const current = lateSource();
+                    if (isFieldTree(current))
+                        return current().value();
+                    return (current ?? null);
                 }),
                 setValue: (next) => {
-                    const field = untracked(fieldSignal);
-                    if (isFieldTree(field)) {
-                        field().value.set(next);
+                    const current = untracked(lateSource);
+                    if (isFieldTree(current)) {
+                        current().value.set(next);
+                    }
+                    else if (current !== null && current !== undefined && 'set' in source) {
+                        source.set(next);
                     }
                 },
             };
         }
-        // A plain writable value signal (escape hatch). Initialize it with a non-null value so it isn't
-        // mistaken for a late FieldTree source above.
         const writable = source;
         return { value: writable, setValue: (next) => writable.set(next) };
     }
@@ -5438,6 +5679,7 @@ const FAVICON_STORE_DEF = /* @__PURE__ */ defineRootProvider(() => {
         }
         return new Promise((resolve) => {
             const image = new Image();
+            image.crossOrigin = 'anonymous';
             image.onload = () => {
                 baseImage = image;
                 resolve(image);
@@ -5670,6 +5912,9 @@ const LINK_STORE_DEF = /* @__PURE__ */ defineRootProvider(() => {
 }, { name: 'Link Store' });
 const provideLinkStore = /* @__PURE__ */ toProvideFn(LINK_STORE_DEF);
 const injectLinkStore = /* @__PURE__ */ toInjectFn(LINK_STORE_DEF);
+/**
+ * Binds a link tag. Only removes the elements it created; pre-existing links are left in place, unlike meta bindings.
+ */
 const applyLinkBinding = (binding) => {
     const linkStore = injectLinkStore();
     const linkId = Symbol('link-tag');
@@ -5814,7 +6059,6 @@ const applyHeadTitleMarker = (binding) => {
 };
 
 const DEFAULT_MULTI_INSTANCE_TAGS = /* @__PURE__ */ new Set([
-    // Open Graph - Media
     'property="og:image"',
     'property="og:image:url"',
     'property="og:image:secure_url"',
@@ -5824,32 +6068,23 @@ const DEFAULT_MULTI_INSTANCE_TAGS = /* @__PURE__ */ new Set([
     'property="og:audio"',
     'property="og:audio:url"',
     'property="og:audio:secure_url"',
-    // Open Graph - Locale alternatives
     'property="og:locale:alternate"',
-    // Twitter Card
     'name="twitter:image"',
     'name="twitter:player"',
-    // Article tags (arrays)
     'property="article:author"',
     'property="article:tag"',
-    // Music tags (arrays)
     'property="music:song"',
     'property="music:musician"',
     'property="music:album"',
-    // Video tags (arrays)
     'property="video:actor"',
     'property="video:director"',
     'property="video:writer"',
     'property="video:tag"',
-    // Book tags (arrays)
     'property="book:author"',
     'property="book:tag"',
-    // Profile (arrays)
     'property="profile:username"',
-    // Product tags (arrays)
     'property="product:category"',
     'property="product:retailer_item_id"',
-    // App Links (multiple platforms)
     'property="al:ios:url"',
     'property="al:ios:app_store_id"',
     'property="al:ios:app_name"',
@@ -5866,16 +6101,12 @@ const DEFAULT_MULTI_INSTANCE_TAGS = /* @__PURE__ */ new Set([
     'property="al:windows_universal:url"',
     'property="al:windows_universal:app_id"',
     'property="al:windows_universal:app_name"',
-    // Dublin Core (can have multiple)
     'name="DC.creator"',
     'name="DC.contributor"',
     'name="DC.subject"',
-    // Schema.org (via meta tags - though JSON-LD is preferred)
     'itemprop="image"',
     'itemprop="author"',
-    // Apple iOS
     'name="apple-itunes-app"', // Can have multiple app arguments
-    // Verification tags (multiple services)
     'name="google-site-verification"',
     'name="msvalidate.01"',
     'name="yandex-verification"',
@@ -6004,6 +6235,9 @@ const META_STORE_DEF = /* @__PURE__ */ defineRootProvider(() => {
 }, { name: 'Meta Store' });
 const provideMetaStore = /* @__PURE__ */ toProvideFn(META_STORE_DEF);
 const injectMetaStore = /* @__PURE__ */ toInjectFn(META_STORE_DEF);
+/**
+ * Binds a meta tag. Removes any pre-existing tags matching the same selector, unlike link bindings, which leave pre-existing links alone.
+ */
 const applyMetaBinding = (binding) => {
     const metaStore = injectMetaStore();
     const tagId = Symbol('meta-tag');
@@ -6199,7 +6433,7 @@ const STRUCTURED_DATA_STORE_DEF = /* @__PURE__ */ defineRootProvider(() => {
             renderer.setAttributes(script, { type: 'application/ld+json' });
             if (nonce)
                 renderer.setAttribute(script, 'nonce', nonce);
-            renderer.setTextContent(script, JSON.stringify(data));
+            renderer.setTextContent(script, JSON.stringify(data).replace(/</g, '\\u003C'));
             const target = getTargetElement();
             renderer.appendChild(target, script);
             newScripts.set(id, script);
@@ -6437,12 +6671,12 @@ const createUnsavedChangesTabLock = (config) => {
     return { destroy };
 };
 
-const toBooleanPromise = (result) => {
+const toBooleanPromise = (result, signal) => {
     if (result instanceof Promise) {
         return result.then(Boolean);
     }
     if (isObservable(result)) {
-        return firstValueFrom(result.pipe(take(1), map(Boolean), defaultIfEmpty(false), catchError(() => of(false))));
+        return firstValueFrom(result.pipe(take(1), map(Boolean), takeUntil(fromEvent(signal, 'abort')), defaultIfEmpty(false), catchError(() => of(false))));
     }
     return Promise.resolve(Boolean(result));
 };
@@ -6463,7 +6697,11 @@ const toBooleanPromise = (result) => {
  */
 const createUnsavedChangesTracker = (config) => {
     assertInInjectionContext(createUnsavedChangesTracker);
-    const { compareFn, confirm } = config;
+    const { compareFn } = config;
+    const confirm = config.confirm ?? inject(UNSAVED_CHANGES_CONFIRM, { optional: true });
+    if (!confirm && isDevMode()) {
+        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
@@ -6514,7 +6752,10 @@ const createUnsavedChangesTracker = (config) => {
         if (untracked(_isAbandoned) || !untracked(hasChanges)) {
             return Promise.resolve(true);
         }
-        return coordinator.runCheck((context) => toBooleanPromise(confirm(untracked(normalized.value), context)));
+        if (!confirm) {
+            return Promise.resolve(true);
+        }
+        return coordinator.runCheck((context) => toBooleanPromise(confirm(untracked(normalized.value), context), context.signal));
     };
     const refreshDefaultValue = () => _defaultValue.set(untracked(normalized.value));
     const restoreDefaultValue = () => {
@@ -6550,6 +6791,26 @@ const createUnsavedChangesGuard = (config) => {
 };
 
 const isCrossOrigin = (source) => /^(https?:)?\/\//.test(source);
+const HTML_COMMENT = /<!--[\s\S]*?-->/g;
+const SCRIPT_SRC = /<script\b[^>]*?\ssrc\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/gi;
+const CHARACTER_REFERENCE = /&(?:#(\d+)|#[xX]([\da-fA-F]+)|(amp|quot|apos|lt|gt));/g;
+const NAMED_REFERENCES = { amp: '&', quot: '"', apos: "'", lt: '<', gt: '>' };
+const decodeCharacterReferences = (value) => value.replace(CHARACTER_REFERENCE, (_match, decimal, hex, name) => decimal
+    ? String.fromCodePoint(Number(decimal))
+    : hex
+        ? String.fromCodePoint(parseInt(hex, 16))
+        : (NAMED_REFERENCES[name ?? ''] ?? ''));
+const toFingerprint = (sources) => sources
+    .filter((source) => !!source && !isCrossOrigin(source))
+    .sort()
+    .join('|');
+/**
+ * Must decode what `getAttribute('src')` decodes, or every check reports an update.
+ *
+ * Not `DOMParser`: its document inherits the page's CSP, and under a nonce `style-src` each `<style>`
+ * in the fetched document, with its fresh nonce, logs a violation.
+ */
+const readBuildFingerprintFromHtml = (html) => toFingerprint(Array.from(html.replace(HTML_COMMENT, '').matchAll(SCRIPT_SRC), ([, doubleQuoted, singleQuoted, unquoted]) => decodeCharacterReferences(doubleQuoted ?? singleQuoted ?? unquoted ?? '')));
 /**
  * Identifies the build a document boots from, by its entry script filenames. Those carry a content
  * hash in any production build, so two documents share a fingerprint exactly when reloading one would
@@ -6559,32 +6820,17 @@ const isCrossOrigin = (source) => /^(https?:)?\/\//.test(source);
  * Cross-origin scripts are left out: an analytics tag with a cache-busting query would otherwise read
  * as a new deploy on every check.
  */
-const readBuildFingerprint = (document) => Array.from(document.querySelectorAll('script[src]'))
-    .map((script) => script.getAttribute('src') ?? '')
-    .filter((source) => !!source && !isCrossOrigin(source))
-    .sort()
-    .join('|');
+const readBuildFingerprint = (document) => toFingerprint(Array.from(document.querySelectorAll('script[src]'), (script) => script.getAttribute('src') ?? ''));
 /**
- * Reads the currently deployed build's fingerprint from the app's entry document.
+ * Reads the currently deployed build's fingerprint from the app's entry document. Cold: nothing is fetched
+ * until it is subscribed.
  *
  * `null` for anything that is not a usable answer - a network failure, a non-2xx response, or a body
  * with no entry scripts in it. Callers must treat that as "no information" rather than as a change:
  * an error page parses perfectly well as HTML, and acting on its empty fingerprint would reload the
  * app in a loop.
  */
-const fetchDeployedBuildFingerprint = async (url) => {
-    try {
-        const response = await fetch(url, { cache: 'no-store', headers: { accept: 'text/html' } });
-        if (!response.ok) {
-            return null;
-        }
-        const parsed = new DOMParser().parseFromString(await response.text(), 'text/html');
-        return readBuildFingerprint(parsed) || null;
-    }
-    catch {
-        return null;
-    }
-};
+const fetchDeployedBuildFingerprint$ = (url) => defer(() => fetch(url, { cache: 'no-store', headers: { accept: 'text/html' } })).pipe(switchMap((response) => (response.ok ? response.text() : of(null))), map((html) => (html === null ? null : readBuildFingerprintFromHtml(html) || null)), catchError(() => of(null)));
 
 /**
  * How each engine words a lazy chunk that could not be loaded. There is no error code and no shared
@@ -6668,19 +6914,15 @@ const APP_UPDATES_DEF = /* @__PURE__ */ defineRootProvider(() => {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isAvailable" }] : /* istanbul ignore next */ []));
     let lastCheckAt = 0;
-    const check = async () => {
+    const check$ = () => defer(() => {
         lastCheckAt = Date.now();
-        const deployed = await fetchDeployedBuildFingerprint(config.entryUrl);
+        return fetchDeployedBuildFingerprint$(config.entryUrl);
+    }).pipe(tap((deployed) => {
         if (deployed) {
             _deployedBuild.set(deployed);
         }
-    };
-    const checkIfDue = async () => {
-        if (Date.now() - lastCheckAt < config.minCheckInterval) {
-            return;
-        }
-        await check();
-    };
+    }), map(() => undefined));
+    const checkIfDue$ = () => defer(() => (Date.now() - lastCheckAt < config.minCheckInterval ? EMPTY : check$()));
     const reload = () => {
         // The reload is deliberate and the user has already answered for it, so release every
         // beforeunload lock rather than have the browser ask the same question again.
@@ -6728,7 +6970,7 @@ const APP_UPDATES_DEF = /* @__PURE__ */ defineRootProvider(() => {
         if (config.pollInterval > 0) {
             const isDocumentVisible = injectIsDocumentVisible();
             toObservable(isDocumentVisible)
-                .pipe(switchMap((isVisible) => (isVisible ? timer(0, config.pollInterval) : EMPTY)), switchMap(() => from(checkIfDue())), takeUntilDestroyed(destroyRef))
+                .pipe(switchMap((isVisible) => (isVisible ? timer(0, config.pollInterval) : EMPTY)), switchMap(() => checkIfDue$()), takeUntilDestroyed(destroyRef))
                 .subscribe();
         }
     }
@@ -6736,7 +6978,7 @@ const APP_UPDATES_DEF = /* @__PURE__ */ defineRootProvider(() => {
         isAvailable,
         isRequired: _isRequired.asReadonly(),
         wouldDiscardChanges: coordinator.hasUnsavedChanges,
-        check,
+        check$,
         reload,
     };
 }, { name: 'App Updates' });
@@ -6825,12 +7067,19 @@ class ClickOutsideDirective {
         this.elementRef = inject(ElementRef);
         this.document = inject(DOCUMENT);
         this.didClickOutside = output({ alias: 'etClickOutside' });
+        this.pressStartedInside = false;
+        fromEvent(this.document.documentElement, 'pointerdown', { capture: true })
+            .pipe(tap((event) => {
+            this.pressStartedInside = event.composedPath().includes(this.elementRef.nativeElement);
+        }), takeUntilDestroyed())
+            .subscribe();
         fromEvent(this.document.documentElement, 'click')
             .pipe(tap((event) => {
             const hostElement = this.elementRef.nativeElement;
             const activeElement = event.target;
-            const isInside = hostElement.contains(activeElement);
-            if (isInside)
+            const startedInside = this.pressStartedInside;
+            this.pressStartedInside = false;
+            if (startedInside || event.composedPath().includes(hostElement))
                 return;
             if (isOnHigherOverlayLayer(activeElement, resolveOverlayLayer(hostElement)))
                 return;
@@ -6854,7 +7103,7 @@ class RepeatDirective {
         this.viewContainerRef = inject(ViewContainerRef);
         this.repeatCount = input(2, { ...(ngDevMode ? { debugName: "repeatCount" } : /* istanbul ignore next */ {}), alias: 'etRepeat', transform: numberAttribute });
         effect(() => {
-            const count = Math.max(0, this.repeatCount());
+            const count = Math.max(0, this.repeatCount()) || 0;
             while (this.viewContainerRef.length < count) {
                 this.viewContainerRef.createEmbeddedView(this.mainTemplateRef);
             }
@@ -6931,12 +7180,10 @@ class ScrollObserverDirective {
         this.isAtEnd = computed(() => this._endIntersection()[0]?.isIntersecting ?? false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isAtEnd" }] : /* istanbul ignore next */ []));
     }
-    /** @internal */
     registerStart(el) {
         this._startEl.set(el);
         return () => this._startEl.update((current) => (current === el ? null : current));
     }
-    /** @internal */
     registerEnd(el) {
         this._endEl.set(el);
         return () => this._endEl.update((current) => (current === el ? null : current));
@@ -6986,7 +7233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 
 // jsdom and other non-browser DOMs ship no pointer capture; the document listeners track the
 // gesture either way, so a failure here only costs events over a cross-origin frame.
-const capturePointer = (el, pointerId) => {
+const capturePointer$1 = (el, pointerId) => {
     try {
         el.setPointerCapture(pointerId);
     }
@@ -7016,7 +7263,7 @@ const setupDragObservable = (startEvent, el, commitThreshold) => {
                 return EMPTY;
             }
             committed = true;
-            capturePointer(el, pointerId);
+            capturePointer$1(el, pointerId);
             lastX = e.clientX;
             lastY = e.clientY;
             // Emit the catch-up move together with start so consumers snap to the pointer
@@ -7229,6 +7476,7 @@ const NOTIFICATIONS_DEF = /* @__PURE__ */ defineRootProvider(() => {
     }).pipe(tap((state) => permission.set(state)));
     let nextTagId = 0;
     const clickHandlers = new Map();
+    const confirmedTags = new Set();
     const openCloseFns = new Set();
     let isClickRelayAttached = false;
     const attachClickRelay = () => {
@@ -7250,6 +7498,18 @@ const NOTIFICATIONS_DEF = /* @__PURE__ */ defineRootProvider(() => {
         ? // Firefox rejects getNotifications() when the worker is not the one that showed them.
             from(registration.getNotifications(tag ? { tag } : undefined)).pipe(catchError(() => of([])))
         : of([])), tap((notifications) => notifications.forEach((notification) => notification.close())));
+    const pruneDismissedHandlers = (registration) => from(registration.getNotifications()).pipe(catchError(() => of(null)), map((shown) => {
+        if (!shown) {
+            return;
+        }
+        const shownTags = new Set(shown.map((notification) => notification.tag));
+        for (const tag of confirmedTags) {
+            if (!shownTags.has(tag)) {
+                confirmedTags.delete(tag);
+                clickHandlers.delete(tag);
+            }
+        }
+    }));
     const show = (config) => {
         const tag = config.tag ?? `et-notification-${++nextTagId}`;
         const options = toNotificationOptions(config, tag);
@@ -7268,6 +7528,7 @@ const NOTIFICATIONS_DEF = /* @__PURE__ */ defineRootProvider(() => {
             closed$.next();
             closed$.complete();
             clickHandlers.delete(tag);
+            confirmedTags.delete(tag);
             openCloseFns.delete(close);
             pageNotification?.close();
             // A no-op unless this notification took the persistent path.
@@ -7301,16 +7562,27 @@ const NOTIFICATIONS_DEF = /* @__PURE__ */ defineRootProvider(() => {
             if (!registration || isClosed) {
                 return of('unavailable');
             }
-            if (config.onClick) {
-                clickHandlers.set(tag, config.onClick);
-                attachClickRelay();
-            }
-            return from(registration.showNotification(config.title, options)).pipe(switchMap(() => isClosed
-                ? // Closed while the worker was still putting it up - take back what just appeared.
-                    closePersistentNotifications(tag).pipe(map(() => 'unavailable'))
-                : of('service-worker')), catchError(() => {
-                clickHandlers.delete(tag);
-                return of('unavailable');
+            return pruneDismissedHandlers(registration).pipe(switchMap(() => {
+                if (isClosed) {
+                    return of('unavailable');
+                }
+                if (config.onClick) {
+                    clickHandlers.set(tag, config.onClick);
+                    attachClickRelay();
+                }
+                return from(registration.showNotification(config.title, options)).pipe(switchMap(() => {
+                    if (isClosed) {
+                        // Closed while the worker was still putting it up - take back what just appeared.
+                        return closePersistentNotifications(tag).pipe(map(() => 'unavailable'));
+                    }
+                    if (config.onClick) {
+                        confirmedTags.add(tag);
+                    }
+                    return of('service-worker');
+                }), catchError(() => {
+                    clickHandlers.delete(tag);
+                    return of('unavailable');
+                }));
             }));
         }));
         const shown$ = defer(() => {
@@ -7556,8 +7828,6 @@ const overlayViewportInsetsFor = (element) => overlayViewportInsets(resolveOverl
 /**
  * Runs `listener` whenever a reservation is made or released, so an already positioned overlay can be
  * laid out again. Returns the unsubscribe callback.
- *
- * @internal
  */
 const onOverlayViewportInsetsChange = (listener) => {
     listeners.add(listener);
@@ -7566,10 +7836,6 @@ const onOverlayViewportInsetsChange = (listener) => {
     };
 };
 
-/**
- * Shrinks the host box to the part of the viewport nothing above this overlay has reserved, so a
- * centered or globally placed pane is laid out inside it instead of under a docked panel.
- */
 const applyViewportInsets = (hostElement, renderer) => {
     const insets = overlayViewportInsetsFor(hostElement);
     renderer.setStyle(hostElement, {
@@ -7667,8 +7933,6 @@ let anchoredPositionSetup = null;
  * Installs the anchored positioning implementation. Called by `anchoredOverlayPosition()`, which is
  * the only thing that pulls `@floating-ui/dom` into the bundle - apps that never anchor an overlay
  * do not ship it.
- *
- * @internal
  */
 const registerAnchoredPositionSetup = (setup) => {
     anchoredPositionSetup = setup;
@@ -7700,8 +7964,6 @@ let middlewareExtras = null;
 /**
  * Installs the `size` / `arrow` / `hide` middleware. Called by
  * `enableAnchoredOverlayPositionExtras()`.
- *
- * @internal
  */
 const registerAnchoredPositionMiddlewareExtras = (extras) => {
     middlewareExtras = extras;
@@ -7773,10 +8035,6 @@ const toSideObject = (padding) => typeof padding === 'number'
         bottom: padding.bottom ?? 0,
         left: padding.left ?? 0,
     };
-/**
- * The strategy's own viewport padding plus the space reserved on each edge. Every middleware that
- * measures overflow gets it, so an edge a docked panel covers is as unavailable as the viewport edge.
- */
 const paddingWithInsets = (padding, insets) => {
     const own = toSideObject(padding);
     return {
@@ -7786,6 +8044,43 @@ const paddingWithInsets = (padding, insets) => {
         left: own.left + insets.left,
     };
 };
+/**
+ * A platform whose first measurement of the pane, in each `computePosition` run, ignores the cap
+ * `size` set in the previous run. `flip` reads that first measurement: against a capped pane, the side
+ * the pane was squeezed onto always fits, so a pane whose content grows after it opened never flips
+ * to the roomier side. Later measurements in the same run see the cap, and `size` resets with them,
+ * so the final position is computed from the pane as it renders.
+ */
+const platformMeasuringUncappedPaneFirst = (paneElement, renderer) => {
+    let measuredUncapped = false;
+    return {
+        ...platform,
+        getDimensions: (element) => {
+            if (element !== paneElement || measuredUncapped)
+                return platform.getDimensions(element);
+            measuredUncapped = true;
+            const maxWidth = paneElement.style.getPropertyValue('--et-overlay-max-width');
+            const maxHeight = paneElement.style.getPropertyValue('--et-overlay-max-height');
+            if (!maxWidth && !maxHeight)
+                return platform.getDimensions(element);
+            // The uncapped layout clamps the scroll offset of every scroller the cap made scrollable.
+            const scrolled = [...paneElement.querySelectorAll('*')]
+                .filter((el) => el.scrollTop || el.scrollLeft)
+                .map((el) => ({ el, top: el.scrollTop, left: el.scrollLeft }));
+            renderer.setCssProperties(paneElement, { '--et-overlay-max-width': null, '--et-overlay-max-height': null });
+            const dimensions = platform.getDimensions(element);
+            renderer.setCssProperties(paneElement, {
+                '--et-overlay-max-width': maxWidth || null,
+                '--et-overlay-max-height': maxHeight || null,
+            });
+            for (const { el, top, left } of scrolled) {
+                el.scrollTop = top;
+                el.scrollLeft = left;
+            }
+            return dimensions;
+        },
+    };
+};
 const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, renderer) => {
     // mirrorWidth needs a real element to measure; virtual references fall back to max-content
     const mirrorWidthElement = strategy.mirrorWidth && isHTMLElement(strategy.referenceElement) ? strategy.referenceElement : null;
@@ -7898,6 +8193,9 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
             placement: strategy.placement ?? 'bottom',
             strategy: 'absolute',
             middleware,
+            platform: strategy.autoResize && strategy.minAvailableSpace === undefined
+                ? platformMeasuringUncappedPaneFirst(paneElement, renderer)
+                : platform,
         }).then(({ x, y, placement, middlewareData }) => {
             if (destroyed || currentUpdateId !== updateId)
                 return;
@@ -7964,10 +8262,10 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
     ...(ngDevMode ? [{ debugName: "_componentInstance" }] : /* istanbul ignore next */ []));
     let positionUpdater = null;
     let backdropUpdater = null;
-    const beforeOpenedSubject = new Subject();
-    const afterOpenedSubject = new Subject();
-    const beforeClosedSubject = new Subject();
-    const afterClosedSubject = new Subject();
+    const beforeOpenedSubject = new ReplaySubject(1);
+    const afterOpenedSubject = new ReplaySubject(1);
+    const beforeClosedSubject = new ReplaySubject(1);
+    const afterClosedSubject = new ReplaySubject(1);
     const closeGuards = new Set();
     return {
         id,
@@ -7975,8 +8273,6 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
         elements,
         state: _state.asReadonly(),
         componentInstance: _componentInstance.asReadonly(),
-        /** @internal */
-        beforeOpenedSubject,
         close(result, source = 'api') {
             if (_state() === 'closing' || _state() === 'closed') {
                 return;
@@ -8016,11 +8312,13 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
         afterClosed() {
             return afterClosedSubject.asObservable();
         },
-        /** @internal */
         attachComponentRef(componentRef) {
             _componentInstance.set(componentRef.instance);
         },
-        /** @internal */
+        markBeforeOpened() {
+            beforeOpenedSubject.next();
+            beforeOpenedSubject.complete();
+        },
         attachPositionUpdater(updater) {
             positionUpdater = updater;
         },
@@ -8030,7 +8328,6 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             }
             positionUpdater?.(strategy);
         },
-        /** @internal */
         attachBackdropUpdater(updater) {
             backdropUpdater = updater;
         },
@@ -8044,7 +8341,6 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             }
             backdropUpdater?.(hasBackdrop);
         },
-        /** @internal */
         markOpened() {
             if (_state() !== 'mounting') {
                 return;
@@ -8053,7 +8349,6 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             afterOpenedSubject.next();
             afterOpenedSubject.complete();
         },
-        /** @internal */
         beginClose(closeEvent) {
             if (_state() === 'closing' || _state() === 'closed') {
                 return false;
@@ -8063,7 +8358,6 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             beforeClosedSubject.complete();
             return true;
         },
-        /** @internal */
         finishClose(closeEvent) {
             if (_state() === 'closed') {
                 return;
@@ -8093,6 +8387,14 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
     // Synchronous teardown for each currently-mounted overlay, run when the runtime's injector is
     // destroyed (app teardown). Registered on mount, removed once the overlay is destroyed normally.
     const mountedTeardowns = new Set();
+    const armedReopenSwallows = new Set();
+    const focusRestoreChains = new WeakMap();
+    const resolveFocusRestoreChain = (focused) => {
+        if (!focused)
+            return [];
+        const owner = openEntriesState().find((entry) => entry.elements.hostElement.contains(focused));
+        return [focused, ...((owner && focusRestoreChains.get(owner)) ?? [])];
+    };
     const getRootElement = (targetDocument, zIndex) => {
         let documentRoots = rootElements.get(targetDocument);
         if (!documentRoots) {
@@ -8165,9 +8467,7 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         const paneElement = renderer.createElement('div');
         const backdropElement = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "backdropElement" }] : /* istanbul ignore next */ []));
-        const previousFocusedElement = isHTMLOrSVGElement(targetDocument.activeElement)
-            ? targetDocument.activeElement
-            : null;
+        const focusRestoreChain = resolveFocusRestoreChain(isHTMLOrSVGElement(targetDocument.activeElement) ? targetDocument.activeElement : null);
         const autoFocus = config.autoFocus ?? 'first-tabbable';
         let currentHasBackdrop = config.hasBackdrop !== false;
         let currentPositionStrategy = config.positionStrategy;
@@ -8210,8 +8510,6 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
             paneElement,
         }, (result, source) => beginClose({ result, source }));
         animationDebugLog(`runtime ${config.id}`, 'mount');
-        // matches the previous overlay behavior: escape/outside-pointer closes are
-        // ignored until the enter transition has started plus one frame
         let interactiveCloseReady = false;
         const cleanupFns = [];
         const parentInjector = config.injector ?? config.viewContainerRef?.injector ?? environmentInjector;
@@ -8225,19 +8523,29 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
             // `config.providers`.
             providers: [{ provide: EnvironmentInjector, useValue: overlayEnvironmentInjector }],
         });
-        const componentRef = createComponent(config.component, {
-            environmentInjector: overlayEnvironmentInjector,
-            elementInjector,
-            hostElement: paneElement,
-            bindings: config.bindings ?? [],
-        });
+        let componentRef;
+        try {
+            componentRef = createComponent(config.component, {
+                environmentInjector: overlayEnvironmentInjector,
+                elementInjector,
+                hostElement: paneElement,
+                bindings: config.bindings ?? [],
+            });
+        }
+        catch (error) {
+            elementInjector.destroy();
+            overlayEnvironmentInjector.destroy();
+            renderer.removeChild(root, hostElement);
+            maybeDestroyRootElements(targetDocument);
+            throw error;
+        }
         // pane classes are applied after component creation - Angular replaces the host
         // element's class attribute with the component's static host class on creation
         renderer.addClass(paneElement, 'et-overlay-runtime-pane', ...(config.paneClass ?? []));
         appRef.attachView(componentRef.hostView);
         overlayRef.attachComponentRef(componentRef);
-        overlayRef.beforeOpenedSubject.next();
-        overlayRef.beforeOpenedSubject.complete();
+        overlayRef.markBeforeOpened();
+        focusRestoreChains.set(overlayRef, focusRestoreChain);
         openEntriesState.update((entries) => [...entries, overlayRef]);
         let positionCleanup = setupPositioning(activeConfig(), hostElement, paneElement, overlayRef, renderer);
         cleanupFns.push(() => positionCleanup());
@@ -8292,8 +8600,8 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
             }
             openEntriesState.update((entries) => entries.filter((entry) => entry !== overlayRef));
             maybeDestroyRootElements(targetDocument);
-            if (config.restoreFocus !== false && overlayStillOwnsFocus && previousFocusedElement?.isConnected) {
-                previousFocusedElement.focus({ preventScroll: true });
+            if (config.restoreFocus !== false && overlayStillOwnsFocus) {
+                focusRestoreChain.find((element) => element.isConnected)?.focus({ preventScroll: true });
             }
             overlayRef.finishClose(closeEvent);
         };
@@ -8311,7 +8619,7 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
                 return;
             }
             const lifecycle = getAnimatedLifecycle(componentRef);
-            animationDebugLog(`runtime ${config.id}`, `close requested (source "${closeEvent.source}", lifecycle state "${lifecycle?.state$.value ?? 'none'}", delegate ${config.animationDelegate?.leave ? 'yes' : 'no'})`);
+            animationDebugLog(`runtime ${config.id}`, `close requested (source "${closeEvent.source}", lifecycle state "${lifecycle?.state() ?? 'none'}", delegate ${config.animationDelegate?.leave ? 'yes' : 'no'})`);
             // The reference element is gone - there is nothing left to animate away from, so tear the
             // overlay down synchronously instead of playing a leave transition from a stale position.
             if (!lifecycle || closeEvent.source === 'reference-detached') {
@@ -8325,10 +8633,8 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
                 lifecycle.leave();
             }
             lifecycle.state$
-                .pipe(filter((state) => state === 'left'), take(1))
-                .subscribe(() => {
-                destroyMountedOverlay(closeEvent);
-            });
+                .pipe(filter((state) => state === 'left'), take(1), tap(() => destroyMountedOverlay(closeEvent)))
+                .subscribe();
         };
         const closeOnEscape = config.closeOnEscape ?? true;
         if (closeOnEscape) {
@@ -8370,12 +8676,22 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
                 const originElement = getOriginElement();
                 if (originElement && originElement.contains(target)) {
                     const swallowReopenClick = (clickEvent) => {
+                        disarmReopenSwallow();
                         if (isElement(clickEvent.target) && originElement.contains(clickEvent.target)) {
                             clickEvent.stopImmediatePropagation();
                             clickEvent.preventDefault();
                         }
                     };
-                    targetDocument.addEventListener('click', swallowReopenClick, { capture: true, once: true });
+                    // A press that ends without a click (cancelled, dragged off) must not leave the swallow
+                    // armed for the next, unrelated click on the origin.
+                    const disarmReopenSwallow = () => {
+                        targetDocument.removeEventListener('click', swallowReopenClick, true);
+                        targetDocument.removeEventListener('pointerdown', disarmReopenSwallow, true);
+                        armedReopenSwallows.delete(disarmReopenSwallow);
+                    };
+                    targetDocument.addEventListener('click', swallowReopenClick, true);
+                    targetDocument.addEventListener('pointerdown', disarmReopenSwallow, true);
+                    armedReopenSwallows.add(disarmReopenSwallow);
                 }
             };
             targetDocument.addEventListener('pointerdown', onPointerDown, true);
@@ -8394,14 +8710,14 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
                 overlayRef.markOpened();
                 return;
             }
-            animationDebugLog(`runtime ${config.id}`, `enter (delegate ${config.animationDelegate?.enter ? 'yes' : 'no'}, lifecycle state "${lifecycle.state$.value}")`);
+            animationDebugLog(`runtime ${config.id}`, `enter (delegate ${config.animationDelegate?.enter ? 'yes' : 'no'}, lifecycle state "${lifecycle.state()}")`);
             const readySubscription = lifecycle.state$
-                .pipe(filter((state) => state === 'entering' || state === 'entered'), take(1))
-                .subscribe(() => {
+                .pipe(filter((state) => state === 'entering' || state === 'entered'), take(1), tap(() => {
                 nextFrame(() => {
                     interactiveCloseReady = true;
                 });
-            });
+            }))
+                .subscribe();
             cleanupFns.push(() => readySubscription.unsubscribe());
             if (config.animationDelegate?.enter) {
                 config.animationDelegate.enter({ lifecycle, elements: overlayRef.elements });
@@ -8410,16 +8726,17 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
                 lifecycle.enter();
             }
             lifecycle.state$
-                .pipe(filter((state) => state === 'entered'), take(1))
-                .subscribe(() => {
+                .pipe(filter((state) => state === 'entered'), take(1), tap(() => {
                 applyInitialFocus(paneElement, autoFocus, targetDocument);
                 overlayRef.markOpened();
-            });
+            }))
+                .subscribe();
         });
         return overlayRef;
     };
     destroyRef.onDestroy(() => {
         [...mountedTeardowns].forEach((teardown) => teardown());
+        [...armedReopenSwallows].forEach((disarm) => disarm());
         [...rootElements.keys()].forEach((targetDocument) => maybeDestroyRootElements(targetDocument));
     });
     return {
@@ -9010,7 +9327,7 @@ const initials = (value, maxLength = 2) => {
         return '';
     return words
         .slice(0, maxLength)
-        .map((word) => word[0]?.toUpperCase() ?? '')
+        .map((word) => [...word.normalize()][0]?.toUpperCase() ?? '')
         .join('');
 };
 
@@ -9089,20 +9406,38 @@ const EDGE_CURSORS = {
     nw: 'nwse-resize',
     se: 'nwse-resize',
 };
-const setupResizeObservable = (startEvent, edge, doc) => {
+// jsdom and other non-browser DOMs ship no pointer capture; the document listeners track the
+// gesture either way, so a failure here only costs events over a cross-origin frame.
+const capturePointer = (el, pointerId) => {
+    try {
+        el.setPointerCapture(pointerId);
+    }
+    catch {
+        return;
+    }
+};
+const setupResizeObservable = (startEvent, handle, edge, doc) => {
     const pointerId = startEvent.pointerId;
     const startX = startEvent.clientX;
     const startY = startEvent.clientY;
     let cancelled = false;
+    let last = { edge, totalDx: 0, totalDy: 0, clientX: startX, clientY: startY };
     const end$ = merge(fromEvent(doc, 'pointerup'), fromEvent(doc, 'pointercancel')).pipe(filter((e) => e.pointerId === pointerId), take(1), 
     // Read below by the terminating `defer`, which only runs once this has completed the moves.
     tap((e) => (cancelled = e.type === 'pointercancel')));
     return defer(() => {
         const releaseSelection = suppressTextSelection(doc);
-        return concat(of({ type: 'start', edge }), fromEvent(doc, 'pointermove').pipe(filter((e) => e.pointerId === pointerId), map((e) => ({
-            type: 'move',
-            data: { edge, dx: e.clientX - startX, dy: e.clientY - startY, clientX: e.clientX, clientY: e.clientY },
-        })), takeUntil(end$)), defer(() => of({ type: cancelled ? 'cancelled' : 'end' }))).pipe(finalize(releaseSelection));
+        capturePointer(handle, pointerId);
+        return concat(of({ type: 'start', edge }), fromEvent(doc, 'pointermove').pipe(filter((e) => e.pointerId === pointerId), map((e) => {
+            last = {
+                edge,
+                totalDx: e.clientX - startX,
+                totalDy: e.clientY - startY,
+                clientX: e.clientX,
+                clientY: e.clientY,
+            };
+            return { type: 'move', data: last };
+        }), takeUntil(end$)), defer(() => of(cancelled ? { type: 'cancelled' } : { type: 'end', data: last }))).pipe(finalize(releaseSelection));
     });
 };
 class ResizeHandlesComponent {
@@ -9112,10 +9447,10 @@ class ResizeHandlesComponent {
         ...(ngDevMode ? [{ debugName: "edges" }] : /* istanbul ignore next */ []));
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.gestureStart$ = new Subject();
-        this.gesture$ = this.gestureStart$.pipe(exhaustMap(({ event, edge }) => setupResizeObservable(event, edge, this.el.nativeElement.ownerDocument)), share(), takeUntilDestroyed());
+        this.gesture$ = this.gestureStart$.pipe(exhaustMap(({ event, handle, edge }) => setupResizeObservable(event, handle, edge, this.el.nativeElement.ownerDocument)), share(), takeUntilDestroyed());
         this.resizeStarted = outputFromObservable(this.gesture$.pipe(filter((e) => e.type === 'start'), map((e) => e.edge)));
         this.resizeMoved = outputFromObservable(this.gesture$.pipe(filter((e) => e.type === 'move'), map((e) => e.data)));
-        this.resizeEnded = outputFromObservable(this.gesture$.pipe(filter((e) => e.type === 'end'), map(() => undefined)));
+        this.resizeEnded = outputFromObservable(this.gesture$.pipe(filter((e) => e.type === 'end'), map((e) => e.data)));
         /**
          * The browser took the gesture away mid-resize (a system gesture, an incoming call, the tab going
          * to the background). Revert to the size the resize started from - the user never let go, so there
@@ -9136,7 +9471,7 @@ class ResizeHandlesComponent {
         if (event.button !== 0 || this.disabled())
             return;
         event.stopPropagation();
-        this.gestureStart$.next({ event, edge });
+        this.gestureStart$.next({ event, handle: event.currentTarget, edge });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ResizeHandlesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ResizeHandlesComponent, isStandalone: true, selector: "et-resize-handles", inputs: { edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resizeStarted: "resizeStarted", resizeMoved: "resizeMoved", resizeEnded: "resizeEnded", resizeCancelled: "resizeCancelled" }, host: { properties: { "attr.inert": "disabled() ? \"\" : null", "attr.data-active-edge": "activeEdge()" }, classAttribute: "et-resize-handles" }, ngImport: i0, template: `
@@ -9398,66 +9733,300 @@ const injectDefaultSurfaceTheme = (type) => {
     return defaults.length === 1 ? (defaults[0] ?? null) : null;
 };
 
-const SURFACE_PROVIDER = new InjectionToken('SurfaceProvider');
-const FORCED_SURFACE_UNSET = /* @__PURE__ */ Symbol('FORCED_SURFACE_UNSET');
-class ProvideSurfaceDirective {
-    constructor() {
-        this.themes = injectSurfaceThemes({ optional: true });
-        this.prefix = injectSurfaceThemesPrefix({ optional: true });
-        this.injector = inject(Injector);
-        this.parentProvider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
-        this.defaultTheme = injectDefaultSurfaceTheme();
-        this.currentProviderSync = null;
-        this.forcedSurface = signal(FORCED_SURFACE_UNSET, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "forcedSurface" }] : /* istanbul ignore next */ []));
-        this.surface = input(undefined, { ...(ngDevMode ? { debugName: "surface" } : /* istanbul ignore next */ {}), alias: 'etProvideSurface' });
-        this.effectiveSurface = computed(() => {
-            const forcedSurface = this.forcedSurface();
-            if (forcedSurface !== FORCED_SURFACE_UNSET) {
-                return forcedSurface;
-            }
-            return this.surface();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "effectiveSurface" }] : /* istanbul ignore next */ []));
-        this.resolvedTheme = computed(() => {
-            const value = this.effectiveSurface();
-            if (!this.themes)
-                return null;
-            // 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;
-            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()`);
-            }
-            return theme;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolvedTheme" }] : /* istanbul ignore next */ []));
-        /**
-         * The surface theme in effect on this element - the theme this provider resolves itself, or,
-         * where it is left unset, the one it inherits from the closest ancestor provider. The outermost
-         * provider resolves the app default, so the chain ends there.
-         */
-        this.activeTheme = computed(() => this.resolvedTheme() ?? this.parentProvider?.activeTheme() ?? null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "activeTheme" }] : /* istanbul ignore next */ []));
-        this.elevation = computed(() => this.activeTheme()?.elevation ?? 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "elevation" }] : /* istanbul ignore next */ []));
-        this.surfaceType = computed(() => this.activeTheme()?.type ?? null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "surfaceType" }] : /* istanbul ignore next */ []));
-        this.surfaceName = computed(() => {
-            const value = this.effectiveSurface();
-            if (!this.themes || !value)
-                return;
-            return createCssSurfaceName(value);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "surfaceName" }] : /* istanbul ignore next */ []));
-        this.surfaceClass = computed(() => {
+/**
+ * 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');
+/**
+ * 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.
+ *
+ * @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 defaultSurface = injectDefaultSurfaceTheme();
+    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');
+    });
+};
+/** @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.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.themeClass = computed(() => {
             const prefix = this.prefix || 'et';
-            if (this.surfaceName()) {
-                return `${prefix}-surface--${this.surfaceName()}`;
+            if (this.colorName()) {
+                return `${prefix}-color--${this.colorName()}`;
+            }
+            return `${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 {
+    constructor() {
+        this.themes = injectSurfaceThemes({ optional: true });
+        this.prefix = injectSurfaceThemesPrefix({ optional: true });
+        this.injector = inject(Injector);
+        this.parentProvider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
+        this.defaultTheme = injectDefaultSurfaceTheme();
+        this.colorThemes = injectColorThemes({ optional: true });
+        this.colorPrefix = injectColorThemesPrefix({ optional: true });
+        this.colorProvider = inject(COLOR_PROVIDER, { optional: true });
+        this.currentProviderSync = null;
+        this.forcedSurface = signal(FORCED_SURFACE_UNSET, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "forcedSurface" }] : /* istanbul ignore next */ []));
+        this.surface = input(undefined, { ...(ngDevMode ? { debugName: "surface" } : /* istanbul ignore next */ {}), alias: 'etProvideSurface' });
+        this.effectiveSurface = computed(() => {
+            const forcedSurface = this.forcedSurface();
+            if (forcedSurface !== FORCED_SURFACE_UNSET) {
+                return forcedSurface;
+            }
+            return this.surface();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveSurface" }] : /* istanbul ignore next */ []));
+        this.resolvedTheme = computed(() => {
+            const value = this.effectiveSurface();
+            if (!this.themes)
+                return null;
+            // 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;
+            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()`);
+            }
+            return theme;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedTheme" }] : /* istanbul ignore next */ []));
+        /**
+         * The surface theme in effect on this element - the theme this provider resolves itself, or,
+         * where it is left unset, the one it inherits from the closest ancestor provider. The outermost
+         * provider resolves the app default, so the chain ends there.
+         */
+        this.activeTheme = computed(() => this.resolvedTheme() ?? this.parentProvider?.activeTheme() ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeTheme" }] : /* istanbul ignore next */ []));
+        this.elevation = computed(() => this.activeTheme()?.elevation ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "elevation" }] : /* istanbul ignore next */ []));
+        this.surfaceType = computed(() => this.activeTheme()?.type ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "surfaceType" }] : /* istanbul ignore next */ []));
+        this.surfaceName = computed(() => {
+            const value = this.effectiveSurface();
+            if (!this.themes || !value)
+                return;
+            return createCssSurfaceName(value);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "surfaceName" }] : /* istanbul ignore next */ []));
+        this.colorThemeClass = computed(() => {
+            const colorTheme = this.resolvedTheme()?.colorTheme;
+            if (!colorTheme || this.colorProvider?.resolvedColor())
+                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()`);
             }
-            return `${prefix}-surface--inherited`;
+            return `${this.colorPrefix || 'et'}-color--${createCssColorThemeName(colorTheme)}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colorThemeClass" }] : /* istanbul ignore next */ []));
+        this.surfaceClass = computed(() => {
+            const prefix = this.prefix || 'et';
+            const surfaceClass = this.surfaceName()
+                ? `${prefix}-surface--${this.surfaceName()}`
+                : `${prefix}-surface--inherited`;
+            const colorThemeClass = this.colorThemeClass();
+            return colorThemeClass ? `${surfaceClass} ${colorThemeClass}` : surfaceClass;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "surfaceClass" }] : /* istanbul ignore next */ []));
     }
@@ -9485,11 +10054,9 @@ class ProvideSurfaceDirective {
             this.clearForcedSurface();
         }
     }
-    /** @internal */
     forceSurface(surface) {
         this.forcedSurface.set(surface);
     }
-    /** @internal */
     clearForcedSurface() {
         if (this.forcedSurface() === FORCED_SURFACE_UNSET) {
             return;
@@ -9586,15 +10153,9 @@ class AutoSurfaceDirective {
          */
         this.surfaceProvider = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "surfaceProvider" }] : /* istanbul ignore next */ []));
-        // An overlay *panel* that IS its overlay's own painted surface opts in (see
-        // matchOverlaySurface) so it adopts the overlay's registered elevation exactly,
-        // rather than layering one level above a parent surface.
         this.isOverlaySurface = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isOverlaySurface" }] : /* istanbul ignore next */ []));
-        // Bumped by the afterEveryRender watcher in the constructor whenever this element's overlay
-        // containment changes. surfaceForElement() below does a non-reactive element.contains() read,
-        // so the computed must be re-triggered when this element is (re)grafted into an overlay pane -
-        // otherwise a value cached from before the graft (one elevation too low) sticks forever.
+        // surfaceForElement() reads the DOM non-reactively; bumping this re-runs resolvedSurface after a re-graft.
         this.domSettleTick = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "domSettleTick" }] : /* istanbul ignore next */ []));
         this.resolvedSurface = computed(() => {
@@ -9602,40 +10163,25 @@ class AutoSurfaceDirective {
             if (!themes) {
                 return null;
             }
-            // Establish a dependency on the DOM-settle tick so the non-reactive containment read below
-            // is re-evaluated after the element is grafted into its final overlay pane.
             this.domSettleTick();
             const explicitProvider = this.surfaceProvider();
             const contextTheme = explicitProvider ? explicitProvider.activeTheme() : this.parentSurface();
             const contextElevation = contextTheme?.elevation ?? null;
             const contextType = contextTheme?.type ?? null;
-            // An overlay's projected/portaled content keeps the injector of where it was
-            // *declared* (the trigger location), not the pane it renders into - so the
-            // injector-derived parent surface is one elevation too low. The surface-context
-            // tracker records each open overlay's surface *and* its pane element, so we consult
-            // only the overlay whose pane actually contains this element in the DOM (portaling
-            // moves the DOM into the pane even though the injector stays at the trigger). An
-            // auto-surface on the base page therefore stays put when an overlay opens elsewhere.
+            // Portaled content keeps the trigger's injector, so only the pane that contains this element in the DOM counts.
             const overlaySurface = this.surfaceContextTracker.surfaceForElement(this.elementRef.nativeElement);
             const overlayElevation = overlaySurface?.elevation ?? null;
             const overlayType = overlaySurface?.type ?? null;
-            // A panel that IS its overlay's own surface (see matchOverlaySurface) must paint exactly the
-            // overlay's elevation: the overlay container already resolved it (one above the trigger) and
-            // registered it in the tracker. It must NOT re-derive from its declaration injector - that
-            // points back at the trigger location and disagrees with the pane whenever the trigger itself
-            // sits on a surface, which would double-elevate the panel relative to its own pane.
+            // 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) {
                     return resolveSurfaceByElevation(themes, overlayType ?? contextType ?? 'dark', overlayElevation)?.name ?? null;
                 }
-                // Rendered outside any tracked overlay: fall back to the injector context unchanged.
                 if (contextElevation !== null) {
                     return resolveSurfaceByElevation(themes, contextType ?? 'dark', contextElevation)?.name ?? null;
                 }
                 return null;
             }
-            // A regular auto-surface sits one elevation *above* the deeper of its injector context and the
-            // overlay pane it renders into (content painted onto the surface it lives on).
             let parentElevation;
             let parentType;
             if (overlayElevation !== null && (contextElevation === null || overlayElevation > contextElevation)) {
@@ -9652,14 +10198,8 @@ class AutoSurfaceDirective {
             return resolveSurfaceByElevation(themes, parentType, parentElevation + 1)?.name ?? null;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "resolvedSurface" }] : /* istanbul ignore next */ []));
-        // Projected/portaled auto-surface content (e.g. a select option's avatar) can have its
-        // resolvedSurface computed run *before* it is grafted into the overlay pane it visually lives
-        // in - or while it is briefly mounted in an off-pane measuring container, as windowed lists do.
-        // surfaceForElement()'s element.contains() check then returns the wrong (or no) overlay, so it
-        // resolves off the declaration injector (the trigger location) one elevation too low. That check
-        // is a plain DOM read, not a signal, so nothing re-runs the computed once the element reaches its
-        // final pane. Watch the tracker result across renders and re-trigger the computed whenever the
-        // element's overlay containment changes, settling (and unsubscribing) once it stops moving.
+        // The containment check is a plain DOM read, so nothing re-runs resolvedSurface once the element
+        // reaches its final pane (windowed lists mount it in an off-pane container first). Watch it across renders.
         let lastElevation = this.surfaceContextTracker.surfaceForElement(this.elementRef.nativeElement)?.elevation ?? null;
         let stableRenders = 0;
         const settleWatcher = afterEveryRender(() => {
@@ -9671,7 +10211,6 @@ class AutoSurfaceDirective {
                 this.domSettleTick.update((v) => v + 1);
             }
             else if (el.isConnected && ++stableRenders >= 2) {
-                // containment has held for a couple of renders and the element is in the DOM - done moving
                 settleWatcher.destroy();
             }
         });
@@ -9696,87 +10235,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 const COLOR_PALETTE_DEF = /* @__PURE__ */ defineStaticProvider(undefined, {
     name: 'Color Palette',
 });
+const injectColorPaletteConfig = /* @__PURE__ */ toInjectFn(COLOR_PALETTE_DEF);
+const selectPalette = (config, surface) => {
+    if (Array.isArray(config))
+        return config;
+    return (surface === null ? undefined : config[surface]) ?? config.default;
+};
 /**
  * The color themes a subtree may offer a user as pickable choices, in the order they should appear.
  * A curated slice of what `provideColorThemesWithTailwind4` registered: an app registers every theme
  * it renders with, including ones nobody should pick by hand (`error`, `warning`), and adds the
  * user-facing label a swatch needs.
  *
- * Components that let a user choose a color read it optionally and fall back to accepting a raw
- * theme name when it is absent - the scheduler's `colorToken` field is the reference consumer.
+ * Pass one list, or one list per registered surface theme name plus a `default`. The charts draw with
+ * the list of the surface they sit on; a color picker always offers the `default` list.
  *
  * @example
  * provideColorPalette([
  *   { token: 'brand', label: 'Team green' },
  *   { token: 'ocean', label: 'Training blue' },
  * ]);
+ *
+ * @example
+ * provideColorPalette({
+ *   default: [{ token: 'ocean', label: 'Training' }],
+ *   'dark-card': [{ token: 'ocean-bright', label: 'Training' }],
+ * });
  */
-const provideColorPalette = /* @__PURE__ */ toProvideFn(COLOR_PALETTE_DEF);
-/** The palette from {@link provideColorPalette}. Pass `{ optional: true }` - most apps provide none. */
-const injectColorPalette = /* @__PURE__ */ toInjectFn(COLOR_PALETTE_DEF);
-const COLOR_PALETTE = /* @__PURE__ */ toToken(COLOR_PALETTE_DEF);
-
+const provideColorPalette = (palette) => COLOR_PALETTE_DEF.provide(palette);
+function injectColorPalette(options) {
+    const config = options ? injectColorPaletteConfig(options) : injectColorPaletteConfig();
+    return config ? selectPalette(config, null) : null;
+}
 /**
- * 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.
+ * The palette from {@link provideColorPalette} for the surface the current subtree renders on: that
+ * surface theme's list, else the `default` list. `null` when no palette is provided.
  */
-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 injectColorThemeByType = (type) => {
-    const themes = injectColorThemes({ optional: true });
-    if (!themes) {
-        throw new Error(`[injectColorThemeByType] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
-    }
-    const theme = themes.find((t) => t.type === type);
-    if (!theme) {
-        throw new Error(`[injectColorThemeByType] 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(`[injectColorThemeByType] Multiple themes with type "${type}" found: ${duplicates.map((t) => t.name).join(', ')}. Only the first one will be used.`);
-        }
-    }
-    return theme;
-};
-const injectErrorTheme = () => injectColorThemeByType('error');
-const injectWarningTheme = () => injectColorThemeByType('warning');
-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 injectSurfaceColorPalette = () => {
+    const config = injectColorPaletteConfig({ optional: true });
+    const surface = injectParentSurface();
+    return computed(() => (config ? selectPalette(config, surface()?.name ?? null) : null));
 };
+const COLOR_PALETTE = /* @__PURE__ */ toToken(COLOR_PALETTE_DEF);
 
 /** Reads the nonce where Angular's default `CSP_NONCE` does, since these run outside any injector. */
 const createNoncedStyle = () => {
@@ -9979,131 +10479,6 @@ const provideColorThemes = (themes) => {
     return [ɵProvideColorThemes(themes), ɵProvideColorThemesPrefix('et')];
 };
 
-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.
- *
- * @internal
- */
-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');
-class ProvideColorDirective {
-    constructor() {
-        this.themes = injectColorThemes({ optional: true });
-        this.prefix = injectColorThemesPrefix({ optional: true });
-        this.injector = inject(Injector);
-        this.parentProvider = inject(COLOR_PROVIDER, { optional: true, skipSelf: true });
-        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 (!this.themes || !value)
-                return;
-            if (isDevMode() && !this.themes.some((theme) => theme.name === value) && value !== null) {
-                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.themeClass = computed(() => {
-            const prefix = this.prefix || 'et';
-            if (this.colorName()) {
-                return `${prefix}-color--${this.colorName()}`;
-            }
-            return `${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();
-        }
-    }
-    /** @internal */
-    forceColor(color) {
-        this.forcedColor.set(color);
-    }
-    /** @internal */
-    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 }] }] } });
-
 class SurfaceInteractiveStylesComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SurfaceInteractiveStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: SurfaceInteractiveStylesComponent, isStandalone: true, selector: "et-surface-interactive-styles", ngImport: i0, template: '', isInline: true, styles: ["@layer components{:where(.et-surface-interactive){--et-surface-interaction-rgb: var(--et-surface-interaction);--et-surface-interaction-solid: rgb(var(--et-surface-interaction-rgb))}@media(hover:hover){:where(.et-surface-interactive:hover){--et-surface-interaction-rgb: var(--et-surface-interaction-hover, var(--et-surface-interaction));--et-surface-interaction-solid: rgb(var(--et-surface-interaction-rgb))}}:where(.et-surface-interactive:focus-visible){--et-surface-interaction-rgb: var( --et-surface-interaction-focus, var(--et-surface-interaction-hover, var(--et-surface-interaction)) );--et-surface-interaction-solid: rgb(var(--et-surface-interaction-rgb))}:where(.et-surface-interactive:active){--et-surface-interaction-rgb: var( --et-surface-interaction-active, var(--et-surface-interaction-focus, var(--et-surface-interaction-hover, var(--et-surface-interaction))) );--et-surface-interaction-solid: rgb(var(--et-surface-interaction-rgb))}:where(.et-surface-interactive[disabled]),:where(.et-surface-interactive[aria-disabled=true]){--et-surface-interaction-rgb: var( --et-surface-interaction-disabled, var( --et-surface-interaction-active, var(--et-surface-interaction-focus, var(--et-surface-interaction-hover, var(--et-surface-interaction))) ) );--et-surface-interaction-solid: rgb(var(--et-surface-interaction-rgb))}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
@@ -10144,11 +10519,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.60';
+const CORE_VERSION = '5.0.0-next.62';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ANIMATION_DEBUG_STORAGE_KEY, 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, 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_TITLE_MARKER, ValidateAtLeastOneRequired, 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, createOverlayRuntimeRef, 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, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterNavigationState, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, 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, isStaleBuildError, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, mountEasingTokens, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointTransform, onOverlayViewportInsetsChange, 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, provideUnsavedChangesCoordinator, provideViewportConfig, randomId, readBuildFingerprint, readFromClipboard, registerAnchoredPositionMiddlewareExtras, registerAnchoredPositionSetup, reserveOverlayViewportSpace, resetPositioningStyles, resolveAppRootColorProvider, resolveOverlayLayer, resolveSurfaceByElevation, round, routerDisableScrollTop, routerRestoreScroll, scrollToElement, setBackdropStyles, setBaseElementStyles, 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, 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 };
 //# sourceMappingURL=ethlete-core.mjs.map