@ethlete/core 4.21.4 → 4.23.0

package/lib/directives/animated-overlay/animated-overlay.directive.d.ts

@@ -6,7 +6,6 @@ import { OffsetOptions, Padding, Placement } from '@floating-ui/dom';
 import { Subject } from 'rxjs';
 import { AnimatedLifecycleDirective } from '../animated-lifecycle';
 import * as i0 from "@angular/core";
-import * as i1 from "../observe-resize/observe-resize.directive";
 export interface AnimatedOverlayComponentBase {
     _elementRef?: ElementRef<HTMLElement>;
     _animatedLifecycle?: AnimatedLifecycleDirective;
@@ -20,7 +19,7 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     private readonly _viewContainerRef;
     private readonly _zone;
     private readonly _elementRef;
-    private readonly _observeResize;
+    private readonly _resizeObserverService;
     private readonly _rootBoundary;
     private _portal;
     private _overlayRef;
@@ -80,6 +79,11 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
      * @default false
      */
     autoCloseIfReferenceHidden: boolean;
+    /**
+     * The reference element for the animated overlay.
+     * @default this._elementRef.nativeElement
+     */
+    referenceElement: HTMLElement;
     get isMounted(): boolean;
     get isMounted$(): import("rxjs").Observable<boolean>;
     get isMounting(): boolean;
@@ -106,5 +110,9 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     afterClosed(): Subject<void>;
     _destroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedOverlayDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedOverlayDirective<any>, never, never, { "placement": { "alias": "placement"; "required": false; }; "fallbackPlacements": { "alias": "fallbackPlacements"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; }; "viewportPadding": { "alias": "viewportPadding"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "shift": { "alias": "shift"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "autoCloseIfReferenceHidden": { "alias": "autoCloseIfReferenceHidden"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveResizeDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedOverlayDirective<any>, never, never, { "placement": { "alias": "placement"; "required": false; }; "fallbackPlacements": { "alias": "fallbackPlacements"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; }; "viewportPadding": { "alias": "viewportPadding"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "shift": { "alias": "shift"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "autoCloseIfReferenceHidden": { "alias": "autoCloseIfReferenceHidden"; "required": false; }; "referenceElement": { "alias": "referenceElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_autoResize: unknown;
+    static ngAcceptInputType_shift: unknown;
+    static ngAcceptInputType_autoHide: unknown;
+    static ngAcceptInputType_autoCloseIfReferenceHidden: unknown;
 }

package/lib/utils/signal.utils.d.ts

@@ -1,6 +1,7 @@
 import { EffectRef, ElementRef, Injector, QueryList, Signal, WritableSignal } from '@angular/core';
 import { AbstractControl, FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
+import { RouterState } from '../services';
 import { Breakpoint } from '../types';
 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;
@@ -162,24 +163,50 @@ export type InjectUtilTransformConfig<In, Out> = {
      */
     transform?: (value: In) => Out;
 };
-export declare const injectOrRunInContext: <T>(fn: () => T, config?: InjectUtilConfig) => T;
 export declare const transformOrReturn: <In, Out>(src: Signal<In>, config?: InjectUtilTransformConfig<In, Out>) => Signal<Out>;
+/** Inject the current router event */
+export declare const injectRouterEvent: () => Signal<import("@angular/router").Event | null>;
+/**
+ * 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"
+ */
+export declare const injectUrl: () => Signal<string>;
+/**
+ * Inject the current route
+ * @example "/my-page"
+ */
+export declare const injectRoute: () => Signal<string>;
+/**
+ * Inject the complete router state. This includes the current route data, path params, query params, title and fragment.
+ */
+export declare const injectRouterState: () => Signal<RouterState>;
 /** Inject a signal containing the current route fragment (the part after the # inside the url if present) */
 export declare const injectFragment: <T = string | null>(config?: InjectUtilConfig & InjectUtilTransformConfig<string | null, T>) => Signal<T>;
 /** Inject all currently available query parameters as a signal */
-export declare const injectQueryParams: (config?: InjectUtilConfig) => Signal<import("@angular/router").Params>;
+export declare const injectQueryParams: () => Signal<import("@angular/router").Params>;
 /** Inject all currently available route data as a signal */
-export declare const injectRouteData: (config?: InjectUtilConfig) => Signal<import("@angular/router").Data>;
+export declare const injectRouteData: () => Signal<import("@angular/router").Data>;
 /** Inject the current route title as a signal */
-export declare const injectRouteTitle: <T = string | null>(config?: InjectUtilConfig & InjectUtilTransformConfig<string | null, T>) => Signal<T>;
+export declare const injectRouteTitle: <T = string | null>(config?: InjectUtilTransformConfig<string | null, T>) => Signal<T>;
 /** Inject all currently available path parameters as a signal */
-export declare const injectPathParams: (config?: InjectUtilConfig) => Signal<import("@angular/router").Params>;
+export declare const injectPathParams: () => Signal<import("@angular/router").Params>;
 /** Inject a specific query parameter as a signal */
-export declare const injectQueryParam: <T = string | null>(key: string, config?: InjectUtilConfig & InjectUtilTransformConfig<string | null, T>) => Signal<T>;
+export declare const injectQueryParam: <T = string | null>(key: string, config?: InjectUtilTransformConfig<string | null, T>) => Signal<T>;
 /** Inject a specific route data item as a signal */
-export declare const injectRouteDataItem: <T = unknown>(key: string, config?: InjectUtilConfig & InjectUtilTransformConfig<unknown, T>) => Signal<T>;
+export declare const injectRouteDataItem: <T = unknown>(key: string, config?: InjectUtilTransformConfig<unknown, T>) => Signal<T>;
 /** Inject a specific path parameter as a signal */
-export declare const injectPathParam: <T = string | null>(key: string, config?: InjectUtilConfig & InjectUtilTransformConfig<string | null, T>) => Signal<T>;
+export 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`.
+ */
+export 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`.
+ */
+export declare const injectPathParamChanges: () => Signal<Record<string, unknown>>;
 export declare const createIsRenderedSignal: () => {
     state: WritableSignal<boolean>;
     bind: () => EffectRef;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/core",
-  "version": "4.21.4",
+  "version": "4.23.0",
   "peerDependencies": {
     "@angular/cdk": "^18.1.0",
     "@angular/common": "^18.1.0",