@ethlete/core 2.6.1 → 2.7.0

package/lib/components/structured-data/structured-data.component.d.ts

@@ -7,5 +7,5 @@ export declare class StructuredDataComponent {
     jsonLD?: SafeHtml;
     getSafeHTML(value: JsonLD.WithContext<JsonLD.Thing> | JsonLD.Graph | null | undefined): SafeHtml;
     static ɵfac: i0.ɵɵFactoryDeclaration<StructuredDataComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StructuredDataComponent, "et-structured-data", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StructuredDataComponent, "et-structured-data", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never, false>;
 }

package/lib/directives/animatable/animatable.directive.d.ts

@@ -18,5 +18,5 @@ export declare class AnimatableDirective implements OnInit {
     readonly isAnimating$: Observable<boolean>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimatableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatableDirective, "[etAnimatable]", ["etAnimatable"], { "animatedElement": { "alias": "etAnimatable"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatableDirective, "[etAnimatable]", ["etAnimatable"], { "animatedElement": { "alias": "etAnimatable"; "required": false; }; }, {}, never, never, true, never, false>;
 }

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

@@ -8,8 +8,8 @@ export declare class AnimatedLifecycleDirective {
     private readonly _animatable;
     private readonly _classList;
     private _state$;
-    readonly state$: import("rxjs").Observable<"left" | "entering" | "entered" | "leaving" | "init">;
-    get state(): "left" | "entering" | "entered" | "leaving" | "init";
+    readonly state$: import("rxjs").Observable<"entering" | "entered" | "leaving" | "left" | "init">;
+    get state(): "entering" | "entered" | "leaving" | "left" | "init";
     private readonly _bindings;
     enter(config?: {
         onlyTransition?: boolean;
@@ -18,5 +18,5 @@ export declare class AnimatedLifecycleDirective {
         onlyTransition?: boolean;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedLifecycleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedLifecycleDirective, "[etAnimatedLifecycle]", ["etAnimatedLifecycle"], {}, {}, never, never, true, [{ directive: typeof i1.AnimatableDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedLifecycleDirective, "[etAnimatedLifecycle]", ["etAnimatedLifecycle"], {}, {}, never, never, true, [{ directive: typeof i1.AnimatableDirective; inputs: {}; outputs: {}; }], false>;
 }

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

@@ -75,5 +75,5 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
     _destroy(): void;
     _reposition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedOverlayDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedOverlayDirective<any>, never, never, { "placement": { "alias": "placement"; "required": false; }; "allowedAutoPlacements": { "alias": "allowedAutoPlacements"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveResizeDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedOverlayDirective<any>, never, never, { "placement": { "alias": "placement"; "required": false; }; "allowedAutoPlacements": { "alias": "allowedAutoPlacements"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveResizeDirective; inputs: {}; outputs: {}; }], false>;
 }

package/lib/directives/click-outside/click-outside.directive.d.ts

@@ -8,5 +8,5 @@ export declare class ClickOutsideDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[etClickOutside]", never, {}, { "etClickOutside": "etClickOutside"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[etClickOutside]", never, {}, { "etClickOutside": "etClickOutside"; }, never, never, true, never, false>;
 }

package/lib/directives/cursor-drag-scroll/cursor-drag-scroll.directive.d.ts

@@ -1,5 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class CursorDragScrollDirective implements AfterViewInit {
     private readonly _subscriptions;
@@ -16,6 +16,9 @@ export declare class CursorDragScrollDirective implements AfterViewInit {
     set enabled(value: BooleanInput);
     private _enabled;
     allowedDirection: 'horizontal' | 'vertical' | 'both';
+    readonly cursorDragStart: EventEmitter<void>;
+    readonly cursorDragMove: EventEmitter<void>;
+    readonly cursorDragEnd: EventEmitter<void>;
     ngAfterViewInit(): void;
     private _enableCursorDragScroll;
     private _disableCursorDragScroll;
@@ -24,5 +27,5 @@ export declare class CursorDragScrollDirective implements AfterViewInit {
     private _mouseUpHandler;
     private _updateCanScrollState;
     static ɵfac: i0.ɵɵFactoryDeclaration<CursorDragScrollDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CursorDragScrollDirective, "[etCursorDragScroll]", ["etCursorDragScroll"], { "enabled": { "alias": "etCursorDragScroll"; "required": false; }; "allowedDirection": { "alias": "allowedDirection"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CursorDragScrollDirective, "[etCursorDragScroll]", ["etCursorDragScroll"], { "enabled": { "alias": "etCursorDragScroll"; "required": false; }; "allowedDirection": { "alias": "allowedDirection"; "required": false; }; }, { "cursorDragStart": "cursorDragStart"; "cursorDragMove": "cursorDragMove"; "cursorDragEnd": "cursorDragEnd"; }, never, never, true, never, false>;
 }

package/lib/directives/delayable/delayable.directive.d.ts

@@ -9,5 +9,5 @@ export declare class DelayableDirective {
     disableDelayed(): void;
     setDelayed(val: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DelayableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DelayableDirective, "[etDelayable]", ["etDelayable"], {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DelayableDirective, "[etDelayable]", ["etDelayable"], {}, {}, never, never, true, never, false>;
 }

package/lib/directives/is-active-element/is-active-element.directive.d.ts

@@ -8,5 +8,5 @@ export declare class IsActiveElementDirective {
     set isActiveElement(value: BooleanInput);
     private _isActiveElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsActiveElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IsActiveElementDirective, "[etIsActiveElement]", never, { "isActiveElement": { "alias": "etIsActiveElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IsActiveElementDirective, "[etIsActiveElement]", never, { "isActiveElement": { "alias": "etIsActiveElement"; "required": false; }; }, {}, never, never, true, never, false>;
 }

package/lib/directives/is-element/is-element.directive.d.ts

@@ -8,5 +8,5 @@ export declare class IsElementDirective {
     set isElement(value: BooleanInput);
     private _isElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IsElementDirective, "[etIsElement]", never, { "isElement": { "alias": "etIsElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IsElementDirective, "[etIsElement]", never, { "isElement": { "alias": "etIsElement"; "required": false; }; }, {}, never, never, true, never, false>;
 }

package/lib/directives/let/let.directive.d.ts

@@ -12,5 +12,5 @@ export declare class LetDirective<T = unknown> {
     static ngTemplateContextGuard<T>(dir: LetDirective<T>, ctx: any): ctx is LetContext<T>;
     private _updateView;
     static ɵfac: i0.ɵɵFactoryDeclaration<LetDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LetDirective<any>, "[etLet]", never, { "etLet": { "alias": "etLet"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LetDirective<any>, "[etLet]", never, { "etLet": { "alias": "etLet"; "required": false; }; }, {}, never, never, true, never, false>;
 }

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

@@ -18,5 +18,5 @@ export declare class ObserveContentDirective implements AfterContentInit, OnDest
     private _subscribe;
     private _unsubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObserveContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveContentDirective, "[etObserveContent]", ["etObserveContent"], { "disabled": { "alias": "etObserveContentDisabled"; "required": false; }; "debounce": { "alias": "etObserveContentDebounce"; "required": false; }; }, { "valueChange": "etObserveContent"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveContentDirective, "[etObserveContent]", ["etObserveContent"], { "disabled": { "alias": "etObserveContentDisabled"; "required": false; }; "debounce": { "alias": "etObserveContentDebounce"; "required": false; }; }, { "valueChange": "etObserveContent"; }, never, never, true, never, false>;
 }

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

@@ -18,5 +18,5 @@ export declare class ObserveResizeDirective implements AfterContentInit, OnDestr
     private _subscribe;
     private _unsubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObserveResizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveResizeDirective, "[etObserveResize]", ["etObserveResize"], { "disabled": { "alias": "etObserveResizeDisabled"; "required": false; }; "debounce": { "alias": "etObserveResizeDebounce"; "required": false; }; }, { "valueChange": "etObserveResize"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveResizeDirective, "[etObserveResize]", ["etObserveResize"], { "disabled": { "alias": "etObserveResizeDisabled"; "required": false; }; "debounce": { "alias": "etObserveResizeDebounce"; "required": false; }; }, { "valueChange": "etObserveResize"; }, never, never, true, never, false>;
 }

package/lib/directives/observe-scroll-state/observe-scroll-state.directive.d.ts

@@ -29,5 +29,5 @@ export declare class ObserveScrollStateDirective implements OnInit, OnDestroy {
     private _clearIntersectionObserver;
     private _getNonIgnoredChild;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObserveScrollStateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveScrollStateDirective, "[etObserveScrollState]", ["etObserveScrollState"], { "observerRootMargin": { "alias": "observerRootMargin"; "required": false; }; "observerThreshold": { "alias": "observerThreshold"; "required": false; }; }, { "valueChange": "etObserveScrollState"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveScrollStateDirective, "[etObserveScrollState]", ["etObserveScrollState"], { "observerRootMargin": { "alias": "observerRootMargin"; "required": false; }; "observerThreshold": { "alias": "observerThreshold"; "required": false; }; }, { "valueChange": "etObserveScrollState"; }, never, never, true, never, false>;
 }

package/lib/directives/repeat/repeat.directive.d.ts

@@ -10,5 +10,5 @@ export declare class RepeatDirective {
     constructor(_mainTemplateRef: TemplateRef<unknown>, _viewContainerRef: ViewContainerRef);
     private _render;
     static ɵfac: i0.ɵɵFactoryDeclaration<RepeatDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RepeatDirective, "[etRepeat]", never, { "repeatCount": { "alias": "etRepeat"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RepeatDirective, "[etRepeat]", never, { "repeatCount": { "alias": "etRepeat"; "required": false; }; }, {}, never, never, true, never, false>;
 }

package/lib/directives/scroll-observer-first-element/scroll-observer-first-element.directive.d.ts

@@ -6,5 +6,5 @@ export declare class ScrollObserverFirstElementDirective {
     set isFirstElement(value: BooleanInput);
     private _isFirstElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollObserverFirstElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollObserverFirstElementDirective, "[etScrollObserverFirstElement]", never, { "isFirstElement": { "alias": "etScrollObserverFirstElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollObserverFirstElementDirective, "[etScrollObserverFirstElement]", never, { "isFirstElement": { "alias": "etScrollObserverFirstElement"; "required": false; }; }, {}, never, never, true, never, false>;
 }

package/lib/directives/scroll-observer-ignore-target/scroll-observer-ignore-target.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare const SCROLL_OBSERVER_IGNORE_TARGET_CLASS = "et-scroll-observer-ignore-target";
 export declare class ScrollObserverIgnoreTargetDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollObserverIgnoreTargetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollObserverIgnoreTargetDirective, "[etScrollObserverIgnoreTarget]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollObserverIgnoreTargetDirective, "[etScrollObserverIgnoreTarget]", never, {}, {}, never, never, true, never, false>;
 }

package/lib/directives/scroll-observer-last-element/scroll-observer-last-element.directive.d.ts

@@ -6,5 +6,5 @@ export declare class ScrollObserverLastElementDirective {
     set isLastElement(value: BooleanInput);
     private _isLastElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollObserverLastElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollObserverLastElementDirective, "[etScrollObserverLastElement]", never, { "isLastElement": { "alias": "etScrollObserverLastElement"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollObserverLastElementDirective, "[etScrollObserverLastElement]", never, { "isLastElement": { "alias": "etScrollObserverLastElement"; "required": false; }; }, {}, never, never, true, never, false>;
 }

package/lib/directives/seo/seo.directive.d.ts

@@ -17,5 +17,5 @@ export declare class SeoDirective implements OnInit, OnDestroy {
     private _update;
     private _cleanUp;
     static ɵfac: i0.ɵɵFactoryDeclaration<SeoDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SeoDirective, never, never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SeoDirective, never, never, {}, {}, never, never, true, never, false>;
 }

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

@@ -9,6 +9,11 @@ export interface IsElementVisibleOptions {
      * @default document.documentElement
      */
     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.
+     * @default container.getBoundingClientRect()
+     */
+    containerRect?: DOMRect | null;
 }
 export interface CurrentElementVisibility {
     /**
@@ -19,6 +24,18 @@ export interface CurrentElementVisibility {
      * 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;
+    /**
+     * The element that is being checked for visibility.
+     */
+    element: HTMLElement;
 }
 export declare const isElementVisible: (options: IsElementVisibleOptions) => CurrentElementVisibility | null;
 export interface ScrollToElementOptions {
@@ -58,3 +75,15 @@ export interface ScrollToElementOptions {
     scrollBlockMargin?: number;
 }
 export declare const scrollToElement: (options: ScrollToElementOptions) => void;
+export interface GetVisibleElementsOptions {
+    /**
+     * The container to check for visible elements.
+     * @default document.documentElement
+     */
+    container?: HTMLElement | null;
+    /**
+     * The elements to check if they are visible inside a container.
+     */
+    elements: HTMLElement[];
+}
+export declare const getElementVisibleStates: (options: GetVisibleElementsOptions) => CurrentElementVisibility[];

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@ethlete/core",
-  "version": "2.6.1",
+  "version": "2.7.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.0.5",
+    "@angular/platform-browser": "16.1.0",
     "@ethlete/types": "1.1.1",
     "rxjs": "7.8.1",
-    "@angular/cdk": "16.0.4",
+    "@angular/cdk": "16.1.0",
     "@popperjs/core": "2.11.8",
-    "@angular/router": "16.0.5",
-    "@angular/forms": "16.0.5"
+    "@angular/router": "16.1.0",
+    "@angular/forms": "16.1.0"
   },
   "module": "fesm2022/ethlete-core.mjs",
   "typings": "index.d.ts",