react-ui-animate 5.0.0-alpha.7 → 5.0.0-rc.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +206 -206
  3. package/package.json +63 -54
  4. package/dist/animation/AnimationConfig.d.ts +0 -63
  5. package/dist/animation/Value.d.ts +0 -12
  6. package/dist/animation/controllers.d.ts +0 -41
  7. package/dist/animation/hooks/index.d.ts +0 -3
  8. package/dist/animation/hooks/useAnimatedList.d.ts +0 -24
  9. package/dist/animation/hooks/useMount.d.ts +0 -12
  10. package/dist/animation/hooks/useValue.d.ts +0 -15
  11. package/dist/animation/index.d.ts +0 -4
  12. package/dist/animation/interpolation/colors.d.ts +0 -25
  13. package/dist/animation/interpolation/index.d.ts +0 -1
  14. package/dist/animation/interpolation/interpolateNumbers.d.ts +0 -8
  15. package/dist/animation/types.d.ts +0 -27
  16. package/dist/gestures/controllers/DragGesture.d.ts +0 -17
  17. package/dist/gestures/controllers/Gesture.d.ts +0 -20
  18. package/dist/gestures/controllers/MouseMoveGesture.d.ts +0 -13
  19. package/dist/gestures/controllers/ScrollGesture.d.ts +0 -14
  20. package/dist/gestures/controllers/WheelGesture.d.ts +0 -15
  21. package/dist/gestures/controllers/index.d.ts +0 -4
  22. package/dist/gestures/helpers/eventAttacher.d.ts +0 -11
  23. package/dist/gestures/helpers/index.d.ts +0 -1
  24. package/dist/gestures/helpers/math.d.ts +0 -34
  25. package/dist/gestures/helpers/withDefault.d.ts +0 -4
  26. package/dist/gestures/hooks/index.d.ts +0 -5
  27. package/dist/gestures/hooks/useDrag.d.ts +0 -4
  28. package/dist/gestures/hooks/useGesture.d.ts +0 -9
  29. package/dist/gestures/hooks/useMouseMove.d.ts +0 -4
  30. package/dist/gestures/hooks/useRecognizer.d.ts +0 -10
  31. package/dist/gestures/hooks/useScroll.d.ts +0 -4
  32. package/dist/gestures/hooks/useWheel.d.ts +0 -4
  33. package/dist/gestures/types/index.d.ts +0 -51
  34. package/dist/hooks/index.d.ts +0 -3
  35. package/dist/hooks/useMeasure.d.ts +0 -14
  36. package/dist/hooks/useOutsideClick.d.ts +0 -2
  37. package/dist/hooks/useWindowDimension.d.ts +0 -9
  38. package/dist/index.d.ts +0 -5
  39. package/dist/index.js +0 -2
  40. package/dist/index.js.map +0 -1
