@ethlete/core 1.7.0 → 1.8.0

package/lib/utils/animation.utils.d.ts

@@ -2,11 +2,26 @@ import { Observable } from 'rxjs';
 export declare const nextFrame: (cb: () => void) => void;
 export declare const fromNextFrame: () => Observable<void>;
 export declare const forceReflow: (element?: HTMLElement) => number;
-export declare const createFlipAnimationGroup: (config: {
-    elements: HTMLElement[];
+interface FlipAnimationGroupConfig {
+    /**
+     * The elements to animate
+     */
+    elements: Array<HTMLElement | {
+        element: HTMLElement;
+        originElement?: HTMLElement;
+    }>;
+    /**
+     * The duration of the animation in milliseconds
+     * @default 250
+     */
     duration?: number;
+    /**
+     * The easing function to use for the animation
+     * @default 'cubic-bezier(0.4, 0, 0.2, 1)'
+     */
     easing?: string;
-}) => {
+}
+export declare const createFlipAnimationGroup: (config: FlipAnimationGroupConfig) => {
     updateInit: () => void;
     play: () => void;
     cancel: () => void;
@@ -14,11 +29,28 @@ export declare const createFlipAnimationGroup: (config: {
     onFinish$: Observable<void[]>;
     onCancel$: Observable<void[]>;
 };
-export declare const createFlipAnimation: (config: {
+export interface FlipAnimationConfig {
+    /**
+     * The element to animate
+     */
     element: HTMLElement;
+    /**
+     * The element to use as the origin for the animation
+     * @default element
+     */
+    originElement?: HTMLElement;
+    /**
+     * The duration of the animation in milliseconds
+     * @default 250
+     */
     duration?: number;
+    /**
+     * The easing function to use for the animation
+     * @default 'cubic-bezier(0.4, 0, 0.2, 1)'
+     */
     easing?: string;
-}) => {
+}
+export declare const createFlipAnimation: (config: FlipAnimationConfig) => {
     updateInit: () => void;
     play: () => void;
     cancel: () => void;
@@ -26,3 +58,4 @@ export declare const createFlipAnimation: (config: {
     onFinish$: Observable<void>;
     onCancel$: Observable<void>;
 };
+export {};

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@ethlete/core",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
     "@angular/common": "^15.2.1",
     "@angular/core": "^15.2.1",
-    "@angular/platform-browser": "15.2.2",
+    "@angular/platform-browser": "15.2.3",
     "@ethlete/types": "1.1.0",
     "rxjs": "7.8.0",
-    "@angular/cdk": "15.2.2",
-    "@angular/router": "15.2.2",
-    "@angular/forms": "15.2.2"
+    "@angular/cdk": "15.2.3",
+    "@angular/router": "15.2.3",
+    "@angular/forms": "15.2.3"
   },
   "module": "fesm2015/ethlete-core.mjs",
   "es2020": "fesm2020/ethlete-core.mjs",