@ethlete/core 3.4.0 → 3.6.0

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

@@ -0,0 +1,12 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export declare const ANIMATED_IF_TOKEN: InjectionToken<AnimatedIfDirective>;
+export declare class AnimatedIfDirective {
+    private readonly _destroy$;
+    private readonly _ngIf;
+    private readonly _animatedLifecycle;
+    set shouldRender(value: unknown);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedIfDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedIfDirective, "[etAnimatedIf]", never, { "shouldRender": { "alias": "etAnimatedIf"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.NgIf; inputs: {}; outputs: {}; }]>;
+}

package/lib/directives/animated-if/public-api.d.ts

@@ -0,0 +1 @@
+export * from './animated-if.directive';

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

@@ -1,22 +1,27 @@
-import { InjectionToken } from '@angular/core';
+import { AfterViewInit, InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../animatable/animatable.directive";
 export declare const ANIMATED_LIFECYCLE_TOKEN: InjectionToken<AnimatedLifecycleDirective>;
-export declare class AnimatedLifecycleDirective {
+type AnimatedLifecycleState = 'entering' | 'entered' | 'leaving' | 'left' | 'init';
+export declare class AnimatedLifecycleDirective implements AfterViewInit {
     private readonly _destroy$;
     private readonly _elementRef;
     private readonly _animatable;
     private readonly _classList;
+    private _isConstructed;
     private _state$;
-    readonly state$: import("rxjs").Observable<"entering" | "entered" | "leaving" | "left" | "init">;
-    get state(): "entering" | "entered" | "leaving" | "left" | "init";
+    readonly state$: import("rxjs").Observable<AnimatedLifecycleState>;
+    get state(): AnimatedLifecycleState;
     private readonly _bindings;
+    ngAfterViewInit(): void;
     enter(config?: {
         onlyTransition?: boolean;
     }): void;
     leave(config?: {
         onlyTransition?: boolean;
     }): void;
+    _forceState(state: AnimatedLifecycleState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedLifecycleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedLifecycleDirective, "[etAnimatedLifecycle]", ["etAnimatedLifecycle"], {}, {}, never, never, true, [{ directive: typeof i1.AnimatableDirective; inputs: {}; outputs: {}; }]>;
 }
+export {};

package/lib/directives/observe-visibility/observe-visibility.directive.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const OBSERVE_VISIBILITY_TOKEN: InjectionToken<ObserveVisibilityDirective>;
+export declare class ObserveVisibilityDirective {
+    private readonly _destroy$;
+    private readonly _elementRef;
+    private readonly _intersectionObserverService;
+    protected readonly isIntersecting: import("@angular/core").WritableSignal<boolean>;
+    readonly etObserveVisibility: EventEmitter<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObserveVisibilityDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveVisibilityDirective, "[etObserveVisibility]", never, {}, { "etObserveVisibility": "etObserveVisibility"; }, never, never, true, never>;
+}

package/lib/directives/observe-visibility/public-api.d.ts

@@ -0,0 +1 @@
+export * from './observe-visibility.directive';

package/lib/directives/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './animatable/public-api';
+export * from './animated-if/public-api';
 export * from './animated-lifecycle/public-api';
 export * from './animated-overlay/public-api';
 export * from './click-outside/public-api';
@@ -10,6 +11,7 @@ export * from './let/public-api';
 export * from './observe-content/public-api';
 export * from './observe-resize/public-api';
 export * from './observe-scroll-state/public-api';
+export * from './observe-visibility/public-api';
 export * from './repeat/public-api';
 export * from './scroll-observer-first-element/public-api';
 export * from './scroll-observer-ignore-target/public-api';

package/lib/services/intersection-observer.service.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class IntersectionObserverFactory {
+    create(callback: IntersectionObserverCallback): IntersectionObserver | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionObserverFactory, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IntersectionObserverFactory>;
+}
+export declare class IntersectionObserverService implements OnDestroy {
+    private _intersectionObserverFactory;
+    private _observedElements;
+    ngOnDestroy(): void;
+    observe(element: Element): Observable<IntersectionObserverEntry[]>;
+    observe(element: ElementRef<Element>): Observable<IntersectionObserverEntry[]>;
+    private _observeElement;
+    private _unobserveElement;
+    private _cleanupObserver;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionObserverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IntersectionObserverService>;
+}

package/lib/services/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './click-observer.service';
 export * from './content-observer.service';
 export * from './focus-visible.service';
+export * from './intersection-observer.service';
 export * from './resize-observer.service';
 export * from './router-state.service';
 export * from './viewport.service';

package/lib/services/viewport.service.d.ts

@@ -55,8 +55,8 @@ export declare class ViewportService {
      */
     monitorViewport(): void;
     unmonitorViewport(): void;
+    getBreakpointSize(type: Breakpoint, option: 'min' | 'max'): number;
     private _observeDefaultBreakpoints;
-    private _getViewportSize;
     private _buildMediaQuery;
     private getCurrentViewport;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewportService, never>;

package/lib/utils/form.utils.d.ts

@@ -0,0 +1,2 @@
+import { FormGroup } from '@angular/forms';
+export declare const cloneFormGroup: <T extends FormGroup<any>>(formGroup: T) => T;

package/lib/utils/public-api.d.ts

@@ -5,10 +5,12 @@ export * from './clone.util';
 export * from './cookie.util';
 export * from './destroy.utils';
 export * from './equal.util';
+export * from './form.utils';
 export * from './key-press-manager.utils';
 export * from './media-query-observable.util';
 export * from './mutation-observable.util';
 export * from './reactive-binding.util';
+export * from './resize-observable.util';
 export * from './round.utils';
 export * from './runtime-error.utils';
 export * from './scrollable.utils';

package/lib/utils/resize-observable.util.d.ts

@@ -0,0 +1,5 @@
+import { Observable } from 'rxjs';
+export declare const createResizeObservable: (config: {
+    elements: HTMLElement | HTMLElement[];
+    options?: ResizeObserverOptions;
+}) => Observable<ResizeObserverEntry[]>;

package/lib/utils/scrollable.utils.d.ts

@@ -1,4 +1,4 @@
-export declare const elementCanScroll: (element: HTMLElement) => boolean;
+export declare const elementCanScroll: (element: HTMLElement, direction?: 'x' | 'y') => boolean;
 export interface IsElementVisibleOptions {
     /**
      * The element to check if it is visible inside a container.

package/lib/utils/smart-block-scroll-strategy.utils.d.ts

@@ -4,11 +4,13 @@ import { RouterStateService } from '../services';
 export declare class SmartBlockScrollStrategy implements ScrollStrategy {
     private _viewportRuler;
     private _routerState;
+    private _id;
     private _previousHTMLStyles;
     private _previousScrollPosition;
     private _isEnabled;
     private _document;
     private _urlSubscription;
+    private _resizeSubscription;
     private _didNavigate;
     constructor(_viewportRuler: ViewportRuler, _routerState: RouterStateService, document: Document);
     attach(): void;

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@ethlete/core",
-  "version": "3.4.0",
+  "version": "3.6.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@angular/platform-browser": "16.2.3",
+    "@angular/platform-browser": "16.2.5",
     "@ethlete/types": "1.4.0",
     "rxjs": "7.8.1",
-    "@angular/cdk": "16.2.2",
-    "@floating-ui/dom": "1.5.1",
-    "@angular/router": "16.2.3",
-    "@angular/forms": "16.2.3"
+    "@angular/cdk": "16.2.5",
+    "@floating-ui/dom": "1.5.3",
+    "@angular/router": "16.2.5",
+    "@angular/forms": "16.2.5"
   },
   "module": "fesm2022/ethlete-core.mjs",
   "typings": "index.d.ts",