@@ -1,41 +0,0 @@
1
- import { DriverConfig } from './types';
2
- interface WithSpringOptions {
3
- mass?: number;
4
- tension?: number;
5
- friction?: number;
6
- onStart?: () => void;
7
- onChange?: (v: number | string) => void;
8
- onRest?: () => void;
9
- }
10
- export declare const withSpring: (to: number, options?: WithSpringOptions) => DriverConfig;
11
- export declare const withEase: (to: number, options?: WithSpringOptions) => DriverConfig;
12
- interface WithTimingOptions {
13
- duration?: number;
14
- easing?: (t: number) => number;
15
- onStart?: () => void;
16
- onChange?: (v: number | string) => void;
17
- onRest?: () => void;
18
- }
19
- export declare const withTiming: (to: number, options?: WithTimingOptions) => DriverConfig;
20
- interface WithDecayOptions {
21
- velocity: number;
22
- onStart?: () => void;
23
- onChange?: (v: number | string) => void;
24
- onRest?: () => void;
25
- clamp?: [number, number];
26
- }
27
- export declare const withDecay: (options: WithDecayOptions) => DriverConfig;
28
- interface WithSequenceOptions {
29
- onStart?: () => void;
30
- onChange?: (v: number | string) => void;
31
- onRest?: () => void;
32
- }
33
- export declare const withSequence: (steps: DriverConfig[], options?: WithSequenceOptions) => DriverConfig;
34
- export declare const withDelay: (delay: number) => DriverConfig;
35
- interface WithLoopOptions {
36
- onStart?: () => void;
37
- onChange?: (v: number | string) => void;
38
- onRest?: () => void;
39
- }
40
- export declare const withLoop: (controller: DriverConfig, iterations: number, options?: WithLoopOptions) => DriverConfig;
41
- export {};
@@ -1,3 +0,0 @@
1
- export * from './useValue';
2
- export * from './useMount';
3
- export * from './useAnimatedList';
@@ -1,24 +0,0 @@
1
- import { MotionValue } from '@raidipesh78/re-motion';
2
- import type { ToValue } from '../types';
3
- export declare function useAnimatedList<T>(items: T[], getKey: (item: T) => string, config?: {
4
- from?: number;
5
- enter?: ToValue<number>;
6
- exit?: ToValue<number>;
7
- }): Array<{
8
- key: string;
9
- item: T;
10
- animation: MotionValue<number>;
11
- }>;
12
- export declare function useAnimatedList<T, I extends Record<string, number>>(items: T[], getKey: (item: T) => string, config: {
13
- from: I;
14
- enter?: Partial<{
15
- [K in keyof I]: ToValue<I[K]>;
16
- }>;
17
- exit?: Partial<{
18
- [K in keyof I]: ToValue<I[K]>;
19
- }>;
20
- }): Array<{
21
- key: string;
22
- item: T;
23
- animation: Record<keyof I, MotionValue<number>>;
24
- }>;
@@ -1,12 +0,0 @@
1
- import { MotionValue } from '@raidipesh78/re-motion';
2
- import type { ToValue } from '../types';
3
- export declare function useMount(isOpen: boolean, config?: {
4
- from?: number;
5
- enter?: ToValue<number>;
6
- exit?: ToValue<number>;
7
- }): (fn: (value: MotionValue<number>, mounted: boolean) => React.ReactNode) => React.ReactNode;
8
- export declare function useMount<I extends Record<string, number>>(isOpen: boolean, config: {
9
- from: I;
10
- enter?: Partial<Record<keyof I, ToValue<number>>>;
11
- exit?: Partial<Record<keyof I, ToValue<number>>>;
12
- }): (fn: (values: Record<keyof I, MotionValue<number>>, mounted: boolean) => React.ReactNode) => React.ReactNode;
@@ -1,15 +0,0 @@
1
- import { MotionValue } from '@raidipesh78/re-motion';
2
- import { Primitive, ToValue } from '../types';
3
- type Input<V extends Primitive> = V | V[] | Record<string, V>;
4
- type Output<V extends Primitive, I extends Input<V>> = I extends V ? MotionValue<V> : I extends V[] ? {
5
- [K in keyof I]: MotionValue<V>;
6
- } : I extends Record<string, V> ? {
7
- [K in keyof I]: MotionValue<V>;
8
- } : never;
9
- type SetterParam<V extends Primitive, I extends Input<V>> = I extends V ? MotionValue<V> | ToValue<V> : I extends V[] ? Partial<{
10
- [K in keyof I]: MotionValue<V> | ToValue<V>;
11
- }> : I extends Record<string, V> ? Partial<{
12
- [K in keyof I]: MotionValue<V> | ToValue<V>;
13
- }> : never;
14
- export declare function useValue<V extends Primitive, I extends Input<V>>(initial: I): [Output<V, I>, (to: SetterParam<V, I>) => void];
15
- export {};
@@ -1,4 +0,0 @@
1
- export { useValue, useMount, useAnimatedList } from './hooks';
2
- export { withSpring, withTiming, withSequence, withDelay, withDecay, withLoop, withEase, } from './controllers';
3
- export { AnimationConfig } from './AnimationConfig';
4
- export { interpolateNumbers } from './interpolation';
@@ -1,25 +0,0 @@
1
- export declare const COLOR_NUMBER_REGEX: RegExp;
2
- export declare const HEX_NAME_COLOR: RegExp;
3
- interface classNameType {
4
- [name: string]: string;
5
- }
6
- export declare const colorNames: classNameType;
7
- export declare function hexToRgba(hex: string): {
8
- r: number;
9
- g: number;
10
- b: number;
11
- a: number;
12
- };
13
- export declare function rgbaToHex(rgba: {
14
- r: number;
15
- g: number;
16
- b: number;
17
- a: number;
18
- }): string;
19
- export declare function processColor(color: number | string): {
20
- r: number;
21
- g: number;
22
- b: number;
23
- a: number;
24
- };
25
- export {};
@@ -1 +0,0 @@
1
- export { interpolateNumbers } from './interpolateNumbers';
@@ -1,8 +0,0 @@
1
- type ExtrapolateType = 'identity' | 'extend' | 'clamp';
2
- type ExtrapolateConfig = {
3
- extrapolate?: ExtrapolateType;
4
- extrapolateLeft?: ExtrapolateType;
5
- extrapolateRight?: ExtrapolateType;
6
- };
7
- export declare function interpolateNumbers(value: number, inputRange: Array<number>, outputRange: Array<number | string>, extrapolateConfig?: ExtrapolateConfig): any;
8
- export {};
@@ -1,27 +0,0 @@
1
- export type Primitive = number | string;
2
- export interface WithCallbacks {
3
- onStart?: (value: number | string) => void;
4
- onChange?: (value: number | string) => void;
5
- onRest?: (value: number | string) => void;
6
- }
7
- export type DriverConfig = {
8
- type: 'spring' | 'timing' | 'decay' | 'sequence' | 'delay' | 'loop';
9
- to?: number;
10
- options?: {
11
- controller?: DriverConfig;
12
- iterations?: number;
13
- delay?: number;
14
- duration?: number;
15
- easing?: (t: number) => number;
16
- stiffness?: number;
17
- damping?: number;
18
- mass?: number;
19
- velocity?: number;
20
- clamp?: [number, number];
21
- steps?: DriverConfig[];
22
- onStart?: () => void;
23
- onChange?: (v: string | number) => void;
24
- onComplete?: () => void;
25
- };
26
- };
27
- export type ToValue<V> = DriverConfig | V;
@@ -1,17 +0,0 @@
1
- import { Gesture } from './Gesture';
2
- import type { Vector2 } from '../types';
3
- export declare class DragGesture extends Gesture {
4
- movementStart: Vector2;
5
- initialMovement: Vector2;
6
- movement: Vector2;
7
- previousMovement: Vector2;
8
- translation: Vector2;
9
- offset: Vector2;
10
- velocity: Vector2;
11
- _initEvents(): void;
12
- _cancelEvents(): void;
13
- _handleCallback(): void;
14
- pointerDown(e: any): void;
15
- pointerMove(e: any): void;
16
- pointerUp(): void;
17
- }
@@ -1,20 +0,0 @@
1
- export declare class Gesture {
2
- currentIndex?: number;
3
- lastTimeStamp: number;
4
- isActive: boolean;
5
- targetElement?: HTMLElement;
6
- targetElements: Array<HTMLElement>;
7
- config?: any;
8
- callback?: <T>(event: T) => void;
9
- _subscribe?: (eventKeys?: Array<string>) => void;
10
- static _VELOCITY_LIMIT: number;
11
- _initEvents(): void;
12
- _cancelEvents(): void;
13
- applyCallback(callback: <T>(event: T) => void): void;
14
- applyGesture({ targetElement, targetElements, callback, config, }: {
15
- targetElement?: any;
16
- targetElements?: any;
17
- callback: <T>(event: T) => void;
18
- config?: any;
19
- }): () => void | undefined;
20
- }
@@ -1,13 +0,0 @@
1
- import { Vector2 } from '../types';
2
- import { Gesture } from './Gesture';
3
- export declare class MouseMoveGesture extends Gesture {
4
- event?: MouseEvent;
5
- isActiveID?: any;
6
- movement: Vector2;
7
- previousMovement: Vector2;
8
- velocity: Vector2;
9
- direction: Vector2;
10
- _initEvents(): void;
11
- _handleCallback(): void;
12
- onMouseMove(e: MouseEvent): void;
13
- }
@@ -1,14 +0,0 @@
1
- import { Vector2 } from '../types';
2
- import { Gesture } from './Gesture';
3
- export declare class ScrollGesture extends Gesture {
4
- isActiveID?: any;
5
- movement: Vector2;
6
- previousMovement: Vector2;
7
- direction: Vector2;
8
- velocity: Vector2;
9
- _initEvents(): void;
10
- _handleCallback(): void;
11
- onScroll({ x, y }: Vector2): void;
12
- scrollListener(): void;
13
- scrollElementListener(): void;
14
- }
@@ -1,15 +0,0 @@
1
- import { Vector2 } from '../types';
2
- import { Gesture } from './Gesture';
3
- export declare class WheelGesture extends Gesture {
4
- isActiveID?: any;
5
- movement: Vector2;
6
- previousMovement: Vector2;
7
- direction: Vector2;
8
- velocity: Vector2;
9
- delta: Vector2;
10
- offset: Vector2;
11
- translation: Vector2;
12
- _initEvents(): void;
13
- _handleCallback(): void;
14
- onWheel(event: WheelEvent): void;
15
- }
@@ -1,4 +0,0 @@
1
- export * from './DragGesture';
2
- export * from './MouseMoveGesture';
3
- export * from './ScrollGesture';
4
- export * from './WheelGesture';
@@ -1,11 +0,0 @@
1
- type MouseEventType = 'click' | 'dblclick' | 'mousedown' | 'mousemove' | 'mouseup' | 'touchstart' | 'touchmove' | 'touchend' | 'mouseenter' | 'mouseleave' | 'mouseout' | 'mouseover' | 'scroll' | 'wheel' | 'contextmenu';
2
- type DomTargetTypes = Array<Window | Document | HTMLElement>;
3
- /**
4
- * Attach multiple document / window event / HTMLElement
5
- */
6
- export declare function attachEvents(domTargets: DomTargetTypes, events: Array<[
7
- event: MouseEventType,
8
- callback: (e: any) => void,
9
- capture?: any
10
- ]>): (eventKeys?: Array<string>) => void;
11
- export {};
@@ -1 +0,0 @@
1
- export * from './math';
@@ -1,34 +0,0 @@
1
- /**
2
- * bin(booleanValue)
3
- * returns 1 if booleanValue == true and 0 if booleanValue == false
4
- */
5
- export declare function bin(bool: boolean): 1 | 0;
6
- /**
7
- * mix(progress, a, b)
8
- * linear interpolation between a and b
9
- */
10
- export declare function mix(perc: number, val1: number, val2: number): number;
11
- /**
12
- * clamp(value, min, max)
13
- * clamps value for min and max bounds
14
- */
15
- export declare function clamp(value: number, lowerbound: number, upperbound: number): number;
16
- /**
17
- * rubberClamp(value, min, max, constant?)
18
- * constant is optional : default 0.15
19
- * clamps the value for min and max value and
20
- * extends beyond min and max values with constant
21
- * factor to create elastic rubber band effect
22
- */
23
- export declare function rubberClamp(value: number, lowerbound: number, upperbound: number, constant?: number): number;
24
- /**
25
- * snapTo(value, velocity, snapPoints[])
26
- * Calculates the final snapPoint according to given current value,
27
- * velocity and snapPoints array
28
- */
29
- export declare function snapTo(value: number, velocity: number, snapPoints: Array<number>): number;
30
- /**
31
- * move(array, moveIndex, toIndex)
32
- * move array item from moveIndex to toIndex without array modification
33
- */
34
- export declare function move(array: Array<any>, moveIndex: number, toIndex: number): any[];
@@ -1,4 +0,0 @@
1
- export declare const withDefault: (x: number, y: number) => {
2
- x: number;
3
- y: number;
4
- };
@@ -1,5 +0,0 @@
1
- export * from './useDrag';
2
- export * from './useMouseMove';
3
- export * from './useScroll';
4
- export * from './useWheel';
5
- export * from './useGesture';
@@ -1,4 +0,0 @@
1
- import { DragEventType, UseDragConfig } from '../types';
2
- export declare function useDrag(callback: (event: DragEventType) => void, config?: UseDragConfig): (index?: number) => {
3
- ref: any;
4
- };
@@ -1,9 +0,0 @@
1
- import { DragEventType, WheelEventType, ScrollEventType, MouseMoveEventType } from '../types';
2
- export declare function useGesture({ onDrag, onWheel, onScroll, onMouseMove, }: {
3
- onDrag?: (event: DragEventType) => void;
4
- onWheel?: (event: WheelEventType) => void;
5
- onScroll?: (event: ScrollEventType) => void;
6
- onMouseMove?: (event: MouseMoveEventType) => void;
7
- }): (index?: number) => {
8
- ref: any;
9
- };
@@ -1,4 +0,0 @@
1
- import { MouseMoveEventType } from '../types';
2
- export declare function useMouseMove(callback: (event: MouseMoveEventType) => void): (index?: number) => {
3
- ref: any;
4
- };
@@ -1,10 +0,0 @@
1
- type UseRecognizerHandlerType = Array<[
2
- key: 'drag' | 'wheel' | 'move' | 'scroll',
3
- gesture: any,
4
- callback: any,
5
- config?: any
6
- ]>;
7
- export declare const useRecognizer: (handlers: UseRecognizerHandlerType) => (index?: number) => {
8
- ref: any;
9
- };
10
- export {};
@@ -1,4 +0,0 @@
1
- import { ScrollEventType } from '../types';
2
- export declare function useScroll(callback: (event: ScrollEventType) => void): (index?: number) => {
3
- ref: any;
4
- };
@@ -1,4 +0,0 @@
1
- import { WheelEventType } from '../types';
2
- export declare function useWheel(callback: (event: WheelEventType) => void): (index?: number) => {
3
- ref: any;
4
- };
@@ -1,51 +0,0 @@
1
- type GenericEventType = {
2
- velocityX: number;
3
- velocityY: number;
4
- directionX: number;
5
- directionY: number;
6
- };
7
- export type DragEventType = {
8
- args: Array<number | undefined>;
9
- down: boolean;
10
- movementX: number;
11
- movementY: number;
12
- offsetX: number;
13
- offsetY: number;
14
- distanceX: number;
15
- distanceY: number;
16
- cancel: () => void;
17
- } & GenericEventType;
18
- export type MouseMoveEventType = {
19
- args: Array<number | undefined>;
20
- event: MouseEvent;
21
- target: EventTarget | undefined | null;
22
- isMoving: boolean;
23
- mouseX: number;
24
- mouseY: number;
25
- } & GenericEventType;
26
- export type ScrollEventType = {
27
- isScrolling: boolean;
28
- scrollX: number;
29
- scrollY: number;
30
- } & GenericEventType;
31
- export type WheelEventType = {
32
- target: HTMLElement | undefined | null;
33
- isWheeling: boolean;
34
- movementX: number;
35
- movementY: number;
36
- offsetX: number;
37
- offsetY: number;
38
- deltaX: number;
39
- deltaY: number;
40
- } & GenericEventType;
41
- export type UseDragConfig = {
42
- initial?: () => {
43
- movementX: number;
44
- movementY: number;
45
- };
46
- };
47
- export type Vector2 = {
48
- x: number;
49
- y: number;
50
- };
51
- export {};
@@ -1,3 +0,0 @@
1
- export * from "./useOutsideClick";
2
- export * from "./useMeasure";
3
- export * from "./useWindowDimension";
@@ -1,14 +0,0 @@
1
- import { DependencyList } from 'react';
2
- type MeasurementValue = number | Array<number>;
3
- type MeasurementType = {
4
- left: MeasurementValue;
5
- top: MeasurementValue;
6
- width: MeasurementValue;
7
- height: MeasurementValue;
8
- vLeft: MeasurementValue;
9
- vTop: MeasurementValue;
10
- };
11
- export declare function useMeasure(callback: (event: MeasurementType) => void, deps?: DependencyList): (index?: number) => {
12
- ref: import("react").MutableRefObject<null>;
13
- };
14
- export {};
@@ -1,2 +0,0 @@
1
- import { RefObject, DependencyList } from 'react';
2
- export declare function useOutsideClick(elementRef: RefObject<HTMLElement>, callback: (event: MouseEvent) => void, deps?: DependencyList): void;
@@ -1,9 +0,0 @@
1
- import { DependencyList } from 'react';
2
- type WindowDimensionType = {
3
- width: number;
4
- height: number;
5
- innerWidth: number;
6
- innerHeight: number;
7
- };
8
- export declare function useWindowDimension(callback: (event: WindowDimensionType) => void, deps?: DependencyList): void;
9
- export {};
package/dist/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export { Easing, makeMotion as makeAnimated, motion as animate, } from '@raidipesh78/re-motion';
2
- export { withSpring, withTiming, withSequence, withDelay, withDecay, withLoop, withEase, useValue, useMount, useAnimatedList, AnimationConfig, interpolateNumbers, } from './animation';
3
- export { useMeasure, useOutsideClick, useWindowDimension } from './hooks';
4
- export { useDrag, useGesture, useMouseMove, useScroll, useWheel, } from './gestures/hooks';
5
- export { bin, clamp, mix, rubberClamp, move, snapTo } from './gestures/helpers';
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- var e=require("@raidipesh78/re-motion"),t=require("react");function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=n(t),r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};function f(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function s(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}function l(e,t,n){if(n||2===arguments.length)for(var i,r=0,o=t.length;r<o;r++)!i&&r in t||(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}"function"==typeof SuppressedError&&SuppressedError;var u=function(){function t(t){this.animation=new e.MotionValue(t)}return t.prototype.set=function(t){var n,i,r,o,a,f,s=this;if(!(t instanceof e.MotionValue))if(null===(n=this.unsubscribe)||void 0===n||n.call(this),this.unsubscribe=void 0,"object"==typeof t&&null!==t){var l=t.type,u=t.to,c=t.options;if((null==c?void 0:c.onChange)&&(this.unsubscribe=this.animation.subscribe(c.onChange)),"sequence"===l){var h=(null!==(i=null==c?void 0:c.steps)&&void 0!==i?i:[]).map((function(e){return s.buildDriver(e)})),v=e.sequence(h);return(null==c?void 0:c.onComplete)&&(null===(r=v.setOnComplete)||void 0===r||r.call(v,null==c?void 0:c.onComplete)),void v.start()}if("loop"===l){var d=this.buildDriver(c.controller);v=e.loop(d,null==c?void 0:c.iterations);return(null==c?void 0:c.onComplete)&&(null===(o=v.setOnComplete)||void 0===o||o.call(v,null==c?void 0:c.onComplete)),void v.start()}null===(f=(a=this.buildDriver({type:l,to:u,options:c})).start)||void 0===f||f.call(a)}else this.animation.set(t)},t.prototype.buildDriver=function(t){var n,i,r=this.animation;switch(t.type){case"spring":return e.spring(r,t.to,t.options);case"timing":return e.timing(r,t.to,t.options);case"decay":return e.decay(r,null===(n=t.options)||void 0===n?void 0:n.velocity,t.options);case"delay":return e.delay(null===(i=t.options)||void 0===i?void 0:i.delay);case"sequence":return e.sequence(t.options.steps.map(this.buildDriver.bind(this)));default:throw new Error('Unsupported driver type "'.concat(t.type,'"'))}},Object.defineProperty(t.prototype,"value",{get:function(){return this.animation},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"current",{get:function(){return this.animation.current},enumerable:!1,configurable:!0}),t.prototype.destroy=function(){var e;null===(e=this.unsubscribe)||void 0===e||e.call(this),this.unsubscribe=void 0},t}();function c(e){var n,i,r=t.useRef(null);if(null===r.current){var o=[];if(Array.isArray(e))e.forEach((function(e,t){o.push([String(t),new u(e)])}));else if("object"==typeof e)try{for(var a=f(Object.entries(e)),l=a.next();!l.done;l=a.next()){var c=s(l.value,2),h=c[0],v=c[1];o.push([h,new u(v)])}}catch(e){n={error:e}}finally{try{l&&!l.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}else o.push(["__0",new u(e)]);r.current=o}t.useEffect((function(){return function(){r.current.forEach((function(e){return s(e,2)[1].destroy()})),r.current=null}}),[]);var d=function(){var t,n,i=r.current;if(Array.isArray(e))return i.map((function(e){return s(e,2)[1].value}));if("object"==typeof e){var o={};try{for(var a=f(i),l=a.next();!l.done;l=a.next()){var u=s(l.value,2),c=u[0],h=u[1];o[c]=h.value}}catch(e){t={error:e}}finally{try{l&&!l.done&&(n=a.return)&&n.call(a)}finally{if(t)throw t.error}}return o}return i[0][1].value}();return[d,function(t){var n,i,o=r.current;if(Array.isArray(e)){var a=t;Object.entries(a).forEach((function(e){var t,n=s(e,2),i=n[0],r=n[1],a=Number(i);isNaN(a)||void 0===r||null===(t=o[a])||void 0===t||t[1].set(r)}))}else if("object"==typeof e&&null!==e){a=t;var l=function(e,t){var n=o.find((function(t){return s(t,1)[0]===e}));n&&void 0!==t&&n[1].set(t)};try{for(var u=f(Object.entries(a)),c=u.next();!c.done;c=u.next()){var h=s(c.value,2);l(h[0],h[1])}}catch(e){n={error:e}}finally{try{c&&!c.done&&(i=u.return)&&i.call(u)}finally{if(n)throw n.error}}}else o[0][1].set(t)}]}var h={Timing:{BOUNCE:{duration:500,easing:e.Easing.bounce},EASE_IN:{duration:500,easing:e.Easing.in(e.Easing.ease)},EASE_OUT:{duration:500,easing:e.Easing.out(e.Easing.ease)},EASE_IN_OUT:{duration:500,easing:e.Easing.inOut(e.Easing.ease)},POWER1:{duration:500,easing:e.Easing.bezier(.17,.42,.51,.97)},POWER2:{duration:500,easing:e.Easing.bezier(.07,.11,.13,1)},POWER3:{duration:500,easing:e.Easing.bezier(.09,.7,.16,1.04)},POWER4:{duration:500,easing:e.Easing.bezier(.05,.54,0,1.03)},LINEAR:{duration:500,easing:e.Easing.linear}},Spring:{ELASTIC:{mass:1,friction:18,tension:250},EASE:{mass:1,friction:26,tension:170},STIFF:{mass:1,friction:18,tension:350},WOBBLE:{mass:1,friction:8,tension:250}}},v=function(e,t){var n,i,r;return{type:"spring",to:e,options:{stiffness:null!==(n=null==t?void 0:t.tension)&&void 0!==n?n:h.Spring.ELASTIC.tension,damping:null!==(i=null==t?void 0:t.friction)&&void 0!==i?i:h.Spring.ELASTIC.friction,mass:null!==(r=null==t?void 0:t.mass)&&void 0!==r?r:h.Spring.ELASTIC.mass,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onRest}}};var d=/[+-]?\d+(\.\d+)?|[\s]?\.\d+|#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})/gi,m=/#[a-f\d]{3,}|transparent|aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|burntsienna|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen/gi,p={transparent:"#00000000",aliceblue:"#f0f8ffff",antiquewhite:"#faebd7ff",aqua:"#00ffffff",aquamarine:"#7fffd4ff",azure:"#f0ffffff",beige:"#f5f5dcff",bisque:"#ffe4c4ff",black:"#000000ff",blanchedalmond:"#ffebcdff",blue:"#0000ffff",blueviolet:"#8a2be2ff",brown:"#a52a2aff",burlywood:"#deb887ff",burntsienna:"#ea7e5dff",cadetblue:"#5f9ea0ff",chartreuse:"#7fff00ff",chocolate:"#d2691eff",coral:"#ff7f50ff",cornflowerblue:"#6495edff",cornsilk:"#fff8dcff",crimson:"#dc143cff",cyan:"#00ffffff",darkblue:"#00008bff",darkcyan:"#008b8bff",darkgoldenrod:"#b8860bff",darkgray:"#a9a9a9ff",darkgreen:"#006400ff",darkgrey:"#a9a9a9ff",darkkhaki:"#bdb76bff",darkmagenta:"#8b008bff",darkolivegreen:"#556b2fff",darkorange:"#ff8c00ff",darkorchid:"#9932ccff",darkred:"#8b0000ff",darksalmon:"#e9967aff",darkseagreen:"#8fbc8fff",darkslateblue:"#483d8bff",darkslategray:"#2f4f4fff",darkslategrey:"#2f4f4fff",darkturquoise:"#00ced1ff",darkviolet:"#9400d3ff",deeppink:"#ff1493ff",deepskyblue:"#00bfffff",dimgray:"#696969ff",dimgrey:"#696969ff",dodgerblue:"#1e90ffff",firebrick:"#b22222ff",floralwhite:"#fffaf0ff",forestgreen:"#228b22ff",fuchsia:"#ff00ffff",gainsboro:"#dcdcdcff",ghostwhite:"#f8f8ffff",gold:"#ffd700ff",goldenrod:"#daa520ff",gray:"#808080ff",green:"#008000ff",greenyellow:"#adff2fff",grey:"#808080ff",honeydew:"#f0fff0ff",hotpink:"#ff69b4ff",indianred:"#cd5c5cff",indigo:"#4b0082ff",ivory:"#fffff0ff",khaki:"#f0e68cff",lavender:"#e6e6faff",lavenderblush:"#fff0f5ff",lawngreen:"#7cfc00ff",lemonchiffon:"#fffacdff",lightblue:"#add8e6ff",lightcoral:"#f08080ff",lightcyan:"#e0ffffff",lightgoldenrodyellow:"#fafad2ff",lightgray:"#d3d3d3ff",lightgreen:"#90ee90ff",lightgrey:"#d3d3d3ff",lightpink:"#ffb6c1ff",lightsalmon:"#ffa07aff",lightseagreen:"#20b2aaff",lightskyblue:"#87cefaff",lightslategray:"#778899ff",lightslategrey:"#778899ff",lightsteelblue:"#b0c4deff",lightyellow:"#ffffe0ff",lime:"#00ff00ff",limegreen:"#32cd32ff",linen:"#faf0e6ff",magenta:"#ff00ffff",maroon:"#800000ff",mediumaquamarine:"#66cdaaff",mediumblue:"#0000cdff",mediumorchid:"#ba55d3ff",mediumpurple:"#9370dbff",mediumseagreen:"#3cb371ff",mediumslateblue:"#7b68eeff",mediumspringgreen:"#00fa9aff",mediumturquoise:"#48d1ccff",mediumvioletred:"#c71585ff",midnightblue:"#191970ff",mintcream:"#f5fffaff",mistyrose:"#ffe4e1ff",moccasin:"#ffe4b5ff",navajowhite:"#ffdeadff",navy:"#000080ff",oldlace:"#fdf5e6ff",olive:"#808000ff",olivedrab:"#6b8e23ff",orange:"#ffa500ff",orangered:"#ff4500ff",orchid:"#da70d6ff",palegoldenrod:"#eee8aaff",palegreen:"#98fb98ff",paleturquoise:"#afeeeeff",palevioletred:"#db7093ff",papayawhip:"#ffefd5ff",peachpuff:"#ffdab9ff",peru:"#cd853fff",pink:"#ffc0cbff",plum:"#dda0ddff",powderblue:"#b0e0e6ff",purple:"#800080ff",rebeccapurple:"#663399ff",red:"#ff0000ff",rosybrown:"#bc8f8fff",royalblue:"#4169e1ff",saddlebrown:"#8b4513ff",salmon:"#fa8072ff",sandybrown:"#f4a460ff",seagreen:"#2e8b57ff",seashell:"#fff5eeff",sienna:"#a0522dff",silver:"#c0c0c0ff",skyblue:"#87ceebff",slateblue:"#6a5acdff",slategray:"#708090ff",slategrey:"#708090ff",snow:"#fffafaff",springgreen:"#00ff7fff",steelblue:"#4682b4ff",tan:"#d2b48cff",teal:"#008080ff",thistle:"#d8bfd8ff",tomato:"#ff6347ff",turquoise:"#40e0d0ff",violet:"#ee82eeff",wheat:"#f5deb3ff",white:"#ffffffff",whitesmoke:"#f5f5f5ff",yellow:"#ffff00ff",yellowgreen:"#9acd32ff"};function y(e){var t=function(e){return e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,n,i){return"#"+t+t+n+n+i+i}))}(e),n=function(e){return 7===e.length?e+"FF":e}(t),i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16),a:parseInt(i[4],16)/255}}function g(e){var t=e.r,n=e.g,i=e.b,r=e.a;return"#"+(256|t).toString(16).slice(1)+(256|n).toString(16).slice(1)+(256|i).toString(16).slice(1)+(255*r|256).toString(16).slice(1)}var b=function(e,t,n,i){var r=s(t,4),o=r[0],a=r[1],f=r[2],l=r[3],u=e;if(u<o){if("identity"===n)return u;"clamp"===n&&(u=o)}if(u>a){if("identity"===i)return u;"clamp"===i&&(u=a)}return f===l?f:o===a?e<=o?f:l:(o===-1/0?u=-u:a===1/0?u-=o:u=(u-o)/(a-o),f===-1/0?u=-u:l===1/0?u+=f:u=u*(l-f)+f,u)},x=function(e,t,n,i){var r=s(t,4),o=r[0],a=r[1],f=r[2],l=r[3];if(f.length===l.length)return f.map((function(t,r){return"string"==typeof t?function(e,t){var n=s(t,4),i=n[0],r=n[1],o=n[2],a=n[3],f=y(o),l=y(a);return g({r:b(e,[i,r,f.r,l.r],"clamp","clamp"),g:b(e,[i,r,f.g,l.g],"clamp","clamp"),b:b(e,[i,r,f.b,l.b],"clamp","clamp"),a:b(e,[i,r,f.a,l.a],"clamp","clamp")})}(e,[o,a,t,l[r]]):b(e,[o,a,t,l[r]],n,i)}));throw new Error("Array length doesn't match")},w=function(e){return e.replace(d,"$")},E=function(e){return e.match(d).map((function(e){return-1!==e.indexOf("#")?e:Number(e)}))},k=function(e){return e.replace(m,(function(e){if(-1!==e.indexOf("#"))return g(y(e));if(Object.prototype.hasOwnProperty.call(p,e))return p[e];throw new Error("String cannot be parsed!")}))};function M(e,t){var n=new Map;return t.forEach((function(t){var i=s(t,3),r=i[0],o=i[1],a=i[2],f=void 0!==a&&a;n.set(r,function(e,t,n,i){return void 0===i&&(i=!1),e.forEach((function(e){e.addEventListener(t,n,i)})),function(){e.forEach((function(e){e.removeEventListener(t,n,i)}))}}(e,r,o,f))})),function(e){var t,i;try{for(var r=f(n.entries()),o=r.next();!o.done;o=r.next()){var a=s(o.value,2),l=a[0],u=a[1];if(!e)return void u();-1!==e.indexOf(l)&&u()}}catch(e){t={error:e}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(t)throw t.error}}}}function _(e,t,n){return Math.min(Math.max(e,t),n)}function O(e,t,n){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,n):e*t*n/(t+n*e)}var I=function(e,t){return{x:e,y:t}},S=function(){function e(){this.lastTimeStamp=Date.now(),this.isActive=!1,this.targetElements=[]}return e.prototype._initEvents=function(){},e.prototype._cancelEvents=function(){this._subscribe&&this._subscribe()},e.prototype.applyCallback=function(e){this.callback=e},e.prototype.applyGesture=function(e){var t=this,n=e.targetElement,i=e.targetElements,r=e.callback,o=e.config;return this.targetElement=n,this.targetElements=i.map((function(e){return e.current})),this.callback=r,this.config=o,this._initEvents(),function(){return t._subscribe&&t._subscribe()}},e._VELOCITY_LIMIT=20,e}(),C=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movementStart=I(0,0),t.initialMovement=I(0,0),t.movement=I(0,0),t.previousMovement=I(0,0),t.translation=I(0,0),t.offset=I(0,0),t.velocity=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){(this.targetElement||this.targetElements.length>0)&&(this._subscribe=M([window],[["mousedown",this.pointerDown.bind(this)],["mousemove",this.pointerMove.bind(this)],["mouseup",this.pointerUp.bind(this)],["touchstart",this.pointerDown.bind(this),{passive:!1}],["touchmove",this.pointerMove.bind(this),{passive:!1}],["touchend",this.pointerUp.bind(this)]]))},t.prototype._cancelEvents=function(){this._subscribe&&this._subscribe(["mousedown","mousemove","touchstart","touchmove"])},t.prototype._handleCallback=function(){var e=this;this.callback&&this.callback({args:[this.currentIndex],down:this.isActive,movementX:this.movement.x,movementY:this.movement.y,offsetX:this.translation.x,offsetY:this.translation.y,velocityX:this.velocity.x,velocityY:this.velocity.y,distanceX:Math.abs(this.movement.x),distanceY:Math.abs(this.movement.y),directionX:Math.sign(this.movement.x),directionY:Math.sign(this.movement.y),cancel:function(){e._cancelEvents()}})},t.prototype.pointerDown=function(e){var t;"touchstart"===e.type?this.movementStart={x:e.touches[0].clientX,y:e.touches[0].clientY}:this.movementStart={x:e.clientX,y:e.clientY},this.movement={x:0,y:0},this.offset={x:this.translation.x,y:this.translation.y},this.previousMovement={x:0,y:0},this.velocity={x:0,y:0};var n=this.targetElements.find((function(t){return t===e.target}));if(e.target===this.targetElement||n){this.isActive=!0,e.preventDefault(),n&&(this.currentIndex=this.targetElements.indexOf(n));var i=(null===(t=this.config)||void 0===t?void 0:t.initial)&&this.config.initial(),r=null==i?void 0:i.movementX,o=null==i?void 0:i.movementY;this.initialMovement={x:null!=r?r:0,y:null!=o?o:0},this.movement={x:this.initialMovement.x,y:this.initialMovement.y},this.previousMovement={x:this.initialMovement.x,y:this.initialMovement.y},this._handleCallback()}},t.prototype.pointerMove=function(e){if(this.isActive){e.preventDefault();var t=Date.now(),n=_(t-this.lastTimeStamp,.1,64);this.lastTimeStamp=t;var i=n/1e3;"touchmove"===e.type?this.movement={x:this.initialMovement.x+(e.touches[0].clientX-this.movementStart.x),y:this.initialMovement.y+(e.touches[0].clientY-this.movementStart.y)}:this.movement={x:this.initialMovement.x+(e.clientX-this.movementStart.x),y:this.initialMovement.y+(e.clientY-this.movementStart.y)},this.translation={x:this.offset.x+this.movement.x,y:this.offset.y+this.movement.y},this.velocity={x:_((this.movement.x-this.previousMovement.x)/i/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_((this.movement.y-this.previousMovement.y)/i/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()}},t.prototype.pointerUp=function(){this.isActive&&(this.isActive=!1,this._handleCallback(),this._cancelEvents(),this._initEvents())},t}(S),T=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movement=I(0,0),t.previousMovement=I(0,0),t.velocity=I(0,0),t.direction=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){this.targetElement?this._subscribe=M([this.targetElement],[["mousemove",this.onMouseMove.bind(this)]]):this.targetElements.length>0?this._subscribe=M(this.targetElements,[["mousemove",this.onMouseMove.bind(this)]]):this._subscribe=M([window],[["mousemove",this.onMouseMove.bind(this)]])},t.prototype._handleCallback=function(){var e;this.callback&&this.callback({args:[this.currentIndex],event:this.event,isMoving:this.isActive,target:null===(e=this.event)||void 0===e?void 0:e.target,mouseX:this.movement.x,mouseY:this.movement.y,velocityX:this.velocity.x,velocityY:this.velocity.y,directionX:this.direction.x,directionY:this.direction.y})},t.prototype.onMouseMove=function(e){var t=this,n=this.targetElements.find((function(t){return t===e.target}));n&&(this.currentIndex=this.targetElements.indexOf(n)),this.event=e;var i=Date.now(),r=Math.min(i-this.lastTimeStamp,64);this.lastTimeStamp=i;var o=r/1e3,a=e.clientX,f=e.clientY;this.movement={x:a,y:f},-1!==this.isActiveID&&(this.isActive=!0,clearTimeout(this.isActiveID)),this.isActiveID=setTimeout((function(){t.isActive=!1,t.direction={x:0,y:0},t.velocity={x:0,y:0},t._handleCallback()}),250);var s=this.movement.x-this.previousMovement.x,l=this.movement.y-this.previousMovement.y;this.direction={x:Math.sign(s),y:Math.sign(l)},this.velocity={x:_(s/o/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_(l/o/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()},t}(S),L=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movement=I(0,0),t.previousMovement=I(0,0),t.direction=I(0,0),t.velocity=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){this.targetElement?this._subscribe=M([this.targetElement],[["scroll",this.scrollElementListener.bind(this)]]):this._subscribe=M([window],[["scroll",this.scrollListener.bind(this)]])},t.prototype._handleCallback=function(){this.callback&&this.callback({isScrolling:this.isActive,scrollX:this.movement.x,scrollY:this.movement.y,velocityX:this.velocity.x,velocityY:this.velocity.y,directionX:this.direction.x,directionY:this.direction.y})},t.prototype.onScroll=function(e){var t=this,n=e.x,i=e.y,r=Date.now(),o=Math.min(r-this.lastTimeStamp,64);this.lastTimeStamp=r;var a=o/1e3;this.movement={x:n,y:i},-1!==this.isActiveID&&(this.isActive=!0,clearTimeout(this.isActiveID)),this.isActiveID=setTimeout((function(){t.isActive=!1,t.direction={x:0,y:0},t.velocity={x:0,y:0},t._handleCallback()}),250);var f=this.movement.x-this.previousMovement.x,s=this.movement.y-this.previousMovement.y;this.direction={x:Math.sign(f),y:Math.sign(s)},this.velocity={x:_(f/a/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_(s/a/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()},t.prototype.scrollListener=function(){var e=window.pageYOffset,t=window.pageXOffset;this.onScroll({x:t,y:e})},t.prototype.scrollElementListener=function(){var e,t,n=(null===(e=this.targetElement)||void 0===e?void 0:e.scrollLeft)||0,i=(null===(t=this.targetElement)||void 0===t?void 0:t.scrollTop)||0;this.onScroll({x:n,y:i})},t}(S),A=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movement=I(0,0),t.previousMovement=I(0,0),t.direction=I(0,0),t.velocity=I(0,0),t.delta=I(0,0),t.offset=I(0,0),t.translation=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){this.targetElement&&(this._subscribe=M([this.targetElement],[["wheel",this.onWheel.bind(this)]]))},t.prototype._handleCallback=function(){this.callback&&this.callback({target:this.targetElement,isWheeling:this.isActive,deltaX:this.delta.x,deltaY:this.delta.y,directionX:this.direction.x,directionY:this.direction.y,movementX:this.movement.x,movementY:this.movement.y,offsetX:this.offset.x,offsetY:this.offset.y,velocityX:this.velocity.x,velocityY:this.velocity.y})},t.prototype.onWheel=function(e){var t=this,n=e.deltaX,i=e.deltaY,r=e.deltaMode,o=Date.now(),a=Math.min(o-this.lastTimeStamp,64);this.lastTimeStamp=o;var f=a/1e3;this.isActive=!0,-1!==this.isActiveID&&(this.isActive=!0,clearTimeout(this.isActiveID)),this.isActiveID=setTimeout((function(){t.isActive=!1,t.translation={x:t.offset.x,y:t.offset.y},t._handleCallback(),t.velocity={x:0,y:0},t.movement={x:0,y:0}}),200),1===r?(n*=40,i*=40):2===r&&(n*=800,i*=800),this.delta={x:n,y:i},this.movement={x:this.movement.x+n,y:this.movement.y+i},this.offset={x:this.translation.x+this.movement.x,y:this.translation.y+this.movement.y};var s=this.movement.x-this.previousMovement.x,l=this.movement.y-this.previousMovement.y;this.direction={x:Math.sign(s),y:Math.sign(l)},this.velocity={x:_(s/f/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_(l/f/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()},t}(S),Y=function(e){var t=i.useRef(),n=i.useRef([]),r=i.useRef(new Map).current;return i.useEffect((function(){var t,n;try{for(var i=f(r.entries()),o=i.next();!o.done;o=i.next()){var a=s(o.value,2)[1],l=a.keyIndex,u=a.gesture,c=s(e[l],3)[2];u.applyCallback(c)}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}}),[e]),i.useEffect((function(){return e.forEach((function(e,i){var o=s(e,4),a=o[0],f=o[1],l=o[2],u=o[3];queueMicrotask((function(){return r.set(a,{keyIndex:i,gesture:f,unsubscribe:f.applyGesture({targetElement:t.current,targetElements:n.current,callback:l,config:u})})}))})),function(){var e,t;try{for(var n=f(r.entries()),i=n.next();!i.done;i=n.next()){var o=s(i.value,2)[1].unsubscribe;o&&o()}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}}})),function(e){return null==e?{ref:t}:(n.current[e]=n.current[e]||i.createRef(),{ref:n.current[e]})}};Object.defineProperty(exports,"Easing",{enumerable:!0,get:function(){return e.Easing}}),Object.defineProperty(exports,"animate",{enumerable:!0,get:function(){return e.motion}}),Object.defineProperty(exports,"makeAnimated",{enumerable:!0,get:function(){return e.makeMotion}}),exports.AnimationConfig=h,exports.bin=function(e){return e?1:0},exports.clamp=_,exports.interpolateNumbers=function(e,t,n,i){var r,o,a=null==i?void 0:i.extrapolate,l=null==i?void 0:i.extrapolateLeft,u=null==i?void 0:i.extrapolateRight,c=function(e,t,n){var i=t.length,r=[];e<t[0]?r=[t[0],t[1],n[0],n[1]]:e>t[i-1]&&(r=[t[i-2],t[i-1],n[i-2],n[i-1]]);for(var o=1;o<i;++o)if(e<=t[o]){r=[t[o-1],t[o],n[o-1],n[o]];break}return r}(e,t,n),h="extend";void 0!==l?h=l:void 0!==a&&(h=a);var v,d="extend";if(void 0!==u?d=u:void 0!==a&&(d=a),n.length){if("number"==typeof n[0])return b(e,c,h,d);if(Array.isArray(n[0]))return x(e,c,h,d);var m=s(c,4),p=m[0],y=m[1],g=m[2],M=m[3],_=k(g),O=k(M),I=w(_);if(v=O,w(_).trim().replace(/\s/g,"")===w(v).trim().replace(/\s/g,"")){var S=E(_),C=E(O),T=x(e,[p,y,S,C],h,d);try{for(var L=f(T),A=L.next();!A.done;A=L.next()){var Y=A.value;I=I.replace("$",Y)}}catch(e){r={error:e}}finally{try{A&&!A.done&&(o=L.return)&&o.call(L)}finally{if(r)throw r.error}}return I}throw new Error("Output range doesn't match string format!")}throw new Error("Output range cannot be Empty")},exports.mix=function(e,t,n){return t*(1-e)+n*e},exports.move=function(e,t,n){var i=e[t],r=e.length,o=t-n;if(o>0)return l(l(l(l([],s(e.slice(0,n)),!1),[i],!1),s(e.slice(n,t)),!1),s(e.slice(t+1,r)),!1);if(o<0){var a=n+1;return l(l(l(l([],s(e.slice(0,t)),!1),s(e.slice(t+1,a)),!1),[i],!1),s(e.slice(a,r)),!1)}return e},exports.rubberClamp=function(e,t,n,i){return void 0===i&&(i=.15),0===i?_(e,t,n):e<t?-O(t-e,n-t,i)+t:e>n?+O(e-n,n-t,i)+n:e},exports.snapTo=function(e,t,n){var i=e+.2*t,r=function(e){return Math.abs(e-i)},o=n.map(r),a=Math.min.apply(Math,l([],s(o),!1));return n.reduce((function(e,t){return r(t)===a?t:e}))},exports.useAnimatedList=function(e,n,i){var r;void 0===i&&(i={});var o="object"==typeof i.from&&null!==i.from,l=o?i.from:{value:null!==(r=i.from)&&void 0!==r?r:0},c={},h={};Object.keys(l).forEach((function(e){var t,n,r=o?null===(t=i.enter)||void 0===t?void 0:t[e]:i.enter;c[e]="number"==typeof r?v(r):r||v(1);var a=o?null===(n=i.exit)||void 0===n?void 0:n[e]:i.exit;h[e]="number"==typeof a?v(a):a||v(0)}));var d=t.useRef(new Map),m=t.useRef(new Set),p=s(t.useState(0),2)[1];return t.useLayoutEffect((function(){var t,i,r=new Set(e.map(n)),o=function(e){var t=n(e);if(d.current.has(t))d.current.get(t).item=e;else{var i={};Object.entries(l).forEach((function(e){var t=s(e,2),n=t[0],r=t[1],o=new u(r);o.set(c[n]),i[n]=o})),d.current.set(t,{values:i,item:e}),p((function(e){return e+1}))}};try{for(var v=f(e),y=v.next();!y.done;y=v.next()){o(y.value)}}catch(e){t={error:e}}finally{try{y&&!y.done&&(i=v.return)&&i.call(v)}finally{if(t)throw t.error}}d.current.forEach((function(e,t){var n=e.values;if(!r.has(t)&&!m.current.has(t)){m.current.add(t);var i=Object.keys(n);i.forEach((function(e,r){var o=h[e];n[e].set(a(a({},o),{options:a(a({},o.options),{onComplete:function(){var a,f;r===i.length-1&&(d.current.delete(t),m.current.delete(t),p((function(e){return e+1})),null===(f=null===(a=o.options)||void 0===a?void 0:a.onComplete)||void 0===f||f.call(a),n[e].destroy())}})}))}))}}))}),[e,n,JSON.stringify(l),JSON.stringify(c),JSON.stringify(h)]),Array.from(d.current.entries()).map((function(e){var t=s(e,2),n=t[0],i=t[1],r=i.values,a=i.item;if(!o)return{key:n,item:a,animation:r.value.value};var f={};return Object.entries(r).forEach((function(e){var t=s(e,2),n=t[0],i=t[1];f[n]=i.value})),{key:n,item:a,animation:f}}))},exports.useDrag=function(e,t){var n=i.useRef(new C).current;return Y([["drag",n,e,t]])},exports.useGesture=function(e){var t=e.onDrag,n=e.onWheel,r=e.onScroll,o=e.onMouseMove,a=i.useRef(new C).current,f=i.useRef(new A).current,s=i.useRef(new L).current,l=i.useRef(new T).current;return Y([["drag",a,t],["wheel",f,n],["scroll",s,r],["move",l,o]])},exports.useMeasure=function(e,n){var i=t.useRef(null),r=t.useRef([]),o=t.useRef(e);return t.useEffect((function(){return o.current=e,function(){o.current=function(){return!1}}}),n),t.useEffect((function(){var e=i.current||document.documentElement,t=r.current,n=new ResizeObserver((function(t){var n=s(t,1)[0].target.getBoundingClientRect(),i=n.left,r=n.top,a=n.width,f=n.height,l=window.pageXOffset,u=window.pageYOffset;if(o){if(e===document.documentElement)return;o.current({left:i+l,top:r+u,width:a,height:f,vLeft:i,vTop:r})}})),a=new ResizeObserver((function(e){var t=[],n=[],i=[],r=[],a=[],f=[];e.forEach((function(e){var o=e.target.getBoundingClientRect(),s=o.left,l=o.top,u=o.width,c=o.height,h=s+window.pageXOffset,v=l+window.pageYOffset;t.push(h),n.push(v),i.push(u),r.push(c),a.push(s),f.push(l)})),o&&o.current({left:t,top:n,width:i,height:r,vLeft:a,vTop:f})}));return e&&(e===document.documentElement&&t.length>0?t.forEach((function(e){a.observe(e.current)})):n.observe(e)),function(){e&&(e===document.documentElement&&t.length>0?t.forEach((function(e){a.unobserve(e.current)})):n.unobserve(e))}}),[]),function(e){return null==e?{ref:i}:(r.current[e]=r.current[e]||t.createRef(),{ref:r.current[e]})}},exports.useMount=function(e,n){var i;void 0===n&&(n={});var r=s(t.useState(e),2),o=r[0],f=r[1],l="object"==typeof n.from&&null!==n.from,u=l?n.from:{value:null!==(i=n.from)&&void 0!==i?i:0},h={},d={};Object.keys(u).forEach((function(e){var t,i;h[e]=l?null===(t=n.enter)||void 0===t?void 0:t[e]:n.enter,null==h[e]&&(h[e]=1),d[e]=l?null===(i=n.exit)||void 0===i?void 0:i[e]:n.exit,null==d[e]&&(d[e]=0)}));var m=s(c(u),2),p=m[0],y=m[1];if(t.useLayoutEffect((function(){var t=Object.keys(u);e?(f(!0),queueMicrotask((function(){var e={};t.forEach((function(t){var n=h[t];e[t]="object"==typeof n&&"type"in n?n:v(n)})),y(e)}))):queueMicrotask((function(){var e={};t.forEach((function(n,i){var r=d[n],o="object"==typeof r&&"type"in r?r:v(r);e[n]=a(a({},o),{options:a(a({},o.options),{onComplete:function(){var e,n;i===t.length-1&&(f(!1),null===(n=null===(e=o.options)||void 0===e?void 0:e.onComplete)||void 0===n||n.call(e))}})})})),y(e)}))}),[e,JSON.stringify(h),JSON.stringify(d)]),!l){var g=p.value;return function(e){return e(g,o)}}return function(e){return e(p,o)}},exports.useMouseMove=function(e){var t=i.useRef(new T).current;return Y([["move",t,e]])},exports.useOutsideClick=function(e,n,i){var r=t.useRef();r.current||(r.current=n),t.useEffect((function(){return r.current=n,function(){r.current=function(){return!1}}}),i),t.useEffect((function(){var t=M([document],[["mousedown",function(t){var n=t.target;n&&n.isConnected&&(e.current&&!e.current.contains(n)&&r.current&&r.current(t))}]]);return function(){return t&&t()}}),[])},exports.useScroll=function(e){var t=i.useRef(new L).current;return Y([["scroll",t,e]])},exports.useValue=c,exports.useWheel=function(e){var t=i.useRef(new A).current;return Y([["wheel",t,e]])},exports.useWindowDimension=function(e,n){var i=t.useRef({width:0,height:0,innerWidth:0,innerHeight:0}),r=t.useRef(e);t.useEffect((function(){return r.current=e,function(){r.current=function(){return!1}}}),n),t.useEffect((function(){var e=new ResizeObserver((function(e){var t=s(e,1)[0].target,n=t.clientWidth,o=t.clientHeight,f=window.innerWidth,l=window.innerHeight;i.current={width:n,height:o,innerWidth:f,innerHeight:l},r&&r.current(a({},i.current))}));return e.observe(document.documentElement),function(){return e.unobserve(document.documentElement)}}),[])},exports.withDecay=function(e){return{type:"decay",options:{velocity:e.velocity,onStart:null==e?void 0:e.onStart,onChange:null==e?void 0:e.onChange,onComplete:null==e?void 0:e.onRest,clamp:null==e?void 0:e.clamp}}},exports.withDelay=function(e){return{type:"delay",options:{delay:e}}},exports.withEase=function(e,t){return v(e,a(a({},t),h.Spring.EASE))},exports.withLoop=function(e,t,n){return{type:"loop",options:{controller:e,iterations:t,onStart:null==n?void 0:n.onStart,onChange:null==n?void 0:n.onChange,onComplete:null==n?void 0:n.onRest}}},exports.withSequence=function(e,t){return{type:"sequence",options:{steps:e,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onRest}}},exports.withSpring=v,exports.withTiming=function(e,t){var n;return{type:"timing",to:e,options:{duration:null!==(n=null==t?void 0:t.duration)&&void 0!==n?n:300,easing:null==t?void 0:t.easing,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onRest}}};
2
- //# sourceMappingURL=index.js.map