react-native-reanimated 2.9.0 → 3.0.0-rc.1

package/lib/commonjs/reanimated2/layoutReanimation/animationBuilder/Keyframe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Keyframe","constructor","definitions","delay","delayV","delayFunction","getDelayFunction","keyframes","initialValues","parseDefinitions","callback","callbackV","_targetValues","animations","addAnimation","key","keyframePoints","length","animation","withTiming","value","duration","easing","Easing","linear","withSequence","apply","map","keyframePoint","includes","transform","push","split","Object","keys","forEach","transformProp","index","transformPropKey","toString","parsedKeyframes","from","Error","to","styleProp","transformStyle","durationV","animationKeyPoints","Array","getAnimationDuration","currentKeyPoint","maxDuration","currentDuration","reduce","acc","addKeyPoint","filter","parseInt","sort","a","b","keyPoint","keyframe","addKeyPointWith","durationMs","delayMs","withCallback","withDelay","_"],"sources":["Keyframe.ts"],"sourcesContent":["import { Easing, EasingFn } from '../../Easing';\nimport { withDelay, withSequence, withTiming } from '../../animation';\nimport {\n  AnimationFunction,\n  EntryExitAnimationFunction,\n  IEntryExitAnimationBuilder,\n  KeyframeProps,\n} from './commonTypes';\nimport { TransformProperty, StyleProps } from '../../commonTypes';\nexport interface KeyframePoint {\n  duration: number;\n  value: number | string;\n  easing?: EasingFn;\n}\nexport interface ParsedKeyframesDefinition {\n  initialValues: StyleProps;\n  keyframes: Record<string, KeyframePoint[]>;\n}\nexport class Keyframe implements IEntryExitAnimationBuilder {\n  durationV?: number;\n  delayV?: number;\n  callbackV?: (finished: boolean) => void;\n  definitions: Record<string, KeyframeProps>;\n\n  /*\n    Keyframe definition should be passed in the constructor as the map\n    which keys are between range 0 - 100 (%) and correspond to the point in the animation progress.\n  */\n  constructor(definitions: Record<string, KeyframeProps>) {\n    this.definitions = definitions;\n  }\n\n  private parseDefinitions(): ParsedKeyframesDefinition {\n    /* \n        Each style property contain an array with all their key points: \n        value, duration of transition to that value, and optional easing function (defaults to Linear)\n    */\n    const parsedKeyframes: Record<string, KeyframePoint[]> = {};\n    /*\n      Parsing keyframes 'from' and 'to'.\n    */\n    if (this.definitions.from) {\n      if (this.definitions['0']) {\n        throw Error(\n          \"You cannot provide both keyframe 0 and 'from' as they both specified initial values\"\n        );\n      }\n      this.definitions['0'] = this.definitions.from;\n      delete this.definitions.from;\n    }\n    if (this.definitions.to) {\n      if (this.definitions['100']) {\n        throw Error(\n          \"You cannot provide both keyframe 100 and 'to' as they both specified values at the end of the animation.\"\n        );\n      }\n      this.definitions['100'] = this.definitions.to;\n      delete this.definitions.to;\n    }\n    /* \n       One of the assumptions is that keyframe  0 is required to properly set initial values.\n       Every other keyframe should contain properties from the set provided as initial values.\n    */\n    if (!this.definitions['0']) {\n      throw Error(\n        \"Please provide 0, or 'from' keyframe with initial state of your object.\"\n      );\n    }\n    const initialValues: StyleProps = this.definitions['0'] as StyleProps;\n    /*\n      Initialize parsedKeyframes for properties provided in initial keyframe\n    */\n    Object.keys(initialValues).forEach((styleProp: string) => {\n      if (styleProp === 'transform') {\n        initialValues[styleProp]?.forEach((transformStyle, index) => {\n          Object.keys(transformStyle).forEach((transformProp: string) => {\n            parsedKeyframes[index.toString() + '_transform:' + transformProp] =\n              [];\n          });\n        });\n      } else {\n        parsedKeyframes[styleProp] = [];\n      }\n    });\n\n    const duration: number = this.durationV ? this.durationV : 500;\n    const animationKeyPoints: Array<string> = Array.from(\n      Object.keys(this.definitions)\n    );\n\n    const getAnimationDuration = (\n      key: string,\n      currentKeyPoint: number\n    ): number => {\n      const maxDuration = (currentKeyPoint / 100) * duration;\n      const currentDuration = parsedKeyframes[key].reduce(\n        (acc: number, value: KeyframePoint) => acc + value.duration,\n        0\n      );\n      return maxDuration - currentDuration;\n    };\n\n    /* \n       Other keyframes can't contain properties that were not specified in initial keyframe.\n    */\n    const addKeyPoint = ({\n      key,\n      value,\n      currentKeyPoint,\n      easing,\n    }: {\n      key: string;\n      value: string | number;\n      currentKeyPoint: number;\n      easing?: EasingFn;\n    }): void => {\n      if (!(key in parsedKeyframes)) {\n        throw Error(\n          \"Keyframe can contain only that set of properties that were provide with initial values (keyframe 0 or 'from')\"\n        );\n      }\n      parsedKeyframes[key].push({\n        duration: getAnimationDuration(key, currentKeyPoint),\n        value: value,\n        easing: easing,\n      });\n    };\n    animationKeyPoints\n      .filter((value: string) => parseInt(value) !== 0)\n      .sort((a: string, b: string) => parseInt(a) - parseInt(b))\n      .forEach((keyPoint: string) => {\n        if (parseInt(keyPoint) < 0 || parseInt(keyPoint) > 100) {\n          throw Error('Keyframe should be in between range 0 - 100.');\n        }\n        const keyframe: KeyframeProps = this.definitions[keyPoint];\n        const easing = keyframe.easing;\n        delete keyframe.easing;\n        const addKeyPointWith = (key: string, value: string | number) =>\n          addKeyPoint({\n            key,\n            value,\n            currentKeyPoint: parseInt(keyPoint),\n            easing,\n          });\n        Object.keys(keyframe).forEach((key: string) => {\n          if (key === 'transform') {\n            keyframe[key]?.forEach(\n              (transformStyle: { [key: string]: any }, index) => {\n                Object.keys(transformStyle).forEach((transformProp: string) => {\n                  addKeyPointWith(\n                    index.toString() + '_transform:' + transformProp,\n                    transformStyle[transformProp]\n                  );\n                });\n              }\n            );\n          } else {\n            addKeyPointWith(key, keyframe[key]);\n          }\n        });\n      });\n    return { initialValues: initialValues, keyframes: parsedKeyframes };\n  }\n\n  duration(durationMs: number): Keyframe {\n    this.durationV = durationMs;\n    return this;\n  }\n\n  delay(delayMs: number): Keyframe {\n    this.delayV = delayMs;\n    return this;\n  }\n\n  withCallback(callback: (finsihed: boolean) => void): Keyframe {\n    this.callbackV = callback;\n    return this;\n  }\n\n  private getDelayFunction(): AnimationFunction {\n    const delay = this.delayV;\n    return delay\n      ? withDelay\n      : (_, animation) => {\n          'worklet';\n          return animation;\n        };\n  }\n\n  build = (): EntryExitAnimationFunction => {\n    const delay = this.delayV;\n    const delayFunction = this.getDelayFunction();\n    const { keyframes, initialValues } = this.parseDefinitions();\n    const callback = this.callbackV;\n\n    return (_targetValues) => {\n      'worklet';\n      const animations: StyleProps = {};\n\n      /* \n            For each style property, an animations sequence is created that corresponds with its key points.\n            Transform style properties require special handling because of their nested structure.\n      */\n      const addAnimation = (key: string) => {\n        const keyframePoints = keyframes[key];\n        // in case if property was only passed as initial value\n        if (keyframePoints.length === 0) return;\n        const animation = delayFunction(\n          delay,\n          keyframePoints.length === 1\n            ? withTiming(keyframePoints[0].value, {\n                duration: keyframePoints[0].duration,\n                easing: keyframePoints[0].easing\n                  ? keyframePoints[0].easing\n                  : Easing.linear,\n              })\n            : withSequence.apply(\n                this,\n                keyframePoints.map((keyframePoint: KeyframePoint) =>\n                  withTiming(keyframePoint.value, {\n                    duration: keyframePoint.duration,\n                    easing: keyframePoint.easing\n                      ? keyframePoint.easing\n                      : Easing.linear,\n                  })\n                )\n              )\n        );\n        if (key.includes('transform')) {\n          if (!('transform' in animations)) {\n            animations.transform = [];\n          }\n          animations.transform?.push(<TransformProperty>{\n            [key.split(':')[1]]: animation,\n          });\n        } else {\n          animations[key] = animation;\n        }\n      };\n      Object.keys(initialValues).forEach((key: string) => {\n        if (key.includes('transform')) {\n          initialValues[key].forEach(\n            (transformProp: Record<string, number | string>, index: number) => {\n              Object.keys(transformProp).forEach((transformPropKey: string) => {\n                addAnimation(\n                  index.toString() + '_transform:' + transformPropKey\n                );\n              });\n            }\n          );\n        } else {\n          addAnimation(key);\n        }\n      });\n      return {\n        animations: animations,\n        initialValues: initialValues,\n        callback: callback,\n      };\n    };\n  };\n}\n"],"mappings":"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"}

package/lib/commonjs/reanimated2/layoutReanimation/animationBuilder/commonTypes.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=commonTypes.js.map

package/lib/commonjs/reanimated2/layoutReanimation/animationBuilder/commonTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["commonTypes.ts"],"sourcesContent":["import { EasingFn } from '../../Easing';\nimport { StyleProps } from '../../commonTypes';\n\nexport interface KeyframeProps extends StyleProps {\n  easing?: EasingFn;\n  [key: string]: any;\n}\n\nexport type LayoutAnimation = {\n  initialValues: StyleProps;\n  animations: StyleProps;\n  callback?: (finished: boolean) => void;\n};\n\nexport type AnimationFunction = (a?: any, b?: any, c?: any) => any; // this is just a temporary mock\n\nexport interface EntryAnimationsValues {\n  targetOriginX: number;\n  targetOriginY: number;\n  targetWidth: number;\n  targetHeight: number;\n  targetGlobalOriginX: number;\n  targetGlobalOriginY: number;\n}\n\nexport interface ExitAnimationsValues {\n  currentOriginX: number;\n  currentOriginY: number;\n  currentWidth: number;\n  currentHeight: number;\n  currentGlobalOriginX: number;\n  currentGlobalOriginY: number;\n}\n\nexport type EntryExitAnimationFunction = (\n  targetValues: EntryAnimationsValues | ExitAnimationsValues\n) => LayoutAnimation;\n\nexport type AnimationConfigFunction<T> = (targetValues: T) => LayoutAnimation;\n\nexport interface LayoutAnimationsValues {\n  currentOriginX: number;\n  currentOriginY: number;\n  currentWidth: number;\n  currentHeight: number;\n  currentGlobalOriginX: number;\n  currentGlobalOriginY: number;\n  targetOriginX: number;\n  targetOriginY: number;\n  targetWidth: number;\n  targetHeight: number;\n  targetGlobalOriginX: number;\n  targetGlobalOriginY: number;\n  windowWidth: number;\n  windowHeight: number;\n}\n\nexport type LayoutAnimationFunction = (\n  targetValues: LayoutAnimationsValues\n) => LayoutAnimation;\n\nexport interface ILayoutAnimationBuilder {\n  build: () => LayoutAnimationFunction;\n}\n\nexport interface BaseLayoutAnimationConfig {\n  duration?: number;\n  easing?: EasingFn;\n  type?: AnimationFunction;\n  damping?: number;\n  mass?: number;\n  stiffness?: number;\n  overshootClamping?: number;\n  restDisplacementThreshold?: number;\n  restSpeedThreshold?: number;\n}\n\nexport interface BaseBuilderAnimationConfig extends BaseLayoutAnimationConfig {\n  rotate?: number | string;\n}\n\nexport type LayoutAnimationAndConfig = [\n  AnimationFunction,\n  BaseBuilderAnimationConfig\n];\n\nexport interface IEntryExitAnimationBuilder {\n  build: () => EntryExitAnimationFunction;\n}\n\nexport interface IEntryAnimationBuilder {\n  build: () => AnimationConfigFunction<EntryAnimationsValues>;\n}\n\nexport interface IExitAnimationBuilder {\n  build: () => AnimationConfigFunction<ExitAnimationsValues>;\n}\n"],"mappings":""}

package/lib/commonjs/reanimated2/layoutReanimation/animationBuilder/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseAnimationBuilder", {
+  enumerable: true,
+  get: function () {
+    return _BaseAnimationBuilder.BaseAnimationBuilder;
+  }
+});
+Object.defineProperty(exports, "ComplexAnimationBuilder", {
+  enumerable: true,
+  get: function () {
+    return _ComplexAnimationBuilder.ComplexAnimationBuilder;
+  }
+});
+Object.defineProperty(exports, "Keyframe", {
+  enumerable: true,
+  get: function () {
+    return _Keyframe.Keyframe;
+  }
+});
+
+var _BaseAnimationBuilder = require("./BaseAnimationBuilder");
+
+var _ComplexAnimationBuilder = require("./ComplexAnimationBuilder");
+
+var _Keyframe = require("./Keyframe");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/reanimated2/layoutReanimation/animationBuilder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { BaseAnimationBuilder } from './BaseAnimationBuilder';\nexport { ComplexAnimationBuilder } from './ComplexAnimationBuilder';\nexport { Keyframe } from './Keyframe';\nexport type {\n  LayoutAnimation,\n  AnimationFunction,\n  EntryAnimationsValues,\n  ExitAnimationsValues,\n  EntryExitAnimationFunction,\n  AnimationConfigFunction,\n  IEntryAnimationBuilder,\n  IExitAnimationBuilder,\n  LayoutAnimationsValues,\n  LayoutAnimationFunction,\n  ILayoutAnimationBuilder,\n  BaseLayoutAnimationConfig,\n  BaseBuilderAnimationConfig,\n  LayoutAnimationAndConfig,\n  IEntryExitAnimationBuilder,\n} from './commonTypes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/lib/commonjs/reanimated2/layoutReanimation/defaultAnimations/Bounce.js

