@ethlete/core 5.0.0-next.52 → 5.0.0-next.54

package/fesm2022/ethlete-core.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, Directive, assertInInjectionContext, DestroyRef, TemplateRef, QueryList, RendererFactory2, RendererStyleFlags2, isSignal, DOCUMENT, signal, linkedSignal, isDevMode, computed, afterNextRender, effect, NgZone, untracked, EnvironmentInjector, runInInjectionContext, Injector, booleanAttribute, numberAttribute, PLATFORM_ID, ApplicationRef, createComponent, model, ViewContainerRef, input, ViewEncapsulation, Component, provideEnvironmentInitializer, output, Pipe, afterEveryRender } from '@angular/core';
+import { InjectionToken, inject, ElementRef, isDevMode, Directive, assertInInjectionContext, DestroyRef, TemplateRef, QueryList, RendererFactory2, RendererStyleFlags2, isSignal, DOCUMENT, signal, linkedSignal, computed, afterNextRender, effect, untracked, EnvironmentInjector, runInInjectionContext, NgZone, Injector, booleanAttribute, numberAttribute, PLATFORM_ID, ApplicationRef, createComponent, model, ViewContainerRef, input, ViewEncapsulation, Component, provideEnvironmentInitializer, output, createEnvironmentInjector, Pipe, afterEveryRender } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable, outputFromObservable } from '@angular/core/rxjs-interop';
 import { Subject, BehaviorSubject, debounceTime, combineLatest, map, merge, fromEvent, filter, tap, switchMap, startWith, of, defer, from, catchError, timer, takeUntil, pairwise, distinctUntilChanged, EMPTY, take, Observable, isObservable, firstValueFrom, defaultIfEmpty, concatMap, concat, finalize, exhaustMap, share, shareReplay } from 'rxjs';
 import { FormGroup, FormArray, FormControl } from '@angular/forms';
 import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
-import { DOCUMENT as DOCUMENT$1, isPlatformBrowser } from '@angular/common';
+import { isPlatformBrowser, 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';
@@ -83,7 +83,9 @@ class AnimatableDirective {
                     }
                     else {
                         animationDebugLog(`animatable ${el.tagName.toLowerCase()}`, `${eventType} ignored - count already 0 (start ${didEmitStart ? '' : 'not '}emitted)`);
-                        console.warn(`${el.tagName} received animation end/cancel event but activeAnimationCount is already 0. Start was ${didEmitStart ? '' : 'not '}emitted.`);
+                        if (isDevMode()) {
+                            console.warn(`${el.tagName} received animation end/cancel event but activeAnimationCount is already 0. Start was ${didEmitStart ? '' : 'not '}emitted.`);
+                        }
                     }
                     break;
                 }
