@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,89 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { circInOut } from '../../easings';
|
|
3
|
-
import { CustomMouse } from './CustomMouse';
|
|
4
|
-
const paramsMap = {
|
|
5
|
-
soft: {
|
|
6
|
-
angle: 10,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 20,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
hard: {
|
|
14
|
-
angle: 45,
|
|
15
|
-
easing: 'easeOut'
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
class SkewMouseAnimation extends CustomMouse {
|
|
19
|
-
progress(_ref) {
|
|
20
|
-
let {
|
|
21
|
-
x: progressX,
|
|
22
|
-
y: progressY
|
|
23
|
-
} = _ref;
|
|
24
|
-
let translateX = 0;
|
|
25
|
-
let translateY = 0;
|
|
26
|
-
let skewX = 0;
|
|
27
|
-
let skewY = 0;
|
|
28
|
-
const {
|
|
29
|
-
distance,
|
|
30
|
-
angle,
|
|
31
|
-
axis,
|
|
32
|
-
invert
|
|
33
|
-
} = this.options;
|
|
34
|
-
|
|
35
|
-
// distance
|
|
36
|
-
if (axis !== 'vertical') {
|
|
37
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
38
|
-
skewX = mapRange(0, 1, angle, -angle, progressX) * invert;
|
|
39
|
-
}
|
|
40
|
-
if (axis !== 'horizontal') {
|
|
41
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
42
|
-
skewY = mapRange(0, 1, angle, -angle, progressY) * invert;
|
|
43
|
-
}
|
|
44
|
-
if (axis === 'both') {
|
|
45
|
-
// We want to do `skewX *= progressY < 0.5 ? 1 : -1`
|
|
46
|
-
// but normalize it by y progress (so it will be 0 when y is 0.5)
|
|
47
|
-
// and apply a circInOut easing on the progress so it will feel more natural
|
|
48
|
-
skewX *= mapRange(0, 1, 1, -1, circInOut(progressY));
|
|
49
|
-
|
|
50
|
-
// we want to do `skewY *= progressX < 0.5 ? 1 : -1`
|
|
51
|
-
// but normalize it by x progress (so it will be 0 when x is 0.5)
|
|
52
|
-
// and apply a circInOut easing on the progress so it will feel more natural
|
|
53
|
-
skewY *= mapRange(0, 1, 1, -1, circInOut(progressX));
|
|
54
|
-
}
|
|
55
|
-
const units = getCssUnits(distance.type);
|
|
56
|
-
const transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) skew(${skewX}deg, ${skewY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
57
|
-
this.target.style.transform = transform;
|
|
58
|
-
}
|
|
59
|
-
cancel() {
|
|
60
|
-
this.target.style.transform = '';
|
|
61
|
-
this.target.style.transition = '';
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
export default function create(options) {
|
|
65
|
-
const {
|
|
66
|
-
transitionDuration,
|
|
67
|
-
transitionEasing
|
|
68
|
-
} = options;
|
|
69
|
-
const {
|
|
70
|
-
power,
|
|
71
|
-
inverted = false,
|
|
72
|
-
distance = {
|
|
73
|
-
value: 200,
|
|
74
|
-
type: 'px'
|
|
75
|
-
},
|
|
76
|
-
angle = 25,
|
|
77
|
-
axis = 'both'
|
|
78
|
-
} = options.namedEffect;
|
|
79
|
-
const invert = inverted ? -1 : 1;
|
|
80
|
-
const animationOptions = {
|
|
81
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
82
|
-
invert,
|
|
83
|
-
distance,
|
|
84
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
85
|
-
axis
|
|
86
|
-
};
|
|
87
|
-
return target => new SkewMouseAnimation(target, animationOptions);
|
|
88
|
-
}
|
|
89
|
-
//# sourceMappingURL=SkewMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","circInOut","CustomMouse","paramsMap","soft","angle","easing","medium","hard","SkewMouseAnimation","progress","_ref","x","progressX","y","progressY","translateX","translateY","skewX","skewY","distance","axis","invert","options","value","units","type","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"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,38 +0,0 @@
|
|
|
1
|
-
import { getMouseTransitionEasing, getAngleInDeg } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
class SpinMouseAnimation extends CustomMouse {
|
|
4
|
-
progress(_ref) {
|
|
5
|
-
let {
|
|
6
|
-
x: progressX,
|
|
7
|
-
y: progressY
|
|
8
|
-
} = _ref;
|
|
9
|
-
const {
|
|
10
|
-
invert,
|
|
11
|
-
axis
|
|
12
|
-
} = this.options;
|
|
13
|
-
const rotation = getAngleInDeg([0.5, 0.5], [axis === 'vertical' ? 0 : progressX, axis === 'horizontal' ? 0 : progressY], 90) * invert;
|
|
14
|
-
this.target.style.transform = `rotate(calc(${rotation}deg + var(--comp-rotate-z, 0deg)))`;
|
|
15
|
-
}
|
|
16
|
-
cancel() {
|
|
17
|
-
this.target.style.transform = '';
|
|
18
|
-
this.target.style.transition = '';
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
export default function create(options) {
|
|
22
|
-
const {
|
|
23
|
-
transitionDuration,
|
|
24
|
-
transitionEasing = 'linear'
|
|
25
|
-
} = options;
|
|
26
|
-
const {
|
|
27
|
-
inverted = false,
|
|
28
|
-
axis = 'both'
|
|
29
|
-
} = options.namedEffect;
|
|
30
|
-
const invert = inverted ? -1 : 1;
|
|
31
|
-
const animationOptions = {
|
|
32
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(transitionEasing)}` : '',
|
|
33
|
-
invert,
|
|
34
|
-
axis
|
|
35
|
-
};
|
|
36
|
-
return target => new SpinMouseAnimation(target, animationOptions);
|
|
37
|
-
}
|
|
38
|
-
//# sourceMappingURL=SpinMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getMouseTransitionEasing","getAngleInDeg","CustomMouse","SpinMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","axis","options","rotation","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","inverted","namedEffect","animationOptions"],"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,SAASA,wBAAwB,EAAEC,aAAa,QAAQ,aAAa;AACrE,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,kBAAkB,SAASD,WAAW,CAAC;EAC3CE,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,MAAM;MAAEK,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAErC,MAAMC,QAAQ,GACZZ,aAAa,CACX,CAAC,GAAG,EAAE,GAAG,CAAC,EACV,CACEU,IAAI,KAAK,UAAU,GAAG,CAAC,GAAGJ,SAAS,EACnCI,IAAI,KAAK,YAAY,GAAG,CAAC,GAAGF,SAAS,CACtC,EACD,EACF,CAAC,GAAGC,MAAM;IAEZ,IAAI,CAACI,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAeH,QAAQ,oCAAoC;EAC3F;EAEAI,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEA,eAAe,SAASC,MAAMA,CAC5BP,OAAsD,EACtD;EACA,MAAM;IAAEQ,kBAAkB;IAAEC,gBAAgB,GAAG;EAAS,CAAC,GAAGT,OAAO;EACnE,MAAM;IAAEU,QAAQ,GAAG,KAAK;IAAEX,IAAI,GAAG;EAAO,CAAC,GAAGC,OAAO,CAACW,WAAwB;EAC5E,MAAMb,MAAM,GAAGY,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBN,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAMpB,wBAAwB,CAC3DqB,gBACF,CAAC,EAAE,GACH,EAAE;IACNX,MAAM;IACNC;EACF,CAAC;EAED,OAAQG,MAAmB,IACzB,IAAIX,kBAAkB,CAACW,MAAM,EAAEU,gBAAgB,CAAC;AACpD","ignoreList":[]}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 25,
|
|
6
|
-
perspective: 1000,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 50,
|
|
11
|
-
perspective: 700,
|
|
12
|
-
easing: 'easeOut'
|
|
13
|
-
},
|
|
14
|
-
hard: {
|
|
15
|
-
angle: 85,
|
|
16
|
-
perspective: 300,
|
|
17
|
-
easing: 'easeOut'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const transformOrigins = {
|
|
21
|
-
top: [0, -50],
|
|
22
|
-
bottom: [0, 50],
|
|
23
|
-
right: [50, 0],
|
|
24
|
-
left: [-50, 0],
|
|
25
|
-
'center-horizontal': [0, 0],
|
|
26
|
-
'center-vertical': [0, 0]
|
|
27
|
-
};
|
|
28
|
-
class SwivelMouseAnimation extends CustomMouse {
|
|
29
|
-
progress(_ref) {
|
|
30
|
-
let {
|
|
31
|
-
x: progressX,
|
|
32
|
-
y: progressY
|
|
33
|
-
} = _ref;
|
|
34
|
-
let rotateAxis = 'rotateX';
|
|
35
|
-
let progress = progressY;
|
|
36
|
-
let invertVertical = -1;
|
|
37
|
-
const {
|
|
38
|
-
pivotAxis,
|
|
39
|
-
angle,
|
|
40
|
-
invert,
|
|
41
|
-
perspective
|
|
42
|
-
} = this.options;
|
|
43
|
-
if (pivotAxis === 'center-horizontal' || pivotAxis === 'right' || pivotAxis === 'left') {
|
|
44
|
-
rotateAxis = 'rotateY';
|
|
45
|
-
progress = progressX;
|
|
46
|
-
invertVertical = 1;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle
|
|
50
|
-
const rotate = mapRange(0, 1, -angle, angle, progress) * invertVertical * invert;
|
|
51
|
-
const [translateX, translateY] = transformOrigins[pivotAxis];
|
|
52
|
-
const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;
|
|
53
|
-
this.target.style.transform = transform;
|
|
54
|
-
}
|
|
55
|
-
cancel() {
|
|
56
|
-
this.target.style.transform = '';
|
|
57
|
-
this.target.style.transition = '';
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
export default function create(options) {
|
|
61
|
-
const {
|
|
62
|
-
transitionDuration,
|
|
63
|
-
transitionEasing
|
|
64
|
-
} = options;
|
|
65
|
-
const {
|
|
66
|
-
power,
|
|
67
|
-
inverted = false,
|
|
68
|
-
angle = 5,
|
|
69
|
-
perspective = 800,
|
|
70
|
-
pivotAxis = 'center-horizontal'
|
|
71
|
-
} = options.namedEffect;
|
|
72
|
-
const invert = inverted ? -1 : 1;
|
|
73
|
-
const animationOptions = {
|
|
74
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
75
|
-
invert,
|
|
76
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
77
|
-
perspective: power ? paramsMap[power].perspective : perspective,
|
|
78
|
-
pivotAxis
|
|
79
|
-
};
|
|
80
|
-
return target => new SwivelMouseAnimation(target, animationOptions);
|
|
81
|
-
}
|
|
82
|
-
//# sourceMappingURL=SwivelMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","transformOrigins","top","bottom","right","left","SwivelMouseAnimation","progress","_ref","x","progressX","y","progressY","rotateAxis","invertVertical","pivotAxis","invert","options","rotate","translateX","translateY","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/SwivelMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n SwivelMouse,\n MousePivotAxis,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 700, easing: 'easeOut' },\n hard: { angle: 85, perspective: 300, easing: 'easeOut' },\n};\n\nconst transformOrigins: Record<MousePivotAxis, [number, number]> = {\n top: [0, -50],\n bottom: [0, 50],\n right: [50, 0],\n left: [-50, 0],\n 'center-horizontal': [0, 0],\n 'center-vertical': [0, 0],\n};\n\nclass SwivelMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n let rotateAxis = 'rotateX';\n let progress = progressY;\n let invertVertical = -1;\n\n const { pivotAxis, angle, invert, perspective } = this.options;\n if (\n pivotAxis === 'center-horizontal' ||\n pivotAxis === 'right' ||\n pivotAxis === 'left'\n ) {\n rotateAxis = 'rotateY';\n progress = progressX;\n invertVertical = 1;\n }\n\n // if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle\n const rotate =\n mapRange(0, 1, -angle, angle, progress) * invertVertical * invert;\n\n const [translateX, translateY] =\n transformOrigins[pivotAxis as MousePivotAxis];\n const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;\n\n this.target.style.transform = transform;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n angle = 5,\n perspective = 800,\n pivotAxis = 'center-horizontal',\n } = options.namedEffect as SwivelMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n pivotAxis,\n };\n\n return (target: HTMLElement) =>\n new SwivelMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 25,
|
|
6
|
-
perspective: 1000,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 50,
|
|
11
|
-
perspective: 500,
|
|
12
|
-
easing: 'easeOut'
|
|
13
|
-
},
|
|
14
|
-
hard: {
|
|
15
|
-
angle: 85,
|
|
16
|
-
perspective: 200,
|
|
17
|
-
easing: 'easeOut'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
class Tilt3DMouseAnimation extends CustomMouse {
|
|
21
|
-
progress(_ref) {
|
|
22
|
-
let {
|
|
23
|
-
x: progressX,
|
|
24
|
-
y: progressY
|
|
25
|
-
} = _ref;
|
|
26
|
-
const {
|
|
27
|
-
invert,
|
|
28
|
-
angle,
|
|
29
|
-
perspective
|
|
30
|
-
} = this.options;
|
|
31
|
-
|
|
32
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
33
|
-
const rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;
|
|
34
|
-
const rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;
|
|
35
|
-
this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
36
|
-
}
|
|
37
|
-
cancel() {
|
|
38
|
-
this.target.style.transform = '';
|
|
39
|
-
this.target.style.transition = '';
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
export default function create(options) {
|
|
43
|
-
const {
|
|
44
|
-
transitionDuration,
|
|
45
|
-
transitionEasing
|
|
46
|
-
} = options;
|
|
47
|
-
const {
|
|
48
|
-
power,
|
|
49
|
-
inverted = false,
|
|
50
|
-
angle = 5,
|
|
51
|
-
perspective = 800
|
|
52
|
-
} = options.namedEffect;
|
|
53
|
-
const invert = inverted ? -1 : 1;
|
|
54
|
-
const animationOptions = {
|
|
55
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
56
|
-
invert,
|
|
57
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
58
|
-
perspective: power ? paramsMap[power].perspective : perspective
|
|
59
|
-
};
|
|
60
|
-
return target => new Tilt3DMouseAnimation(target, animationOptions);
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=Tilt3DMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Tilt3DMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","options","rotateX","rotateY","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/Tilt3DMouse.ts"],"sourcesContent":["import { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Tilt3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 200, easing: 'easeOut' },\n};\n\nclass Tilt3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, angle, perspective } = this.options;\n\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n const rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n const rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n\n this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n angle = 5,\n perspective = 800,\n } = options.namedEffect as Tilt3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Tilt3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,QAAQ,QAAQ,aAAa;AAChE,SAASC,WAAW,QAAQ,eAAe;AAU3C,MAAMC,SAGL,GAAG;EACFC,IAAI,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAU,CAAC;EACzDC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC1DE,IAAI,EAAE;IAAEJ,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU;AACzD,CAAC;AAED,MAAMG,oBAAoB,SAASR,WAAW,CAAC;EAC7CS,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,MAAM;MAAEK,MAAM;MAAEZ,KAAK;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACY,OAAO;;IAEnD;IACA,MAAMC,OAAO,GAAGlB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAEI,KAAK,EAAE,CAACA,KAAK,EAAEW,SAAS,CAAC,GAAGC,MAAM;IACjE,MAAMG,OAAO,GAAGnB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACI,KAAK,EAAEA,KAAK,EAAES,SAAS,CAAC,GAAGG,MAAM;IAEjE,IAAI,CAACI,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAejB,WAAW,eAAea,OAAO,gBAAgBC,OAAO,yCAAyC;EAChJ;EAEAI,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEA,eAAe,SAASC,MAAMA,CAC5BR,OAAsD,EACtD;EACA,MAAM;IAAES,kBAAkB;IAAEC;EAAiB,CAAC,GAAGV,OAAO;EACxD,MAAM;IACJW,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBzB,KAAK,GAAG,CAAC;IACTC,WAAW,GAAG;EAChB,CAAC,GAAGY,OAAO,CAACa,WAA0B;EACtC,MAAMd,MAAM,GAAGa,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM3B,wBAAwB,CAC3D6B,KAAK,GAAG1B,SAAS,CAAC0B,KAAK,CAAC,CAACtB,MAAM,GAAGqB,gBACpC,CAAC,EAAE,GACH,EAAE;IACNX,MAAM;IACNZ,KAAK,EAAEwB,KAAK,GAAG1B,SAAS,CAAC0B,KAAK,CAAC,CAACxB,KAAK,GAAGA,KAAK;IAC7CC,WAAW,EAAEuB,KAAK,GAAG1B,SAAS,CAAC0B,KAAK,CAAC,CAACvB,WAAW,GAAGA;EACtD,CAAC;EAED,OAAQe,MAAmB,IACzB,IAAIX,oBAAoB,CAACW,MAAM,EAAEW,gBAAgB,CAAC;AACtD","ignoreList":[]}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 25,
|
|
6
|
-
perspective: 1000,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
angle: 50,
|
|
11
|
-
perspective: 500,
|
|
12
|
-
easing: 'easeOut'
|
|
13
|
-
},
|
|
14
|
-
hard: {
|
|
15
|
-
angle: 85,
|
|
16
|
-
perspective: 333,
|
|
17
|
-
easing: 'easeOut'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
class Track3DMouseAnimation extends CustomMouse {
|
|
21
|
-
progress(_ref) {
|
|
22
|
-
let {
|
|
23
|
-
x: progressX,
|
|
24
|
-
y: progressY
|
|
25
|
-
} = _ref;
|
|
26
|
-
const {
|
|
27
|
-
invert,
|
|
28
|
-
distance,
|
|
29
|
-
angle,
|
|
30
|
-
axis,
|
|
31
|
-
perspective
|
|
32
|
-
} = this.options;
|
|
33
|
-
let translateX = 0;
|
|
34
|
-
let translateY = 0;
|
|
35
|
-
let rotateX = 0;
|
|
36
|
-
let rotateY = 0;
|
|
37
|
-
// if progressX === 0, translateX === -distance
|
|
38
|
-
// if progressX === 0.5, translateX === 0
|
|
39
|
-
// if progressX === 1, translateX === distance
|
|
40
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
41
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
42
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX);
|
|
43
|
-
rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;
|
|
44
|
-
}
|
|
45
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
46
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY);
|
|
47
|
-
rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;
|
|
48
|
-
}
|
|
49
|
-
const units = getCssUnits(distance.type);
|
|
50
|
-
this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
51
|
-
}
|
|
52
|
-
cancel() {
|
|
53
|
-
this.target.style.transform = '';
|
|
54
|
-
this.target.style.transition = '';
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
export default function create(options) {
|
|
58
|
-
const {
|
|
59
|
-
transitionDuration,
|
|
60
|
-
transitionEasing
|
|
61
|
-
} = options;
|
|
62
|
-
const {
|
|
63
|
-
power,
|
|
64
|
-
inverted = false,
|
|
65
|
-
distance = {
|
|
66
|
-
value: 200,
|
|
67
|
-
type: 'px'
|
|
68
|
-
},
|
|
69
|
-
angle = 5,
|
|
70
|
-
axis = 'both',
|
|
71
|
-
perspective = 800
|
|
72
|
-
} = options.namedEffect;
|
|
73
|
-
const invert = inverted ? -1 : 1;
|
|
74
|
-
const animationOptions = {
|
|
75
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
76
|
-
invert,
|
|
77
|
-
distance,
|
|
78
|
-
axis,
|
|
79
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
80
|
-
perspective: power ? paramsMap[power].perspective : perspective
|
|
81
|
-
};
|
|
82
|
-
return target => new Track3DMouseAnimation(target, animationOptions);
|
|
83
|
-
}
|
|
84
|
-
//# sourceMappingURL=Track3DMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Track3DMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","rotateX","rotateY","value","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/Track3DMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Track3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 333, easing: 'easeOut' },\n};\n\nclass Track3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, angle, axis, perspective } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n let rotateX = 0;\n let rotateY = 0;\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n if (axis === 'both' || axis === 'horizontal') {\n translateX = mapRange(0, 1, -distance.value, distance.value, progressX);\n rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n }\n if (axis === 'both' || axis === 'vertical') {\n translateY = mapRange(0, 1, -distance.value, distance.value, progressY);\n rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n }\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n angle = 5,\n axis = 'both',\n perspective = 800,\n } = options.namedEffect as Track3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Track3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const easingMap = {
|
|
4
|
-
soft: 'linear',
|
|
5
|
-
medium: 'easeOut',
|
|
6
|
-
hard: 'hardBackOut'
|
|
7
|
-
};
|
|
8
|
-
class TrackMouseAnimation extends CustomMouse {
|
|
9
|
-
progress(_ref) {
|
|
10
|
-
let {
|
|
11
|
-
x: progressX,
|
|
12
|
-
y: progressY
|
|
13
|
-
} = _ref;
|
|
14
|
-
const {
|
|
15
|
-
invert,
|
|
16
|
-
distance,
|
|
17
|
-
axis
|
|
18
|
-
} = this.options;
|
|
19
|
-
let translateX = 0;
|
|
20
|
-
let translateY = 0;
|
|
21
|
-
|
|
22
|
-
// if progressX === 0, translateX === -distance
|
|
23
|
-
// if progressX === 0.5, translateX === 0
|
|
24
|
-
// if progressX === 1, translateX === distance
|
|
25
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
26
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
27
|
-
}
|
|
28
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
29
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
30
|
-
}
|
|
31
|
-
const units = getCssUnits(distance.type);
|
|
32
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
33
|
-
}
|
|
34
|
-
cancel() {
|
|
35
|
-
this.target.style.transform = '';
|
|
36
|
-
this.target.style.transition = '';
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
export default function create(options) {
|
|
40
|
-
const {
|
|
41
|
-
transitionDuration,
|
|
42
|
-
transitionEasing
|
|
43
|
-
} = options;
|
|
44
|
-
const {
|
|
45
|
-
power,
|
|
46
|
-
inverted = false,
|
|
47
|
-
distance = {
|
|
48
|
-
value: 200,
|
|
49
|
-
type: 'px'
|
|
50
|
-
},
|
|
51
|
-
axis = 'both'
|
|
52
|
-
} = options.namedEffect;
|
|
53
|
-
const invert = inverted ? -1 : 1;
|
|
54
|
-
const animationOptions = {
|
|
55
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? easingMap[power] : transitionEasing)}` : '',
|
|
56
|
-
invert,
|
|
57
|
-
distance,
|
|
58
|
-
axis
|
|
59
|
-
};
|
|
60
|
-
return target => new TrackMouseAnimation(target, animationOptions);
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=TrackMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","easingMap","soft","medium","hard","TrackMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","value","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/TrackMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n TrackMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst easingMap: Record<EffectPower, ScrubTransitionEasing> = {\n soft: 'linear',\n medium: 'easeOut',\n hard: 'hardBackOut',\n};\nclass TrackMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, axis } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n if (axis === 'both' || axis === 'horizontal') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n }\n\n if (axis === 'both' || axis === 'vertical') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n }\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;\n }\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n axis = 'both',\n } = options.namedEffect as TrackMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? easingMap[power] : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n };\n\n return (target: HTMLElement) =>\n new TrackMouseAnimation(target, animationOptions);\n}\n"],"mappings":"AAQA,SAASA,WAAW,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ,aAAa;AAC7E,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,SAAqD,GAAG;EAC5DC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AACD,MAAMC,mBAAmB,SAASL,WAAW,CAAC;EAC5CM,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,MAAM;MAAEK,MAAM;MAAEC,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/C,IAAIC,UAAU,GAAG,CAAC;IAClB,IAAIC,UAAU,GAAG,CAAC;;IAElB;IACA;IACA;IACA,IAAIH,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,YAAY,EAAE;MAC5CE,UAAU,GACRjB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACc,QAAQ,CAACK,KAAK,EAAEL,QAAQ,CAACK,KAAK,EAAET,SAAS,CAAC,GAAGG,MAAM;IACvE;IAEA,IAAIE,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,UAAU,EAAE;MAC1CG,UAAU,GACRlB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACc,QAAQ,CAACK,KAAK,EAAEL,QAAQ,CAACK,KAAK,EAAEP,SAAS,CAAC,GAAGC,MAAM;IACvE;IAEA,MAAMO,KAAK,GAAGtB,WAAW,CAACgB,QAAQ,CAACO,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcP,UAAU,GAAGG,KAAK,gBAAgBF,UAAU,GAAGE,KAAK,sCAAsC;EACxI;EACAK,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEA,eAAe,SAASC,MAAMA,CAC5BX,OAAsD,EACtD;EACA,MAAM;IAAEY,kBAAkB;IAAEC;EAAiB,CAAC,GAAGb,OAAO;EACxD,MAAM;IACJc,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBjB,QAAQ,GAAG;MAAEK,KAAK,EAAE,GAAG;MAAEE,IAAI,EAAE;IAAK,CAAC;IACrCN,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACgB,WAAyB;EACrC,MAAMnB,MAAM,GAAGkB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM7B,wBAAwB,CAC3D+B,KAAK,GAAG5B,SAAS,CAAC4B,KAAK,CAAC,GAAGD,gBAC7B,CAAC,EAAE,GACH,EAAE;IACNhB,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC;EAED,OAAQO,MAAmB,IACzB,IAAIhB,mBAAmB,CAACgB,MAAM,EAAEW,gBAAgB,CAAC;AACrD","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["create","CreateCustomMouse","AiryMouse","BlobMouse","BlurMouse","BounceMouse","ScaleMouse","SkewMouse","SpinMouse","SwivelMouse","Tilt3DMouse","Track3DMouse","TrackMouse","mouseAnimations","CustomMouse"],"sources":["../../../../src/library/mouse/index.ts"],"sourcesContent":["import { create as CreateCustomMouse } from './CustomMouse';\nimport AiryMouse from './AiryMouse';\nimport BlobMouse from './BlobMouse';\nimport BlurMouse from './BlurMouse';\nimport BounceMouse from './BounceMouse';\nimport ScaleMouse from './ScaleMouse';\nimport SkewMouse from './SkewMouse';\nimport SpinMouse from './SpinMouse';\nimport SwivelMouse from './SwivelMouse';\nimport Tilt3DMouse from './Tilt3DMouse';\nimport Track3DMouse from './Track3DMouse';\nimport TrackMouse from './TrackMouse';\nimport type { MouseAnimations } from '../../types';\n\nexport const mouseAnimations: MouseAnimations = {\n AiryMouse,\n BlobMouse,\n BlurMouse,\n BounceMouse,\n CustomMouse: CreateCustomMouse,\n ScaleMouse,\n SkewMouse,\n SpinMouse,\n SwivelMouse,\n Tilt3DMouse,\n Track3DMouse,\n TrackMouse,\n};\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,iBAAiB,QAAQ,eAAe;AAC3D,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,UAAU,MAAM,cAAc;AAGrC,OAAO,MAAMC,eAAgC,GAAG;EAC9CX,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXS,WAAW,EAAEb,iBAAiB;EAC9BK,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable prettier/prettier */
|
|
2
|
-
|
|
3
|
-
import { getCssUnits, getEasing, mapRange } from '../../utils';
|
|
4
|
-
const POWER_TO_BLINK_FACTOR_MAP = {
|
|
5
|
-
soft: {
|
|
6
|
-
maxScaleBy: 0,
|
|
7
|
-
maxTranslateBy: 50
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
maxScaleBy: 0.5,
|
|
11
|
-
maxTranslateBy: 100
|
|
12
|
-
},
|
|
13
|
-
hard: {
|
|
14
|
-
maxScaleBy: 0.7,
|
|
15
|
-
maxTranslateBy: 200
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
const BASE_POSITION = {
|
|
19
|
-
translate: `0 0`,
|
|
20
|
-
scale: 1
|
|
21
|
-
};
|
|
22
|
-
const TOTAL_BLINKS = 10;
|
|
23
|
-
const TRANSITION_MS = 500;
|
|
24
|
-
const SCALE_RANGE = {
|
|
25
|
-
min: 0,
|
|
26
|
-
max: 0.7
|
|
27
|
-
};
|
|
28
|
-
const SCALE_OFFSET = 0.02;
|
|
29
|
-
const getRandomsBySeed = seed => [0.3, 0.45, 0.7].map(n => seed * n % 1);
|
|
30
|
-
export function web(options, _) {
|
|
31
|
-
const {
|
|
32
|
-
power,
|
|
33
|
-
scale = 0,
|
|
34
|
-
distance = {
|
|
35
|
-
value: 50,
|
|
36
|
-
type: 'percentage'
|
|
37
|
-
}
|
|
38
|
-
} = options.namedEffect;
|
|
39
|
-
const isResponsive = typeof power === 'undefined';
|
|
40
|
-
const duration = options.duration ?? 0; // the duration in which the element is visible
|
|
41
|
-
const delay = options.delay ?? 0; // the duration in which the element is hidden
|
|
42
|
-
const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);
|
|
43
|
-
const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut');
|
|
44
|
-
const travelUnits = getCssUnits(distance.type);
|
|
45
|
-
const [name] = getNames(options);
|
|
46
|
-
const keyframes = [];
|
|
47
|
-
const scaleMappedFromRange = mapRange(0, 1, SCALE_RANGE.min, SCALE_RANGE.max, scale);
|
|
48
|
-
const {
|
|
49
|
-
maxScaleBy,
|
|
50
|
-
maxTranslateBy
|
|
51
|
-
} = isResponsive ? {
|
|
52
|
-
maxScaleBy: scaleMappedFromRange,
|
|
53
|
-
maxTranslateBy: distance.value
|
|
54
|
-
} : POWER_TO_BLINK_FACTOR_MAP[power];
|
|
55
|
-
for (let i = 0; i < TOTAL_BLINKS; i++) {
|
|
56
|
-
const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use
|
|
57
|
-
const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;
|
|
58
|
-
const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;
|
|
59
|
-
const scaleBy = 1 + randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1);
|
|
60
|
-
const blink = {
|
|
61
|
-
translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,
|
|
62
|
-
scale: scaleBy,
|
|
63
|
-
easing,
|
|
64
|
-
...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}) // override if its first or last blink
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
/*
|
|
68
|
-
4 offset points to each blink:
|
|
69
|
-
two for opacity: 1, and two for opacity: 0.
|
|
70
|
-
*/
|
|
71
|
-
const offsets = {
|
|
72
|
-
hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,
|
|
73
|
-
visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,
|
|
74
|
-
visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,
|
|
75
|
-
hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration
|
|
76
|
-
};
|
|
77
|
-
if (i > 0) {
|
|
78
|
-
keyframes.push(...[{
|
|
79
|
-
...blink,
|
|
80
|
-
opacity: 0,
|
|
81
|
-
scale: blink.scale - SCALE_OFFSET,
|
|
82
|
-
offset: offsets.hiddenEnd
|
|
83
|
-
}, {
|
|
84
|
-
...blink,
|
|
85
|
-
opacity: 1,
|
|
86
|
-
offset: offsets.visibleStart
|
|
87
|
-
}]);
|
|
88
|
-
}
|
|
89
|
-
keyframes.push({
|
|
90
|
-
...blink,
|
|
91
|
-
opacity: 1,
|
|
92
|
-
offset: offsets.visibleEnd
|
|
93
|
-
});
|
|
94
|
-
if (i < TOTAL_BLINKS - 1) {
|
|
95
|
-
keyframes.push({
|
|
96
|
-
...blink,
|
|
97
|
-
opacity: 0,
|
|
98
|
-
scale: blink.scale - SCALE_OFFSET,
|
|
99
|
-
offset: offsets.hiddenStart
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
return [{
|
|
104
|
-
...options,
|
|
105
|
-
name,
|
|
106
|
-
easing: 'linear',
|
|
107
|
-
delay: 0,
|
|
108
|
-
duration: totalDuration,
|
|
109
|
-
keyframes
|
|
110
|
-
}];
|
|
111
|
-
}
|
|
112
|
-
export function getNames(_) {
|
|
113
|
-
return ['motion-blink'];
|
|
114
|
-
}
|
|
115
|
-
//# sourceMappingURL=Blink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getEasing","mapRange","POWER_TO_BLINK_FACTOR_MAP","soft","maxScaleBy","maxTranslateBy","medium","hard","BASE_POSITION","translate","scale","TOTAL_BLINKS","TRANSITION_MS","SCALE_RANGE","min","max","SCALE_OFFSET","getRandomsBySeed","seed","map","n","web","options","_","power","distance","value","type","namedEffect","isResponsive","duration","delay","totalDuration","easing","travelUnits","name","getNames","keyframes","scaleMappedFromRange","i","randoms","translateY","Math","round","translateX","scaleBy","blink","offsets","hiddenEnd","visibleStart","visibleEnd","hiddenStart","push","opacity","offset"],"sources":["../../../../src/library/ongoing/Blink.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport type { Blink, TimeAnimationOptions, DomApi } from '../../types';\nimport { getCssUnits, getEasing, mapRange } from '../../utils';\n\nconst POWER_TO_BLINK_FACTOR_MAP = {\n soft: {\n maxScaleBy: 0,\n maxTranslateBy: 50,\n },\n medium: {\n maxScaleBy: 0.5,\n maxTranslateBy: 100,\n },\n hard: {\n maxScaleBy: 0.7,\n maxTranslateBy: 200,\n },\n};\n\nconst BASE_POSITION = {\n translate: `0 0`,\n scale: 1,\n};\n\nconst TOTAL_BLINKS = 10;\nconst TRANSITION_MS = 500;\nconst SCALE_RANGE = { min: 0, max: 0.7 };\nconst SCALE_OFFSET = 0.02;\n\nconst getRandomsBySeed = (seed: number) =>\n [0.3, 0.45, 0.7].map((n) => (seed * n) % 1);\n\nexport function web(options: TimeAnimationOptions, _?: DomApi) {\n const {\n power,\n scale = 0,\n distance = { value: 50, type: 'percentage' },\n } = options.namedEffect as Blink;\n\n const isResponsive = typeof power === 'undefined';\n const duration = options.duration ?? 0; // the duration in which the element is visible\n const delay = options.delay ?? 0; // the duration in which the element is hidden \n const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);\n const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut')\n const travelUnits = getCssUnits(distance.type);\n const [name] = getNames(options);\n const keyframes: Keyframe[] = [];\n\n const scaleMappedFromRange = mapRange(\n 0,\n 1,\n SCALE_RANGE.min,\n SCALE_RANGE.max,\n scale,\n );\n\n const { maxScaleBy, maxTranslateBy } = isResponsive\n ? {\n maxScaleBy: scaleMappedFromRange,\n maxTranslateBy: distance.value,\n }\n : POWER_TO_BLINK_FACTOR_MAP[power];\n\n \n for (let i = 0; i < TOTAL_BLINKS; i++) {\n const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use\n const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;\n const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;\n const scaleBy = 1 + (randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1));\n\n const blink = {\n translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,\n scale: scaleBy,\n easing,\n ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}), // override if its first or last blink\n };\n\n /* \n 4 offset points to each blink: \n two for opacity: 1, and two for opacity: 0. \n */\n const offsets = {\n hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,\n visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,\n visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,\n hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration,\n };\n\n if (i > 0) {\n keyframes.push(\n ...[\n {\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenEnd,\n },\n {\n ...blink,\n opacity: 1,\n offset: offsets.visibleStart,\n },\n ],\n );\n }\n keyframes.push({\n ...blink,\n opacity: 1,\n offset: offsets.visibleEnd,\n });\n\n if (i < TOTAL_BLINKS - 1) {\n keyframes.push({\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenStart,\n });\n }\n }\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: totalDuration,\n keyframes,\n },\n ];\n}\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-blink'];\n}\n"],"mappings":"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","ignoreList":[]}
|