@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,108 +0,0 @@
|
|
|
1
|
-
import { getClipPolygonParams, getAdjustedDirection, INITIAL_FRAME_OFFSET } from '../../utils';
|
|
2
|
-
export function getNames(_) {
|
|
3
|
-
return ['motion-fadeIn', 'motion-winkInClip', 'motion-winkInRotate'];
|
|
4
|
-
}
|
|
5
|
-
const PARAM_MAP = {
|
|
6
|
-
vertical: {
|
|
7
|
-
scaleY: 0,
|
|
8
|
-
scaleX: 1
|
|
9
|
-
},
|
|
10
|
-
horizontal: {
|
|
11
|
-
scaleY: 1,
|
|
12
|
-
scaleX: 0
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const DIRECTIONS = ['vertical', 'horizontal'];
|
|
16
|
-
export function web(options, dom) {
|
|
17
|
-
prepare(options, dom);
|
|
18
|
-
return style(options);
|
|
19
|
-
}
|
|
20
|
-
export function style(options) {
|
|
21
|
-
const {
|
|
22
|
-
direction = 'horizontal'
|
|
23
|
-
} = options.namedEffect;
|
|
24
|
-
const [fadeIn, winkInClip, winkInRotate] = getNames(options);
|
|
25
|
-
const adjustedDirection = getAdjustedDirection(DIRECTIONS, direction, 0);
|
|
26
|
-
const {
|
|
27
|
-
scaleX,
|
|
28
|
-
scaleY
|
|
29
|
-
} = PARAM_MAP[adjustedDirection];
|
|
30
|
-
const easing = options.easing || 'quintInOut';
|
|
31
|
-
const start = getClipPolygonParams({
|
|
32
|
-
direction,
|
|
33
|
-
minimum: 100
|
|
34
|
-
});
|
|
35
|
-
const end = getClipPolygonParams({
|
|
36
|
-
direction: 'initial'
|
|
37
|
-
});
|
|
38
|
-
const custom = {
|
|
39
|
-
'--motion-scale-x': scaleX,
|
|
40
|
-
'--motion-scale-y': scaleY,
|
|
41
|
-
'--motion-clip-start': start
|
|
42
|
-
};
|
|
43
|
-
return [{
|
|
44
|
-
...options,
|
|
45
|
-
easing: 'quadOut',
|
|
46
|
-
name: fadeIn,
|
|
47
|
-
custom: {},
|
|
48
|
-
keyframes: [{
|
|
49
|
-
offset: 0,
|
|
50
|
-
opacity: 0
|
|
51
|
-
}, {
|
|
52
|
-
opacity: 'var(--comp-opacity, 1)'
|
|
53
|
-
}]
|
|
54
|
-
}, {
|
|
55
|
-
...options,
|
|
56
|
-
easing,
|
|
57
|
-
name: winkInClip,
|
|
58
|
-
custom,
|
|
59
|
-
keyframes: [{
|
|
60
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
61
|
-
clipPath: `var(--motion-clip-start, ${custom['--motion-clip-start']})`
|
|
62
|
-
}, {
|
|
63
|
-
clipPath: end
|
|
64
|
-
}]
|
|
65
|
-
}, {
|
|
66
|
-
...options,
|
|
67
|
-
duration: options.duration * 0.85,
|
|
68
|
-
easing,
|
|
69
|
-
name: winkInRotate,
|
|
70
|
-
custom,
|
|
71
|
-
keyframes: [{
|
|
72
|
-
offset: INITIAL_FRAME_OFFSET,
|
|
73
|
-
transform: `rotate(var(--comp-rotate-z, 0deg)) scale(var(--motion-scale-x, ${custom['--motion-scale-x']}), var(--motion-scale-y, ${custom['--motion-scale-y']}))`
|
|
74
|
-
}, {
|
|
75
|
-
transform: 'rotate(var(--comp-rotate-z, 0deg)) scale(1, 1)'
|
|
76
|
-
}]
|
|
77
|
-
}];
|
|
78
|
-
}
|
|
79
|
-
export function prepare(options, dom) {
|
|
80
|
-
const {
|
|
81
|
-
direction = 'horizontal'
|
|
82
|
-
} = options.namedEffect;
|
|
83
|
-
if (dom) {
|
|
84
|
-
let scale = PARAM_MAP.horizontal;
|
|
85
|
-
let rotatedClip = getClipPolygonParams({
|
|
86
|
-
direction: 'horizontal',
|
|
87
|
-
minimum: 100
|
|
88
|
-
});
|
|
89
|
-
dom.measure(target => {
|
|
90
|
-
if (!target) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const rotation = getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0';
|
|
94
|
-
const rotatedDirection = getAdjustedDirection(DIRECTIONS, direction, parseInt(rotation, 10));
|
|
95
|
-
scale = PARAM_MAP[rotatedDirection];
|
|
96
|
-
rotatedClip = getClipPolygonParams({
|
|
97
|
-
direction: rotatedDirection,
|
|
98
|
-
minimum: 100
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
dom.mutate(target => {
|
|
102
|
-
target == null || target.style.setProperty('--motion-clip-start', rotatedClip);
|
|
103
|
-
target == null || target.style.setProperty('--motion-scale-x', `${scale.scaleX}`);
|
|
104
|
-
target == null || target.style.setProperty('--motion-scale-y', `${scale.scaleY}`);
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
//# sourceMappingURL=WinkIn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getClipPolygonParams","getAdjustedDirection","INITIAL_FRAME_OFFSET","getNames","_","PARAM_MAP","vertical","scaleY","scaleX","horizontal","DIRECTIONS","web","options","dom","prepare","style","direction","namedEffect","fadeIn","winkInClip","winkInRotate","adjustedDirection","easing","start","minimum","end","custom","name","keyframes","offset","opacity","clipPath","duration","transform","scale","rotatedClip","measure","target","rotation","getComputedStyle","getPropertyValue","rotatedDirection","parseInt","mutate","setProperty"],"sources":["../../../../src/library/entrance/WinkIn.ts"],"sourcesContent":["import {\n getClipPolygonParams,\n getAdjustedDirection,\n INITIAL_FRAME_OFFSET,\n} from '../../utils';\nimport type { WinkIn, TimeAnimationOptions, DomApi } from '../../types';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-fadeIn', 'motion-winkInClip', 'motion-winkInRotate'];\n}\n\nconst PARAM_MAP = {\n vertical: { scaleY: 0, scaleX: 1 },\n horizontal: { scaleY: 1, scaleX: 0 },\n};\nconst DIRECTIONS = ['vertical', 'horizontal'] as (keyof typeof PARAM_MAP)[];\n\nexport function web(options: TimeAnimationOptions, dom?: DomApi) {\n prepare(options, dom);\n\n return style(options);\n}\n\nexport function style(options: TimeAnimationOptions) {\n const { direction = 'horizontal' } = options.namedEffect as WinkIn;\n const [fadeIn, winkInClip, winkInRotate] = getNames(options);\n\n const adjustedDirection = getAdjustedDirection(\n DIRECTIONS,\n direction,\n 0,\n ) as (typeof DIRECTIONS)[number];\n const { scaleX, scaleY } = PARAM_MAP[adjustedDirection];\n const easing = options.easing || 'quintInOut';\n\n const start = getClipPolygonParams({ direction, minimum: 100 });\n const end = getClipPolygonParams({ direction: 'initial' });\n\n const custom = {\n '--motion-scale-x': scaleX,\n '--motion-scale-y': scaleY,\n '--motion-clip-start': start,\n };\n\n return [\n {\n ...options,\n easing: 'quadOut',\n name: fadeIn,\n custom: {},\n keyframes: [\n { offset: 0, opacity: 0 },\n { opacity: 'var(--comp-opacity, 1)' },\n ],\n },\n {\n ...options,\n easing,\n name: winkInClip,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n clipPath: `var(--motion-clip-start, ${custom['--motion-clip-start']})`,\n },\n {\n clipPath: end,\n },\n ],\n },\n {\n ...options,\n duration: options.duration! * 0.85,\n easing,\n name: winkInRotate,\n custom,\n keyframes: [\n {\n offset: INITIAL_FRAME_OFFSET,\n transform: `rotate(var(--comp-rotate-z, 0deg)) scale(var(--motion-scale-x, ${custom['--motion-scale-x']}), var(--motion-scale-y, ${custom['--motion-scale-y']}))`,\n },\n {\n transform: 'rotate(var(--comp-rotate-z, 0deg)) scale(1, 1)',\n },\n ],\n },\n ];\n}\n\nexport function prepare(options: TimeAnimationOptions, dom?: DomApi) {\n const { direction = 'horizontal' } = options.namedEffect as WinkIn;\n\n if (dom) {\n let scale = PARAM_MAP.horizontal;\n let rotatedClip = getClipPolygonParams({\n direction: 'horizontal',\n minimum: 100,\n });\n\n dom.measure((target) => {\n if (!target) {\n return;\n }\n\n const rotation =\n getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0';\n const rotatedDirection = getAdjustedDirection(\n DIRECTIONS,\n direction,\n parseInt(rotation, 10),\n ) as (typeof DIRECTIONS)[number];\n scale = PARAM_MAP[rotatedDirection];\n rotatedClip = getClipPolygonParams({\n direction: rotatedDirection,\n minimum: 100,\n });\n });\n\n dom.mutate((target) => {\n target?.style.setProperty('--motion-clip-start', rotatedClip);\n target?.style.setProperty('--motion-scale-x', `${scale.scaleX}`);\n target?.style.setProperty('--motion-scale-y', `${scale.scaleY}`);\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ArcIn","BlurIn","ShuttersIn","BounceIn","CurveIn","CircleIn","DropIn","ExpandIn","FadeIn","FlipIn","FloatIn","FoldIn","GlideIn","GlitchIn","GrowIn","PunchIn","ShapeIn","RevealIn","SlideIn","SpinIn","TiltIn","TurnIn","WinkIn","entranceAnimations"],"sources":["../../../../src/library/entrance/index.ts"],"sourcesContent":["import * as ArcIn from './ArcIn';\nimport * as BlurIn from './BlurIn';\nimport * as ShuttersIn from './ShuttersIn';\nimport * as BounceIn from './BounceIn';\nimport * as CurveIn from './CurveIn';\nimport * as CircleIn from './CircleIn';\nimport * as DropIn from './DropIn';\nimport * as ExpandIn from './ExpandIn';\nimport * as FadeIn from './FadeIn';\nimport * as FlipIn from './FlipIn';\nimport * as FloatIn from './FloatIn';\nimport * as FoldIn from './FoldIn';\nimport * as GlideIn from './GlideIn';\nimport * as GlitchIn from './GlitchIn';\nimport * as GrowIn from './GrowIn';\nimport * as PunchIn from './PunchIn';\nimport * as ShapeIn from './ShapeIn';\nimport * as RevealIn from './RevealIn';\nimport * as SlideIn from './SlideIn';\nimport * as SpinIn from './SpinIn';\nimport * as TiltIn from './TiltIn';\nimport * as TurnIn from './TurnIn';\nimport * as WinkIn from './WinkIn';\nimport type { EntranceAnimations } from '../../types';\n\nexport const entranceAnimations: EntranceAnimations = {\n ArcIn,\n BlurIn,\n ShuttersIn,\n BounceIn,\n CurveIn,\n CircleIn,\n DropIn,\n ExpandIn,\n FadeIn,\n FlipIn,\n FloatIn,\n FoldIn,\n GlideIn,\n GlitchIn,\n GrowIn,\n PunchIn,\n ShapeIn,\n RevealIn,\n SlideIn,\n SpinIn,\n TiltIn,\n TurnIn,\n WinkIn,\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,SAAS;AAChC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,UAAU,MAAM,cAAc;AAC1C,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAGlC,OAAO,MAAMC,kBAAsC,GAAG;EACpDvB,KAAK;EACLC,MAAM;EACNC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,MAAM;EACNC;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["baseMockOptions","id"],"sources":["../../../../../src/library/entrance/test/testUtils.ts"],"sourcesContent":["import type { TimeAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: TimeAnimationOptions = {\n id: '1',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
angle: 10,
|
|
6
|
-
easing: 'easeOut'
|
|
7
|
-
},
|
|
8
|
-
medium: {
|
|
9
|
-
angle: 50,
|
|
10
|
-
easing: 'easeOut'
|
|
11
|
-
},
|
|
12
|
-
hard: {
|
|
13
|
-
angle: 85,
|
|
14
|
-
easing: 'easeOut'
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
class AiryMouseAnimation extends CustomMouse {
|
|
18
|
-
progress(_ref) {
|
|
19
|
-
let {
|
|
20
|
-
x: progressX,
|
|
21
|
-
y: progressY
|
|
22
|
-
} = _ref;
|
|
23
|
-
let translateX = 0;
|
|
24
|
-
let translateY = 0;
|
|
25
|
-
const {
|
|
26
|
-
distance,
|
|
27
|
-
invert,
|
|
28
|
-
angle,
|
|
29
|
-
axis
|
|
30
|
-
} = this.options;
|
|
31
|
-
if (axis !== 'vertical') {
|
|
32
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
33
|
-
}
|
|
34
|
-
if (axis !== 'horizontal') {
|
|
35
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
// if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle
|
|
39
|
-
const rotate = mapRange(0, 1, -angle, angle, progressX) * invert;
|
|
40
|
-
const units = getCssUnits(distance.type);
|
|
41
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(calc(${rotate}deg + var(--comp-rotate-z, 0deg)))`;
|
|
42
|
-
}
|
|
43
|
-
cancel() {
|
|
44
|
-
this.target.style.transform = '';
|
|
45
|
-
this.target.style.transition = '';
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
export default function create(options) {
|
|
49
|
-
const {
|
|
50
|
-
transitionDuration,
|
|
51
|
-
transitionEasing
|
|
52
|
-
} = options;
|
|
53
|
-
const {
|
|
54
|
-
power,
|
|
55
|
-
inverted = false,
|
|
56
|
-
distance = {
|
|
57
|
-
value: 200,
|
|
58
|
-
type: 'px'
|
|
59
|
-
},
|
|
60
|
-
angle = 30,
|
|
61
|
-
axis = 'both'
|
|
62
|
-
} = options.namedEffect;
|
|
63
|
-
const invert = inverted ? -1 : 1;
|
|
64
|
-
const animationOptions = {
|
|
65
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
66
|
-
invert,
|
|
67
|
-
distance,
|
|
68
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
69
|
-
axis
|
|
70
|
-
};
|
|
71
|
-
return target => new AiryMouseAnimation(target, animationOptions);
|
|
72
|
-
}
|
|
73
|
-
//# sourceMappingURL=AiryMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","easing","medium","hard","AiryMouseAnimation","progress","_ref","x","progressX","y","progressY","translateX","translateY","distance","invert","axis","options","value","rotate","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/AiryMouse.ts"],"sourcesContent":["import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport type {\n ScrubAnimationOptions,\n AiryMouse,\n AnimationExtraOptions,\n Progress,\n ScrubTransitionEasing,\n EffectPower,\n} from '../../types';\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: 50, easing: 'easeOut' },\n hard: { angle: 85, easing: 'easeOut' },\n};\n\nclass AiryMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n let translateX = 0;\n let translateY = 0;\n const { distance, invert, angle, axis } = this.options;\n\n if (axis !== 'vertical') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n }\n if (axis !== 'horizontal') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n }\n\n // if progress === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle\n const rotate = mapRange(0, 1, -angle, angle, progressX) * invert;\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(calc(${rotate}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 } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n angle = 30,\n axis = 'both',\n } = options.namedEffect as AiryMouse;\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 AiryMouseAnimation(target, animationOptions);\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ,aAAa;AAS7E,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,SAGL,GAAG;EACFC,IAAI,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EACtCC,MAAM,EAAE;IAAEF,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EACxCE,IAAI,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAU;AACvC,CAAC;AAED,MAAMG,kBAAkB,SAASP,WAAW,CAAC;EAC3CQ,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,IAAIK,UAAU,GAAG,CAAC;IAClB,IAAIC,UAAU,GAAG,CAAC;IAClB,MAAM;MAAEC,QAAQ;MAAEC,MAAM;MAAEd,KAAK;MAAEe;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAEtD,IAAID,IAAI,KAAK,UAAU,EAAE;MACvBJ,UAAU,GACRf,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACiB,QAAQ,CAACI,KAAK,EAAEJ,QAAQ,CAACI,KAAK,EAAET,SAAS,CAAC,GAAGM,MAAM;IACvE;IACA,IAAIC,IAAI,KAAK,YAAY,EAAE;MACzBH,UAAU,GACRhB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACiB,QAAQ,CAACI,KAAK,EAAEJ,QAAQ,CAACI,KAAK,EAAEP,SAAS,CAAC,GAAGI,MAAM;IACvE;;IAEA;IACA,MAAMI,MAAM,GAAGtB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACI,KAAK,EAAEA,KAAK,EAAEQ,SAAS,CAAC,GAAGM,MAAM;IAChE,MAAMK,KAAK,GAAGzB,WAAW,CAACmB,QAAQ,CAACO,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcZ,UAAU,GAAGQ,KAAK,gBAAgBP,UAAU,GAAGO,KAAK,iBAAiBD,MAAM,oCAAoC;EAC7J;EAEAM,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,CAC5BV,OAAsD,EACtD;EACA,MAAM;IAAEW,kBAAkB;IAAEC;EAAiB,CAAC,GAAGZ,OAAO;EACxD,MAAM;IACJa,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBjB,QAAQ,GAAG;MAAEI,KAAK,EAAE,GAAG;MAAEG,IAAI,EAAE;IAAK,CAAC;IACrCpB,KAAK,GAAG,EAAE;IACVe,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACe,WAAwB;EACpC,MAAMjB,MAAM,GAAGgB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAMhC,wBAAwB,CAC3DkC,KAAK,GAAG/B,SAAS,CAAC+B,KAAK,CAAC,CAAC5B,MAAM,GAAG2B,gBACpC,CAAC,EAAE,GACH,EAAE;IACNd,MAAM;IACND,QAAQ;IACRb,KAAK,EAAE6B,KAAK,GAAG/B,SAAS,CAAC+B,KAAK,CAAC,CAAC7B,KAAK,GAAGA,KAAK;IAC7Ce;EACF,CAAC;EAED,OAAQM,MAAmB,IACzB,IAAIjB,kBAAkB,CAACiB,MAAM,EAAEW,gBAAgB,CAAC;AACpD","ignoreList":[]}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
soft: {
|
|
5
|
-
scale: 1.2,
|
|
6
|
-
easing: 'easeOut'
|
|
7
|
-
},
|
|
8
|
-
medium: {
|
|
9
|
-
scale: 1.6,
|
|
10
|
-
easing: 'easeOut'
|
|
11
|
-
},
|
|
12
|
-
hard: {
|
|
13
|
-
scale: 2.4,
|
|
14
|
-
easing: 'easeOut'
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
class BlobMouseAnimation extends CustomMouse {
|
|
18
|
-
progress(_ref) {
|
|
19
|
-
let {
|
|
20
|
-
x: progressX,
|
|
21
|
-
y: progressY
|
|
22
|
-
} = _ref;
|
|
23
|
-
const {
|
|
24
|
-
distance,
|
|
25
|
-
scale,
|
|
26
|
-
invert
|
|
27
|
-
} = this.options;
|
|
28
|
-
const translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
29
|
-
const translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
30
|
-
|
|
31
|
-
// if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1
|
|
32
|
-
const scaleX = progressX < 0.5 ? mapRange(0, 0.5, scale, 1, progressX) : mapRange(0.5, 1, 1, scale, progressX);
|
|
33
|
-
|
|
34
|
-
// if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1
|
|
35
|
-
const scaleY = progressY < 0.5 ? mapRange(0, 0.5, scale, 1, progressY) : mapRange(0.5, 1, 1, scale, progressY);
|
|
36
|
-
const units = getCssUnits(distance.type);
|
|
37
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleX}, ${scaleY}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
38
|
-
}
|
|
39
|
-
cancel() {
|
|
40
|
-
this.target.style.transform = '';
|
|
41
|
-
this.target.style.transition = '';
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
export default function create(options) {
|
|
45
|
-
const {
|
|
46
|
-
transitionDuration,
|
|
47
|
-
transitionEasing
|
|
48
|
-
} = options;
|
|
49
|
-
const {
|
|
50
|
-
power,
|
|
51
|
-
inverted = false,
|
|
52
|
-
distance = {
|
|
53
|
-
value: 200,
|
|
54
|
-
type: 'px'
|
|
55
|
-
},
|
|
56
|
-
scale = 1.4
|
|
57
|
-
} = options.namedEffect;
|
|
58
|
-
const invert = inverted ? -1 : 1;
|
|
59
|
-
const animationOptions = {
|
|
60
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
61
|
-
invert,
|
|
62
|
-
distance,
|
|
63
|
-
scale: power ? paramsMap[power].scale : scale
|
|
64
|
-
};
|
|
65
|
-
return target => new BlobMouseAnimation(target, animationOptions);
|
|
66
|
-
}
|
|
67
|
-
//# sourceMappingURL=BlobMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","scale","easing","medium","hard","BlobMouseAnimation","progress","_ref","x","progressX","y","progressY","distance","invert","options","translateX","value","translateY","scaleX","scaleY","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/BlobMouse.ts"],"sourcesContent":["import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n BlobMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n EffectPower,\n { scale: number; easing: ScrubTransitionEasing }\n> = {\n soft: { scale: 1.2, easing: 'easeOut' },\n medium: { scale: 1.6, easing: 'easeOut' },\n hard: { scale: 2.4, easing: 'easeOut' },\n};\n\nclass BlobMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { distance, scale, invert } = this.options;\n const translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n const translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n\n // if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1\n const scaleX =\n progressX < 0.5\n ? mapRange(0, 0.5, scale, 1, progressX)\n : mapRange(0.5, 1, 1, scale, progressX);\n\n // if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1\n const scaleY =\n progressY < 0.5\n ? mapRange(0, 0.5, scale, 1, progressY)\n : mapRange(0.5, 1, 1, scale, progressY);\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleX}, ${scaleY}) 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 scale = 1.4,\n } = options.namedEffect as BlobMouse;\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 scale: power ? paramsMap[power].scale : scale,\n };\n\n return (target: HTMLElement) =>\n new BlobMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, distance2d, mapRange } from '../../utils';
|
|
2
|
-
import { quadInOut } from '../../easings';
|
|
3
|
-
import { CustomMouse } from './CustomMouse';
|
|
4
|
-
const paramsMap = {
|
|
5
|
-
soft: {
|
|
6
|
-
angle: 0,
|
|
7
|
-
scale: 1,
|
|
8
|
-
easing: 'easeOut'
|
|
9
|
-
},
|
|
10
|
-
medium: {
|
|
11
|
-
angle: 25,
|
|
12
|
-
scale: 0.7,
|
|
13
|
-
easing: 'easeOut'
|
|
14
|
-
},
|
|
15
|
-
hard: {
|
|
16
|
-
angle: 65,
|
|
17
|
-
scale: 0.25,
|
|
18
|
-
easing: 'easeOut'
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
class BlurMouseAnimation extends CustomMouse {
|
|
22
|
-
progress(_ref) {
|
|
23
|
-
let {
|
|
24
|
-
x: progressX,
|
|
25
|
-
y: progressY
|
|
26
|
-
} = _ref;
|
|
27
|
-
const {
|
|
28
|
-
distance,
|
|
29
|
-
angle,
|
|
30
|
-
scale,
|
|
31
|
-
invert,
|
|
32
|
-
blur,
|
|
33
|
-
perspective
|
|
34
|
-
} = this.options;
|
|
35
|
-
const translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
36
|
-
const translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
37
|
-
|
|
38
|
-
// if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1
|
|
39
|
-
const scaleX = progressX < 0.5 ? mapRange(0, 0.5, scale, 1, progressX) : mapRange(0.5, 1, 1, scale, progressX);
|
|
40
|
-
|
|
41
|
-
// if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1
|
|
42
|
-
const scaleY = progressY < 0.5 ? mapRange(0, 0.5, scale, 1, progressY) : mapRange(0.5, 1, 1, scale, progressY);
|
|
43
|
-
const maxScale = Math.min(scaleX, scaleY);
|
|
44
|
-
|
|
45
|
-
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
46
|
-
const rotateX = mapRange(0, 1, -angle, angle, progressY) * invert;
|
|
47
|
-
const rotateY = mapRange(0, 1, angle, -angle, progressX) * invert;
|
|
48
|
-
const units = getCssUnits(distance.type);
|
|
49
|
-
const transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${maxScale}, ${maxScale}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
50
|
-
const progressDistance = distance2d([0.5, 0.5], [progressX, progressY]);
|
|
51
|
-
const blurFilter = Math.round(mapRange(0, 1, 0, blur, quadInOut(progressDistance)));
|
|
52
|
-
const filter = `blur(${blurFilter}px)`;
|
|
53
|
-
this.target.style.transform = transform;
|
|
54
|
-
this.target.style.filter = filter;
|
|
55
|
-
}
|
|
56
|
-
cancel() {
|
|
57
|
-
this.target.style.transform = '';
|
|
58
|
-
this.target.style.filter = '';
|
|
59
|
-
this.target.style.transition = '';
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
export default function create(options) {
|
|
63
|
-
const {
|
|
64
|
-
transitionDuration,
|
|
65
|
-
transitionEasing
|
|
66
|
-
} = options;
|
|
67
|
-
const {
|
|
68
|
-
power,
|
|
69
|
-
inverted = false,
|
|
70
|
-
distance = {
|
|
71
|
-
value: 80,
|
|
72
|
-
type: 'px'
|
|
73
|
-
},
|
|
74
|
-
angle = 5,
|
|
75
|
-
scale = 0.3,
|
|
76
|
-
blur = 20,
|
|
77
|
-
perspective = 600
|
|
78
|
-
} = options.namedEffect;
|
|
79
|
-
const invert = inverted ? -1 : 1;
|
|
80
|
-
const animationOptions = {
|
|
81
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}, filter ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
82
|
-
distance,
|
|
83
|
-
angle: power ? paramsMap[power].angle : angle,
|
|
84
|
-
scale: power ? paramsMap[power].scale : scale,
|
|
85
|
-
blur,
|
|
86
|
-
perspective,
|
|
87
|
-
invert
|
|
88
|
-
};
|
|
89
|
-
return target => new BlurMouseAnimation(target, animationOptions);
|
|
90
|
-
}
|
|
91
|
-
//# sourceMappingURL=BlurMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","distance2d","mapRange","quadInOut","CustomMouse","paramsMap","soft","angle","scale","easing","medium","hard","BlurMouseAnimation","progress","_ref","x","progressX","y","progressY","distance","invert","blur","perspective","options","translateX","value","translateY","scaleX","scaleY","maxScale","Math","min","rotateX","rotateY","units","type","transform","progressDistance","blurFilter","round","filter","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/BlurMouse.ts"],"sourcesContent":["import {\n getCssUnits,\n getMouseTransitionEasing,\n distance2d,\n mapRange,\n} from '../../utils';\nimport { quadInOut } from '../../easings';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n BlurMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; scale: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 0, scale: 1, easing: 'easeOut' },\n medium: { angle: 25, scale: 0.7, easing: 'easeOut' },\n hard: { angle: 65, scale: 0.25, easing: 'easeOut' },\n};\nclass BlurMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { distance, angle, scale, invert, blur, perspective } = this.options;\n\n const translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n const translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n\n // if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1\n const scaleX =\n progressX < 0.5\n ? mapRange(0, 0.5, scale, 1, progressX)\n : mapRange(0.5, 1, 1, scale, progressX);\n\n // if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1\n const scaleY =\n progressY < 0.5\n ? mapRange(0, 0.5, scale, 1, progressY)\n : mapRange(0.5, 1, 1, scale, progressY);\n\n const maxScale = Math.min(scaleX, scaleY);\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 const units = getCssUnits(distance.type);\n\n const transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${maxScale}, ${maxScale}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n\n const progressDistance = distance2d([0.5, 0.5], [progressX, progressY]);\n const blurFilter = Math.round(\n mapRange(0, 1, 0, blur, quadInOut(progressDistance)),\n );\n\n const filter = `blur(${blurFilter}px)`;\n\n this.target.style.transform = transform;\n this.target.style.filter = filter;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.filter = '';\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: 80, type: 'px' },\n angle = 5,\n scale = 0.3,\n blur = 20,\n perspective = 600,\n } = options.namedEffect as BlurMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}, filter ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n distance,\n angle: power ? paramsMap[power].angle : angle,\n scale: power ? paramsMap[power].scale : scale,\n blur,\n perspective,\n invert,\n };\n\n return (target: HTMLElement) =>\n new BlurMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import createTrack from './TrackMouse';
|
|
2
|
-
export default function create(options) {
|
|
3
|
-
const {
|
|
4
|
-
distance = {
|
|
5
|
-
value: 80,
|
|
6
|
-
type: 'px'
|
|
7
|
-
}
|
|
8
|
-
} = options.namedEffect;
|
|
9
|
-
const {
|
|
10
|
-
transitionEasing = 'elastic'
|
|
11
|
-
} = options;
|
|
12
|
-
return createTrack({
|
|
13
|
-
...options,
|
|
14
|
-
transitionEasing,
|
|
15
|
-
namedEffect: {
|
|
16
|
-
...options.namedEffect,
|
|
17
|
-
distance
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=BounceMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createTrack","create","options","distance","value","type","namedEffect","transitionEasing"],"sources":["../../../../src/library/mouse/BounceMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n BounceMouse,\n TrackMouse,\n} from '../../types';\nimport createTrack from './TrackMouse';\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { distance = { value: 80, type: 'px' } } =\n options.namedEffect as BounceMouse;\n const { transitionEasing = 'elastic' } = options;\n return createTrack({\n ...options,\n transitionEasing,\n namedEffect: { ...options.namedEffect, distance } as TrackMouse,\n });\n}\n"],"mappings":"AAMA,OAAOA,WAAW,MAAM,cAAc;AAEtC,eAAe,SAASC,MAAMA,CAC5BC,OAAsD,EACtD;EACA,MAAM;IAAEC,QAAQ,GAAG;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAK;EAAE,CAAC,GAC5CH,OAAO,CAACI,WAA0B;EACpC,MAAM;IAAEC,gBAAgB,GAAG;EAAU,CAAC,GAAGL,OAAO;EAChD,OAAOF,WAAW,CAAC;IACjB,GAAGE,OAAO;IACVK,gBAAgB;IAChBD,WAAW,EAAE;MAAE,GAAGJ,OAAO,CAACI,WAAW;MAAEH;IAAS;EAClD,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
export class CustomMouse {
|
|
3
|
-
constructor(target, options) {
|
|
4
|
-
_defineProperty(this, "target", void 0);
|
|
5
|
-
_defineProperty(this, "options", void 0);
|
|
6
|
-
_defineProperty(this, "currentProgress", void 0);
|
|
7
|
-
this.target = target;
|
|
8
|
-
this.options = options || {};
|
|
9
|
-
this.currentProgress = {
|
|
10
|
-
x: 0.5,
|
|
11
|
-
y: 0.5,
|
|
12
|
-
v: {
|
|
13
|
-
x: 0,
|
|
14
|
-
y: 0
|
|
15
|
-
},
|
|
16
|
-
active: true
|
|
17
|
-
};
|
|
18
|
-
this.play();
|
|
19
|
-
}
|
|
20
|
-
progress(_ref) {
|
|
21
|
-
let {
|
|
22
|
-
x,
|
|
23
|
-
y,
|
|
24
|
-
v,
|
|
25
|
-
active
|
|
26
|
-
} = _ref;
|
|
27
|
-
this.currentProgress = {
|
|
28
|
-
x,
|
|
29
|
-
y,
|
|
30
|
-
v,
|
|
31
|
-
active
|
|
32
|
-
};
|
|
33
|
-
if (typeof this.options.customEffect === 'function') {
|
|
34
|
-
this.options.customEffect(this.target, this.currentProgress);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
cancel() {
|
|
38
|
-
this.currentProgress = {
|
|
39
|
-
x: 0.5,
|
|
40
|
-
y: 0.5,
|
|
41
|
-
v: {
|
|
42
|
-
x: 0,
|
|
43
|
-
y: 0
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
getProgress() {
|
|
48
|
-
return this.currentProgress;
|
|
49
|
-
}
|
|
50
|
-
play() {
|
|
51
|
-
if (this.options.transition && this.target) {
|
|
52
|
-
this.target.style.transition = this.options.transition;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
export function create(options) {
|
|
57
|
-
return target => new CustomMouse(target, options);
|
|
58
|
-
}
|
|
59
|
-
//# sourceMappingURL=CustomMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["CustomMouse","constructor","target","options","_defineProperty","currentProgress","x","y","v","active","play","progress","_ref","customEffect","cancel","getProgress","transition","style","create"],"sources":["../../../../src/library/mouse/CustomMouse.ts"],"sourcesContent":["import type {\n AnimationExtraOptions,\n Progress,\n ScrubAnimationOptions,\n} from '../../types';\n\nexport class CustomMouse {\n target: HTMLElement;\n options: Record<string, any>;\n currentProgress: Progress;\n\n constructor(target: HTMLElement, options?: Record<string, any>) {\n this.target = target;\n this.options = options || {};\n this.currentProgress = { x: 0.5, y: 0.5, v: { x: 0, y: 0 }, active: true };\n\n this.play();\n }\n\n progress({ x, y, v, active }: Progress) {\n this.currentProgress = { x, y, v, active };\n if (typeof this.options.customEffect === 'function') {\n this.options.customEffect(this.target, this.currentProgress);\n }\n }\n\n cancel() {\n this.currentProgress = { x: 0.5, y: 0.5, v: { x: 0, y: 0 } };\n }\n\n getProgress() {\n return this.currentProgress;\n }\n\n play() {\n if (this.options.transition && this.target) {\n this.target.style.transition = this.options.transition;\n }\n }\n}\n\nexport function create(options: ScrubAnimationOptions & AnimationExtraOptions) {\n return (target: HTMLElement) => new CustomMouse(target, options);\n}\n"],"mappings":";AAMA,OAAO,MAAMA,WAAW,CAAC;EAKvBC,WAAWA,CAACC,MAAmB,EAAEC,OAA6B,EAAE;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAC9D,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACC,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;IAC5B,IAAI,CAACE,eAAe,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC;MAAEE,MAAM,EAAE;IAAK,CAAC;IAE1E,IAAI,CAACC,IAAI,CAAC,CAAC;EACb;EAEAC,QAAQA,CAAAC,IAAA,EAAgC;IAAA,IAA/B;MAAEN,CAAC;MAAEC,CAAC;MAAEC,CAAC;MAAEC;IAAiB,CAAC,GAAAG,IAAA;IACpC,IAAI,CAACP,eAAe,GAAG;MAAEC,CAAC;MAAEC,CAAC;MAAEC,CAAC;MAAEC;IAAO,CAAC;IAC1C,IAAI,OAAO,IAAI,CAACN,OAAO,CAACU,YAAY,KAAK,UAAU,EAAE;MACnD,IAAI,CAACV,OAAO,CAACU,YAAY,CAAC,IAAI,CAACX,MAAM,EAAE,IAAI,CAACG,eAAe,CAAC;IAC9D;EACF;EAEAS,MAAMA,CAAA,EAAG;IACP,IAAI,CAACT,eAAe,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE;IAAE,CAAC;EAC9D;EAEAQ,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACV,eAAe;EAC7B;EAEAK,IAAIA,CAAA,EAAG;IACL,IAAI,IAAI,CAACP,OAAO,CAACa,UAAU,IAAI,IAAI,CAACd,MAAM,EAAE;MAC1C,IAAI,CAACA,MAAM,CAACe,KAAK,CAACD,UAAU,GAAG,IAAI,CAACb,OAAO,CAACa,UAAU;IACxD;EACF;AACF;AAEA,OAAO,SAASE,MAAMA,CAACf,OAAsD,EAAE;EAC7E,OAAQD,MAAmB,IAAK,IAAIF,WAAW,CAACE,MAAM,EAAEC,OAAO,CAAC;AAClE","ignoreList":[]}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
-
import { CustomMouse } from './CustomMouse';
|
|
3
|
-
const paramsMap = {
|
|
4
|
-
down: {
|
|
5
|
-
soft: {
|
|
6
|
-
scale: 0.85,
|
|
7
|
-
easing: 'easeOut'
|
|
8
|
-
},
|
|
9
|
-
medium: {
|
|
10
|
-
scale: 0.5,
|
|
11
|
-
easing: 'easeOut'
|
|
12
|
-
},
|
|
13
|
-
hard: {
|
|
14
|
-
scale: 0,
|
|
15
|
-
easing: 'easeOut'
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
up: {
|
|
19
|
-
soft: {
|
|
20
|
-
scale: 1.2,
|
|
21
|
-
easing: 'easeOut'
|
|
22
|
-
},
|
|
23
|
-
medium: {
|
|
24
|
-
scale: 1.6,
|
|
25
|
-
easing: 'easeOut'
|
|
26
|
-
},
|
|
27
|
-
hard: {
|
|
28
|
-
scale: 2.4,
|
|
29
|
-
easing: 'easeOut'
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
class ScaleMouseAnimation extends CustomMouse {
|
|
34
|
-
progress(_ref) {
|
|
35
|
-
let {
|
|
36
|
-
x: progressX,
|
|
37
|
-
y: progressY
|
|
38
|
-
} = _ref;
|
|
39
|
-
const {
|
|
40
|
-
distance,
|
|
41
|
-
scale,
|
|
42
|
-
invert,
|
|
43
|
-
axis
|
|
44
|
-
} = this.options;
|
|
45
|
-
let translateX = 0;
|
|
46
|
-
let translateY = 0;
|
|
47
|
-
let scaleX = 1;
|
|
48
|
-
let scaleY = 1;
|
|
49
|
-
if (axis === 'both' || axis === 'horizontal') {
|
|
50
|
-
translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
51
|
-
scaleX = progressX < 0.5 ? mapRange(0, 0.5, scale, 1, progressX) : mapRange(0.5, 1, 1, scale, progressX);
|
|
52
|
-
}
|
|
53
|
-
if (axis === 'both' || axis === 'vertical') {
|
|
54
|
-
translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
55
|
-
scaleY = progressY < 0.5 ? mapRange(0, 0.5, scale, 1, progressY) : mapRange(0.5, 1, 1, scale, progressY);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
// scale is uniform so we use the smaller scale value if scale < 1
|
|
59
|
-
// and the bigger scale value if scale > 1
|
|
60
|
-
const scaleBoth = scale < 1 ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY);
|
|
61
|
-
const units = getCssUnits(distance.type);
|
|
62
|
-
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleBoth}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
63
|
-
}
|
|
64
|
-
cancel() {
|
|
65
|
-
this.target.style.transform = '';
|
|
66
|
-
this.target.style.transition = '';
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
export default function create(options) {
|
|
70
|
-
const {
|
|
71
|
-
transitionDuration,
|
|
72
|
-
transitionEasing
|
|
73
|
-
} = options;
|
|
74
|
-
const {
|
|
75
|
-
power,
|
|
76
|
-
scaleDirection = 'down',
|
|
77
|
-
inverted = false,
|
|
78
|
-
distance = {
|
|
79
|
-
value: 80,
|
|
80
|
-
type: 'px'
|
|
81
|
-
},
|
|
82
|
-
axis = 'both',
|
|
83
|
-
scale = 1.4
|
|
84
|
-
} = options.namedEffect;
|
|
85
|
-
const invert = inverted ? -1 : 1;
|
|
86
|
-
const animationOptions = {
|
|
87
|
-
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[scaleDirection][power].easing : transitionEasing)}` : '',
|
|
88
|
-
invert,
|
|
89
|
-
distance,
|
|
90
|
-
axis,
|
|
91
|
-
scale: power ? paramsMap[scaleDirection][power].scale : scale
|
|
92
|
-
};
|
|
93
|
-
return target => new ScaleMouseAnimation(target, animationOptions);
|
|
94
|
-
}
|
|
95
|
-
//# sourceMappingURL=ScaleMouse.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","down","soft","scale","easing","medium","hard","up","ScaleMouseAnimation","progress","_ref","x","progressX","y","progressY","distance","invert","axis","options","translateX","translateY","scaleX","scaleY","value","scaleBoth","Math","min","max","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","scaleDirection","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/ScaleMouse.ts"],"sourcesContent":["import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n ScaleMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n ScaleMouse['scaleDirection'],\n Record<EffectPower, { scale: number; easing: ScrubTransitionEasing }>\n> = {\n down: {\n soft: { scale: 0.85, easing: 'easeOut' },\n medium: { scale: 0.5, easing: 'easeOut' },\n hard: { scale: 0, easing: 'easeOut' },\n },\n up: {\n soft: { scale: 1.2, easing: 'easeOut' },\n medium: { scale: 1.6, easing: 'easeOut' },\n hard: { scale: 2.4, easing: 'easeOut' },\n },\n};\n\nclass ScaleMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { distance, scale, invert, axis } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n let scaleX = 1;\n let scaleY = 1;\n\n if (axis === 'both' || axis === 'horizontal') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n scaleX =\n progressX < 0.5\n ? mapRange(0, 0.5, scale, 1, progressX)\n : mapRange(0.5, 1, 1, scale, progressX);\n }\n\n if (axis === 'both' || axis === 'vertical') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n scaleY =\n progressY < 0.5\n ? mapRange(0, 0.5, scale, 1, progressY)\n : mapRange(0.5, 1, 1, scale, progressY);\n }\n\n // scale is uniform so we use the smaller scale value if scale < 1\n // and the bigger scale value if scale > 1\n const scaleBoth =\n scale < 1 ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY);\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleBoth}) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n scaleDirection = 'down',\n inverted = false,\n distance = { value: 80, type: 'px' },\n axis = 'both',\n scale = 1.4,\n } = options.namedEffect as ScaleMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[scaleDirection][power].easing : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n scale: power ? paramsMap[scaleDirection][power].scale : scale,\n };\n\n return (target: HTMLElement) =>\n new ScaleMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|