@ethlete/core 5.0.0-next.2 → 5.0.0-next.20

package/types/ethlete-core.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, AfterViewInit, Signal, ComponentRef, StaticProvider, EmbeddedViewRef, Provider, InjectOptions, TemplateRef, QueryList, InputSignal, InputSignalWithTransform, PipeTransform, TrackByFunction, ElementRef, WritableSignal, DestroyRef, Injector, RendererStyleFlags2, OnInit, OnDestroy } from '@angular/core';
+import { InjectionToken, AfterViewInit, InputSignal, Signal, ComponentRef, StaticProvider, EmbeddedViewRef, WritableSignal, InputSignalWithTransform, ElementRef, QueryList, RendererStyleFlags2, Type, Provider, Injector, ViewContainerRef, computed, InjectOptions, TemplateRef, PipeTransform, TrackByFunction, DestroyRef, OnInit, OnDestroy } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import * as _ethlete_core from '@ethlete/core';
@@ -8,8 +8,9 @@ import { ComponentPortal, ComponentType } from '@angular/cdk/portal';
 import { Placement, OffsetOptions, Padding } from '@floating-ui/dom';
 import { MatchListView, ParticipantViewUnion, MatchRankingView, StageType } from '@ethlete/types';
 import * as _angular_platform_browser from '@angular/platform-browser';
-import { FormGroup, AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-import { Data, Params, Event as Event$1 } from '@angular/router';
+import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn } from '@angular/forms';
+import * as _angular_router from '@angular/router';
+import { Data, Params, Router } from '@angular/router';
 
 declare const ANIMATABLE_TOKEN: InjectionToken<AnimatableDirective>;
 type AnimationEndEvent = {
@@ -36,6 +37,14 @@ declare class AnimatableDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AnimatableDirective, "[etAnimatable]", ["etAnimatable"], {}, {}, never, never, true, never>;
 }
 
