@wix/motion 1.659.0 → 2.0.0-rc.2
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/AnimationGroup.js +91 -0
- package/dist/es/CustomAnimation.js +169 -0
- package/dist/es/api/common.js +125 -0
- package/dist/es/api/cssAnimations.js +44 -0
- package/dist/es/api/prepare.js +12 -0
- package/dist/es/api/webAnimations.js +128 -0
- package/dist/es/easings.js +218 -0
- package/dist/{esm → es}/index.js +0 -1
- package/dist/es/library/backgroundScroll/BgCloseUp.js +62 -0
- package/dist/es/library/backgroundScroll/BgFade.js +43 -0
- package/dist/es/library/backgroundScroll/BgFadeBack.js +61 -0
- package/dist/es/library/backgroundScroll/BgFake3D.js +88 -0
- package/dist/es/library/backgroundScroll/BgPan.js +39 -0
- package/dist/es/library/backgroundScroll/BgParallax.js +33 -0
- package/dist/es/library/backgroundScroll/BgPullBack.js +35 -0
- package/dist/es/library/backgroundScroll/BgReveal.js +7 -0
- package/dist/es/library/backgroundScroll/BgRotate.js +28 -0
- package/dist/es/library/backgroundScroll/BgSkew.js +33 -0
- package/dist/es/library/backgroundScroll/BgZoom.js +108 -0
- package/dist/es/library/backgroundScroll/ImageParallax.js +46 -0
- package/dist/{esm → es}/library/backgroundScroll/index.js +12 -13
- package/dist/es/library/backgroundScroll/test/BgCloseUp.spec.js +36 -0
- package/dist/es/library/backgroundScroll/test/BgFade.spec.js +34 -0
- package/dist/es/library/backgroundScroll/test/BgFadeBack.spec.js +36 -0
- package/dist/es/library/backgroundScroll/test/BgFake3D.spec.js +63 -0
- package/dist/es/library/backgroundScroll/test/BgPan.spec.js +47 -0
- package/dist/es/library/backgroundScroll/test/BgParallax.spec.js +44 -0
- package/dist/es/library/backgroundScroll/test/BgPullBack.spec.js +42 -0
- package/dist/es/library/backgroundScroll/test/BgRotate.spec.js +46 -0
- package/dist/es/library/backgroundScroll/test/BgSkew.spec.js +46 -0
- package/dist/es/library/backgroundScroll/test/BgZoom.spec.js +105 -0
- package/dist/es/library/backgroundScroll/test/ImageParallax.spec.js +46 -0
- package/dist/es/library/backgroundScroll/test/testUtils.js +3 -0
- package/dist/es/library/backgroundScroll/utils.js +30 -0
- package/dist/es/library/entrance/ArcIn.js +78 -0
- package/dist/es/library/entrance/BlurIn.js +46 -0
- package/dist/es/library/entrance/BounceIn.js +83 -0
- package/dist/es/library/entrance/CircleIn.js +77 -0
- package/dist/es/library/entrance/CurveIn.js +61 -0
- package/dist/es/library/entrance/DropIn.js +46 -0
- package/dist/es/library/entrance/ExpandIn.js +80 -0
- package/dist/es/library/entrance/FadeIn.js +17 -0
- package/dist/es/library/entrance/FlipIn.js +80 -0
- package/dist/es/library/entrance/FloatIn.js +48 -0
- package/dist/es/library/entrance/FoldIn.js +86 -0
- package/dist/es/library/entrance/GlideIn.js +75 -0
- package/dist/es/library/entrance/GlitchIn.js +20 -0
- package/dist/es/library/entrance/GrowIn.js +52 -0
- package/dist/es/library/entrance/PunchIn.js +103 -0
- package/dist/es/library/entrance/RevealIn.js +64 -0
- package/dist/es/library/entrance/ShapeIn.js +55 -0
- package/dist/es/library/entrance/ShuttersIn.js +40 -0
- package/dist/es/library/entrance/SlideIn.js +106 -0
- package/dist/es/library/entrance/SpinIn.js +54 -0
- package/dist/es/library/entrance/TiltIn.js +96 -0
- package/dist/es/library/entrance/TurnIn.js +73 -0
- package/dist/es/library/entrance/WinkIn.js +94 -0
- package/dist/{esm → es}/library/entrance/index.js +23 -24
- package/dist/es/library/entrance/test/ArcIn.spec.js +253 -0
- package/dist/es/library/entrance/test/BlurIn.spec.js +103 -0
- package/dist/es/library/entrance/test/BounceIn.spec.js +943 -0
- package/dist/es/library/entrance/test/CircleIn.spec.js +174 -0
- package/dist/es/library/entrance/test/CurveIn.spec.js +143 -0
- package/dist/es/library/entrance/test/DropIn.spec.js +172 -0
- package/dist/es/library/entrance/test/ExpandIn.spec.js +194 -0
- package/dist/es/library/entrance/test/FadeIn.spec.js +33 -0
- package/dist/es/library/entrance/test/FlipIn.spec.js +125 -0
- package/dist/es/library/entrance/test/FloatIn.spec.js +127 -0
- package/dist/es/library/entrance/test/FoldIn.spec.js +125 -0
- package/dist/es/library/entrance/test/GlideIn.spec.js +133 -0
- package/dist/es/library/entrance/test/GlitchIn.spec.js +216 -0
- package/dist/es/library/entrance/test/GrowIn.spec.js +121 -0
- package/dist/es/library/entrance/test/PunchIn.spec.js +888 -0
- package/dist/es/library/entrance/test/RevealIn.spec.js +121 -0
- package/dist/es/library/entrance/test/ShapeIn.spec.js +221 -0
- package/dist/es/library/entrance/test/ShuttersIn.spec.js +338 -0
- package/dist/es/library/entrance/test/SlideIn.spec.js +149 -0
- package/dist/es/library/entrance/test/SpinIn.spec.js +141 -0
- package/dist/es/library/entrance/test/TiltIn.spec.js +186 -0
- package/dist/es/library/entrance/test/TurnIn.spec.js +224 -0
- package/dist/es/library/entrance/test/WinkIn.spec.js +281 -0
- package/dist/es/library/entrance/test/testUtils.js +3 -0
- package/dist/es/library/mouse/AiryMouse.js +43 -0
- package/dist/es/library/mouse/BlobMouse.js +42 -0
- package/dist/es/library/mouse/BlurMouse.js +56 -0
- package/dist/es/library/mouse/BounceMouse.js +10 -0
- package/dist/es/library/mouse/CustomMouse.js +31 -0
- package/dist/es/library/mouse/ScaleMouse.js +61 -0
- package/dist/es/library/mouse/SkewMouse.js +58 -0
- package/dist/es/library/mouse/SpinMouse.js +26 -0
- package/dist/es/library/mouse/SwivelMouse.js +52 -0
- package/dist/es/library/mouse/Tilt3DMouse.js +34 -0
- package/dist/es/library/mouse/Track3DMouse.js +50 -0
- package/dist/es/library/mouse/TrackMouse.js +43 -0
- package/dist/{esm → es}/library/mouse/index.js +12 -13
- package/dist/es/library/ongoing/Bounce.js +58 -0
- package/dist/es/library/ongoing/Breathe.js +92 -0
- package/dist/es/library/ongoing/Cross.js +218 -0
- package/dist/es/library/ongoing/DVD.js +85 -0
- package/dist/es/library/ongoing/Flash.js +45 -0
- package/dist/es/library/ongoing/Flip.js +57 -0
- package/dist/es/library/ongoing/Fold.js +121 -0
- package/dist/es/library/ongoing/Jello.js +51 -0
- package/dist/es/library/ongoing/Poke.js +61 -0
- package/dist/es/library/ongoing/Pulse.js +58 -0
- package/dist/es/library/ongoing/Rubber.js +60 -0
- package/dist/es/library/ongoing/Spin.js +50 -0
- package/dist/es/library/ongoing/Swing.js +98 -0
- package/dist/es/library/ongoing/Wiggle.js +60 -0
- package/dist/{esm → es}/library/ongoing/index.js +14 -17
- package/dist/es/library/ongoing/test/Bounce.spec.js +771 -0
- package/dist/es/library/ongoing/test/Breathe.spec.js +542 -0
- package/dist/es/library/ongoing/test/Cross.spec.js +579 -0
- package/dist/es/library/ongoing/test/DVD.spec.js +63 -0
- package/dist/es/library/ongoing/test/Flash.spec.js +205 -0
- package/dist/es/library/ongoing/test/Flip.spec.js +324 -0
- package/dist/es/library/ongoing/test/Fold.spec.js +649 -0
- package/dist/es/library/ongoing/test/Jello.spec.js +373 -0
- package/dist/es/library/ongoing/test/Poke.spec.js +590 -0
- package/dist/es/library/ongoing/test/Pulse.spec.js +391 -0
- package/dist/es/library/ongoing/test/Rubber.spec.js +591 -0
- package/dist/es/library/ongoing/test/Spin.spec.js +414 -0
- package/dist/es/library/ongoing/test/Swing.spec.js +240 -0
- package/dist/es/library/ongoing/test/Wiggle.spec.js +464 -0
- package/dist/es/library/ongoing/test/testUtils.js +3 -0
- package/dist/es/library/scroll/ArcScroll.js +43 -0
- package/dist/es/library/scroll/BlurScroll.js +39 -0
- package/dist/es/library/scroll/FadeScroll.js +33 -0
- package/dist/es/library/scroll/FlipScroll.js +44 -0
- package/dist/es/library/scroll/GrowScroll.js +112 -0
- package/dist/es/library/scroll/MoveScroll.js +72 -0
- package/dist/es/library/scroll/PanScroll.js +67 -0
- package/dist/es/library/scroll/ParallaxScroll.js +48 -0
- package/dist/es/library/scroll/RevealScroll.js +87 -0
- package/dist/es/library/scroll/ShapeScroll.js +124 -0
- package/dist/es/library/scroll/ShrinkScroll.js +109 -0
- package/dist/es/library/scroll/ShuttersScroll.js +63 -0
- package/dist/es/library/scroll/SkewPanScroll.js +78 -0
- package/dist/es/library/scroll/SlideScroll.js +105 -0
- package/dist/es/library/scroll/Spin3dScroll.js +92 -0
- package/dist/es/library/scroll/SpinScroll.js +45 -0
- package/dist/es/library/scroll/StretchScroll.js +81 -0
- package/dist/es/library/scroll/TiltScroll.js +118 -0
- package/dist/es/library/scroll/TurnScroll.js +96 -0
- package/dist/{esm → es}/library/scroll/index.js +19 -20
- package/dist/es/library/scroll/test/ArcScroll.spec.js +89 -0
- package/dist/es/library/scroll/test/BlurScroll.spec.js +149 -0
- package/dist/es/library/scroll/test/FadeScroll.spec.js +90 -0
- package/dist/es/library/scroll/test/FlipScroll.spec.js +167 -0
- package/dist/es/library/scroll/test/GrowScroll.spec.js +299 -0
- package/dist/es/library/scroll/test/MoveScroll.spec.js +183 -0
- package/dist/es/library/scroll/test/PanScroll.spec.js +133 -0
- package/dist/es/library/scroll/test/ParallaxScroll.spec.js +51 -0
- package/dist/es/library/scroll/test/RevealScroll.spec.js +131 -0
- package/dist/es/library/scroll/test/ShapeScroll.spec.js +234 -0
- package/dist/es/library/scroll/test/ShrinkScroll.spec.js +180 -0
- package/dist/es/library/scroll/test/ShuttersScroll.spec.js +189 -0
- package/dist/es/library/scroll/test/SkewPanScroll.spec.js +168 -0
- package/dist/es/library/scroll/test/SlideScroll.spec.js +99 -0
- package/dist/es/library/scroll/test/Spin3dScroll.spec.js +184 -0
- package/dist/es/library/scroll/test/SpinScroll.spec.js +188 -0
- package/dist/es/library/scroll/test/StretchScroll.spec.js +235 -0
- package/dist/es/library/scroll/test/TiltScroll.spec.js +206 -0
- package/dist/es/library/scroll/test/TurnScroll.spec.js +148 -0
- package/dist/es/library/scroll/test/testUtils.js +3 -0
- package/dist/es/motion.js +5440 -0
- package/dist/es/motion.js.map +1 -0
- package/dist/es/types.js +1 -0
- package/dist/es/utils.js +251 -0
- package/dist/tsconfig.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 +109 -109
- 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/webAnimations.d.ts.map +1 -1
- package/dist/types/easings.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts +28 -28
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgFade.d.ts +14 -14
- package/dist/types/library/backgroundScroll/BgFade.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts +28 -28
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts +28 -28
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgPan.d.ts +15 -15
- package/dist/types/library/backgroundScroll/BgPan.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgParallax.d.ts +15 -15
- package/dist/types/library/backgroundScroll/BgParallax.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts +14 -14
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgRotate.d.ts +14 -14
- package/dist/types/library/backgroundScroll/BgRotate.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgSkew.d.ts +15 -15
- package/dist/types/library/backgroundScroll/BgSkew.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/BgZoom.d.ts +42 -42
- package/dist/types/library/backgroundScroll/BgZoom.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts +15 -15
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts.map +1 -1
- package/dist/types/library/backgroundScroll/test/BgCloseUp.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgCloseUp.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgFade.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgFade.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgFadeBack.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgFadeBack.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgFake3D.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgFake3D.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgPan.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgPan.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgParallax.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgParallax.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgPullBack.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgPullBack.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgRotate.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgRotate.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgSkew.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgSkew.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/BgZoom.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/BgZoom.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/ImageParallax.spec.d.ts +2 -0
- package/dist/types/library/backgroundScroll/test/ImageParallax.spec.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/utils.d.ts.map +1 -1
- package/dist/types/library/entrance/ArcIn.d.ts +42 -42
- package/dist/types/library/entrance/ArcIn.d.ts.map +1 -1
- package/dist/types/library/entrance/BlurIn.d.ts +42 -42
- package/dist/types/library/entrance/BlurIn.d.ts.map +1 -1
- package/dist/types/library/entrance/BounceIn.d.ts +42 -42
- package/dist/types/library/entrance/BounceIn.d.ts.map +1 -1
- package/dist/types/library/entrance/CircleIn.d.ts +44 -44
- package/dist/types/library/entrance/CurveIn.d.ts +22 -22
- package/dist/types/library/entrance/DropIn.d.ts +42 -42
- package/dist/types/library/entrance/DropIn.d.ts.map +1 -1
- package/dist/types/library/entrance/ExpandIn.d.ts +44 -44
- package/dist/types/library/entrance/ExpandIn.d.ts.map +1 -1
- package/dist/types/library/entrance/FadeIn.d.ts +22 -22
- package/dist/types/library/entrance/FadeIn.d.ts.map +1 -1
- package/dist/types/library/entrance/FlipIn.d.ts +44 -44
- package/dist/types/library/entrance/FlipIn.d.ts.map +1 -1
- package/dist/types/library/entrance/FloatIn.d.ts +22 -22
- package/dist/types/library/entrance/FoldIn.d.ts +44 -44
- package/dist/types/library/entrance/FoldIn.d.ts.map +1 -1
- package/dist/types/library/entrance/GlideIn.d.ts +22 -22
- package/dist/types/library/entrance/GlideIn.d.ts.map +1 -1
- package/dist/types/library/entrance/GlitchIn.d.ts +22 -22
- package/dist/types/library/entrance/GlitchIn.d.ts.map +1 -1
- package/dist/types/library/entrance/GrowIn.d.ts +42 -42
- package/dist/types/library/entrance/GrowIn.d.ts.map +1 -1
- package/dist/types/library/entrance/PunchIn.d.ts +42 -42
- package/dist/types/library/entrance/PunchIn.d.ts.map +1 -1
- package/dist/types/library/entrance/RevealIn.d.ts +22 -22
- package/dist/types/library/entrance/RevealIn.d.ts.map +1 -1
- package/dist/types/library/entrance/ShapeIn.d.ts +42 -42
- package/dist/types/library/entrance/ShapeIn.d.ts.map +1 -1
- package/dist/types/library/entrance/ShuttersIn.d.ts +22 -22
- package/dist/types/library/entrance/ShuttersIn.d.ts.map +1 -1
- package/dist/types/library/entrance/SlideIn.d.ts +22 -22
- package/dist/types/library/entrance/SlideIn.d.ts.map +1 -1
- package/dist/types/library/entrance/SpinIn.d.ts +42 -42
- package/dist/types/library/entrance/SpinIn.d.ts.map +1 -1
- package/dist/types/library/entrance/TiltIn.d.ts +62 -62
- package/dist/types/library/entrance/TiltIn.d.ts.map +1 -1
- package/dist/types/library/entrance/TurnIn.d.ts +42 -42
- package/dist/types/library/entrance/TurnIn.d.ts.map +1 -1
- package/dist/types/library/entrance/WinkIn.d.ts +64 -64
- package/dist/types/library/entrance/WinkIn.d.ts.map +1 -1
- package/dist/types/library/entrance/test/ArcIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/ArcIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/BlurIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/BlurIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/BounceIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/BounceIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/CircleIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/CircleIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/CurveIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/CurveIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/DropIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/DropIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/ExpandIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/ExpandIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/FadeIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/FadeIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/FlipIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/FlipIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/FloatIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/FloatIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/FoldIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/FoldIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/GlideIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/GlideIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/GlitchIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/GlitchIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/GrowIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/GrowIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/PunchIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/PunchIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/RevealIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/RevealIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/ShapeIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/ShapeIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/ShuttersIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/ShuttersIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/SlideIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/SlideIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/SpinIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/SpinIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/TiltIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/TiltIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/TurnIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/TurnIn.spec.d.ts.map +1 -0
- package/dist/types/library/entrance/test/WinkIn.spec.d.ts +2 -0
- package/dist/types/library/entrance/test/WinkIn.spec.d.ts.map +1 -0
- package/dist/types/library/mouse/AiryMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/BlobMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/BlurMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/BounceMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/CustomMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/ScaleMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/SkewMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/SpinMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/SwivelMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/Tilt3DMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/Track3DMouse.d.ts.map +1 -1
- package/dist/types/library/mouse/TrackMouse.d.ts.map +1 -1
- package/dist/types/library/ongoing/Bounce.d.ts +24 -24
- package/dist/types/library/ongoing/Bounce.d.ts.map +1 -1
- package/dist/types/library/ongoing/Breathe.d.ts +24 -25
- package/dist/types/library/ongoing/Breathe.d.ts.map +1 -1
- package/dist/types/library/ongoing/Cross.d.ts +12 -12
- package/dist/types/library/ongoing/Cross.d.ts.map +1 -1
- package/dist/types/library/ongoing/DVD.d.ts +16 -16
- package/dist/types/library/ongoing/Flash.d.ts +24 -24
- package/dist/types/library/ongoing/Flash.d.ts.map +1 -1
- package/dist/types/library/ongoing/Flip.d.ts +24 -24
- package/dist/types/library/ongoing/Flip.d.ts.map +1 -1
- package/dist/types/library/ongoing/Fold.d.ts +24 -25
- package/dist/types/library/ongoing/Fold.d.ts.map +1 -1
- package/dist/types/library/ongoing/Jello.d.ts +24 -24
- package/dist/types/library/ongoing/Jello.d.ts.map +1 -1
- package/dist/types/library/ongoing/Poke.d.ts +24 -24
- package/dist/types/library/ongoing/Poke.d.ts.map +1 -1
- package/dist/types/library/ongoing/Pulse.d.ts +24 -24
- package/dist/types/library/ongoing/Pulse.d.ts.map +1 -1
- package/dist/types/library/ongoing/Rubber.d.ts +24 -24
- package/dist/types/library/ongoing/Rubber.d.ts.map +1 -1
- package/dist/types/library/ongoing/Spin.d.ts +24 -24
- package/dist/types/library/ongoing/Spin.d.ts.map +1 -1
- package/dist/types/library/ongoing/Swing.d.ts +24 -25
- package/dist/types/library/ongoing/Swing.d.ts.map +1 -1
- package/dist/types/library/ongoing/Wiggle.d.ts +24 -24
- package/dist/types/library/ongoing/Wiggle.d.ts.map +1 -1
- package/dist/types/library/ongoing/index.d.ts.map +1 -1
- package/dist/types/library/ongoing/test/Bounce.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Bounce.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Breathe.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Breathe.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Cross.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Cross.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/DVD.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/DVD.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Flash.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Flash.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Flip.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Flip.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Fold.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Fold.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Jello.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Jello.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Poke.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Poke.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Pulse.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Pulse.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Rubber.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Rubber.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Spin.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Spin.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Swing.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Swing.spec.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/Wiggle.spec.d.ts +2 -0
- package/dist/types/library/ongoing/test/Wiggle.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/ArcScroll.d.ts +15 -15
- package/dist/types/library/scroll/ArcScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/BlurScroll.d.ts +15 -15
- package/dist/types/library/scroll/BlurScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/FadeScroll.d.ts +15 -15
- package/dist/types/library/scroll/FadeScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/FlipScroll.d.ts +15 -15
- package/dist/types/library/scroll/FlipScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/GrowScroll.d.ts +15 -15
- package/dist/types/library/scroll/GrowScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/MoveScroll.d.ts +15 -15
- package/dist/types/library/scroll/MoveScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/PanScroll.d.ts +15 -15
- package/dist/types/library/scroll/PanScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/ParallaxScroll.d.ts +15 -15
- package/dist/types/library/scroll/ParallaxScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/RevealScroll.d.ts +15 -15
- package/dist/types/library/scroll/RevealScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/ShapeScroll.d.ts +15 -15
- package/dist/types/library/scroll/ShapeScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/ShrinkScroll.d.ts +15 -15
- package/dist/types/library/scroll/ShrinkScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/ShuttersScroll.d.ts +15 -15
- package/dist/types/library/scroll/ShuttersScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/SkewPanScroll.d.ts +15 -15
- package/dist/types/library/scroll/SkewPanScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/SlideScroll.d.ts +15 -15
- package/dist/types/library/scroll/SlideScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/Spin3dScroll.d.ts +15 -15
- package/dist/types/library/scroll/Spin3dScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/SpinScroll.d.ts +15 -15
- package/dist/types/library/scroll/SpinScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/StretchScroll.d.ts +30 -30
- package/dist/types/library/scroll/StretchScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/TiltScroll.d.ts +30 -30
- package/dist/types/library/scroll/TiltScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/TurnScroll.d.ts +18 -18
- package/dist/types/library/scroll/TurnScroll.d.ts.map +1 -1
- package/dist/types/library/scroll/test/ArcScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/ArcScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/BlurScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/BlurScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/FadeScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/FadeScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/FlipScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/FlipScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/GrowScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/GrowScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/MoveScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/MoveScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/PanScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/PanScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/ParallaxScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/ParallaxScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/RevealScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/RevealScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/ShapeScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/ShapeScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/ShrinkScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/ShrinkScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/ShuttersScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/ShuttersScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/SkewPanScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/SkewPanScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/SlideScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/SlideScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/Spin3dScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/Spin3dScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/SpinScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/SpinScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/StretchScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/StretchScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/TiltScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/TiltScroll.spec.d.ts.map +1 -0
- package/dist/types/library/scroll/test/TurnScroll.spec.d.ts +2 -0
- package/dist/types/library/scroll/test/TurnScroll.spec.d.ts.map +1 -0
- package/dist/types/motion.d.ts.map +1 -1
- package/dist/types/types.d.ts +3 -3
- package/dist/types/types.d.ts.map +1 -1
- package/dist/types/utils.d.ts +11 -0
- 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 -74
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFade.js +0 -51
- package/dist/cjs/library/backgroundScroll/BgFade.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js +0 -73
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgFake3D.js +0 -103
- package/dist/cjs/library/backgroundScroll/BgFake3D.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgPan.js +0 -50
- package/dist/cjs/library/backgroundScroll/BgPan.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgParallax.js +0 -43
- package/dist/cjs/library/backgroundScroll/BgParallax.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgPullBack.js +0 -45
- package/dist/cjs/library/backgroundScroll/BgPullBack.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgReveal.js +0 -14
- package/dist/cjs/library/backgroundScroll/BgReveal.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgRotate.js +0 -37
- package/dist/cjs/library/backgroundScroll/BgRotate.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgSkew.js +0 -44
- package/dist/cjs/library/backgroundScroll/BgSkew.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/BgZoom.js +0 -125
- package/dist/cjs/library/backgroundScroll/BgZoom.js.map +0 -1
- package/dist/cjs/library/backgroundScroll/ImageParallax.js +0 -58
- 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 -37
- 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 -55
- 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 -41
- 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 -58
- package/dist/cjs/library/scroll/ArcScroll.js.map +0 -1
- package/dist/cjs/library/scroll/BlurScroll.js +0 -43
- package/dist/cjs/library/scroll/BlurScroll.js.map +0 -1
- package/dist/cjs/library/scroll/FadeScroll.js +0 -36
- 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 -160
- package/dist/cjs/library/scroll/GrowScroll.js.map +0 -1
- package/dist/cjs/library/scroll/MoveScroll.js +0 -123
- 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 -56
- package/dist/cjs/library/scroll/ParallaxScroll.js.map +0 -1
- package/dist/cjs/library/scroll/RevealScroll.js +0 -92
- 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 -157
- package/dist/cjs/library/scroll/ShrinkScroll.js.map +0 -1
- package/dist/cjs/library/scroll/ShuttersScroll.js +0 -67
- package/dist/cjs/library/scroll/ShuttersScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SkewPanScroll.js +0 -113
- package/dist/cjs/library/scroll/SkewPanScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SlideScroll.js +0 -115
- package/dist/cjs/library/scroll/SlideScroll.js.map +0 -1
- package/dist/cjs/library/scroll/Spin3dScroll.js +0 -119
- package/dist/cjs/library/scroll/Spin3dScroll.js.map +0 -1
- package/dist/cjs/library/scroll/SpinScroll.js +0 -51
- package/dist/cjs/library/scroll/SpinScroll.js.map +0 -1
- package/dist/cjs/library/scroll/StretchScroll.js +0 -105
- package/dist/cjs/library/scroll/StretchScroll.js.map +0 -1
- package/dist/cjs/library/scroll/TiltScroll.js +0 -129
- package/dist/cjs/library/scroll/TiltScroll.js.map +0 -1
- package/dist/cjs/library/scroll/TurnScroll.js +0 -125
- 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 -114
- 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 -2
- package/dist/cjs/types.js.map +0 -1
- package/dist/cjs/utils.js +0 -305
- 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.map +0 -1
- package/dist/esm/library/backgroundScroll/BgCloseUp.js +0 -70
- package/dist/esm/library/backgroundScroll/BgCloseUp.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFade.js +0 -47
- package/dist/esm/library/backgroundScroll/BgFade.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFadeBack.js +0 -69
- package/dist/esm/library/backgroundScroll/BgFadeBack.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgFake3D.js +0 -99
- package/dist/esm/library/backgroundScroll/BgFake3D.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgPan.js +0 -46
- package/dist/esm/library/backgroundScroll/BgPan.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgParallax.js +0 -39
- package/dist/esm/library/backgroundScroll/BgParallax.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgPullBack.js +0 -41
- package/dist/esm/library/backgroundScroll/BgPullBack.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgReveal.js +0 -10
- package/dist/esm/library/backgroundScroll/BgReveal.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgRotate.js +0 -33
- package/dist/esm/library/backgroundScroll/BgRotate.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgSkew.js +0 -40
- package/dist/esm/library/backgroundScroll/BgSkew.js.map +0 -1
- package/dist/esm/library/backgroundScroll/BgZoom.js +0 -121
- package/dist/esm/library/backgroundScroll/BgZoom.js.map +0 -1
- package/dist/esm/library/backgroundScroll/ImageParallax.js +0 -54
- package/dist/esm/library/backgroundScroll/ImageParallax.js.map +0 -1
- 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 -31
- 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.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.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.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 -54
- package/dist/esm/library/scroll/ArcScroll.js.map +0 -1
- package/dist/esm/library/scroll/BlurScroll.js +0 -39
- package/dist/esm/library/scroll/BlurScroll.js.map +0 -1
- package/dist/esm/library/scroll/FadeScroll.js +0 -32
- package/dist/esm/library/scroll/FadeScroll.js.map +0 -1
- package/dist/esm/library/scroll/FlipScroll.js +0 -46
- package/dist/esm/library/scroll/FlipScroll.js.map +0 -1
- package/dist/esm/library/scroll/GrowScroll.js +0 -157
- package/dist/esm/library/scroll/GrowScroll.js.map +0 -1
- package/dist/esm/library/scroll/MoveScroll.js +0 -120
- 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 -53
- package/dist/esm/library/scroll/ParallaxScroll.js.map +0 -1
- package/dist/esm/library/scroll/RevealScroll.js +0 -88
- package/dist/esm/library/scroll/RevealScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShapeScroll.js +0 -110
- package/dist/esm/library/scroll/ShapeScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShrinkScroll.js +0 -154
- package/dist/esm/library/scroll/ShrinkScroll.js.map +0 -1
- package/dist/esm/library/scroll/ShuttersScroll.js +0 -63
- package/dist/esm/library/scroll/ShuttersScroll.js.map +0 -1
- package/dist/esm/library/scroll/SkewPanScroll.js +0 -109
- package/dist/esm/library/scroll/SkewPanScroll.js.map +0 -1
- package/dist/esm/library/scroll/SlideScroll.js +0 -111
- package/dist/esm/library/scroll/SlideScroll.js.map +0 -1
- package/dist/esm/library/scroll/Spin3dScroll.js +0 -116
- package/dist/esm/library/scroll/Spin3dScroll.js.map +0 -1
- package/dist/esm/library/scroll/SpinScroll.js +0 -47
- package/dist/esm/library/scroll/SpinScroll.js.map +0 -1
- package/dist/esm/library/scroll/StretchScroll.js +0 -101
- package/dist/esm/library/scroll/StretchScroll.js.map +0 -1
- package/dist/esm/library/scroll/TiltScroll.js +0 -126
- package/dist/esm/library/scroll/TiltScroll.js.map +0 -1
- package/dist/esm/library/scroll/TurnScroll.js +0 -121
- package/dist/esm/library/scroll/TurnScroll.js.map +0 -1
- 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 -332
- package/dist/esm/utils.js.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/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,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _CustomMouse = require("./CustomMouse");
|
|
7
|
-
const paramsMap = {
|
|
8
|
-
down: {
|
|
9
|
-
soft: {
|
|
10
|
-
scale: 0.85,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
medium: {
|
|
14
|
-
scale: 0.5,
|
|
15
|
-
easing: 'easeOut'
|
|
16
|
-
},
|
|
17
|
-
hard: {
|
|
18
|
-
scale: 0,
|
|
19
|
-
easing: 'easeOut'
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
up: {
|
|
23
|
-
soft: {
|
|
24
|
-
scale: 1.2,
|
|
25
|
-
easing: 'easeOut'
|
|
26
|
-
},
|
|
27
|
-
medium: {
|
|
28
|
-
scale: 1.6,
|
|
29
|
-
easing: 'easeOut'
|
|
30
|
-
},
|
|
31
|
-
hard: {
|
|
32
|
-
scale: 2.4,
|
|
33
|
-
easing: 'easeOut'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
class ScaleMouseAnimation extends _CustomMouse.CustomMouse {
|
|
38
|
-
progress({
|
|
39
|
-
x: progressX,
|
|
40
|
-
y: progressY
|
|
41
|
-
}) {
|
|
42
|
-
const {
|
|
43
|
-
distance,
|
|
44
|
-
scale,
|
|
45
|
-
invert,
|
|
46
|
-
axis
|
|
47
|
-
} = this.options;
|
|
48
|
-
let translateX = 0;
|
|
49
|
-
let translateY = 0;
|
|
50
|
-
let scaleX = 1;
|
|
51
|
-
let scaleY = 1;
|
|
52
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
53
|
-
translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
54
|
-
scaleX = progressX < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressX) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressX);
|
|
55
|
-
}
|
|
56
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
57
|
-
translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
58
|
-
scaleY = progressY < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressY) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressY);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
// scale is uniform so we use the smaller scale value if scale < 1
|
|
62
|
-
// and the bigger scale value if scale > 1
|
|
63
|
-
const scaleBoth = scale < 1 ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY);
|
|
64
|
-
const units = (0, _utils.getCssUnits)(distance.type);
|
|
65
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleBoth}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
66
|
-
}
|
|
67
|
-
cancel() {
|
|
68
|
-
this.target.style.transform = '';
|
|
69
|
-
this.target.style.transition = '';
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
function create(options) {
|
|
73
|
-
const {
|
|
74
|
-
transitionDuration,
|
|
75
|
-
transitionEasing
|
|
76
|
-
} = options;
|
|
77
|
-
const {
|
|
78
|
-
power,
|
|
79
|
-
scaleDirection = 'down',
|
|
80
|
-
inverted = false,
|
|
81
|
-
distance = {
|
|
82
|
-
value: 80,
|
|
83
|
-
type: 'px'
|
|
84
|
-
},
|
|
85
|
-
axis = 'both',
|
|
86
|
-
scale = 1.4
|
|
87
|
-
} = options.namedEffect;
|
|
88
|
-
const invert = inverted ? -1 : 1;
|
|
89
|
-
const animationOptions = {
|
|
90
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[scaleDirection][power].easing : transitionEasing)}` : '',
|
|
91
|
-
invert,
|
|
92
|
-
distance,
|
|
93
|
-
axis,
|
|
94
|
-
scale: power ? paramsMap[scaleDirection][power].scale : scale
|
|
95
|
-
};
|
|
96
|
-
return target => new ScaleMouseAnimation(target, animationOptions);
|
|
97
|
-
}
|
|
98
|
-
//# sourceMappingURL=ScaleMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","down","soft","scale","easing","medium","hard","up","ScaleMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","distance","invert","axis","options","translateX","translateY","scaleX","scaleY","mapRange","value","scaleBoth","Math","min","max","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","scaleDirection","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/ScaleMouse.ts"],"sourcesContent":["import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n ScaleMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n ScaleMouse['scaleDirection'],\n Record<EffectPower, { scale: number; easing: ScrubTransitionEasing }>\n> = {\n down: {\n soft: { scale: 0.85, easing: 'easeOut' },\n medium: { scale: 0.5, easing: 'easeOut' },\n hard: { scale: 0, easing: 'easeOut' },\n },\n up: {\n soft: { scale: 1.2, easing: 'easeOut' },\n medium: { scale: 1.6, easing: 'easeOut' },\n hard: { scale: 2.4, easing: 'easeOut' },\n },\n};\n\nclass ScaleMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { distance, scale, invert, axis } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n let scaleX = 1;\n let scaleY = 1;\n\n if (axis === 'both' || axis === 'horizontal') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n scaleX =\n progressX < 0.5\n ? mapRange(0, 0.5, scale, 1, progressX)\n : mapRange(0.5, 1, 1, scale, progressX);\n }\n\n if (axis === 'both' || axis === 'vertical') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n scaleY =\n progressY < 0.5\n ? mapRange(0, 0.5, scale, 1, progressY)\n : mapRange(0.5, 1, 1, scale, progressY);\n }\n\n // scale is uniform so we use the smaller scale value if scale < 1\n // and the bigger scale value if scale > 1\n const scaleBoth =\n scale < 1 ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY);\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleBoth}) 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 scaleDirection = 'down',\n inverted = false,\n distance = { value: 80, type: 'px' },\n axis = 'both',\n scale = 1.4,\n } = options.namedEffect as ScaleMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[scaleDirection][power].easing : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n scale: power ? paramsMap[scaleDirection][power].scale : scale,\n };\n\n return (target: HTMLElement) =>\n new ScaleMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _easings = require("../../easings");
|
|
7
|
-
var _CustomMouse = require("./CustomMouse");
|
|
8
|
-
const paramsMap = {
|
|
9
|
-
soft: {
|
|
10
|
-
angle: 10,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
medium: {
|
|
14
|
-
angle: 20,
|
|
15
|
-
easing: 'easeOut'
|
|
16
|
-
},
|
|
17
|
-
hard: {
|
|
18
|
-
angle: 45,
|
|
19
|
-
easing: 'easeOut'
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
class SkewMouseAnimation extends _CustomMouse.CustomMouse {
|
|
23
|
-
progress({
|
|
24
|
-
x: progressX,
|
|
25
|
-
y: progressY
|
|
26
|
-
}) {
|
|
27
|
-
let translateX = 0;
|
|
28
|
-
let translateY = 0;
|
|
29
|
-
let skewX = 0;
|
|
30
|
-
let skewY = 0;
|
|
31
|
-
const {
|
|
32
|
-
distance,
|
|
33
|
-
angle,
|
|
34
|
-
axis,
|
|
35
|
-
invert
|
|
36
|
-
} = this.options;
|
|
37
|
-
|
|
38
|
-
// distance
|
|
39
|
-
if (axis !== 'vertical') {
|
|
40
|
-
translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
41
|
-
skewX = (0, _utils.mapRange)(0, 1, angle, -angle, progressX) * invert;
|
|
42
|
-
}
|
|
43
|
-
if (axis !== 'horizontal') {
|
|
44
|
-
translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
45
|
-
skewY = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
|
|
46
|
-
}
|
|
47
|
-
if (axis === 'both') {
|
|
48
|
-
// We want to do `skewX *= progressY < 0.5 ? 1 : -1`
|
|
49
|
-
// but normalize it by y progress (so it will be 0 when y is 0.5)
|
|
50
|
-
// and apply a circInOut easing on the progress so it will feel more natural
|
|
51
|
-
skewX *= (0, _utils.mapRange)(0, 1, 1, -1, (0, _easings.circInOut)(progressY));
|
|
52
|
-
|
|
53
|
-
// we want to do `skewY *= progressX < 0.5 ? 1 : -1`
|
|
54
|
-
// but normalize it by x progress (so it will be 0 when x is 0.5)
|
|
55
|
-
// and apply a circInOut easing on the progress so it will feel more natural
|
|
56
|
-
skewY *= (0, _utils.mapRange)(0, 1, 1, -1, (0, _easings.circInOut)(progressX));
|
|
57
|
-
}
|
|
58
|
-
const units = (0, _utils.getCssUnits)(distance.type);
|
|
59
|
-
const transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) skew(${skewX}deg, ${skewY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
60
|
-
this.target.style.transform = transform;
|
|
61
|
-
}
|
|
62
|
-
cancel() {
|
|
63
|
-
this.target.style.transform = '';
|
|
64
|
-
this.target.style.transition = '';
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
function create(options) {
|
|
68
|
-
const {
|
|
69
|
-
transitionDuration,
|
|
70
|
-
transitionEasing
|
|
71
|
-
} = options;
|
|
72
|
-
const {
|
|
73
|
-
power,
|
|
74
|
-
inverted = false,
|
|
75
|
-
distance = {
|
|
76
|
-
value: 200,
|
|
77
|
-
type: 'px'
|
|
78
|
-
},
|
|
79
|
-
angle = 25,
|
|
80
|
-
axis = 'both'
|
|
81
|
-
} = options.namedEffect;
|
|
82
|
-
const invert = inverted ? -1 : 1;
|
|
83
|
-
const animationOptions = {
|
|
84
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
85
|
-
invert,
|
|
86
|
-
distance,
|
|
87
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
88
|
-
axis
|
|
89
|
-
};
|
|
90
|
-
return target => new SkewMouseAnimation(target, animationOptions);
|
|
91
|
-
}
|
|
92
|
-
//# sourceMappingURL=SkewMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_easings","_CustomMouse","paramsMap","soft","angle","easing","medium","hard","SkewMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","translateX","translateY","skewX","skewY","distance","axis","invert","options","mapRange","value","circInOut","units","getCssUnits","type","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/SkewMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n SkewMouse,\n Progress,\n ScrubTransitionEasing,\n EffectPower,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { circInOut } from '../../easings';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 10, easing: 'easeOut' },\n medium: { angle: 20, easing: 'easeOut' },\n hard: { angle: 45, easing: 'easeOut' },\n};\n\nclass SkewMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n let translateX = 0;\n let translateY = 0;\n let skewX = 0;\n let skewY = 0;\n const { distance, angle, axis, invert } = this.options;\n\n // distance\n if (axis !== 'vertical') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n skewX = mapRange(0, 1, angle, -angle, progressX) * invert;\n }\n if (axis !== 'horizontal') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n skewY = mapRange(0, 1, angle, -angle, progressY) * invert;\n }\n if (axis === 'both') {\n // We want to do `skewX *= progressY < 0.5 ? 1 : -1`\n // but normalize it by y progress (so it will be 0 when y is 0.5)\n // and apply a circInOut easing on the progress so it will feel more natural\n skewX *= mapRange(0, 1, 1, -1, circInOut(progressY));\n\n // we want to do `skewY *= progressX < 0.5 ? 1 : -1`\n // but normalize it by x progress (so it will be 0 when x is 0.5)\n // and apply a circInOut easing on the progress so it will feel more natural\n skewY *= mapRange(0, 1, 1, -1, circInOut(progressX));\n }\n\n const units = getCssUnits(distance.type);\n\n const transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) skew(${skewX}deg, ${skewY}deg) 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 distance = { value: 200, type: 'px' },\n angle = 25,\n axis = 'both',\n } = options.namedEffect as SkewMouse;\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 angle: power ? paramsMap[power].angle : angle,\n axis,\n };\n\n return (target: HTMLElement) =>\n new SkewMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _CustomMouse = require("./CustomMouse");
|
|
7
|
-
class SpinMouseAnimation extends _CustomMouse.CustomMouse {
|
|
8
|
-
progress({
|
|
9
|
-
x: progressX,
|
|
10
|
-
y: progressY
|
|
11
|
-
}) {
|
|
12
|
-
const {
|
|
13
|
-
invert,
|
|
14
|
-
axis
|
|
15
|
-
} = this.options;
|
|
16
|
-
const rotation = (0, _utils.getAngleInDeg)([0.5, 0.5], [axis === 'vertical' ? 0 : progressX, axis === 'horizontal' ? 0 : progressY], 90) * invert;
|
|
17
|
-
this.target.style.transform = `rotate(calc(${rotation}deg + var(--comp-rotate-z, 0deg)))`;
|
|
18
|
-
}
|
|
19
|
-
cancel() {
|
|
20
|
-
this.target.style.transform = '';
|
|
21
|
-
this.target.style.transition = '';
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
function create(options) {
|
|
25
|
-
const {
|
|
26
|
-
transitionDuration,
|
|
27
|
-
transitionEasing = 'linear'
|
|
28
|
-
} = options;
|
|
29
|
-
const {
|
|
30
|
-
inverted = false,
|
|
31
|
-
axis = 'both'
|
|
32
|
-
} = options.namedEffect;
|
|
33
|
-
const invert = inverted ? -1 : 1;
|
|
34
|
-
const animationOptions = {
|
|
35
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(transitionEasing)}` : '',
|
|
36
|
-
invert,
|
|
37
|
-
axis
|
|
38
|
-
};
|
|
39
|
-
return target => new SpinMouseAnimation(target, animationOptions);
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=SpinMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_CustomMouse","SpinMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","axis","options","rotation","getAngleInDeg","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/SpinMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n SpinMouse,\n Progress,\n} from '../../types';\nimport { getMouseTransitionEasing, getAngleInDeg } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nclass SpinMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, axis } = this.options;\n\n const rotation =\n getAngleInDeg(\n [0.5, 0.5],\n [\n axis === 'vertical' ? 0 : progressX,\n axis === 'horizontal' ? 0 : progressY,\n ],\n 90,\n ) * invert;\n\n this.target.style.transform = `rotate(calc(${rotation}deg + 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 = 'linear' } = options;\n const { inverted = false, axis = 'both' } = options.namedEffect as SpinMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n transitionEasing,\n )}`\n : '',\n invert,\n axis,\n };\n\n return (target: HTMLElement) =>\n new SpinMouseAnimation(target, animationOptions);\n}\n"],"mappings":";;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,SAASC,wBAAW,CAAC;EAC3CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAErC,MAAMC,QAAQ,GACZ,IAAAC,oBAAa,EACX,CAAC,GAAG,EAAE,GAAG,CAAC,EACV,CACEH,IAAI,KAAK,UAAU,GAAG,CAAC,GAAGJ,SAAS,EACnCI,IAAI,KAAK,YAAY,GAAG,CAAC,GAAGF,SAAS,CACtC,EACD,EACF,CAAC,GAAGC,MAAM;IAEZ,IAAI,CAACK,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAeJ,QAAQ,oCAAoC;EAC3F;EAEAK,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;AAEe,SAASC,MAAMA,CAC5BR,OAAsD,EACtD;EACA,MAAM;IAAES,kBAAkB;IAAEC,gBAAgB,GAAG;EAAS,CAAC,GAAGV,OAAO;EACnE,MAAM;IAAEW,QAAQ,GAAG,KAAK;IAAEZ,IAAI,GAAG;EAAO,CAAC,GAAGC,OAAO,CAACY,WAAwB;EAC5E,MAAMd,MAAM,GAAGa,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBN,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAK,+BAAwB,EAC3DJ,gBACF,CAAC,EAAE,GACH,EAAE;IACNZ,MAAM;IACNC;EACF,CAAC;EAED,OAAQI,MAAmB,IACzB,IAAIZ,kBAAkB,CAACY,MAAM,EAAEU,gBAAgB,CAAC;AACpD","ignoreList":[]}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _CustomMouse = require("./CustomMouse");
|
|
7
|
-
const paramsMap = {
|
|
8
|
-
soft: {
|
|
9
|
-
angle: 25,
|
|
10
|
-
perspective: 1000,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
medium: {
|
|
14
|
-
angle: 50,
|
|
15
|
-
perspective: 700,
|
|
16
|
-
easing: 'easeOut'
|
|
17
|
-
},
|
|
18
|
-
hard: {
|
|
19
|
-
angle: 85,
|
|
20
|
-
perspective: 300,
|
|
21
|
-
easing: 'easeOut'
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const transformOrigins = {
|
|
25
|
-
top: [0, -50],
|
|
26
|
-
bottom: [0, 50],
|
|
27
|
-
right: [50, 0],
|
|
28
|
-
left: [-50, 0],
|
|
29
|
-
'center-horizontal': [0, 0],
|
|
30
|
-
'center-vertical': [0, 0]
|
|
31
|
-
};
|
|
32
|
-
class SwivelMouseAnimation extends _CustomMouse.CustomMouse {
|
|
33
|
-
progress({
|
|
34
|
-
x: progressX,
|
|
35
|
-
y: progressY
|
|
36
|
-
}) {
|
|
37
|
-
let rotateAxis = 'rotateX';
|
|
38
|
-
let progress = progressY;
|
|
39
|
-
let invertVertical = -1;
|
|
40
|
-
const {
|
|
41
|
-
pivotAxis,
|
|
42
|
-
angle,
|
|
43
|
-
invert,
|
|
44
|
-
perspective
|
|
45
|
-
} = this.options;
|
|
46
|
-
if (pivotAxis === 'center-horizontal' || pivotAxis === 'right' || pivotAxis === 'left') {
|
|
47
|
-
rotateAxis = 'rotateY';
|
|
48
|
-
progress = progressX;
|
|
49
|
-
invertVertical = 1;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle
|
|
53
|
-
const rotate = (0, _utils.mapRange)(0, 1, -angle, angle, progress) * invertVertical * invert;
|
|
54
|
-
const [translateX, translateY] = transformOrigins[pivotAxis];
|
|
55
|
-
const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;
|
|
56
|
-
this.target.style.transform = transform;
|
|
57
|
-
}
|
|
58
|
-
cancel() {
|
|
59
|
-
this.target.style.transform = '';
|
|
60
|
-
this.target.style.transition = '';
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
function create(options) {
|
|
64
|
-
const {
|
|
65
|
-
transitionDuration,
|
|
66
|
-
transitionEasing
|
|
67
|
-
} = options;
|
|
68
|
-
const {
|
|
69
|
-
power,
|
|
70
|
-
inverted = false,
|
|
71
|
-
angle = 5,
|
|
72
|
-
perspective = 800,
|
|
73
|
-
pivotAxis = 'center-horizontal'
|
|
74
|
-
} = options.namedEffect;
|
|
75
|
-
const invert = inverted ? -1 : 1;
|
|
76
|
-
const animationOptions = {
|
|
77
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
78
|
-
invert,
|
|
79
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
80
|
-
perspective: power ? paramsMap[power].perspective : perspective,
|
|
81
|
-
pivotAxis
|
|
82
|
-
};
|
|
83
|
-
return target => new SwivelMouseAnimation(target, animationOptions);
|
|
84
|
-
}
|
|
85
|
-
//# sourceMappingURL=SwivelMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","transformOrigins","top","bottom","right","left","SwivelMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","rotateAxis","invertVertical","pivotAxis","invert","options","rotate","mapRange","translateX","translateY","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"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,65 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _CustomMouse = require("./CustomMouse");
|
|
7
|
-
const paramsMap = {
|
|
8
|
-
soft: {
|
|
9
|
-
angle: 25,
|
|
10
|
-
perspective: 1000,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
medium: {
|
|
14
|
-
angle: 50,
|
|
15
|
-
perspective: 500,
|
|
16
|
-
easing: 'easeOut'
|
|
17
|
-
},
|
|
18
|
-
hard: {
|
|
19
|
-
angle: 85,
|
|
20
|
-
perspective: 200,
|
|
21
|
-
easing: 'easeOut'
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
class Tilt3DMouseAnimation extends _CustomMouse.CustomMouse {
|
|
25
|
-
progress({
|
|
26
|
-
x: progressX,
|
|
27
|
-
y: progressY
|
|
28
|
-
}) {
|
|
29
|
-
const {
|
|
30
|
-
invert,
|
|
31
|
-
angle,
|
|
32
|
-
perspective
|
|
33
|
-
} = this.options;
|
|
34
|
-
|
|
35
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
36
|
-
const rotateX = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
|
|
37
|
-
const rotateY = (0, _utils.mapRange)(0, 1, -angle, angle, progressX) * invert;
|
|
38
|
-
this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
39
|
-
}
|
|
40
|
-
cancel() {
|
|
41
|
-
this.target.style.transform = '';
|
|
42
|
-
this.target.style.transition = '';
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function create(options) {
|
|
46
|
-
const {
|
|
47
|
-
transitionDuration,
|
|
48
|
-
transitionEasing
|
|
49
|
-
} = options;
|
|
50
|
-
const {
|
|
51
|
-
power,
|
|
52
|
-
inverted = false,
|
|
53
|
-
angle = 5,
|
|
54
|
-
perspective = 800
|
|
55
|
-
} = options.namedEffect;
|
|
56
|
-
const invert = inverted ? -1 : 1;
|
|
57
|
-
const animationOptions = {
|
|
58
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
59
|
-
invert,
|
|
60
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
61
|
-
perspective: power ? paramsMap[power].perspective : perspective
|
|
62
|
-
};
|
|
63
|
-
return target => new Tilt3DMouseAnimation(target, animationOptions);
|
|
64
|
-
}
|
|
65
|
-
//# sourceMappingURL=Tilt3DMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Tilt3DMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","options","rotateX","mapRange","rotateY","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,MAAME,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,SAASC,wBAAW,CAAC;EAC7CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEZ,KAAK;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACY,OAAO;;IAEnD;IACA,MAAMC,OAAO,GAAG,IAAAC,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAEf,KAAK,EAAE,CAACA,KAAK,EAAEW,SAAS,CAAC,GAAGC,MAAM;IACjE,MAAMI,OAAO,GAAG,IAAAD,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACf,KAAK,EAAEA,KAAK,EAAES,SAAS,CAAC,GAAGG,MAAM;IAEjE,IAAI,CAACK,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAelB,WAAW,eAAea,OAAO,gBAAgBE,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;AAEe,SAASC,MAAMA,CAC5BT,OAAsD,EACtD;EACA,MAAM;IAAEU,kBAAkB;IAAEC;EAAiB,CAAC,GAAGX,OAAO;EACxD,MAAM;IACJY,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChB1B,KAAK,GAAG,CAAC;IACTC,WAAW,GAAG;EAChB,CAAC,GAAGY,OAAO,CAACc,WAA0B;EACtC,MAAMf,MAAM,GAAGc,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAM,+BAAwB,EAC3DJ,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACvB,MAAM,GAAGsB,gBACpC,CAAC,EAAE,GACH,EAAE;IACNZ,MAAM;IACNZ,KAAK,EAAEyB,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACzB,KAAK,GAAGA,KAAK;IAC7CC,WAAW,EAAEwB,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACxB,WAAW,GAAGA;EACtD,CAAC;EAED,OAAQgB,MAAmB,IACzB,IAAIZ,oBAAoB,CAACY,MAAM,EAAEW,gBAAgB,CAAC;AACtD","ignoreList":[]}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _CustomMouse = require("./CustomMouse");
|
|
7
|
-
const paramsMap = {
|
|
8
|
-
soft: {
|
|
9
|
-
angle: 25,
|
|
10
|
-
perspective: 1000,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
medium: {
|
|
14
|
-
angle: 50,
|
|
15
|
-
perspective: 500,
|
|
16
|
-
easing: 'easeOut'
|
|
17
|
-
},
|
|
18
|
-
hard: {
|
|
19
|
-
angle: 85,
|
|
20
|
-
perspective: 333,
|
|
21
|
-
easing: 'easeOut'
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
class Track3DMouseAnimation extends _CustomMouse.CustomMouse {
|
|
25
|
-
progress({
|
|
26
|
-
x: progressX,
|
|
27
|
-
y: progressY
|
|
28
|
-
}) {
|
|
29
|
-
const {
|
|
30
|
-
invert,
|
|
31
|
-
distance,
|
|
32
|
-
angle,
|
|
33
|
-
axis,
|
|
34
|
-
perspective
|
|
35
|
-
} = this.options;
|
|
36
|
-
let translateX = 0;
|
|
37
|
-
let translateY = 0;
|
|
38
|
-
let rotateX = 0;
|
|
39
|
-
let rotateY = 0;
|
|
40
|
-
// if progressX === 0, translateX === -distance
|
|
41
|
-
// if progressX === 0.5, translateX === 0
|
|
42
|
-
// if progressX === 1, translateX === distance
|
|
43
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
44
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
45
|
-
translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX);
|
|
46
|
-
rotateY = (0, _utils.mapRange)(0, 1, -angle, angle, progressX) * invert;
|
|
47
|
-
}
|
|
48
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
49
|
-
translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY);
|
|
50
|
-
rotateX = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
|
|
51
|
-
}
|
|
52
|
-
const units = (0, _utils.getCssUnits)(distance.type);
|
|
53
|
-
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))`;
|
|
54
|
-
}
|
|
55
|
-
cancel() {
|
|
56
|
-
this.target.style.transform = '';
|
|
57
|
-
this.target.style.transition = '';
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
function create(options) {
|
|
61
|
-
const {
|
|
62
|
-
transitionDuration,
|
|
63
|
-
transitionEasing
|
|
64
|
-
} = options;
|
|
65
|
-
const {
|
|
66
|
-
power,
|
|
67
|
-
inverted = false,
|
|
68
|
-
distance = {
|
|
69
|
-
value: 200,
|
|
70
|
-
type: 'px'
|
|
71
|
-
},
|
|
72
|
-
angle = 5,
|
|
73
|
-
axis = 'both',
|
|
74
|
-
perspective = 800
|
|
75
|
-
} = options.namedEffect;
|
|
76
|
-
const invert = inverted ? -1 : 1;
|
|
77
|
-
const animationOptions = {
|
|
78
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
79
|
-
invert,
|
|
80
|
-
distance,
|
|
81
|
-
axis,
|
|
82
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
83
|
-
perspective: power ? paramsMap[power].perspective : perspective
|
|
84
|
-
};
|
|
85
|
-
return target => new Track3DMouseAnimation(target, animationOptions);
|
|
86
|
-
}
|
|
87
|
-
//# sourceMappingURL=Track3DMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Track3DMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","rotateX","rotateY","mapRange","value","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"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,65 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = create;
|
|
5
|
-
var _utils = require("../../utils");
|
|
6
|
-
var _CustomMouse = require("./CustomMouse");
|
|
7
|
-
const easingMap = {
|
|
8
|
-
soft: 'linear',
|
|
9
|
-
medium: 'easeOut',
|
|
10
|
-
hard: 'hardBackOut'
|
|
11
|
-
};
|
|
12
|
-
class TrackMouseAnimation extends _CustomMouse.CustomMouse {
|
|
13
|
-
progress({
|
|
14
|
-
x: progressX,
|
|
15
|
-
y: progressY
|
|
16
|
-
}) {
|
|
17
|
-
const {
|
|
18
|
-
invert,
|
|
19
|
-
distance,
|
|
20
|
-
axis
|
|
21
|
-
} = this.options;
|
|
22
|
-
let translateX = 0;
|
|
23
|
-
let translateY = 0;
|
|
24
|
-
|
|
25
|
-
// if progressX === 0, translateX === -distance
|
|
26
|
-
// if progressX === 0.5, translateX === 0
|
|
27
|
-
// if progressX === 1, translateX === distance
|
|
28
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
29
|
-
translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
30
|
-
}
|
|
31
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
32
|
-
translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
33
|
-
}
|
|
34
|
-
const units = (0, _utils.getCssUnits)(distance.type);
|
|
35
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
36
|
-
}
|
|
37
|
-
cancel() {
|
|
38
|
-
this.target.style.transform = '';
|
|
39
|
-
this.target.style.transition = '';
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
function create(options) {
|
|
43
|
-
const {
|
|
44
|
-
transitionDuration,
|
|
45
|
-
transitionEasing
|
|
46
|
-
} = options;
|
|
47
|
-
const {
|
|
48
|
-
power,
|
|
49
|
-
inverted = false,
|
|
50
|
-
distance = {
|
|
51
|
-
value: 200,
|
|
52
|
-
type: 'px'
|
|
53
|
-
},
|
|
54
|
-
axis = 'both'
|
|
55
|
-
} = options.namedEffect;
|
|
56
|
-
const invert = inverted ? -1 : 1;
|
|
57
|
-
const animationOptions = {
|
|
58
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? easingMap[power] : transitionEasing)}` : '',
|
|
59
|
-
invert,
|
|
60
|
-
distance,
|
|
61
|
-
axis
|
|
62
|
-
};
|
|
63
|
-
return target => new TrackMouseAnimation(target, animationOptions);
|
|
64
|
-
}
|
|
65
|
-
//# sourceMappingURL=TrackMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","_CustomMouse","easingMap","soft","medium","hard","TrackMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","mapRange","value","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,SAAqD,GAAG;EAC5DC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AACD,MAAMC,mBAAmB,SAASC,wBAAW,CAAC;EAC5CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,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,GACR,IAAAE,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACL,QAAQ,CAACM,KAAK,EAAEN,QAAQ,CAACM,KAAK,EAAEV,SAAS,CAAC,GAAGG,MAAM;IACvE;IAEA,IAAIE,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,UAAU,EAAE;MAC1CG,UAAU,GACR,IAAAC,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACL,QAAQ,CAACM,KAAK,EAAEN,QAAQ,CAACM,KAAK,EAAER,SAAS,CAAC,GAAGC,MAAM;IACvE;IAEA,MAAMQ,KAAK,GAAG,IAAAC,kBAAW,EAACR,QAAQ,CAACS,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcT,UAAU,GAAGI,KAAK,gBAAgBH,UAAU,GAAGG,KAAK,sCAAsC;EACxI;EACAM,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;AAEe,SAASC,MAAMA,CAC5Bb,OAAsD,EACtD;EACA,MAAM;IAAEc,kBAAkB;IAAEC;EAAiB,CAAC,GAAGf,OAAO;EACxD,MAAM;IACJgB,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBnB,QAAQ,GAAG;MAAEM,KAAK,EAAE,GAAG;MAAEG,IAAI,EAAE;IAAK,CAAC;IACrCR,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACkB,WAAyB;EACrC,MAAMrB,MAAM,GAAGoB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAM,+BAAwB,EAC3DJ,KAAK,GAAG9B,SAAS,CAAC8B,KAAK,CAAC,GAAGD,gBAC7B,CAAC,EAAE,GACH,EAAE;IACNlB,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC;EAED,OAAQS,MAAmB,IACzB,IAAIlB,mBAAmB,CAACkB,MAAM,EAAEW,gBAAgB,CAAC;AACrD","ignoreList":[]}
|