@@ -0,0 +1,570 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BounceOutUp = exports.BounceOutRight = exports.BounceOutLeft = exports.BounceOutDown = exports.BounceOut = exports.BounceInUp = exports.BounceInRight = exports.BounceInLeft = exports.BounceInDown = exports.BounceIn = void 0;
+
+var _animation = require("../../animation");
+
+var _reactNative = require("react-native");
+
+var _ComplexAnimationBuilder = require("../animationBuilder/ComplexAnimationBuilder");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const {
+  width,
+  height
+} = _reactNative.Dimensions.get('window');
+
+class BounceIn extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              scale: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(1.2, {
+                duration: duration * 0.55
+              }), (0, _animation.withTiming)(0.9, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(1.1, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(1, {
+                duration: duration * 0.15
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              scale: 0
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceIn();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceIn = BounceIn;
+
+class BounceInDown extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateY: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(-20, {
+                duration: duration * 0.55
+              }), (0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(0, {
+                duration: duration * 0.15
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateY: height
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceInDown();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceInDown = BounceInDown;
+
+class BounceInUp extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateY: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(20, {
+                duration: duration * 0.55
+              }), (0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(0, {
+                duration: duration * 0.15
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateY: -height
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceInUp();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceInUp = BounceInUp;
+
+class BounceInLeft extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateX: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(20, {
+                duration: duration * 0.55
+              }), (0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(0, {
+                duration: duration * 0.15
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateX: -width
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceInLeft();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceInLeft = BounceInLeft;
+
+class BounceInRight extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateX: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(-20, {
+                duration: duration * 0.55
+              }), (0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(0, {
+                duration: duration * 0.15
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateX: width
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceInRight();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceInRight = BounceInRight;
+
+class BounceOut extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              scale: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(1.1, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(0.9, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(1.2, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(0, {
+                duration: duration * 0.55
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              scale: 1
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceOut();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceOut = BounceOut;
+
+class BounceOutDown extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateY: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-20, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(height, {
+                duration: duration * 0.55
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateY: 0
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceOutDown();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceOutDown = BounceOutDown;
+
+class BounceOutUp extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateY: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(20, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-height, {
+                duration: duration * 0.55
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateY: 0
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceOutUp();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceOutUp = BounceOutUp;
+
+class BounceOutLeft extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateX: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(20, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-width, {
+                duration: duration * 0.55
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateX: 0
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceOutLeft();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceOutLeft = BounceOutLeft;
+
+class BounceOutRight extends _ComplexAnimationBuilder.ComplexAnimationBuilder {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "build", () => {
+      const delayFunction = this.getDelayFunction();
+      const delay = this.getDelay();
+      const duration = this.getDuration();
+      const callback = this.callbackV;
+      const initialValues = this.initialValues;
+      return () => {
+        'worklet';
+
+        return {
+          animations: {
+            transform: [{
+              translateX: delayFunction(delay, (0, _animation.withSequence)((0, _animation.withTiming)(-10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(10, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(-20, {
+                duration: duration * 0.15
+              }), (0, _animation.withTiming)(width, {
+                duration: duration * 0.55
+              })))
+            }]
+          },
+          initialValues: {
+            transform: [{
+              translateX: 0
+            }],
+            ...initialValues
+          },
+          callback: callback
+        };
+      };
+    });
+  }
+
+  static createInstance() {
+    return new BounceOutRight();
+  }
+
+  static getDuration() {
+    return 600;
+  }
+
+  getDuration() {
+    return this.durationV ?? 600;
+  }
+
+}
+
+exports.BounceOutRight = BounceOutRight;
+//# sourceMappingURL=Bounce.js.map