+declare const ANIMATION_DEBUG_STORAGE_KEY = "et-overlay-debug";
+/**
+ * Debug logging for overlay and animation lifecycle internals.
+ * Enable via `localStorage.setItem('et-overlay-debug', 'true')` and reload.
+ */
+declare const isAnimationDebugEnabled: () => boolean;
+declare const animationDebugLog: (scope: string, ...args: unknown[]) => void;
+
 declare const ANIMATED_IF_TOKEN: InjectionToken<AnimatedIfDirective>;
 declare class AnimatedIfDirective {
     private templateRef;
@@ -77,10 +86,88 @@ declare class AnimatedLifecycleDirective implements AfterViewInit {
     private removeClass;
     private removeClasses;
     private updateState;
+    private debugLog;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AnimatedLifecycleDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AnimatedLifecycleDirective, "[etAnimatedLifecycle]", ["etAnimatedLifecycle"], { "skipNextEnter": { "alias": "skipNextEnter"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "skipNextEnter": "skipNextEnterChange"; }, never, never, true, [{ directive: typeof AnimatableDirective; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Cascades hover/active-driven color DOWN to descendants explicitly marked with
+ * `ColorInteractiveDirective` — this element does not color itself. Use it when a wrapper should
+ * expand a nested control's hit/visual area (e.g. clicking a checkbox's label should light up the
+ * checkbox itself), never to give a wrapper its own interactive coloring — that's
+ * `ColorInteractiveDirective`.
+ *
+ * Does nothing unless at least one descendant carries `ColorInteractiveDirective` — check for
+ * that before adding this. It was mistakenly added to a component with no such descendant once
+ * already, where it did nothing but was confusing to read.
+ */
+declare class ColorInteractiveContainerDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveContainerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveContainerDirective, "[etColorInteractiveContainer]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks a descendant as NOT counting toward an ancestor's `ColorInteractiveDirective`
+ * `:hover`/`:active` reaction (via the `:has()` guard in color-interactive-styles.component.css).
+ * Use it for content that's incidentally inside an interactive ancestor but isn't part of what
+ * makes that ancestor interactive — e.g. a hint/error block sitting inside a form field's frame.
+ *
+ * This only suppresses the ancestor's OWN reaction to hovering/pressing the excluded element — it
+ * has no effect on custom-property inheritance into descendants past the excluded element. If
+ * what you actually need is "stop my own cosmetic styling from reacting to a parent's unrelated
+ * interaction," this is the wrong tool; that's the class of bug `ColorInteractiveHasFocusDirective`
+ * used to have (see its own comment).
+ */
+declare class ColorInteractiveExcludeDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveExcludeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveExcludeDirective, "[etColorInteractiveExclude]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Tints `--et-theme-color-primary-*` etc. only when a descendant genuinely has `:focus-visible`
+ * (`:has(:focus-visible)`) — never on mouse `:hover`/`:active`. Use this for a wrapper (like a
+ * form field's frame) that should show the theme color while its control is focused, but must
+ * NOT react to incidental mouse interaction with unrelated nested widgets (a toolbar button, a
+ * rendered link) that happen to live inside the same wrapper.
+ *
+ * Deliberately does NOT also carry `ColorInteractiveDirective`'s `et-color-interactive` class:
+ * that class's plain `:hover`/`:active` rules locally override the same (inheriting)
+ * `--et-theme-color-primary-rgb`, so anything bubbling up from ANYWHERE in the subtree would
+ * leak the transient hover/press color into every descendant reading it for unrelated cosmetics —
+ * exactly the bug this directive's only consumer (form-field) shipped once, before the two
+ * behaviors were split apart. If you need the plain hover/active reaction too, add
+ * `ColorInteractiveDirective` explicitly and make sure you actually want both.
+ */
+declare class ColorInteractiveHasFocusDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveHasFocusDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveHasFocusDirective, "[etColorInteractiveHasFocus]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Makes an element react to ITS OWN `:hover`/`:active`/`:focus-visible`/`[disabled]` by tinting
+ * `--et-theme-color-primary-*`/`-on-primary-*`/`-ink-*` with the current color theme. Use this on
+ * a single, self-contained interactive element — a button, a checkbox, a segmented button.
+ *
+ * Do NOT apply this to a wrapper that also contains OTHER, independently-interactive elements
+ * (e.g. a toolbar with its own buttons, or a form-field's control slot). These are ordinary
+ * inheriting CSS custom properties, so a descendant reading them for its own cosmetics (a caret
+ * color, a link color) gets swept along whenever ANYTHING inside the wrapper is hovered or
+ * clicked — not just when the wrapper itself is the thing being interacted with. That exact bug
+ * shipped once already; see ColorInteractiveContainerDirective/ColorInteractiveHasFocusDirective
+ * for the shapes that avoid it.
+ */
+declare class ColorInteractiveDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInteractiveDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColorInteractiveDirective, "[etColorInteractive]", never, {}, {}, never, never, true, never>;
+}
+
 type ThemeRGBColor = `${number} ${number} ${number}`;
 type ThemeHSLColor = `${number} ${number}% ${number}%`;
 type ThemeColor = ThemeRGBColor | ThemeHSLColor;
@@ -98,36 +185,69 @@ type OnThemeColorMap = {
     active?: ThemeColor;
     disabled?: ThemeColor;
 };
+type ThemeInkColorMap = {
+    default: ThemeColor;
+    hover?: ThemeColor;
+    focus?: ThemeColor;
+    active?: ThemeColor;
+    disabled?: ThemeColor;
+};
 type ThemeSwatch = {
     color: ThemeColorMap;
     onColor: OnThemeColorMap;
+    inkColor?: ThemeInkColorMap;
 };
-type Theme = {
+type ColorThemeType = 'success' | 'warning' | 'error';
+type ColorTheme = {
     name: string;
+    type?: ColorThemeType;
     isDefault?: boolean;
-    isDefaultAlt?: boolean;
     primary: ThemeSwatch;
     secondary?: ThemeSwatch;
     tertiary?: ThemeSwatch;
 };
-declare const createCssThemeName: (name: string) => string;
-declare const ɵProvideColorThemes: (valueOverride?: (string | undefined)[] | undefined) => _angular_core.Provider[];
+/**
+ * Augmentable registry for the literal set of color theme names an app defines. Left
+ * empty by default, which keeps theme-name-accepting APIs (like `etProvideColor`) typed
+ * as plain `string`.
+ *
+ * Apps that want those APIs checked and autocompleted against their own theme names
+ * should augment this interface once, near where their themes are defined:
+ *
+ * ```ts
+ * declare module '@ethlete/core' {
+ *   interface EthleteColorThemeNameRegistry {
+ *     name: 'pitch-green' | 'red' | 'light-grey';
+ *   }
+ * }
+ * ```
+ */
+interface EthleteColorThemeNameRegistry {
+}
+type RegisteredColorThemeName = EthleteColorThemeNameRegistry extends {
+    name: infer N extends string;
+} ? N : string;
+declare const createCssColorThemeName: (name: string) => string;
+declare const ɵProvideColorThemes: (valueOverride?: (ColorTheme | undefined)[] | undefined) => _angular_core.Provider[];
 declare const injectColorThemes: {
-    (): string[];
+    (): ColorTheme[];
     (options: _angular_core.InjectOptions & {
         optional?: false;
-    }): string[];
-    (options: _angular_core.InjectOptions): string[] | null;
+    }): ColorTheme[];
+    (options: _angular_core.InjectOptions): ColorTheme[] | null;
 };
-declare const ɵProvideThemesPrefix: (valueOverride?: string | undefined) => _angular_core.Provider[];
-declare const injectThemesPrefix: {
+declare const ɵProvideColorThemesPrefix: (valueOverride?: string | undefined) => _angular_core.Provider[];
+declare const injectColorThemesPrefix: {
     (): string;
     (options: _angular_core.InjectOptions & {
         optional?: false;
     }): string;
     (options: _angular_core.InjectOptions): string | null;
 };
-declare const provideColorThemesWithTailwind4: (themes: Theme[], prefix?: string) => _angular_core.Provider[][];
+declare const provideColorThemesWithTailwind4: (themes: ColorTheme[], prefix?: string) => _angular_core.Provider[][];
+declare const injectErrorTheme: () => ColorTheme;
+declare const injectWarningTheme: () => ColorTheme;
+declare const injectSuccessTheme: () => ColorTheme;
 
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
@@ -136,11 +256,11 @@ declare const createSwatchCss: (swatch: string, isAlt: boolean, data: ThemeSwatc
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
-declare const createRootThemeCss: (themes: Theme[]) => void;
+declare const createRootThemeCss: (themes: ColorTheme[]) => void;
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
-declare const createThemeStyle: (theme: Theme, isAlt: boolean) => void;
+declare const createThemeStyle: (theme: ColorTheme, isAlt: boolean) => void;
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
@@ -152,7 +272,7 @@ declare const createTailwindRgbVar: (val: string | undefined) => string | null;
 /**
  * @deprecated Migrate to Tailwind v4. Intent to remove in v6.
  */
-declare const createTailwindColorThemes: (themes: Theme[], prefix?: string) => Record<string, {
+declare const createTailwindColorThemes: (themes: ColorTheme[], prefix?: string) => Record<string, {
     DEFAULT: string;
     hover: string;
     focus: string;
@@ -162,34 +282,165 @@ declare const createTailwindColorThemes: (themes: Theme[], prefix?: string) => R
 /**
  * @deprecated Use provideColorThemesWithTailwind4 instead after migrating to Tailwind CSS v4. Intent to remove in v6.
  */
-declare const provideColorThemes: (themes: Theme[]) => _angular_core.Provider[][];
+declare const provideColorThemes: (themes: ColorTheme[]) => _angular_core.Provider[][];
 
-declare const THEME_PROVIDER: InjectionToken<ProvideThemeDirective>;
-declare class ProvideThemeDirective {
+declare const COLOR_PROVIDER: InjectionToken<ProvideColorDirective>;
+declare class ProvideColorDirective {
     private themes;
     private prefix;
     private injector;
     private currentProviderSync;
-    mainTheme: _angular_core.InputSignal<string | null | undefined>;
-    altTheme: _angular_core.InputSignal<string | null | undefined>;
-    mainThemeName: _angular_core.Signal<string | undefined>;
-    altThemeName: _angular_core.Signal<string | undefined>;
+    private forcedColor;
+    color: InputSignal<RegisteredColorThemeName | ColorTheme | null | undefined>;
+    effectiveColor: _angular_core.Signal<string | ColorTheme | null | undefined>;
+    colorName: _angular_core.Signal<string | undefined>;
     protected themeClass: _angular_core.Signal<string>;
-    syncWithProvider(provider: ProvideThemeDirective): void;
+    syncWithProvider(provider: ProvideColorDirective): void;
+    stopSyncWithProvider(): void;
+    /** @internal */
+    forceColor(color: RegisteredColorThemeName | ColorTheme | null): void;
+    /** @internal */
+    clearForcedColor(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideColorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProvideColorDirective, "[etProvideColor]", never, { "color": { "alias": "etProvideColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const SURFACE_TYPE: {
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+type SurfaceType = (typeof SURFACE_TYPE)[keyof typeof SURFACE_TYPE];
+type SurfaceThemeColor = `${number} ${number} ${number}`;
+type SurfaceInteractionColor = {
+    default: SurfaceThemeColor;
+    hover: SurfaceThemeColor;
+    focus: SurfaceThemeColor;
+    active: SurfaceThemeColor;
+    disabled: SurfaceThemeColor;
+};
+type SurfaceTheme = {
+    name: string;
+    type: SurfaceType;
+    elevation: number;
+    isDefault?: boolean;
+    interactionColor?: SurfaceInteractionColor;
+    background: SurfaceThemeColor;
+    color: SurfaceThemeColor;
+    colorMuted: SurfaceThemeColor;
+    colorSubtle: SurfaceThemeColor;
+    border: SurfaceThemeColor;
+};
+/**
+ * Augmentable registry for the literal set of surface theme names an app defines. Left
+ * empty by default, which keeps surface-theme-name-accepting APIs (like `etProvideSurface`)
+ * typed as plain `string`.
+ *
+ * Apps that want those APIs checked and autocompleted against their own surface theme
+ * names should augment this interface once, near where their surface themes are defined:
+ *
+ * ```ts
+ * declare module '@ethlete/core' {
+ *   interface EthleteSurfaceThemeNameRegistry {
+ *     name: 'card' | 'sheet' | 'popover';
+ *   }
+ * }
+ * ```
+ */
+interface EthleteSurfaceThemeNameRegistry {
+}
+type RegisteredSurfaceThemeName = EthleteSurfaceThemeNameRegistry extends {
+    name: infer N extends string;
+} ? N : string;
+declare const createCssSurfaceName: (name: string) => string;
+declare const resolveSurfaceByElevation: (themes: SurfaceTheme[], type: SurfaceType, elevation: number) => SurfaceTheme | null;
+declare const ɵProvideSurfaceThemes: (valueOverride?: (SurfaceTheme | undefined)[] | undefined) => _angular_core.Provider[];
+declare const injectSurfaceThemes: {
+    (): SurfaceTheme[];
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): SurfaceTheme[];
+    (options: _angular_core.InjectOptions): SurfaceTheme[] | null;
+};
+declare const ɵProvideSurfaceThemesPrefix: (valueOverride?: string | undefined) => _angular_core.Provider[];
+declare const injectSurfaceThemesPrefix: {
+    (): string;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): string;
+    (options: _angular_core.InjectOptions): string | null;
+};
+declare const provideSurfaceThemesWithTailwind4: (themes: SurfaceTheme[], prefix?: string) => _angular_core.Provider[][];
+
+declare const SURFACE_PROVIDER: InjectionToken<ProvideSurfaceDirective>;
+declare class ProvideSurfaceDirective {
+    private themes;
+    private prefix;
+    private injector;
+    private currentProviderSync;
+    private forcedSurface;
+    surface: InputSignal<RegisteredSurfaceThemeName | null | undefined>;
+    effectiveSurface: _angular_core.Signal<string | null | undefined>;
+    resolvedTheme: _angular_core.Signal<SurfaceTheme | null>;
+    elevation: _angular_core.Signal<number>;
+    surfaceType: _angular_core.Signal<_ethlete_core.SurfaceType | null>;
+    surfaceName: _angular_core.Signal<string | undefined>;
+    protected surfaceClass: _angular_core.Signal<string>;
+    syncWithProvider(provider: ProvideSurfaceDirective): void;
     stopSyncWithProvider(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideThemeDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProvideThemeDirective, "[etProvideTheme]", never, { "mainTheme": { "alias": "etProvideTheme"; "required": false; "isSignal": true; }; "altTheme": { "alias": "etProvideAltTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    /** @internal */
+    forceSurface(surface: RegisteredSurfaceThemeName | null): void;
+    /** @internal */
+    clearForcedSurface(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProvideSurfaceDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProvideSurfaceDirective, "[etProvideSurface]", never, { "surface": { "alias": "etProvideSurface"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SurfaceContextEntry = {
+    id: string;
+    type: SurfaceType;
+    elevation: number;
+};
+type SurfaceContextTracker = {
+    topType: Signal<SurfaceType | null>;
+    topElevation: Signal<number>;
+    register: (type: SurfaceType, elevation: number) => () => void;
+};
+declare const provideSurfaceContextTracker: () => _angular_core.Provider[];
+declare const injectSurfaceContextTracker: {
+    (): SurfaceContextTracker;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): SurfaceContextTracker;
+    (options: _angular_core.InjectOptions): SurfaceContextTracker | null;
+};
+
+/**
+ * Same shape as `ColorInteractiveDirective` — reacts to its own `:hover`/`:focus-visible`/
+ * `:active`/`[disabled]` — but drives `--et-surface-interaction-*`, a neutral/muted tint, instead
+ * of the ambient color theme. Use it for chrome-level interaction feedback that shouldn't borrow
+ * the page's brand color (a tab trigger's hover state, a toggle button that should look neutral
+ * until it's actually active — see `ButtonDirective`'s `mutedUntilPressed`).
+ *
+ * Has no container/exclude/has-focus variants: it has no descendant-cascading CSS at all, so
+ * applying it to a wrapper with independently-interactive children is safe by construction —
+ * unlike `ColorInteractiveDirective`, there's no bubbling-leak failure mode to worry about here.
+ */
+declare class SurfaceInteractiveDirective {
+    private styleManager;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SurfaceInteractiveDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SurfaceInteractiveDirective, "[etSurfaceInteractive]", never, {}, {}, never, never, true, never>;
 }
 
 type AnimatedOverlayComponentBase = {
     animatedLifecycle: Signal<AnimatedLifecycleDirective | undefined>;
-    setThemeFromProvider: (provider: ProvideThemeDirective) => void;
+    setColorFromProvider: (provider: ProvideColorDirective) => void;
 };
 type AnimatedOverlayMountConfig<T> = {
     component: ComponentType<T>;
     providers?: StaticProvider[];
     data?: Partial<T>;
-    themeProvider?: ProvideThemeDirective | null;
+    colorProvider?: ProvideColorDirective | null;
 };
 type AnimatedOverlayState = 'init' | 'mounting' | 'mounted' | 'unmounting' | 'unmounted';
 declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponentBase> {
@@ -240,7 +491,7 @@ declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponentBase> {
     mount(config: AnimatedOverlayMountConfig<T>): T | undefined;
     unmount(): void;
     private applyComponentData;
-    private applyThemeProvider;
+    private applyColorProvider;
     private updateOverlaySize;
     private setupFloatingUI;
     private getFloatingArrow;
@@ -335,574 +586,390 @@ declare class RepeatDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RepeatDirective, "[etRepeat]", never, { "repeatCount": { "alias": "etRepeat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const createComponentId: (prefix: string) => string;
+declare class ScrollObserverEndDirective {
+    private elementRef;
+    private host;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollObserverEndDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollObserverEndDirective, "[etScrollObserverEnd]", never, {}, {}, never, never, true, never>;
+}
 
-declare const createDestroy: () => rxjs.Observable<boolean>;
+declare class ScrollObserverStartDirective {
+    private elementRef;
+    private host;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollObserverStartDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollObserverStartDirective, "[etScrollObserverStart]", never, {}, {}, never, never, true, never>;
+}
 
-declare const injectHostElement: <T = HTMLElement>() => T;
-declare const injectTemplateRef: <C = unknown>() => TemplateRef<C>;
-type CreateProviderOptions = {
+declare const previousSignalValue: <T>(signal: Signal<T>) => Signal<T | undefined>;
+type SyncSignalOptions = {
     /**
-     * Optional name for the provider, useful for debugging.
-     * If not provided, the name will be a generated string.
+     * If true, the target signal will not be updated with the source signal's value in a sync operation.
+     * This should be set to true for signals that need to be initialized first before syncing (eg. required inputs)
+     * @default false
      */
-    name?: string;
+    skipSyncRead?: boolean;
     /**
-     * Optional existing InjectionToken to also provide the created provider under.
+     * If true, the first time the effect will be triggered will be skipped.
+     * @default false
      */
-    extraInjectionToken?: InjectionToken<unknown>;
+    skipFirstRun?: boolean;
 };
-type ProviderResult<T> = readonly [
-    provide: () => Provider[],
-    inject: {
-        (): T;
-        (options: InjectOptions & {
-            optional?: false;
-        }): T;
-        (options: InjectOptions): T | null;
-    },
-    token: InjectionToken<T>
-];
-type StaticProviderResult<T> = readonly [
-    provide: (valueOverride?: Partial<T>) => Provider[],
-    inject: {
-        (): T;
-        (options: InjectOptions & {
-            optional?: false;
-        }): T;
-        (options: InjectOptions): T | null;
-    },
-    token: InjectionToken<T>
-];
-type RootProviderResult<T> = readonly [
-    inject: {
-        (): T;
-        (options: InjectOptions & {
-            optional?: false;
-        }): T;
-        (options: InjectOptions): T | null;
-    },
-    token: InjectionToken<T>
-];
-declare const createProvider: <T>(factory: () => T, options?: CreateProviderOptions) => ProviderResult<T>;
-declare const createRootProvider: <T>(factory: () => T, options?: CreateProviderOptions) => ProviderResult<T>;
-declare const createStaticProvider: <T>(defaultValue?: T, options?: CreateProviderOptions) => StaticProviderResult<T>;
-declare const createStaticRootProvider: <T>(defaultValue?: T, options?: CreateProviderOptions) => StaticProviderResult<T>;
-
-declare const cloneFormGroup: <T extends FormGroup<any>>(formGroup: T) => T;
-declare const getFormGroupValue: <T extends FormGroup>(formGroup: T) => Record<string, unknown>;
-
-declare const createRxHostListener: <K extends keyof HTMLElementEventMap>(eventName: K, options?: EventListenerOptions) => rxjs.Observable<HTMLElementEventMap[K]>;
-declare const applyHostListener: <K extends keyof HTMLElementEventMap>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, options?: EventListenerOptions) => rxjs.Subscription;
-declare const applyHostListeners: (listeners: Partial<{ [K in keyof HTMLElementEventMap]: (event: HTMLElementEventMap[K]) => void; }>, options?: EventListenerOptions) => void;
-
-declare class TypedQueryList<T> extends QueryList<T> {
-    get changes(): Observable<TypedQueryList<T>>;
-}
-declare function switchQueryListChanges(): <T extends TypedQueryList<unknown> | null | undefined>(source: Observable<T>) => Observable<T>;
-
+declare const syncSignal: <T>(from: Signal<T>, to: WritableSignal<T>, options?: SyncSignalOptions) => _angular_core.EffectRef;
+type MaybeSignal<T> = T | Signal<T>;
+declare const maybeSignalValue: <T>(value: MaybeSignal<T>) => T;
 /**
- * Sets the value of an input signal.
- * See issue: https://github.com/angular/angular/issues/54782
+ * A computed that will only be reactive until the source signal contains a truthy value.
+ * All subsequent changes inside the computation will be ignored.
  */
-declare const setInputSignal: <T>(input: InputSignal<T> | InputSignalWithTransform<T, unknown>, value: T) => void;
-
-type NgClassType = string | string[] | Set<string> | {
-    [klass: string]: any;
-} | null | undefined;
+declare const computedTillTruthy: <T>(source: Signal<T>) => Signal<T | null>;
+/**
+ * A computed that will only be reactive until the source signal contains a falsy value.
+ * All subsequent changes inside the computation will be ignored.
+ */
+declare const computedTillFalsy: <T>(source: Signal<T>) => Signal<T | null>;
+/**
+ * A writeable signal that will be set to the provided value once all inputs are set.
+ * During that time, the signal will be set to `null`.
+ */
+declare const deferredSignal: <T extends () => unknown>(valueFn: T) => WritableSignal<ReturnType<T> | null>;
+declare const memoizeSignal: <T>(factory: () => Signal<T>) => () => Signal<T>;
 
-declare const AT_LEAST_ONE_REQUIRED = "atLeastOneRequired";
-type ValidateAtLeastOneRequiredConfig = {
+type SignalAnimatedNumberOptions = {
     /**
-     * Keys of form controls to validate in the supplied form group
+     * The initial value to start animating from.
+     * If not provided, the animation will start from 0
      */
-    keys: string[];
+    initialValue?: number;
     /**
-     * If true, the value `false` will result in a validation error
-     * @default false
+     * Duration of the animation in milliseconds.
+     * @default 1000
      */
-    checkFalse?: boolean;
+    duration?: number;
+    /**
+     * Easing function that takes a progress value (0 to 1) and returns an eased value (0 to 1).
+     * Options:
+     * - `easeLinear()`
+     * - `easeIn()`
+     * - `easeOut()`
+     * - `easeInOut()`
+     * - `easeElastic()`
+     * - `easeOutBack()`
+     * - `easeOutBackStrong()`
+     * @default easeOut()
+     */
+    easing?: (t: number) => number;
+    /**
+     * Function to round the animated value.
+     * @default (v: number) => Math.round(v)
+     */
+    round?: (value: number) => number;
+    /**
+     * Callback invoked when the animation starts.
+     */
+    onAnimationStart?: () => void;
+    /**
+     * Callback invoked when the animation ends.
+     */
+    onAnimationEnd?: () => void;
 };
-declare const ValidateAtLeastOneRequired: (config: ValidateAtLeastOneRequiredConfig) => ValidatorFn;
-declare const IS_ARRAY_NOT_EMPTY = "isArrayNotEmpty";
-declare const IsArrayNotEmpty: (control: AbstractControl) => ValidationErrors | null;
-declare const IS_EMAIL = "isEmail";
-declare const IsEmail: (control: AbstractControl) => ValidationErrors | null;
-declare const MUST_MATCH = "mustMatch";
-declare const MustMatch: (controlName: string, matchingControlName: string) => (formGroup: AbstractControl) => {
-    mustMatch: boolean;
-} | null;
-declare const Validators: {
-    readonly MustMatch: (controlName: string, matchingControlName: string) => (formGroup: AbstractControl) => {
-        mustMatch: boolean;
-    } | null;
-    readonly IsEmail: (control: AbstractControl) => ValidationErrors | null;
-    readonly IsArrayNotEmpty: (control: AbstractControl) => ValidationErrors | null;
-    readonly ValidateAtLeastOneRequired: (config: ValidateAtLeastOneRequiredConfig) => ValidatorFn;
+type AnimatedNumberSignal = Signal<number> & {
+    /**
+     * Starts the animation from the current value to the target value.
+     * @returns The animated signal for chaining
+     */
+    play: () => AnimatedNumberSignal;
+    /**
+     * Resets the animation to the initial value and stops any ongoing animation.
+     * @returns The animated signal for chaining
+     */
+    reset: () => AnimatedNumberSignal;
+    /**
+     * Stops the current animation at its current position.
+     * @returns The animated signal for chaining
+     */
+    stop: () => AnimatedNumberSignal;
 };
+/**
+ * Creates a signal that animates the transition of a numeric signal's value over time.
+ */
+declare const signalAnimatedNumber: (source: MaybeSignal<number>, options?: SignalAnimatedNumberOptions) => AnimatedNumberSignal;
+declare const easeLinear: (t: number) => number;
+declare const easeIn: (t: number) => number;
+declare const easeOut: (t: number) => number;
+declare const easeInOut: (t: number) => number;
+/** Elastic easing function (overshoots) */
+declare const easeElastic: (t: number) => number;
+/** Back easing function (overshoots slightly then settles) */
+declare const easeOutBack: (t: number) => number;
+/** Back easing function with more overshoot */
+declare const easeOutBackStrong: (t: number) => number;
 
-declare const clone: <T>(original: T) => T;
-declare const equal: (foo: any, bar: any) => boolean;
-
-declare const hasCookie: (name: string) => boolean;
-declare const getCookie: (name: string) => string | null | undefined;
-declare const setCookie: (name: string, data: string, expiresInDays?: number | null, domain?: string | null, path?: string, sameSite?: "strict" | "none" | "lax") => void;
-declare const deleteCookie: (name: string, path?: string, domain?: string | null) => void;
-declare const getDomain: () => string | null;
-
-type Translatable = {
-    i18n: string;
-    text: string;
-};
-
-declare class KeyPressManager {
-    readonly key: number;
-    private readonly _isKeyPressed$;
-    private readonly _keyPressCount$;
-    private readonly _stopTimeout$;
-    constructor(key: number);
-    isPressed(event: KeyboardEvent): boolean;
-    clear(): void;
-}
-
-declare const DISABLE_LOGGER_PARAM = "et-logger-quiet";
-type CreateLoggerConfig = {
-    scope: string;
-    feature: string;
-};
-declare const createLogger: (config: CreateLoggerConfig) => {
-    log: (...args: unknown[]) => void;
-    warn: (...args: unknown[]) => void;
-    error: (...args: unknown[]) => void;
+type Vec2 = [number, number];
+type ViewportConfig = {
+    breakpoints: {
+        xs: Vec2;
+        sm: Vec2;
+        md: Vec2;
+        lg: Vec2;
+        xl: Vec2;
+        '2xl': Vec2;
+    };
 };
-
-declare const clamp: (value: number, min?: number, max?: number) => number;
-declare const round: (value: number, precision?: number) => number;
-
-declare const isObject: (value: unknown) => value is Record<string, unknown>;
-declare const isArray: (value: unknown) => value is unknown[];
-declare const getObjectProperty: (obj: Record<string, unknown>, prop: string) => unknown;
-
-declare const RUNTIME_ERROR_NO_DATA = "__ET_NO_DATA__";
-declare class RuntimeError<T extends number> extends Error {
-    code: T;
-    devOnly: boolean;
-    data: unknown;
-    constructor(code: T, message: null | false | string, devOnly?: boolean, data?: unknown);
-}
-declare function formatRuntimeError<T extends number>(code: T, message: null | false | string, devOnly: boolean): string;
-
+type Breakpoint = keyof ViewportConfig['breakpoints'];
+declare const BREAKPOINT_ORDER: Breakpoint[];
 /**
- * Checks if an element or the viewport can scroll in a given direction.
- * @param element The element to check. If null/undefined, checks if the viewport can scroll.
- * @param direction The direction to check. If not provided, checks both directions.
- * @returns true if the element or viewport can scroll in the given direction.
+ * Default viewport config based on Tailwind CSS.
+ * @see https://tailwindcss.com/docs/screens
  */
-declare const elementCanScroll: (element?: HTMLElement | null, direction?: "x" | "y") => boolean;
-type IsElementVisibleOptions = {
-    /**
-     * The element to check if it is visible inside a container.
-     */
-    element?: HTMLElement | null;
-    /**
-     * The container to check if the element is visible inside.
-     * If null or undefined, uses the viewport as the container.
-     * @default null (viewport)
-     */
-    container?: HTMLElement | null;
-    /**
-     * The container's rect to check if the element is visible inside. Can be supplied to reduce the amount of DOM reads.
-     * Only used when container is provided and not null.
-     * @default container.getBoundingClientRect()
-     */
-    containerRect?: DOMRect | null;
-    /**
-     * The element's rect. Can be supplied to reduce the amount of DOM reads.
-     * @default element.getBoundingClientRect()
-     */
-    elementRect?: DOMRect | null;
-};
-type CurrentElementVisibility = {
-    /**
-     * Whether the element is visible in the inline direction.
-     */
-    inline: boolean;
-    /**
-     * Whether the element is visible in the block direction.
-     */
-    block: boolean;
-    /**
-     * The percentage of the element that is visible in the inline direction.
-     */
-    inlineIntersection: number;
-    /**
-     * The percentage of the element that is visible in the block direction.
-     */
-    blockIntersection: number;
-    /**
-     * Whether the element is intersecting the container.
-     */
-    isIntersecting: boolean;
-    /**
-     * The ratio of the element that is intersecting the container.
-     */
-    intersectionRatio: number;
-    /**
-     * The element that is being checked for visibility.
-     */
-    element: HTMLElement;
-    /**
-     * The container's rect used for the calculation.
-     */
-    containerRect: DOMRect;
-    /**
-     * The element's rect used for the calculation.
-     */
-    elementRect: DOMRect;
-};
-declare const isElementVisible: (options: IsElementVisibleOptions) => CurrentElementVisibility | null;
-declare const getElementScrollCoordinates: (options: ScrollToElementOptions) => ScrollToOptions;
-type ScrollToElementOptions = {
-    /**
-     * The element to scroll to.
-     */
-    element?: HTMLElement | null;
-    /**
-     * The scroll container to scroll to the element in.
-     * Must be provided - cannot scroll the viewport programmatically with this function.
-     */
-    container?: HTMLElement | null;
-    /**
-     * The direction to scroll in.
-     * @default 'both'
-     */
-    direction?: 'inline' | 'block' | 'both';
-    /**
-     * The origin of the element to scroll to.
-     * @default 'nearest'
-     */
-    origin?: 'start' | 'end' | 'center' | 'nearest';
-    /**
-     * The scroll behavior.
-     * @default 'smooth'
-     */
-    behavior?: ScrollBehavior;
-    /**
-     * The scroll inline-margin
-     * @default 0
-     */
-    scrollInlineMargin?: number;
-    /**
-     * The scroll block-margin
-     * @default 0
-     */
-    scrollBlockMargin?: number;
-};
-declare const scrollToElement: (options: ScrollToElementOptions) => void;
-
-declare class NormalizeGameResultTypePipe implements PipeTransform {
-    transform: (type: string | null) => NormalizedGameResultType | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeGameResultTypePipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeGameResultTypePipe, "etNormalizeGameResultType", true>;
-}
-type NormalizedGameResultType = Translatable & {
-    shortCode: string;
-};
-declare const normalizeGameResultType: (type: string | null) => NormalizedGameResultType | null;
-
-declare class NormalizeMatchParticipantsPipe implements PipeTransform {
-    transform: (match: MatchListView | null) => NormalizedMatchParticipants | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchParticipantsPipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchParticipantsPipe, "etNormalizeMatchParticipants", true>;
-}
-type NormalizedMatchParticipants = {
-    home: NormalizedMatchParticipant | null;
-    away: NormalizedMatchParticipant | null;
+declare const DEFAULT_VIEWPORT_CONFIG: ViewportConfig;
+declare const provideViewportConfig: (valueOverride?: Partial<ViewportConfig> | undefined) => _angular_core.Provider[];
+declare const injectViewportConfig: {
+    (): ViewportConfig;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): ViewportConfig;
+    (options: _angular_core.InjectOptions): ViewportConfig | null;
 };
-type NormalizedParticipantType = 'team' | 'player' | 'unknown';
-type NormalizedMatchParticipant = ({
-    type: 'tbd';
-    participantType: NormalizedParticipantType;
-    data: ParticipantViewUnion | null;
-} & Translatable) | {
-    type: 'participant';
-    participantType: NormalizedParticipantType;
-    data: ParticipantViewUnion;
-} | ({
-    type: 'none';
-    participantType: NormalizedParticipantType;
-    data: ParticipantViewUnion | null;
-} & Translatable);
-declare const normalizeMatchParticipants: (match: MatchListView | null) => NormalizedMatchParticipants | null;
-declare const normalizeMatchParticipant: (match: MatchListView | null, side: "home" | "away") => NormalizedMatchParticipant | null;
-
-declare class NormalizeMatchScorePipe implements PipeTransform {
-    transform: (match: MatchListView | null | undefined) => NormalizedMatchScore | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchScorePipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchScorePipe, "etNormalizeMatchScore", true>;
-}
-declare const enum MatchStateType {
-    PREPARING_ROUND = "preparingRound",
-    PRE_MATCH = "preMatch",
-    LIVE = "live",
-    POST_MATCH = "postMatch",
-    AUTO_WIN = "autoWin"
-}
-type NormalizedMatchScore = {
-    home: {
-        score: string | number | null;
-        isWinner: boolean;
-    };
-    away: {
-        score: string | number | null;
-        isWinner: boolean;
-    };
-    subLine: string | null;
-    isNumeric: boolean;
+type BuildMediaQueryOptions = {
+    min?: number | Breakpoint;
+    max?: number | Breakpoint;
 };
-declare const normalizeMatchScore: (match: MatchListView | null | undefined) => NormalizedMatchScore | null;
-declare const isKnockoutMatch: (match: MatchListView | null | undefined) => boolean;
-declare const isGroupMatch: (match: MatchListView | null | undefined) => boolean;
-declare const getKnockoutMatchScore: (score: MatchRankingView | null | undefined) => "match-score.knockout.won" | "match-score.knockout.lost" | "match-score.knockout.tie" | null;
-declare const getMatchScoreSubLine: (match: MatchListView | null | undefined) => "match-score.groups.sub-line" | null;
-declare const getGroupMatchScore: (match: MatchListView | null | undefined) => {
-    home: {
-        score: number;
-        isWinner: boolean;
-    };
-    away: {
-        score: number;
-        isWinner: boolean;
-    };
-} | null;
-declare const getGroupMatchPoints: (match: MatchListView | null | undefined) => {
-    home: {
-        score: number;
-        isWinner: boolean;
-    };
-    away: {
-        score: number;
-        isWinner: boolean;
-    };
-} | null;
-
-declare class NormalizeMatchStatePipe implements PipeTransform {
-    transform: (match: MatchListView | null | undefined) => MatchStateType | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchStatePipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchStatePipe, "etNormalizeMatchState", true>;
-}
-declare const normalizeMatchState: (match: MatchListView | null | undefined) => MatchStateType | null;
-
-declare class NormalizeMatchTypePipe implements PipeTransform {
-    transform: (matchType: StageType | null | undefined) => Translatable | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchTypePipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchTypePipe, "etNormalizeMatchType", true>;
-}
-declare const normalizeMatchType: (matchType: StageType | null | undefined) => Translatable | null;
-
-declare class InferMimeTypePipe implements PipeTransform {
-    transform: (srcset: string) => "image/avif" | "image/bmp" | "image/gif" | "image/vdn.microsoft.icon" | "image/jpeg" | "image/png" | "image/svg+xml" | "image/tiff" | "image/webp" | "audio/aac" | "application/x-abiword" | "application/x-freearc" | "video/x-msvideo" | "application/vnd.amazon.ebook" | "application/octet-stream" | "application/x-bzip" | "application/x-bzip2" | "application/x-cdf" | "application/x-csh" | "text/css" | "text/csv" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-fontobject" | "application/epub+zip" | "application/gzip" | "text/html" | "text/calendar" | "application/java-archive" | "text/javascript" | "application/json" | "application/ld+json" | "audio/midi" | "audio/mpeg" | "video/mp4" | "video/mpeg" | "tapplication/vnd.apple.installer+xml" | "application/vnd.oasis.opendocument.presentation" | "application/vnd.oasis.opendocument.spreadsheet" | "application/vnd.oasis.opendocument.text" | "audio/ogg" | "video/ogg" | "application/ogg" | "audio/opus" | "font/otf" | "application/pdf" | "application/x-httpd-php" | "application/vnd.ms-powerpoint" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/vnd.rar" | "application/rtf" | "application/x-sh" | "application/x-tar" | "video/mp2t" | "font/ttf" | "text/plain" | "application/vnd.visio" | "audio/wav" | "audio/webm" | "video/webm" | "font/woff" | "font/woff2" | "application/xhtml+xml" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/xml" | "application/vnd.mozilla.xul+xml" | "application/zip" | "video/3gpp" | "video/3gpp2" | "application/x-7z-compressed" | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InferMimeTypePipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<InferMimeTypePipe, "inferMimeType", true>;
-}
-/**
- * Infers the mime type of a given url or srcset.
- * If a srcset is provided, it will infer the mime type of the first url in the srcset.
- * If the srcset contains a query parameter `?fm=`, it will use the value of that parameter, since it is often used to specify the file format in image api's like contentful.
- */
-declare const inferMimeType: (srcset: string) => "image/avif" | "image/bmp" | "image/gif" | "image/vdn.microsoft.icon" | "image/jpeg" | "image/png" | "image/svg+xml" | "image/tiff" | "image/webp" | "audio/aac" | "application/x-abiword" | "application/x-freearc" | "video/x-msvideo" | "application/vnd.amazon.ebook" | "application/octet-stream" | "application/x-bzip" | "application/x-bzip2" | "application/x-cdf" | "application/x-csh" | "text/css" | "text/csv" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-fontobject" | "application/epub+zip" | "application/gzip" | "text/html" | "text/calendar" | "application/java-archive" | "text/javascript" | "application/json" | "application/ld+json" | "audio/midi" | "audio/mpeg" | "video/mp4" | "video/mpeg" | "tapplication/vnd.apple.installer+xml" | "application/vnd.oasis.opendocument.presentation" | "application/vnd.oasis.opendocument.spreadsheet" | "application/vnd.oasis.opendocument.text" | "audio/ogg" | "video/ogg" | "application/ogg" | "audio/opus" | "font/otf" | "application/pdf" | "application/x-httpd-php" | "application/vnd.ms-powerpoint" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/vnd.rar" | "application/rtf" | "application/x-sh" | "application/x-tar" | "video/mp2t" | "font/ttf" | "text/plain" | "application/vnd.visio" | "audio/wav" | "audio/webm" | "video/webm" | "font/woff" | "font/woff2" | "application/xhtml+xml" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/xml" | "application/vnd.mozilla.xul+xml" | "application/zip" | "video/3gpp" | "video/3gpp2" | "application/x-7z-compressed" | null;
-
-declare class ToArrayPipe implements PipeTransform {
-    transform: (value: number) => number[];
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToArrayPipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<ToArrayPipe, "toArray", true>;
-}
-declare const toArray: (value: number) => number[];
-declare const toArrayTrackByFn: TrackByFunction<number>;
-
-declare const createPropHandlers: () => {
-    classes: {
-        remove: (tokens: string) => void;
-        removeMany: (tokens: string[]) => void;
-        has: (tokens: string) => boolean;
-        push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
-        pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
-    };
-    attributes: {
-        remove: (tokens: string) => void;
-        removeMany: (tokens: string[]) => void;
-        has: (tokens: string) => boolean;
-        push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
-        pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+declare const provideBreakpointObserver: () => _angular_core.Provider[];
+declare const injectBreakpointObserver: {
+    (): {
+        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
+        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
+        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
+        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+        isMediaQueryMatched: (mediaQuery: string) => boolean;
     };
-    styles: {
-        remove: (tokens: string) => void;
-        removeMany: (tokens: string[]) => void;
-        has: (tokens: string) => boolean;
-        push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
-        pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): {
+        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
+        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
+        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
+        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+        isMediaQueryMatched: (mediaQuery: string) => boolean;
     };
-    id: string;
-    elementRef: ElementRef<HTMLElement>;
+    (options: _angular_core.InjectOptions): {
+        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
+        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
+        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
+        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+        isMediaQueryMatched: (mediaQuery: string) => boolean;
+    } | null;
 };
-type PropHandlers = ReturnType<typeof createPropHandlers>;
 
-type Props = Readonly<{
-    attached: Signal<boolean>;
-    attachedElements: PropsAttachedElements;
+type BreakpointMap<T> = Partial<Record<Breakpoint, T>>;
+type BreakpointInput<T> = T | BreakpointMap<T>;
+declare const breakpointTransformBase: <T, WriteT = BreakpointInput<T>>(coerce: (value: WriteT) => T) => ((value: WriteT) => T);
+/**
+ * Transform factory for boolean inputs.
+ * Coerces plain values with `booleanAttribute`; resolves {@link BreakpointMap} mobile-first.
+ *
+ * @example
+ * snap = input(false, { transform: boolBreakpointTransform() });
+ * // Template: `snap` | `[snap]="true"` | `[snap]="{ xs: false, md: true }"`
+ */
+declare const boolBreakpointTransform: () => ((value: BreakpointInput<boolean> | string) => boolean);
+/**
+ * Transform factory for number inputs.
+ * Coerces plain values with `numberAttribute`; resolves {@link BreakpointMap} mobile-first.
+ *
+ * @example
+ * scrollMargin = input(0, { transform: numberBreakpointTransform() });
+ * // Template: `[scrollMargin]="16"` | `[scrollMargin]="{ xs: 0, md: 16 }"`
+ */
+declare const numberBreakpointTransform: () => ((value: BreakpointInput<number> | string) => number);
+/**
+ * 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[]>() });
+ * // Template: `[itemSize]="'third'"` | `[itemSize]="{ xs: 'full', md: 'third' }"`
+ */
+declare const typedBreakpointTransform: <T>() => ((value: BreakpointInput<T>) => T);
+type BoolBreakpointSignal = InputSignalWithTransform<boolean, BreakpointInput<boolean> | string>;
+type NumberBreakpointSignal = InputSignalWithTransform<number, BreakpointInput<number> | string>;
+type TypedBreakpointSignal<T> = InputSignalWithTransform<T, BreakpointInput<T>>;
+declare const injectBreakpointInput: <T>(inputSignal: Signal<BreakpointInput<T>>, defaultValue: T) => Signal<T>;
+declare const booleanBreakpointAttribute: (value: unknown) => BreakpointInput<boolean>;
+declare const numberBreakpointAttribute: (value: unknown) => BreakpointInput<number>;
+declare const BREAKPOINT_INSTANCE_TOKEN: InjectionToken<unknown>;
+declare const provideBreakpointInstance: (componentClass: unknown) => {
+    provide: InjectionToken<unknown>;
+    useExisting: unknown;
+};
+
+type ControlValueSignalOptions = {
+    debounceTime?: number;
+    /**
+     * @default false
+     */
+    debounceFirst?: boolean;
+};
+declare const controlValueSignal: <TControlInput extends Signal<AbstractControl | null> | AbstractControl, TControl extends TControlInput extends Signal<infer TSignalControl> ? TSignalControl : TControlInput>(control: TControlInput, options?: ControlValueSignalOptions) => Signal<ReturnType<NonNullable<TControl>["getRawValue"]> | null>;
+/**
+ * The first item in the pair is the previous value and the second item is the current value.
+ */
+declare const controlValueSignalWithPrevious: <T extends AbstractControl>(control: T, options?: ControlValueSignalOptions) => Signal<[ReturnType<NonNullable<T extends Signal<infer TSignalControl> ? TSignalControl : T>["getRawValue"]> | null, ReturnType<NonNullable<T extends Signal<infer TSignalControl> ? TSignalControl : T>["getRawValue"]> | null]>;
+
+type SignalElementBindingComplexType = HTMLElement | ElementRef<HTMLElement> | QueryList<ElementRef<HTMLElement> | HTMLElement> | Array<ElementRef<HTMLElement> | HTMLElement> | null | undefined;
+type SignalElementBindingType = HTMLElement | ElementRef<HTMLElement> | Observable<SignalElementBindingComplexType> | Signal<SignalElementBindingComplexType> | QueryList<ElementRef<HTMLElement> | HTMLElement> | ElementSignal;
+type ElementSignal = Signal<{
+    currentElements: HTMLElement[];
+    previousElements: HTMLElement[];
 }>;
-type PropsAttachedElements = {
-    first: Signal<HTMLElement | null>;
-    firstId: Signal<string | null>;
-    get(id: string): HTMLElement | null;
+type ElementSignalValue = ReturnType<ElementSignal>;
+declare const isElementSignal: (el: unknown) => el is ElementSignal;
+declare const createDocumentElementSignal: () => ElementSignal;
+declare const createEmptyElementSignal: () => ElementSignal;
+declare const buildElementSignal: (el: SignalElementBindingType | null | undefined) => ElementSignal;
+declare const firstElementSignal: (el: ElementSignal) => Signal<{
+    currentElement: HTMLElement | null;
+    previousElement: HTMLElement | null;
+}>;
+
+declare const signalElementChildren: (el: SignalElementBindingType) => _angular_core.Signal<HTMLElement[]>;
+
+type BuildSignalEffectsConfig<T extends Record<string, Signal<unknown>>> = {
+    /** The tokens to apply and their signal value  */
+    tokenMap: T;
+    /** This function will be invoked for elements that were removed from the signal effects */
+    cleanupFn: (el: HTMLElement, tokens: string[]) => void;
+    /** This function will be invoked for elements that were added to the signal effects or when their signal value changes */
+    updateFn: (el: HTMLElement, tokens: string[], conditionResult: unknown) => void;
 };
-type PropsAttachedElementsInternal = PropsAttachedElements & {
-    has: (id: string) => boolean;
-    push: (id: string, element: HTMLElement) => void;
-    remove: (id: string) => void;
+declare const buildSignalEffects: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, config: BuildSignalEffectsConfig<T>) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
 };
-type PropsInternal = {
-    single: boolean;
-    name: string;
-    bindId: boolean;
-    attached: Signal<boolean>;
-    attachedElements: PropsAttachedElementsInternal;
-    classBindings: Record<string, Signal<unknown>> | null;
-    attributeBindings: Record<string, Signal<unknown>> | null;
-    styleBindings: Record<string, Signal<unknown>> | null;
-    staticClassBindings: string[] | null;
-    staticAttributeBindings: Record<string, unknown> | null;
-    staticStyleBindings: Record<string, unknown> | null;
-    attachEventListeners: ((context: {
-        on: HTMLElement['addEventListener'];
-        element: HTMLElement;
-    }) => void) | null;
+declare const signalClasses: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, classMap: T) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
 };
-type CreatePropsOptions = {
-    name: string;
-    bindId?: boolean;
-    single?: boolean;
-    classes?: Record<string, Signal<unknown>>;
-    attributes?: Record<string, Signal<unknown>>;
-    styles?: Record<string, Signal<unknown>>;
-    staticClasses?: string[];
-    staticAttributes?: Record<string, unknown>;
-    staticStyles?: Record<string, unknown>;
-    listeners?: (context: {
-        on: HTMLElement['addEventListener'];
-        element: HTMLElement;
-    }) => void;
+declare const signalHostClasses: <T extends Record<string, Signal<unknown>>>(classMap: T) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
 };
-declare const createProps: (props: CreatePropsOptions) => Props;
-type HostProps = {
-    props: Props;
-    handlers: PropHandlers;
+declare const signalAttributes: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, attributeMap: T) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
 };
-declare const createHostProps: (props: CreatePropsOptions) => HostProps;
-
-declare const createSetup: <T extends Record<string, unknown>>(config: {
-    setupFn: (params: T) => void;
-    this: ThisType<unknown>;
-}) => (params: T) => void;
-
-declare const createDependencyStash: <T extends Record<string, WritableSignal<unknown>>>(stash: T) => T & {
-    provideSignal: <K extends keyof T>(data: {
-        signal: Signal<ReturnType<T[K]>>;
-        for: K;
-    }) => void;
-    provideValue: <K extends keyof T>(data: {
-        value: ReturnType<T[K]>;
-        for: K;
-    }) => void;
+declare const signalHostAttributes: <T extends Record<string, Signal<unknown>>>(attributeMap: T) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
 };
-
-declare const createElementDictionary: () => {
-    ids: _angular_core.Signal<string[]>;
-    elements: _angular_core.Signal<HTMLElement[]>;
-    has: (id: string) => boolean;
-    get: (id: string) => HTMLElement | null;
-    push: (id: string, element: HTMLElement) => void;
-    remove: (id: string) => void;
-    isEmpty: _angular_core.Signal<boolean>;
-    firstElement: _angular_core.Signal<HTMLElement | null>;
-    firstId: _angular_core.Signal<string | null>;
+declare const signalStyles: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, styleMap: T) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
+};
+declare const signalHostStyles: <T extends Record<string, Signal<unknown>>>(styleMap: T) => {
+    remove: (tokens: string) => void;
+    removeMany: (tokens: string[]) => void;
+    has: (tokens: string) => boolean;
+    push: (tokens: string, signal: Signal<unknown>) => void;
+    pushMany: (map: Record<string, Signal<unknown>>) => void;
 };
 
-type BindPropsOptions = {
-    props: Props | PropsInternal;
-    handlers: PropHandlers;
+type LogicalSize = {
+    inlineSize: number;
+    blockSize: number;
 };
-declare const bindProps: (config: BindPropsOptions) => void;
-type UnbindPropsOptions = {
-    props: Props | PropsInternal;
-    handlers: PropHandlers;
+type ElementRect = {
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+    x: number;
+    y: number;
 };
-declare const unbindProps: (config: UnbindPropsOptions) => void;
-
-declare class PropsDirective {
-    destroyRef: DestroyRef;
-    props: _angular_core.InputSignalWithTransform<PropsInternal, Readonly<{
-        attached: _angular_core.Signal<boolean>;
-        attachedElements: _ethlete_core.PropsAttachedElements;
-    }>>;
-    propHandlers: {
-        classes: {
-            remove: (tokens: string) => void;
-            removeMany: (tokens: string[]) => void;
-            has: (tokens: string) => boolean;
-            push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
-            pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
-        };
-        attributes: {
-            remove: (tokens: string) => void;
-            removeMany: (tokens: string[]) => void;
-            has: (tokens: string) => boolean;
-            push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
-            pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
-        };
-        styles: {
-            remove: (tokens: string) => void;
-            removeMany: (tokens: string[]) => void;
-            has: (tokens: string) => boolean;
-            push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
-            pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
-        };
-        id: string;
-        elementRef: _angular_core.ElementRef<HTMLElement>;
-    };
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PropsDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PropsDirective, "[etProps]", never, { "props": { "alias": "etProps"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
+type ElementSize = {
+    width: number;
+    height: number;
+};
+declare const boundingClientRectToElementRect: (rect: DOMRectReadOnly) => ElementRect;
+declare const createElementDimensions: (el: HTMLElement | null, rect?: DOMRect) => NullableElementDimensions;
+type ElementDimensions = {
+    rect: () => ElementRect;
+    client: ElementSize;
+    scroll: ElementSize;
+    offset: ElementSize;
+};
+type NullableElementDimensions = {
+    [K in keyof ElementDimensions]: ElementDimensions[K] | null;
+};
+declare const signalElementDimensions: (el: SignalElementBindingType) => Signal<NullableElementDimensions>;
+declare const signalHostElementDimensions: () => Signal<NullableElementDimensions>;
+declare const injectViewportSize: () => Signal<ElementSize>;
 
-type AnyTemplateType = string | TemplateRef<unknown> | ComponentType<unknown> | TemplateRefWithContext | ComponentTypeWithInputs;
-type TemplateRefWithContext<T = Record<string, unknown> | undefined, J = unknown> = {
-    template: TemplateRef<J>;
-    context?: T;
-    injector?: Injector;
+type SignalElementIntersectionOptions = Omit<IntersectionObserverInit, 'root'> & {
+    root?: SignalElementBindingType;
+    enabled?: Signal<boolean>;
 };
-type ComponentTypeWithInputs<T = Record<string, unknown> | undefined, J = unknown> = {
-    component: ComponentType<J>;
-    inputs?: T;
-    injector?: Injector;
+type IntersectionObserverEntryWithDetails = IntersectionObserverEntry & {
+    isAbove: boolean;
+    isBelow: boolean;
+    isLeft: boolean;
+    isRight: boolean;
+    isVisible: boolean;
 };
-type StringTemplate = {
-    type: 'string';
-    value: string;
+declare const signalElementIntersection: (el: SignalElementBindingType, options?: SignalElementIntersectionOptions) => Signal<IntersectionObserverEntryWithDetails[]>;
+declare const signalHostElementIntersection: (options?: SignalElementIntersectionOptions) => Signal<IntersectionObserverEntryWithDetails[]>;
+
+declare const signalElementMutations: (el: SignalElementBindingType, options?: MutationObserverInit) => _angular_core.Signal<MutationRecord | null>;
+declare const signalHostElementMutations: (options?: MutationObserverInit) => _angular_core.Signal<MutationRecord | null>;
+
+type ElementLastScrollDirectionType = 'up' | 'down' | 'left' | 'right';
+type ElementLastScrollDirection = {
+    type: ElementLastScrollDirectionType;
+    time: number;
 };
-type NgTemplateTemplate = {
-    type: 'template';
-    value: TemplateRef<unknown>;
-    context?: Record<string, unknown>;
-    injector: Injector | null;
+declare const signalElementLastScrollDirection: (el: SignalElementBindingType) => _angular_core.Signal<ElementLastScrollDirection | null>;
+declare const signalHostElementLastScrollDirection: () => _angular_core.Signal<ElementLastScrollDirection | null>;
+
+type SignalElementScrollStateOptions = {
+    /** The initial scroll position to scroll to. Once a truthy value get's emitted, all further values will be ignored. */
+    initialScrollPosition?: Signal<ScrollToOptions | null>;
 };
-type ComponentTemplate = {
-    type: 'component';
-    value: ComponentType<unknown>;
-    inputs?: Record<string, unknown>;
-    injector: Injector | null;
+type ElementScrollState = {
+    canScroll: boolean;
+    canScrollHorizontally: boolean;
+    canScrollVertically: boolean;
+    elementDimensions: NullableElementDimensions;
 };
-declare const templateComputed: (templateSignal: Signal<AnyTemplateType | null>) => Signal<StringTemplate | NgTemplateTemplate | ComponentTemplate | null>;
+declare const areScrollStatesEqual: (a: ElementScrollState, b: ElementScrollState) => boolean;
+declare const signalElementScrollState: (el: SignalElementBindingType, options?: SignalElementScrollStateOptions) => Signal<ElementScrollState>;
+declare const signalHostElementScrollState: () => Signal<ElementScrollState>;
 
 declare const injectAngularRootElement: {
     (): _angular_core.WritableSignal<HTMLElement | null>;
@@ -934,65 +1001,6 @@ declare const BOUNDARY_ELEMENT_TOKEN: _angular_core.InjectionToken<{
     override: _angular_core.WritableSignal<HTMLElement | null>;
 }>;
 
-type Vec2 = [number, number];
-type ViewportConfig = {
-    breakpoints: {
-        xs: Vec2;
-        sm: Vec2;
-        md: Vec2;
-        lg: Vec2;
-        xl: Vec2;
-        '2xl': Vec2;
-    };
-};
-type Breakpoint = keyof ViewportConfig['breakpoints'];
-/**
- * Default viewport config based on Tailwind CSS.
- * @see https://tailwindcss.com/docs/screens
- */
-declare const DEFAULT_VIEWPORT_CONFIG: ViewportConfig;
-declare const provideViewportConfig: (valueOverride?: Partial<ViewportConfig> | undefined) => _angular_core.Provider[];
-declare const injectViewportConfig: {
-    (): ViewportConfig;
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): ViewportConfig;
-    (options: _angular_core.InjectOptions): ViewportConfig | null;
-};
-type BuildMediaQueryOptions = {
-    min?: number | Breakpoint;
-    max?: number | Breakpoint;
-};
-declare const provideBreakpointObserver: () => _angular_core.Provider[];
-declare const injectBreakpointObserver: {
-    (): {
-        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
-        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
-        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
-        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-        isMediaQueryMatched: (mediaQuery: string) => boolean;
-    };
-    (options: _angular_core.InjectOptions & {
-        optional?: false;
-    }): {
-        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
-        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
-        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
-        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-        isMediaQueryMatched: (mediaQuery: string) => boolean;
-    };
-    (options: _angular_core.InjectOptions): {
-        observeBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-        isBreakpointMatched: (options: BuildMediaQueryOptions) => boolean;
-        getBreakpointSize: (type: Breakpoint, option: "min" | "max") => number;
-        buildMediaQueryString: (options: BuildMediaQueryOptions) => string;
-        observeMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-        isMediaQueryMatched: (mediaQuery: string) => boolean;
-    } | null;
-};
-
 declare const provideFocusVisibleTracker: () => _angular_core.Provider[];
 declare const injectFocusVisibleTracker: {
     (): {
@@ -1059,6 +1067,11 @@ declare const injectRenderer: {
         setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
         setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
         setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        moveBefore: (config: {
+            newParent: HTMLElement;
+            child: HTMLElement;
+            before?: Node | null;
+        }) => void;
         renderer: _angular_core.Renderer2;
     };
     (options: _angular_core.InjectOptions & {
@@ -1094,6 +1107,11 @@ declare const injectRenderer: {
         setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
         setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
         setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        moveBefore: (config: {
+            newParent: HTMLElement;
+            child: HTMLElement;
+            before?: Node | null;
+        }) => void;
         renderer: _angular_core.Renderer2;
     };
     (options: _angular_core.InjectOptions): {
@@ -1127,495 +1145,1146 @@ declare const injectRenderer: {
         setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
         setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
         setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        moveBefore: (config: {
+            newParent: HTMLElement;
+            child: HTMLElement;
+            before?: Node | null;
+        }) => void;
         renderer: _angular_core.Renderer2;
     } | null;
 };
-type AngularRenderer = NonNullable<ReturnType<typeof injectRenderer>>;
+type AngularRenderer = NonNullable<ReturnType<typeof injectRenderer>>;
+
+type StyleManager = {
+    mount: <TComponent>(component: Type<TComponent>) => ComponentRef<TComponent>;
+};
+declare const provideStyleManager: () => _angular_core.Provider[];
+declare const injectStyleManager: {
+    (): StyleManager;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): StyleManager;
+    (options: _angular_core.InjectOptions): StyleManager | null;
+};
+
+interface ConsentHandler {
+    /** Signal that is `true` when consent has been granted. */
+    isGranted: Signal<boolean>;
+    /** Grants consent and writes the decision back to the source. */
+    grant: () => void;
+    /** Revokes consent and writes the decision back to the source. */
+    revoke?: () => void;
+}
+type CreateUserConsentProviderOptions = {
+    /** The provider result returned by `createStaticProvider` that this consent provider should be associated with. */
+    for: InjectionToken<ConsentHandler | null>;
+    /**
+     * Factory executed inside the injection context that returns a `Signal<boolean>`.
+     *
+     * @example
+     * isGranted: () => inject(CookieService).hasMediaConsent
+     */
+    isGranted: () => Signal<boolean>;
+    /**
+     * Factory executed inside the injection context that returns the grant function.
+     *
+     * @example
+     * grant: () => () => inject(CookieService).acceptAll()
+     */
+    grant: () => () => void;
+    /**
+     * Factory executed inside the injection context that returns the revoke  function.
+     *
+     * @example
+     * revoke : () => () => inject(CookieService).revokeAll()
+     */
+    revoke?: () => () => void;
+};
+declare const createUserConsentProvider: (options: CreateUserConsentProviderOptions) => Provider;
+
+/** Inject a signal containing a boolean value indicating if the viewport is xs */
+declare const injectIsXs: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is sm */
+declare const injectIsSm: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is md */
+declare const injectIsMd: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is lg */
+declare const injectIsLg: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is xl */
+declare const injectIsXl: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing a boolean value indicating if the viewport is 2xl */
+declare const injectIs2Xl: () => _angular_core.Signal<boolean>;
+/**
+ * Inject a boolean value indicating if the viewport is matching the provided options.
+ * This value is not reactive. If you want to react to changes, use the {@link injectObserveBreakpoint} function instead.
+ */
+declare const injectBreakpointIsMatched: (options: BuildMediaQueryOptions) => boolean;
+/**
+ * Inject a boolean value indicating if the media query is matched.
+ * This value is not reactive. If you want to react to changes, use the {@link injectObserveMediaQuery} function instead.
+ */
+declare const injectMediaQueryIsMatched: (mediaQuery: string) => boolean;
+/**
+ * Inject a signal containing a boolean value indicating if the viewport is matching the provided options.
+ */
+declare const injectObserveBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
+/**
+ * Inject a signal containing a boolean value indicating if the media query is matched.
+ */
+declare const injectObserveMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
+/** Inject a signal containing the current breakpoint. */
+declare const injectCurrentBreakpoint: () => _angular_core.Signal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
+/** Inject a signal that indicates if the user is using a portrait display */
+declare const injectIsPortrait: () => _angular_core.Signal<boolean>;
+/** Inject a signal that indicates if the user is using a landscape display */
+declare const injectIsLandscape: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing the current display orientation */
+declare const injectDisplayOrientation: () => _angular_core.Signal<"portrait" | "landscape">;
+/** Inject a signal that indicates if the device has a touch input */
+declare const injectHasTouchInput: () => _angular_core.Signal<boolean>;
+/** Inject a signal that indicates if the device has a fine input (mouse or stylus)  */
+declare const injectHasPrecisionInput: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing the current device input type */
+declare const injectDeviceInputType: () => _angular_core.Signal<"touch" | "mouse">;
+/** Inject a signal containing a boolean value indicating if the user can hover (eg. using a mouse) */
+declare const injectCanHover: () => _angular_core.Signal<boolean>;
+/** Inject a signal containing the viewport dimensions */
+declare const injectViewportDimensions: () => _angular_core.Signal<_ethlete_core.NullableElementDimensions>;
+/** Inject a signal containing the scrollbar dimensions. Dimensions will be 0 if scrollbars overlap the page contents (like on mobile). */
+declare const injectScrollbarDimensions: () => _angular_core.Signal<{
+    width: number;
+    height: number;
+} | null>;
+
+/**
+ * Applies scrollbar size CSS variables to the documentElement (html tag) in pixels.
+ * - `--et-sw`: scrollbar width
+ * - `--et-sh`: scrollbar height
+ */
+declare const writeScrollbarSizeToCssVariables: () => void;
+/**
+ * Applies viewport size CSS variables to the documentElement (html tag) in pixels.
+ * - `--et-vw`: viewport width excluding scrollbar width
+ * - `--et-vh`: viewport height excluding scrollbar height
+ */
+declare const writeViewportSizeToCssVariables: () => void;
+
+type CursorDragScrollDirection = 'horizontal' | 'vertical' | 'both';
+type CursorDragScrollOptions = {
+    /** If true, cursor drag scrolling will be enabled. */
+    enabled?: Signal<boolean>;
+    /** The allowed scroll direction. */
+    allowedDirection?: MaybeSignal<CursorDragScrollDirection>;
+};
+/** A function to apply cursor drag scroll behavior to an element. */
+declare const useCursorDragScroll: (el: SignalElementBindingType, options?: CursorDragScrollOptions) => {
+    isDragging: Signal<boolean>;
+    currentDragAmount: Signal<{
+        x: number;
+        y: number;
+    }>;
+};
+
+type SetupScrollRestorationConfig = {
+    /**
+     * The scrollable container.
+     * @default document.documentElement
+     */
+    scrollElement?: HTMLElement;
+    /**
+     * A list of query params that should trigger a scroll to top.
+     * @default []
+     * @example ['page'] // will scroll to top when the page query param changes
+     */
+    queryParamTriggerList?: string[];
+    /**
+     * Config for fragment scrolling.
+     */
+    fragment?: {
+        /**
+         * Enable fragment scrolling (scroll to element with id)
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * Whether to use smooth scrolling or not.
+         * @default false
+         */
+        smooth?: boolean;
+    };
+};
+declare const ET_DISABLE_SCROLL_TOP: unique symbol;
+declare const ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE: unique symbol;
+declare const ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE: unique symbol;
+type RouterDisableScrollTopConfig = {
+    /**
+     * Whether to disable scroll to top ONLY when navigating back to this route.
+     * @default false
+     */
+    asReturnRoute?: boolean;
+    /**
+     * Whether to disable scroll to top when a path param changes.
+     * @default false
+     */
+    onPathParamChange?: boolean;
+};
+declare const routerDisableScrollTop: (config?: RouterDisableScrollTopConfig) => {
+    [ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE]?: boolean | undefined;
+    [ET_DISABLE_SCROLL_TOP]: boolean;
+} | {
+    [ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE]?: boolean | undefined;
+    [ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE]: boolean;
+};
+declare const setupScrollRestoration: (config?: SetupScrollRestorationConfig) => void;
+
+declare const signalIsRendered: () => _angular_core.Signal<boolean>;
+declare const createIsRenderedSignal: () => {
+    state: _angular_core.WritableSignal<boolean>;
+    bind: () => _angular_core.EffectRef;
+};
+declare const createCanAnimateSignal: () => {
+    state: _angular_core.Signal<boolean>;
+};
 
-declare const previousSignalValue: <T>(signal: Signal<T>) => Signal<T | undefined>;
-type SyncSignalOptions = {
+type RouterState = {
+    data: Data;
+    pathParams: Params;
+    queryParams: Params;
+    title: string | null;
+    fragment: string | null;
+};
+declare const ET_PROPERTY_REMOVED: unique symbol;
+type InjectUtilConfig = {
+    /** The injector to use for the injection. Must be provided if the function is not called from within a injection context. */
+    injector?: Injector;
+};
+type InjectUtilTransformConfig<In, Out> = {
     /**
-     * If true, the target signal will not be updated with the source signal's value in a sync operation.
-     * This should be set to true for signals that need to be initialized first before syncing (eg. required inputs)
-     * @default false
+     * A transform function similar to the `transform` function in Angular input bindings.
+     * Can be used to transform the value before it is returned.
+     * E.g. transforming `"true"` to `true` for a boolean attribute.
      */
-    skipSyncRead?: boolean;
+    transform?: (value: In) => Out;
+};
+declare const transformOrReturn: <In, Out>(src: Signal<In>, config?: InjectUtilTransformConfig<In, Out>) => Signal<Out>;
+/** Inject the current router event */
+declare const injectRouterEvent: () => Signal<_angular_router.Event>;
+/**
+ * Signal that indicates whether the router has been initialized.
+ * The router is considered initialized once the first NavigationEnd event with an id different than -1 has been emitted.
+ */
+declare const injectIsRouterInitialized: () => Signal<boolean>;
+/**
+ * Inject the current url.
+ * The url includes query params as well as the fragment. Use `injectRoute` instead if you are not intrusted in those.
+ * @example "/my-page?query=1&param=true#fragment"
+ */
+declare const injectUrl: () => Signal<string>;
+/**
+ * Inject the current route
+ * @example "/my-page"
+ */
+declare const injectRoute: () => Signal<string>;
+declare const createRouterState: (router: Router) => RouterState;
+/**
+ * Read the current route (the committed url without query params and fragment) straight from the router.
+ * Unlike the `injectRoute` signal this reads synchronously, so it can be used inside a `router.events` handler
+ * where `router.url` is already committed. Falls back to the browser location before the first navigation commits.
+ */
+declare const createRoute: (router: Router) => string;
+/**
+ * Inject the complete router state. This includes the current route data, path params, query params, title and fragment.
+ */
+declare const injectRouterState: () => Signal<RouterState>;
+/** Inject a signal containing the current route fragment (the part after the # inside the url if present) */
+declare const injectFragment: <T = string | null>(config?: InjectUtilConfig & InjectUtilTransformConfig<string | null, T>) => Signal<T>;
+/** Inject all currently available query parameters as a signal */
+declare const injectQueryParams: () => Signal<Params>;
+/** Inject all currently available route data as a signal */
+declare const injectRouteData: () => Signal<Data>;
+/** Inject the current route title as a signal */
+declare const injectRouteTitle: <T = string | null>(config?: InjectUtilTransformConfig<string | null, T>) => Signal<T>;
+/** Inject all currently available path parameters as a signal */
+declare const injectPathParams: () => Signal<Params>;
+type InjectQueryParamConfig<T> = InjectUtilTransformConfig<string | null, T> & {
     /**
-     * If true, the first time the effect will be triggered will be skipped.
-     * @default false
+     * If true, the initial value will be read from the browser's url.
+     * Note that this will not work with arrays or complex objects.
      */
-    skipFirstRun?: boolean;
+    requireSync?: boolean;
 };
-declare const syncSignal: <T>(from: Signal<T>, to: WritableSignal<T>, options?: SyncSignalOptions) => _angular_core.EffectRef;
-type MaybeSignal<T> = T | Signal<T>;
-declare const maybeSignalValue: <T>(value: MaybeSignal<T>) => T;
+/** Inject a specific query parameter as a signal */
+declare const injectQueryParam: <T = string | null>(key: string, config?: InjectQueryParamConfig<T>) => Signal<T>;
+/** Inject a specific route data item as a signal */
+declare const injectRouteDataItem: <T = unknown>(key: string, config?: InjectUtilTransformConfig<unknown, T>) => Signal<T>;
+/** Inject a specific path parameter as a signal */
+declare const injectPathParam: <T = string | null>(key: string, config?: InjectUtilTransformConfig<string | null, T>) => Signal<T>;
 /**
- * A computed that will only be reactive until the source signal contains a truthy value.
- * All subsequent changes inside the computation will be ignored.
+ * Inject query params that changed during navigation. Unchanged query params will be ignored.
+ * Removed query params will be represented by the symbol `ET_PROPERTY_REMOVED`.
  */
-declare const computedTillTruthy: <T>(source: Signal<T>) => Signal<T | null>;
+declare const injectQueryParamChanges: () => Signal<Record<string, unknown>>;
 /**
- * A computed that will only be reactive until the source signal contains a falsy value.
- * All subsequent changes inside the computation will be ignored.
+ * Inject path params that changed during navigation. Unchanged path params will be ignored.
+ * Removed path params will be represented by the symbol `ET_PROPERTY_REMOVED`.
  */
-declare const computedTillFalsy: <T>(source: Signal<T>) => Signal<T | null>;
+declare const injectPathParamChanges: () => Signal<Record<string, unknown>>;
+
+declare class ScrollObserverDirective {
+    private elementRef;
+    enabled: _angular_core.ModelSignal<MaybeSignal<boolean>>;
+    private enabledValue;
+    private _startEl;
+    private _endEl;
+    private _startIntersection;
+    private _endIntersection;
+    isAtStart: Signal<boolean>;
+    isAtEnd: Signal<boolean>;
+    _registerStart(el: ElementRef<HTMLElement>): void;
+    _registerEnd(el: ElementRef<HTMLElement>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollObserverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollObserverDirective, "[etScrollObserver]", ["etScrollObserver"], { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; }, { "enabled": "enabledChange"; }, never, never, true, never>;
+}
+
+type DragMoveEvent = {
+    readonly stepX: number;
+    readonly stepY: number;
+    readonly clientX: number;
+    readonly clientY: number;
+};
+declare class DragHandleDirective {
+    private el;
+    commitThreshold: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private gestureStart$;
+    private gesture$;
+    dragTapped: _angular_core.OutputRef<void>;
+    dragStarted: _angular_core.OutputRef<void>;
+    dragMoved: _angular_core.OutputRef<DragMoveEvent>;
+    dragEnded: _angular_core.OutputRef<void>;
+    isDragging: _angular_core.Signal<boolean>;
+    constructor();
+    startGesture(event: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragHandleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragHandleDirective, "[etDragHandle]", never, { "commitThreshold": { "alias": "commitThreshold"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "dragTapped": "dragTapped"; "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; }, never, never, true, never>;
+}
+
+type OverlayRuntimeRole = 'dialog' | 'alertdialog';
+type OverlayRuntimeAutoFocusTarget = 'container' | 'first-heading' | 'first-tabbable';
+type OverlayRuntimeCloseSource = 'api' | 'escape' | 'outside-pointer' | 'drag';
+type OverlayRuntimeCenteredPosition = {
+    kind: 'center';
+};
+type OverlayRuntimeGlobalPositionAlignment = 'start' | 'center' | 'end' | 'stretch';
+type OverlayRuntimeGlobalPosition = {
+    kind: 'global';
+    /** Horizontal placement of the pane inside the viewport. Defaults to `center`. */
+    horizontal?: OverlayRuntimeGlobalPositionAlignment;
+    /** Vertical placement of the pane inside the viewport. Defaults to `center`. */
+    vertical?: OverlayRuntimeGlobalPositionAlignment;
+    /** Padding applied to the host element. Defaults to `0`. */
+    padding?: string;
+};
+type OverlayRuntimeAnchoredPosition = {
+    kind: 'anchored';
+    referenceElement: HTMLElement;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    offset?: OffsetOptions | null;
+    arrowPadding?: Padding | null;
+    viewportPadding?: Padding | null;
+    autoResize?: boolean;
+    shift?: boolean;
+    autoHide?: boolean;
+    autoCloseIfReferenceHidden?: boolean;
+    mirrorWidth?: boolean;
+};
+type OverlayRuntimePositionStrategy = OverlayRuntimeCenteredPosition | OverlayRuntimeAnchoredPosition | OverlayRuntimeGlobalPosition;
+type OverlayRuntimeElements = {
+    rootElement: HTMLElement;
+    hostElement: HTMLElement;
+    backdropElement: HTMLElement | null;
+    paneElement: HTMLElement;
+};
+type OverlayRuntimeCloseEvent<TResult = unknown> = {
+    result: TResult | undefined;
+    source: OverlayRuntimeCloseSource;
+};
+type OverlayRuntimeComponentBase = {
+    animatedLifecycle?: Signal<AnimatedLifecycleDirective | undefined>;
+};
+type OverlayRuntimeAnimationDelegateEnterContext = {
+    lifecycle: AnimatedLifecycleDirective;
+    elements: OverlayRuntimeElements;
+};
+type OverlayRuntimeAnimationDelegateLeaveContext = OverlayRuntimeAnimationDelegateEnterContext & {
+    closeEvent: OverlayRuntimeCloseEvent;
+};
 /**
- * A writeable signal that will be set to the provided value once all inputs are set.
- * During that time, the signal will be set to `null`.
+ * Overrides the runtime's default enter/leave animation handling.
+ * A delegate must eventually drive the lifecycle state to `entered` (enter) or `left` (leave),
+ * otherwise the overlay will never finish opening or closing.
  */
-declare const deferredSignal: <T extends () => unknown>(valueFn: T) => WritableSignal<ReturnType<T> | null>;
-declare const memoizeSignal: <T>(factory: () => Signal<T>) => () => Signal<T>;
+type OverlayRuntimeAnimationDelegate = {
+    enter?: (context: OverlayRuntimeAnimationDelegateEnterContext) => void;
+    leave?: (context: OverlayRuntimeAnimationDelegateLeaveContext) => void;
+};
+type OverlayRuntimeMountConfig<TComponent extends object> = {
+    id: string;
+    component: Type<TComponent>;
+    viewContainerRef?: ViewContainerRef;
+    injector?: Injector;
+    providers?: StaticProvider[];
+    role?: OverlayRuntimeRole;
+    positionStrategy?: OverlayRuntimePositionStrategy;
+    hasBackdrop?: boolean;
+    modal?: boolean;
+    autoFocus?: OverlayRuntimeAutoFocusTarget | string | false;
+    restoreFocus?: boolean;
+    closeOnEscape?: boolean;
+    closeOnOutsidePointer?: boolean;
+    ariaDescribedBy?: string | null;
+    ariaLabelledBy?: string | null;
+    ariaLabel?: string | null;
+    hostClass?: string[];
+    backdropClass?: string[];
+    paneClass?: string[];
+    inputBindings?: Record<string, unknown>;
+    outputBindings?: Record<string, (event: unknown) => unknown>;
+    animationDelegate?: OverlayRuntimeAnimationDelegate;
+};
+
+type OverlayRuntimeState = 'mounting' | 'mounted' | 'closing' | 'closed';
+declare const createOverlayRuntimeRef: <TComponent extends object, TResult = unknown>(id: string, config: Omit<OverlayRuntimeMountConfig<TComponent>, "component">, elements: OverlayRuntimeElements, requestClose: (result: TResult | undefined, source: OverlayRuntimeCloseSource) => void) => {
+    id: string;
+    config: Omit<OverlayRuntimeMountConfig<TComponent>, "component">;
+    elements: OverlayRuntimeElements;
+    state: _angular_core.Signal<OverlayRuntimeState>;
+    componentInstance: _angular_core.Signal<TComponent | null>;
+    beforeOpenedSubject: Subject<void>;
+    close(result?: TResult, source?: OverlayRuntimeCloseSource): void;
+    beforeOpened(): Observable<void>;
+    afterOpened(): Observable<void>;
+    beforeClosed(): Observable<OverlayRuntimeCloseEvent<TResult>>;
+    afterClosed(): Observable<OverlayRuntimeCloseEvent<TResult>>;
+    attachComponentRef(componentRef: ComponentRef<TComponent>): void;
+    /** @internal */
+    attachPositionUpdater(updater: (strategy: OverlayRuntimePositionStrategy) => void): void;
+    updatePositionStrategy(strategy: OverlayRuntimePositionStrategy): void;
+    markOpened(): void;
+    beginClose(closeEvent: OverlayRuntimeCloseEvent<TResult>): boolean;
+    finishClose(closeEvent: OverlayRuntimeCloseEvent<TResult>): void;
+};
+type OverlayRuntimeRef<TComponent extends object = object, TResult = unknown> = ReturnType<typeof createOverlayRuntimeRef<TComponent, TResult>>;
+
+declare const FOCUSABLE_SELECTOR: string;
+declare const isHTMLElement: (value: unknown) => value is HTMLElement;
+declare const isFocusable: (element: HTMLElement, document: Document) => boolean;
+declare const getFocusableElements: (container: HTMLElement, document: Document) => HTMLElement[];
+declare const getHeadingElement: (container: HTMLElement) => HTMLElement | null;
+declare const focusElement: (element: HTMLElement | null) => void;
+declare const applyInitialFocus: (paneElement: HTMLElement, autoFocus: OverlayRuntimeAutoFocusTarget | string | false, document: Document) => void;
+declare const setupFocusTrap: (paneElement: HTMLElement, overlayRef: OverlayRuntimeRef<object, unknown>, enabled: boolean, isTopMost: (ref: OverlayRuntimeRef<object, unknown>) => boolean, document: Document) => () => void;
+
+declare const setBaseElementStyles: (config: OverlayRuntimeMountConfig<object>, hostElement: HTMLElement, paneElement: HTMLElement, renderer: AngularRenderer) => void;
+declare const setBackdropStyles: (backdropElement: HTMLElement, renderer: AngularRenderer) => void;
+declare const applyCenteredPosition: (hostElement: HTMLElement, paneElement: HTMLElement, renderer: AngularRenderer, _config: OverlayRuntimeCenteredPosition) => void;
+declare const applyGlobalPosition: (hostElement: HTMLElement, paneElement: HTMLElement, renderer: AngularRenderer, config: OverlayRuntimeGlobalPosition) => void;
+/**
+ * Clears every inline style any position strategy kind may have set and
+ * restores the base element styles, so a different strategy can be applied afterwards.
+ */
+declare const resetPositioningStyles: (config: OverlayRuntimeMountConfig<object>, hostElement: HTMLElement, paneElement: HTMLElement, renderer: AngularRenderer) => void;
+declare const createAnchoredPositionCleanup: (strategy: OverlayRuntimeAnchoredPosition, paneElement: HTMLElement, overlayRef: OverlayRuntimeRef<object, unknown>, renderer: AngularRenderer) => () => void;
+declare const setupPositioning: (config: OverlayRuntimeMountConfig<object>, hostElement: HTMLElement, paneElement: HTMLElement, overlayRef: OverlayRuntimeRef<object, unknown>, renderer: AngularRenderer) => () => void;
 
-type SignalAnimatedNumberOptions = {
-    /**
-     * The initial value to start animating from.
-     * If not provided, the animation will start from 0
-     */
-    initialValue?: number;
-    /**
-     * Duration of the animation in milliseconds.
-     * @default 1000
-     */
-    duration?: number;
+type OverlayRuntime = {
+    mount: <TComponent extends object, TResult = unknown>(config: OverlayRuntimeMountConfig<TComponent>) => OverlayRuntimeRef<TComponent, TResult>;
+    openEntries: ReturnType<typeof computed<OverlayRuntimeRef<object, unknown>[]>>;
+};
+declare const provideOverlayRuntime: () => _angular_core.Provider[];
+declare const injectOverlayRuntime: {
+    (): OverlayRuntime;
+    (options: _angular_core.InjectOptions & {
+        optional?: false;
+    }): OverlayRuntime;
+    (options: _angular_core.InjectOptions): OverlayRuntime | null;
+};
+
+declare const createComponentId: (prefix: string) => string;
+
+declare const createDestroy: () => rxjs.Observable<boolean>;
+
+declare const injectHostElement: <T = HTMLElement>() => T;
+declare const injectTemplateRef: <C = unknown>() => TemplateRef<C>;
+type CreateProviderOptions = {
     /**
-     * Easing function that takes a progress value (0 to 1) and returns an eased value (0 to 1).
-     * Options:
-     * - `easeLinear()`
-     * - `easeIn()`
-     * - `easeOut()`
-     * - `easeInOut()`
-     * - `easeElastic()`
-     * - `easeOutBack()`
-     * - `easeOutBackStrong()`
-     * @default easeOut()
+     * Optional name for the provider, useful for debugging.
+     * If not provided, the name will be a generated string.
      */
-    easing?: (t: number) => number;
+    name?: string;
     /**
-     * Function to round the animated value.
-     * @default (v: number) => Math.round(v)
+     * Optional existing InjectionToken to also provide the created provider under.
      */
-    round?: (value: number) => number;
+    extraInjectionToken?: InjectionToken<unknown>;
+};
+type ProviderResult<T> = readonly [
+    provide: () => Provider[],
+    inject: {
+        (): T;
+        (options: InjectOptions & {
+            optional?: false;
+        }): T;
+        (options: InjectOptions): T | null;
+    },
+    token: InjectionToken<T>
+];
+type StaticProviderResult<T> = readonly [
+    provide: (valueOverride?: Partial<T>) => Provider[],
+    inject: {
+        (): T;
+        (options: InjectOptions & {
+            optional?: false;
+        }): T;
+        (options: InjectOptions): T | null;
+    },
+    token: InjectionToken<T>
+];
+type RootProviderResult<T> = readonly [
+    inject: {
+        (): T;
+        (options: InjectOptions & {
+            optional?: false;
+        }): T;
+        (options: InjectOptions): T | null;
+    },
+    token: InjectionToken<T>
+];
+declare const createProvider: <T>(factory: () => T, options?: CreateProviderOptions) => ProviderResult<T>;
+declare const createRootProvider: <T>(factory: () => T, options?: CreateProviderOptions) => ProviderResult<T>;
+declare const createStaticProvider: <T>(defaultValue?: T, options?: CreateProviderOptions) => StaticProviderResult<T>;
+declare const createStaticRootProvider: <T>(defaultValue?: T, options?: CreateProviderOptions) => StaticProviderResult<T>;
+
+declare const cloneFormGroup: <T extends FormGroup<any>>(formGroup: T) => T;
+declare const getFormGroupValue: <T extends FormGroup>(formGroup: T) => Record<string, unknown>;
+
+declare const createRxHostListener: <K extends keyof HTMLElementEventMap>(eventName: K, options?: EventListenerOptions) => rxjs.Observable<HTMLElementEventMap[K]>;
+declare const applyHostListener: <K extends keyof HTMLElementEventMap>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, options?: EventListenerOptions) => rxjs.Subscription;
+declare const applyHostListeners: (listeners: Partial<{ [K in keyof HTMLElementEventMap]: (event: HTMLElementEventMap[K]) => void; }>, options?: EventListenerOptions) => void;
+
+declare class TypedQueryList<T> extends QueryList<T> {
+    get changes(): Observable<TypedQueryList<T>>;
+}
+declare function switchQueryListChanges(): <T extends TypedQueryList<unknown> | null | undefined>(source: Observable<T>) => Observable<T>;
+
+/**
+ * Sets the value of an input signal.
+ * See issue: https://github.com/angular/angular/issues/54782
+ */
+declare const setInputSignal: <T>(input: InputSignal<T> | InputSignalWithTransform<T, unknown>, value: T) => void;
+
+type NgClassType = string | string[] | Set<string> | {
+    [klass: string]: any;
+} | null | undefined;
+
+declare const AT_LEAST_ONE_REQUIRED = "atLeastOneRequired";
+type ValidateAtLeastOneRequiredConfig = {
     /**
-     * Callback invoked when the animation starts.
+     * Keys of form controls to validate in the supplied form group
      */
-    onAnimationStart?: () => void;
+    keys: string[];
     /**
-     * Callback invoked when the animation ends.
+     * If true, the value `false` will result in a validation error
+     * @default false
      */
-    onAnimationEnd?: () => void;
+    checkFalse?: boolean;
+};
+declare const ValidateAtLeastOneRequired: (config: ValidateAtLeastOneRequiredConfig) => ValidatorFn;
+declare const IS_ARRAY_NOT_EMPTY = "isArrayNotEmpty";
+declare const IsArrayNotEmpty: (control: AbstractControl) => ValidationErrors | null;
+declare const IS_EMAIL = "isEmail";
+declare const IsEmail: (control: AbstractControl) => ValidationErrors | null;
+declare const MUST_MATCH = "mustMatch";
+declare const MustMatch: (controlName: string, matchingControlName: string) => (formGroup: AbstractControl) => {
+    mustMatch: boolean;
+} | null;
+declare const Validators: {
+    readonly MustMatch: (controlName: string, matchingControlName: string) => (formGroup: AbstractControl) => {
+        mustMatch: boolean;
+    } | null;
+    readonly IsEmail: (control: AbstractControl) => ValidationErrors | null;
+    readonly IsArrayNotEmpty: (control: AbstractControl) => ValidationErrors | null;
+    readonly ValidateAtLeastOneRequired: (config: ValidateAtLeastOneRequiredConfig) => ValidatorFn;
+};
+
+declare const clone: <T>(original: T) => T;
+declare const equal: (foo: any, bar: any) => boolean;
+
+declare const hasCookie: (name: string) => boolean;
+declare const getCookie: (name: string) => string | null | undefined;
+declare const setCookie: (name: string, data: string, expiresInDays?: number | null, domain?: string | null, path?: string, sameSite?: "strict" | "none" | "lax") => void;
+declare const deleteCookie: (name: string, path?: string, domain?: string | null) => void;
+declare const getDomain: () => string | null;
+
+type Translatable = {
+    i18n: string;
+    text: string;
+};
+
+declare class KeyPressManager {
+    readonly key: number;
+    private readonly _isKeyPressed$;
+    private readonly _keyPressCount$;
+    private readonly _stopTimeout$;
+    constructor(key: number);
+    isPressed(event: KeyboardEvent): boolean;
+    clear(): void;
+}
+
+declare const DISABLE_LOGGER_PARAM = "et-logger-quiet";
+type CreateLoggerConfig = {
+    scope: string;
+    feature: string;
 };
-type AnimatedNumberSignal = Signal<number> & {
-    /**
-     * Starts the animation from the current value to the target value.
-     * @returns The animated signal for chaining
-     */
-    play: () => AnimatedNumberSignal;
-    /**
-     * Resets the animation to the initial value and stops any ongoing animation.
-     * @returns The animated signal for chaining
-     */
-    reset: () => AnimatedNumberSignal;
-    /**
-     * Stops the current animation at its current position.
-     * @returns The animated signal for chaining
-     */
-    stop: () => AnimatedNumberSignal;
+declare const createLogger: (config: CreateLoggerConfig) => {
+    log: (...args: unknown[]) => void;
+    warn: (...args: unknown[]) => void;
+    error: (...args: unknown[]) => void;
 };
+
 /**
- * Creates a signal that animates the transition of a numeric signal's value over time.
+ * Converts a markdown string to HTML.
+ * Covers headings, bold, italic, strikethrough, inline code, fenced code blocks,
+ * links, images, block quotes, unordered/ordered lists, tables, horizontal rules, and paragraphs.
  */
-declare const signalAnimatedNumber: (source: MaybeSignal<number>, options?: SignalAnimatedNumberOptions) => AnimatedNumberSignal;
-declare const easeLinear: (t: number) => number;
-declare const easeIn: (t: number) => number;
-declare const easeOut: (t: number) => number;
-declare const easeInOut: (t: number) => number;
-/** Elastic easing function (overshoots) */
-declare const easeElastic: (t: number) => number;
-/** Back easing function (overshoots slightly then settles) */
-declare const easeOutBack: (t: number) => number;
-/** Back easing function with more overshoot */
-declare const easeOutBackStrong: (t: number) => number;
-
-type ControlValueSignalOptions = {
-    debounceTime?: number;
-    /**
-     * @default false
-     */
-    debounceFirst?: boolean;
-};
-declare const controlValueSignal: <TControlInput extends Signal<AbstractControl | null> | AbstractControl, TControl extends TControlInput extends Signal<infer TSignalControl> ? TSignalControl : TControlInput>(control: TControlInput, options?: ControlValueSignalOptions) => Signal<ReturnType<NonNullable<TControl>["getRawValue"]> | null>;
+declare const markdownToHtml: (markdown: string) => string;
 /**
- * The first item in the pair is the previous value and the second item is the current value.
+ * Converts an HTML string to markdown.
+ * Covers headings, bold, italic, strikethrough, inline code, fenced code blocks,
+ * links, images, block quotes, unordered/ordered lists, tables, horizontal rules, and paragraphs.
  */
-declare const controlValueSignalWithPrevious: <T extends AbstractControl>(control: T, options?: ControlValueSignalOptions) => Signal<[ReturnType<NonNullable<T extends Signal<infer TSignalControl> ? TSignalControl : T>["getRawValue"]> | null, ReturnType<NonNullable<T extends Signal<infer TSignalControl> ? TSignalControl : T>["getRawValue"]> | null]>;
+declare const htmlToMarkdown: (html: string) => string;
 
-type SignalElementBindingComplexType = HTMLElement | ElementRef<HTMLElement> | QueryList<ElementRef<HTMLElement> | HTMLElement> | Array<ElementRef<HTMLElement> | HTMLElement> | null | undefined;
-type SignalElementBindingType = HTMLElement | ElementRef<HTMLElement> | Observable<SignalElementBindingComplexType> | Signal<SignalElementBindingComplexType> | QueryList<ElementRef<HTMLElement> | HTMLElement> | ElementSignal;
-type ElementSignal = Signal<{
-    currentElements: HTMLElement[];
-    previousElements: HTMLElement[];
-}>;
-type ElementSignalValue = ReturnType<ElementSignal>;
-declare const isElementSignal: (el: unknown) => el is ElementSignal;
-declare const createDocumentElementSignal: () => ElementSignal;
-declare const createEmptyElementSignal: () => ElementSignal;
-declare const buildElementSignal: (el: SignalElementBindingType | null | undefined) => ElementSignal;
-declare const firstElementSignal: (el: ElementSignal) => Signal<{
-    currentElement: HTMLElement | null;
-    previousElement: HTMLElement | null;
-}>;
+declare const clamp: (value: number, min?: number, max?: number) => number;
+declare const round: (value: number, precision?: number) => number;
 
-declare const signalElementChildren: (el: SignalElementBindingType) => _angular_core.Signal<HTMLElement[]>;
+declare const isObject: (value: unknown) => value is Record<string, unknown>;
+declare const isArray: (value: unknown) => value is unknown[];
+declare const getObjectProperty: (obj: Record<string, unknown>, prop: string) => unknown;
 
-type BuildSignalEffectsConfig<T extends Record<string, Signal<unknown>>> = {
-    /** The tokens to apply and their signal value  */
-    tokenMap: T;
-    /** This function will be invoked for elements that were removed from the signal effects */
-    cleanupFn: (el: HTMLElement, tokens: string[]) => void;
-    /** This function will be invoked for elements that were added to the signal effects or when their signal value changes */
-    updateFn: (el: HTMLElement, tokens: string[], conditionResult: unknown) => void;
-};
-declare const buildSignalEffects: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, config: BuildSignalEffectsConfig<T>) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
-};
-declare const signalClasses: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, classMap: T) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
-};
-declare const signalHostClasses: <T extends Record<string, Signal<unknown>>>(classMap: T) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
+declare const RUNTIME_ERROR_NO_DATA = "__ET_NO_DATA__";
+declare class RuntimeError<T extends number> extends Error {
+    code: T;
+    data: unknown;
+    constructor(code: T, message: null | false | string, data?: unknown);
+}
+declare function formatRuntimeError<T extends number>(code: T, message: null | false | string): string;
+
+type CreateSessionMemoryConfig<TValue> = {
+    key: string;
+    parse: (storedValue: string) => TValue | null;
+    serialize: (value: TValue) => string;
 };
-declare const signalAttributes: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, attributeMap: T) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
+declare const createAutoSessionMemoryKey: ({ element, prefix }: {
+    element: HTMLElement;
+    prefix: string;
+}) => string;
+declare const canUseSessionMemory: () => boolean;
+declare const createSessionMemory: <TValue>({ key, parse, serialize }: CreateSessionMemoryConfig<TValue>) => {
+    read: () => TValue | null;
+    write: (value: TValue) => boolean;
+    remove: () => boolean;
+};
+
+type SwipeTracker = {
+    update(event: TouchEvent | MouseEvent): SwipeUpdateEvent;
+    end(): SwipeEndEvent;
+    cancel(): void;
+};
+type SwipeEndEvent = {
+    positivePixelPerSecondX: number;
+    positivePixelPerSecondY: number;
+    pixelPerSecondX: number;
+    pixelPerSecondY: number;
+    movementX: number;
+    movementY: number;
+    positiveMovementX: number;
+    positiveMovementY: number;
+    originClientX: number;
+    originClientY: number;
+};
+type SwipeUpdateEvent = {
+    originClientX: number;
+    originClientY: number;
+    timestamp: number;
+    movementX: number;
+    movementY: number;
+    positiveMovementX: number;
+    positiveMovementY: number;
+    isScrolling: boolean;
+    isSwiping: boolean;
+};
+declare const createSwipeTracker: (startEvent: TouchEvent | MouseEvent) => SwipeTracker;
+
+declare class NormalizeGameResultTypePipe implements PipeTransform {
+    transform: (type: string | null) => NormalizedGameResultType | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeGameResultTypePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeGameResultTypePipe, "etNormalizeGameResultType", true>;
+}
+type NormalizedGameResultType = Translatable & {
+    shortCode: string;
 };
-declare const signalHostAttributes: <T extends Record<string, Signal<unknown>>>(attributeMap: T) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
+declare const normalizeGameResultType: (type: string | null) => NormalizedGameResultType | null;
+
+declare class NormalizeMatchParticipantsPipe implements PipeTransform {
+    transform: (match: MatchListView | null) => NormalizedMatchParticipants | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchParticipantsPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchParticipantsPipe, "etNormalizeMatchParticipants", true>;
+}
+type NormalizedMatchParticipants = {
+    home: NormalizedMatchParticipant | null;
+    away: NormalizedMatchParticipant | null;
 };
-declare const signalStyles: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, styleMap: T) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
+type NormalizedParticipantType = 'team' | 'player' | 'unknown';
+type NormalizedMatchParticipant = ({
+    type: 'tbd';
+    participantType: NormalizedParticipantType;
+    data: ParticipantViewUnion | null;
+} & Translatable) | {
+    type: 'participant';
+    participantType: NormalizedParticipantType;
+    data: ParticipantViewUnion;
+} | ({
+    type: 'none';
+    participantType: NormalizedParticipantType;
+    data: ParticipantViewUnion | null;
+} & Translatable);
+declare const normalizeMatchParticipants: (match: MatchListView | null) => NormalizedMatchParticipants | null;
+declare const normalizeMatchParticipant: (match: MatchListView | null, side: "home" | "away") => NormalizedMatchParticipant | null;
+
+declare class NormalizeMatchScorePipe implements PipeTransform {
+    transform: (match: MatchListView | null | undefined) => NormalizedMatchScore | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchScorePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchScorePipe, "etNormalizeMatchScore", true>;
+}
+declare const enum MatchStateType {
+    PREPARING_ROUND = "preparingRound",
+    PRE_MATCH = "preMatch",
+    LIVE = "live",
+    POST_MATCH = "postMatch",
+    AUTO_WIN = "autoWin"
+}
+type NormalizedMatchScore = {
+    home: {
+        score: string | number | null;
+        isWinner: boolean;
+    };
+    away: {
+        score: string | number | null;
+        isWinner: boolean;
+    };
+    subLine: string | null;
+    isNumeric: boolean;
 };
-declare const signalHostStyles: <T extends Record<string, Signal<unknown>>>(styleMap: T) => {
-    remove: (tokens: string) => void;
-    removeMany: (tokens: string[]) => void;
-    has: (tokens: string) => boolean;
-    push: (tokens: string, signal: Signal<unknown>) => void;
-    pushMany: (map: Record<string, Signal<unknown>>) => void;
+declare const normalizeMatchScore: (match: MatchListView | null | undefined) => NormalizedMatchScore | null;
+declare const isKnockoutMatch: (match: MatchListView | null | undefined) => boolean;
+declare const isGroupMatch: (match: MatchListView | null | undefined) => boolean;
+declare const getKnockoutMatchScore: (score: MatchRankingView | null | undefined) => "match-score.knockout.won" | "match-score.knockout.lost" | "match-score.knockout.tie" | null;
+declare const getMatchScoreSubLine: (match: MatchListView | null | undefined) => "match-score.groups.sub-line" | null;
+declare const getGroupMatchScore: (match: MatchListView | null | undefined) => {
+    home: {
+        score: number;
+        isWinner: boolean;
+    };
+    away: {
+        score: number;
+        isWinner: boolean;
+    };
+} | null;
+declare const getGroupMatchPoints: (match: MatchListView | null | undefined) => {
+    home: {
+        score: number;
+        isWinner: boolean;
+    };
+    away: {
+        score: number;
+        isWinner: boolean;
+    };
+} | null;
+
+declare class NormalizeMatchStatePipe implements PipeTransform {
+    transform: (match: MatchListView | null | undefined) => MatchStateType | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchStatePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchStatePipe, "etNormalizeMatchState", true>;
+}
+declare const normalizeMatchState: (match: MatchListView | null | undefined) => MatchStateType | null;
+
+declare class NormalizeMatchTypePipe implements PipeTransform {
+    transform: (matchType: StageType | null | undefined) => Translatable | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NormalizeMatchTypePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NormalizeMatchTypePipe, "etNormalizeMatchType", true>;
+}
+declare const normalizeMatchType: (matchType: StageType | null | undefined) => Translatable | null;
+
+declare class HtmlToMarkdownPipe implements PipeTransform {
+    transform: (html: string) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HtmlToMarkdownPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<HtmlToMarkdownPipe, "htmlToMarkdown", true>;
+}
+
+declare class InferMimeTypePipe implements PipeTransform {
+    transform: (srcset: string) => string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InferMimeTypePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<InferMimeTypePipe, "inferMimeType", true>;
+}
+/**
+ * Infers the mime type of a given url or srcset.
+ * If a srcset is provided, it will infer the mime type of the first url in the srcset.
+ * If the srcset contains a query parameter `?fm=`, it will use the value of that parameter, since it is often used to specify the file format in image api's like contentful.
+ */
+declare const inferMimeType: (srcset: string) => string | null;
+
+declare class MarkdownToHtmlPipe implements PipeTransform {
+    transform: (markdown: string) => string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MarkdownToHtmlPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<MarkdownToHtmlPipe, "markdownToHtml", true>;
+}
+
+declare class ToArrayPipe implements PipeTransform {
+    transform: (value: number) => number[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToArrayPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<ToArrayPipe, "toArray", true>;
+}
+declare const toArray: (value: number) => number[];
+declare const toArrayTrackByFn: TrackByFunction<number>;
+
+declare const createPropHandlers: () => {
+    classes: {
+        remove: (tokens: string) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (tokens: string) => boolean;
+        push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
+        pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+    };
+    attributes: {
+        remove: (tokens: string) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (tokens: string) => boolean;
+        push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
+        pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+    };
+    styles: {
+        remove: (tokens: string) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (tokens: string) => boolean;
+        push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
+        pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+    };
+    id: string;
+    elementRef: ElementRef<HTMLElement>;
 };
+type PropHandlers = ReturnType<typeof createPropHandlers>;
 
-type LogicalSize = {
-    inlineSize: number;
-    blockSize: number;
+type Props = Readonly<{
+    attached: Signal<boolean>;
+    attachedElements: PropsAttachedElements;
+}>;
+type PropsAttachedElements = {
+    first: Signal<HTMLElement | null>;
+    firstId: Signal<string | null>;
+    get(id: string): HTMLElement | null;
 };
-type ElementRect = {
-    bottom: number;
-    height: number;
-    left: number;
-    right: number;
-    top: number;
-    width: number;
-    x: number;
-    y: number;
+type PropsAttachedElementsInternal = PropsAttachedElements & {
+    has: (id: string) => boolean;
+    push: (id: string, element: HTMLElement) => void;
+    remove: (id: string) => void;
 };
-type ElementSize = {
-    width: number;
-    height: number;
+type PropsInternal = {
+    single: boolean;
+    name: string;
+    bindId: boolean;
+    attached: Signal<boolean>;
+    attachedElements: PropsAttachedElementsInternal;
+    classBindings: Record<string, Signal<unknown>> | null;
+    attributeBindings: Record<string, Signal<unknown>> | null;
+    styleBindings: Record<string, Signal<unknown>> | null;
+    staticClassBindings: string[] | null;
+    staticAttributeBindings: Record<string, unknown> | null;
+    staticStyleBindings: Record<string, unknown> | null;
+    attachEventListeners: ((context: {
+        on: HTMLElement['addEventListener'];
+        element: HTMLElement;
+    }) => void) | null;
 };
-declare const boundingClientRectToElementRect: (rect: DOMRectReadOnly) => ElementRect;
-declare const createElementDimensions: (el: HTMLElement | null, rect?: DOMRect) => NullableElementDimensions;
-type ElementDimensions = {
-    rect: () => ElementRect;
-    client: ElementSize;
-    scroll: ElementSize;
-    offset: ElementSize;
+type CreatePropsOptions = {
+    name: string;
+    bindId?: boolean;
+    single?: boolean;
+    classes?: Record<string, Signal<unknown>>;
+    attributes?: Record<string, Signal<unknown>>;
+    styles?: Record<string, Signal<unknown>>;
+    staticClasses?: string[];
+    staticAttributes?: Record<string, unknown>;
+    staticStyles?: Record<string, unknown>;
+    listeners?: (context: {
+        on: HTMLElement['addEventListener'];
+        element: HTMLElement;
+    }) => void;
 };
-type NullableElementDimensions = {
-    [K in keyof ElementDimensions]: ElementDimensions[K] | null;
+declare const createProps: (props: CreatePropsOptions) => Props;
+type HostProps = {
+    props: Props;
+    handlers: PropHandlers;
 };
-declare const signalElementDimensions: (el: SignalElementBindingType) => _angular_core.Signal<NullableElementDimensions>;
-declare const signalHostElementDimensions: () => _angular_core.Signal<NullableElementDimensions>;
+declare const createHostProps: (props: CreatePropsOptions) => HostProps;
 
-type SignalElementIntersectionOptions = Omit<IntersectionObserverInit, 'root'> & {
-    root?: SignalElementBindingType;
-    enabled?: Signal<boolean>;
-};
-type IntersectionObserverEntryWithDetails = IntersectionObserverEntry & {
-    isAbove: boolean;
-    isBelow: boolean;
-    isLeft: boolean;
-    isRight: boolean;
-    isVisible: boolean;
-};
-declare const signalElementIntersection: (el: SignalElementBindingType, options?: SignalElementIntersectionOptions) => Signal<IntersectionObserverEntryWithDetails[]>;
-declare const signalHostElementIntersection: (options?: SignalElementIntersectionOptions) => Signal<IntersectionObserverEntryWithDetails[]>;
+declare const createSetup: <T extends Record<string, unknown>>(config: {
+    setupFn: (params: T) => void;
+    this: ThisType<unknown>;
+}) => (params: T) => void;
 
-declare const signalElementMutations: (el: SignalElementBindingType, options?: MutationObserverInit) => _angular_core.Signal<MutationRecord | null>;
-declare const signalHostElementMutations: (options?: MutationObserverInit) => _angular_core.Signal<MutationRecord | null>;
+declare const createDependencyStash: <T extends Record<string, WritableSignal<unknown>>>(stash: T) => T & {
+    provideSignal: <K extends keyof T>(data: {
+        signal: Signal<ReturnType<T[K]>>;
+        for: K;
+    }) => void;
+    provideValue: <K extends keyof T>(data: {
+        value: ReturnType<T[K]>;
+        for: K;
+    }) => void;
+};
 
-type ElementLastScrollDirectionType = 'up' | 'down' | 'left' | 'right';
-type ElementLastScrollDirection = {
-    type: ElementLastScrollDirectionType;
-    time: number;
+declare const createElementDictionary: () => {
+    ids: _angular_core.Signal<string[]>;
+    elements: _angular_core.Signal<HTMLElement[]>;
+    has: (id: string) => boolean;
+    get: (id: string) => HTMLElement | null;
+    push: (id: string, element: HTMLElement) => void;
+    remove: (id: string) => void;
+    isEmpty: _angular_core.Signal<boolean>;
+    firstElement: _angular_core.Signal<HTMLElement | null>;
+    firstId: _angular_core.Signal<string | null>;
 };
-declare const signalElementLastScrollDirection: (el: SignalElementBindingType) => _angular_core.Signal<ElementLastScrollDirection | null>;
-declare const signalHostElementLastScrollDirection: () => _angular_core.Signal<ElementLastScrollDirection | null>;
 
-type SignalElementScrollStateOptions = {
-    /** The initial scroll position to scroll to. Once a truthy value get's emitted, all further values will be ignored. */
-    initialScrollPosition?: Signal<ScrollToOptions | null>;
+type BindPropsOptions = {
+    props: Props | PropsInternal;
+    handlers: PropHandlers;
 };
-type ElementScrollState = {
-    canScroll: boolean;
-    canScrollHorizontally: boolean;
-    canScrollVertically: boolean;
-    elementDimensions: NullableElementDimensions;
+declare const bindProps: (config: BindPropsOptions) => void;
+type UnbindPropsOptions = {
+    props: Props | PropsInternal;
+    handlers: PropHandlers;
 };
-declare const areScrollStatesEqual: (a: ElementScrollState, b: ElementScrollState) => boolean;
-declare const signalElementScrollState: (el: SignalElementBindingType, options?: SignalElementScrollStateOptions) => Signal<ElementScrollState>;
-declare const signalHostElementScrollState: () => Signal<ElementScrollState>;
-
-/** Inject a signal containing a boolean value indicating if the viewport is xs */
-declare const injectIsXs: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing a boolean value indicating if the viewport is sm */
-declare const injectIsSm: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing a boolean value indicating if the viewport is md */
-declare const injectIsMd: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing a boolean value indicating if the viewport is lg */
-declare const injectIsLg: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing a boolean value indicating if the viewport is xl */
-declare const injectIsXl: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing a boolean value indicating if the viewport is 2xl */
-declare const injectIs2Xl: () => _angular_core.Signal<boolean>;
-/**
- * Inject a boolean value indicating if the viewport is matching the provided options.
- * This value is not reactive. If you want to react to changes, use the {@link injectObserveBreakpoint} function instead.
- */
-declare const injectBreakpointIsMatched: (options: BuildMediaQueryOptions) => boolean;
-/**
- * Inject a boolean value indicating if the media query is matched.
- * This value is not reactive. If you want to react to changes, use the {@link injectObserveMediaQuery} function instead.
- */
-declare const injectMediaQueryIsMatched: (mediaQuery: string) => boolean;
-/**
- * Inject a signal containing a boolean value indicating if the viewport is matching the provided options.
- */
-declare const injectObserveBreakpoint: (options: BuildMediaQueryOptions) => _angular_core.Signal<boolean>;
-/**
- * Inject a signal containing a boolean value indicating if the media query is matched.
- */
-declare const injectObserveMediaQuery: (mediaQuery: string) => _angular_core.Signal<boolean>;
-/** Inject a signal containing the current breakpoint. */
-declare const injectCurrentBreakpoint: () => _angular_core.Signal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
-/** Inject a signal that indicates if the user is using a portrait display */
-declare const injectIsPortrait: () => _angular_core.Signal<boolean>;
-/** Inject a signal that indicates if the user is using a landscape display */
-declare const injectIsLandscape: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing the current display orientation */
-declare const injectDisplayOrientation: () => _angular_core.Signal<"portrait" | "landscape">;
-/** Inject a signal that indicates if the device has a touch input */
-declare const injectHasTouchInput: () => _angular_core.Signal<boolean>;
-/** Inject a signal that indicates if the device has a fine input (mouse or stylus)  */
-declare const injectHasPrecisionInput: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing the current device input type */
-declare const injectDeviceInputType: () => _angular_core.Signal<"touch" | "mouse">;
-/** Inject a signal containing a boolean value indicating if the user can hover (eg. using a mouse) */
-declare const injectCanHover: () => _angular_core.Signal<boolean>;
-/** Inject a signal containing the viewport dimensions */
-declare const injectViewportDimensions: () => _angular_core.Signal<_ethlete_core.NullableElementDimensions>;
-/** Inject a signal containing the scrollbar dimensions. Dimensions will be 0 if scrollbars overlap the page contents (like on mobile). */
-declare const injectScrollbarDimensions: () => _angular_core.Signal<{
-    width: number;
-    height: number;
-} | null>;
+declare const unbindProps: (config: UnbindPropsOptions) => void;
 
-/**
- * Applies scrollbar size CSS variables to the documentElement (html tag) in pixels.
- * - `--et-sw`: scrollbar width
- * - `--et-sh`: scrollbar height
- */
-declare const writeScrollbarSizeToCssVariables: () => void;
-/**
- * Applies viewport size CSS variables to the documentElement (html tag) in pixels.
- * - `--et-vw`: viewport width excluding scrollbar width
- * - `--et-vh`: viewport height excluding scrollbar height
- */
-declare const writeViewportSizeToCssVariables: () => void;
+declare class PropsDirective {
+    destroyRef: DestroyRef;
+    props: _angular_core.InputSignalWithTransform<PropsInternal, Readonly<{
+        attached: _angular_core.Signal<boolean>;
+        attachedElements: _ethlete_core.PropsAttachedElements;
+    }>>;
+    propHandlers: {
+        classes: {
+            remove: (tokens: string) => void;
+            removeMany: (tokens: string[]) => void;
+            has: (tokens: string) => boolean;
+            push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
+            pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+        };
+        attributes: {
+            remove: (tokens: string) => void;
+            removeMany: (tokens: string[]) => void;
+            has: (tokens: string) => boolean;
+            push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
+            pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+        };
+        styles: {
+            remove: (tokens: string) => void;
+            removeMany: (tokens: string[]) => void;
+            has: (tokens: string) => boolean;
+            push: (tokens: string, signal: _angular_core.Signal<unknown>) => void;
+            pushMany: (map: Record<string, _angular_core.Signal<unknown>>) => void;
+        };
+        id: string;
+        elementRef: _angular_core.ElementRef<HTMLElement>;
+    };
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PropsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PropsDirective, "[etProps]", never, { "props": { "alias": "etProps"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
-type CursorDragScrollDirection = 'horizontal' | 'vertical' | 'both';
-type CursorDragScrollOptions = {
-    /** If true, cursor drag scrolling will be enabled. */
-    enabled?: Signal<boolean>;
-    /** The allowed scroll direction. */
-    allowedDirection?: MaybeSignal<CursorDragScrollDirection>;
+type AnyTemplateType = string | TemplateRef<unknown> | ComponentType<unknown> | TemplateRefWithContext | ComponentTypeWithInputs;
+type TemplateRefWithContext<T = Record<string, unknown> | undefined, J = unknown> = {
+    template: TemplateRef<J>;
+    context?: T;
+    injector?: Injector;
 };
-/** A function to apply cursor drag scroll behavior to an element. */
-declare const useCursorDragScroll: (el: SignalElementBindingType, options?: CursorDragScrollOptions) => {
-    isDragging: Signal<boolean>;
-    currentDragAmount: Signal<{
-        x: number;
-        y: number;
-    }>;
+type ComponentTypeWithInputs<T = Record<string, unknown> | undefined, J = unknown> = {
+    component: ComponentType<J>;
+    inputs?: T;
+    injector?: Injector;
+};
+type StringTemplate = {
+    type: 'string';
+    value: string;
+};
+type NgTemplateTemplate = {
+    type: 'template';
+    value: TemplateRef<unknown>;
+    context?: Record<string, unknown>;
+    injector: Injector | null;
+};
+type ComponentTemplate = {
+    type: 'component';
+    value: ComponentType<unknown>;
+    inputs?: Record<string, unknown>;
+    injector: Injector | null;
 };
+declare const templateComputed: (templateSignal: Signal<AnyTemplateType | null>) => Signal<StringTemplate | NgTemplateTemplate | ComponentTemplate | null>;
 
-type SetupScrollRestorationConfig = {
+type ResizeEdge = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+type ResizeMoveEvent = {
+    edge: ResizeEdge;
+    dx: number;
+    dy: number;
+};
+declare class ResizeHandlesComponent {
+    edges: _angular_core.InputSignal<ResizeEdge[]>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private gestureStart$;
+    private gesture$;
+    resizeStarted: _angular_core.OutputRef<ResizeEdge>;
+    resizeMoved: _angular_core.OutputRef<ResizeMoveEvent>;
+    resizeEnded: _angular_core.OutputRef<void>;
+    isResizing: _angular_core.Signal<boolean>;
+    activeEdge: _angular_core.Signal<ResizeEdge | null>;
+    readonly edgeCursors: Record<ResizeEdge, string>;
+    startResizeGesture(event: PointerEvent, edge: ResizeEdge): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizeHandlesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResizeHandlesComponent, "et-resize-handles", never, { "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "resizeStarted": "resizeStarted"; "resizeMoved": "resizeMoved"; "resizeEnded": "resizeEnded"; }, never, never, true, never>;
+}
+
+declare const elementCanScroll: (element?: HTMLElement | null, direction?: "x" | "y") => boolean;
+type IsElementVisibleOptions = {
     /**
-     * The scrollable container.
-     * @default document.documentElement
+     * The element to check if it is visible inside a container.
      */
-    scrollElement?: HTMLElement;
+    element?: HTMLElement | null;
     /**
-     * A list of query params that should trigger a scroll to top.
-     * @default []
-     * @example ['page'] // will scroll to top when the page query param changes
+     * The container to check if the element is visible inside.
+     * If null or undefined, uses the viewport as the container.
+     * @default null (viewport)
      */
-    queryParamTriggerList?: string[];
+    container?: HTMLElement | null;
     /**
-     * Config for fragment scrolling.
+     * The container's rect to check if the element is visible inside. Can be supplied to reduce the amount of DOM reads.
+     * Only used when container is provided and not null.
+     * @default container.getBoundingClientRect()
      */
-    fragment?: {
-        /**
-         * Enable fragment scrolling (scroll to element with id)
-         * @default false
-         */
-        enabled?: boolean;
-        /**
-         * Whether to use smooth scrolling or not.
-         * @default false
-         */
-        smooth?: boolean;
-    };
+    containerRect?: DOMRect | null;
+    /**
+     * The element's rect. Can be supplied to reduce the amount of DOM reads.
+     * @default element.getBoundingClientRect()
+     */
+    elementRect?: DOMRect | null;
 };
-declare const ET_DISABLE_SCROLL_TOP: unique symbol;
-declare const ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE: unique symbol;
-declare const ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE: unique symbol;
-type RouterDisableScrollTopConfig = {
+type CurrentElementVisibility = {
     /**
-     * Whether to disable scroll to top ONLY when navigating back to this route.
-     * @default false
+     * Whether the element is visible in the inline direction.
      */
-    asReturnRoute?: boolean;
+    inline: boolean;
     /**
-     * Whether to disable scroll to top when a path param changes.
-     * @default false
+     * Whether the element is visible in the block direction.
      */
-    onPathParamChange?: boolean;
-};
-declare const routerDisableScrollTop: (config?: RouterDisableScrollTopConfig) => {
-    [ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE]?: boolean | undefined;
-    [ET_DISABLE_SCROLL_TOP]: boolean;
-} | {
-    [ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE]?: boolean | undefined;
-    [ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE]: boolean;
-};
-declare const setupScrollRestoration: (config?: SetupScrollRestorationConfig) => void;
-
-declare const signalIsRendered: () => _angular_core.Signal<boolean>;
-declare const createIsRenderedSignal: () => {
-    state: _angular_core.WritableSignal<boolean>;
-    bind: () => _angular_core.EffectRef;
-};
-declare const createCanAnimateSignal: () => {
-    state: _angular_core.Signal<boolean>;
-};
-
-type RouterState = {
-    data: Data;
-    pathParams: Params;
-    queryParams: Params;
-    title: string | null;
-    fragment: string | null;
-};
-declare const ET_PROPERTY_REMOVED: unique symbol;
-type InjectUtilConfig = {
-    /** The injector to use for the injection. Must be provided if the function is not called from within a injection context. */
-    injector?: Injector;
-};
-type InjectUtilTransformConfig<In, Out> = {
+    block: boolean;
     /**
-     * A transform function similar to the `transform` function in Angular input bindings.
-     * Can be used to transform the value before it is returned.
-     * E.g. transforming `"true"` to `true` for a boolean attribute.
+     * The percentage of the element that is visible in the inline direction.
      */
-    transform?: (value: In) => Out;
+    inlineIntersection: number;
+    /**
+     * The percentage of the element that is visible in the block direction.
+     */
+    blockIntersection: number;
+    /**
+     * Whether the element is intersecting the container.
+     */
+    isIntersecting: boolean;
+    /**
+     * The ratio of the element that is intersecting the container.
+     */
+    intersectionRatio: number;
+    /**
+     * The element that is being checked for visibility.
+     */
+    element: HTMLElement;
+    /**
+     * The container's rect used for the calculation.
+     */
+    containerRect: DOMRect;
+    /**
+     * The element's rect used for the calculation.
+     */
+    elementRect: DOMRect;
 };
-declare const transformOrReturn: <In, Out>(src: Signal<In>, config?: InjectUtilTransformConfig<In, Out>) => Signal<Out>;
-/** Inject the current router event */
-declare const injectRouterEvent: () => Signal<Event$1>;
-/**
- * Signal that indicates whether the router has been initialized.
- * The router is considered initialized once the first NavigationEnd event with an id different than -1 has been emitted.
- */
-declare const injectIsRouterInitialized: () => Signal<boolean>;
-/**
- * Inject the current url.
- * The url includes query params as well as the fragment. Use `injectRoute` instead if you are not intrusted in those.
- * @example "/my-page?query=1&param=true#fragment"
- */
-declare const injectUrl: () => Signal<string>;
-/**
- * Inject the current route
- * @example "/my-page"
- */
-declare const injectRoute: () => Signal<string>;
-/**
- * Inject the complete router state. This includes the current route data, path params, query params, title and fragment.
- */
-declare const injectRouterState: () => Signal<RouterState>;
-/** Inject a signal containing the current route fragment (the part after the # inside the url if present) */
-declare const injectFragment: <T = string | null>(config?: InjectUtilConfig & InjectUtilTransformConfig<string | null, T>) => Signal<T>;
-/** Inject all currently available query parameters as a signal */
-declare const injectQueryParams: () => Signal<Params>;
-/** Inject all currently available route data as a signal */
-declare const injectRouteData: () => Signal<Data>;
-/** Inject the current route title as a signal */
-declare const injectRouteTitle: <T = string | null>(config?: InjectUtilTransformConfig<string | null, T>) => Signal<T>;
-/** Inject all currently available path parameters as a signal */
-declare const injectPathParams: () => Signal<Params>;
-type InjectQueryParamConfig<T> = InjectUtilTransformConfig<string | null, T> & {
+declare const isElementVisible: (options: IsElementVisibleOptions) => CurrentElementVisibility | null;
+declare const getElementScrollCoordinates: (options: ScrollToElementOptions) => ScrollToOptions;
+type ScrollToElementOptions = {
     /**
-     * If true, the initial value will be read from the browser's url.
-     * Note that this will not work with arrays or complex objects.
+     * The element to scroll to.
      */
-    requireSync?: boolean;
+    element?: HTMLElement | null;
+    /**
+     * The scroll container to scroll to the element in.
+     * Must be provided - cannot scroll the viewport programmatically with this function.
+     */
+    container?: HTMLElement | null;
+    /**
+     * The direction to scroll in.
+     * @default 'both'
+     */
+    direction?: 'inline' | 'block' | 'both';
+    /**
+     * The origin of the element to scroll to.
+     * @default 'nearest'
+     */
+    origin?: 'start' | 'end' | 'center' | 'nearest';
+    /**
+     * The scroll behavior.
+     * @default 'smooth'
+     */
+    behavior?: ScrollBehavior;
+    /**
+     * The scroll inline-margin
+     * @default 0
+     */
+    scrollInlineMargin?: number;
+    /**
+     * The scroll block-margin
+     * @default 0
+     */
+    scrollBlockMargin?: number;
 };
-/** Inject a specific query parameter as a signal */
-declare const injectQueryParam: <T = string | null>(key: string, config?: InjectQueryParamConfig<T>) => Signal<T>;
-/** Inject a specific route data item as a signal */
-declare const injectRouteDataItem: <T = unknown>(key: string, config?: InjectUtilTransformConfig<unknown, T>) => Signal<T>;
-/** Inject a specific path parameter as a signal */
-declare const injectPathParam: <T = string | null>(key: string, config?: InjectUtilTransformConfig<string | null, T>) => Signal<T>;
-/**
- * Inject query params that changed during navigation. Unchanged query params will be ignored.
- * Removed query params will be represented by the symbol `ET_PROPERTY_REMOVED`.
- */
-declare const injectQueryParamChanges: () => Signal<Record<string, unknown>>;
-/**
- * Inject path params that changed during navigation. Unchanged path params will be ignored.
- * Removed path params will be represented by the symbol `ET_PROPERTY_REMOVED`.
- */
-declare const injectPathParamChanges: () => Signal<Record<string, unknown>>;
+declare const scrollToElement: (options: ScrollToElementOptions) => void;
+
+type ScrollSnapOrigin = 'auto' | 'start' | 'center' | 'end';
+type ScrollSnapTarget = {
+    /** The element to snap to. */
+    element: HTMLElement;
+    /** The resolved alignment to use when scrolling to the element. */
+    origin: 'start' | 'center' | 'end';
+} | null;
+declare const getScrollSnapTarget: (items: HTMLElement[], container: HTMLElement, direction: "horizontal" | "vertical", origin: ScrollSnapOrigin, margin?: number) => ScrollSnapTarget;
+type ScrollContainerTarget = {
+    element: HTMLElement;
+    origin: 'start' | 'end';
+} | null;
+declare const getScrollContainerTarget: (entries: IntersectionObserverEntry[], direction: "start" | "end") => ScrollContainerTarget;
+type ScrollItemTarget = {
+    element: HTMLElement;
+    index: number;
+    origin: 'start' | 'end' | 'center';
+} | null;
+declare const getScrollItemTarget: (entries: IntersectionObserverEntry[], container: HTMLElement, direction: "start" | "end", scrollOrigin: "auto" | "center" | "start" | "end", axisDirection: "horizontal" | "vertical") => ScrollItemTarget;
 
 type HeadBinding<T> = {
     id: symbol;
@@ -2163,5 +2832,5 @@ declare const injectTitleStore: {
 };
 declare const applyHeadTitleBinding: (binding: MaybeSignal<string | number | null | undefined>, options?: Omit<TitlePart, "text">) => void;
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BOUNDARY_ELEMENT_TOKEN, ClickOutsideDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, DEFAULT_VIEWPORT_CONFIG, DISABLE_LOGGER_PARAM, ET_DISABLE_SCROLL_TOP, ET_DISABLE_SCROLL_TOP_AS_RETURN_ROUTE, ET_DISABLE_SCROLL_TOP_ON_PATH_PARAM_CHANGE, ET_PROPERTY_REMOVED, FOCUS_VISIBLE_TRACKER_TOKEN, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, IsArrayNotEmpty, IsEmail, jsonLd_d as JsonLD, KeyPressManager, MUST_MATCH, MatchStateType, MustMatch, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, PropsDirective, ProvideThemeDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, RuntimeError, SEO_DIRECTIVE_TOKEN, SeoDirective, StructuredDataComponent, THEME_PROVIDER, ToArrayPipe, TypedQueryList, ValidateAtLeastOneRequired, Validators, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyDescriptionBinding, applyHeadBinding, applyHeadTitleBinding, applyHostListener, applyHostListeners, applyKeywordsBinding, applyLinkBinding, applyMetaBinding, applyNextBinding, applyOgBinding, applyOpenGraphBindings, applyPrevBinding, applyResourceHintsBindings, applyRobotsBinding, applySocialMediaBindings, applyStructuredDataBinding, applyTwitterCardBindings, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildElementSignal, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createArrayPropertyBinding, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssThemeName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createPropHandlers, createPropertyBinding, createProps, createProvider, createRootProvider, createRootThemeCss, createRxHostListener, createSetup, createStaticProvider, createStaticRootProvider, createSwatchCss, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, deferredSignal, deleteCookie, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, equal, firstElementSignal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectAngularRootElement, injectBoundaryElement, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorThemes, injectCurrentBreakpoint, injectDeviceInputType, injectDisplayOrientation, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectObserveBreakpoint, injectObserveMediaQuery, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectTemplateRef, injectThemesPrefix, injectTitleConfig, injectTitleStore, injectUrl, injectViewportConfig, injectViewportDimensions, isArray, isElementSignal, isElementVisible, isGroupMatch, isKnockoutMatch, isObject, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideBoundaryElement, provideBreakpointObserver, provideColorThemes, provideColorThemesWithTailwind4, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideTitleConfig, provideTitleStore, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, setInputSignal, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toStringBinding, transformOrReturn, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideThemesPrefix };
-export type { AlternateLanguagesConfig, AlternateLink, AngularRenderer, AnimatedLifecycleState, AnimatedNumberSignal, AnimatedOverlayComponentBase, AnimatedOverlayMountConfig, AnimatedOverlayState, AnimationEndEvent, AnyTemplateType, ArticleConfig, BindPropsOptions, Breakpoint, BuildMediaQueryOptions, BuildSignalEffectsConfig, ComponentTemplate, ComponentTypeWithInputs, ControlValueSignalOptions, CreateLoggerConfig, CreatePropsOptions, CreateProviderOptions, CurrentElementVisibility, CursorDragScrollDirection, CursorDragScrollOptions, ElementDimensions, ElementLastScrollDirection, ElementLastScrollDirectionType, ElementRect, ElementScrollState, ElementSignal, ElementSignalValue, ElementSize, FacebookCard, FlipAnimationConfig, HeadBinding, HostProps, InjectQueryParamConfig, InjectUtilConfig, InjectUtilTransformConfig, IntersectionObserverEntryWithDetails, IsElementVisibleOptions, LinkConfig, LinkStoreConfig, LogicalSize, MaybeObservable, MaybeSignal, MetaConfig, MetaTagConfig, NgClassType, NgTemplateTemplate, NormalizedGameResultType, NormalizedMatchParticipant, NormalizedMatchParticipants, NormalizedMatchScore, NullableElementDimensions, OnThemeColorMap, OpenGraph, OpenGraphConfig, PropHandlers, Props, PropsAttachedElements, PropsAttachedElementsInternal, PropsInternal, ProviderResult, ResourceHintsConfig, RobotsConfig, RootProviderResult, RouterDisableScrollTopConfig, RouterState, ScrollToElementOptions, SeoConfig, SetupScrollRestorationConfig, SignalAnimatedNumberOptions, SignalElementBindingComplexType, SignalElementBindingType, SignalElementIntersectionOptions, SignalElementScrollStateOptions, SocialMediaConfig, StaticProviderResult, StringTemplate, StructuredDataConfig, SyncSignalOptions, TemplateRefWithContext, Theme, ThemeColor, ThemeColorMap, ThemeHSLColor, ThemeRGBColor, ThemeSwatch, TitleConfig, TitlePart, Translatable, TwitterCard, TwitterCardConfig, UnbindPropsOptions, ValidateAtLeastOneRequiredConfig, Vec2, ViewportConfig };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, ANIMATION_DEBUG_STORAGE_KEY, AT_LEAST_ONE_REQUIRED, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BOUNDARY_ELEMENT_TOKEN, BREAKPOINT_INSTANCE_TOKEN, BREAKPOINT_ORDER, COLOR_PROVIDER, ClickOutsideDirective, ColorInteractiveContainerDirective, ColorInteractiveDirective, ColorInteractiveExcludeDirective, ColorInteractiveHasFocusDirective, DEFAULT_MULTI_INSTANCE_RELS, DEFAULT_MULTI_INSTANCE_TAGS, 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, FOCUSABLE_SELECTOR, FOCUS_VISIBLE_TRACKER_TOKEN, HtmlToMarkdownPipe, IS_ARRAY_NOT_EMPTY, IS_EMAIL, InferMimeTypePipe, IsArrayNotEmpty, IsEmail, jsonLd_d as JsonLD, KeyPressManager, MUST_MATCH, MarkdownToHtmlPipe, MatchStateType, MustMatch, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, PropsDirective, ProvideColorDirective, ProvideSurfaceDirective, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeHandlesComponent, RuntimeError, SEO_DIRECTIVE_TOKEN, SURFACE_PROVIDER, SURFACE_TYPE, ScrollObserverDirective, ScrollObserverEndDirective, ScrollObserverStartDirective, SeoDirective, StructuredDataComponent, SurfaceInteractiveDirective, ToArrayPipe, TypedQueryList, ValidateAtLeastOneRequired, Validators, animationDebugLog, applyAlternateBinding, applyAlternateLanguagesBindings, applyArticleBindings, applyAuthorBinding, applyCanonicalBinding, applyCenteredPosition, applyDescriptionBinding, applyGlobalPosition, applyHeadBinding, applyHeadTitleBinding, 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, createAnchoredPositionCleanup, createArrayPropertyBinding, createAutoSessionMemoryKey, createBulkPropertyBinding, createCanAnimateSignal, createComponentId, createCssColorThemeName, createCssSurfaceName, createDependencyStash, createDestroy, createDocumentElementSignal, createElementDictionary, createElementDimensions, createEmptyElementSignal, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createOverlayRuntimeRef, createPropHandlers, createPropertyBinding, createProps, createProvider, createRootProvider, createRootThemeCss, createRoute, createRouterState, createRxHostListener, createSessionMemory, createSetup, createStaticProvider, createStaticRootProvider, createSwatchCss, createSwipeTracker, createTailwindColorThemes, createTailwindCssVar, createTailwindRgbVar, createThemeStyle, createUserConsentProvider, deferredSignal, deleteCookie, easeElastic, easeIn, easeInOut, easeLinear, easeOut, easeOutBack, easeOutBackStrong, elementCanScroll, equal, firstElementSignal, focusElement, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFocusableElements, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getHeadingElement, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, getScrollContainerTarget, getScrollItemTarget, getScrollSnapTarget, hasCookie, htmlToMarkdown, inferMimeType, injectAngularRootElement, injectBoundaryElement, injectBreakpointInput, injectBreakpointIsMatched, injectBreakpointObserver, injectCanHover, injectColorThemes, injectColorThemesPrefix, injectCurrentBreakpoint, injectDeviceInputType, injectDisplayOrientation, injectErrorTheme, injectFocusVisibleTracker, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsRouterInitialized, injectIsSm, injectIsXl, injectIsXs, injectLinkStore, injectLinkStoreConfig, injectLocale, injectMediaQueryIsMatched, injectMetaConfig, injectMetaStore, injectObserveBreakpoint, injectObserveMediaQuery, injectOverlayRuntime, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRenderer, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectScrollbarDimensions, injectStructuredDataConfig, injectStructuredDataStore, injectStyleManager, injectSuccessTheme, injectSurfaceContextTracker, injectSurfaceThemes, injectSurfaceThemesPrefix, injectTemplateRef, injectTitleConfig, injectTitleStore, injectUrl, injectViewportConfig, injectViewportDimensions, injectViewportSize, injectWarningTheme, isAnimationDebugEnabled, isArray, isElementSignal, isElementVisible, isFocusable, isGroupMatch, isHTMLElement, isKnockoutMatch, isObject, markdownToHtml, maybeSignalValue, memoizeSignal, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, numberBreakpointAttribute, numberBreakpointTransform, previousSignalValue, provideBoundaryElement, provideBreakpointInstance, provideBreakpointObserver, provideColorThemes, provideColorThemesWithTailwind4, provideFocusVisibleTracker, provideLinkStore, provideLinkStoreConfig, provideLocale, provideMetaConfig, provideMetaStore, provideOverlayRuntime, provideRenderer, provideStructuredDataConfig, provideStructuredDataStore, provideStyleManager, provideSurfaceContextTracker, provideSurfaceThemesWithTailwind4, provideTitleConfig, provideTitleStore, provideViewportConfig, resetPositioningStyles, resolveSurfaceByElevation, round, routerDisableScrollTop, scrollToElement, setBackdropStyles, setBaseElementStyles, setCookie, setInputSignal, setupFocusTrap, setupPositioning, setupScrollRestoration, signalAnimatedNumber, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementLastScrollDirection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementLastScrollDirection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, toStringBinding, transformOrReturn, typedBreakpointTransform, unbindProps, useCursorDragScroll, writeScrollbarSizeToCssVariables, writeViewportSizeToCssVariables, ɵProvideColorThemes, ɵProvideColorThemesPrefix, ɵProvideSurfaceThemes, ɵProvideSurfaceThemesPrefix };
+export type { AlternateLanguagesConfig, AlternateLink, AngularRenderer, AnimatedLifecycleState, AnimatedNumberSignal, AnimatedOverlayComponentBase, AnimatedOverlayMountConfig, AnimatedOverlayState, AnimationEndEvent, AnyTemplateType, ArticleConfig, BindPropsOptions, BoolBreakpointSignal, Breakpoint, BreakpointInput, BreakpointMap, BuildMediaQueryOptions, BuildSignalEffectsConfig, ColorTheme, ColorThemeType, ComponentTemplate, ComponentTypeWithInputs, ConsentHandler, ControlValueSignalOptions, CreateLoggerConfig, CreatePropsOptions, CreateProviderOptions, CreateSessionMemoryConfig, CreateUserConsentProviderOptions, CurrentElementVisibility, CursorDragScrollDirection, CursorDragScrollOptions, DragMoveEvent, ElementDimensions, ElementLastScrollDirection, ElementLastScrollDirectionType, ElementRect, ElementScrollState, ElementSignal, ElementSignalValue, ElementSize, EthleteColorThemeNameRegistry, EthleteSurfaceThemeNameRegistry, FacebookCard, FlipAnimationConfig, HeadBinding, HostProps, InjectQueryParamConfig, InjectUtilConfig, InjectUtilTransformConfig, IntersectionObserverEntryWithDetails, IsElementVisibleOptions, LinkConfig, LinkStoreConfig, LogicalSize, MaybeObservable, MaybeSignal, MetaConfig, MetaTagConfig, NgClassType, NgTemplateTemplate, NormalizedGameResultType, NormalizedMatchParticipant, NormalizedMatchParticipants, NormalizedMatchScore, NullableElementDimensions, NumberBreakpointSignal, OnThemeColorMap, OpenGraph, OpenGraphConfig, OverlayRuntimeAnchoredPosition, OverlayRuntimeAnimationDelegate, OverlayRuntimeAnimationDelegateEnterContext, OverlayRuntimeAnimationDelegateLeaveContext, OverlayRuntimeAutoFocusTarget, OverlayRuntimeCenteredPosition, OverlayRuntimeCloseEvent, OverlayRuntimeCloseSource, OverlayRuntimeComponentBase, OverlayRuntimeElements, OverlayRuntimeGlobalPosition, OverlayRuntimeGlobalPositionAlignment, OverlayRuntimeMountConfig, OverlayRuntimePositionStrategy, OverlayRuntimeRef, OverlayRuntimeRole, OverlayRuntimeState, PropHandlers, Props, PropsAttachedElements, PropsAttachedElementsInternal, PropsInternal, ProviderResult, RegisteredColorThemeName, RegisteredSurfaceThemeName, ResizeEdge, ResizeMoveEvent, ResourceHintsConfig, RobotsConfig, RootProviderResult, RouterDisableScrollTopConfig, RouterState, ScrollContainerTarget, ScrollItemTarget, ScrollSnapOrigin, ScrollSnapTarget, ScrollToElementOptions, SeoConfig, SetupScrollRestorationConfig, SignalAnimatedNumberOptions, SignalElementBindingComplexType, SignalElementBindingType, SignalElementIntersectionOptions, SignalElementScrollStateOptions, SocialMediaConfig, StaticProviderResult, StringTemplate, StructuredDataConfig, StyleManager, SurfaceContextEntry, SurfaceContextTracker, SurfaceInteractionColor, SurfaceTheme, SurfaceThemeColor, SurfaceType, SwipeEndEvent, SwipeTracker, SwipeUpdateEvent, SyncSignalOptions, TemplateRefWithContext, ThemeColor, ThemeColorMap, ThemeHSLColor, ThemeInkColorMap, ThemeRGBColor, ThemeSwatch, TitleConfig, TitlePart, Translatable, TwitterCard, TwitterCardConfig, TypedBreakpointSignal, UnbindPropsOptions, ValidateAtLeastOneRequiredConfig, Vec2, ViewportConfig };