@wix/motion 1.0.72 → 1.571.0
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 +3 -0
- package/dist/cjs/AnimationGroup.js +92 -0
- package/dist/cjs/AnimationGroup.js.map +1 -0
- package/dist/cjs/api/common.js +123 -0
- package/dist/cjs/api/common.js.map +1 -0
- package/dist/cjs/api/cssAnimations.js +58 -0
- package/dist/cjs/api/cssAnimations.js.map +1 -0
- package/dist/cjs/api/prepare.js +20 -0
- package/dist/cjs/api/prepare.js.map +1 -0
- package/dist/cjs/api/webAnimations.js +140 -0
- package/dist/cjs/api/webAnimations.js.map +1 -0
- package/dist/cjs/easings.js +272 -0
- package/dist/cjs/easings.js.map +1 -0
- package/dist/cjs/external-types.d.js +2 -0
- package/dist/cjs/external-types.d.js.map +1 -0
- package/dist/cjs/index.js +16 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js +74 -0
- package/dist/cjs/library/backgroundScroll/BgCloseUp.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgFade.js +51 -0
- package/dist/cjs/library/backgroundScroll/BgFade.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js +73 -0
- package/dist/cjs/library/backgroundScroll/BgFadeBack.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgFake3D.js +103 -0
- package/dist/cjs/library/backgroundScroll/BgFake3D.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgPan.js +50 -0
- package/dist/cjs/library/backgroundScroll/BgPan.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgParallax.js +43 -0
- package/dist/cjs/library/backgroundScroll/BgParallax.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgPullBack.js +45 -0
- package/dist/cjs/library/backgroundScroll/BgPullBack.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgReveal.js +14 -0
- package/dist/cjs/library/backgroundScroll/BgReveal.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgRotate.js +37 -0
- package/dist/cjs/library/backgroundScroll/BgRotate.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgSkew.js +44 -0
- package/dist/cjs/library/backgroundScroll/BgSkew.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/BgZoom.js +125 -0
- package/dist/cjs/library/backgroundScroll/BgZoom.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/ImageParallax.js +58 -0
- package/dist/cjs/library/backgroundScroll/ImageParallax.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/index.js +32 -0
- package/dist/cjs/library/backgroundScroll/index.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/test/testUtils.js +9 -0
- package/dist/cjs/library/backgroundScroll/test/testUtils.js.map +1 -0
- package/dist/cjs/library/backgroundScroll/utils.js +37 -0
- package/dist/cjs/library/backgroundScroll/utils.js.map +1 -0
- package/dist/cjs/library/entrance/ArcIn.js +110 -0
- package/dist/cjs/library/entrance/ArcIn.js.map +1 -0
- package/dist/cjs/library/entrance/BlurIn.js +56 -0
- package/dist/cjs/library/entrance/BlurIn.js.map +1 -0
- package/dist/cjs/library/entrance/BounceIn.js +143 -0
- package/dist/cjs/library/entrance/BounceIn.js.map +1 -0
- package/dist/cjs/library/entrance/CircleIn.js +75 -0
- package/dist/cjs/library/entrance/CircleIn.js.map +1 -0
- package/dist/cjs/library/entrance/CurveIn.js +80 -0
- package/dist/cjs/library/entrance/CurveIn.js.map +1 -0
- package/dist/cjs/library/entrance/DropIn.js +64 -0
- package/dist/cjs/library/entrance/DropIn.js.map +1 -0
- package/dist/cjs/library/entrance/ExpandIn.js +121 -0
- package/dist/cjs/library/entrance/ExpandIn.js.map +1 -0
- package/dist/cjs/library/entrance/FadeIn.js +27 -0
- package/dist/cjs/library/entrance/FadeIn.js.map +1 -0
- package/dist/cjs/library/entrance/FlipIn.js +107 -0
- package/dist/cjs/library/entrance/FlipIn.js.map +1 -0
- package/dist/cjs/library/entrance/FloatIn.js +67 -0
- package/dist/cjs/library/entrance/FloatIn.js.map +1 -0
- package/dist/cjs/library/entrance/FoldIn.js +134 -0
- package/dist/cjs/library/entrance/FoldIn.js.map +1 -0
- package/dist/cjs/library/entrance/GlideIn.js +89 -0
- package/dist/cjs/library/entrance/GlideIn.js.map +1 -0
- package/dist/cjs/library/entrance/GlitchIn.js +29 -0
- package/dist/cjs/library/entrance/GlitchIn.js.map +1 -0
- package/dist/cjs/library/entrance/GrowIn.js +66 -0
- package/dist/cjs/library/entrance/GrowIn.js.map +1 -0
- package/dist/cjs/library/entrance/PunchIn.js +178 -0
- package/dist/cjs/library/entrance/PunchIn.js.map +1 -0
- package/dist/cjs/library/entrance/RevealIn.js +72 -0
- package/dist/cjs/library/entrance/RevealIn.js.map +1 -0
- package/dist/cjs/library/entrance/ShapeIn.js +75 -0
- package/dist/cjs/library/entrance/ShapeIn.js.map +1 -0
- package/dist/cjs/library/entrance/ShuttersIn.js +48 -0
- package/dist/cjs/library/entrance/ShuttersIn.js.map +1 -0
- package/dist/cjs/library/entrance/SlideIn.js +140 -0
- package/dist/cjs/library/entrance/SlideIn.js.map +1 -0
- package/dist/cjs/library/entrance/SpinIn.js +65 -0
- package/dist/cjs/library/entrance/SpinIn.js.map +1 -0
- package/dist/cjs/library/entrance/TiltIn.js +102 -0
- package/dist/cjs/library/entrance/TiltIn.js.map +1 -0
- package/dist/cjs/library/entrance/TurnIn.js +85 -0
- package/dist/cjs/library/entrance/TurnIn.js.map +1 -0
- package/dist/cjs/library/entrance/WinkIn.js +115 -0
- package/dist/cjs/library/entrance/WinkIn.js.map +1 -0
- package/dist/cjs/library/entrance/index.js +55 -0
- package/dist/cjs/library/entrance/index.js.map +1 -0
- package/dist/cjs/library/entrance/test/testUtils.js +9 -0
- package/dist/cjs/library/entrance/test/testUtils.js.map +1 -0
- package/dist/cjs/library/mouse/AiryMouse.js +76 -0
- package/dist/cjs/library/mouse/AiryMouse.js.map +1 -0
- package/dist/cjs/library/mouse/BlobMouse.js +70 -0
- package/dist/cjs/library/mouse/BlobMouse.js.map +1 -0
- package/dist/cjs/library/mouse/BlurMouse.js +94 -0
- package/dist/cjs/library/mouse/BlurMouse.js.map +1 -0
- package/dist/cjs/library/mouse/BounceMouse.js +26 -0
- package/dist/cjs/library/mouse/BounceMouse.js.map +1 -0
- package/dist/cjs/library/mouse/CustomMouse.js +62 -0
- package/dist/cjs/library/mouse/CustomMouse.js.map +1 -0
- package/dist/cjs/library/mouse/ScaleMouse.js +98 -0
- package/dist/cjs/library/mouse/ScaleMouse.js.map +1 -0
- package/dist/cjs/library/mouse/SkewMouse.js +92 -0
- package/dist/cjs/library/mouse/SkewMouse.js.map +1 -0
- package/dist/cjs/library/mouse/SpinMouse.js +41 -0
- package/dist/cjs/library/mouse/SpinMouse.js.map +1 -0
- package/dist/cjs/library/mouse/SwivelMouse.js +85 -0
- package/dist/cjs/library/mouse/SwivelMouse.js.map +1 -0
- package/dist/cjs/library/mouse/Tilt3DMouse.js +65 -0
- package/dist/cjs/library/mouse/Tilt3DMouse.js.map +1 -0
- package/dist/cjs/library/mouse/Track3DMouse.js +87 -0
- package/dist/cjs/library/mouse/Track3DMouse.js.map +1 -0
- package/dist/cjs/library/mouse/TrackMouse.js +65 -0
- package/dist/cjs/library/mouse/TrackMouse.js.map +1 -0
- package/dist/cjs/library/mouse/index.js +32 -0
- package/dist/cjs/library/mouse/index.js.map +1 -0
- package/dist/cjs/library/ongoing/Blink.js +120 -0
- package/dist/cjs/library/ongoing/Blink.js.map +1 -0
- package/dist/cjs/library/ongoing/Bounce.js +92 -0
- package/dist/cjs/library/ongoing/Bounce.js.map +1 -0
- package/dist/cjs/library/ongoing/Breathe.js +124 -0
- package/dist/cjs/library/ongoing/Breathe.js.map +1 -0
- package/dist/cjs/library/ongoing/Cross.js +262 -0
- package/dist/cjs/library/ongoing/Cross.js.map +1 -0
- package/dist/cjs/library/ongoing/DVD.js +84 -0
- package/dist/cjs/library/ongoing/DVD.js.map +1 -0
- package/dist/cjs/library/ongoing/Flash.js +45 -0
- package/dist/cjs/library/ongoing/Flash.js.map +1 -0
- package/dist/cjs/library/ongoing/Flip.js +67 -0
- package/dist/cjs/library/ongoing/Flip.js.map +1 -0
- package/dist/cjs/library/ongoing/Fold.js +167 -0
- package/dist/cjs/library/ongoing/Fold.js.map +1 -0
- package/dist/cjs/library/ongoing/Jello.js +72 -0
- package/dist/cjs/library/ongoing/Jello.js.map +1 -0
- package/dist/cjs/library/ongoing/Poke.js +102 -0
- package/dist/cjs/library/ongoing/Poke.js.map +1 -0
- package/dist/cjs/library/ongoing/Pulse.js +75 -0
- package/dist/cjs/library/ongoing/Pulse.js.map +1 -0
- package/dist/cjs/library/ongoing/Rubber.js +92 -0
- package/dist/cjs/library/ongoing/Rubber.js.map +1 -0
- package/dist/cjs/library/ongoing/Spin.js +55 -0
- package/dist/cjs/library/ongoing/Spin.js.map +1 -0
- package/dist/cjs/library/ongoing/Swing.js +130 -0
- package/dist/cjs/library/ongoing/Swing.js.map +1 -0
- package/dist/cjs/library/ongoing/Wiggle.js +88 -0
- package/dist/cjs/library/ongoing/Wiggle.js.map +1 -0
- package/dist/cjs/library/ongoing/index.js +41 -0
- package/dist/cjs/library/ongoing/index.js.map +1 -0
- package/dist/cjs/library/ongoing/test/testUtils.js +9 -0
- package/dist/cjs/library/ongoing/test/testUtils.js.map +1 -0
- package/dist/cjs/library/scroll/ArcScroll.js +58 -0
- package/dist/cjs/library/scroll/ArcScroll.js.map +1 -0
- package/dist/cjs/library/scroll/BlurScroll.js +43 -0
- package/dist/cjs/library/scroll/BlurScroll.js.map +1 -0
- package/dist/cjs/library/scroll/FadeScroll.js +36 -0
- package/dist/cjs/library/scroll/FadeScroll.js.map +1 -0
- package/dist/cjs/library/scroll/FlipScroll.js +50 -0
- package/dist/cjs/library/scroll/FlipScroll.js.map +1 -0
- package/dist/cjs/library/scroll/GrowScroll.js +160 -0
- package/dist/cjs/library/scroll/GrowScroll.js.map +1 -0
- package/dist/cjs/library/scroll/MoveScroll.js +123 -0
- package/dist/cjs/library/scroll/MoveScroll.js.map +1 -0
- package/dist/cjs/library/scroll/PanScroll.js +77 -0
- package/dist/cjs/library/scroll/PanScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ParallaxScroll.js +56 -0
- package/dist/cjs/library/scroll/ParallaxScroll.js.map +1 -0
- package/dist/cjs/library/scroll/RevealScroll.js +92 -0
- package/dist/cjs/library/scroll/RevealScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ShapeScroll.js +114 -0
- package/dist/cjs/library/scroll/ShapeScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ShrinkScroll.js +157 -0
- package/dist/cjs/library/scroll/ShrinkScroll.js.map +1 -0
- package/dist/cjs/library/scroll/ShuttersScroll.js +67 -0
- package/dist/cjs/library/scroll/ShuttersScroll.js.map +1 -0
- package/dist/cjs/library/scroll/SkewPanScroll.js +113 -0
- package/dist/cjs/library/scroll/SkewPanScroll.js.map +1 -0
- package/dist/cjs/library/scroll/SlideScroll.js +115 -0
- package/dist/cjs/library/scroll/SlideScroll.js.map +1 -0
- package/dist/cjs/library/scroll/Spin3dScroll.js +119 -0
- package/dist/cjs/library/scroll/Spin3dScroll.js.map +1 -0
- package/dist/cjs/library/scroll/SpinScroll.js +51 -0
- package/dist/cjs/library/scroll/SpinScroll.js.map +1 -0
- package/dist/cjs/library/scroll/StretchScroll.js +105 -0
- package/dist/cjs/library/scroll/StretchScroll.js.map +1 -0
- package/dist/cjs/library/scroll/TiltScroll.js +129 -0
- package/dist/cjs/library/scroll/TiltScroll.js.map +1 -0
- package/dist/cjs/library/scroll/TurnScroll.js +125 -0
- package/dist/cjs/library/scroll/TurnScroll.js.map +1 -0
- package/dist/cjs/library/scroll/index.js +46 -0
- package/dist/cjs/library/scroll/index.js.map +1 -0
- package/dist/cjs/library/scroll/test/testUtils.js +9 -0
- package/dist/cjs/library/scroll/test/testUtils.js.map +1 -0
- package/dist/cjs/motion.js +130 -0
- package/dist/cjs/motion.js.map +1 -0
- package/dist/cjs/playground/animationMotionBgScroll.stories.js +371 -0
- package/dist/cjs/playground/animationMotionBgScroll.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotion.stories.js +200 -0
- package/dist/cjs/playground/animationsMotion.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotionMouse.stories.js +267 -0
- package/dist/cjs/playground/animationsMotionMouse.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotionOngoing.stories.js +196 -0
- package/dist/cjs/playground/animationsMotionOngoing.stories.js.map +1 -0
- package/dist/cjs/playground/animationsMotionScroll.stories.js +271 -0
- package/dist/cjs/playground/animationsMotionScroll.stories.js.map +1 -0
- package/dist/cjs/playground/controls.js +334 -0
- package/dist/cjs/playground/controls.js.map +1 -0
- package/dist/cjs/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/cjs/playground/mouse-parallax-components/vector.svg +19 -0
- package/dist/cjs/playground/mouseComponent.js +114 -0
- package/dist/cjs/playground/mouseComponent.js.map +1 -0
- package/dist/cjs/playground/playground-common.js +84 -0
- package/dist/cjs/playground/playground-common.js.map +1 -0
- package/dist/cjs/playground/playground.module.scss +381 -0
- package/dist/cjs/test-types.d.js +2 -0
- package/dist/cjs/test-types.d.js.map +1 -0
- package/dist/cjs/types.js +2 -0
- package/dist/cjs/types.js.map +1 -0
- package/dist/cjs/utils.js +327 -0
- package/dist/cjs/utils.js.map +1 -0
- package/dist/esm/AnimationGroup.js +86 -0
- package/dist/esm/AnimationGroup.js.map +1 -0
- package/dist/esm/api/common.js +112 -0
- package/dist/esm/api/common.js.map +1 -0
- package/dist/esm/api/cssAnimations.js +53 -0
- package/dist/esm/api/cssAnimations.js.map +1 -0
- package/dist/esm/api/prepare.js +16 -0
- package/dist/esm/api/prepare.js.map +1 -0
- package/dist/esm/api/webAnimations.js +137 -0
- package/dist/esm/api/webAnimations.js.map +1 -0
- package/dist/esm/easings.js +248 -0
- package/dist/esm/easings.js.map +1 -0
- package/dist/esm/external-types.d.js +2 -0
- package/dist/esm/external-types.d.js.map +1 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgCloseUp.js +70 -0
- package/dist/esm/library/backgroundScroll/BgCloseUp.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgFade.js +47 -0
- package/dist/esm/library/backgroundScroll/BgFade.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgFadeBack.js +69 -0
- package/dist/esm/library/backgroundScroll/BgFadeBack.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgFake3D.js +99 -0
- package/dist/esm/library/backgroundScroll/BgFake3D.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgPan.js +46 -0
- package/dist/esm/library/backgroundScroll/BgPan.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgParallax.js +39 -0
- package/dist/esm/library/backgroundScroll/BgParallax.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgPullBack.js +41 -0
- package/dist/esm/library/backgroundScroll/BgPullBack.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgReveal.js +10 -0
- package/dist/esm/library/backgroundScroll/BgReveal.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgRotate.js +33 -0
- package/dist/esm/library/backgroundScroll/BgRotate.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgSkew.js +40 -0
- package/dist/esm/library/backgroundScroll/BgSkew.js.map +1 -0
- package/dist/esm/library/backgroundScroll/BgZoom.js +121 -0
- package/dist/esm/library/backgroundScroll/BgZoom.js.map +1 -0
- package/dist/esm/library/backgroundScroll/ImageParallax.js +54 -0
- package/dist/esm/library/backgroundScroll/ImageParallax.js.map +1 -0
- package/dist/esm/library/backgroundScroll/index.js +27 -0
- package/dist/esm/library/backgroundScroll/index.js.map +1 -0
- package/dist/esm/library/backgroundScroll/test/testUtils.js +5 -0
- package/dist/esm/library/backgroundScroll/test/testUtils.js.map +1 -0
- package/dist/esm/library/backgroundScroll/utils.js +31 -0
- package/dist/esm/library/backgroundScroll/utils.js.map +1 -0
- package/dist/esm/library/entrance/ArcIn.js +106 -0
- package/dist/esm/library/entrance/ArcIn.js.map +1 -0
- package/dist/esm/library/entrance/BlurIn.js +53 -0
- package/dist/esm/library/entrance/BlurIn.js.map +1 -0
- package/dist/esm/library/entrance/BounceIn.js +143 -0
- package/dist/esm/library/entrance/BounceIn.js.map +1 -0
- package/dist/esm/library/entrance/CircleIn.js +71 -0
- package/dist/esm/library/entrance/CircleIn.js.map +1 -0
- package/dist/esm/library/entrance/CurveIn.js +76 -0
- package/dist/esm/library/entrance/CurveIn.js.map +1 -0
- package/dist/esm/library/entrance/DropIn.js +61 -0
- package/dist/esm/library/entrance/DropIn.js.map +1 -0
- package/dist/esm/library/entrance/ExpandIn.js +117 -0
- package/dist/esm/library/entrance/ExpandIn.js.map +1 -0
- package/dist/esm/library/entrance/FadeIn.js +21 -0
- package/dist/esm/library/entrance/FadeIn.js.map +1 -0
- package/dist/esm/library/entrance/FlipIn.js +100 -0
- package/dist/esm/library/entrance/FlipIn.js.map +1 -0
- package/dist/esm/library/entrance/FloatIn.js +64 -0
- package/dist/esm/library/entrance/FloatIn.js.map +1 -0
- package/dist/esm/library/entrance/FoldIn.js +127 -0
- package/dist/esm/library/entrance/FoldIn.js.map +1 -0
- package/dist/esm/library/entrance/GlideIn.js +85 -0
- package/dist/esm/library/entrance/GlideIn.js.map +1 -0
- package/dist/esm/library/entrance/GlitchIn.js +22 -0
- package/dist/esm/library/entrance/GlitchIn.js.map +1 -0
- package/dist/esm/library/entrance/GrowIn.js +63 -0
- package/dist/esm/library/entrance/GrowIn.js.map +1 -0
- package/dist/esm/library/entrance/PunchIn.js +175 -0
- package/dist/esm/library/entrance/PunchIn.js.map +1 -0
- package/dist/esm/library/entrance/RevealIn.js +65 -0
- package/dist/esm/library/entrance/RevealIn.js.map +1 -0
- package/dist/esm/library/entrance/ShapeIn.js +72 -0
- package/dist/esm/library/entrance/ShapeIn.js.map +1 -0
- package/dist/esm/library/entrance/ShuttersIn.js +45 -0
- package/dist/esm/library/entrance/ShuttersIn.js.map +1 -0
- package/dist/esm/library/entrance/SlideIn.js +133 -0
- package/dist/esm/library/entrance/SlideIn.js.map +1 -0
- package/dist/esm/library/entrance/SpinIn.js +62 -0
- package/dist/esm/library/entrance/SpinIn.js.map +1 -0
- package/dist/esm/library/entrance/TiltIn.js +98 -0
- package/dist/esm/library/entrance/TiltIn.js.map +1 -0
- package/dist/esm/library/entrance/TurnIn.js +82 -0
- package/dist/esm/library/entrance/TurnIn.js.map +1 -0
- package/dist/esm/library/entrance/WinkIn.js +108 -0
- package/dist/esm/library/entrance/WinkIn.js.map +1 -0
- package/dist/esm/library/entrance/index.js +49 -0
- package/dist/esm/library/entrance/index.js.map +1 -0
- package/dist/esm/library/entrance/test/testUtils.js +5 -0
- package/dist/esm/library/entrance/test/testUtils.js.map +1 -0
- package/dist/esm/library/mouse/AiryMouse.js +73 -0
- package/dist/esm/library/mouse/AiryMouse.js.map +1 -0
- package/dist/esm/library/mouse/BlobMouse.js +67 -0
- package/dist/esm/library/mouse/BlobMouse.js.map +1 -0
- package/dist/esm/library/mouse/BlurMouse.js +91 -0
- package/dist/esm/library/mouse/BlurMouse.js.map +1 -0
- package/dist/esm/library/mouse/BounceMouse.js +21 -0
- package/dist/esm/library/mouse/BounceMouse.js.map +1 -0
- package/dist/esm/library/mouse/CustomMouse.js +56 -0
- package/dist/esm/library/mouse/CustomMouse.js.map +1 -0
- package/dist/esm/library/mouse/ScaleMouse.js +95 -0
- package/dist/esm/library/mouse/ScaleMouse.js.map +1 -0
- package/dist/esm/library/mouse/SkewMouse.js +89 -0
- package/dist/esm/library/mouse/SkewMouse.js.map +1 -0
- package/dist/esm/library/mouse/SpinMouse.js +38 -0
- package/dist/esm/library/mouse/SpinMouse.js.map +1 -0
- package/dist/esm/library/mouse/SwivelMouse.js +82 -0
- package/dist/esm/library/mouse/SwivelMouse.js.map +1 -0
- package/dist/esm/library/mouse/Tilt3DMouse.js +62 -0
- package/dist/esm/library/mouse/Tilt3DMouse.js.map +1 -0
- package/dist/esm/library/mouse/Track3DMouse.js +84 -0
- package/dist/esm/library/mouse/Track3DMouse.js.map +1 -0
- package/dist/esm/library/mouse/TrackMouse.js +62 -0
- package/dist/esm/library/mouse/TrackMouse.js.map +1 -0
- package/dist/esm/library/mouse/index.js +27 -0
- package/dist/esm/library/mouse/index.js.map +1 -0
- package/dist/esm/library/ongoing/Blink.js +115 -0
- package/dist/esm/library/ongoing/Blink.js.map +1 -0
- package/dist/esm/library/ongoing/Bounce.js +92 -0
- package/dist/esm/library/ongoing/Bounce.js.map +1 -0
- package/dist/esm/library/ongoing/Breathe.js +122 -0
- package/dist/esm/library/ongoing/Breathe.js.map +1 -0
- package/dist/esm/library/ongoing/Cross.js +273 -0
- package/dist/esm/library/ongoing/Cross.js.map +1 -0
- package/dist/esm/library/ongoing/DVD.js +79 -0
- package/dist/esm/library/ongoing/DVD.js.map +1 -0
- package/dist/esm/library/ongoing/Flash.js +42 -0
- package/dist/esm/library/ongoing/Flash.js.map +1 -0
- package/dist/esm/library/ongoing/Flip.js +64 -0
- package/dist/esm/library/ongoing/Flip.js.map +1 -0
- package/dist/esm/library/ongoing/Fold.js +165 -0
- package/dist/esm/library/ongoing/Fold.js.map +1 -0
- package/dist/esm/library/ongoing/Jello.js +70 -0
- package/dist/esm/library/ongoing/Jello.js.map +1 -0
- package/dist/esm/library/ongoing/Poke.js +100 -0
- package/dist/esm/library/ongoing/Poke.js.map +1 -0
- package/dist/esm/library/ongoing/Pulse.js +73 -0
- package/dist/esm/library/ongoing/Pulse.js.map +1 -0
- package/dist/esm/library/ongoing/Rubber.js +90 -0
- package/dist/esm/library/ongoing/Rubber.js.map +1 -0
- package/dist/esm/library/ongoing/Spin.js +52 -0
- package/dist/esm/library/ongoing/Spin.js.map +1 -0
- package/dist/esm/library/ongoing/Swing.js +128 -0
- package/dist/esm/library/ongoing/Swing.js.map +1 -0
- package/dist/esm/library/ongoing/Wiggle.js +86 -0
- package/dist/esm/library/ongoing/Wiggle.js.map +1 -0
- package/dist/esm/library/ongoing/index.js +33 -0
- package/dist/esm/library/ongoing/index.js.map +1 -0
- package/dist/esm/library/ongoing/test/testUtils.js +5 -0
- package/dist/esm/library/ongoing/test/testUtils.js.map +1 -0
- package/dist/esm/library/scroll/ArcScroll.js +54 -0
- package/dist/esm/library/scroll/ArcScroll.js.map +1 -0
- package/dist/esm/library/scroll/BlurScroll.js +39 -0
- package/dist/esm/library/scroll/BlurScroll.js.map +1 -0
- package/dist/esm/library/scroll/FadeScroll.js +32 -0
- package/dist/esm/library/scroll/FadeScroll.js.map +1 -0
- package/dist/esm/library/scroll/FlipScroll.js +46 -0
- package/dist/esm/library/scroll/FlipScroll.js.map +1 -0
- package/dist/esm/library/scroll/GrowScroll.js +157 -0
- package/dist/esm/library/scroll/GrowScroll.js.map +1 -0
- package/dist/esm/library/scroll/MoveScroll.js +120 -0
- package/dist/esm/library/scroll/MoveScroll.js.map +1 -0
- package/dist/esm/library/scroll/PanScroll.js +73 -0
- package/dist/esm/library/scroll/PanScroll.js.map +1 -0
- package/dist/esm/library/scroll/ParallaxScroll.js +53 -0
- package/dist/esm/library/scroll/ParallaxScroll.js.map +1 -0
- package/dist/esm/library/scroll/RevealScroll.js +88 -0
- package/dist/esm/library/scroll/RevealScroll.js.map +1 -0
- package/dist/esm/library/scroll/ShapeScroll.js +110 -0
- package/dist/esm/library/scroll/ShapeScroll.js.map +1 -0
- package/dist/esm/library/scroll/ShrinkScroll.js +154 -0
- package/dist/esm/library/scroll/ShrinkScroll.js.map +1 -0
- package/dist/esm/library/scroll/ShuttersScroll.js +63 -0
- package/dist/esm/library/scroll/ShuttersScroll.js.map +1 -0
- package/dist/esm/library/scroll/SkewPanScroll.js +109 -0
- package/dist/esm/library/scroll/SkewPanScroll.js.map +1 -0
- package/dist/esm/library/scroll/SlideScroll.js +111 -0
- package/dist/esm/library/scroll/SlideScroll.js.map +1 -0
- package/dist/esm/library/scroll/Spin3dScroll.js +116 -0
- package/dist/esm/library/scroll/Spin3dScroll.js.map +1 -0
- package/dist/esm/library/scroll/SpinScroll.js +47 -0
- package/dist/esm/library/scroll/SpinScroll.js.map +1 -0
- package/dist/esm/library/scroll/StretchScroll.js +101 -0
- package/dist/esm/library/scroll/StretchScroll.js.map +1 -0
- package/dist/esm/library/scroll/TiltScroll.js +126 -0
- package/dist/esm/library/scroll/TiltScroll.js.map +1 -0
- package/dist/esm/library/scroll/TurnScroll.js +121 -0
- package/dist/esm/library/scroll/TurnScroll.js.map +1 -0
- package/dist/esm/library/scroll/index.js +41 -0
- package/dist/esm/library/scroll/index.js.map +1 -0
- package/dist/esm/library/scroll/test/testUtils.js +5 -0
- package/dist/esm/library/scroll/test/testUtils.js.map +1 -0
- package/dist/esm/motion.js +124 -0
- package/dist/esm/motion.js.map +1 -0
- package/dist/esm/playground/animationMotionBgScroll.stories.js +286 -0
- package/dist/esm/playground/animationMotionBgScroll.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotion.stories.js +133 -0
- package/dist/esm/playground/animationsMotion.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotionMouse.stories.js +188 -0
- package/dist/esm/playground/animationsMotionMouse.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotionOngoing.stories.js +129 -0
- package/dist/esm/playground/animationsMotionOngoing.stories.js.map +1 -0
- package/dist/esm/playground/animationsMotionScroll.stories.js +199 -0
- package/dist/esm/playground/animationsMotionScroll.stories.js.map +1 -0
- package/dist/esm/playground/controls.js +168 -0
- package/dist/esm/playground/controls.js.map +1 -0
- package/dist/esm/playground/mouse-parallax-components/plastic.jpeg +0 -0
- package/dist/esm/playground/mouse-parallax-components/vector.svg +19 -0
- package/dist/esm/playground/mouseComponent.js +61 -0
- package/dist/esm/playground/mouseComponent.js.map +1 -0
- package/dist/esm/playground/playground-common.js +91 -0
- package/dist/esm/playground/playground-common.js.map +1 -0
- package/dist/esm/playground/playground.module.scss +381 -0
- package/dist/esm/test-types.d.js +2 -0
- package/dist/esm/test-types.d.js.map +1 -0
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/esm/utils.js +355 -0
- package/dist/esm/utils.js.map +1 -0
- package/dist/types/AnimationGroup.d.ts +26 -0
- package/dist/types/AnimationGroup.d.ts.map +1 -0
- package/dist/types/api/common.d.ts +164 -0
- package/dist/types/api/common.d.ts.map +1 -0
- package/dist/types/api/cssAnimations.d.ts +21 -0
- package/dist/types/api/cssAnimations.d.ts.map +1 -0
- package/dist/types/api/prepare.d.ts +4 -0
- package/dist/types/api/prepare.d.ts.map +1 -0
- package/dist/types/api/webAnimations.d.ts +7 -0
- package/dist/types/api/webAnimations.d.ts.map +1 -0
- package/dist/types/easings.d.ts +217 -0
- package/dist/types/easings.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts +52 -0
- package/dist/types/library/backgroundScroll/BgCloseUp.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgFade.d.ts +28 -0
- package/dist/types/library/backgroundScroll/BgFade.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts +53 -0
- package/dist/types/library/backgroundScroll/BgFadeBack.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts +52 -0
- package/dist/types/library/backgroundScroll/BgFake3D.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgPan.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgPan.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgParallax.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgParallax.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgPullBack.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgReveal.d.ts +3 -0
- package/dist/types/library/backgroundScroll/BgReveal.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgRotate.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgRotate.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgSkew.d.ts +27 -0
- package/dist/types/library/backgroundScroll/BgSkew.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/BgZoom.d.ts +75 -0
- package/dist/types/library/backgroundScroll/BgZoom.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts +27 -0
- package/dist/types/library/backgroundScroll/ImageParallax.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/index.d.ts +3 -0
- package/dist/types/library/backgroundScroll/index.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts +3 -0
- package/dist/types/library/backgroundScroll/test/testUtils.d.ts.map +1 -0
- package/dist/types/library/backgroundScroll/utils.d.ts +9 -0
- package/dist/types/library/backgroundScroll/utils.d.ts.map +1 -0
- package/dist/types/library/entrance/ArcIn.d.ts +106 -0
- package/dist/types/library/entrance/ArcIn.d.ts.map +1 -0
- package/dist/types/library/entrance/BlurIn.d.ts +95 -0
- package/dist/types/library/entrance/BlurIn.d.ts.map +1 -0
- package/dist/types/library/entrance/BounceIn.d.ts +115 -0
- package/dist/types/library/entrance/BounceIn.d.ts.map +1 -0
- package/dist/types/library/entrance/CircleIn.d.ts +126 -0
- package/dist/types/library/entrance/CircleIn.d.ts.map +1 -0
- package/dist/types/library/entrance/CurveIn.d.ts +76 -0
- package/dist/types/library/entrance/CurveIn.d.ts.map +1 -0
- package/dist/types/library/entrance/DropIn.d.ts +101 -0
- package/dist/types/library/entrance/DropIn.d.ts.map +1 -0
- package/dist/types/library/entrance/ExpandIn.d.ts +106 -0
- package/dist/types/library/entrance/ExpandIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FadeIn.d.ts +49 -0
- package/dist/types/library/entrance/FadeIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FlipIn.d.ts +104 -0
- package/dist/types/library/entrance/FlipIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FloatIn.d.ts +75 -0
- package/dist/types/library/entrance/FloatIn.d.ts.map +1 -0
- package/dist/types/library/entrance/FoldIn.d.ts +108 -0
- package/dist/types/library/entrance/FoldIn.d.ts.map +1 -0
- package/dist/types/library/entrance/GlideIn.d.ts +76 -0
- package/dist/types/library/entrance/GlideIn.d.ts.map +1 -0
- package/dist/types/library/entrance/GlitchIn.d.ts +75 -0
- package/dist/types/library/entrance/GlitchIn.d.ts.map +1 -0
- package/dist/types/library/entrance/GrowIn.d.ts +105 -0
- package/dist/types/library/entrance/GrowIn.d.ts.map +1 -0
- package/dist/types/library/entrance/PunchIn.d.ts +110 -0
- package/dist/types/library/entrance/PunchIn.d.ts.map +1 -0
- package/dist/types/library/entrance/RevealIn.d.ts +74 -0
- package/dist/types/library/entrance/RevealIn.d.ts.map +1 -0
- package/dist/types/library/entrance/ShapeIn.d.ts +103 -0
- package/dist/types/library/entrance/ShapeIn.d.ts.map +1 -0
- package/dist/types/library/entrance/ShuttersIn.d.ts +75 -0
- package/dist/types/library/entrance/ShuttersIn.d.ts.map +1 -0
- package/dist/types/library/entrance/SlideIn.d.ts +68 -0
- package/dist/types/library/entrance/SlideIn.d.ts.map +1 -0
- package/dist/types/library/entrance/SpinIn.d.ts +107 -0
- package/dist/types/library/entrance/SpinIn.d.ts.map +1 -0
- package/dist/types/library/entrance/TiltIn.d.ts +168 -0
- package/dist/types/library/entrance/TiltIn.d.ts.map +1 -0
- package/dist/types/library/entrance/TurnIn.d.ts +105 -0
- package/dist/types/library/entrance/TurnIn.d.ts.map +1 -0
- package/dist/types/library/entrance/WinkIn.d.ts +160 -0
- package/dist/types/library/entrance/WinkIn.d.ts.map +1 -0
- package/dist/types/library/entrance/index.d.ts +3 -0
- package/dist/types/library/entrance/index.d.ts.map +1 -0
- package/dist/types/library/entrance/test/testUtils.d.ts +3 -0
- package/dist/types/library/entrance/test/testUtils.d.ts.map +1 -0
- package/dist/types/library/mouse/AiryMouse.d.ts +9 -0
- package/dist/types/library/mouse/AiryMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/BlobMouse.d.ts +9 -0
- package/dist/types/library/mouse/BlobMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/BlurMouse.d.ts +9 -0
- package/dist/types/library/mouse/BlurMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/BounceMouse.d.ts +11 -0
- package/dist/types/library/mouse/BounceMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/CustomMouse.d.ts +13 -0
- package/dist/types/library/mouse/CustomMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/ScaleMouse.d.ts +9 -0
- package/dist/types/library/mouse/ScaleMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/SkewMouse.d.ts +9 -0
- package/dist/types/library/mouse/SkewMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/SpinMouse.d.ts +9 -0
- package/dist/types/library/mouse/SpinMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/SwivelMouse.d.ts +9 -0
- package/dist/types/library/mouse/SwivelMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/Tilt3DMouse.d.ts +9 -0
- package/dist/types/library/mouse/Tilt3DMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/Track3DMouse.d.ts +9 -0
- package/dist/types/library/mouse/Track3DMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/TrackMouse.d.ts +9 -0
- package/dist/types/library/mouse/TrackMouse.d.ts.map +1 -0
- package/dist/types/library/mouse/index.d.ts +3 -0
- package/dist/types/library/mouse/index.d.ts.map +1 -0
- package/dist/types/library/ongoing/Blink.d.ts +26 -0
- package/dist/types/library/ongoing/Blink.d.ts.map +1 -0
- package/dist/types/library/ongoing/Bounce.d.ts +61 -0
- package/dist/types/library/ongoing/Bounce.d.ts.map +1 -0
- package/dist/types/library/ongoing/Breathe.d.ts +65 -0
- package/dist/types/library/ongoing/Breathe.d.ts.map +1 -0
- package/dist/types/library/ongoing/Cross.d.ts +34 -0
- package/dist/types/library/ongoing/Cross.d.ts.map +1 -0
- package/dist/types/library/ongoing/DVD.d.ts +47 -0
- package/dist/types/library/ongoing/DVD.d.ts.map +1 -0
- package/dist/types/library/ongoing/Flash.d.ts +63 -0
- package/dist/types/library/ongoing/Flash.d.ts.map +1 -0
- package/dist/types/library/ongoing/Flip.d.ts +71 -0
- package/dist/types/library/ongoing/Flip.d.ts.map +1 -0
- package/dist/types/library/ongoing/Fold.d.ts +65 -0
- package/dist/types/library/ongoing/Fold.d.ts.map +1 -0
- package/dist/types/library/ongoing/Jello.d.ts +55 -0
- package/dist/types/library/ongoing/Jello.d.ts.map +1 -0
- package/dist/types/library/ongoing/Poke.d.ts +55 -0
- package/dist/types/library/ongoing/Poke.d.ts.map +1 -0
- package/dist/types/library/ongoing/Pulse.d.ts +55 -0
- package/dist/types/library/ongoing/Pulse.d.ts.map +1 -0
- package/dist/types/library/ongoing/Rubber.d.ts +55 -0
- package/dist/types/library/ongoing/Rubber.d.ts.map +1 -0
- package/dist/types/library/ongoing/Spin.d.ts +69 -0
- package/dist/types/library/ongoing/Spin.d.ts.map +1 -0
- package/dist/types/library/ongoing/Swing.d.ts +65 -0
- package/dist/types/library/ongoing/Swing.d.ts.map +1 -0
- package/dist/types/library/ongoing/Wiggle.d.ts +55 -0
- package/dist/types/library/ongoing/Wiggle.d.ts.map +1 -0
- package/dist/types/library/ongoing/index.d.ts +3 -0
- package/dist/types/library/ongoing/index.d.ts.map +1 -0
- package/dist/types/library/ongoing/test/testUtils.d.ts +3 -0
- package/dist/types/library/ongoing/test/testUtils.d.ts.map +1 -0
- package/dist/types/library/scroll/ArcScroll.d.ts +25 -0
- package/dist/types/library/scroll/ArcScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/BlurScroll.d.ts +26 -0
- package/dist/types/library/scroll/BlurScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/FadeScroll.d.ts +25 -0
- package/dist/types/library/scroll/FadeScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/FlipScroll.d.ts +25 -0
- package/dist/types/library/scroll/FlipScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/GrowScroll.d.ts +27 -0
- package/dist/types/library/scroll/GrowScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/MoveScroll.d.ts +27 -0
- package/dist/types/library/scroll/MoveScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/PanScroll.d.ts +25 -0
- package/dist/types/library/scroll/PanScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ParallaxScroll.d.ts +27 -0
- package/dist/types/library/scroll/ParallaxScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/RevealScroll.d.ts +25 -0
- package/dist/types/library/scroll/RevealScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ShapeScroll.d.ts +23 -0
- package/dist/types/library/scroll/ShapeScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ShrinkScroll.d.ts +27 -0
- package/dist/types/library/scroll/ShrinkScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/ShuttersScroll.d.ts +35 -0
- package/dist/types/library/scroll/ShuttersScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/SkewPanScroll.d.ts +25 -0
- package/dist/types/library/scroll/SkewPanScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/SlideScroll.d.ts +26 -0
- package/dist/types/library/scroll/SlideScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/Spin3dScroll.d.ts +27 -0
- package/dist/types/library/scroll/Spin3dScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/SpinScroll.d.ts +25 -0
- package/dist/types/library/scroll/SpinScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/StretchScroll.d.ts +55 -0
- package/dist/types/library/scroll/StretchScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/TiltScroll.d.ts +52 -0
- package/dist/types/library/scroll/TiltScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/TurnScroll.d.ts +30 -0
- package/dist/types/library/scroll/TurnScroll.d.ts.map +1 -0
- package/dist/types/library/scroll/index.d.ts +3 -0
- package/dist/types/library/scroll/index.d.ts.map +1 -0
- package/dist/types/library/scroll/test/testUtils.d.ts +3 -0
- package/dist/types/library/scroll/test/testUtils.d.ts.map +1 -0
- package/dist/types/motion.d.ts +14 -0
- package/dist/types/motion.d.ts.map +1 -0
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts +6 -0
- package/dist/types/playground/animationMotionBgScroll.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotion.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotion.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotionMouse.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotionMouse.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotionOngoing.stories.d.ts.map +1 -0
- package/dist/types/playground/animationsMotionScroll.stories.d.ts +6 -0
- package/dist/types/playground/animationsMotionScroll.stories.d.ts.map +1 -0
- package/dist/types/playground/controls.d.ts +53 -0
- package/dist/types/playground/controls.d.ts.map +1 -0
- package/dist/types/playground/mouseComponent.d.ts +10 -0
- package/dist/types/playground/mouseComponent.d.ts.map +1 -0
- package/dist/types/playground/playground-common.d.ts +34 -0
- package/dist/types/playground/playground-common.d.ts.map +1 -0
- package/dist/types/types.d.ts +572 -0
- package/dist/types/types.d.ts.map +1 -0
- package/dist/types/utils.d.ts +81 -0
- package/dist/types/utils.d.ts.map +1 -0
- package/package.json +69 -42
- package/build/cjs/index.d.ts +0 -9
- package/build/cjs/index.js +0 -47
- package/build/cjs/index.js.map +0 -1
- package/build/cjs/meta.d.ts +0 -6
- package/build/cjs/meta.js +0 -47
- package/build/cjs/meta.js.map +0 -1
- package/build/es/index.d.mts +0 -9
- package/build/es/index.mjs +0 -10
- package/build/es/index.mjs.map +0 -1
- package/build/es/meta.d.mts +0 -6
- package/build/es/meta.mjs +0 -10
- package/build/es/meta.mjs.map +0 -1
- package/build/es/package.json +0 -3
- package/build/internal/cjs/index.d.ts +0 -9
- package/build/internal/cjs/index.js +0 -47
- package/build/internal/cjs/index.js.map +0 -1
- package/build/internal/cjs/meta.d.ts +0 -6
- package/build/internal/cjs/meta.js +0 -47
- package/build/internal/cjs/meta.js.map +0 -1
- package/build/internal/es/index.d.mts +0 -9
- package/build/internal/es/index.mjs +0 -10
- package/build/internal/es/index.mjs.map +0 -1
- package/build/internal/es/meta.d.mts +0 -6
- package/build/internal/es/meta.mjs +0 -10
- package/build/internal/es/meta.mjs.map +0 -1
- package/meta/package.json +0 -3
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
+
import { CustomMouse } from './CustomMouse';
|
|
3
|
+
const paramsMap = {
|
|
4
|
+
soft: {
|
|
5
|
+
angle: 25,
|
|
6
|
+
perspective: 1000,
|
|
7
|
+
easing: 'easeOut'
|
|
8
|
+
},
|
|
9
|
+
medium: {
|
|
10
|
+
angle: 50,
|
|
11
|
+
perspective: 500,
|
|
12
|
+
easing: 'easeOut'
|
|
13
|
+
},
|
|
14
|
+
hard: {
|
|
15
|
+
angle: 85,
|
|
16
|
+
perspective: 333,
|
|
17
|
+
easing: 'easeOut'
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
class Track3DMouseAnimation extends CustomMouse {
|
|
21
|
+
progress(_ref) {
|
|
22
|
+
let {
|
|
23
|
+
x: progressX,
|
|
24
|
+
y: progressY
|
|
25
|
+
} = _ref;
|
|
26
|
+
const {
|
|
27
|
+
invert,
|
|
28
|
+
distance,
|
|
29
|
+
angle,
|
|
30
|
+
axis,
|
|
31
|
+
perspective
|
|
32
|
+
} = this.options;
|
|
33
|
+
let translateX = 0;
|
|
34
|
+
let translateY = 0;
|
|
35
|
+
let rotateX = 0;
|
|
36
|
+
let rotateY = 0;
|
|
37
|
+
// if progressX === 0, translateX === -distance
|
|
38
|
+
// if progressX === 0.5, translateX === 0
|
|
39
|
+
// if progressX === 1, translateX === distance
|
|
40
|
+
// if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
|
|
41
|
+
if (axis === 'both' || axis === 'horizontal') {
|
|
42
|
+
translateX = mapRange(0, 1, -distance.value, distance.value, progressX);
|
|
43
|
+
rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;
|
|
44
|
+
}
|
|
45
|
+
if (axis === 'both' || axis === 'vertical') {
|
|
46
|
+
translateY = mapRange(0, 1, -distance.value, distance.value, progressY);
|
|
47
|
+
rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;
|
|
48
|
+
}
|
|
49
|
+
const units = getCssUnits(distance.type);
|
|
50
|
+
this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
|
|
51
|
+
}
|
|
52
|
+
cancel() {
|
|
53
|
+
this.target.style.transform = '';
|
|
54
|
+
this.target.style.transition = '';
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
export default function create(options) {
|
|
58
|
+
const {
|
|
59
|
+
transitionDuration,
|
|
60
|
+
transitionEasing
|
|
61
|
+
} = options;
|
|
62
|
+
const {
|
|
63
|
+
power,
|
|
64
|
+
inverted = false,
|
|
65
|
+
distance = {
|
|
66
|
+
value: 200,
|
|
67
|
+
type: 'px'
|
|
68
|
+
},
|
|
69
|
+
angle = 5,
|
|
70
|
+
axis = 'both',
|
|
71
|
+
perspective = 800
|
|
72
|
+
} = options.namedEffect;
|
|
73
|
+
const invert = inverted ? -1 : 1;
|
|
74
|
+
const animationOptions = {
|
|
75
|
+
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? paramsMap[power].easing : transitionEasing)}` : '',
|
|
76
|
+
invert,
|
|
77
|
+
distance,
|
|
78
|
+
axis,
|
|
79
|
+
angle: power ? paramsMap[power].angle : angle,
|
|
80
|
+
perspective: power ? paramsMap[power].perspective : perspective
|
|
81
|
+
};
|
|
82
|
+
return target => new Track3DMouseAnimation(target, animationOptions);
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=Track3DMouse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Track3DMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","rotateX","rotateY","value","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/Track3DMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n Track3DMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n EffectPower,\n { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n hard: { angle: 85, perspective: 333, easing: 'easeOut' },\n};\n\nclass Track3DMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, angle, axis, perspective } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n let rotateX = 0;\n let rotateY = 0;\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n if (axis === 'both' || axis === 'horizontal') {\n translateX = mapRange(0, 1, -distance.value, distance.value, progressX);\n rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n }\n if (axis === 'both' || axis === 'vertical') {\n translateY = mapRange(0, 1, -distance.value, distance.value, progressY);\n rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n }\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n }\n\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n angle = 5,\n axis = 'both',\n perspective = 800,\n } = options.namedEffect as Track3DMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? paramsMap[power].easing : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n angle: power ? paramsMap[power].angle : angle,\n perspective: power ? paramsMap[power].perspective : perspective,\n };\n\n return (target: HTMLElement) =>\n new Track3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';
|
|
2
|
+
import { CustomMouse } from './CustomMouse';
|
|
3
|
+
const easingMap = {
|
|
4
|
+
soft: 'linear',
|
|
5
|
+
medium: 'easeOut',
|
|
6
|
+
hard: 'hardBackOut'
|
|
7
|
+
};
|
|
8
|
+
class TrackMouseAnimation extends CustomMouse {
|
|
9
|
+
progress(_ref) {
|
|
10
|
+
let {
|
|
11
|
+
x: progressX,
|
|
12
|
+
y: progressY
|
|
13
|
+
} = _ref;
|
|
14
|
+
const {
|
|
15
|
+
invert,
|
|
16
|
+
distance,
|
|
17
|
+
axis
|
|
18
|
+
} = this.options;
|
|
19
|
+
let translateX = 0;
|
|
20
|
+
let translateY = 0;
|
|
21
|
+
|
|
22
|
+
// if progressX === 0, translateX === -distance
|
|
23
|
+
// if progressX === 0.5, translateX === 0
|
|
24
|
+
// if progressX === 1, translateX === distance
|
|
25
|
+
if (axis === 'both' || axis === 'horizontal') {
|
|
26
|
+
translateX = mapRange(0, 1, -distance.value, distance.value, progressX) * invert;
|
|
27
|
+
}
|
|
28
|
+
if (axis === 'both' || axis === 'vertical') {
|
|
29
|
+
translateY = mapRange(0, 1, -distance.value, distance.value, progressY) * invert;
|
|
30
|
+
}
|
|
31
|
+
const units = getCssUnits(distance.type);
|
|
32
|
+
this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;
|
|
33
|
+
}
|
|
34
|
+
cancel() {
|
|
35
|
+
this.target.style.transform = '';
|
|
36
|
+
this.target.style.transition = '';
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
export default function create(options) {
|
|
40
|
+
const {
|
|
41
|
+
transitionDuration,
|
|
42
|
+
transitionEasing
|
|
43
|
+
} = options;
|
|
44
|
+
const {
|
|
45
|
+
power,
|
|
46
|
+
inverted = false,
|
|
47
|
+
distance = {
|
|
48
|
+
value: 200,
|
|
49
|
+
type: 'px'
|
|
50
|
+
},
|
|
51
|
+
axis = 'both'
|
|
52
|
+
} = options.namedEffect;
|
|
53
|
+
const invert = inverted ? -1 : 1;
|
|
54
|
+
const animationOptions = {
|
|
55
|
+
transition: transitionDuration ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(power ? easingMap[power] : transitionEasing)}` : '',
|
|
56
|
+
invert,
|
|
57
|
+
distance,
|
|
58
|
+
axis
|
|
59
|
+
};
|
|
60
|
+
return target => new TrackMouseAnimation(target, animationOptions);
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=TrackMouse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getCssUnits","getMouseTransitionEasing","mapRange","CustomMouse","easingMap","soft","medium","hard","TrackMouseAnimation","progress","_ref","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","value","units","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions"],"sources":["../../../../src/library/mouse/TrackMouse.ts"],"sourcesContent":["import {\n ScrubAnimationOptions,\n AnimationExtraOptions,\n TrackMouse,\n Progress,\n EffectPower,\n ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst easingMap: Record<EffectPower, ScrubTransitionEasing> = {\n soft: 'linear',\n medium: 'easeOut',\n hard: 'hardBackOut',\n};\nclass TrackMouseAnimation extends CustomMouse {\n progress({ x: progressX, y: progressY }: Progress) {\n const { invert, distance, axis } = this.options;\n\n let translateX = 0;\n let translateY = 0;\n\n // if progressX === 0, translateX === -distance\n // if progressX === 0.5, translateX === 0\n // if progressX === 1, translateX === distance\n if (axis === 'both' || axis === 'horizontal') {\n translateX =\n mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n }\n\n if (axis === 'both' || axis === 'vertical') {\n translateY =\n mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n }\n\n const units = getCssUnits(distance.type);\n\n this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;\n }\n cancel() {\n this.target.style.transform = '';\n this.target.style.transition = '';\n }\n}\n\nexport default function create(\n options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n const { transitionDuration, transitionEasing } = options;\n const {\n power,\n inverted = false,\n distance = { value: 200, type: 'px' },\n axis = 'both',\n } = options.namedEffect as TrackMouse;\n const invert = inverted ? -1 : 1;\n const animationOptions = {\n transition: transitionDuration\n ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n power ? easingMap[power] : transitionEasing,\n )}`\n : '',\n invert,\n distance,\n axis,\n };\n\n return (target: HTMLElement) =>\n new TrackMouseAnimation(target, animationOptions);\n}\n"],"mappings":"AAQA,SAASA,WAAW,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ,aAAa;AAC7E,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,SAAqD,GAAG;EAC5DC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AACD,MAAMC,mBAAmB,SAASL,WAAW,CAAC;EAC5CM,QAAQA,CAAAC,IAAA,EAA2C;IAAA,IAA1C;MAAEC,CAAC,EAAEC,SAAS;MAAEC,CAAC,EAAEC;IAAoB,CAAC,GAAAJ,IAAA;IAC/C,MAAM;MAAEK,MAAM;MAAEC,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/C,IAAIC,UAAU,GAAG,CAAC;IAClB,IAAIC,UAAU,GAAG,CAAC;;IAElB;IACA;IACA;IACA,IAAIH,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,YAAY,EAAE;MAC5CE,UAAU,GACRjB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACc,QAAQ,CAACK,KAAK,EAAEL,QAAQ,CAACK,KAAK,EAAET,SAAS,CAAC,GAAGG,MAAM;IACvE;IAEA,IAAIE,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,UAAU,EAAE;MAC1CG,UAAU,GACRlB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAACc,QAAQ,CAACK,KAAK,EAAEL,QAAQ,CAACK,KAAK,EAAEP,SAAS,CAAC,GAAGC,MAAM;IACvE;IAEA,MAAMO,KAAK,GAAGtB,WAAW,CAACgB,QAAQ,CAACO,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcP,UAAU,GAAGG,KAAK,gBAAgBF,UAAU,GAAGE,KAAK,sCAAsC;EACxI;EACAK,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEA,eAAe,SAASC,MAAMA,CAC5BX,OAAsD,EACtD;EACA,MAAM;IAAEY,kBAAkB;IAAEC;EAAiB,CAAC,GAAGb,OAAO;EACxD,MAAM;IACJc,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBjB,QAAQ,GAAG;MAAEK,KAAK,EAAE,GAAG;MAAEE,IAAI,EAAE;IAAK,CAAC;IACrCN,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACgB,WAAyB;EACrC,MAAMnB,MAAM,GAAGkB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM7B,wBAAwB,CAC3D+B,KAAK,GAAG5B,SAAS,CAAC4B,KAAK,CAAC,GAAGD,gBAC7B,CAAC,EAAE,GACH,EAAE;IACNhB,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC;EAED,OAAQO,MAAmB,IACzB,IAAIhB,mBAAmB,CAACgB,MAAM,EAAEW,gBAAgB,CAAC;AACrD","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { create as CreateCustomMouse } from './CustomMouse';
|
|
2
|
+
import AiryMouse from './AiryMouse';
|
|
3
|
+
import BlobMouse from './BlobMouse';
|
|
4
|
+
import BlurMouse from './BlurMouse';
|
|
5
|
+
import BounceMouse from './BounceMouse';
|
|
6
|
+
import ScaleMouse from './ScaleMouse';
|
|
7
|
+
import SkewMouse from './SkewMouse';
|
|
8
|
+
import SpinMouse from './SpinMouse';
|
|
9
|
+
import SwivelMouse from './SwivelMouse';
|
|
10
|
+
import Tilt3DMouse from './Tilt3DMouse';
|
|
11
|
+
import Track3DMouse from './Track3DMouse';
|
|
12
|
+
import TrackMouse from './TrackMouse';
|
|
13
|
+
export const mouseAnimations = {
|
|
14
|
+
AiryMouse,
|
|
15
|
+
BlobMouse,
|
|
16
|
+
BlurMouse,
|
|
17
|
+
BounceMouse,
|
|
18
|
+
CustomMouse: CreateCustomMouse,
|
|
19
|
+
ScaleMouse,
|
|
20
|
+
SkewMouse,
|
|
21
|
+
SpinMouse,
|
|
22
|
+
SwivelMouse,
|
|
23
|
+
Tilt3DMouse,
|
|
24
|
+
Track3DMouse,
|
|
25
|
+
TrackMouse
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["create","CreateCustomMouse","AiryMouse","BlobMouse","BlurMouse","BounceMouse","ScaleMouse","SkewMouse","SpinMouse","SwivelMouse","Tilt3DMouse","Track3DMouse","TrackMouse","mouseAnimations","CustomMouse"],"sources":["../../../../src/library/mouse/index.ts"],"sourcesContent":["import { create as CreateCustomMouse } from './CustomMouse';\nimport AiryMouse from './AiryMouse';\nimport BlobMouse from './BlobMouse';\nimport BlurMouse from './BlurMouse';\nimport BounceMouse from './BounceMouse';\nimport ScaleMouse from './ScaleMouse';\nimport SkewMouse from './SkewMouse';\nimport SpinMouse from './SpinMouse';\nimport SwivelMouse from './SwivelMouse';\nimport Tilt3DMouse from './Tilt3DMouse';\nimport Track3DMouse from './Track3DMouse';\nimport TrackMouse from './TrackMouse';\nimport type { MouseAnimations } from '../../types';\n\nexport const mouseAnimations: MouseAnimations = {\n AiryMouse,\n BlobMouse,\n BlurMouse,\n BounceMouse,\n CustomMouse: CreateCustomMouse,\n ScaleMouse,\n SkewMouse,\n SpinMouse,\n SwivelMouse,\n Tilt3DMouse,\n Track3DMouse,\n TrackMouse,\n};\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,iBAAiB,QAAQ,eAAe;AAC3D,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,UAAU,MAAM,cAAc;AAGrC,OAAO,MAAMC,eAAgC,GAAG;EAC9CX,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXS,WAAW,EAAEb,iBAAiB;EAC9BK,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
/* eslint-disable prettier/prettier */
|
|
2
|
+
|
|
3
|
+
import { getCssUnits, getEasing, mapRange } from '../../utils';
|
|
4
|
+
const POWER_TO_BLINK_FACTOR_MAP = {
|
|
5
|
+
soft: {
|
|
6
|
+
maxScaleBy: 0,
|
|
7
|
+
maxTranslateBy: 50
|
|
8
|
+
},
|
|
9
|
+
medium: {
|
|
10
|
+
maxScaleBy: 0.5,
|
|
11
|
+
maxTranslateBy: 100
|
|
12
|
+
},
|
|
13
|
+
hard: {
|
|
14
|
+
maxScaleBy: 0.7,
|
|
15
|
+
maxTranslateBy: 200
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
const BASE_POSITION = {
|
|
19
|
+
translate: `0 0`,
|
|
20
|
+
scale: 1
|
|
21
|
+
};
|
|
22
|
+
const TOTAL_BLINKS = 10;
|
|
23
|
+
const TRANSITION_MS = 500;
|
|
24
|
+
const SCALE_RANGE = {
|
|
25
|
+
min: 0,
|
|
26
|
+
max: 0.7
|
|
27
|
+
};
|
|
28
|
+
const SCALE_OFFSET = 0.02;
|
|
29
|
+
const getRandomsBySeed = seed => [0.3, 0.45, 0.7].map(n => seed * n % 1);
|
|
30
|
+
export function web(options, _) {
|
|
31
|
+
const {
|
|
32
|
+
power,
|
|
33
|
+
scale = 0,
|
|
34
|
+
distance = {
|
|
35
|
+
value: 50,
|
|
36
|
+
type: 'percentage'
|
|
37
|
+
}
|
|
38
|
+
} = options.namedEffect;
|
|
39
|
+
const isResponsive = typeof power === 'undefined';
|
|
40
|
+
const duration = options.duration ?? 0; // the duration in which the element is visible
|
|
41
|
+
const delay = options.delay ?? 0; // the duration in which the element is hidden
|
|
42
|
+
const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);
|
|
43
|
+
const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut');
|
|
44
|
+
const travelUnits = getCssUnits(distance.type);
|
|
45
|
+
const [name] = getNames(options);
|
|
46
|
+
const keyframes = [];
|
|
47
|
+
const scaleMappedFromRange = mapRange(0, 1, SCALE_RANGE.min, SCALE_RANGE.max, scale);
|
|
48
|
+
const {
|
|
49
|
+
maxScaleBy,
|
|
50
|
+
maxTranslateBy
|
|
51
|
+
} = isResponsive ? {
|
|
52
|
+
maxScaleBy: scaleMappedFromRange,
|
|
53
|
+
maxTranslateBy: distance.value
|
|
54
|
+
} : POWER_TO_BLINK_FACTOR_MAP[power];
|
|
55
|
+
for (let i = 0; i < TOTAL_BLINKS; i++) {
|
|
56
|
+
const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use
|
|
57
|
+
const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;
|
|
58
|
+
const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;
|
|
59
|
+
const scaleBy = 1 + randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1);
|
|
60
|
+
const blink = {
|
|
61
|
+
translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,
|
|
62
|
+
scale: scaleBy,
|
|
63
|
+
easing,
|
|
64
|
+
...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}) // override if its first or last blink
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
/*
|
|
68
|
+
4 offset points to each blink:
|
|
69
|
+
two for opacity: 1, and two for opacity: 0.
|
|
70
|
+
*/
|
|
71
|
+
const offsets = {
|
|
72
|
+
hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,
|
|
73
|
+
visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,
|
|
74
|
+
visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,
|
|
75
|
+
hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration
|
|
76
|
+
};
|
|
77
|
+
if (i > 0) {
|
|
78
|
+
keyframes.push(...[{
|
|
79
|
+
...blink,
|
|
80
|
+
opacity: 0,
|
|
81
|
+
scale: blink.scale - SCALE_OFFSET,
|
|
82
|
+
offset: offsets.hiddenEnd
|
|
83
|
+
}, {
|
|
84
|
+
...blink,
|
|
85
|
+
opacity: 1,
|
|
86
|
+
offset: offsets.visibleStart
|
|
87
|
+
}]);
|
|
88
|
+
}
|
|
89
|
+
keyframes.push({
|
|
90
|
+
...blink,
|
|
91
|
+
opacity: 1,
|
|
92
|
+
offset: offsets.visibleEnd
|
|
93
|
+
});
|
|
94
|
+
if (i < TOTAL_BLINKS - 1) {
|
|
95
|
+
keyframes.push({
|
|
96
|
+
...blink,
|
|
97
|
+
opacity: 0,
|
|
98
|
+
scale: blink.scale - SCALE_OFFSET,
|
|
99
|
+
offset: offsets.hiddenStart
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
return [{
|
|
104
|
+
...options,
|
|
105
|
+
name,
|
|
106
|
+
easing: 'linear',
|
|
107
|
+
delay: 0,
|
|
108
|
+
duration: totalDuration,
|
|
109
|
+
keyframes
|
|
110
|
+
}];
|
|
111
|
+
}
|
|
112
|
+
export function getNames(_) {
|
|
113
|
+
return ['motion-blink'];
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=Blink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getCssUnits","getEasing","mapRange","POWER_TO_BLINK_FACTOR_MAP","soft","maxScaleBy","maxTranslateBy","medium","hard","BASE_POSITION","translate","scale","TOTAL_BLINKS","TRANSITION_MS","SCALE_RANGE","min","max","SCALE_OFFSET","getRandomsBySeed","seed","map","n","web","options","_","power","distance","value","type","namedEffect","isResponsive","duration","delay","totalDuration","easing","travelUnits","name","getNames","keyframes","scaleMappedFromRange","i","randoms","translateY","Math","round","translateX","scaleBy","blink","offsets","hiddenEnd","visibleStart","visibleEnd","hiddenStart","push","opacity","offset"],"sources":["../../../../src/library/ongoing/Blink.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport type { Blink, TimeAnimationOptions, DomApi } from '../../types';\nimport { getCssUnits, getEasing, mapRange } from '../../utils';\n\nconst POWER_TO_BLINK_FACTOR_MAP = {\n soft: {\n maxScaleBy: 0,\n maxTranslateBy: 50,\n },\n medium: {\n maxScaleBy: 0.5,\n maxTranslateBy: 100,\n },\n hard: {\n maxScaleBy: 0.7,\n maxTranslateBy: 200,\n },\n};\n\nconst BASE_POSITION = {\n translate: `0 0`,\n scale: 1,\n};\n\nconst TOTAL_BLINKS = 10;\nconst TRANSITION_MS = 500;\nconst SCALE_RANGE = { min: 0, max: 0.7 };\nconst SCALE_OFFSET = 0.02;\n\nconst getRandomsBySeed = (seed: number) =>\n [0.3, 0.45, 0.7].map((n) => (seed * n) % 1);\n\nexport function web(options: TimeAnimationOptions, _?: DomApi) {\n const {\n power,\n scale = 0,\n distance = { value: 50, type: 'percentage' },\n } = options.namedEffect as Blink;\n\n const isResponsive = typeof power === 'undefined';\n const duration = options.duration ?? 0; // the duration in which the element is visible\n const delay = options.delay ?? 0; // the duration in which the element is hidden \n const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);\n const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut')\n const travelUnits = getCssUnits(distance.type);\n const [name] = getNames(options);\n const keyframes = [];\n\n const scaleMappedFromRange = mapRange(\n 0,\n 1,\n SCALE_RANGE.min,\n SCALE_RANGE.max,\n scale,\n );\n\n const { maxScaleBy, maxTranslateBy } = isResponsive\n ? {\n maxScaleBy: scaleMappedFromRange,\n maxTranslateBy: distance.value,\n }\n : POWER_TO_BLINK_FACTOR_MAP[power];\n\n \n for (let i = 0; i < TOTAL_BLINKS; i++) {\n const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use\n const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;\n const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;\n const scaleBy = 1 + (randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1));\n\n const blink = {\n translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,\n scale: scaleBy,\n easing,\n ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}), // override if its first or last blink\n };\n\n /* \n 4 offset points to each blink: \n two for opacity: 1, and two for opacity: 0. \n */\n const offsets = {\n hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,\n visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,\n visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,\n hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration,\n };\n\n if (i > 0) {\n keyframes.push(\n ...[\n {\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenEnd,\n },\n {\n ...blink,\n opacity: 1,\n offset: offsets.visibleStart,\n },\n ],\n );\n }\n keyframes.push({\n ...blink,\n opacity: 1,\n offset: offsets.visibleEnd,\n });\n\n if (i < TOTAL_BLINKS - 1) {\n keyframes.push({\n ...blink,\n opacity: 0,\n scale: blink.scale - SCALE_OFFSET,\n offset: offsets.hiddenStart,\n });\n }\n }\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: totalDuration,\n keyframes,\n },\n ];\n}\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-blink'];\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { getEasing, getTimingFactor, toKeyframeValue, mapRange } from '../../utils';
|
|
2
|
+
const POWER_TO_BOUNCE_FACTOR_MAP = {
|
|
3
|
+
soft: 1,
|
|
4
|
+
medium: 2,
|
|
5
|
+
hard: 3
|
|
6
|
+
};
|
|
7
|
+
const TRANSLATE_Y_KEYFRAMES = [{
|
|
8
|
+
keyframe: 0,
|
|
9
|
+
translateY: 0
|
|
10
|
+
}, {
|
|
11
|
+
keyframe: 8.8,
|
|
12
|
+
translateY: -55
|
|
13
|
+
}, {
|
|
14
|
+
keyframe: 17.6,
|
|
15
|
+
translateY: -87
|
|
16
|
+
}, {
|
|
17
|
+
keyframe: 26.5,
|
|
18
|
+
translateY: -98
|
|
19
|
+
}, {
|
|
20
|
+
keyframe: 35.3,
|
|
21
|
+
translateY: -87
|
|
22
|
+
}, {
|
|
23
|
+
keyframe: 44.1,
|
|
24
|
+
translateY: -55
|
|
25
|
+
}, {
|
|
26
|
+
keyframe: 53.1,
|
|
27
|
+
translateY: 0
|
|
28
|
+
}, {
|
|
29
|
+
keyframe: 66.2,
|
|
30
|
+
translateY: -23
|
|
31
|
+
}, {
|
|
32
|
+
keyframe: 81,
|
|
33
|
+
translateY: 0
|
|
34
|
+
}, {
|
|
35
|
+
keyframe: 86.8,
|
|
36
|
+
translateY: -5
|
|
37
|
+
}, {
|
|
38
|
+
keyframe: 94.1,
|
|
39
|
+
translateY: 0
|
|
40
|
+
}, {
|
|
41
|
+
keyframe: 97.1,
|
|
42
|
+
translateY: -2
|
|
43
|
+
}, {
|
|
44
|
+
keyframe: 100,
|
|
45
|
+
translateY: 0
|
|
46
|
+
}];
|
|
47
|
+
export function web(options, _dom) {
|
|
48
|
+
return style(options, true);
|
|
49
|
+
}
|
|
50
|
+
export function style(options, asWeb) {
|
|
51
|
+
if (asWeb === void 0) {
|
|
52
|
+
asWeb = false;
|
|
53
|
+
}
|
|
54
|
+
const {
|
|
55
|
+
power = 'soft',
|
|
56
|
+
intensity
|
|
57
|
+
} = options.namedEffect;
|
|
58
|
+
const duration = options.duration || 1;
|
|
59
|
+
const delay = options.delay || 0;
|
|
60
|
+
const timingFactor = getTimingFactor(duration, delay);
|
|
61
|
+
const [name] = getNames(options);
|
|
62
|
+
const bounceFactor = intensity ? mapRange(0, 1, POWER_TO_BOUNCE_FACTOR_MAP.soft, POWER_TO_BOUNCE_FACTOR_MAP.hard, intensity) : POWER_TO_BOUNCE_FACTOR_MAP[power];
|
|
63
|
+
const easing = getEasing('sineOut');
|
|
64
|
+
const custom = {
|
|
65
|
+
'--motion-bounce-factor': bounceFactor
|
|
66
|
+
};
|
|
67
|
+
const keyframes = TRANSLATE_Y_KEYFRAMES.map(_ref => {
|
|
68
|
+
let {
|
|
69
|
+
keyframe,
|
|
70
|
+
translateY
|
|
71
|
+
} = _ref;
|
|
72
|
+
return {
|
|
73
|
+
offset: keyframe / 100 * timingFactor,
|
|
74
|
+
translate: `0px calc(${translateY / 2}px * ${toKeyframeValue(custom, '--motion-bounce-factor', asWeb)})`,
|
|
75
|
+
easing
|
|
76
|
+
};
|
|
77
|
+
});
|
|
78
|
+
return [{
|
|
79
|
+
...options,
|
|
80
|
+
name,
|
|
81
|
+
delay: 0,
|
|
82
|
+
easing: 'linear',
|
|
83
|
+
duration: duration + delay,
|
|
84
|
+
custom,
|
|
85
|
+
keyframes
|
|
86
|
+
}];
|
|
87
|
+
}
|
|
88
|
+
export function getNames(options) {
|
|
89
|
+
const timingFactor = getTimingFactor(options.duration, options.delay, true);
|
|
90
|
+
return [`motion-bounce-${timingFactor}`];
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=Bounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getEasing","getTimingFactor","toKeyframeValue","mapRange","POWER_TO_BOUNCE_FACTOR_MAP","soft","medium","hard","TRANSLATE_Y_KEYFRAMES","keyframe","translateY","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","name","getNames","bounceFactor","easing","custom","keyframes","map","_ref","offset","translate"],"sources":["../../../../src/library/ongoing/Bounce.ts"],"sourcesContent":["import type {\n TimeAnimationOptions,\n Bounce,\n AnimationExtraOptions,\n DomApi,\n} from '../../types';\nimport {\n getEasing,\n getTimingFactor,\n toKeyframeValue,\n mapRange,\n} from '../../utils';\n\nconst POWER_TO_BOUNCE_FACTOR_MAP = {\n soft: 1,\n medium: 2,\n hard: 3,\n};\n\nconst TRANSLATE_Y_KEYFRAMES = [\n { keyframe: 0, translateY: 0 },\n { keyframe: 8.8, translateY: -55 },\n { keyframe: 17.6, translateY: -87 },\n { keyframe: 26.5, translateY: -98 },\n { keyframe: 35.3, translateY: -87 },\n { keyframe: 44.1, translateY: -55 },\n { keyframe: 53.1, translateY: 0 },\n { keyframe: 66.2, translateY: -23 },\n { keyframe: 81, translateY: 0 },\n { keyframe: 86.8, translateY: -5 },\n { keyframe: 94.1, translateY: 0 },\n { keyframe: 97.1, translateY: -2 },\n { keyframe: 100, translateY: 0 },\n];\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power = 'soft', intensity } = options.namedEffect as Bounce;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const bounceFactor = intensity\n ? mapRange(\n 0,\n 1,\n POWER_TO_BOUNCE_FACTOR_MAP.soft,\n POWER_TO_BOUNCE_FACTOR_MAP.hard,\n intensity,\n )\n : POWER_TO_BOUNCE_FACTOR_MAP[power];\n const easing = getEasing('sineOut');\n\n const custom = {\n '--motion-bounce-factor': bounceFactor,\n };\n\n const keyframes = TRANSLATE_Y_KEYFRAMES.map(({ keyframe, translateY }) => ({\n offset: (keyframe / 100) * timingFactor,\n translate: `0px calc(${translateY / 2}px * ${toKeyframeValue(\n custom,\n '--motion-bounce-factor',\n asWeb,\n )})`,\n easing,\n }));\n\n return [\n {\n ...options,\n name,\n delay: 0,\n easing: 'linear',\n duration: duration + delay,\n custom,\n keyframes,\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-bounce-${timingFactor}`];\n}\n"],"mappings":"AAMA,SACEA,SAAS,EACTC,eAAe,EACfC,eAAe,EACfC,QAAQ,QACH,aAAa;AAEpB,MAAMC,0BAA0B,GAAG;EACjCC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,qBAAqB,GAAG,CAC5B;EAAEC,QAAQ,EAAE,CAAC;EAAEC,UAAU,EAAE;AAAE,CAAC,EAC9B;EAAED,QAAQ,EAAE,GAAG;EAAEC,UAAU,EAAE,CAAC;AAAG,CAAC,EAClC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAG,CAAC,EACnC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAG,CAAC,EACnC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAG,CAAC,EACnC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAG,CAAC,EACnC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE;AAAE,CAAC,EACjC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAG,CAAC,EACnC;EAAED,QAAQ,EAAE,EAAE;EAAEC,UAAU,EAAE;AAAE,CAAC,EAC/B;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAE,CAAC,EAClC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE;AAAE,CAAC,EACjC;EAAED,QAAQ,EAAE,IAAI;EAAEC,UAAU,EAAE,CAAC;AAAE,CAAC,EAClC;EAAED,QAAQ,EAAE,GAAG;EAAEC,UAAU,EAAE;AAAE,CAAC,CACjC;AAED,OAAO,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAU,CAAC,GAAGL,OAAO,CAACM,WAAqB;EAEnE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGpB,eAAe,CAACkB,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACE,IAAI,CAAC,GAAGC,QAAQ,CAACX,OAAO,CAAC;EAEhC,MAAMY,YAAY,GAAGP,SAAS,GAC1Bd,QAAQ,CACN,CAAC,EACD,CAAC,EACDC,0BAA0B,CAACC,IAAI,EAC/BD,0BAA0B,CAACG,IAAI,EAC/BU,SACF,CAAC,GACDb,0BAA0B,CAACY,KAAK,CAAC;EACrC,MAAMS,MAAM,GAAGzB,SAAS,CAAC,SAAS,CAAC;EAEnC,MAAM0B,MAAM,GAAG;IACb,wBAAwB,EAAEF;EAC5B,CAAC;EAED,MAAMG,SAAS,GAAGnB,qBAAqB,CAACoB,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEpB,QAAQ;MAAEC;IAAW,CAAC,GAAAmB,IAAA;IAAA,OAAM;MACzEC,MAAM,EAAGrB,QAAQ,GAAG,GAAG,GAAIY,YAAY;MACvCU,SAAS,EAAE,YAAYrB,UAAU,GAAG,CAAC,QAAQR,eAAe,CAC1DwB,MAAM,EACN,wBAAwB,EACxBX,KACF,CAAC,GAAG;MACJU;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,OAAO,CACL;IACE,GAAGb,OAAO;IACVU,IAAI;IACJF,KAAK,EAAE,CAAC;IACRK,MAAM,EAAE,QAAQ;IAChBN,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BM,MAAM;IACNC;EACF,CAAC,CACF;AACH;AAEA,OAAO,SAASJ,QAAQA,CACtBX,OAAqD,EACrD;EACA,MAAMS,YAAY,GAAGpB,eAAe,CAACW,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,iBAAiBC,YAAY,EAAE,CAAC;AAC1C","ignoreList":[]}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { getCssUnits, getEasing, getEasingFamily, getTimingFactor, toKeyframeValue } from '../../utils';
|
|
2
|
+
const DIRECTION_MAP = {
|
|
3
|
+
vertical: {
|
|
4
|
+
x: 0,
|
|
5
|
+
y: 1,
|
|
6
|
+
z: 0
|
|
7
|
+
},
|
|
8
|
+
horizontal: {
|
|
9
|
+
x: 1,
|
|
10
|
+
y: 0,
|
|
11
|
+
z: 0
|
|
12
|
+
},
|
|
13
|
+
center: {
|
|
14
|
+
x: 0,
|
|
15
|
+
y: 0,
|
|
16
|
+
z: 1
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
const FACTORS_SEQUENCE = [{
|
|
20
|
+
translateFactor: 1,
|
|
21
|
+
timeFactor: 0.25
|
|
22
|
+
}, {
|
|
23
|
+
translateFactor: -1,
|
|
24
|
+
timeFactor: 0.5
|
|
25
|
+
}, {
|
|
26
|
+
translateFactor: 1,
|
|
27
|
+
timeFactor: 0.5
|
|
28
|
+
}, {
|
|
29
|
+
translateFactor: -0.7,
|
|
30
|
+
timeFactor: 0.5
|
|
31
|
+
}, {
|
|
32
|
+
translateFactor: 0.6,
|
|
33
|
+
timeFactor: 0.3333
|
|
34
|
+
}];
|
|
35
|
+
export function web(options, _dom) {
|
|
36
|
+
return style(options, true);
|
|
37
|
+
}
|
|
38
|
+
export function style(options, asWeb) {
|
|
39
|
+
if (asWeb === void 0) {
|
|
40
|
+
asWeb = false;
|
|
41
|
+
}
|
|
42
|
+
const {
|
|
43
|
+
direction = 'vertical',
|
|
44
|
+
distance = {
|
|
45
|
+
value: 25,
|
|
46
|
+
type: 'px'
|
|
47
|
+
}
|
|
48
|
+
} = options.namedEffect;
|
|
49
|
+
const easing = options.easing || 'sineInOut';
|
|
50
|
+
const duration = options.duration || 1;
|
|
51
|
+
const delay = options.delay || 0;
|
|
52
|
+
const totalDurationWithDelay = 3.2 * duration + delay;
|
|
53
|
+
const timingFactor = getTimingFactor(duration, totalDurationWithDelay - duration);
|
|
54
|
+
const [name] = getNames(options);
|
|
55
|
+
const {
|
|
56
|
+
x,
|
|
57
|
+
y,
|
|
58
|
+
z
|
|
59
|
+
} = DIRECTION_MAP[direction];
|
|
60
|
+
const ease = getEasingFamily(easing);
|
|
61
|
+
const perspectiveTransform = direction === 'center' ? 'perspective(800px)' : '';
|
|
62
|
+
|
|
63
|
+
// Create CSS custom properties for the Breathe configuration
|
|
64
|
+
const custom = {
|
|
65
|
+
'--motion-breathe-perspective': perspectiveTransform,
|
|
66
|
+
'--motion-breathe-distance': `${distance.value}${getCssUnits(distance.type || 'px')}`,
|
|
67
|
+
'--motion-breathe-x': x,
|
|
68
|
+
'--motion-breathe-y': y,
|
|
69
|
+
'--motion-breathe-z': z
|
|
70
|
+
};
|
|
71
|
+
const breatheX = `${toKeyframeValue(custom, '--motion-breathe-x', asWeb)}`;
|
|
72
|
+
const breatheY = `${toKeyframeValue(custom, '--motion-breathe-y', asWeb)}`;
|
|
73
|
+
const breatheZ = `${toKeyframeValue(custom, '--motion-breathe-z', asWeb)}`;
|
|
74
|
+
const breathePerspective = `${toKeyframeValue(custom, '--motion-breathe-perspective', asWeb, ' ')}`;
|
|
75
|
+
const breatheDistance = `${toKeyframeValue(custom, '--motion-breathe-distance', asWeb)}`;
|
|
76
|
+
let currentOffset = 0;
|
|
77
|
+
|
|
78
|
+
// in case a delay is applied, animate a different sequence which decays to a stop
|
|
79
|
+
const keyframes = delay ? FACTORS_SEQUENCE.map(_ref => {
|
|
80
|
+
let {
|
|
81
|
+
translateFactor,
|
|
82
|
+
timeFactor
|
|
83
|
+
} = _ref;
|
|
84
|
+
const keyframeOffset = currentOffset + timeFactor * timingFactor;
|
|
85
|
+
currentOffset = keyframeOffset;
|
|
86
|
+
const distancePart = `${breatheDistance} * ${translateFactor}`;
|
|
87
|
+
return {
|
|
88
|
+
offset: keyframeOffset,
|
|
89
|
+
easing: getEasing(ease.inOut),
|
|
90
|
+
transform: `${breathePerspective} translate3d(calc(${breatheX} * ${distancePart}), calc(${breatheY} * ${distancePart}), calc(${breatheZ} * ${distancePart})) rotateZ(var(--comp-rotate-z, 0deg))`
|
|
91
|
+
};
|
|
92
|
+
}) : [{
|
|
93
|
+
offset: 0.25,
|
|
94
|
+
easing: getEasing(ease.inOut),
|
|
95
|
+
transform: `${breathePerspective} translate3d(calc(${breatheX} * ${breatheDistance}), calc(${breatheY} * ${breatheDistance}), calc(${breatheZ} * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`
|
|
96
|
+
}, {
|
|
97
|
+
offset: 0.75,
|
|
98
|
+
easing: getEasing(ease.in),
|
|
99
|
+
transform: `${breathePerspective} translate3d(calc(${breatheX} * -1 * ${breatheDistance}), calc(${breatheY} * -1 * ${breatheDistance}), calc(${breatheZ} * -1 * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`
|
|
100
|
+
}];
|
|
101
|
+
return [{
|
|
102
|
+
...options,
|
|
103
|
+
name,
|
|
104
|
+
easing: 'linear',
|
|
105
|
+
delay: 0,
|
|
106
|
+
duration: delay ? totalDurationWithDelay : duration,
|
|
107
|
+
custom,
|
|
108
|
+
keyframes: [{
|
|
109
|
+
offset: 0,
|
|
110
|
+
easing: getEasing(ease.out),
|
|
111
|
+
transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`
|
|
112
|
+
}, ...keyframes, {
|
|
113
|
+
offset: 1,
|
|
114
|
+
transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`
|
|
115
|
+
}]
|
|
116
|
+
}];
|
|
117
|
+
}
|
|
118
|
+
export function getNames(options) {
|
|
119
|
+
const timingFactor = getTimingFactor(options.duration, options.delay, true);
|
|
120
|
+
return [`motion-breathe-${timingFactor}`];
|
|
121
|
+
}
|
|
122
|
+
//# sourceMappingURL=Breathe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getCssUnits","getEasing","getEasingFamily","getTimingFactor","toKeyframeValue","DIRECTION_MAP","vertical","x","y","z","horizontal","center","FACTORS_SEQUENCE","translateFactor","timeFactor","web","options","_dom","style","asWeb","direction","distance","value","type","namedEffect","easing","duration","delay","totalDurationWithDelay","timingFactor","name","getNames","ease","perspectiveTransform","custom","breatheX","breatheY","breatheZ","breathePerspective","breatheDistance","currentOffset","keyframes","map","_ref","keyframeOffset","distancePart","offset","inOut","transform","in","out"],"sources":["../../../../src/library/ongoing/Breathe.ts"],"sourcesContent":["import type {\n TimeAnimationOptions,\n Breathe,\n DomApi,\n AnimationExtraOptions,\n} from '../../types';\nimport {\n getCssUnits,\n getEasing,\n getEasingFamily,\n getTimingFactor,\n toKeyframeValue,\n} from '../../utils';\n\nconst DIRECTION_MAP = {\n vertical: { x: 0, y: 1, z: 0 },\n horizontal: { x: 1, y: 0, z: 0 },\n center: { x: 0, y: 0, z: 1 },\n};\n\nconst FACTORS_SEQUENCE = [\n { translateFactor: 1, timeFactor: 0.25 },\n { translateFactor: -1, timeFactor: 0.5 },\n { translateFactor: 1, timeFactor: 0.5 },\n { translateFactor: -0.7, timeFactor: 0.5 },\n { translateFactor: 0.6, timeFactor: 0.3333 },\n];\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { direction = 'vertical', distance = { value: 25, type: 'px' } } =\n options.namedEffect as Breathe;\n\n const easing = options.easing || 'sineInOut';\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const totalDurationWithDelay = 3.2 * duration + delay;\n const timingFactor = getTimingFactor(\n duration,\n totalDurationWithDelay - duration,\n ) as number;\n const [name] = getNames(options);\n\n const { x, y, z } = DIRECTION_MAP[direction];\n const ease = getEasingFamily(easing);\n const perspectiveTransform =\n direction === 'center' ? 'perspective(800px)' : '';\n\n // Create CSS custom properties for the Breathe configuration\n const custom: Record<string, string | number> = {\n '--motion-breathe-perspective': perspectiveTransform,\n '--motion-breathe-distance': `${distance.value}${getCssUnits(\n distance.type || 'px',\n )}`,\n '--motion-breathe-x': x,\n '--motion-breathe-y': y,\n '--motion-breathe-z': z,\n };\n\n const breatheX = `${toKeyframeValue(custom, '--motion-breathe-x', asWeb)}`;\n const breatheY = `${toKeyframeValue(custom, '--motion-breathe-y', asWeb)}`;\n const breatheZ = `${toKeyframeValue(custom, '--motion-breathe-z', asWeb)}`;\n const breathePerspective = `${toKeyframeValue(\n custom,\n '--motion-breathe-perspective',\n asWeb,\n ' ',\n )}`;\n const breatheDistance = `${toKeyframeValue(\n custom,\n '--motion-breathe-distance',\n asWeb,\n )}`;\n\n let currentOffset = 0;\n\n // in case a delay is applied, animate a different sequence which decays to a stop\n const keyframes = delay\n ? FACTORS_SEQUENCE.map(({ translateFactor, timeFactor }) => {\n const keyframeOffset = currentOffset + timeFactor * timingFactor;\n currentOffset = keyframeOffset;\n const distancePart = `${breatheDistance} * ${translateFactor}`;\n\n return {\n offset: keyframeOffset,\n easing: getEasing(ease.inOut),\n transform: `${breathePerspective} translate3d(calc(${breatheX} * ${distancePart}), calc(${breatheY} * ${distancePart}), calc(${breatheZ} * ${distancePart})) rotateZ(var(--comp-rotate-z, 0deg))`,\n };\n })\n : [\n {\n offset: 0.25,\n easing: getEasing(ease.inOut),\n transform: `${breathePerspective} translate3d(calc(${breatheX} * ${breatheDistance}), calc(${breatheY} * ${breatheDistance}), calc(${breatheZ} * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n {\n offset: 0.75,\n easing: getEasing(ease.in),\n transform: `${breathePerspective} translate3d(calc(${breatheX} * -1 * ${breatheDistance}), calc(${breatheY} * -1 * ${breatheDistance}), calc(${breatheZ} * -1 * ${breatheDistance})) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n ];\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: delay ? totalDurationWithDelay : duration,\n custom,\n keyframes: [\n {\n offset: 0,\n easing: getEasing(ease.out),\n transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n ...keyframes,\n {\n offset: 1,\n transform: `${breathePerspective} translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`,\n },\n ],\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-breathe-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}
|