@wix/motion 1.665.0 → 2.0.0-rc.3
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.
- package/README.md +26 -13
- package/dist/cjs/motion.js +2 -146
- package/dist/cjs/motion.js.map +1 -1
- package/dist/es/motion.js +749 -0
- package/dist/es/motion.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/dist/types/AnimationGroup.d.ts.map +1 -1
- package/dist/types/CustomAnimation.d.ts +2 -2
- package/dist/types/CustomAnimation.d.ts.map +1 -1
- package/dist/types/api/common.d.ts +111 -111
- package/dist/types/api/common.d.ts.map +1 -1
- package/dist/types/api/cssAnimations.d.ts.map +1 -1
- package/dist/types/api/prepare.d.ts.map +1 -1
- package/dist/types/api/registry.d.ts +4 -0
- package/dist/types/api/registry.d.ts.map +1 -0
- package/dist/types/api/webAnimations.d.ts.map +1 -1
- package/dist/types/easings.d.ts.map +1 -1
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/motion.d.ts +1 -1
- package/dist/types/motion.d.ts.map +1 -1
- package/dist/types/types.d.ts +27 -400
- package/dist/types/types.d.ts.map +1 -1
- package/dist/types/utils.d.ts +0 -71
- package/dist/types/utils.d.ts.map +1 -1
- package/package.json +54 -74
- package/dist/cjs/AnimationGroup.js +0 -106
- package/dist/cjs/AnimationGroup.js.map +0 -1
- package/dist/cjs/CustomAnimation.js +0 -190
- package/dist/cjs/CustomAnimation.js.map +0 -1
- package/dist/cjs/api/common.js +0 -145
- package/dist/cjs/api/common.js.map +0 -1
- package/dist/cjs/api/cssAnimations.js +0 -58
- package/dist/cjs/api/cssAnimations.js.map +0 -1
- package/dist/cjs/api/prepare.js +0 -20
- package/dist/cjs/api/prepare.js.map +0 -1
- package/dist/cjs/api/webAnimations.js +0 -155
- package/dist/cjs/api/webAnimations.js.map +0 -1
- package/dist/cjs/easings.js +0 -272
- package/dist/cjs/easings.js.map +0 -1
- package/dist/cjs/external-types.d.js +0 -2
- package/dist/cjs/external-types.d.js.map +0 -1
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js +0 -95
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFade.js +0 -68
- package/dist/cjs/library/backgroundScroll/BgFade.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js +0 -94
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFake3D.js +0 -131
- package/dist/cjs/library/backgroundScroll/BgFake3D.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgPan.js +0 -64
- package/dist/cjs/library/backgroundScroll/BgPan.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgParallax.js +0 -62
- package/dist/cjs/library/backgroundScroll/BgParallax.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgPullBack.js +0 -66
- package/dist/cjs/library/backgroundScroll/BgPullBack.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgReveal.js +0 -28
- package/dist/cjs/library/backgroundScroll/BgReveal.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgRotate.js +0 -51
- package/dist/cjs/library/backgroundScroll/BgRotate.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgSkew.js +0 -63
- package/dist/cjs/library/backgroundScroll/BgSkew.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgZoom.js +0 -163
- package/dist/cjs/library/backgroundScroll/BgZoom.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/ImageParallax.js +0 -81
- package/dist/cjs/library/backgroundScroll/ImageParallax.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/index.js +0 -32
- package/dist/cjs/library/backgroundScroll/index.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/test/testUtils.js +0 -8
- package/dist/cjs/library/backgroundScroll/test/testUtils.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/utils.js +0 -48
- package/dist/cjs/library/backgroundScroll/utils.js.map +0 -1
- package/dist/cjs/library/entrance/ArcIn.js +0 -110
- package/dist/cjs/library/entrance/ArcIn.js.map +0 -1
- package/dist/cjs/library/entrance/BlurIn.js +0 -56
- package/dist/cjs/library/entrance/BlurIn.js.map +0 -1
- package/dist/cjs/library/entrance/BounceIn.js +0 -143
- package/dist/cjs/library/entrance/BounceIn.js.map +0 -1
- package/dist/cjs/library/entrance/CircleIn.js +0 -75
- package/dist/cjs/library/entrance/CircleIn.js.map +0 -1
- package/dist/cjs/library/entrance/CurveIn.js +0 -80
- package/dist/cjs/library/entrance/CurveIn.js.map +0 -1
- package/dist/cjs/library/entrance/DropIn.js +0 -64
- package/dist/cjs/library/entrance/DropIn.js.map +0 -1
- package/dist/cjs/library/entrance/ExpandIn.js +0 -121
- package/dist/cjs/library/entrance/ExpandIn.js.map +0 -1
- package/dist/cjs/library/entrance/FadeIn.js +0 -27
- package/dist/cjs/library/entrance/FadeIn.js.map +0 -1
- package/dist/cjs/library/entrance/FlipIn.js +0 -107
- package/dist/cjs/library/entrance/FlipIn.js.map +0 -1
- package/dist/cjs/library/entrance/FloatIn.js +0 -67
- package/dist/cjs/library/entrance/FloatIn.js.map +0 -1
- package/dist/cjs/library/entrance/FoldIn.js +0 -134
- package/dist/cjs/library/entrance/FoldIn.js.map +0 -1
- package/dist/cjs/library/entrance/GlideIn.js +0 -89
- package/dist/cjs/library/entrance/GlideIn.js.map +0 -1
- package/dist/cjs/library/entrance/GlitchIn.js +0 -29
- package/dist/cjs/library/entrance/GlitchIn.js.map +0 -1
- package/dist/cjs/library/entrance/GrowIn.js +0 -66
- package/dist/cjs/library/entrance/GrowIn.js.map +0 -1
- package/dist/cjs/library/entrance/PunchIn.js +0 -178
- package/dist/cjs/library/entrance/PunchIn.js.map +0 -1
- package/dist/cjs/library/entrance/RevealIn.js +0 -72
- package/dist/cjs/library/entrance/RevealIn.js.map +0 -1
- package/dist/cjs/library/entrance/ShapeIn.js +0 -75
- package/dist/cjs/library/entrance/ShapeIn.js.map +0 -1
- package/dist/cjs/library/entrance/ShuttersIn.js +0 -48
- package/dist/cjs/library/entrance/ShuttersIn.js.map +0 -1
- package/dist/cjs/library/entrance/SlideIn.js +0 -140
- package/dist/cjs/library/entrance/SlideIn.js.map +0 -1
- package/dist/cjs/library/entrance/SpinIn.js +0 -65
- package/dist/cjs/library/entrance/SpinIn.js.map +0 -1
- package/dist/cjs/library/entrance/TiltIn.js +0 -102
- package/dist/cjs/library/entrance/TiltIn.js.map +0 -1
- package/dist/cjs/library/entrance/TurnIn.js +0 -85
- package/dist/cjs/library/entrance/TurnIn.js.map +0 -1
- package/dist/cjs/library/entrance/WinkIn.js +0 -115
- package/dist/cjs/library/entrance/WinkIn.js.map +0 -1
- package/dist/cjs/library/entrance/index.js +0 -54
- package/dist/cjs/library/entrance/index.js.map +0 -1
- package/dist/cjs/library/entrance/test/testUtils.js +0 -8
- package/dist/cjs/library/entrance/test/testUtils.js.map +0 -1
- package/dist/cjs/library/mouse/AiryMouse.js +0 -76
- package/dist/cjs/library/mouse/AiryMouse.js.map +0 -1
- package/dist/cjs/library/mouse/BlobMouse.js +0 -70
- package/dist/cjs/library/mouse/BlobMouse.js.map +0 -1
- package/dist/cjs/library/mouse/BlurMouse.js +0 -94
- package/dist/cjs/library/mouse/BlurMouse.js.map +0 -1
- package/dist/cjs/library/mouse/BounceMouse.js +0 -26
- package/dist/cjs/library/mouse/BounceMouse.js.map +0 -1
- package/dist/cjs/library/mouse/CustomMouse.js +0 -65
- package/dist/cjs/library/mouse/CustomMouse.js.map +0 -1
- package/dist/cjs/library/mouse/ScaleMouse.js +0 -98
- package/dist/cjs/library/mouse/ScaleMouse.js.map +0 -1
- package/dist/cjs/library/mouse/SkewMouse.js +0 -92
- package/dist/cjs/library/mouse/SkewMouse.js.map +0 -1
- package/dist/cjs/library/mouse/SpinMouse.js +0 -41
- package/dist/cjs/library/mouse/SpinMouse.js.map +0 -1
- package/dist/cjs/library/mouse/SwivelMouse.js +0 -85
- package/dist/cjs/library/mouse/SwivelMouse.js.map +0 -1
- package/dist/cjs/library/mouse/Tilt3DMouse.js +0 -65
- package/dist/cjs/library/mouse/Tilt3DMouse.js.map +0 -1
- package/dist/cjs/library/mouse/Track3DMouse.js +0 -87
- package/dist/cjs/library/mouse/Track3DMouse.js.map +0 -1
- package/dist/cjs/library/mouse/TrackMouse.js +0 -65
- package/dist/cjs/library/mouse/TrackMouse.js.map +0 -1
- package/dist/cjs/library/mouse/index.js +0 -32
- package/dist/cjs/library/mouse/index.js.map +0 -1
- package/dist/cjs/library/ongoing/Blink.js +0 -120
- package/dist/cjs/library/ongoing/Blink.js.map +0 -1
- package/dist/cjs/library/ongoing/Bounce.js +0 -92
- package/dist/cjs/library/ongoing/Bounce.js.map +0 -1
- package/dist/cjs/library/ongoing/Breathe.js +0 -124
- package/dist/cjs/library/ongoing/Breathe.js.map +0 -1
- package/dist/cjs/library/ongoing/Cross.js +0 -262
- package/dist/cjs/library/ongoing/Cross.js.map +0 -1
- package/dist/cjs/library/ongoing/DVD.js +0 -84
- package/dist/cjs/library/ongoing/DVD.js.map +0 -1
- package/dist/cjs/library/ongoing/Flash.js +0 -45
- package/dist/cjs/library/ongoing/Flash.js.map +0 -1
- package/dist/cjs/library/ongoing/Flip.js +0 -67
- package/dist/cjs/library/ongoing/Flip.js.map +0 -1
- package/dist/cjs/library/ongoing/Fold.js +0 -167
- package/dist/cjs/library/ongoing/Fold.js.map +0 -1
- package/dist/cjs/library/ongoing/Jello.js +0 -72
- package/dist/cjs/library/ongoing/Jello.js.map +0 -1
- package/dist/cjs/library/ongoing/Poke.js +0 -102
- package/dist/cjs/library/ongoing/Poke.js.map +0 -1
- package/dist/cjs/library/ongoing/Pulse.js +0 -75
- package/dist/cjs/library/ongoing/Pulse.js.map +0 -1
- package/dist/cjs/library/ongoing/Rubber.js +0 -92
- package/dist/cjs/library/ongoing/Rubber.js.map +0 -1
- package/dist/cjs/library/ongoing/Spin.js +0 -55
- package/dist/cjs/library/ongoing/Spin.js.map +0 -1
- package/dist/cjs/library/ongoing/Swing.js +0 -130
- package/dist/cjs/library/ongoing/Swing.js.map +0 -1
- package/dist/cjs/library/ongoing/Wiggle.js +0 -88
- package/dist/cjs/library/ongoing/Wiggle.js.map +0 -1
- package/dist/cjs/library/ongoing/index.js +0 -40
- package/dist/cjs/library/ongoing/index.js.map +0 -1
- package/dist/cjs/library/ongoing/test/testUtils.js +0 -8
- package/dist/cjs/library/ongoing/test/testUtils.js.map +0 -1
- package/dist/cjs/library/scroll/ArcScroll.js +0 -43
- package/dist/cjs/library/scroll/ArcScroll.js.map +0 -1
- package/dist/cjs/library/scroll/BlurScroll.js +0 -49
- package/dist/cjs/library/scroll/BlurScroll.js.map +0 -1
- package/dist/cjs/library/scroll/FadeScroll.js +0 -42
- package/dist/cjs/library/scroll/FadeScroll.js.map +0 -1
- package/dist/cjs/library/scroll/FlipScroll.js +0 -50
- package/dist/cjs/library/scroll/FlipScroll.js.map +0 -1
- package/dist/cjs/library/scroll/GrowScroll.js +0 -99
- package/dist/cjs/library/scroll/GrowScroll.js.map +0 -1
- package/dist/cjs/library/scroll/MoveScroll.js +0 -95
- package/dist/cjs/library/scroll/MoveScroll.js.map +0 -1
- package/dist/cjs/library/scroll/PanScroll.js +0 -77
- package/dist/cjs/library/scroll/PanScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ParallaxScroll.js +0 -43
- package/dist/cjs/library/scroll/ParallaxScroll.js.map +0 -1
- package/dist/cjs/library/scroll/RevealScroll.js +0 -59
- package/dist/cjs/library/scroll/RevealScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShapeScroll.js +0 -114
- package/dist/cjs/library/scroll/ShapeScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShrinkScroll.js +0 -99
- package/dist/cjs/library/scroll/ShrinkScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShuttersScroll.js +0 -75
- package/dist/cjs/library/scroll/ShuttersScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SkewPanScroll.js +0 -76
- package/dist/cjs/library/scroll/SkewPanScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SlideScroll.js +0 -92
- package/dist/cjs/library/scroll/SlideScroll.js.map +0 -1
- package/dist/cjs/library/scroll/Spin3dScroll.js +0 -87
- package/dist/cjs/library/scroll/Spin3dScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SpinScroll.js +0 -55
- package/dist/cjs/library/scroll/SpinScroll.js.map +0 -1
- package/dist/cjs/library/scroll/StretchScroll.js +0 -121
- package/dist/cjs/library/scroll/StretchScroll.js.map +0 -1
- package/dist/cjs/library/scroll/TiltScroll.js +0 -88
- package/dist/cjs/library/scroll/TiltScroll.js.map +0 -1
- package/dist/cjs/library/scroll/TurnScroll.js +0 -98
- package/dist/cjs/library/scroll/TurnScroll.js.map +0 -1
- package/dist/cjs/library/scroll/index.js +0 -46
- package/dist/cjs/library/scroll/index.js.map +0 -1
- package/dist/cjs/library/scroll/test/testUtils.js +0 -8
- package/dist/cjs/library/scroll/test/testUtils.js.map +0 -1
- package/dist/cjs/playground/animationMotionBgScroll.stories.js +0 -369
- package/dist/cjs/playground/animationMotionBgScroll.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotion.stories.js +0 -199
- package/dist/cjs/playground/animationsMotion.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotionMouse.stories.js +0 -266
- package/dist/cjs/playground/animationsMotionMouse.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotionOngoing.stories.js +0 -195
- package/dist/cjs/playground/animationsMotionOngoing.stories.js.map +0 -1
- package/dist/cjs/playground/animationsMotionScroll.stories.js +0 -270
- package/dist/cjs/playground/animationsMotionScroll.stories.js.map +0 -1
- package/dist/cjs/playground/controls.js +0 -334
- package/dist/cjs/playground/controls.js.map +0 -1
- package/dist/cjs/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/cjs/playground/mouse-parallax-components/vector.svg +0 -19
- package/dist/cjs/playground/mouseComponent.js +0 -113
- package/dist/cjs/playground/mouseComponent.js.map +0 -1
- package/dist/cjs/playground/playground-common.js +0 -84
- package/dist/cjs/playground/playground-common.js.map +0 -1
- package/dist/cjs/playground/playground.module.scss +0 -381
- package/dist/cjs/test-types.d.js +0 -2
- package/dist/cjs/test-types.d.js.map +0 -1
- package/dist/cjs/types.js +0 -4
- package/dist/cjs/types.js.map +0 -1
- package/dist/cjs/utils.js +0 -338
- package/dist/cjs/utils.js.map +0 -1
- package/dist/esm/AnimationGroup.js +0 -100
- package/dist/esm/AnimationGroup.js.map +0 -1
- package/dist/esm/CustomAnimation.js +0 -184
- package/dist/esm/CustomAnimation.js.map +0 -1
- package/dist/esm/api/common.js +0 -132
- package/dist/esm/api/common.js.map +0 -1
- package/dist/esm/api/cssAnimations.js +0 -53
- package/dist/esm/api/cssAnimations.js.map +0 -1
- package/dist/esm/api/prepare.js +0 -16
- package/dist/esm/api/prepare.js.map +0 -1
- package/dist/esm/api/webAnimations.js +0 -152
- package/dist/esm/api/webAnimations.js.map +0 -1
- package/dist/esm/easings.js +0 -248
- package/dist/esm/easings.js.map +0 -1
- package/dist/esm/external-types.d.js +0 -2
- package/dist/esm/external-types.d.js.map +0 -1
- package/dist/esm/index.js +0 -3
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgCloseUp.js +0 -91
- package/dist/esm/library/backgroundScroll/BgCloseUp.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFade.js +0 -64
- package/dist/esm/library/backgroundScroll/BgFade.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFadeBack.js +0 -90
- package/dist/esm/library/backgroundScroll/BgFadeBack.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFake3D.js +0 -127
- package/dist/esm/library/backgroundScroll/BgFake3D.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgPan.js +0 -60
- package/dist/esm/library/backgroundScroll/BgPan.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgParallax.js +0 -58
- package/dist/esm/library/backgroundScroll/BgParallax.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgPullBack.js +0 -62
- package/dist/esm/library/backgroundScroll/BgPullBack.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgReveal.js +0 -21
- package/dist/esm/library/backgroundScroll/BgReveal.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgRotate.js +0 -48
- package/dist/esm/library/backgroundScroll/BgRotate.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgSkew.js +0 -59
- package/dist/esm/library/backgroundScroll/BgSkew.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgZoom.js +0 -159
- package/dist/esm/library/backgroundScroll/BgZoom.js.map +0 -1
- package/dist/esm/library/backgroundScroll/ImageParallax.js +0 -77
- package/dist/esm/library/backgroundScroll/ImageParallax.js.map +0 -1
- package/dist/esm/library/backgroundScroll/index.js +0 -27
- package/dist/esm/library/backgroundScroll/index.js.map +0 -1
- package/dist/esm/library/backgroundScroll/test/testUtils.js +0 -4
- package/dist/esm/library/backgroundScroll/test/testUtils.js.map +0 -1
- package/dist/esm/library/backgroundScroll/utils.js +0 -42
- package/dist/esm/library/backgroundScroll/utils.js.map +0 -1
- package/dist/esm/library/entrance/ArcIn.js +0 -106
- package/dist/esm/library/entrance/ArcIn.js.map +0 -1
- package/dist/esm/library/entrance/BlurIn.js +0 -53
- package/dist/esm/library/entrance/BlurIn.js.map +0 -1
- package/dist/esm/library/entrance/BounceIn.js +0 -143
- package/dist/esm/library/entrance/BounceIn.js.map +0 -1
- package/dist/esm/library/entrance/CircleIn.js +0 -71
- package/dist/esm/library/entrance/CircleIn.js.map +0 -1
- package/dist/esm/library/entrance/CurveIn.js +0 -76
- package/dist/esm/library/entrance/CurveIn.js.map +0 -1
- package/dist/esm/library/entrance/DropIn.js +0 -61
- package/dist/esm/library/entrance/DropIn.js.map +0 -1
- package/dist/esm/library/entrance/ExpandIn.js +0 -117
- package/dist/esm/library/entrance/ExpandIn.js.map +0 -1
- package/dist/esm/library/entrance/FadeIn.js +0 -21
- package/dist/esm/library/entrance/FadeIn.js.map +0 -1
- package/dist/esm/library/entrance/FlipIn.js +0 -100
- package/dist/esm/library/entrance/FlipIn.js.map +0 -1
- package/dist/esm/library/entrance/FloatIn.js +0 -64
- package/dist/esm/library/entrance/FloatIn.js.map +0 -1
- package/dist/esm/library/entrance/FoldIn.js +0 -127
- package/dist/esm/library/entrance/FoldIn.js.map +0 -1
- package/dist/esm/library/entrance/GlideIn.js +0 -85
- package/dist/esm/library/entrance/GlideIn.js.map +0 -1
- package/dist/esm/library/entrance/GlitchIn.js +0 -22
- package/dist/esm/library/entrance/GlitchIn.js.map +0 -1
- package/dist/esm/library/entrance/GrowIn.js +0 -63
- package/dist/esm/library/entrance/GrowIn.js.map +0 -1
- package/dist/esm/library/entrance/PunchIn.js +0 -175
- package/dist/esm/library/entrance/PunchIn.js.map +0 -1
- package/dist/esm/library/entrance/RevealIn.js +0 -65
- package/dist/esm/library/entrance/RevealIn.js.map +0 -1
- package/dist/esm/library/entrance/ShapeIn.js +0 -72
- package/dist/esm/library/entrance/ShapeIn.js.map +0 -1
- package/dist/esm/library/entrance/ShuttersIn.js +0 -45
- package/dist/esm/library/entrance/ShuttersIn.js.map +0 -1
- package/dist/esm/library/entrance/SlideIn.js +0 -133
- package/dist/esm/library/entrance/SlideIn.js.map +0 -1
- package/dist/esm/library/entrance/SpinIn.js +0 -62
- package/dist/esm/library/entrance/SpinIn.js.map +0 -1
- package/dist/esm/library/entrance/TiltIn.js +0 -98
- package/dist/esm/library/entrance/TiltIn.js.map +0 -1
- package/dist/esm/library/entrance/TurnIn.js +0 -82
- package/dist/esm/library/entrance/TurnIn.js.map +0 -1
- package/dist/esm/library/entrance/WinkIn.js +0 -108
- package/dist/esm/library/entrance/WinkIn.js.map +0 -1
- package/dist/esm/library/entrance/index.js +0 -49
- package/dist/esm/library/entrance/index.js.map +0 -1
- package/dist/esm/library/entrance/test/testUtils.js +0 -4
- package/dist/esm/library/entrance/test/testUtils.js.map +0 -1
- package/dist/esm/library/mouse/AiryMouse.js +0 -73
- package/dist/esm/library/mouse/AiryMouse.js.map +0 -1
- package/dist/esm/library/mouse/BlobMouse.js +0 -67
- package/dist/esm/library/mouse/BlobMouse.js.map +0 -1
- package/dist/esm/library/mouse/BlurMouse.js +0 -91
- package/dist/esm/library/mouse/BlurMouse.js.map +0 -1
- package/dist/esm/library/mouse/BounceMouse.js +0 -21
- package/dist/esm/library/mouse/BounceMouse.js.map +0 -1
- package/dist/esm/library/mouse/CustomMouse.js +0 -59
- package/dist/esm/library/mouse/CustomMouse.js.map +0 -1
- package/dist/esm/library/mouse/ScaleMouse.js +0 -95
- package/dist/esm/library/mouse/ScaleMouse.js.map +0 -1
- package/dist/esm/library/mouse/SkewMouse.js +0 -89
- package/dist/esm/library/mouse/SkewMouse.js.map +0 -1
- package/dist/esm/library/mouse/SpinMouse.js +0 -38
- package/dist/esm/library/mouse/SpinMouse.js.map +0 -1
- package/dist/esm/library/mouse/SwivelMouse.js +0 -82
- package/dist/esm/library/mouse/SwivelMouse.js.map +0 -1
- package/dist/esm/library/mouse/Tilt3DMouse.js +0 -62
- package/dist/esm/library/mouse/Tilt3DMouse.js.map +0 -1
- package/dist/esm/library/mouse/Track3DMouse.js +0 -84
- package/dist/esm/library/mouse/Track3DMouse.js.map +0 -1
- package/dist/esm/library/mouse/TrackMouse.js +0 -62
- package/dist/esm/library/mouse/TrackMouse.js.map +0 -1
- package/dist/esm/library/mouse/index.js +0 -27
- package/dist/esm/library/mouse/index.js.map +0 -1
- package/dist/esm/library/ongoing/Blink.js +0 -115
- package/dist/esm/library/ongoing/Blink.js.map +0 -1
- package/dist/esm/library/ongoing/Bounce.js +0 -92
- package/dist/esm/library/ongoing/Bounce.js.map +0 -1
- package/dist/esm/library/ongoing/Breathe.js +0 -122
- package/dist/esm/library/ongoing/Breathe.js.map +0 -1
- package/dist/esm/library/ongoing/Cross.js +0 -273
- package/dist/esm/library/ongoing/Cross.js.map +0 -1
- package/dist/esm/library/ongoing/DVD.js +0 -79
- package/dist/esm/library/ongoing/DVD.js.map +0 -1
- package/dist/esm/library/ongoing/Flash.js +0 -42
- package/dist/esm/library/ongoing/Flash.js.map +0 -1
- package/dist/esm/library/ongoing/Flip.js +0 -64
- package/dist/esm/library/ongoing/Flip.js.map +0 -1
- package/dist/esm/library/ongoing/Fold.js +0 -165
- package/dist/esm/library/ongoing/Fold.js.map +0 -1
- package/dist/esm/library/ongoing/Jello.js +0 -70
- package/dist/esm/library/ongoing/Jello.js.map +0 -1
- package/dist/esm/library/ongoing/Poke.js +0 -100
- package/dist/esm/library/ongoing/Poke.js.map +0 -1
- package/dist/esm/library/ongoing/Pulse.js +0 -73
- package/dist/esm/library/ongoing/Pulse.js.map +0 -1
- package/dist/esm/library/ongoing/Rubber.js +0 -90
- package/dist/esm/library/ongoing/Rubber.js.map +0 -1
- package/dist/esm/library/ongoing/Spin.js +0 -52
- package/dist/esm/library/ongoing/Spin.js.map +0 -1
- package/dist/esm/library/ongoing/Swing.js +0 -128
- package/dist/esm/library/ongoing/Swing.js.map +0 -1
- package/dist/esm/library/ongoing/Wiggle.js +0 -86
- package/dist/esm/library/ongoing/Wiggle.js.map +0 -1
- package/dist/esm/library/ongoing/index.js +0 -33
- package/dist/esm/library/ongoing/index.js.map +0 -1
- package/dist/esm/library/ongoing/test/testUtils.js +0 -4
- package/dist/esm/library/ongoing/test/testUtils.js.map +0 -1
- package/dist/esm/library/scroll/ArcScroll.js +0 -40
- package/dist/esm/library/scroll/ArcScroll.js.map +0 -1
- package/dist/esm/library/scroll/BlurScroll.js +0 -46
- package/dist/esm/library/scroll/BlurScroll.js.map +0 -1
- package/dist/esm/library/scroll/FadeScroll.js +0 -39
- package/dist/esm/library/scroll/FadeScroll.js.map +0 -1
- package/dist/esm/library/scroll/FlipScroll.js +0 -47
- package/dist/esm/library/scroll/FlipScroll.js.map +0 -1
- package/dist/esm/library/scroll/GrowScroll.js +0 -96
- package/dist/esm/library/scroll/GrowScroll.js.map +0 -1
- package/dist/esm/library/scroll/MoveScroll.js +0 -92
- package/dist/esm/library/scroll/MoveScroll.js.map +0 -1
- package/dist/esm/library/scroll/PanScroll.js +0 -73
- package/dist/esm/library/scroll/PanScroll.js.map +0 -1
- package/dist/esm/library/scroll/ParallaxScroll.js +0 -40
- package/dist/esm/library/scroll/ParallaxScroll.js.map +0 -1
- package/dist/esm/library/scroll/RevealScroll.js +0 -52
- package/dist/esm/library/scroll/RevealScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShapeScroll.js +0 -111
- package/dist/esm/library/scroll/ShapeScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShrinkScroll.js +0 -96
- package/dist/esm/library/scroll/ShrinkScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShuttersScroll.js +0 -72
- package/dist/esm/library/scroll/ShuttersScroll.js.map +0 -1
- package/dist/esm/library/scroll/SkewPanScroll.js +0 -72
- package/dist/esm/library/scroll/SkewPanScroll.js.map +0 -1
- package/dist/esm/library/scroll/SlideScroll.js +0 -88
- package/dist/esm/library/scroll/SlideScroll.js.map +0 -1
- package/dist/esm/library/scroll/Spin3dScroll.js +0 -84
- package/dist/esm/library/scroll/Spin3dScroll.js.map +0 -1
- package/dist/esm/library/scroll/SpinScroll.js +0 -52
- package/dist/esm/library/scroll/SpinScroll.js.map +0 -1
- package/dist/esm/library/scroll/StretchScroll.js +0 -118
- package/dist/esm/library/scroll/StretchScroll.js.map +0 -1
- package/dist/esm/library/scroll/TiltScroll.js +0 -85
- package/dist/esm/library/scroll/TiltScroll.js.map +0 -1
- package/dist/esm/library/scroll/TurnScroll.js +0 -94
- package/dist/esm/library/scroll/TurnScroll.js.map +0 -1
- package/dist/esm/library/scroll/index.js +0 -41
- package/dist/esm/library/scroll/index.js.map +0 -1
- package/dist/esm/library/scroll/test/testUtils.js +0 -4
- package/dist/esm/library/scroll/test/testUtils.js.map +0 -1
- package/dist/esm/motion.js +0 -142
- package/dist/esm/motion.js.map +0 -1
- package/dist/esm/playground/animationMotionBgScroll.stories.js +0 -284
- package/dist/esm/playground/animationMotionBgScroll.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotion.stories.js +0 -132
- package/dist/esm/playground/animationsMotion.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotionMouse.stories.js +0 -187
- package/dist/esm/playground/animationsMotionMouse.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotionOngoing.stories.js +0 -128
- package/dist/esm/playground/animationsMotionOngoing.stories.js.map +0 -1
- package/dist/esm/playground/animationsMotionScroll.stories.js +0 -198
- package/dist/esm/playground/animationsMotionScroll.stories.js.map +0 -1
- package/dist/esm/playground/controls.js +0 -168
- package/dist/esm/playground/controls.js.map +0 -1
- package/dist/esm/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/esm/playground/mouse-parallax-components/vector.svg +0 -19
- package/dist/esm/playground/mouseComponent.js +0 -61
- package/dist/esm/playground/mouseComponent.js.map +0 -1
- package/dist/esm/playground/playground-common.js +0 -91
- package/dist/esm/playground/playground-common.js.map +0 -1
- package/dist/esm/playground/playground.module.scss +0 -381
- package/dist/esm/test-types.d.js +0 -2
- package/dist/esm/test-types.d.js.map +0 -1
- package/dist/esm/types.js +0 -2
- package/dist/esm/types.js.map +0 -1
- package/dist/esm/utils.js +0 -361
- package/dist/esm/utils.js.map +0 -1
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts +0 -131
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgFade.d.ts +0 -71
- package/dist/types/library/backgroundScroll/BgFade.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts +0 -133
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts +0 -130
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgPan.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgPan.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgParallax.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgParallax.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgReveal.d.ts +0 -8
- package/dist/types/library/backgroundScroll/BgReveal.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgRotate.d.ts +0 -53
- package/dist/types/library/backgroundScroll/BgRotate.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgSkew.d.ts +0 -68
- package/dist/types/library/backgroundScroll/BgSkew.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/BgZoom.d.ts +0 -8
- package/dist/types/library/backgroundScroll/BgZoom.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts +0 -69
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/index.d.ts +0 -3
- package/dist/types/library/backgroundScroll/index.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts +0 -3
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts.map +0 -1
- package/dist/types/library/backgroundScroll/utils.d.ts +0 -10
- package/dist/types/library/backgroundScroll/utils.d.ts.map +0 -1
- package/dist/types/library/entrance/ArcIn.d.ts +0 -102
- package/dist/types/library/entrance/ArcIn.d.ts.map +0 -1
- package/dist/types/library/entrance/BlurIn.d.ts +0 -91
- package/dist/types/library/entrance/BlurIn.d.ts.map +0 -1
- package/dist/types/library/entrance/BounceIn.d.ts +0 -111
- package/dist/types/library/entrance/BounceIn.d.ts.map +0 -1
- package/dist/types/library/entrance/CircleIn.d.ts +0 -122
- package/dist/types/library/entrance/CircleIn.d.ts.map +0 -1
- package/dist/types/library/entrance/CurveIn.d.ts +0 -74
- package/dist/types/library/entrance/CurveIn.d.ts.map +0 -1
- package/dist/types/library/entrance/DropIn.d.ts +0 -97
- package/dist/types/library/entrance/DropIn.d.ts.map +0 -1
- package/dist/types/library/entrance/ExpandIn.d.ts +0 -102
- package/dist/types/library/entrance/ExpandIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FadeIn.d.ts +0 -47
- package/dist/types/library/entrance/FadeIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FlipIn.d.ts +0 -100
- package/dist/types/library/entrance/FlipIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FloatIn.d.ts +0 -73
- package/dist/types/library/entrance/FloatIn.d.ts.map +0 -1
- package/dist/types/library/entrance/FoldIn.d.ts +0 -104
- package/dist/types/library/entrance/FoldIn.d.ts.map +0 -1
- package/dist/types/library/entrance/GlideIn.d.ts +0 -74
- package/dist/types/library/entrance/GlideIn.d.ts.map +0 -1
- package/dist/types/library/entrance/GlitchIn.d.ts +0 -73
- package/dist/types/library/entrance/GlitchIn.d.ts.map +0 -1
- package/dist/types/library/entrance/GrowIn.d.ts +0 -101
- package/dist/types/library/entrance/GrowIn.d.ts.map +0 -1
- package/dist/types/library/entrance/PunchIn.d.ts +0 -106
- package/dist/types/library/entrance/PunchIn.d.ts.map +0 -1
- package/dist/types/library/entrance/RevealIn.d.ts +0 -72
- package/dist/types/library/entrance/RevealIn.d.ts.map +0 -1
- package/dist/types/library/entrance/ShapeIn.d.ts +0 -99
- package/dist/types/library/entrance/ShapeIn.d.ts.map +0 -1
- package/dist/types/library/entrance/ShuttersIn.d.ts +0 -73
- package/dist/types/library/entrance/ShuttersIn.d.ts.map +0 -1
- package/dist/types/library/entrance/SlideIn.d.ts +0 -66
- package/dist/types/library/entrance/SlideIn.d.ts.map +0 -1
- package/dist/types/library/entrance/SpinIn.d.ts +0 -103
- package/dist/types/library/entrance/SpinIn.d.ts.map +0 -1
- package/dist/types/library/entrance/TiltIn.d.ts +0 -162
- package/dist/types/library/entrance/TiltIn.d.ts.map +0 -1
- package/dist/types/library/entrance/TurnIn.d.ts +0 -101
- package/dist/types/library/entrance/TurnIn.d.ts.map +0 -1
- package/dist/types/library/entrance/WinkIn.d.ts +0 -154
- package/dist/types/library/entrance/WinkIn.d.ts.map +0 -1
- package/dist/types/library/entrance/index.d.ts +0 -3
- package/dist/types/library/entrance/index.d.ts.map +0 -1
- package/dist/types/library/entrance/test/testUtils.d.ts +0 -3
- package/dist/types/library/entrance/test/testUtils.d.ts.map +0 -1
- package/dist/types/library/mouse/AiryMouse.d.ts +0 -9
- package/dist/types/library/mouse/AiryMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/BlobMouse.d.ts +0 -9
- package/dist/types/library/mouse/BlobMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/BlurMouse.d.ts +0 -9
- package/dist/types/library/mouse/BlurMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/BounceMouse.d.ts +0 -11
- package/dist/types/library/mouse/BounceMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/CustomMouse.d.ts +0 -13
- package/dist/types/library/mouse/CustomMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/ScaleMouse.d.ts +0 -9
- package/dist/types/library/mouse/ScaleMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/SkewMouse.d.ts +0 -9
- package/dist/types/library/mouse/SkewMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/SpinMouse.d.ts +0 -9
- package/dist/types/library/mouse/SpinMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/SwivelMouse.d.ts +0 -9
- package/dist/types/library/mouse/SwivelMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/Tilt3DMouse.d.ts +0 -9
- package/dist/types/library/mouse/Tilt3DMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/Track3DMouse.d.ts +0 -9
- package/dist/types/library/mouse/Track3DMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/TrackMouse.d.ts +0 -9
- package/dist/types/library/mouse/TrackMouse.d.ts.map +0 -1
- package/dist/types/library/mouse/index.d.ts +0 -3
- package/dist/types/library/mouse/index.d.ts.map +0 -1
- package/dist/types/library/ongoing/Blink.d.ts +0 -19
- package/dist/types/library/ongoing/Blink.d.ts.map +0 -1
- package/dist/types/library/ongoing/Bounce.d.ts +0 -61
- package/dist/types/library/ongoing/Bounce.d.ts.map +0 -1
- package/dist/types/library/ongoing/Breathe.d.ts +0 -65
- package/dist/types/library/ongoing/Breathe.d.ts.map +0 -1
- package/dist/types/library/ongoing/Cross.d.ts +0 -34
- package/dist/types/library/ongoing/Cross.d.ts.map +0 -1
- package/dist/types/library/ongoing/DVD.d.ts +0 -45
- package/dist/types/library/ongoing/DVD.d.ts.map +0 -1
- package/dist/types/library/ongoing/Flash.d.ts +0 -63
- package/dist/types/library/ongoing/Flash.d.ts.map +0 -1
- package/dist/types/library/ongoing/Flip.d.ts +0 -71
- package/dist/types/library/ongoing/Flip.d.ts.map +0 -1
- package/dist/types/library/ongoing/Fold.d.ts +0 -65
- package/dist/types/library/ongoing/Fold.d.ts.map +0 -1
- package/dist/types/library/ongoing/Jello.d.ts +0 -55
- package/dist/types/library/ongoing/Jello.d.ts.map +0 -1
- package/dist/types/library/ongoing/Poke.d.ts +0 -55
- package/dist/types/library/ongoing/Poke.d.ts.map +0 -1
- package/dist/types/library/ongoing/Pulse.d.ts +0 -55
- package/dist/types/library/ongoing/Pulse.d.ts.map +0 -1
- package/dist/types/library/ongoing/Rubber.d.ts +0 -55
- package/dist/types/library/ongoing/Rubber.d.ts.map +0 -1
- package/dist/types/library/ongoing/Spin.d.ts +0 -69
- package/dist/types/library/ongoing/Spin.d.ts.map +0 -1
- package/dist/types/library/ongoing/Swing.d.ts +0 -65
- package/dist/types/library/ongoing/Swing.d.ts.map +0 -1
- package/dist/types/library/ongoing/Wiggle.d.ts +0 -55
- package/dist/types/library/ongoing/Wiggle.d.ts.map +0 -1
- package/dist/types/library/ongoing/index.d.ts +0 -3
- package/dist/types/library/ongoing/index.d.ts.map +0 -1
- package/dist/types/library/ongoing/test/testUtils.d.ts +0 -3
- package/dist/types/library/ongoing/test/testUtils.d.ts.map +0 -1
- package/dist/types/library/scroll/ArcScroll.d.ts +0 -57
- package/dist/types/library/scroll/ArcScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/BlurScroll.d.ts +0 -59
- package/dist/types/library/scroll/BlurScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/FadeScroll.d.ts +0 -57
- package/dist/types/library/scroll/FadeScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/FlipScroll.d.ts +0 -57
- package/dist/types/library/scroll/FlipScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/GrowScroll.d.ts +0 -69
- package/dist/types/library/scroll/GrowScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/MoveScroll.d.ts +0 -65
- package/dist/types/library/scroll/MoveScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/PanScroll.d.ts +0 -58
- package/dist/types/library/scroll/PanScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ParallaxScroll.d.ts +0 -59
- package/dist/types/library/scroll/ParallaxScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/RevealScroll.d.ts +0 -58
- package/dist/types/library/scroll/RevealScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ShapeScroll.d.ts +0 -65
- package/dist/types/library/scroll/ShapeScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ShrinkScroll.d.ts +0 -69
- package/dist/types/library/scroll/ShrinkScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/ShuttersScroll.d.ts +0 -61
- package/dist/types/library/scroll/ShuttersScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/SkewPanScroll.d.ts +0 -62
- package/dist/types/library/scroll/SkewPanScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/SlideScroll.d.ts +0 -52
- package/dist/types/library/scroll/SlideScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/Spin3dScroll.d.ts +0 -73
- package/dist/types/library/scroll/Spin3dScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/SpinScroll.d.ts +0 -61
- package/dist/types/library/scroll/SpinScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/StretchScroll.d.ts +0 -125
- package/dist/types/library/scroll/StretchScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/TiltScroll.d.ts +0 -143
- package/dist/types/library/scroll/TiltScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/TurnScroll.d.ts +0 -66
- package/dist/types/library/scroll/TurnScroll.d.ts.map +0 -1
- package/dist/types/library/scroll/index.d.ts +0 -3
- package/dist/types/library/scroll/index.d.ts.map +0 -1
- package/dist/types/library/scroll/test/testUtils.d.ts +0 -3
- package/dist/types/library/scroll/test/testUtils.d.ts.map +0 -1
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts +0 -6
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotion.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotion.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotionMouse.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotionMouse.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts.map +0 -1
- package/dist/types/playground/animationsMotionScroll.stories.d.ts +0 -6
- package/dist/types/playground/animationsMotionScroll.stories.d.ts.map +0 -1
- package/dist/types/playground/controls.d.ts +0 -53
- package/dist/types/playground/controls.d.ts.map +0 -1
- package/dist/types/playground/mouseComponent.d.ts +0 -10
- package/dist/types/playground/mouseComponent.d.ts.map +0 -1
- package/dist/types/playground/playground-common.d.ts +0 -34
- package/dist/types/playground/playground-common.d.ts.map +0 -1
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 25,
|
|
6
|
-
perspective: 1000,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 50,
|
|
11
|
-
perspective: 700,
|
|
12
|
-
easing: 'easeOut'
|
|
13
|
-
},
|
|
14
|
-
hard: {
|
|
15
|
-
angle: 85,
|
|
16
|
-
perspective: 300,
|
|
17
|
-
easing: 'easeOut'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const transformOrigins = {
|
|
21
|
-
top: [0, -50],
|
|
22
|
-
bottom: [0, 50],
|
|
23
|
-
right: [50, 0],
|
|
24
|
-
left: [-50, 0],
|
|
25
|
-
'center-horizontal': [0, 0],
|
|
26
|
-
'center-vertical': [0, 0]
|
|
27
|
-
};
|
|
28
|
-
class SwivelMouseAnimation extends CustomMouse {
|
|
29
|
-
progress(_ref) {
|
|
30
|
-
let {
|
|
31
|
-
x: progressX,
|
|
32
|
-
y: progressY
|
|
33
|
-
} = _ref;
|
|
34
|
-
let rotateAxis = 'rotateX';
|
|
35
|
-
let progress = progressY;
|
|
36
|
-
let invertVertical = -1;
|
|
37
|
-
const {
|
|
38
|
-
pivotAxis,
|
|
39
|
-
angle,
|
|
40
|
-
invert,
|
|
41
|
-
perspective
|
|
42
|
-
} = this.options;
|
|
43
|
-
if (pivotAxis === 'center-horizontal' || pivotAxis === 'right' || pivotAxis === 'left') {
|
|
44
|
-
rotateAxis = 'rotateY';
|
|
45
|
-
progress = progressX;
|
|
46
|
-
invertVertical = 1;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle
|
|
50
|
-
const rotate = mapRange(0, 1, -angle, angle, progress) * invertVertical * invert;
|
|
51
|
-
const [translateX, translateY] = transformOrigins[pivotAxis];
|
|
52
|
-
const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;
|
|
53
|
-
this.target.style.transform = transform;
|
|
54
|
-
}
|
|
55
|
-
cancel() {
|
|
56
|
-
this.target.style.transform = '';
|
|
57
|
-
this.target.style.transition = '';
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
export default function create(options) {
|
|
61
|
-
const {
|
|
62
|
-
transitionDuration,
|
|
63
|
-
transitionEasing
|
|
64
|
-
} = options;
|
|
65
|
-
const {
|
|
66
|
-
power,
|
|
67
|
-
inverted = false,
|
|
68
|
-
angle = 5,
|
|
69
|
-
perspective = 800,
|
|
70
|
-
pivotAxis = 'center-horizontal'
|
|
71
|
-
} = options.namedEffect;
|
|
72
|
-
const invert = inverted ? -1 : 1;
|
|
73
|
-
const animationOptions = {
|
|
74
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
75
|
-
invert,
|
|
76
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
77
|
-
perspective: power ? paramsMap[power].perspective : perspective,
|
|
78
|
-
pivotAxis
|
|
79
|
-
};
|
|
80
|
-
return target => new SwivelMouseAnimation(target, animationOptions);
|
|
81
|
-
}
|
|
82
|
-
//# sourceMappingURL=SwivelMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","transformOrigins","top","bottom","right","left","SwivelMouseAnimation","progress","_ref","x","progressX","y","progressY","rotateAxis","invertVertical","pivotAxis","invert","options","rotate","translateX","translateY","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/SwivelMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n SwivelMouse,\n MousePivotAxis,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 700, easing: 'easeOut' },\n hard: { angle: 85, perspective: 300, easing: 'easeOut' },\n};\n\nconst transformOrigins: Record<MousePivotAxis, [number, number]> = {\n top: [0, -50],\n bottom: [0, 50],\n right: [50, 0],\n left: [-50, 0],\n 'center-horizontal': [0, 0],\n 'center-vertical': [0, 0],\n};\n\nclass SwivelMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n let rotateAxis = 'rotateX';\n let progress = progressY;\n let invertVertical = -1;\n\n const { pivotAxis, angle, invert, perspective } = this.options;\n if (\n pivotAxis === 'center-horizontal' ||\n pivotAxis === 'right' ||\n pivotAxis === 'left'\n ) {\n rotateAxis = 'rotateY';\n progress = progressX;\n invertVertical = 1;\n }\n\n // if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle\n const rotate =\n mapRange(0, 1, -angle, angle, progress) * invertVertical * invert;\n\n const [translateX, translateY] =\n transformOrigins[pivotAxis as MousePivotAxis];\n const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;\n\n this.target.style.transform = transform;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n angle = 5,\n perspective = 800,\n pivotAxis = 'center-horizontal',\n } = options.namedEffect as SwivelMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n pivotAxis,\n };\n\n return (target: HTMLElement) =>\n new SwivelMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 25,
|
|
6
|
-
perspective: 1000,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 50,
|
|
11
|
-
perspective: 500,
|
|
12
|
-
easing: 'easeOut'
|
|
13
|
-
},
|
|
14
|
-
hard: {
|
|
15
|
-
angle: 85,
|
|
16
|
-
perspective: 200,
|
|
17
|
-
easing: 'easeOut'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
class Tilt3DMouseAnimation extends CustomMouse {
|
|
21
|
-
progress(_ref) {
|
|
22
|
-
let {
|
|
23
|
-
x: progressX,
|
|
24
|
-
y: progressY
|
|
25
|
-
} = _ref;
|
|
26
|
-
const {
|
|
27
|
-
invert,
|
|
28
|
-
angle,
|
|
29
|
-
perspective
|
|
30
|
-
} = this.options;
|
|
31
|
-
|
|
32
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
33
|
-
const rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;
|
|
34
|
-
const rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;
|
|
35
|
-
this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
36
|
-
}
|
|
37
|
-
cancel() {
|
|
38
|
-
this.target.style.transform = '';
|
|
39
|
-
this.target.style.transition = '';
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
export default function create(options) {
|
|
43
|
-
const {
|
|
44
|
-
transitionDuration,
|
|
45
|
-
transitionEasing
|
|
46
|
-
} = options;
|
|
47
|
-
const {
|
|
48
|
-
power,
|
|
49
|
-
inverted = false,
|
|
50
|
-
angle = 5,
|
|
51
|
-
perspective = 800
|
|
52
|
-
} = options.namedEffect;
|
|
53
|
-
const invert = inverted ? -1 : 1;
|
|
54
|
-
const animationOptions = {
|
|
55
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
56
|
-
invert,
|
|
57
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
58
|
-
perspective: power ? paramsMap[power].perspective : perspective
|
|
59
|
-
};
|
|
60
|
-
return target => new Tilt3DMouseAnimation(target, animationOptions);
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=Tilt3DMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Tilt3DMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","options","rotateX","rotateY","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/Tilt3DMouse.ts"],"sourcesContent":["import { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Tilt3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 200, easing: 'easeOut' },\n};\n\nclass Tilt3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, angle, perspective } = this.options;\n\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n const rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n const rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n\n this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n angle = 5,\n perspective = 800,\n } = options.namedEffect as Tilt3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Tilt3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,QAAQ,QAAQ,aAAa;AAChE,SAASC,WAAW,QAAQ,eAAe;AAU3C,MAAMC,SAGL,GAAG;EACFC,IAAI,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAU,CAAC;EACzDC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC1DE,IAAI,EAAE;IAAEJ,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU;AACzD,CAAC;AAED,MAAMG,oBAAoB,SAASR,WAAW,CAAC;EAC7CS,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,MAAM;MAAEK,MAAM;MAAEZ,KAAK;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACY,OAAO;;IAEnD;IACA,MAAMC,OAAO,GAAGlB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAEI,KAAK,EAAE,CAACA,KAAK,EAAEW,SAAS,CAAC,GAAGC,MAAM;IACjE,MAAMG,OAAO,GAAGnB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACI,KAAK,EAAEA,KAAK,EAAES,SAAS,CAAC,GAAGG,MAAM;IAEjE,IAAI,CAACI,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAejB,WAAW,eAAea,OAAO,gBAAgBC,OAAO,yCAAyC;EAChJ;EAEAI,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEA,eAAe,SAASC,MAAMA,CAC5BR,OAAsD,EACtD;EACA,MAAM;IAAES,kBAAkB;IAAEC;EAAiB,CAAC,GAAGV,OAAO;EACxD,MAAM;IACJW,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBzB,KAAK,GAAG,CAAC;IACTC,WAAW,GAAG;EAChB,CAAC,GAAGY,OAAO,CAACa,WAA0B;EACtC,MAAMd,MAAM,GAAGa,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM3B,wBAAwB,CAC3D6B,KAAK,GAAG1B,SAAS,CAAC0B,KAAK,CAAC,CAACtB,MAAM,GAAGqB,gBACpC,CAAC,EAAE,GACH,EAAE;IACNX,MAAM;IACNZ,KAAK,EAAEwB,KAAK,GAAG1B,SAAS,CAAC0B,KAAK,CAAC,CAACxB,KAAK,GAAGA,KAAK;IAC7CC,WAAW,EAAEuB,KAAK,GAAG1B,SAAS,CAAC0B,KAAK,CAAC,CAACvB,WAAW,GAAGA;EACtD,CAAC;EAED,OAAQe,MAAmB,IACzB,IAAIX,oBAAoB,CAACW,MAAM,EAAEW,gBAAgB,CAAC;AACtD","ignoreList":[]}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 25,
|
|
6
|
-
perspective: 1000,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 50,
|
|
11
|
-
perspective: 500,
|
|
12
|
-
easing: 'easeOut'
|
|
13
|
-
},
|
|
14
|
-
hard: {
|
|
15
|
-
angle: 85,
|
|
16
|
-
perspective: 333,
|
|
17
|
-
easing: 'easeOut'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
class Track3DMouseAnimation extends CustomMouse {
|
|
21
|
-
progress(_ref) {
|
|
22
|
-
let {
|
|
23
|
-
x: progressX,
|
|
24
|
-
y: progressY
|
|
25
|
-
} = _ref;
|
|
26
|
-
const {
|
|
27
|
-
invert,
|
|
28
|
-
distance,
|
|
29
|
-
angle,
|
|
30
|
-
axis,
|
|
31
|
-
perspective
|
|
32
|
-
} = this.options;
|
|
33
|
-
let translateX = 0;
|
|
34
|
-
let translateY = 0;
|
|
35
|
-
let rotateX = 0;
|
|
36
|
-
let rotateY = 0;
|
|
37
|
-
// if progressX === 0, translateX === -distance
|
|
38
|
-
// if progressX === 0.5, translateX === 0
|
|
39
|
-
// if progressX === 1, translateX === distance
|
|
40
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
41
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
42
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX);
|
|
43
|
-
rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;
|
|
44
|
-
}
|
|
45
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
46
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY);
|
|
47
|
-
rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;
|
|
48
|
-
}
|
|
49
|
-
const units = getCssUnits(distance.type);
|
|
50
|
-
this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
51
|
-
}
|
|
52
|
-
cancel() {
|
|
53
|
-
this.target.style.transform = '';
|
|
54
|
-
this.target.style.transition = '';
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
export default function create(options) {
|
|
58
|
-
const {
|
|
59
|
-
transitionDuration,
|
|
60
|
-
transitionEasing
|
|
61
|
-
} = options;
|
|
62
|
-
const {
|
|
63
|
-
power,
|
|
64
|
-
inverted = false,
|
|
65
|
-
distance = {
|
|
66
|
-
value: 200,
|
|
67
|
-
type: 'px'
|
|
68
|
-
},
|
|
69
|
-
angle = 5,
|
|
70
|
-
axis = 'both',
|
|
71
|
-
perspective = 800
|
|
72
|
-
} = options.namedEffect;
|
|
73
|
-
const invert = inverted ? -1 : 1;
|
|
74
|
-
const animationOptions = {
|
|
75
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
76
|
-
invert,
|
|
77
|
-
distance,
|
|
78
|
-
axis,
|
|
79
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
80
|
-
perspective: power ? paramsMap[power].perspective : perspective
|
|
81
|
-
};
|
|
82
|
-
return target => new Track3DMouseAnimation(target, animationOptions);
|
|
83
|
-
}
|
|
84
|
-
//# sourceMappingURL=Track3DMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Track3DMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","rotateX","rotateY","value","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/Track3DMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Track3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 333, easing: 'easeOut' },\n};\n\nclass Track3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, angle, axis, perspective } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n let rotateX = 0;\n let rotateY = 0;\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n if (axis === 'both' || axis === 'horizontal') {\n translateX = mapRange(0, 1, -distance.value, distance.value, progressX);\n rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n }\n if (axis === 'both' || axis === 'vertical') {\n translateY = mapRange(0, 1, -distance.value, distance.value, progressY);\n rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n }\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n angle = 5,\n axis = 'both',\n perspective = 800,\n } = options.namedEffect as Track3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Track3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const easingMap = {
|
|
4
|
-
soft: 'linear',
|
|
5
|
-
medium: 'easeOut',
|
|
6
|
-
hard: 'hardBackOut'
|
|
7
|
-
};
|
|
8
|
-
class TrackMouseAnimation extends CustomMouse {
|
|
9
|
-
progress(_ref) {
|
|
10
|
-
let {
|
|
11
|
-
x: progressX,
|
|
12
|
-
y: progressY
|
|
13
|
-
} = _ref;
|
|
14
|
-
const {
|
|
15
|
-
invert,
|
|
16
|
-
distance,
|
|
17
|
-
axis
|
|
18
|
-
} = this.options;
|
|
19
|
-
let translateX = 0;
|
|
20
|
-
let translateY = 0;
|
|
21
|
-
|
|
22
|
-
// if progressX === 0, translateX === -distance
|
|
23
|
-
// if progressX === 0.5, translateX === 0
|
|
24
|
-
// if progressX === 1, translateX === distance
|
|
25
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
26
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
27
|
-
}
|
|
28
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
29
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
30
|
-
}
|
|
31
|
-
const units = getCssUnits(distance.type);
|
|
32
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
33
|
-
}
|
|
34
|
-
cancel() {
|
|
35
|
-
this.target.style.transform = '';
|
|
36
|
-
this.target.style.transition = '';
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
export default function create(options) {
|
|
40
|
-
const {
|
|
41
|
-
transitionDuration,
|
|
42
|
-
transitionEasing
|
|
43
|
-
} = options;
|
|
44
|
-
const {
|
|
45
|
-
power,
|
|
46
|
-
inverted = false,
|
|
47
|
-
distance = {
|
|
48
|
-
value: 200,
|
|
49
|
-
type: 'px'
|
|
50
|
-
},
|
|
51
|
-
axis = 'both'
|
|
52
|
-
} = options.namedEffect;
|
|
53
|
-
const invert = inverted ? -1 : 1;
|
|
54
|
-
const animationOptions = {
|
|
55
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? easingMap[power] : transitionEasing)}` : '',
|
|
56
|
-
invert,
|
|
57
|
-
distance,
|
|
58
|
-
axis
|
|
59
|
-
};
|
|
60
|
-
return target => new TrackMouseAnimation(target, animationOptions);
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=TrackMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","easingMap","soft","medium","hard","TrackMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","value","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/TrackMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n TrackMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst easingMap: Record<EffectPower, ScrubTransitionEasing> = {\n soft: 'linear',\n medium: 'easeOut',\n hard: 'hardBackOut',\n};\nclass TrackMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, axis } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n if (axis === 'both' || axis === 'horizontal') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n }\n\n if (axis === 'both' || axis === 'vertical') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n }\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;\n }\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n axis = 'both',\n } = options.namedEffect as TrackMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? easingMap[power] : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n };\n\n return (target: HTMLElement) =>\n new TrackMouseAnimation(target, animationOptions);\n}\n"],"mappings":"AAQA,SAASA,WAAW,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ,aAAa;AAC7E,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,SAAqD,GAAG;EAC5DC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AACD,MAAMC,mBAAmB,SAASL,WAAW,CAAC;EAC5CM,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,MAAM;MAAEK,MAAM;MAAEC,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/C,IAAIC,UAAU,GAAG,CAAC;IAClB,IAAIC,UAAU,GAAG,CAAC;;IAElB;IACA;IACA;IACA,IAAIH,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,YAAY,EAAE;MAC5CE,UAAU,GACRjB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACc,QAAQ,CAACK,KAAK,EAAEL,QAAQ,CAACK,KAAK,EAAET,SAAS,CAAC,GAAGG,MAAM;IACvE;IAEA,IAAIE,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,UAAU,EAAE;MAC1CG,UAAU,GACRlB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACc,QAAQ,CAACK,KAAK,EAAEL,QAAQ,CAACK,KAAK,EAAEP,SAAS,CAAC,GAAGC,MAAM;IACvE;IAEA,MAAMO,KAAK,GAAGtB,WAAW,CAACgB,QAAQ,CAACO,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcP,UAAU,GAAGG,KAAK,gBAAgBF,UAAU,GAAGE,KAAK,sCAAsC;EACxI;EACAK,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEA,eAAe,SAASC,MAAMA,CAC5BX,OAAsD,EACtD;EACA,MAAM;IAAEY,kBAAkB;IAAEC;EAAiB,CAAC,GAAGb,OAAO;EACxD,MAAM;IACJc,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBjB,QAAQ,GAAG;MAAEK,KAAK,EAAE,GAAG;MAAEE,IAAI,EAAE;IAAK,CAAC;IACrCN,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACgB,WAAyB;EACrC,MAAMnB,MAAM,GAAGkB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM7B,wBAAwB,CAC3D+B,KAAK,GAAG5B,SAAS,CAAC4B,KAAK,CAAC,GAAGD,gBAC7B,CAAC,EAAE,GACH,EAAE;IACNhB,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC;EAED,OAAQO,MAAmB,IACzB,IAAIhB,mBAAmB,CAACgB,MAAM,EAAEW,gBAAgB,CAAC;AACrD","ignoreList":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { create as CreateCustomMouse } from './CustomMouse';
|
|
2
|
-
import AiryMouse from './AiryMouse';
|
|
3
|
-
import BlobMouse from './BlobMouse';
|
|
4
|
-
import BlurMouse from './BlurMouse';
|
|
5
|
-
import BounceMouse from './BounceMouse';
|
|
6
|
-
import ScaleMouse from './ScaleMouse';
|
|
7
|
-
import SkewMouse from './SkewMouse';
|
|
8
|
-
import SpinMouse from './SpinMouse';
|
|
9
|
-
import SwivelMouse from './SwivelMouse';
|
|
10
|
-
import Tilt3DMouse from './Tilt3DMouse';
|
|
11
|
-
import Track3DMouse from './Track3DMouse';
|
|
12
|
-
import TrackMouse from './TrackMouse';
|
|
13
|
-
export const mouseAnimations = {
|
|
14
|
-
AiryMouse,
|
|
15
|
-
BlobMouse,
|
|
16
|
-
BlurMouse,
|
|
17
|
-
BounceMouse,
|
|
18
|
-
CustomMouse: CreateCustomMouse,
|
|
19
|
-
ScaleMouse,
|
|
20
|
-
SkewMouse,
|
|
21
|
-
SpinMouse,
|
|
22
|
-
SwivelMouse,
|
|
23
|
-
Tilt3DMouse,
|
|
24
|
-
Track3DMouse,
|
|
25
|
-
TrackMouse
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["create","CreateCustomMouse","AiryMouse","BlobMouse","BlurMouse","BounceMouse","ScaleMouse","SkewMouse","SpinMouse","SwivelMouse","Tilt3DMouse","Track3DMouse","TrackMouse","mouseAnimations","CustomMouse"],"sources":["../../../../src/library/mouse/index.ts"],"sourcesContent":["import { create as CreateCustomMouse } from './CustomMouse';\nimport AiryMouse from './AiryMouse';\nimport BlobMouse from './BlobMouse';\nimport BlurMouse from './BlurMouse';\nimport BounceMouse from './BounceMouse';\nimport ScaleMouse from './ScaleMouse';\nimport SkewMouse from './SkewMouse';\nimport SpinMouse from './SpinMouse';\nimport SwivelMouse from './SwivelMouse';\nimport Tilt3DMouse from './Tilt3DMouse';\nimport Track3DMouse from './Track3DMouse';\nimport TrackMouse from './TrackMouse';\nimport type { MouseAnimations } from '../../types';\n\nexport const mouseAnimations: MouseAnimations = {\n AiryMouse,\n BlobMouse,\n BlurMouse,\n BounceMouse,\n CustomMouse: CreateCustomMouse,\n ScaleMouse,\n SkewMouse,\n SpinMouse,\n SwivelMouse,\n Tilt3DMouse,\n Track3DMouse,\n TrackMouse,\n};\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,iBAAiB,QAAQ,eAAe;AAC3D,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,UAAU,MAAM,cAAc;AAGrC,OAAO,MAAMC,eAAgC,GAAG;EAC9CX,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXS,WAAW,EAAEb,iBAAiB;EAC9BK,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable prettier/prettier */
|
|
2
|
-
|
|
3
|
-
import { getCssUnits, getEasing, mapRange } from '../../utils';
|
|
4
|
-
const POWER_TO_BLINK_FACTOR_MAP = {
|
|
5
|
-
soft: {
|
|
6
|
-
maxScaleBy: 0,
|
|
7
|
-
maxTranslateBy: 50
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
maxScaleBy: 0.5,
|
|
11
|
-
maxTranslateBy: 100
|
|
12
|
-
},
|
|
13
|
-
hard: {
|
|
14
|
-
maxScaleBy: 0.7,
|
|
15
|
-
maxTranslateBy: 200
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
const BASE_POSITION = {
|
|
19
|
-
translate: `0 0`,
|
|
20
|
-
scale: 1
|
|
21
|
-
};
|
|
22
|
-
const TOTAL_BLINKS = 10;
|
|
23
|
-
const TRANSITION_MS = 500;
|
|
24
|
-
const SCALE_RANGE = {
|
|
25
|
-
min: 0,
|
|
26
|
-
max: 0.7
|
|
27
|
-
};
|
|
28
|
-
const SCALE_OFFSET = 0.02;
|
|
29
|
-
const getRandomsBySeed = seed => [0.3, 0.45, 0.7].map(n => seed * n % 1);
|
|
30
|
-
export function web(options, _) {
|
|
31
|
-
const {
|
|
32
|
-
power,
|
|
33
|
-
scale = 0,
|
|
34
|
-
distance = {
|
|
35
|
-
value: 50,
|
|
36
|
-
type: 'percentage'
|
|
37
|
-
}
|
|
38
|
-
} = options.namedEffect;
|
|
39
|
-
const isResponsive = typeof power === 'undefined';
|
|
40
|
-
const duration = options.duration ?? 0; // the duration in which the element is visible
|
|
41
|
-
const delay = options.delay ?? 0; // the duration in which the element is hidden
|
|
42
|
-
const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);
|
|
43
|
-
const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut');
|
|
44
|
-
const travelUnits = getCssUnits(distance.type);
|
|
45
|
-
const [name] = getNames(options);
|
|
46
|
-
const keyframes = [];
|
|
47
|
-
const scaleMappedFromRange = mapRange(0, 1, SCALE_RANGE.min, SCALE_RANGE.max, scale);
|
|
48
|
-
const {
|
|
49
|
-
maxScaleBy,
|
|
50
|
-
maxTranslateBy
|
|
51
|
-
} = isResponsive ? {
|
|
52
|
-
maxScaleBy: scaleMappedFromRange,
|
|
53
|
-
maxTranslateBy: distance.value
|
|
54
|
-
} : POWER_TO_BLINK_FACTOR_MAP[power];
|
|
55
|
-
for (let i = 0; i < TOTAL_BLINKS; i++) {
|
|
56
|
-
const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use
|
|
57
|
-
const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;
|
|
58
|
-
const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;
|
|
59
|
-
const scaleBy = 1 + randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1);
|
|
60
|
-
const blink = {
|
|
61
|
-
translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,
|
|
62
|
-
scale: scaleBy,
|
|
63
|
-
easing,
|
|
64
|
-
...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}) // override if its first or last blink
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
/*
|
|
68
|
-
4 offset points to each blink:
|
|
69
|
-
two for opacity: 1, and two for opacity: 0.
|
|
70
|
-
*/
|
|
71
|
-
const offsets = {
|
|
72
|
-
hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,
|
|
73
|
-
visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,
|
|
74
|
-
visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,
|
|
75
|
-
hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration
|
|
76
|
-
};
|
|
77
|
-
if (i > 0) {
|
|
78
|
-
keyframes.push(...[{
|
|
79
|
-
...blink,
|
|
80
|
-
opacity: 0,
|
|
81
|
-
scale: blink.scale - SCALE_OFFSET,
|
|
82
|
-
offset: offsets.hiddenEnd
|
|
83
|
-
}, {
|
|
84
|
-
...blink,
|
|
85
|
-
opacity: 1,
|
|
86
|
-
offset: offsets.visibleStart
|
|
87
|
-
}]);
|
|
88
|
-
}
|
|
89
|
-
keyframes.push({
|
|
90
|
-
...blink,
|
|
91
|
-
opacity: 1,
|
|
92
|
-
offset: offsets.visibleEnd
|
|
93
|
-
});
|
|
94
|
-
if (i < TOTAL_BLINKS - 1) {
|
|
95
|
-
keyframes.push({
|
|
96
|
-
...blink,
|
|
97
|
-
opacity: 0,
|
|
98
|
-
scale: blink.scale - SCALE_OFFSET,
|
|
99
|
-
offset: offsets.hiddenStart
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
return [{
|
|
104
|
-
...options,
|
|
105
|
-
name,
|
|
106
|
-
easing: 'linear',
|
|
107
|
-
delay: 0,
|
|
108
|
-
duration: totalDuration,
|
|
109
|
-
keyframes
|
|
110
|
-
}];
|
|
111
|
-
}
|
|
112
|
-
export function getNames(_) {
|
|
113
|
-
return ['motion-blink'];
|
|
114
|
-
}
|
|
115
|
-
//# sourceMappingURL=Blink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getEasing","mapRange","POWER_TO_BLINK_FACTOR_MAP","soft","maxScaleBy","maxTranslateBy","medium","hard","BASE_POSITION","translate","scale","TOTAL_BLINKS","TRANSITION_MS","SCALE_RANGE","min","max","SCALE_OFFSET","getRandomsBySeed","seed","map","n","web","options","_","power","distance","value","type","namedEffect","isResponsive","duration","delay","totalDuration","easing","travelUnits","name","getNames","keyframes","scaleMappedFromRange","i","randoms","translateY","Math","round","translateX","scaleBy","blink","offsets","hiddenEnd","visibleStart","visibleEnd","hiddenStart","push","opacity","offset"],"sources":["../../../../src/library/ongoing/Blink.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport type { Blink, TimeAnimationOptions, DomApi } from '../../types';\nimport { getCssUnits, getEasing, mapRange } from '../../utils';\n\nconst POWER_TO_BLINK_FACTOR_MAP = {\n soft: {\n maxScaleBy: 0,\n maxTranslateBy: 50,\n },\n medium: {\n maxScaleBy: 0.5,\n maxTranslateBy: 100,\n },\n hard: {\n maxScaleBy: 0.7,\n maxTranslateBy: 200,\n },\n};\n\nconst BASE_POSITION = {\n translate: `0 0`,\n scale: 1,\n};\n\nconst TOTAL_BLINKS = 10;\nconst TRANSITION_MS = 500;\nconst SCALE_RANGE = { min: 0, max: 0.7 };\nconst SCALE_OFFSET = 0.02;\n\nconst getRandomsBySeed = (seed: number) =>\n [0.3, 0.45, 0.7].map((n) => (seed * n) % 1);\n\nexport function web(options: TimeAnimationOptions, _?: DomApi) {\n const {\n power,\n scale = 0,\n distance = { value: 50, type: 'percentage' },\n } = options.namedEffect as Blink;\n\n const isResponsive = typeof power === 'undefined';\n const duration = options.duration ?? 0; // the duration in which the element is visible\n const delay = options.delay ?? 0; // the duration in which the element is hidden \n const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);\n const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut')\n const travelUnits = getCssUnits(distance.type);\n const [name] = getNames(options);\n const keyframes: Keyframe[] = [];\n\n const scaleMappedFromRange = mapRange(\n 0,\n 1,\n SCALE_RANGE.min,\n SCALE_RANGE.max,\n scale,\n );\n\n const { maxScaleBy, maxTranslateBy } = isResponsive\n ? {\n maxScaleBy: scaleMappedFromRange,\n maxTranslateBy: distance.value,\n }\n : POWER_TO_BLINK_FACTOR_MAP[power];\n\n \n for (let i = 0; i < TOTAL_BLINKS; i++) {\n const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use\n const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;\n const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;\n const scaleBy = 1 + (randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1));\n\n const blink = {\n translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,\n scale: scaleBy,\n easing,\n ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}), // override if its first or last blink\n };\n\n /* \n 4 offset points to each blink: \n two for opacity: 1, and two for opacity: 0. \n */\n const offsets = {\n hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,\n visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,\n visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,\n hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration,\n };\n\n if (i > 0) {\n keyframes.push(\n ...[\n {\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenEnd,\n },\n {\n ...blink,\n opacity: 1,\n offset: offsets.visibleStart,\n },\n ],\n );\n }\n keyframes.push({\n ...blink,\n opacity: 1,\n offset: offsets.visibleEnd,\n });\n\n if (i < TOTAL_BLINKS - 1) {\n keyframes.push({\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenStart,\n });\n }\n }\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: totalDuration,\n keyframes,\n },\n ];\n}\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-blink'];\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { getEasing, getTimingFactor, toKeyframeValue, mapRange } from '../../utils';
|
|
2
|
-
const POWER_TO_BOUNCE_FACTOR_MAP = {
|
|
3
|
-
soft: 1,
|
|
4
|
-
medium: 2,
|
|
5
|
-
hard: 3
|
|
6
|
-
};
|
|
7
|
-
const TRANSLATE_Y_KEYFRAMES = [{
|
|
8
|
-
keyframe: 0,
|
|
9
|
-
translateY: 0
|
|
10
|
-
}, {
|
|
11
|
-
keyframe: 8.8,
|
|
12
|
-
translateY: -55
|
|
13
|
-
}, {
|
|
14
|
-
keyframe: 17.6,
|
|
15
|
-
translateY: -87
|
|
16
|
-
}, {
|
|
17
|
-
keyframe: 26.5,
|
|
18
|
-
translateY: -98
|
|
19
|
-
}, {
|
|
20
|
-
keyframe: 35.3,
|
|
21
|
-
translateY: -87
|
|
22
|
-
}, {
|
|
23
|
-
keyframe: 44.1,
|
|
24
|
-
translateY: -55
|
|
25
|
-
}, {
|
|
26
|
-
keyframe: 53.1,
|
|
27
|
-
translateY: 0
|
|
28
|
-
}, {
|
|
29
|
-
keyframe: 66.2,
|
|
30
|
-
translateY: -23
|
|
31
|
-
}, {
|
|
32
|
-
keyframe: 81,
|
|
33
|
-
translateY: 0
|
|
34
|
-
}, {
|
|
35
|
-
keyframe: 86.8,
|
|
36
|
-
translateY: -5
|
|
37
|
-
}, {
|
|
38
|
-
keyframe: 94.1,
|
|
39
|
-
translateY: 0
|
|
40
|
-
}, {
|
|
41
|
-
keyframe: 97.1,
|
|
42
|
-
translateY: -2
|
|
43
|
-
}, {
|
|
44
|
-
keyframe: 100,
|
|
45
|
-
translateY: 0
|
|
46
|
-
}];
|
|
47
|
-
export function web(options, _dom) {
|
|
48
|
-
return style(options, true);
|
|
49
|
-
}
|
|
50
|
-
export function style(options, asWeb) {
|
|
51
|
-
if (asWeb === void 0) {
|
|
52
|
-
asWeb = false;
|
|
53
|
-
}
|
|
54
|
-
const {
|
|
55
|
-
power = 'soft',
|
|
56
|
-
intensity
|
|
57
|
-
} = options.namedEffect;
|
|
58
|
-
const duration = options.duration || 1;
|
|
59
|
-
const delay = options.delay || 0;
|
|
60
|
-
const timingFactor = getTimingFactor(duration, delay);
|
|
61
|
-
const [name] = getNames(options);
|
|
62
|
-
const bounceFactor = intensity ? mapRange(0, 1, POWER_TO_BOUNCE_FACTOR_MAP.soft, POWER_TO_BOUNCE_FACTOR_MAP.hard, intensity) : POWER_TO_BOUNCE_FACTOR_MAP[power];
|
|
63
|
-
const easing = getEasing('sineOut');
|
|
64
|
-
const custom = {
|
|
65
|
-
'--motion-bounce-factor': bounceFactor
|
|
66
|
-
};
|
|
67
|
-
const keyframes = TRANSLATE_Y_KEYFRAMES.map(_ref => {
|
|
68
|
-
let {
|
|
69
|
-
keyframe,
|
|
70
|
-
translateY
|
|
71
|
-
} = _ref;
|
|
72
|
-
return {
|
|
73
|
-
offset: keyframe / 100 * timingFactor,
|
|
74
|
-
translate: `0px calc(${translateY / 2}px * ${toKeyframeValue(custom, '--motion-bounce-factor', asWeb)})`,
|
|
75
|
-
easing
|
|
76
|
-
};
|
|
77
|
-
});
|
|
78
|
-
return [{
|
|
79
|
-
...options,
|
|
80
|
-
name,
|
|
81
|
-
delay: 0,
|
|
82
|
-
easing: 'linear',
|
|
83
|
-
duration: duration + delay,
|
|
84
|
-
custom,
|
|
85
|
-
keyframes
|
|
86
|
-
}];
|
|
87
|
-
}
|
|
88
|
-
export function getNames(options) {
|
|
89
|
-
const timingFactor = getTimingFactor(options.duration, options.delay, true);
|
|
90
|
-
return [`motion-bounce-${timingFactor}`];
|
|
91
|
-
}
|
|
92
|
-
//# sourceMappingURL=Bounce.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getEasing","getTimingFactor","toKeyframeValue","mapRange","POWER_TO_BOUNCE_FACTOR_MAP","soft","medium","hard","TRANSLATE_Y_KEYFRAMES","keyframe","translateY","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","name","getNames","bounceFactor","easing","custom","keyframes","map","_ref","offset","translate"],"sources":["../../../../src/library/ongoing/Bounce.ts"],"sourcesContent":["import type {\n TimeAnimationOptions,\n Bounce,\n AnimationExtraOptions,\n DomApi,\n} from '../../types';\nimport {\n getEasing,\n getTimingFactor,\n toKeyframeValue,\n mapRange,\n} from '../../utils';\n\nconst POWER_TO_BOUNCE_FACTOR_MAP = {\n soft: 1,\n medium: 2,\n hard: 3,\n};\n\nconst TRANSLATE_Y_KEYFRAMES = [\n { keyframe: 0, translateY: 0 },\n { keyframe: 8.8, translateY: -55 },\n { keyframe: 17.6, translateY: -87 },\n { keyframe: 26.5, translateY: -98 },\n { keyframe: 35.3, translateY: -87 },\n { keyframe: 44.1, translateY: -55 },\n { keyframe: 53.1, translateY: 0 },\n { keyframe: 66.2, translateY: -23 },\n { keyframe: 81, translateY: 0 },\n { keyframe: 86.8, translateY: -5 },\n { keyframe: 94.1, translateY: 0 },\n { keyframe: 97.1, translateY: -2 },\n { keyframe: 100, translateY: 0 },\n];\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power = 'soft', intensity } = options.namedEffect as Bounce;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const bounceFactor = intensity\n ? mapRange(\n 0,\n 1,\n POWER_TO_BOUNCE_FACTOR_MAP.soft,\n POWER_TO_BOUNCE_FACTOR_MAP.hard,\n intensity,\n )\n : POWER_TO_BOUNCE_FACTOR_MAP[power];\n const easing = getEasing('sineOut');\n\n const custom = {\n '--motion-bounce-factor': bounceFactor,\n };\n\n const keyframes = TRANSLATE_Y_KEYFRAMES.map(({ keyframe, translateY }) => ({\n offset: (keyframe / 100) * timingFactor,\n translate: `0px calc(${translateY / 2}px * ${toKeyframeValue(\n custom,\n '--motion-bounce-factor',\n asWeb,\n )})`,\n easing,\n }));\n\n return [\n {\n ...options,\n name,\n delay: 0,\n easing: 'linear',\n duration: duration + delay,\n custom,\n keyframes,\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-bounce-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}
|