@@ -277,59 +279,40 @@ const maybeMergeValues = (defaultValue, valueOverride) => {
 };
 
 const cloneFormGroup = (formGroup) => {
-    const cloneLevel = (group, cloneGroup) => {
-        Object.entries(group.controls).forEach(([key, control]) => {
-            if (control instanceof FormGroup) {
-                const cloneControl = new FormGroup({}, control.validator, control.asyncValidator);
-                cloneGroup.addControl(key, cloneControl);
-                cloneLevel(control, cloneControl);
-            }
-            else if (control instanceof FormArray) {
-                const cloneArrayControl = new FormArray([], control.validator, control.asyncValidator);
-                control.controls.forEach((control) => {
-                    if (control instanceof FormGroup) {
-                        const cloneControl = new FormGroup({}, control.validator, control.asyncValidator);
-                        const innerClone = cloneLevel(control, cloneControl);
-                        cloneArrayControl.push(innerClone);
-                    }
-                    else {
-                        const cloneControlItem = new FormControl({ value: control.value, disabled: control.disabled }, control.validator, control.asyncValidator);
-                        cloneArrayControl.push(cloneControlItem);
-                    }
-                });
-                cloneGroup.addControl(key, cloneArrayControl);
-            }
-            else {
-                const cloneControl = new FormControl({ value: control.value, disabled: control.disabled }, control.validator, control.asyncValidator);
-                cloneGroup.addControl(key, cloneControl);
-            }
-        });
-        return cloneGroup;
+    const cloneControl = (control) => {
+        let clonedControl;
+        if (control instanceof FormGroup) {
+            const controls = Object.fromEntries(Object.entries(control.controls).map(([key, child]) => [key, cloneControl(child)]));
+            clonedControl = new FormGroup(controls, control.validator, control.asyncValidator);
+        }
+        else if (control instanceof FormArray) {
+            clonedControl = new FormArray(control.controls.map((child) => cloneControl(child)), control.validator, control.asyncValidator);
+        }
+        else {
+            clonedControl = new FormControl({ value: control.value, disabled: control.disabled }, control.validator, control.asyncValidator);
+        }
+        if (control.disabled && clonedControl.enabled) {
+            clonedControl.disable({ emitEvent: false });
+        }
+        return clonedControl;
     };
-    const clonedForm = cloneLevel(formGroup, new FormGroup({}));
-    clonedForm.setValue(formGroup.value);
+    const clonedForm = cloneControl(formGroup);
     clonedForm.updateValueAndValidity();
     return clonedForm;
 };
 const getFormGroupValue = (formGroup) => {
-    const value = {};
-    Object.entries(formGroup.controls).forEach(([key, control]) => {
+    const getControlValue = (control) => {
         if (control instanceof FormGroup) {
-            value[key] = getFormGroupValue(control);
-        }
-        else if (control instanceof FormArray) {
-            value[key] = control.controls.map((control) => {
-                if (control instanceof FormGroup) {
-                    return getFormGroupValue(control);
-                }
-                else {
-                    return control.value ?? null;
-                }
-            });
+            return getFormGroupValue(control);
         }
-        else {
-            value[key] = control.value ?? null;
+        if (control instanceof FormArray) {
+            return control.controls.map(getControlValue);
         }
+        return control.value ?? null;
+    };
+    const value = {};
+    Object.entries(formGroup.controls).forEach(([key, control]) => {
+        value[key] = getControlValue(control);
     });
     return value;
 };
@@ -393,7 +376,7 @@ const ValidateAtLeastOneRequired = (config) => {
 const IS_ARRAY_NOT_EMPTY = 'isArrayNotEmpty';
 const IsArrayNotEmpty = (control) => {
     const value = control.value;
-    if (!value) {
+    if (!Array.isArray(value)) {
         return null;
     }
     return value.length > 0 ? null : { [IS_ARRAY_NOT_EMPTY]: true };
@@ -404,7 +387,10 @@ const IsEmail = (control) => {
     if (!value) {
         return null;
     }
-    const regex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/;
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const regex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i;
     return regex.test(value) ? null : { [IS_EMAIL]: true };
 };
 const MUST_MATCH = 'mustMatch';
@@ -412,20 +398,13 @@ const MustMatch = (controlName, matchingControlName) => {
     return (formGroup) => {
         const control = formGroup.get(controlName);
         const matchingControl = formGroup.get(matchingControlName);
-        if (matchingControl?.errors && !matchingControl.errors[MUST_MATCH]) {
-            return null;
-        }
         if (control?.value !== matchingControl?.value) {
-            matchingControl?.setErrors({ [MUST_MATCH]: true });
             return { [MUST_MATCH]: true };
         }
-        else {
-            matchingControl?.setErrors(null);
-            return null;
-        }
+        return null;
     };
 };
-const Validators = {
+const EthleteValidators = {
     MustMatch,
     IsEmail,
     IsArrayNotEmpty,
@@ -490,18 +469,23 @@ const copyToClipboardViaExecCommand = (text) => {
  *
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-const set = (obj, key, val) => {
-    if (typeof val.value === 'object')
-        val.value = clone(val.value);
+const set = (obj, key, val, seen) => {
+    if (typeof val.value === 'object' && val.value !== null)
+        val.value = cloneValue(val.value, seen);
     if (!val.enumerable || val.get || val.set || !val.configurable || !val.writable || key === '__proto__') {
         Object.defineProperty(obj, key, val);
     }
     else
         obj[key] = val.value;
 };
-const clone = (original) => {
+const cloneValue = (original, seen) => {
     if (typeof original !== 'object')
         return original;
+    if (original === null)
+        return original;
+    const existing = seen.get(original);
+    if (existing)
+        return existing;
     var _og = original;
     var i = 0;
     var k;
@@ -509,21 +493,23 @@ const clone = (original) => {
     var tmp;
     var str = Object.prototype.toString.call(_og);
     if (str === '[object Object]') {
-        tmp = Object.create(_og.__proto__ || null);
+        tmp = Object.create(Object.getPrototypeOf(_og));
     }
     else if (str === '[object Array]') {
         tmp = Array(_og.length);
     }
     else if (str === '[object Set]') {
         tmp = new Set();
+        seen.set(_og, tmp);
         _og.forEach(function (val) {
-            tmp.add(clone(val));
+            tmp.add(cloneValue(val, seen));
         });
     }
     else if (str === '[object Map]') {
         tmp = new Map();
+        seen.set(_og, tmp);
         _og.forEach(function (val, key) {
-            tmp.set(clone(key), clone(val));
+            tmp.set(cloneValue(key, seen), cloneValue(val, seen));
         });
     }
     else if (str === '[object Date]') {
@@ -533,7 +519,7 @@ const clone = (original) => {
         tmp = new RegExp(_og.source, _og.flags);
     }
     else if (str === '[object DataView]') {
-        tmp = new _og.constructor(clone(_og.buffer));
+        tmp = new _og.constructor(cloneValue(_og.buffer, seen));
     }
     else if (str === '[object ArrayBuffer]') {
         tmp = _og.slice(0);
@@ -542,17 +528,19 @@ const clone = (original) => {
         tmp = new _og.constructor(_og);
     }
     if (tmp) {
+        seen.set(_og, tmp);
         for (list = Object.getOwnPropertySymbols(_og); i < list.length; i++) {
-            set(tmp, list[i], Object.getOwnPropertyDescriptor(_og, list[i]));
+            set(tmp, list[i], Object.getOwnPropertyDescriptor(_og, list[i]), seen);
         }
         for (i = 0, list = Object.getOwnPropertyNames(_og); i < list.length; i++) {
             if (Object.hasOwnProperty.call(tmp, (k = list[i])) && tmp[k] === _og[k])
                 continue;
-            set(tmp, k, Object.getOwnPropertyDescriptor(_og, k));
+            set(tmp, k, Object.getOwnPropertyDescriptor(_og, k), seen);
         }
     }
     return tmp || _og;
 };
+const clone = (original) => cloneValue(original, new WeakMap());
 /**
  * Stolen from dequal to avoid adding a dependency
  * https://github.com/lukeed/dequal
@@ -592,7 +580,12 @@ const equal = (foo, bar) => {
     var tmp;
     if (foo === bar)
         return true;
-    if (foo && bar && (ctor = foo.constructor) === bar.constructor) {
+    if (foo &&
+        bar &&
+        ((ctor = foo.constructor) === bar.constructor ||
+            (!ctor && bar.constructor === Object) ||
+            (ctor === Object && !bar.constructor))) {
+        ctor ??= bar.constructor;
         if (ctor === Date)
             return foo.getTime() === bar.getTime();
         if (ctor === RegExp)
@@ -683,8 +676,8 @@ const getCookie = (name) => {
     if (typeof document === 'undefined') {
         return null;
     }
-    // From https://stackoverflow.com/questions/10730362/get-cookie-by-name
-    return ('; ' + document.cookie).split(`; ${name}=`).pop()?.split(';')[0];
+    const cookie = document.cookie.split(';').find((entry) => entry.trim().startsWith(`${name}=`));
+    return cookie?.trim().slice(name.length + 1) ?? null;
 };
 const setCookie = (name, data, expiresInDays, domain = getDomain(), path = '/', sameSite = 'lax') => {
     if (typeof document === 'undefined') {
@@ -698,7 +691,14 @@ const setCookie = (name, data, expiresInDays, domain = getDomain(), path = '/',
         date.setTime(date.getTime() + expires * 24 * 60 * 60 * 1000);
         cookieString += `; expires=${date.toUTCString()}`;
     }
-    cookieString += `; domain=${domain}; SameSite=${sameSiteUpper};`;
+    if (domain) {
+        cookieString += `; domain=${domain}`;
+    }
+    cookieString += `; SameSite=${sameSiteUpper}`;
+    if (sameSite === 'none' || window.location.protocol === 'https:') {
+        cookieString += '; Secure';
+    }
+    cookieString += ';';
     document.cookie = cookieString;
 };
 const deleteCookie = (name, path = '/', domain = getDomain()) => {
@@ -733,15 +733,15 @@ const getDomain = () => {
 class KeyPressManager {
     constructor(key) {
         this.key = key;
-        this._isKeyPressed$ = new BehaviorSubject(false);
-        this._keyPressCount$ = new BehaviorSubject(0);
+        this.isKeyPressed = false;
+        this.keyPressCount = 0;
         this._stopTimeout$ = new Subject();
     }
     isPressed(event) {
         const key = event.keyCode;
         if (key === this.key) {
-            this._isKeyPressed$.next(this._keyPressCount$.value > 1);
-            this._keyPressCount$.next(this._keyPressCount$.value + 1);
+            this.isKeyPressed = this.keyPressCount >= 1;
+            this.keyPressCount++;
             this._stopTimeout$.next();
             timer(100)
                 .pipe(takeUntil(this._stopTimeout$))
@@ -750,11 +750,11 @@ class KeyPressManager {
         else {
             this.clear();
         }
-        return this._isKeyPressed$.value;
+        return this.isKeyPressed;
     }
     clear() {
-        this._isKeyPressed$.next(false);
-        this._keyPressCount$.next(0);
+        this.isKeyPressed = false;
+        this.keyPressCount = 0;
         this._stopTimeout$.next();
     }
 }
@@ -880,9 +880,6 @@ const RENDERER_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const setTextContent = (element, text) => {
         renderer.setProperty(element, 'textContent', text);
     };
-    const setInnerHTML = (element, html) => {
-        renderer.setProperty(element, 'innerHTML', html);
-    };
     const setAttributes = (element, attributes, namespace) => {
         Object.entries(attributes).forEach(([name, value]) => {
             setAttribute(element, name, value, namespace);
@@ -933,7 +930,6 @@ const RENDERER_DEF = /* @__PURE__ */ defineRootProvider(() => {
         replaceChild,
         empty,
         setTextContent,
-        setInnerHTML,
         setAttributes,
         setDataAttributes,
         setCssProperty,
@@ -949,8 +945,13 @@ const coerceElement = (el) => (el instanceof ElementRef ? el.nativeElement : el)
 const isElementSignal = (el) => {
     if (!isSignal(el))
         return false;
-    const val = el();
-    return typeof val === 'object' && val !== null && 'currentElements' in val && 'previousElements' in val;
+    try {
+        const val = el();
+        return typeof val === 'object' && val !== null && 'currentElements' in val && 'previousElements' in val;
+    }
+    catch {
+        return false;
+    }
 };
 const createDocumentElementSignal = () => {
     const documentElement = inject(DOCUMENT).documentElement;
@@ -979,8 +980,6 @@ const areElementSignalValuesEqual = (a, b) => areElementArraysEqual(a.currentEle
 const buildElementSignal = (el) => {
     if (el === null || el === undefined)
         return createEmptyElementSignal();
-    if (isElementSignal(el))
-        return el;
     if (el instanceof HTMLElement || el instanceof ElementRef) {
         const element = coerceElement(el);
         if (!element)
@@ -998,6 +997,12 @@ const createElementSignalFromSignal = (input) => {
     return linkedSignal({
         source: input,
         computation: (source, previous) => {
+            if (typeof source === 'object' &&
+                source !== null &&
+                'currentElements' in source &&
+                'previousElements' in source) {
+                return source;
+            }
             const currentElements = coerceValueToElementArray(source);
             const previousElements = previous?.value.currentElements ?? [];
             return {
@@ -1089,109 +1094,12 @@ const createCanAnimateSignal = () => {
     };
 };
 
-const boundingClientRectToElementRect = (rect) => ({
-    bottom: rect.bottom,
-    height: rect.height,
-    left: rect.left,
-    right: rect.right,
-    top: rect.top,
-    width: rect.width,
-    x: rect.x,
-    y: rect.y,
-});
-const createElementDimensions = (el, rect) => {
-    if (!el) {
-        return {
-            rect: null,
-            client: null,
-            scroll: null,
-            offset: null,
-        };
-    }
-    const cachedNormalizedRect = rect ? boundingClientRectToElementRect(rect) : null;
-    const rectFn = () => cachedNormalizedRect ? cachedNormalizedRect : boundingClientRectToElementRect(el.getBoundingClientRect());
-    return {
-        rect: rectFn,
-        client: { width: el.clientWidth, height: el.clientHeight },
-        scroll: { width: el.scrollWidth, height: el.scrollHeight },
-        offset: { width: el.offsetWidth, height: el.offsetHeight },
-    };
-};
-const signalElementDimensions = (el) => {
-    const destroyRef = inject(DestroyRef);
-    const elements = buildElementSignal(el);
-    const firstEl = firstElementSignal(elements);
-    const zone = inject(NgZone);
-    const isRendered = signalIsRendered();
-    const initialValue = () => createElementDimensions(firstEl().currentElement);
-    const elementDimensionsSignal = signal(initialValue(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "elementDimensionsSignal" }] : /* istanbul ignore next */ []));
-    const observer = new ResizeObserver((e) => {
-        if (!isRendered())
-            return;
-        const entry = e[0];
-        if (entry) {
-            const target = entry.target;
-            const newDimensions = createElementDimensions(target);
-            zone.run(() => elementDimensionsSignal.set(newDimensions));
-        }
-    });
-    effect(() => {
-        const els = firstEl();
-        untracked(() => {
-            elementDimensionsSignal.set(initialValue());
-            if (els.previousElement) {
-                observer.disconnect();
-            }
-            if (els.currentElement) {
-                const computedDisplay = getComputedStyle(els.currentElement).display;
-                const currentElIsAngularComponent = els.currentElement?.tagName.toLowerCase().includes('-');
-                if (computedDisplay === 'inline' && isDevMode() && currentElIsAngularComponent) {
-                    console.error(`Element <${els.currentElement?.tagName.toLowerCase()}> is an Angular component and has a display of 'inline'. Inline elements cannot be observed for dimensions. Please change it to 'block' or something else.`);
-                }
-                observer.observe(els.currentElement);
-            }
-        });
-    });
-    destroyRef.onDestroy(() => observer.disconnect());
-    return computed(() => elementDimensionsSignal(), {
-        equal: (a, b) => equal(a, b),
-    });
-};
-const signalHostElementDimensions = () => signalElementDimensions(inject(ElementRef));
-const injectViewportSize = () => {
-    const document = inject(DOCUMENT$1);
-    const zone = inject(NgZone);
-    const destroyRef = inject(DestroyRef);
-    const getSize = () => {
-        const vv = document.defaultView?.visualViewport;
-        if (vv)
-            return { width: vv.width, height: vv.height };
-        const win = document.defaultView;
-        return { width: win?.innerWidth ?? 0, height: win?.innerHeight ?? 0 };
-    };
-    const size = signal(getSize(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    const onResize = () => zone.run(() => size.set(getSize()));
-    const vv = document.defaultView?.visualViewport;
-    if (vv) {
-        vv.addEventListener('resize', onResize);
-        destroyRef.onDestroy(() => vv.removeEventListener('resize', onResize));
-    }
-    else {
-        const win = document.defaultView;
-        win?.addEventListener('resize', onResize);
-        destroyRef.onDestroy(() => win?.removeEventListener('resize', onResize));
-    }
-    return size;
-};
-
 const previousSignalValue = (signal) => {
     const obs = toObservable(signal).pipe(pairwise(), map(([prev]) => prev));
     return toSignal(obs);
 };
 const syncSignal = (from, to, options) => {
-    let isFirstRun = options?.skipSyncRead ? false : true;
+    let isFirstRun = true;
     if (!options?.skipSyncRead) {
         try {
             // this might throw if the signal is not yet initialized (eg. a required signal input inside the constructor)
@@ -1283,6 +1191,104 @@ const memoizeSignal = (factory) => {
     };
 };
 
+const boundingClientRectToElementRect = (rect) => ({
+    bottom: rect.bottom,
+    height: rect.height,
+    left: rect.left,
+    right: rect.right,
+    top: rect.top,
+    width: rect.width,
+    x: rect.x,
+    y: rect.y,
+});
+const createElementDimensions = (el, rect) => {
+    if (!el) {
+        return {
+            rect: null,
+            client: null,
+            scroll: null,
+            offset: null,
+        };
+    }
+    const cachedNormalizedRect = rect ? boundingClientRectToElementRect(rect) : null;
+    const rectFn = () => cachedNormalizedRect ? cachedNormalizedRect : boundingClientRectToElementRect(el.getBoundingClientRect());
+    return {
+        rect: rectFn,
+        client: { width: el.clientWidth, height: el.clientHeight },
+        scroll: { width: el.scrollWidth, height: el.scrollHeight },
+        offset: { width: el.offsetWidth, height: el.offsetHeight },
+    };
+};
+const signalElementDimensions = (el) => {
+    const destroyRef = inject(DestroyRef);
+    const elements = buildElementSignal(el);
+    const firstEl = firstElementSignal(elements);
+    const zone = inject(NgZone);
+    const isRendered = signalIsRendered();
+    const initialValue = () => createElementDimensions(firstEl().currentElement);
+    const elementDimensionsSignal = signal(initialValue(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "elementDimensionsSignal" }] : /* istanbul ignore next */ []));
+    let observer = null;
+    effect(() => {
+        const els = firstEl();
+        const rendered = isRendered();
+        untracked(() => {
+            elementDimensionsSignal.set(initialValue());
+            if (!rendered || typeof ResizeObserver === 'undefined') {
+                return;
+            }
+            observer ??= new ResizeObserver((entries) => {
+                const entry = entries[0];
+                if (entry) {
+                    const target = entry.target;
+                    const newDimensions = createElementDimensions(target);
+                    zone.run(() => elementDimensionsSignal.set(newDimensions));
+                }
+            });
+            observer.disconnect();
+            if (els.currentElement) {
+                const computedDisplay = els.currentElement.ownerDocument.defaultView?.getComputedStyle(els.currentElement).display;
+                const currentElIsAngularComponent = els.currentElement?.tagName.toLowerCase().includes('-');
+                if (computedDisplay === 'inline' && isDevMode() && currentElIsAngularComponent) {
+                    console.error(`Element <${els.currentElement?.tagName.toLowerCase()}> is an Angular component and has a display of 'inline'. Inline elements cannot be observed for dimensions. Please change it to 'block' or something else.`);
+                }
+                observer.observe(els.currentElement);
+            }
+        });
+    });
+    destroyRef.onDestroy(() => observer?.disconnect());
+    return computed(() => elementDimensionsSignal(), {
+        equal: (a, b) => equal(a, b),
+    });
+};
+const signalHostElementDimensions = () => signalElementDimensions(inject(ElementRef));
+const injectViewportSize = /* @__PURE__ */ memoizeSignal(() => {
+    const document = inject(DOCUMENT);
+    const zone = inject(NgZone);
+    const destroyRef = inject(DestroyRef);
+    const getSize = () => {
+        const vv = document.defaultView?.visualViewport;
+        if (vv)
+            return { width: vv.width, height: vv.height };
+        const win = document.defaultView;
+        return { width: win?.innerWidth ?? 0, height: win?.innerHeight ?? 0 };
+    };
+    const size = signal(getSize(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    const onResize = () => zone.run(() => size.set(getSize()));
+    const vv = document.defaultView?.visualViewport;
+    if (vv) {
+        vv.addEventListener('resize', onResize);
+        destroyRef.onDestroy(() => vv.removeEventListener('resize', onResize));
+    }
+    else {
+        const win = document.defaultView;
+        win?.addEventListener('resize', onResize);
+        destroyRef.onDestroy(() => win?.removeEventListener('resize', onResize));
+    }
+    return size;
+});
+
 /** Inject a signal containing a boolean value indicating if the viewport is xs */
 const injectIsXs = /* @__PURE__ */ memoizeSignal(() => injectObserveBreakpoint({ max: 'xs' }));
 /** Inject a signal containing a boolean value indicating if the viewport is sm */
@@ -1365,15 +1371,24 @@ const injectViewportDimensions = /* @__PURE__ */ memoizeSignal(() => signalEleme
 /** Inject a signal containing the scrollbar dimensions. Dimensions will be 0 if scrollbars overlap the page contents (like on mobile). */
 const injectScrollbarDimensions = /* @__PURE__ */ memoizeSignal(() => {
     const document = inject(DOCUMENT);
+    const destroyRef = inject(DestroyRef);
     const renderer = injectRenderer();
+    const view = document.defaultView;
+    if (!view)
+        return signal(null).asReadonly();
     const scrollbarRuler = renderer.createElement('div');
     scrollbarRuler.style.width = '100px';
     scrollbarRuler.style.height = '100px';
     scrollbarRuler.style.overflow = 'scroll';
     scrollbarRuler.style.position = 'absolute';
     scrollbarRuler.style.top = '-9999px';
-    scrollbarRuler.style.scrollbarWidth = getComputedStyle(document.documentElement).scrollbarWidth;
+    scrollbarRuler.style.scrollbarWidth = view.getComputedStyle(document.documentElement).scrollbarWidth;
     renderer.appendChild(document.body, scrollbarRuler);
+    destroyRef.onDestroy(() => {
+        const parent = renderer.parentNode(scrollbarRuler);
+        if (parent)
+            renderer.removeChild(parent, scrollbarRuler);
+    });
     const scrollContainerDimensions = signalElementDimensions(scrollbarRuler);
     return computed(() => {
         const client = scrollContainerDimensions().client;
@@ -1408,6 +1423,7 @@ const injectAnimatedBlockSize = (config) => {
     const renderer = injectRenderer();
     const prefersReducedMotion = injectPrefersReducedMotion();
     const destroyRef = inject(DestroyRef);
+    const isRendered = signalIsRendered();
     const hostSignal = firstElementSignal(buildElementSignal(hostBinding));
     const observeTargets = Array.isArray(config.observe) ? config.observe : [config.observe];
     const observedElements = observeTargets.map((target) => firstElementSignal(buildElementSignal(target)));
@@ -1447,7 +1463,7 @@ const injectAnimatedBlockSize = (config) => {
         if (!animateBlock && !animateInline) {
             return;
         }
-        if (config.resizingClass && renderer) {
+        if (config.resizingClass) {
             renderer.addClass(host, config.resizingClass);
         }
         const fromFrame = {};
@@ -1470,7 +1486,7 @@ const injectAnimatedBlockSize = (config) => {
             if (animation !== null && animation !== nextAnimation) {
                 return;
             }
-            if (config.resizingClass && renderer) {
+            if (config.resizingClass) {
                 renderer.removeClass(host, config.resizingClass);
             }
             if (animation === nextAnimation) {
@@ -1480,15 +1496,18 @@ const injectAnimatedBlockSize = (config) => {
         nextAnimation.finished.then(cleanup).catch(cleanup);
         animation = nextAnimation;
     };
-    // no zone/signal indirection - see the pre-paint timing note in the doc comment above
-    const observer = new ResizeObserver(() => {
-        if (!ready)
-            return;
-        run();
-    });
+    let observer = null;
     effect(() => {
         const elements = observedElements.map((element) => element().currentElement);
+        const rendered = isRendered();
         untracked(() => {
+            if (!rendered || typeof ResizeObserver === 'undefined') {
+                return;
+            }
+            observer ??= new ResizeObserver(() => {
+                if (ready)
+                    run();
+            });
             observer.disconnect();
             for (const element of elements) {
                 if (element) {
@@ -1497,7 +1516,6 @@ const injectAnimatedBlockSize = (config) => {
             }
         });
     });
-    // Capture the settled size of the first render as the baseline, then only animate later changes.
     afterNextRender(() => {
         const host = hostElement();
         const rect = host ? host.getBoundingClientRect() : null;
@@ -1506,7 +1524,7 @@ const injectAnimatedBlockSize = (config) => {
         ready = true;
     });
     destroyRef.onDestroy(() => {
-        observer.disconnect();
+        observer?.disconnect();
         animation?.cancel();
     });
 };
@@ -1516,6 +1534,7 @@ const injectAnimatedBlockSize = (config) => {
  */
 const signalAnimatedNumber = (source, options = {}) => {
     const ngZone = inject(NgZone);
+    const destroyRef = inject(DestroyRef);
     const duration = options.duration ?? 1000;
     const easing = options.easing ?? easeOut;
     const round = options.round ?? ((v) => Math.round(v));
@@ -1524,6 +1543,7 @@ const signalAnimatedNumber = (source, options = {}) => {
     ...(ngDevMode ? [{ debugName: "animatedValue" }] : /* istanbul ignore next */ []));
     let rafId = null;
     let currentAnimatedValue = initialValue;
+    let destroyed = false;
     const cancelAnimation = () => {
         if (rafId !== null) {
             cancelAnimationFrame(rafId);
@@ -1537,14 +1557,21 @@ const signalAnimatedNumber = (source, options = {}) => {
         const startValue = currentAnimatedValue;
         const startTime = performance.now();
         const delta = targetValue - startValue;
-        // Skip animation if no change
         if (delta === 0) {
             options.onAnimationEnd?.();
             return readonlySignal;
         }
         options.onAnimationStart?.();
+        if (typeof requestAnimationFrame === 'undefined') {
+            currentAnimatedValue = targetValue;
+            animatedValue.set(round(targetValue));
+            options.onAnimationEnd?.();
+            return readonlySignal;
+        }
         ngZone.runOutsideAngular(() => {
             const animate = (timestamp) => {
+                if (destroyed)
+                    return;
                 const elapsed = timestamp - startTime;
                 const progress = Math.min(elapsed / duration, 1);
                 const easedProgress = easing(progress);
@@ -1580,6 +1607,10 @@ const signalAnimatedNumber = (source, options = {}) => {
     readonlySignal.play = play;
     readonlySignal.reset = reset;
     readonlySignal.stop = stop;
+    destroyRef.onDestroy(() => {
+        destroyed = true;
+        cancelAnimation();
+    });
     return readonlySignal;
 };
 /* Linear easing function */
@@ -1630,10 +1661,12 @@ const provideViewportConfig = /* @__PURE__ */ toProvideFn(VIEWPORT_CONFIG_DEF);
 const injectViewportConfig = /* @__PURE__ */ toInjectFn(VIEWPORT_CONFIG_DEF);
 const BREAKPOINT_OBSERVER_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const viewportConfig = injectViewportConfig();
+    const destroyRef = inject(DestroyRef);
     const defaultView = inject(DOCUMENT).defaultView;
     const matchMedia = defaultView?.matchMedia?.bind(defaultView) ?? null;
     const queryLists = new Map();
     const querySignals = new Map();
+    const queryListenerCleanups = new Map();
     const getQueryList = (mediaQuery) => {
         if (!matchMedia)
             return null;
@@ -1652,9 +1685,11 @@ const BREAKPOINT_OBSERVER_DEF = /* @__PURE__ */ defineRootProvider(() => {
         const queryList = getQueryList(mediaQuery);
         const matches = signal(queryList?.matches ?? false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "matches" }] : /* istanbul ignore next */ []));
-        // the root provider outlives every consumer, so the listener is intentionally never removed -
-        // the same query list is shared by all of them
-        queryList?.addEventListener('change', (event) => matches.set(event.matches));
+        if (queryList) {
+            const onChange = (event) => matches.set(event.matches);
+            queryList.addEventListener('change', onChange);
+            queryListenerCleanups.set(mediaQuery, () => queryList.removeEventListener('change', onChange));
+        }
         const result = matches.asReadonly();
         querySignals.set(mediaQuery, result);
         return result;
@@ -1676,11 +1711,11 @@ const BREAKPOINT_OBSERVER_DEF = /* @__PURE__ */ defineRootProvider(() => {
         return size + 0.9;
     };
     const buildMediaQueryString = (options) => {
-        if (!options.min && !options.max) {
+        if (options.min === undefined && options.max === undefined) {
             throw new Error('At least one of min or max must be defined');
         }
         const mediaQueryParts = [];
-        if (options.min) {
+        if (options.min !== undefined) {
             if (typeof options.min === 'number') {
                 mediaQueryParts.push(`(min-width: ${options.min}px)`);
             }
@@ -1688,19 +1723,16 @@ const BREAKPOINT_OBSERVER_DEF = /* @__PURE__ */ defineRootProvider(() => {
                 mediaQueryParts.push(`(min-width: ${getBreakpointSize(options.min, 'min')}px)`);
             }
         }
-        if (options.min && options.max) {
-            mediaQueryParts.push('and');
-        }
-        if (options.max) {
-            if (typeof options.max === 'number') {
-                mediaQueryParts.push(`(max-width: ${options.max}px)`);
-            }
-            else {
-                mediaQueryParts.push(`(max-width: ${getBreakpointSize(options.max, 'max')}px)`);
-            }
+        if (options.max !== undefined) {
+            const max = typeof options.max === 'number' ? options.max : getBreakpointSize(options.max, 'max');
+            if (max !== Infinity)
+                mediaQueryParts.push(`(max-width: ${max}px)`);
         }
-        return mediaQueryParts.join(' ');
+        return mediaQueryParts.length > 0 ? mediaQueryParts.join(' and ') : '(min-width: 0px)';
     };
+    destroyRef.onDestroy(() => {
+        queryListenerCleanups.forEach((cleanup) => cleanup());
+    });
     return {
         observeBreakpoint,
         isBreakpointMatched,
@@ -1741,31 +1773,24 @@ const resolveFromMap = (map, bp, defaultValue) => {
     }
     return defaultValue;
 };
-const breakpointTransformBase = (coerce) => {
+const breakpointTransformBase = (coerce, defaultValue) => {
     const currentBp = injectCurrentBreakpoint();
     const injector = inject(Injector);
     const raw = signal(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "raw" }] : /* istanbul ignore next */ []));
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    let capturedDefault = undefined;
-    let initialized = false;
     let cachedSig = null;
     const transformFn = (value) => {
         const coerced = isBreakpointMap(value) ? value : coerce(value);
-        if (!initialized) {
-            capturedDefault = coerced;
-            initialized = true;
-        }
         raw.set(coerced);
-        return isBreakpointMap(coerced)
-            ? resolveFromMap(coerced, currentBp(), capturedDefault)
-            : coerced;
+        return isBreakpointMap(coerced) ? resolveFromMap(coerced, currentBp(), defaultValue) : coerced;
     };
     effect(() => {
         const bp = currentBp();
         const r = raw();
         if (!cachedSig) {
-            const instance = injector.get(BREAKPOINT_INSTANCE_TOKEN);
+            const instance = injector.get(BREAKPOINT_INSTANCE_TOKEN, null);
+            if (!instance)
+                return;
             for (const key of Object.keys(instance)) {
                 const val = instance[key];
                 if (val && typeof val === 'function' && val[SIGNAL]?.transformFn === transformFn) {
@@ -1776,7 +1801,7 @@ const breakpointTransformBase = (coerce) => {
         }
         if (!cachedSig || r === undefined || !isBreakpointMap(r))
             return;
-        const resolved = resolveFromMap(r, bp, capturedDefault);
+        const resolved = resolveFromMap(r, bp, defaultValue);
         untracked(() => setInputSignal(cachedSig, resolved));
     });
     return transformFn;
@@ -1786,30 +1811,30 @@ const breakpointTransformBase = (coerce) => {
  * Coerces plain values with `booleanAttribute`; resolves {@link BreakpointMap} mobile-first.
  *
  * @example
- * snap = input(false, { transform: boolBreakpointTransform() });
+ * snap = input(false, { transform: boolBreakpointTransform(false) });
  * // Template: `snap` | `[snap]="true"` | `[snap]="{ xs: false, md: true }"`
  */
-const boolBreakpointTransform = () => breakpointTransformBase(booleanAttribute);
+const boolBreakpointTransform = (defaultValue = false) => breakpointTransformBase(booleanAttribute, defaultValue);
 /**
  * Transform factory for number inputs.
  * Coerces plain values with `numberAttribute`; resolves {@link BreakpointMap} mobile-first.
  *
  * @example
- * scrollMargin = input(0, { transform: numberBreakpointTransform() });
+ * scrollMargin = input(0, { transform: numberBreakpointTransform(0) });
  * // Template: `[scrollMargin]="16"` | `[scrollMargin]="{ xs: 0, md: 16 }"`
  */
-const numberBreakpointTransform = () => breakpointTransformBase((v) => numberAttribute(v));
+const numberBreakpointTransform = (defaultValue = 0) => breakpointTransformBase((v) => numberAttribute(v), defaultValue);
 /**
  * Transform factory for any typed input (string unions, arrays, objects, etc.).
  * Passes plain values through as-is; resolves {@link BreakpointMap} mobile-first.
  * A value is treated as a {@link BreakpointMap} only when all its keys are valid breakpoint names.
  *
  * @example
- * itemSize = input('auto', { transform: typedBreakpointTransform<ScrollableItemSize>() });
- * tags = input([], { transform: typedBreakpointTransform<string[]>() });
+ * itemSize = input('auto', { transform: typedBreakpointTransform<ScrollableItemSize>('auto') });
+ * tags = input([], { transform: typedBreakpointTransform<string[]>([]) });
  * // Template: `[itemSize]="'third'"` | `[itemSize]="{ xs: 'full', md: 'third' }"`
  */
-const typedBreakpointTransform = () => breakpointTransformBase((v) => v);
+const typedBreakpointTransform = (defaultValue) => breakpointTransformBase((v) => v, defaultValue);
 const injectBreakpointInput = (inputSignal, defaultValue) => {
     const currentBreakpoint = injectCurrentBreakpoint();
     return computed(() => {
@@ -1819,16 +1844,6 @@ const injectBreakpointInput = (inputSignal, defaultValue) => {
         return resolveFromMap(value, currentBreakpoint(), defaultValue);
     });
 };
-const booleanBreakpointAttribute = (value) => {
-    if (isBreakpointMap(value))
-        return value;
-    return booleanAttribute(value);
-};
-const numberBreakpointAttribute = (value) => {
-    if (isBreakpointMap(value))
-        return value;
-    return numberAttribute(value);
-};
 const BREAKPOINT_INSTANCE_TOKEN = new InjectionToken('BREAKPOINT_INSTANCE_TOKEN');
 const provideBreakpointInstance = (componentClass) => ({
     provide: BREAKPOINT_INSTANCE_TOKEN,
@@ -1852,14 +1867,17 @@ const controlValueSignal = (control, options) => {
     const controlObs = controlStream.pipe(switchMap((ctrl) => {
         if (!ctrl)
             return of(null);
-        const vcsObs = options?.debounceTime
-            ? ctrl.valueChanges.pipe(debounceTime(options.debounceTime))
-            : ctrl.valueChanges;
-        return vcsObs.pipe(startWith(ctrl.getRawValue()), map(() => ctrl.getRawValue()));
+        const changes = ctrl.valueChanges.pipe(map(() => ctrl.getRawValue()));
+        const debouncedChanges = options?.debounceTime ? changes.pipe(debounceTime(options.debounceTime)) : changes;
+        if (!options?.debounceFirst) {
+            return merge(of(ctrl.getRawValue()), debouncedChanges);
+        }
+        const values = merge(of(ctrl.getRawValue()), changes);
+        return options.debounceTime ? values.pipe(debounceTime(options.debounceTime)) : values;
     }));
-    const obs = !options?.debounceFirst ? merge(of(initialValue), controlObs) : controlObs;
+    const obs = controlObs;
     return toSignal(obs.pipe(distinctUntilChanged((a, b) => equal(a, b))), {
-        initialValue,
+        initialValue: options?.debounceFirst ? null : initialValue,
     });
 };
 /**
@@ -1924,25 +1942,26 @@ const signalElementMutations = (el, options) => {
     const isRendered = signalIsRendered();
     const elementMutationsSignal = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "elementMutationsSignal" }] : /* istanbul ignore next */ []));
-    const observer = new MutationObserver((e) => {
-        if (!isRendered())
-            return;
-        const entry = e[0];
-        if (entry) {
-            zone.run(() => elementMutationsSignal.set(entry));
-        }
-    });
+    let observer = null;
     effect(() => {
         const els = firstEl();
+        const rendered = isRendered();
         elementMutationsSignal.set(null);
-        if (els.previousElement) {
-            observer.disconnect();
+        if (!rendered || typeof MutationObserver === 'undefined') {
+            return;
         }
+        observer ??= new MutationObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                zone.run(() => elementMutationsSignal.set(entry));
+            }
+        });
+        observer.disconnect();
         if (els.currentElement) {
             observer.observe(els.currentElement, options);
         }
     });
-    destroyRef.onDestroy(() => observer.disconnect());
+    destroyRef.onDestroy(() => observer?.disconnect());
     return elementMutationsSignal.asReadonly();
 };
 const signalHostElementMutations = (options) => signalElementMutations(inject(ElementRef), options);
@@ -2149,20 +2168,6 @@ const isElementVisible = (options) => {
     }
     const elementRect = options.elementRect || element.getBoundingClientRect();
     const containerRect = container ? options.containerRect || container.getBoundingClientRect() : createViewportRect();
-    const canScroll = elementCanScroll(container);
-    if (!canScroll) {
-        return {
-            inline: true,
-            block: true,
-            blockIntersection: 1,
-            inlineIntersection: 1,
-            intersectionRatio: 1,
-            isIntersecting: true,
-            element,
-            containerRect,
-            elementRect,
-        };
-    }
     const elLeft = elementRect.left;
     const elTop = elementRect.top;
     const elWidth = elementRect.width || 1;
@@ -2184,7 +2189,7 @@ const isElementVisible = (options) => {
         block: isElementBlockVisible,
         inlineIntersection: inlineIntersectionPercentage,
         blockIntersection: blockIntersectionPercentage,
-        isIntersecting: isElementInlineVisible && isElementBlockVisible,
+        isIntersecting: inlineIntersectionPercentage > 0 && blockIntersectionPercentage > 0,
         element,
         containerRect,
         elementRect,
@@ -2432,12 +2437,13 @@ const createPositionObject = (entry) => {
     };
 };
 const signalElementIntersection = (el, options) => {
+    const { root: rootBinding, enabled, ...observerOptions } = options ?? {};
     const destroyRef = inject(DestroyRef);
     const elements = buildElementSignal(el);
-    const root = firstElementSignal(options?.root ? buildElementSignal(options?.root) : createEmptyElementSignal());
+    const root = firstElementSignal(rootBinding ? buildElementSignal(rootBinding) : createEmptyElementSignal());
     const zone = inject(NgZone);
     const isRendered = signalIsRendered();
-    const isEnabled = options?.enabled ?? signal(true);
+    const isEnabled = enabled ?? signal(true);
     const elementIntersectionSignal = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "elementIntersectionSignal" }] : /* istanbul ignore next */ []));
     const observer = signal(null, /* @ts-ignore */
@@ -2477,18 +2483,21 @@ const signalElementIntersection = (el, options) => {
         currentlyObservedElements.clear();
         if (!rendered || !enabled) {
             observer.set(null);
+            elementIntersectionSignal.set([]);
             return;
         }
         const newObserver = new IntersectionObserver((entries) => updateIntersections(entries), {
-            ...options,
+            ...observerOptions,
             root: rootEl,
         });
         observer.set(newObserver);
     };
     const updateObservedElements = (observer, elements) => {
         const rootEl = root().currentElement;
-        if (!observer)
+        if (!observer) {
+            elementIntersectionSignal.set([]);
             return;
+        }
         const currIntersectionValue = elementIntersectionSignal();
         const newIntersectionValue = [];
         for (const el of elements.currentElements) {
@@ -2506,13 +2515,8 @@ const signalElementIntersection = (el, options) => {
                 container: rootEl,
                 element: el,
             });
-            if (!initialElementVisibility) {
-                console.error('No visibility data found for element.', {
-                    element: el,
-                    container: rootEl,
-                });
+            if (!initialElementVisibility)
                 continue;
-            }
             const intersectionEntry = {
                 boundingClientRect: initialElementVisibility.elementRect,
                 intersectionRatio: initialElementVisibility.intersectionRatio,
@@ -2665,7 +2669,7 @@ const signalElementScrollState = (el, options) => {
 };
 const signalHostElementScrollState = () => signalElementScrollState(inject(ElementRef));
 
-let hasWrittenScrollbarSizes = false;
+const scrollbarSizeWriters = /* @__PURE__ */ new WeakSet();
 /**
  * Applies scrollbar size CSS variables to the documentElement (html tag) in pixels.
  * - `--et-sw`: scrollbar width
@@ -2675,10 +2679,11 @@ const writeScrollbarSizeToCssVariables = () => {
     if (!isPlatformBrowser(inject(PLATFORM_ID))) {
         return;
     }
-    if (hasWrittenScrollbarSizes) {
+    const environmentInjector = inject(EnvironmentInjector);
+    if (scrollbarSizeWriters.has(environmentInjector)) {
         return;
     }
-    hasWrittenScrollbarSizes = true;
+    scrollbarSizeWriters.add(environmentInjector);
     const document = inject(DOCUMENT);
     const renderer = injectRenderer();
     const scrollbarDimensions = injectScrollbarDimensions();
@@ -2692,7 +2697,7 @@ const writeScrollbarSizeToCssVariables = () => {
         });
     });
 };
-let hasWrittenViewportSizes = false;
+const viewportSizeWriters = /* @__PURE__ */ new WeakSet();
 /**
  * Applies viewport size CSS variables to the documentElement (html tag) in pixels.
  * - `--et-vw`: viewport width excluding scrollbar width
@@ -2702,10 +2707,11 @@ const writeViewportSizeToCssVariables = () => {
     if (!isPlatformBrowser(inject(PLATFORM_ID))) {
         return;
     }
-    if (hasWrittenViewportSizes) {
+    const environmentInjector = inject(EnvironmentInjector);
+    if (viewportSizeWriters.has(environmentInjector)) {
         return;
     }
-    hasWrittenViewportSizes = true;
+    viewportSizeWriters.add(environmentInjector);
     const document = inject(DOCUMENT);
     const renderer = injectRenderer();
     const htmlElementDimensions = injectViewportDimensions();
@@ -2990,7 +2996,10 @@ const createRouterState = (router) => {
  * where `router.url` is already committed. Falls back to the browser location before the first navigation commits.
  */
 const createRoute = (router) => {
-    const url = router.navigated ? router.url : window.location.pathname + window.location.search + window.location.hash;
+    const browserUrl = typeof window === 'undefined'
+        ? router.url
+        : window.location.pathname + window.location.search + window.location.hash;
+    const url = router.navigated ? router.url : browserUrl;
     return url.split('?')[0]?.split('#')[0] ?? '';
 };
 /**
@@ -3006,7 +3015,9 @@ 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 = injectRouterState();
+    const routerState = config?.injector
+        ? runInInjectionContext(config.injector, injectRouterState)
+        : injectRouterState();
     const fragment = computed(() => routerState().fragment, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "fragment" }] : /* istanbul ignore next */ []));
     return transformOrReturn(fragment, config);
@@ -3215,6 +3226,7 @@ const setupScrollRestoration = (config = {}) => {
     const router = inject(Router);
     const document = inject(DOCUMENT);
     const injector = inject(Injector);
+    const destroyRef = inject(DestroyRef);
     const holds = injectScrollRestorationHolds();
     const restoreEnabled = config.restore?.enabled === true;
     const restoreTimeout = config.restore?.timeout ?? DEFAULT_RESTORE_TIMEOUT;
@@ -3226,15 +3238,16 @@ const setupScrollRestoration = (config = {}) => {
     };
     // The browser restores the offset against the still-loading (much shorter) document, which is the
     // exact problem we are solving - take it over completely.
-    if (restoreEnabled && 'scrollRestoration' in history) {
+    const previousScrollRestoration = 'scrollRestoration' in history ? history.scrollRestoration : null;
+    if (restoreEnabled && previousScrollRestoration !== null) {
         history.scrollRestoration = 'manual';
     }
     /** Saved offsets keyed by the router's per-history-entry `navigationId`, in least-recent-first order. */
     const positions = new Map();
     // Mirrors Angular's own `RouterScroller`: the offset of the currently displayed page belongs to
     // the navigation that produced it, and a popstate reports the id of the entry it moves to.
-    let lastNavigationId = 0;
-    let restoredNavigationId = 0;
+    let lastNavigationId = null;
+    let restoredNavigationId = null;
     let isPopstate = false;
     let wantsRestore = false;
     let prev = { state: createRouterState(router), route: createRoute(router) };
@@ -3250,7 +3263,7 @@ const setupScrollRestoration = (config = {}) => {
         let cancelled = false;
         // The user scrolling always wins over a restoration we have not committed yet.
         const abortByUser = () => cancelPendingRestore();
-        const hardDeadline = Date.now() + Math.max(restoreTimeout, restoreMaxTimeout);
+        const hardDeadline = Date.now() + restoreMaxTimeout;
         let deadline = Date.now() + restoreTimeout;
         const step = () => {
             frame = 0;
@@ -3329,19 +3342,21 @@ const setupScrollRestoration = (config = {}) => {
             return;
         // Re-inserted rather than overwritten so map order stays least-recently-left first, which is both
         // what `findLastVisitedOffset` walks backwards and what the cap below evicts from.
-        positions.delete(lastNavigationId);
-        positions.set(lastNavigationId, {
-            top: resolveScrollElement().scrollTop,
-            route: prev.route,
-            search: serializeQueryParams(prev.state.queryParams),
-        });
+        if (lastNavigationId !== null) {
+            positions.delete(lastNavigationId);
+            positions.set(lastNavigationId, {
+                top: resolveScrollElement().scrollTop,
+                route: prev.route,
+                search: serializeQueryParams(prev.state.queryParams),
+            });
+        }
         if (positions.size > MAX_STORED_POSITIONS) {
             const oldest = positions.keys().next();
             if (!oldest.done)
                 positions.delete(oldest.value);
         }
         isPopstate = event.navigationTrigger === 'popstate';
-        restoredNavigationId = event.restoredState?.navigationId ?? 0;
+        restoredNavigationId = event.restoredState?.navigationId ?? null;
         // 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.
@@ -3363,10 +3378,10 @@ const setupScrollRestoration = (config = {}) => {
         else {
             // A skipped same url navigation is not a history move, so there is nothing to restore.
             isPopstate = false;
-            restoredNavigationId = 0;
+            restoredNavigationId = null;
         }
         if (restoreEnabled && isPopstate) {
-            const target = positions.get(restoredNavigationId);
+            const target = restoredNavigationId === null ? undefined : positions.get(restoredNavigationId);
             // The saved offset wins over both scroll to top and fragment scrolling: the user may well have
             // scrolled away from the anchor before leaving the page.
             if (target !== undefined) {
@@ -3420,22 +3435,31 @@ const setupScrollRestoration = (config = {}) => {
         }
         onNavigationEnd(event);
     });
+    destroyRef.onDestroy(() => {
+        cancelPendingRestore();
+        if (restoreEnabled && previousScrollRestoration !== null) {
+            history.scrollRestoration = previousScrollRestoration;
+        }
+    });
 };
 
 const DISABLE_LOGGER_PARAM = 'et-logger-quiet';
 const createLogger = (config) => {
     const { scope, feature } = config;
     const disableLogging = injectQueryParam(DISABLE_LOGGER_PARAM);
-    const writeLog = (...args) => {
-        if (disableLogging()) {
-            return;
-        }
-        console.log(...args);
-    };
     return {
-        log: (...args) => writeLog(`\x1B[32;40;24m[${scope} ${feature}]\x1B[m`, ...args),
-        warn: (...args) => writeLog(`\x1B[93;40;24m[${scope} ${feature}]\x1B[m`, ...args),
-        error: (...args) => writeLog(`\x1B[31;40;24m[${scope} ${feature}]\x1B[m`, ...args),
+        log: (...args) => {
+            if (!disableLogging())
+                console.log(`\x1B[32;40;24m[${scope} ${feature}]\x1B[m`, ...args);
+        },
+        warn: (...args) => {
+            if (!disableLogging())
+                console.warn(`\x1B[93;40;24m[${scope} ${feature}]\x1B[m`, ...args);
+        },
+        error: (...args) => {
+            if (!disableLogging())
+                console.error(`\x1B[31;40;24m[${scope} ${feature}]\x1B[m`, ...args);
+        },
     };
 };
 
@@ -3448,12 +3472,15 @@ const escapeHtmlPreservingEntities = (str) => str
     .replace(/</g, '&lt;')
     .replace(/>/g, '&gt;')
     .replace(/"/g, '&quot;');
-/** Rejects URL schemes that execute script when navigated. Whitespace/control characters are
- *  stripped before checking - browsers ignore them inside URLs, so `java\tscript:` would
- *  otherwise slip through. */
-const isSafeUrl = (url) => 
-// eslint-disable-next-line no-control-regex -- stripping control characters is the point: browsers ignore them inside URLs
-!/^(javascript|data|vbscript):/i.test(url.replace(/[\s\u0000-\u001f]/g, ''));
+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(/&(colon|tab|newline);/gi, (_, entity) => entity.toLowerCase() === 'colon' ? ':' : entity.toLowerCase() === 'tab' ? '\t' : '\n');
+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));
+};
 const unescapeHtml = (str) => str
     .replace(/&amp;/g, '&')
     .replace(/&lt;/g, '<')
@@ -3548,7 +3575,6 @@ const processInline = (text) => {
         .replace(placeholderRe('IC'), (_, i) => inlineCodes[+i] ?? '')
         .replace(placeholderRe('NTLINK'), (_, i) => newTabLinks[+i] ?? '');
 };
-// --- Nested list helpers (regex can't match balanced nesting, so these scan by tag depth) ---
 /** The first top-level `<ul>`/`<ol>` in `html`, matched with balanced nesting. */
 const findList = (html) => {
     const open = /<(ul|ol)\b[^>]*>/i.exec(html);
@@ -3981,7 +4007,6 @@ class RuntimeError extends Error {
     }
 }
 function formatRuntimeError(code, message) {
-    // prefix code with zeros if it's less than 100
     const codeWithZeros = code < 10 ? `00${code}` : code < 100 ? `0${code}` : code;
     const fullCode = `ET${codeWithZeros}`;
     return `${fullCode}${message ? ': ' + message : ''}`;
@@ -4113,11 +4138,13 @@ const createSwipeTracker = (startEvent) => {
         const positiveMovementX = Math.abs(movementX);
         const positiveMovementY = Math.abs(movementY);
         if (!isSwiping && !isScrolling) {
-            if (positiveMovementY > positiveMovementX) {
-                isScrolling = true;
-            }
-            else {
-                isSwiping = true;
+            if (positiveMovementY > 0 || positiveMovementX > 0) {
+                if (positiveMovementY > positiveMovementX) {
+                    isScrolling = true;
+                }
+                else {
+                    isSwiping = true;
+                }
             }
         }
         return {
@@ -4216,20 +4243,26 @@ const suppressTextSelection = (doc) => {
 
 const ANGULAR_ROOT_ELEMENT_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const appRef = inject(ApplicationRef);
+    const destroyRef = inject(DestroyRef);
     const rootElement = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "rootElement" }] : /* istanbul ignore next */ []));
+    let pollId = null;
     const poll = () => {
         const appComponents = appRef.components;
         if (appComponents.length > 0) {
             rootElement.set(appComponents[0]?.location.nativeElement);
         }
         else {
-            setTimeout(poll, 25);
+            pollId = setTimeout(poll, 25);
         }
     };
-    setTimeout(poll);
+    pollId = setTimeout(poll);
+    destroyRef.onDestroy(() => {
+        if (pollId !== null)
+            clearTimeout(pollId);
+    });
     return rootElement;
-});
+}, { name: 'Angular Root Element' });
 const injectAngularRootElement = /* @__PURE__ */ toInjectFn(ANGULAR_ROOT_ELEMENT_DEF);
 
 const BOUNDARY_ELEMENT_DEF = /* @__PURE__ */ defineProvider(() => {
@@ -4293,10 +4326,10 @@ const FOCUS_VISIBLE_TRACKER_DEF = /* @__PURE__ */ defineRootProvider(() => {
     ...(ngDevMode ? [{ debugName: "isFocusVisible" }] : /* istanbul ignore next */ []));
     let hadKeyboardEvent = false;
     const onKeyDown = (e) => {
-        if (e.key === 'Tab' || e.key === 'Shift' || e.key === 'Meta' || e.key === 'Alt' || e.key === 'Control') {
-            hadKeyboardEvent = true;
-            queueMicrotask(() => isFocusVisible.set(true));
-        }
+        if (e.metaKey || e.altKey || e.ctrlKey || ['Shift', 'Meta', 'Alt', 'Control'].includes(e.key))
+            return;
+        hadKeyboardEvent = true;
+        queueMicrotask(() => isFocusVisible.set(true));
     };
     const onPointerDown = () => {
         hadKeyboardEvent = false;
@@ -4471,6 +4504,9 @@ const createUserConsentProvider = (options) => ({
 });
 
 const nextFrame = (cb) => {
+    if (typeof requestAnimationFrame === 'undefined') {
+        return;
+    }
     requestAnimationFrame(() => {
         requestAnimationFrame(cb);
     });
@@ -4526,8 +4562,8 @@ class AnimatedLifecycleDirective {
         this.element = this.elementRef.nativeElement;
         this.isConstructed = false;
         this.transitionIdCounter = 0;
-        this.forcedAtFrameId = null;
-        this.currentFrameId = 0;
+        this.forcedThisFrame = false;
+        this.forcedFrameResetId = null;
         this.state$ = new BehaviorSubject('init');
         this.stateChange = outputFromObservable(this.state$);
         this.skipNextEnter = model(false, /* @ts-ignore */
@@ -4542,15 +4578,9 @@ class AnimatedLifecycleDirective {
             }
         }), takeUntilDestroyed())
             .subscribe();
-        this.trackFrameId();
-    }
-    trackFrameId() {
-        const updateFrameId = () => {
-            this.currentFrameId = requestAnimationFrame(updateFrameId);
-        };
-        this.currentFrameId = requestAnimationFrame(updateFrameId);
         this.destroyRef.onDestroy(() => {
-            cancelAnimationFrame(this.currentFrameId);
+            if (this.forcedFrameResetId !== null)
+                cancelAnimationFrame(this.forcedFrameResetId);
         });
     }
     ngAfterViewInit() {
@@ -4565,7 +4595,7 @@ class AnimatedLifecycleDirective {
             this.updateState('entered');
             this.skipNextEnter.set(false);
             this.addClass(ANIMATION_CLASSES.enterDone);
-            this.forcedAtFrameId = null;
+            this.forcedThisFrame = false;
             return;
         }
         const isInterrupting = currentState === 'leaving';
@@ -4575,8 +4605,8 @@ class AnimatedLifecycleDirective {
         this.cancelCurrentAnimation$ = new Subject();
         const transitionId = `enter-${++this.transitionIdCounter}`;
         this.animatable.setTransitionId(transitionId);
-        const skipAnimation = this.forcedAtFrameId !== null && this.forcedAtFrameId === this.currentFrameId;
-        this.forcedAtFrameId = null;
+        const skipAnimation = this.forcedThisFrame;
+        this.forcedThisFrame = false;
         this.debugLog(`enter: ${skipAnimation ? 'skip (forced this frame)' : isInterrupting ? 'interrupting leave' : 'normal'}`, {
             currentState,
             transitionId,
@@ -4634,7 +4664,7 @@ class AnimatedLifecycleDirective {
             this.debugLog('leave: instant (state is init, enter never ran)');
             this.updateState('left');
             this.addClass(ANIMATION_CLASSES.leaveDone);
-            this.forcedAtFrameId = null;
+            this.forcedThisFrame = false;
             return;
         }
         const isInterrupting = currentState === 'entering';
@@ -4644,8 +4674,8 @@ class AnimatedLifecycleDirective {
         this.cancelCurrentAnimation$ = new Subject();
         const transitionId = `leave-${++this.transitionIdCounter}`;
         this.animatable.setTransitionId(transitionId);
-        const skipAnimation = this.forcedAtFrameId !== null && this.forcedAtFrameId === this.currentFrameId;
-        this.forcedAtFrameId = null;
+        const skipAnimation = this.forcedThisFrame;
+        this.forcedThisFrame = false;
         this.debugLog(`leave: ${skipAnimation ? 'skip (forced this frame)' : isInterrupting ? 'interrupting enter' : 'normal'}`, {
             currentState,
             transitionId,
@@ -4700,14 +4730,25 @@ class AnimatedLifecycleDirective {
         this.updateState('entered');
         this.removeClasses(ANIMATION_CLASSES.enterFrom, ANIMATION_CLASSES.enterActive, ANIMATION_CLASSES.enterTo, ANIMATION_CLASSES.leaveFrom, ANIMATION_CLASSES.leaveActive, ANIMATION_CLASSES.leaveTo);
         this.addClass(ANIMATION_CLASSES.enterDone);
-        this.forcedAtFrameId = this.currentFrameId;
+        this.markForcedThisFrame();
     }
     forceLeftState() {
         this.cancelCurrentAnimation$.next();
         this.updateState('left');
         this.removeClasses(ANIMATION_CLASSES.enterFrom, ANIMATION_CLASSES.enterActive, ANIMATION_CLASSES.enterTo, ANIMATION_CLASSES.leaveFrom, ANIMATION_CLASSES.leaveActive, ANIMATION_CLASSES.leaveTo);
         this.addClass(ANIMATION_CLASSES.leaveDone);
-        this.forcedAtFrameId = this.currentFrameId;
+        this.markForcedThisFrame();
+    }
+    markForcedThisFrame() {
+        this.forcedThisFrame = true;
+        if (typeof requestAnimationFrame === 'undefined')
+            return;
+        if (this.forcedFrameResetId !== null)
+            cancelAnimationFrame(this.forcedFrameResetId);
+        this.forcedFrameResetId = requestAnimationFrame(() => {
+            this.forcedThisFrame = false;
+            this.forcedFrameResetId = null;
+        });
     }
     handleNormalTransition(config) {
         const { fromClass, activeClass, toClass, expectedState, transitionId, onComplete, cancelSignal } = config;
@@ -4825,7 +4866,7 @@ class AnimatedIfDirective {
                 return of(null);
             }
             this.animatedLifecycle.leave();
-            return this.animatedLifecycle.state$.pipe(filter((state) => state === 'left'), tap(() => {
+            return this.animatedLifecycle.state$.pipe(filter((state) => state === 'left'), take(1), tap(() => {
                 this.viewContainerRef.clear();
                 this.hasView = false;
             }));
@@ -4897,16 +4938,23 @@ const createFlipAnimation = (config) => {
         onCancel$.next();
     };
     const cleanup = () => {
-        if (!animation) {
+        const currentAnimation = animation;
+        if (!currentAnimation) {
             return;
         }
-        animation.removeEventListener('finish', onAnimationFinish);
-        animation.removeEventListener('cancel', onAnimationCancel);
+        currentAnimation.removeEventListener('finish', onAnimationFinish);
+        currentAnimation.removeEventListener('cancel', onAnimationCancel);
+        animation = null;
+        currentAnimation.cancel();
     };
     const updateInit = () => {
         initialRect = originElement.getBoundingClientRect();
     };
     const play = () => {
+        if (animation) {
+            cleanup();
+            onCancel$.next();
+        }
         const lastRect = el.getBoundingClientRect();
         const delta = {
             x: initialRect.left - lastRect.left,
@@ -4940,8 +4988,10 @@ const createFlipAnimation = (config) => {
         onStart$.next();
     };
     const cancel = () => {
-        animation?.cancel();
+        if (!animation)
+            return;
         cleanup();
+        onCancel$.next();
     };
     return {
         updateInit,
@@ -5108,36 +5158,38 @@ const applyHeadBinding = (binding, applyFn, removeFn, isValid) => {
 const createPropertyBinding = (configBuilder, applyConfigFn) => {
     return (binding) => {
         applyConfigFn(computed(() => {
-            const value = untracked(() => (isSignal(binding) ? binding() : binding));
+            const value = isSignal(binding) ? binding() : binding;
             return value ? configBuilder(value) : null;
         }));
     };
 };
 const createArrayPropertyBinding = (configBuilder, applyConfigFn) => {
     return (binding) => {
+        const injector = inject(Injector);
         const valuesSignal = isSignal(binding) ? binding : signal(binding);
-        const valuesList = computed(() => untracked(() => valuesSignal()) ?? [], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "valuesList" }] : /* istanbul ignore next */ []));
-        valuesList().forEach((value, index) => {
-            applyConfigFn(computed(() => configBuilder(value, index)));
+        let bindingCount = 0;
+        effect(() => {
+            const values = valuesSignal() ?? [];
+            untracked(() => {
+                while (bindingCount < values.length) {
+                    const index = bindingCount++;
+                    runInInjectionContext(injector, () => {
+                        applyConfigFn(computed(() => {
+                            const value = valuesSignal()?.[index];
+                            return value === undefined ? null : configBuilder(value, index);
+                        }));
+                    });
+                }
+            });
         });
     };
 };
 const toStringBinding = (binding) => {
     return computed(() => {
-        const value = untracked(() => (isSignal(binding) ? binding() : binding));
+        const value = isSignal(binding) ? binding() : binding;
         return value !== null && value !== undefined ? String(value) : null;
     });
 };
-const createBulkPropertyBinding = (_propertyPrefix, applyConfigFn) => {
-    return (config) => {
-        Object.entries(config).forEach(([key, value]) => {
-            if (value !== undefined) {
-                applyConfigFn(key, value);
-            }
-        });
-    };
-};
 
 /** The rendered favicon is this many device-independent pixels square. */
 const FAVICON_SIZE = 64;
@@ -5486,7 +5538,7 @@ const applyLinkBinding = (binding) => {
 const applyCanonicalBinding = /* @__PURE__ */ createPropertyBinding((href) => ({ rel: 'canonical', href }), applyLinkBinding);
 const applyAlternateBinding = (hreflang, binding) => {
     applyLinkBinding(computed(() => {
-        const url = untracked(() => (isSignal(binding) ? binding() : binding));
+        const url = isSignal(binding) ? binding() : binding;
         return url ? { rel: 'alternate', hreflang, href: url } : null;
     }));
 };
@@ -5705,6 +5757,8 @@ const META_STORE_DEF = /* @__PURE__ */ defineRootProvider(() => {
             return `http-equiv="${config.httpEquiv}"`;
         if (config.itemprop)
             return `itemprop="${config.itemprop}"`;
+        if (config.charset)
+            return `charset="${config.charset}"`;
         return config.key ?? '';
     };
     const isMultiInstanceTag = (selector) => {
@@ -5815,14 +5869,14 @@ const applyMetaBinding = (binding) => {
 const applyDescriptionBinding = /* @__PURE__ */ createPropertyBinding((content) => ({ name: 'description', content }), applyMetaBinding);
 const applyKeywordsBinding = (binding) => {
     applyMetaBinding(computed(() => {
-        const keywords = untracked(() => (isSignal(binding) ? binding() : binding));
+        const keywords = isSignal(binding) ? binding() : binding;
         return keywords && keywords.length > 0 ? { name: 'keywords', content: keywords.join(', ') } : null;
     }));
 };
 const applyAuthorBinding = /* @__PURE__ */ createPropertyBinding((content) => ({ name: 'author', content }), applyMetaBinding);
 const applyRobotsBinding = (binding) => {
     applyMetaBinding(computed(() => {
-        const config = untracked(() => (isSignal(binding) ? binding() : binding));
+        const config = isSignal(binding) ? binding() : binding;
         if (!config)
             return null;
         const directives = [];
@@ -5950,19 +6004,19 @@ const applySocialMediaBindings = (config) => {
         applyDescriptionBinding(config.description);
     if (config.openGraph || config.title || config.description || config.image || config.url) {
         applyOpenGraphBindings({
+            ...config.openGraph,
             title: config.openGraph?.title ?? config.title,
             description: config.openGraph?.description ?? config.description,
             image: config.openGraph?.image ?? config.image,
             url: config.openGraph?.url ?? config.url,
-            ...config.openGraph,
         });
     }
     if (config.twitter || config.title || config.description || config.image) {
         applyTwitterCardBindings({
+            ...config.twitter,
             title: config.twitter?.title ?? config.title,
             description: config.twitter?.description ?? config.description,
             image: config.twitter?.image ?? config.image,
-            ...config.twitter,
         });
     }
     if (config.article)
@@ -5992,9 +6046,6 @@ const STRUCTURED_DATA_STORE_DEF = /* @__PURE__ */ defineRootProvider(() => {
             }
             const script = renderer.createElement('script');
             renderer.setAttributes(script, { type: 'application/ld+json' });
-            // The JSON is the script's *content*, not an attribute. Written as text rather than markup so a
-            // `</script>` inside a string can't close the tag early - the escaping problem
-            // `StructuredDataComponent` has to solve by hand because it goes through `innerHTML`.
             renderer.setTextContent(script, JSON.stringify(data));
             const target = getTargetElement();
             renderer.appendChild(target, script);
@@ -6033,7 +6084,7 @@ class StructuredDataComponent {
             if (!data) {
                 return null;
             }
-            const json = data ? JSON.stringify(data, null, 2).replace(/<\/script>/g, '<\\/script>') : '';
+            const json = JSON.stringify(data, null, 2).replace(/</g, '\\u003C');
             const html = `<script type="application/ld+json">${json}</script>`;
             return this.sanitizer.bypassSecurityTrustHtml(html);
         }, /* @ts-ignore */
@@ -6060,19 +6111,18 @@ const UNSAVED_CHANGES_TITLE_MARKER = '●';
 // The badge is a single app-wide surface, so every lock that wants one registers here and the badge
 // is derived from all of them - otherwise the first tracker to go clean would clear a badge that
 // another one still needs.
-const BADGE_HOLDERS = /* @__PURE__ */ new Map();
-const syncAppBadge = () => {
-    const nav = typeof navigator === 'undefined' ? null : navigator;
+const BADGE_HOLDERS = /* @__PURE__ */ new WeakMap();
+const syncAppBadge = (nav, badgeHolders) => {
     if (!nav?.setAppBadge || !nav.clearAppBadge) {
         return;
     }
     // Unsupported, or not installed - the promise rejects instead of throwing synchronously.
     const ignore = () => undefined;
-    if (!BADGE_HOLDERS.size) {
+    if (!badgeHolders.size) {
         nav.clearAppBadge().catch(ignore);
         return;
     }
-    const count = Array.from(BADGE_HOLDERS.values()).reduce((total, contents) => (typeof contents === 'number' ? total + contents : total), 0);
+    const count = Array.from(badgeHolders.values()).reduce((total, contents) => (typeof contents === 'number' ? total + contents : total), 0);
     // `setAppBadge()` without a count renders a plain dot.
     nav.setAppBadge(count || undefined).catch(ignore);
 };
@@ -6104,9 +6154,10 @@ const createUnsavedChangesTabLock = (config) => {
     // Blinking needs something to blink, so it implies the default marker.
     const titleMarker = config.titleMarker === true
         ? UNSAVED_CHANGES_TITLE_MARKER
-        : (config.titleMarker ?? (flash && !favicon ? UNSAVED_CHANGES_TITLE_MARKER : null));
+        : (config.titleMarker ?? (flash ? UNSAVED_CHANGES_TITLE_MARKER : null));
     const destroyRef = inject(DestroyRef);
     const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    const navigator = inject(DOCUMENT).defaultView?.navigator;
     const releaseFns = [];
     // The blink phase. Always `true` unless flashing is on, so the marker/favicon effects below can read
     // one signal either way.
@@ -6197,26 +6248,31 @@ const createUnsavedChangesTabLock = (config) => {
             detach();
         });
     }
-    if (isBrowser && badge !== false) {
+    if (isBrowser && navigator && badge !== false) {
         const badgeId = Symbol('unsaved-changes-badge');
         const contents = badge === true ? true : badge;
+        let badgeHolders = BADGE_HOLDERS.get(navigator);
+        if (!badgeHolders) {
+            badgeHolders = new Map();
+            BADGE_HOLDERS.set(navigator, badgeHolders);
+        }
         const badgeEffect = effect(() => {
             const dirty = hasChanges();
             untracked(() => {
                 if (dirty) {
-                    BADGE_HOLDERS.set(badgeId, contents);
+                    badgeHolders.set(badgeId, contents);
                 }
                 else {
-                    BADGE_HOLDERS.delete(badgeId);
+                    badgeHolders.delete(badgeId);
                 }
-                syncAppBadge();
+                syncAppBadge(navigator, badgeHolders);
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "badgeEffect" }] : /* istanbul ignore next */ []));
         releaseFns.push(() => {
             badgeEffect.destroy();
-            BADGE_HOLDERS.delete(badgeId);
-            syncAppBadge();
+            badgeHolders.delete(badgeId);
+            syncAppBadge(navigator, badgeHolders);
         });
     }
     const destroy = () => {
@@ -6282,6 +6338,9 @@ const createUnsavedChangesTracker = (config) => {
             return false;
         }
         const defaultValue = _defaultValue();
+        if (defaultValue === null || defaultValue === undefined) {
+            return false;
+        }
         return !(compareFn ? compareFn(current, defaultValue) : equal(current, defaultValue));
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hasChanges" }] : /* istanbul ignore next */ []));
@@ -6347,7 +6406,7 @@ 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]'))
+const readBuildFingerprint = (document) => Array.from(document.head.querySelectorAll('script[src]'))
     .map((script) => script.getAttribute('src') ?? '')
     .filter((source) => !!source && !isCrossOrigin(source))
     .sort()
@@ -6420,7 +6479,7 @@ const isStaleBuildError = (error) => {
 };
 
 const RELOADED_AT_KEY = 'et-app-update-reloaded-at';
-const APP_UPDATES_CONFIG_DEF = /* @__PURE__ */ defineStaticProvider({
+const APP_UPDATES_CONFIG_DEF = /* @__PURE__ */ defineStaticRootProvider({
     entryUrl: '/',
     pollInterval: 300_000,
     minCheckInterval: 30_000,
@@ -6634,30 +6693,15 @@ class RepeatDirective {
         this.mainTemplateRef = inject(TemplateRef);
         this.viewContainerRef = inject(ViewContainerRef);
         this.repeatCount = input(2, { ...(ngDevMode ? { debugName: "repeatCount" } : /* istanbul ignore next */ {}), alias: 'etRepeat', transform: numberAttribute });
-        this.views = linkedSignal({ ...(ngDevMode ? { debugName: "views" } : /* istanbul ignore next */ {}), source: this.repeatCount,
-            computation: (count, previous) => {
-                const prevCount = previous?.source ?? 0;
-                const views = previous?.value ?? [];
-                if (count === prevCount && previous?.value) {
-                    return previous.value;
-                }
-                const viewsToCreate = count - prevCount;
-                if (viewsToCreate > 0) {
-                    for (let i = 0; i < viewsToCreate; i++) {
-                        views.push(this.viewContainerRef.createEmbeddedView(this.mainTemplateRef));
-                    }
-                }
-                else if (viewsToCreate < 0) {
-                    for (let i = 0; i < -viewsToCreate; i++) {
-                        this.viewContainerRef.remove(this.viewContainerRef.length - 1);
-                    }
-                    views.splice(viewsToCreate);
-                }
-                return views;
-            } });
-        // Ugly but needed to trigger the linked signal.
-        // Otherwise it has no consumers and won't run.
-        effect(() => this.views());
+        effect(() => {
+            const count = Math.max(0, this.repeatCount());
+            while (this.viewContainerRef.length < count) {
+                this.viewContainerRef.createEmbeddedView(this.mainTemplateRef);
+            }
+            while (this.viewContainerRef.length > count) {
+                this.viewContainerRef.remove(this.viewContainerRef.length - 1);
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: RepeatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: { classPropertyName: "repeatCount", publicName: "etRepeat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
@@ -6727,11 +6771,15 @@ class ScrollObserverDirective {
         this.isAtEnd = computed(() => this._endIntersection()[0]?.isIntersecting ?? false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isAtEnd" }] : /* istanbul ignore next */ []));
     }
-    _registerStart(el) {
+    /** @internal */
+    registerStart(el) {
         this._startEl.set(el);
+        return () => this._startEl.update((current) => (current === el ? null : current));
     }
-    _registerEnd(el) {
+    /** @internal */
+    registerEnd(el) {
         this._endEl.set(el);
+        return () => this._endEl.update((current) => (current === el ? null : current));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ScrollObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: ScrollObserverDirective, isStandalone: true, selector: "[etScrollObserver]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enabled: "enabledChange" }, exportAs: ["etScrollObserver"], ngImport: i0 }); }
@@ -6748,7 +6796,7 @@ class ScrollObserverEndDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.host = inject(ScrollObserverDirective);
-        this.host._registerEnd(this.elementRef);
+        inject(DestroyRef).onDestroy(this.host.registerEnd(this.elementRef));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ScrollObserverEndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: ScrollObserverEndDirective, isStandalone: true, selector: "[etScrollObserverEnd]", ngImport: i0 }); }
@@ -6764,7 +6812,7 @@ class ScrollObserverStartDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.host = inject(ScrollObserverDirective);
-        this.host._registerStart(this.elementRef);
+        inject(DestroyRef).onDestroy(this.host.registerStart(this.elementRef));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ScrollObserverStartDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: ScrollObserverStartDirective, isStandalone: true, selector: "[etScrollObserverStart]", ngImport: i0 }); }
@@ -6788,6 +6836,7 @@ const capturePointer = (el, pointerId) => {
 };
 const setupDragObservable = (startEvent, el, commitThreshold) => {
     const { pointerId, clientX: startX, clientY: startY } = startEvent;
+    const document = el.ownerDocument;
     let cancelled = false;
     let endX = startX;
     let endY = startY;
@@ -7198,7 +7247,12 @@ const applyInitialFocus = (paneElement, autoFocus, document) => {
         focusElement(getFocusableElements(paneElement, document)[0] ?? paneElement);
         return;
     }
-    focusElement(paneElement.querySelector(autoFocus) ?? paneElement);
+    try {
+        focusElement(paneElement.querySelector(autoFocus) ?? paneElement);
+    }
+    catch {
+        focusElement(paneElement);
+    }
 };
 const setupFocusTrap = (paneElement, overlayRef, enabled, isTopMost, document) => {
     if (!enabled) {
@@ -7217,6 +7271,11 @@ const setupFocusTrap = (paneElement, overlayRef, enabled, isTopMost, document) =
         const firstElement = focusableElements[0];
         const lastElement = focusableElements[focusableElements.length - 1];
         const activeElement = document.activeElement;
+        if (!activeElement || !paneElement.contains(activeElement)) {
+            event.preventDefault();
+            focusElement(event.shiftKey ? (lastElement ?? null) : (firstElement ?? null));
+            return;
+        }
         if (event.shiftKey && activeElement === firstElement) {
             event.preventDefault();
             focusElement(lastElement ?? null);
@@ -7227,9 +7286,9 @@ const setupFocusTrap = (paneElement, overlayRef, enabled, isTopMost, document) =
             focusElement(firstElement ?? null);
         }
     };
-    paneElement.addEventListener('keydown', onKeyDown);
+    document.addEventListener('keydown', onKeyDown, true);
     return () => {
-        paneElement.removeEventListener('keydown', onKeyDown);
+        document.removeEventListener('keydown', onKeyDown, true);
     };
 };
 
@@ -7417,6 +7476,9 @@ const resetPositioningStyles = (config, hostElement, paneElement, renderer) => {
         '--et-overlay-anchored-y': null,
     });
     renderer.removeAttribute(paneElement, 'data-overlay-placement');
+    const arrowElement = paneElement.querySelector('[et-floating-arrow]');
+    if (arrowElement)
+        renderer.setCssProperty(arrowElement, '--et-floating-arrow-translate', null);
     setBaseElementStyles(config, hostElement, paneElement, renderer);
 };
 let anchoredPositionSetup = null;
@@ -7570,7 +7632,10 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
             renderer.setStyle(paneElement, { visibility: 'hidden' });
         }
     };
+    let updateId = 0;
+    let destroyed = false;
     const update = () => {
+        const currentUpdateId = ++updateId;
         // Checked here rather than left to the `hide` middleware, which is only in the list when `autoHide`
         // or `autoCloseIfReferenceHidden` asked for it: a trigger destroyed while its overlay is open (a
         // menu item that removes the button it was opened from) would otherwise fly to the corner for the
@@ -7588,7 +7653,7 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
             ? flip({
                 fallbackPlacements: strategy.fallbackPlacements ?? undefined,
                 fallbackAxisSideDirection: 'start',
-                padding: insets,
+                padding: viewportPadding,
                 boundary: strategy.boundary,
             })
             : preferredSide({
@@ -7651,6 +7716,8 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
             strategy: 'absolute',
             middleware,
         }).then(({ x, y, placement, middlewareData }) => {
+            if (destroyed || currentUpdateId !== updateId)
+                return;
             if (middlewareData.hide?.referenceHidden) {
                 handleUnusableReference();
                 return;
@@ -7676,6 +7743,8 @@ const createAnchoredPositionCleanup = (strategy, paneElement, overlayRef, render
     // scrolling anything `autoUpdate` watches.
     const stopInsetUpdates = onOverlayViewportInsetsChange(update);
     return () => {
+        destroyed = true;
+        updateId++;
         cleanup();
         stopInsetUpdates();
     };
@@ -7711,6 +7780,7 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
     const _componentInstance = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_componentInstance" }] : /* istanbul ignore next */ []));
     let positionUpdater = null;
+    let backdropUpdater = null;
     const beforeOpenedSubject = new Subject();
     const afterOpenedSubject = new Subject();
     const beforeClosedSubject = new Subject();
@@ -7722,7 +7792,7 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
         elements,
         state: _state.asReadonly(),
         componentInstance: _componentInstance.asReadonly(),
-        // Internal - driven by overlay-runtime.ts
+        /** @internal */
         beforeOpenedSubject,
         close(result, source = 'api') {
             if (_state() === 'closing' || _state() === 'closed') {
@@ -7763,6 +7833,7 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
         afterClosed() {
             return afterClosedSubject.asObservable();
         },
+        /** @internal */
         attachComponentRef(componentRef) {
             _componentInstance.set(componentRef.instance);
         },
@@ -7776,6 +7847,21 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             }
             positionUpdater?.(strategy);
         },
+        /** @internal */
+        attachBackdropUpdater(updater) {
+            backdropUpdater = updater;
+        },
+        /**
+         * Adds or removes the backdrop of an open overlay. `elements.backdropElement` follows.
+         * A closing overlay keeps the backdrop it has, so its leave transition stays intact.
+         */
+        updateBackdrop(hasBackdrop) {
+            if (_state() === 'closing' || _state() === 'closed') {
+                return;
+            }
+            backdropUpdater?.(hasBackdrop);
+        },
+        /** @internal */
         markOpened() {
             if (_state() !== 'mounting') {
                 return;
@@ -7784,6 +7870,7 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             afterOpenedSubject.next();
             afterOpenedSubject.complete();
         },
+        /** @internal */
         beginClose(closeEvent) {
             if (_state() === 'closing' || _state() === 'closed') {
                 return false;
@@ -7793,6 +7880,7 @@ const createOverlayRuntimeRef = (id, config, elements, requestClose) => {
             beforeClosedSubject.complete();
             return true;
         },
+        /** @internal */
         finishClose(closeEvent) {
             if (_state() === 'closed') {
                 return;
@@ -7813,8 +7901,7 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const renderer = injectRenderer();
     const openEntriesState = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "openEntriesState" }] : /* istanbul ignore next */ []));
-    const openEntries = computed(() => openEntriesState(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "openEntries" }] : /* istanbul ignore next */ []));
+    const openEntries = openEntriesState.asReadonly();
     // One runtime root per document and stacking level: overlays usually all mount into the app's
     // document at the default level, but an overlay anchored inside a same-origin pop-up window
     // (config.document) needs a root over there, and one opened from inside something that paints
@@ -7826,12 +7913,6 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
     const getRootElement = (targetDocument, zIndex) => {
         let documentRoots = rootElements.get(targetDocument);
         if (!documentRoots) {
-            // A previous Angular app (e.g. the one that existed before a Storybook HMR update or story
-            // switch) may have left its runtime root orphaned in <body> if it was torn down mid-animation.
-            // Such a node keeps a backdrop/pane on screen and blocks pointer events, so clear any stragglers
-            // before creating ours. Only on the document's first root - a second level must not remove the
-            // first one's still-mounted overlays.
-            targetDocument.querySelectorAll('.et-overlay-runtime-root').forEach((el) => el.remove());
             documentRoots = new Map();
             rootElements.set(targetDocument, documentRoots);
         }
@@ -7877,7 +7958,13 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         }
     };
     const isTopMost = (overlayRef) => {
-        return openEntriesState().at(-1) === overlayRef;
+        const entries = openEntriesState();
+        for (let index = entries.length - 1; index >= 0; index--) {
+            const entry = entries[index];
+            if (entry && entry.state() !== 'closing' && entry.state() !== 'closed')
+                return entry === overlayRef;
+        }
+        return false;
     };
     const getAnimatedLifecycle = (componentRef) => {
         const componentLifecycle = componentRef.instance.animatedLifecycle?.();
@@ -7892,11 +7979,27 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         const root = getRootElement(targetDocument, layer);
         const hostElement = renderer.createElement('div');
         const paneElement = renderer.createElement('div');
-        const backdropElement = config.hasBackdrop === false ? null : renderer.createElement('div');
+        const backdropElement = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backdropElement" }] : /* istanbul ignore next */ []));
         const previousFocusedElement = isHTMLElement(targetDocument.activeElement) ? targetDocument.activeElement : null;
         const autoFocus = config.autoFocus ?? 'first-tabbable';
+        let currentHasBackdrop = config.hasBackdrop !== false;
+        let currentPositionStrategy = config.positionStrategy;
+        const activeConfig = () => ({
+            ...config,
+            positionStrategy: currentPositionStrategy,
+            hasBackdrop: currentHasBackdrop,
+        });
+        const createBackdropElement = () => {
+            const element = renderer.createElement('div');
+            renderer.addClass(element, 'et-overlay-runtime-backdrop');
+            setBackdropStyles(element, renderer);
+            renderer.setAttribute(element, 'data-overlay-id', config.id);
+            (config.backdropClass ?? []).forEach((className) => renderer.addClass(element, className));
+            return element;
+        };
         renderer.addClass(hostElement, 'et-overlay-runtime-entry');
-        setBaseElementStyles(config, hostElement, paneElement, renderer);
+        setBaseElementStyles(activeConfig(), hostElement, paneElement, renderer);
         renderer.setAttributes(hostElement, {
             'data-overlay-id': config.id,
             role: config.role ?? null,
@@ -7907,19 +8010,17 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
             'aria-label': config.ariaLabel ?? null,
         });
         renderer.addClass(hostElement, ...(config.hostClass ?? []));
-        if (backdropElement) {
-            renderer.addClass(backdropElement, 'et-overlay-runtime-backdrop');
-            setBackdropStyles(backdropElement, renderer);
-            renderer.setAttribute(backdropElement, 'data-overlay-id', config.id);
-            (config.backdropClass ?? []).forEach((className) => renderer.addClass(backdropElement, className));
-            renderer.appendChild(hostElement, backdropElement);
+        if (currentHasBackdrop) {
+            const element = createBackdropElement();
+            renderer.appendChild(hostElement, element);
+            backdropElement.set(element);
         }
         renderer.appendChild(hostElement, paneElement);
         renderer.appendChild(root, hostElement);
         const overlayRef = createOverlayRuntimeRef(config.id, { ...config }, {
             rootElement: root,
             hostElement,
-            backdropElement,
+            backdropElement: backdropElement.asReadonly(),
             paneElement,
         }, (result, source) => beginClose({ result, source }));
         animationDebugLog(`runtime ${config.id}`, 'mount');
@@ -7928,12 +8029,14 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         let interactiveCloseReady = false;
         const cleanupFns = [];
         const parentInjector = config.injector ?? config.viewContainerRef?.injector ?? environmentInjector;
+        const parentEnvironmentInjector = parentInjector.get(EnvironmentInjector, environmentInjector);
+        const overlayEnvironmentInjector = createEnvironmentInjector(config.providers ?? [], parentEnvironmentInjector);
         const elementInjector = Injector.create({
             parent: parentInjector,
-            providers: config.providers ?? [],
+            providers: [],
         });
         const componentRef = createComponent(config.component, {
-            environmentInjector,
+            environmentInjector: overlayEnvironmentInjector,
             elementInjector,
             hostElement: paneElement,
             bindings: config.bindings ?? [],
@@ -7946,23 +8049,47 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         overlayRef.beforeOpenedSubject.next();
         overlayRef.beforeOpenedSubject.complete();
         openEntriesState.update((entries) => [...entries, overlayRef]);
-        let positionCleanup = setupPositioning(config, hostElement, paneElement, overlayRef, renderer);
+        let positionCleanup = setupPositioning(activeConfig(), hostElement, paneElement, overlayRef, renderer);
         cleanupFns.push(() => positionCleanup());
-        let currentPositionStrategy = config.positionStrategy;
         const getOriginElement = () => currentPositionStrategy?.kind === 'anchored' && isHTMLElement(currentPositionStrategy.referenceElement)
             ? currentPositionStrategy.referenceElement
             : null;
         overlayRef.attachPositionUpdater((strategy) => {
             currentPositionStrategy = strategy;
             positionCleanup();
-            resetPositioningStyles(config, hostElement, paneElement, renderer);
-            positionCleanup = setupPositioning({ ...config, positionStrategy: strategy }, hostElement, paneElement, overlayRef, renderer);
+            resetPositioningStyles(activeConfig(), hostElement, paneElement, renderer);
+            positionCleanup = setupPositioning(activeConfig(), hostElement, paneElement, overlayRef, renderer);
+        });
+        overlayRef.attachBackdropUpdater((hasBackdrop) => {
+            if (hasBackdrop === currentHasBackdrop) {
+                return;
+            }
+            currentHasBackdrop = hasBackdrop;
+            if (hasBackdrop) {
+                const element = createBackdropElement();
+                renderer.insertBefore(hostElement, element, paneElement);
+                backdropElement.set(element);
+            }
+            else {
+                const element = backdropElement();
+                if (element) {
+                    renderer.removeChild(hostElement, element);
+                    backdropElement.set(null);
+                }
+            }
+            renderer.setStyle(hostElement, { pointerEvents: hasBackdrop ? 'auto' : 'none' });
         });
         const destroyMountedOverlay = (closeEvent) => {
             animationDebugLog(`runtime ${config.id}`, `destroy (source "${closeEvent.source}")`);
             cleanupFns.forEach((cleanup) => cleanup());
             appRef.detachView(componentRef.hostView);
             componentRef.destroy();
+            // Angular does not own this injector, so nothing else tears down what the overlay's own
+            // providers registered on it - their `DestroyRef` hooks and effects would outlive the overlay.
+            if (!elementInjector.destroyed) {
+                elementInjector.destroy();
+            }
+            overlayEnvironmentInjector.destroy();
             const parentNode = renderer.parentNode(hostElement);
             if (parentNode) {
                 renderer.removeChild(parentNode, hostElement);
@@ -7976,7 +8103,11 @@ const OVERLAY_RUNTIME_DEF = /* @__PURE__ */ defineRootProvider(() => {
         };
         // Allows the runtime to synchronously destroy this overlay on app teardown, bypassing the
         // async leave animation (whose completion callback would never fire once the app is gone).
-        const forceTeardown = () => destroyMountedOverlay({ result: undefined, source: 'api' });
+        const forceTeardown = () => {
+            const closeEvent = { result: undefined, source: 'api' };
+            overlayRef.beginClose(closeEvent);
+            destroyMountedOverlay(closeEvent);
+        };
         mountedTeardowns.add(forceTeardown);
         cleanupFns.push(() => mountedTeardowns.delete(forceTeardown));
         const beginClose = (closeEvent) => {
@@ -8111,7 +8242,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             type: Pipe,
             args: [{ name: 'etNormalizeGameResultType' }]
         }] });
-// TODO(TRB): Add correct type once provided by API
 const normalizeGameResultType = (type) => {
     if (!type) {
         return null;
@@ -8157,81 +8287,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             args: [{ name: 'etNormalizeMatchState' }]
         }] });
 const normalizeMatchState = (match) => {
+    if (!match) {
+        return null;
+    }
     if (match?.isCompletedByReferee) {
-        return "autoWin" /* MatchStateType.AUTO_WIN */;
+        return MatchStateType.AUTO_WIN;
     }
     else if (match?.status === 'preparing') {
-        return "preMatch" /* MatchStateType.PRE_MATCH */;
+        return MatchStateType.PRE_MATCH;
     }
     else if (match?.status === 'started') {
-        return "live" /* MatchStateType.LIVE */;
+        return MatchStateType.LIVE;
     }
     else if (match?.status === 'published' || match?.status === 'finished') {
-        return "postMatch" /* MatchStateType.POST_MATCH */;
+        return MatchStateType.POST_MATCH;
     }
-    else if (match?.round.state !== 'preparing') {
-        return "preparingRound" /* MatchStateType.PREPARING_ROUND */;
+    else if (match.round.state === 'preparing') {
+        return MatchStateType.PREPARING_ROUND;
     }
     return null;
 };
 
-class NormalizeMatchParticipantsPipe {
-    constructor() {
-        this.transform = normalizeMatchParticipants;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'etNormalizeMatchParticipants' }]
-        }] });
-const normalizeMatchParticipants = (match) => {
-    const matchState = normalizeMatchState(match);
-    if (!match || !matchState) {
-        return null;
-    }
-    return {
-        home: normalizeMatchParticipant(match, 'home'),
-        away: normalizeMatchParticipant(match, 'away'),
-    };
-};
-const normalizeMatchParticipant = (match, side) => {
-    const matchState = normalizeMatchState(match);
-    if (!match || !matchState) {
-        return null;
-    }
-    const participant = match[side];
-    const participantType = match.home?.type ?? match.away?.type ?? 'unknown';
-    if (!participant) {
-        if (matchState === "postMatch" /* MatchStateType.POST_MATCH */ || matchState === "autoWin" /* MatchStateType.AUTO_WIN */) {
-            return {
-                participantType,
-                type: 'none',
-                i18n: 'match-participant.none',
-                text: 'No opponent',
-                data: participant,
-            };
-        }
-        else {
-            return {
-                participantType,
-                type: 'tbd',
-                i18n: 'match-participant.tbd',
-                text: 'TBD',
-                data: participant,
-            };
-        }
-    }
-    else {
-        return {
-            participantType,
-            type: 'participant',
-            data: participant,
-        };
-    }
-};
-
 class NormalizeMatchScorePipe {
     constructor() {
         this.transform = normalizeMatchScore;
@@ -8243,6 +8319,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             type: Pipe,
             args: [{ name: 'etNormalizeMatchScore' }]
         }] });
+const MatchStateType = {
+    PREPARING_ROUND: 'preparingRound',
+    PRE_MATCH: 'preMatch',
+    LIVE: 'live',
+    POST_MATCH: 'postMatch',
+    AUTO_WIN: 'autoWin',
+};
 const EMPTY_SCORE = {
     home: { score: 'match-score.placeholder', isWinner: false },
     away: { score: 'match-score.placeholder', isWinner: false },
@@ -8259,7 +8342,7 @@ const normalizeMatchScore = (match) => {
         return { ...EMPTY_SCORE, subLine, isNumeric: false };
     }
     if (isKnockoutMatch(match)) {
-        if (matchState === "preMatch" /* MatchStateType.PRE_MATCH */ || matchState === "live" /* MatchStateType.LIVE */) {
+        if (matchState === MatchStateType.PRE_MATCH || matchState === MatchStateType.LIVE) {
             return { ...EMPTY_SCORE, subLine, isNumeric: false };
         }
         return {
@@ -8277,7 +8360,6 @@ const normalizeMatchScore = (match) => {
     }
     else if (isGroupMatch(match)) {
         if (match.games.length === 1) {
-            // Return the score if only one game has been played
             return {
                 ...getGroupMatchScore(match),
                 subLine,
@@ -8368,6 +8450,63 @@ const getGroupMatchPoints = (match) => {
     };
 };
 
+class NormalizeMatchParticipantsPipe {
+    constructor() {
+        this.transform = normalizeMatchParticipants;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'etNormalizeMatchParticipants' }]
+        }] });
+const normalizeMatchParticipants = (match) => {
+    const matchState = normalizeMatchState(match);
+    if (!match || !matchState) {
+        return null;
+    }
+    return {
+        home: normalizeMatchParticipant(match, 'home'),
+        away: normalizeMatchParticipant(match, 'away'),
+    };
+};
+const normalizeMatchParticipant = (match, side) => {
+    const matchState = normalizeMatchState(match);
+    if (!match || !matchState) {
+        return null;
+    }
+    const participant = match[side];
+    const participantType = match.home?.type ?? match.away?.type ?? 'unknown';
+    if (!participant) {
+        if (matchState === MatchStateType.POST_MATCH || matchState === MatchStateType.AUTO_WIN) {
+            return {
+                participantType,
+                type: 'none',
+                i18n: 'match-participant.none',
+                text: 'No opponent',
+                data: participant,
+            };
+        }
+        else {
+            return {
+                participantType,
+                type: 'tbd',
+                i18n: 'match-participant.tbd',
+                text: 'TBD',
+                data: participant,
+            };
+        }
+    }
+    else {
+        return {
+            participantType,
+            type: 'participant',
+            data: participant,
+        };
+    }
+};
+
 class NormalizeMatchTypePipe {
     constructor() {
         this.transform = normalizeMatchType;
@@ -8468,14 +8607,9 @@ const inferMimeType = (srcset) => {
     }
     const cleanedUrl = urlParts.join(' ');
     const queryPart = cleanedUrl.split('?')[1] ?? '';
-    const containsFm = queryPart.startsWith('fm=') || queryPart.includes('&fm=');
     let fileExtension = null;
-    if (containsFm) {
-        const fmIndex = queryPart.indexOf('fm=');
-        const fmValue = queryPart
-            .substring(fmIndex + 3)
-            .split('&')[0]
-            ?.toLowerCase();
+    if (queryPart) {
+        const fmValue = new URLSearchParams(queryPart).get('fm')?.toLowerCase();
         if (fmValue) {
             fileExtension = fmValue;
         }
@@ -8496,7 +8630,7 @@ const inferMimeType = (srcset) => {
             case 'gif':
                 return 'image/gif';
             case 'ico':
-                return 'image/vdn.microsoft.icon';
+                return 'image/vnd.microsoft.icon';
             case 'jpg':
             case 'jpeg':
                 return 'image/jpeg';
@@ -8568,7 +8702,7 @@ const inferMimeType = (srcset) => {
             case 'mpeg':
                 return 'video/mpeg';
             case 'mpkg':
-                return 'tapplication/vnd.apple.installer+xml';
+                return 'application/vnd.apple.installer+xml';
             case 'odp':
                 return 'application/vnd.oasis.opendocument.presentation';
             case 'ods':
@@ -8825,7 +8959,9 @@ const bindProps = (config) => {
         }
         else if (single) {
             const firstAttachedRefElement = attachedElements.first();
-            console.error(`[${name}] These props can only be attached to a single element at a time.\n\n Already attached to \n`, firstAttachedRefElement, '\n Trying to attach to \n', el);
+            if (isDevMode()) {
+                console.error(`[${name}] These props can only be attached to a single element at a time.\n\n Already attached to \n`, firstAttachedRefElement, '\n Trying to attach to \n', el);
+            }
             return;
         }
     }
@@ -8920,13 +9056,15 @@ const createHostProps = (props) => {
 const createSetup = (config) => {
     let didCallSetup = false;
     afterNextRender(() => {
-        if (!didCallSetup) {
+        if (!didCallSetup && isDevMode()) {
             console.error('The setup() function was not called. Please call it inside your constructor.', config.this);
             return;
         }
     });
     return (params) => {
         if (didCallSetup) {
+            if (!isDevMode())
+                return;
             console.error('The setup() function was already called. Please call it only once. \n\n', 'Instance containing the setup() call \n', config.this, '\n\n Setup was called with\n', params);
             return;
         }
@@ -8959,19 +9097,23 @@ class PropsDirective {
         this.destroyRef = inject(DestroyRef);
         this.props = input.required({ ...(ngDevMode ? { debugName: "props" } : /* istanbul ignore next */ {}), alias: 'etProps', transform: (d) => d });
         this.propHandlers = createPropHandlers();
-        afterNextRender({
-            write: () => {
+        let boundProps = null;
+        effect(() => {
+            const props = this.props();
+            untracked(() => {
+                if (boundProps) {
+                    unbindProps({ handlers: this.propHandlers, props: boundProps });
+                }
                 bindProps({
                     handlers: this.propHandlers,
-                    props: this.props(),
+                    props,
                 });
-            },
+                boundProps = props;
+            });
         });
         this.destroyRef.onDestroy(() => {
-            unbindProps({
-                handlers: this.propHandlers,
-                props: this.props(),
-            });
+            if (boundProps)
+                unbindProps({ handlers: this.propHandlers, props: boundProps });
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PropsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -8986,7 +9128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 const templateComputed = (templateSignal) => computed(() => {
     const content = templateSignal();
-    if (!content)
+    if (content === null)
         return null;
     if (typeof content === 'string') {
         return {
@@ -9039,12 +9181,12 @@ const setupResizeObservable = (startEvent, edge, doc) => {
     const startX = startEvent.clientX;
     const startY = startEvent.clientY;
     let cancelled = false;
-    const end$ = merge(fromEvent(document, 'pointerup'), fromEvent(document, 'pointercancel')).pipe(filter((e) => e.pointerId === pointerId), take(1), 
+    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(document, 'pointermove').pipe(filter((e) => e.pointerId === pointerId), map((e) => ({
+        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));
@@ -9092,7 +9234,7 @@ class ResizeHandlesComponent {
         class="et-resize-handle et-resize-handle--{{ edge }}"
       ></div>
     }
-  `, isInline: true, styles: ["@property --et-resize-handles-z-index{syntax: \"<integer>\"; inherits: true; initial-value: 10;}@property --et-resize-handles-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-resize-handles-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-resize-handles-edge-inset{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-outset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-top{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-bottom{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-touch-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-resize-handles-touch-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 28px;}et-resize-handles{position:absolute;inset:calc(-1 * var(--et-resize-handles-outset));pointer-events:none}.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-corner-size) + var(--et-resize-handles-outset));position:absolute;z-index:var(--et-resize-handles-z-index);touch-action:none;pointer-events:auto}.et-resize-handle--n{left:var(--et-resize-handles-edge-inset);right:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness);top:0}.et-resize-handle--s{left:var(--et-resize-handles-edge-inset);right:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness);bottom:0}.et-resize-handle--e,.et-resize-handle--w{top:var(--et-resize-handles-side-top);bottom:var(--et-resize-handles-side-bottom);width:var(--et-resize-handle-thickness)}.et-resize-handle--e{right:0}.et-resize-handle--w{left:0}.et-resize-handle--ne,.et-resize-handle--nw{top:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--ne{right:0}.et-resize-handle--nw{left:0}.et-resize-handle--se,.et-resize-handle--sw{bottom:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--se{right:0}.et-resize-handle--sw{left:0}@media(any-pointer:coarse){.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-touch-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-touch-corner-size) + var(--et-resize-handles-outset))}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@layer components{@property --et-resize-handles-z-index{syntax: \"<integer>\"; inherits: true; initial-value: 10;}@property --et-resize-handles-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-resize-handles-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-resize-handles-edge-inset{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-outset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-top{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-bottom{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-touch-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-resize-handles-touch-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 28px;}.et-resize-handles{position:absolute;inset:calc(-1 * var(--et-resize-handles-outset));pointer-events:none}.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-corner-size) + var(--et-resize-handles-outset));position:absolute;z-index:var(--et-resize-handles-z-index);touch-action:none;pointer-events:auto}.et-resize-handle--n{top:0;right:var(--et-resize-handles-edge-inset);left:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness)}.et-resize-handle--s{right:var(--et-resize-handles-edge-inset);bottom:0;left:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness)}.et-resize-handle--e,.et-resize-handle--w{top:var(--et-resize-handles-side-top);bottom:var(--et-resize-handles-side-bottom);width:var(--et-resize-handle-thickness)}.et-resize-handle--e{right:0}.et-resize-handle--w{left:0}.et-resize-handle--ne,.et-resize-handle--nw{top:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--ne{right:0}.et-resize-handle--nw{left:0}.et-resize-handle--se,.et-resize-handle--sw{bottom:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--se{right:0}.et-resize-handle--sw{left:0}@media(any-pointer:coarse){.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-touch-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-touch-corner-size) + var(--et-resize-handles-outset))}}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ResizeHandlesComponent, decorators: [{
             type: Component,
@@ -9108,16 +9250,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         class: 'et-resize-handles',
                         '[attr.inert]': 'disabled() ? "" : null',
                         '[attr.data-active-edge]': 'activeEdge()',
-                    }, styles: ["@property --et-resize-handles-z-index{syntax: \"<integer>\"; inherits: true; initial-value: 10;}@property --et-resize-handles-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-resize-handles-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-resize-handles-edge-inset{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-outset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-top{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-bottom{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-touch-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-resize-handles-touch-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 28px;}et-resize-handles{position:absolute;inset:calc(-1 * var(--et-resize-handles-outset));pointer-events:none}.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-corner-size) + var(--et-resize-handles-outset));position:absolute;z-index:var(--et-resize-handles-z-index);touch-action:none;pointer-events:auto}.et-resize-handle--n{left:var(--et-resize-handles-edge-inset);right:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness);top:0}.et-resize-handle--s{left:var(--et-resize-handles-edge-inset);right:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness);bottom:0}.et-resize-handle--e,.et-resize-handle--w{top:var(--et-resize-handles-side-top);bottom:var(--et-resize-handles-side-bottom);width:var(--et-resize-handle-thickness)}.et-resize-handle--e{right:0}.et-resize-handle--w{left:0}.et-resize-handle--ne,.et-resize-handle--nw{top:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--ne{right:0}.et-resize-handle--nw{left:0}.et-resize-handle--se,.et-resize-handle--sw{bottom:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--se{right:0}.et-resize-handle--sw{left:0}@media(any-pointer:coarse){.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-touch-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-touch-corner-size) + var(--et-resize-handles-outset))}}\n"] }]
+                    }, styles: ["@layer components{@property --et-resize-handles-z-index{syntax: \"<integer>\"; inherits: true; initial-value: 10;}@property --et-resize-handles-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-resize-handles-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-resize-handles-edge-inset{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-outset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-top{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --et-resize-handles-side-bottom{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-resize-handles-touch-edge-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-resize-handles-touch-corner-size{syntax: \"<length>\"; inherits: true; initial-value: 28px;}.et-resize-handles{position:absolute;inset:calc(-1 * var(--et-resize-handles-outset));pointer-events:none}.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-corner-size) + var(--et-resize-handles-outset));position:absolute;z-index:var(--et-resize-handles-z-index);touch-action:none;pointer-events:auto}.et-resize-handle--n{top:0;right:var(--et-resize-handles-edge-inset);left:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness)}.et-resize-handle--s{right:var(--et-resize-handles-edge-inset);bottom:0;left:var(--et-resize-handles-edge-inset);height:var(--et-resize-handle-thickness)}.et-resize-handle--e,.et-resize-handle--w{top:var(--et-resize-handles-side-top);bottom:var(--et-resize-handles-side-bottom);width:var(--et-resize-handle-thickness)}.et-resize-handle--e{right:0}.et-resize-handle--w{left:0}.et-resize-handle--ne,.et-resize-handle--nw{top:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--ne{right:0}.et-resize-handle--nw{left:0}.et-resize-handle--se,.et-resize-handle--sw{bottom:0;width:var(--et-resize-handle-corner);height:var(--et-resize-handle-corner)}.et-resize-handle--se{right:0}.et-resize-handle--sw{left:0}@media(any-pointer:coarse){.et-resize-handle{--et-resize-handle-thickness: calc(var(--et-resize-handles-touch-edge-size) + var(--et-resize-handles-outset));--et-resize-handle-corner: calc(var(--et-resize-handles-touch-corner-size) + var(--et-resize-handles-outset))}}}\n"] }]
         }], propDecorators: { edges: [{ type: i0.Input, args: [{ isSignal: true, alias: "edges", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], resizeStarted: [{ type: i0.Output, args: ["resizeStarted"] }], resizeMoved: [{ type: i0.Output, args: ["resizeMoved"] }], resizeEnded: [{ type: i0.Output, args: ["resizeEnded"] }], resizeCancelled: [{ type: i0.Output, args: ["resizeCancelled"] }] } });
 
 class ColorInteractiveStylesComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ColorInteractiveStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: ColorInteractiveStylesComponent, isStandalone: true, selector: "et-color-interactive-styles", ngImport: i0, template: '', isInline: true, styles: [":where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}@media(hover:hover){:where(.et-color-interactive:hover:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:hover) :where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary-hover, var(--et-color-primary));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary-hover, var(--et-color-on-primary));--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-hover, var(--et-color-primary-ink, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}}:where(.et-color-interactive:focus-visible){--et-theme-color-primary-rgb: var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary)));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary)) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var(--et-color-primary-ink, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary)))) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive:active:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:active) :where(.et-color-interactive){--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive--has-focus:has(:focus-visible)){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[aria-readonly=true]){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[disabled]),:where(.et-color-interactive[aria-disabled=true]){--et-theme-color-primary-rgb: var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-disabled, var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) ) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-disabled, var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: ColorInteractiveStylesComponent, isStandalone: true, selector: "et-color-interactive-styles", ngImport: i0, template: '', isInline: true, styles: ["@layer components{:where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}@media(hover:hover){:where(.et-color-interactive:hover:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:hover) :where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary-hover, var(--et-color-primary));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary-hover, var(--et-color-on-primary));--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-hover, var(--et-color-primary-ink, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}}:where(.et-color-interactive:focus-visible){--et-theme-color-primary-rgb: var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary)));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary)) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive:active:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:active) :where(.et-color-interactive){--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive--has-focus:has(:focus-visible)){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[aria-readonly=true]){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[disabled]),:where(.et-color-interactive[aria-disabled=true]){--et-theme-color-primary-rgb: var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-disabled, var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) ) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-disabled, var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ColorInteractiveStylesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-color-interactive-styles', template: '', encapsulation: ViewEncapsulation.None, styles: [":where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}@media(hover:hover){:where(.et-color-interactive:hover:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:hover) :where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary-hover, var(--et-color-primary));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary-hover, var(--et-color-on-primary));--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-hover, var(--et-color-primary-ink, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}}:where(.et-color-interactive:focus-visible){--et-theme-color-primary-rgb: var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary)));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary)) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var(--et-color-primary-ink, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary)))) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive:active:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:active) :where(.et-color-interactive){--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive--has-focus:has(:focus-visible)){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[aria-readonly=true]){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[disabled]),:where(.et-color-interactive[aria-disabled=true]){--et-theme-color-primary-rgb: var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-disabled, var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) ) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-disabled, var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}\n"] }]
+            args: [{ selector: 'et-color-interactive-styles', template: '', encapsulation: ViewEncapsulation.None, styles: ["@layer components{:where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}@media(hover:hover){:where(.et-color-interactive:hover:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:hover) :where(.et-color-interactive){--et-theme-color-primary-rgb: var(--et-color-primary-hover, var(--et-color-primary));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary-hover, var(--et-color-on-primary));--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-hover, var(--et-color-primary-ink, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}}:where(.et-color-interactive:focus-visible){--et-theme-color-primary-rgb: var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary)));--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary)) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive:active:not(:has(.et-color-interactive-exclude:hover))),:where(.et-color-interactive-container:active) :where(.et-color-interactive){--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive--has-focus:has(:focus-visible)){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[aria-readonly=true]){--et-theme-color-primary-rgb: var(--et-color-primary);--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var(--et-color-on-primary);--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var(--et-color-primary-ink, var(--et-color-primary));--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}:where(.et-color-interactive[disabled]),:where(.et-color-interactive[aria-disabled=true]){--et-theme-color-primary-rgb: var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) );--et-theme-color-primary-solid: rgb(var(--et-theme-color-primary-rgb));--et-theme-color-on-primary-rgb: var( --et-color-on-primary-disabled, var( --et-color-on-primary-active, var(--et-color-on-primary-focus, var(--et-color-on-primary-hover, var(--et-color-on-primary))) ) );--et-theme-color-on-primary-solid: rgb(var(--et-theme-color-on-primary-rgb));--et-theme-color-ink-rgb: var( --et-color-primary-ink-disabled, var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-disabled, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ) ) );--et-theme-color-ink-solid: rgb(var(--et-theme-color-ink-rgb))}}\n"] }]
         }] });
 
 /**
@@ -9343,7 +9485,7 @@ class ProvideSurfaceDirective {
         this.currentProviderSync?.destroy();
         runInInjectionContext(this.injector, () => {
             this.currentProviderSync = effect(() => {
-                const provideSurface = provider.effectiveSurface();
+                const provideSurface = provider.activeTheme()?.name;
                 untracked(() => {
                     if (provideSurface === undefined) {
                         this.clearForcedSurface();
@@ -9393,7 +9535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 const injectSurfaceType = () => {
     const provider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
-    const defaultType = injectDefaultSurfaceTheme()?.type ?? SURFACE_TYPE.DARK;
+    const defaultType = injectDefaultSurfaceTheme()?.type ?? null;
     return computed(() => provider?.surfaceType() ?? defaultType);
 };
 /**
@@ -9619,7 +9761,7 @@ const provideColorThemesWithTailwind4 = (themes, prefix = 'et') => {
     return [ɵProvideColorThemes(themes), ɵProvideColorThemesPrefix(prefix)];
 };
 const injectColorThemeByType = (type) => {
-    const themes = injectColorThemes();
+    const themes = injectColorThemes({ optional: true });
     if (!themes) {
         throw new Error(`[injectColorThemeByType] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
     }
@@ -9639,7 +9781,7 @@ const injectErrorTheme = () => injectColorThemeByType('error');
 const injectWarningTheme = () => injectColorThemeByType('warning');
 const injectSuccessTheme = () => injectColorThemeByType('success');
 const injectDefaultColorTheme = () => {
-    const themes = injectColorThemes();
+    const themes = injectColorThemes({ optional: true });
     if (!themes) {
         throw new Error(`[injectDefaultColorTheme] No color themes provided. Call provideColorThemesWithTailwind4() in your app config.`);
     }
@@ -9691,6 +9833,8 @@ const createSwatchCss = (swatch, isAlt, data) => {
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
 const createRootThemeCss = (themes) => {
+    if (typeof document === 'undefined')
+        return;
     const createVars = (name, swatch) => {
         const inkDefault = swatch.inkColor?.default || swatch.color.default;
         const inkHover = swatch.inkColor?.hover || inkDefault;
@@ -9738,6 +9882,7 @@ const createRootThemeCss = (themes) => {
     ${vars.join('\n')}
   }
   `;
+    document.getElementById('et-root-themes')?.remove();
     const style = document.createElement('style');
     style.id = `et-root-themes`;
     style.appendChild(document.createTextNode(css));
@@ -9747,6 +9892,8 @@ const createRootThemeCss = (themes) => {
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
 const createThemeStyle = (theme, isAlt) => {
+    if (typeof document === 'undefined')
+        return;
     const cssThemeName = createCssColorThemeName(theme.name);
     const classPrefix = isAlt ? 'et-color-alt' : 'et-color';
     const selectors = [
@@ -9762,6 +9909,7 @@ const createThemeStyle = (theme, isAlt) => {
     ${theme.tertiary ? createSwatchCss('tertiary', isAlt, theme.tertiary) : ''}
   }
   `;
+    document.getElementById(`${classPrefix}--${cssThemeName}`)?.remove();
     const style = document.createElement('style');
     style.id = `${classPrefix}--${cssThemeName}`;
     style.appendChild(document.createTextNode(css));
@@ -9970,11 +10118,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class SurfaceInteractiveStylesComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SurfaceInteractiveStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: SurfaceInteractiveStylesComponent, isStandalone: true, selector: "et-surface-interactive-styles", ngImport: i0, template: '', isInline: true, styles: [":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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SurfaceInteractiveStylesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-surface-interactive-styles', template: '', encapsulation: ViewEncapsulation.None, styles: [":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"] }]
+            args: [{ selector: 'et-surface-interactive-styles', template: '', encapsulation: ViewEncapsulation.None, 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"] }]
         }] });
 
 /**
@@ -10008,11 +10156,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", 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.52';
+const CORE_VERSION = '5.0.0-next.54';
 
 /**
  * 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, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, HtmlToMarkdownPipe, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, InitialsPipe, IsArrayNotEmpty, IsEmail, jsonLd as JsonLD, KeyPressManager, MUST_MATCH, MarkdownToHtmlPipe, MustMatch, NOTIFICATION_CLICK_MESSAGE_TYPE, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OVERLAY_LAYER_ATTRIBUTE, PropsDirective, 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, Validators, 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, areScrollStatesEqual, bindProps, boolBreakpointTransform, booleanBreakpointAttribute, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, copyToClipboard, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createObjectUrlHandle, createOverlayRuntimeRef, createPropHandlers, createPropertyBinding, createProps, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSetup, 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, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isKnockoutMatch, isObject, isOnHigherOverlayLayer, isStaleBuildError, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointAttribute, numberBreakpointTransform, onOverlayViewportInsetsChange, overlayViewportInsets, overlayViewportInsetsFor, 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, signalDeferredLoading, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, slugify, suppressTextSelection, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toInjectFn, toProvideFn, toStringBinding, toToken, transformOrReturn, typedBreakpointTransform, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
+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, 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, PropsDirective, 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, bindProps, boolBreakpointTransform, boundingClientRectToElementRect, breakpointTransformBase, buildElementSignal, buildSignalEffects, canUseSessionMemory, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, copyToClipboard, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createObjectUrlHandle, createOverlayRuntimeRef, createPropHandlers, createPropertyBinding, createProps, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSetup, 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, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isKnockoutMatch, isObject, isOnHigherOverlayLayer, isStaleBuildError, markdownToHtml, matchesReducedMotion, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, normalizeUnsavedChangesSource, numberBreakpointTransform, onOverlayViewportInsetsChange, overlayViewportInsets, overlayViewportInsetsFor, 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, signalDeferredLoading, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, slugify, suppressTextSelection, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toInjectFn, toProvideFn, toStringBinding, toToken, transformOrReturn, typedBreakpointTransform, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
 //# sourceMappingURL=ethlete-core.mjs.map