@ethlete/core 1.5.1 → 1.6.0

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<"entering" | "entered" | "leaving" | "left" | "init">;
-    get state(): "entering" | "entered" | "leaving" | "left" | "init";
+    readonly state$: import("rxjs").Observable<"left" | "entering" | "entered" | "leaving" | "init">;
+    get state(): "left" | "entering" | "entered" | "leaving" | "init";
     private readonly _bindings;
     enter(config?: {
         onlyTransition?: boolean;

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

@@ -1 +1,50 @@
 export declare const elementCanScroll: (element: HTMLElement) => boolean;
+export interface 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.
+     * @default document.documentElement
+     */
+    container?: HTMLElement | null;
+}
+export interface CurrentElementVisibility {
+    /**
+     * Whether the element is visible in the inline direction.
+     */
+    inline: boolean;
+    /**
+     * Whether the element is visible in the block direction.
+     */
+    block: boolean;
+}
+export declare const isElementVisible: (options: IsElementVisibleOptions) => CurrentElementVisibility | null;
+export interface ScrollToElementOptions {
+    /**
+     * The element to scroll to.
+     */
+    element?: HTMLElement | null;
+    /**
+     * The scroll container to scroll to the element in.
+     * @default document.documentElement
+     */
+    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;
+}
+export declare const scrollToElement: (options: ScrollToElementOptions) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/core",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },