motion-start 0.0.3 → 0.1.1
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/LICENSE.md +0 -0
- package/README.md +37 -29
- package/dist/animation/UseAnimatedState.svelte +26 -24
- package/dist/animation/UseAnimatedState.svelte.d.ts +5 -3
- package/dist/animation/UseAnimatedState.svelte.d.ts.map +1 -1
- package/dist/animation/UseAnimation.svelte.d.ts +1 -1
- package/dist/animation/animation-controls.d.ts +1 -1
- package/dist/animation/animation-controls.d.ts.map +1 -1
- package/dist/animation/animation-controls.js +12 -12
- package/dist/animation/use-animation.d.ts +1 -1
- package/dist/animation/utils/default-transitions.d.ts +1 -1
- package/dist/animation/utils/default-transitions.d.ts.map +1 -1
- package/dist/animation/utils/default-transitions.js +27 -37
- package/dist/animation/utils/easing.d.ts +2 -2
- package/dist/animation/utils/easing.d.ts.map +1 -1
- package/dist/animation/utils/easing.js +5 -6
- package/dist/animation/utils/transitions.d.ts +5 -5
- package/dist/animation/utils/transitions.d.ts.map +1 -1
- package/dist/animation/utils/transitions.js +55 -64
- package/dist/animation/utils/variant-resolvers.d.ts +1 -1
- package/dist/animation/utils/variant-resolvers.d.ts.map +1 -1
- package/dist/animation/utils/variant-resolvers.js +1 -5
- package/dist/components/AnimatePresence/AnimatePresence.svelte +16 -8
- package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts.map +1 -1
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte +29 -23
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts +1 -26
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map +1 -1
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts +3 -1
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte +22 -15
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/index.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/index.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/index.js +1 -0
- package/dist/components/AnimateSharedLayout/types.d.ts +5 -5
- package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/types.js +0 -1
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/batcher.js +21 -22
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts +3 -3
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/crossfader.js +40 -46
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/rotate.js +2 -1
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts +2 -5
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/stack.js +22 -22
- package/dist/components/LazyMotion/LazyMotion.svelte +9 -3
- package/dist/components/LazyMotion/LazyMotion.svelte.d.ts.map +1 -1
- package/dist/components/LazyMotion/types.d.ts +1 -1
- package/dist/components/LazyMotion/types.d.ts.map +1 -1
- package/dist/components/MotionConfig/MotionConfig.svelte +1 -0
- package/dist/components/MotionConfig/MotionConfig.svelte.d.ts.map +1 -1
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.d.ts.map +1 -1
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.js +7 -4
- package/dist/context/DOMcontext.d.ts +4 -3
- package/dist/context/DOMcontext.d.ts.map +1 -1
- package/dist/context/DOMcontext.js +1 -1
- package/dist/context/LayoutGroupContext.d.ts.map +1 -1
- package/dist/context/LayoutGroupContext.js +1 -0
- package/dist/context/LazyContext.d.ts +2 -2
- package/dist/context/LazyContext.d.ts.map +1 -1
- package/dist/context/LazyContext.js +4 -3
- package/dist/context/MotionConfigContext.d.ts.map +1 -1
- package/dist/context/MotionConfigContext.js +1 -0
- package/dist/context/MotionContext/MotionContext.svelte +3 -18
- package/dist/context/MotionContext/MotionContext.svelte.d.ts +2 -36
- package/dist/context/MotionContext/MotionContext.svelte.d.ts.map +1 -1
- package/dist/context/MotionContext/UseCreateMotionContext.svelte +2 -2
- package/dist/context/MotionContext/index.d.ts +4 -1
- package/dist/context/MotionContext/index.d.ts.map +1 -1
- package/dist/context/MotionContext/index.js +8 -1
- package/dist/context/PresenceContext.d.ts.map +1 -1
- package/dist/context/PresenceContext.js +1 -0
- package/dist/context/ScaleCorrectionProvider.svelte +1 -1
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts +2 -2
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts.map +1 -1
- package/dist/context/SharedLayoutContext.d.ts +3 -3
- package/dist/context/SharedLayoutContext.d.ts.map +1 -1
- package/dist/context/SharedLayoutContext.js +5 -3
- package/dist/events/UseDomEvent.svelte +23 -24
- package/dist/events/UseDomEvent.svelte.d.ts +5 -28
- package/dist/events/UseDomEvent.svelte.d.ts.map +1 -1
- package/dist/events/UsePointerEvent.svelte +3 -57
- package/dist/events/UsePointerEvent.svelte.d.ts +1 -3
- package/dist/events/UsePointerEvent.svelte.d.ts.map +1 -1
- package/dist/events/event-info.js +1 -1
- package/dist/events/types.d.ts +4 -3
- package/dist/events/types.d.ts.map +1 -1
- package/dist/events/use-dom-event.d.ts +2 -1
- package/dist/events/use-dom-event.d.ts.map +1 -1
- package/dist/events/use-dom-event.js +7 -1
- package/dist/events/use-pointer-event.d.ts +10 -5
- package/dist/events/use-pointer-event.d.ts.map +1 -1
- package/dist/events/use-pointer-event.js +35 -1
- package/dist/gestures/PanSession.d.ts.map +1 -1
- package/dist/gestures/PanSession.js +1 -2
- package/dist/gestures/UseHoverGesture.svelte +4 -2
- package/dist/gestures/UseHoverGesture.svelte.d.ts.map +1 -1
- package/dist/gestures/UsePanGesture.svelte +6 -5
- package/dist/gestures/UsePanGesture.svelte.d.ts.map +1 -1
- package/dist/gestures/UseTapGesture.svelte +6 -5
- package/dist/gestures/UseTapGesture.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/UseDrag.svelte +10 -16
- package/dist/gestures/drag/UseDrag.svelte.d.ts +6 -30
- package/dist/gestures/drag/UseDrag.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/UseDragControls.svelte +1 -83
- package/dist/gestures/drag/UseDragControls.svelte.d.ts +7 -2
- package/dist/gestures/drag/UseDragControls.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/VisualElementDragControls.d.ts.map +1 -1
- package/dist/gestures/drag/VisualElementDragControls.js +20 -11
- package/dist/gestures/drag/types.d.ts +12 -11
- package/dist/gestures/drag/types.d.ts.map +1 -1
- package/dist/gestures/drag/types.js +1 -2
- package/dist/gestures/drag/use-drag-controls.d.ts +3 -1
- package/dist/gestures/drag/use-drag-controls.d.ts.map +1 -1
- package/dist/gestures/drag/use-drag-controls.js +1 -1
- package/dist/gestures/drag/utils/constraints.d.ts +3 -3
- package/dist/gestures/drag/utils/constraints.d.ts.map +1 -1
- package/dist/gestures/drag/utils/constraints.js +11 -12
- package/dist/gestures/drag/utils/lock.js +1 -1
- package/dist/gestures/use-focus-gesture.d.ts +1 -1
- package/dist/gestures/use-focus-gesture.d.ts.map +1 -1
- package/dist/gestures/use-hover-gesture.d.ts +1 -1
- package/dist/gestures/use-hover-gesture.d.ts.map +1 -1
- package/dist/gestures/use-pan-gesture.d.ts +1 -1
- package/dist/gestures/use-pan-gesture.d.ts.map +1 -1
- package/dist/gestures/use-tap-gesture.d.ts +1 -1
- package/dist/gestures/use-tap-gesture.d.ts.map +1 -1
- package/dist/gestures/utils/is-node-or-child.d.ts.map +1 -1
- package/dist/gestures/utils/is-node-or-child.js +1 -0
- package/dist/index.d.ts +58 -59
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +42 -41
- package/dist/motion/Motion.svelte +1 -0
- package/dist/motion/Motion.svelte.d.ts.map +1 -1
- package/dist/motion/MotionSSR.svelte +1 -1
- package/dist/motion/features/Exit.svelte +10 -9
- package/dist/motion/features/Exit.svelte.d.ts +6 -30
- package/dist/motion/features/Exit.svelte.d.ts.map +1 -1
- package/dist/motion/features/animations.d.ts +11 -0
- package/dist/motion/features/animations.d.ts.map +1 -0
- package/dist/motion/features/drag.d.ts +11 -0
- package/dist/motion/features/drag.d.ts.map +1 -0
- package/dist/motion/features/gestures.d.ts +11 -0
- package/dist/motion/features/gestures.d.ts.map +1 -0
- package/dist/motion/features/layout/Animate.svelte +44 -39
- package/dist/motion/features/layout/Animate.svelte.d.ts +2 -1
- package/dist/motion/features/layout/Animate.svelte.d.ts.map +1 -1
- package/dist/motion/features/layout/Measure.svelte +8 -6
- package/dist/motion/features/layout/Measure.svelte.d.ts.map +1 -1
- package/dist/motion/features/layout/index.d.ts +8 -0
- package/dist/motion/features/layout/index.d.ts.map +1 -0
- package/dist/motion/features/layout/index.js +1 -1
- package/dist/motion/features/types.d.ts +5 -3
- package/dist/motion/features/types.d.ts.map +1 -1
- package/dist/motion/index.d.ts +6 -6
- package/dist/motion/index.d.ts.map +1 -1
- package/dist/motion/index.js +4 -4
- package/dist/motion/types.d.ts +13 -9
- package/dist/motion/types.d.ts.map +1 -1
- package/dist/motion/types.js +1 -1
- package/dist/motion/utils/UseVisualState.svelte +22 -22
- package/dist/motion/utils/UseVisualState.svelte.d.ts +1 -1
- package/dist/motion/utils/UseVisualState.svelte.d.ts.map +1 -1
- package/dist/motion/utils/use-motion-ref.d.ts +4 -3
- package/dist/motion/utils/use-motion-ref.d.ts.map +1 -1
- package/dist/motion/utils/use-motion-ref.js +4 -6
- package/dist/motion/utils/use-visual-element.d.ts +5 -4
- package/dist/motion/utils/use-visual-element.d.ts.map +1 -1
- package/dist/motion/utils/use-visual-state.d.ts +6 -5
- package/dist/motion/utils/use-visual-state.d.ts.map +1 -1
- package/dist/motion/utils/use-visual-state.js +2 -1
- package/dist/render/dom/M-type.spec-d.js +2 -2
- package/dist/render/dom/{M.svelte → Motion-Proxy.svelte} +8 -2
- package/dist/render/dom/{M.svelte.d.ts → Motion-Proxy.svelte.d.ts} +5 -4
- package/dist/render/dom/Motion-Proxy.svelte.d.ts.map +1 -0
- package/dist/render/dom/Motion-type.spec-d.d.ts +2 -0
- package/dist/render/dom/Motion-type.spec-d.d.ts.map +1 -0
- package/dist/{motion/type.spec-d.js → render/dom/Motion-type.spec-d.js} +2 -2
- package/dist/render/dom/UseRender.svelte +5 -4
- package/dist/render/dom/UseRender.svelte.d.ts.map +1 -1
- package/dist/render/dom/featureBundle.d.ts +24 -0
- package/dist/render/dom/featureBundle.d.ts.map +1 -0
- package/dist/render/dom/featureBundle.js +5 -4
- package/dist/render/dom/motion-minimal.d.ts +942 -2
- package/dist/render/dom/motion-minimal.d.ts.map +1 -1
- package/dist/render/dom/motion-minimal.js +11 -7
- package/dist/render/dom/motion-proxy.d.ts +13 -195
- package/dist/render/dom/motion-proxy.d.ts.map +1 -1
- package/dist/render/dom/motion-proxy.js +9 -7
- package/dist/render/dom/motion.d.ts +974 -0
- package/dist/render/dom/motion.d.ts.map +1 -0
- package/dist/render/dom/motion.js +8 -4
- package/dist/render/dom/projection/convert-to-relative.d.ts.map +1 -1
- package/dist/render/dom/projection/default-scale-correctors.d.ts +5 -4
- package/dist/render/dom/projection/default-scale-correctors.d.ts.map +1 -1
- package/dist/render/dom/projection/default-scale-correctors.js +19 -19
- package/dist/render/dom/projection/scale-correction.d.ts +1 -1
- package/dist/render/dom/projection/scale-correction.d.ts.map +1 -1
- package/dist/render/dom/projection/scale-correction.js +2 -1
- package/dist/render/dom/projection/utils.d.ts +1 -1
- package/dist/render/dom/projection/utils.d.ts.map +1 -1
- package/dist/render/dom/projection/utils.js +2 -2
- package/dist/render/dom/svg-visual-element.d.ts +1 -1
- package/dist/render/dom/svg-visual-element.d.ts.map +1 -1
- package/dist/render/dom/svg-visual-element.js +11 -1
- package/dist/render/dom/use-render.d.ts +4 -8
- package/dist/render/dom/use-render.d.ts.map +1 -1
- package/dist/render/dom/use-render.js +4 -0
- package/dist/render/dom/utils/UseInitialMotionProps.svelte +14 -3
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts +2 -1
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts.map +1 -1
- package/dist/render/dom/utils/batch-layout.d.ts.map +1 -1
- package/dist/render/dom/utils/batch-layout.js +1 -0
- package/dist/render/dom/utils/create-config.d.ts +5 -11
- package/dist/render/dom/utils/create-config.d.ts.map +1 -1
- package/dist/render/dom/utils/create-config.js +7 -6
- package/dist/render/dom/utils/css-variables-conversion.d.ts +2 -2
- package/dist/render/dom/utils/css-variables-conversion.d.ts.map +1 -1
- package/dist/render/dom/utils/css-variables-conversion.js +8 -6
- package/dist/render/dom/utils/filter-props.d.ts.map +1 -1
- package/dist/render/dom/utils/filter-props.js +1 -0
- package/dist/render/dom/utils/is-svg-component.d.ts +2 -2
- package/dist/render/dom/utils/is-svg-component.d.ts.map +1 -1
- package/dist/render/dom/utils/is-svg-component.js +7 -3
- package/dist/render/dom/utils/unit-conversion.d.ts +2 -2
- package/dist/render/dom/utils/unit-conversion.d.ts.map +1 -1
- package/dist/render/dom/utils/unit-conversion.js +57 -74
- package/dist/render/dom/value-types/defaults.d.ts +1 -1
- package/dist/render/dom/value-types/defaults.d.ts.map +1 -1
- package/dist/render/dom/value-types/defaults.js +14 -5
- package/dist/render/dom/value-types/dimensions.d.ts +2 -1
- package/dist/render/dom/value-types/dimensions.d.ts.map +1 -1
- package/dist/render/dom/value-types/find.d.ts.map +1 -1
- package/dist/render/dom/value-types/find.js +2 -5
- package/dist/render/dom/value-types/get-as-type.js +1 -1
- package/dist/render/dom/value-types/type-int.d.ts.map +1 -1
- package/dist/render/dom/value-types/type-int.js +1 -2
- package/dist/render/html/UseHTMLProps.svelte +14 -2
- package/dist/render/html/UseHTMLProps.svelte.d.ts +3 -2
- package/dist/render/html/UseHTMLProps.svelte.d.ts.map +1 -1
- package/dist/render/html/UseInitialMotionValues.svelte +6 -5
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts +6 -34
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts.map +1 -1
- package/dist/render/html/UseStyle.svelte +7 -20
- package/dist/render/html/UseStyle.svelte.d.ts +0 -5
- package/dist/render/html/UseStyle.svelte.d.ts.map +1 -1
- package/dist/render/html/config-motion.d.ts.map +1 -1
- package/dist/render/html/config-motion.js +1 -0
- package/dist/render/html/types.d.ts +16 -19
- package/dist/render/html/types.d.ts.map +1 -1
- package/dist/render/html/use-props.d.ts +12 -10
- package/dist/render/html/use-props.d.ts.map +1 -1
- package/dist/render/html/use-props.js +17 -2
- package/dist/render/html/utils/build-styles.d.ts.map +1 -1
- package/dist/render/html/utils/build-styles.js +1 -0
- package/dist/render/html/utils/build-transform.d.ts.map +1 -1
- package/dist/render/html/utils/build-transform.js +1 -0
- package/dist/render/html/utils/render.d.ts.map +1 -1
- package/dist/render/html/utils/render.js +1 -0
- package/dist/render/html/utils/scrape-motion-values.d.ts.map +1 -1
- package/dist/render/html/utils/scrape-motion-values.js +2 -0
- package/dist/render/html/visual-element.d.ts +2311 -5
- package/dist/render/html/visual-element.d.ts.map +1 -1
- package/dist/render/html/visual-element.js +21 -29
- package/dist/render/index.d.ts +2 -2
- package/dist/render/index.d.ts.map +1 -1
- package/dist/render/index.js +105 -45
- package/dist/render/svg/UseSVGProps.svelte +13 -9
- package/dist/render/svg/UseSVGProps.svelte.d.ts +5 -33
- package/dist/render/svg/UseSVGProps.svelte.d.ts.map +1 -1
- package/dist/render/svg/config-motion.d.ts +18 -2
- package/dist/render/svg/config-motion.d.ts.map +1 -1
- package/dist/render/svg/config-motion.js +3 -0
- package/dist/render/svg/types.d.ts +6 -20
- package/dist/render/svg/types.d.ts.map +1 -1
- package/dist/render/svg/utils/build-attrs.d.ts +7 -7
- package/dist/render/svg/utils/build-attrs.d.ts.map +1 -1
- package/dist/render/svg/utils/build-attrs.js +3 -7
- package/dist/render/svg/utils/create-render-state.d.ts +9 -1
- package/dist/render/svg/utils/create-render-state.d.ts.map +1 -1
- package/dist/render/svg/utils/create-render-state.js +1 -2
- package/dist/render/svg/utils/path.js +1 -1
- package/dist/render/svg/utils/render.d.ts +1 -1
- package/dist/render/svg/utils/render.d.ts.map +1 -1
- package/dist/render/svg/utils/scrape-motion-values.d.ts.map +1 -1
- package/dist/render/svg/utils/scrape-motion-values.js +2 -0
- package/dist/render/svg/utils/transform-origin.js +1 -1
- package/dist/render/svg/visual-element.d.ts +1 -1
- package/dist/render/svg/visual-element.d.ts.map +1 -1
- package/dist/render/svg/visual-element.js +10 -13
- package/dist/render/types.d.ts +17 -16
- package/dist/render/types.d.ts.map +1 -1
- package/dist/render/types.js +1 -4
- package/dist/render/utils/animation-state.d.ts +12 -6
- package/dist/render/utils/animation-state.d.ts.map +1 -1
- package/dist/render/utils/animation-state.js +49 -50
- package/dist/render/utils/animation.d.ts +4 -4
- package/dist/render/utils/animation.d.ts.map +1 -1
- package/dist/render/utils/animation.js +22 -34
- package/dist/render/utils/lifecycles.d.ts +6 -6
- package/dist/render/utils/lifecycles.d.ts.map +1 -1
- package/dist/render/utils/lifecycles.js +28 -33
- package/dist/render/utils/motion-values.d.ts.map +1 -1
- package/dist/render/utils/motion-values.js +4 -3
- package/dist/render/utils/setters.d.ts +4 -4
- package/dist/render/utils/setters.d.ts.map +1 -1
- package/dist/render/utils/setters.js +30 -21
- package/dist/render/utils/state.d.ts.map +1 -1
- package/dist/render/utils/variants.js +3 -3
- package/dist/types/geometry.d.ts +1 -0
- package/dist/types/geometry.d.ts.map +1 -1
- package/dist/types.d.ts +12 -12
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/geometry/delta-apply.d.ts +3 -3
- package/dist/utils/geometry/delta-apply.d.ts.map +1 -1
- package/dist/utils/geometry/delta-apply.js +5 -4
- package/dist/utils/geometry/delta-calc.js +1 -1
- package/dist/utils/geometry/index.d.ts +3 -3
- package/dist/utils/geometry/index.d.ts.map +1 -1
- package/dist/utils/geometry/index.js +6 -7
- package/dist/utils/is-ref-object.d.ts +3 -2
- package/dist/utils/is-ref-object.d.ts.map +1 -1
- package/dist/utils/is-ref-object.js +5 -2
- package/dist/utils/subscription-manager.d.ts +1 -1
- package/dist/utils/subscription-manager.d.ts.map +1 -1
- package/dist/utils/subscription-manager.js +1 -1
- package/dist/utils/transform.d.ts +1 -1
- package/dist/utils/transform.d.ts.map +1 -1
- package/dist/utils/transform.js +7 -6
- package/dist/utils/use-force-update.d.ts +1 -1
- package/dist/utils/use-force-update.d.ts.map +1 -1
- package/dist/value/index.js +1 -1
- package/dist/value/scroll/use-element-scroll.d.ts +4 -3
- package/dist/value/scroll/use-element-scroll.d.ts.map +1 -1
- package/dist/value/scroll/use-element-scroll.js +7 -8
- package/dist/value/scroll/utils.d.ts +2 -2
- package/dist/value/scroll/utils.d.ts.map +1 -1
- package/dist/value/scroll/utils.js +20 -24
- package/dist/value/use-combine-values.d.ts +1 -1
- package/dist/value/use-combine-values.d.ts.map +1 -1
- package/dist/value/use-spring.d.ts +2 -2
- package/dist/value/use-spring.d.ts.map +1 -1
- package/dist/value/use-spring.js +7 -12
- package/dist/value/use-transform.d.ts.map +1 -1
- package/dist/value/use-transform.js +2 -1
- package/dist/value/use-velocity.d.ts +1 -1
- package/dist/value/use-velocity.d.ts.map +1 -1
- package/dist/value/use-velocity.js +1 -6
- package/package.json +91 -84
- package/dist/motion/type.spec-d.d.ts +0 -2
- package/dist/motion/type.spec-d.d.ts.map +0 -1
- package/dist/render/dom/M.svelte.d.ts.map +0 -1
- package/dist/render/dom/create-motion-class.js +0 -10
- package/dist/utils/use-constant.d.ts +0 -22
- package/dist/utils/use-constant.d.ts.map +0 -1
- package/dist/utils/use-constant.js +0 -9
- package/dist/utils/use-isomorphic-effect.d.ts +0 -7
- package/dist/utils/use-isomorphic-effect.d.ts.map +0 -1
- package/dist/utils/use-isomorphic-effect.js +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delta-apply.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/utils/geometry/delta-apply.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"delta-apply.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/utils/geometry/delta-apply.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAUxE;;;;GAIG;AACH,iBAAS,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,QAG9C;AACD;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,QAGrD;AACD;;GAEG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAIpE;AACD;;GAEG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,UAK/G;AACD;;GAEG;AACH,iBAAS,cAAc,CACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,MAAM,QAUjB;AACD;;GAEG;AACH,iBAAS,aAAa,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,QAGxD;AACD;;;;GAIG;AACH,iBAAS,mBAAmB,CAC3B,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,cAAc,EAC1B,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAUpC;AAMD;;GAEG;AACH,iBAAS,kBAAkB,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,QAG1F;AACD;;GAEG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,UAOhH;AACD;;GAEG;AACH,iBAAS,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,QAa1G;AACD;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAGzG;AACD;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,QAGtE;AACD;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAoBrF;AAED,OAAO,EACN,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,UAAU,GACV,CAAC"}
|
|
@@ -3,7 +3,6 @@ based on framer-motion@4.1.15,
|
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
5
|
import { fixed } from '../fix-process-env.js';
|
|
6
|
-
import { __read } from 'tslib';
|
|
7
6
|
import { mix } from 'popmotion';
|
|
8
7
|
import { isDraggable } from '../../render/utils/is-draggable.js';
|
|
9
8
|
/**
|
|
@@ -73,13 +72,14 @@ function applyAxisTransforms(final, axis, transforms, [key, scaleKey, originKey]
|
|
|
73
72
|
var axisOrigin = transforms[originKey] !== undefined ? transforms[originKey] : 0.5;
|
|
74
73
|
var originPoint = mix(axis.min, axis.max, axisOrigin);
|
|
75
74
|
// Apply the axis delta to the final axis
|
|
75
|
+
//@ts-ignore
|
|
76
76
|
applyAxisDelta(final, transforms[key], transforms[scaleKey], originPoint, transforms.scale);
|
|
77
77
|
}
|
|
78
78
|
/**
|
|
79
79
|
* The names of the motion values we want to apply as translation, scale and origin.
|
|
80
80
|
*/
|
|
81
|
-
var xKeys = [
|
|
82
|
-
var yKeys = [
|
|
81
|
+
var xKeys = ['x', 'scaleX', 'originX'];
|
|
82
|
+
var yKeys = ['y', 'scaleY', 'originY'];
|
|
83
83
|
/**
|
|
84
84
|
* Apply a transform to a box from the latest resolved motion values.
|
|
85
85
|
*/
|
|
@@ -120,6 +120,7 @@ function removeAxisDelta(axis, translate, scale, origin, boxScale) {
|
|
|
120
120
|
* and acts as a bridge between motion values and removeAxisDelta
|
|
121
121
|
*/
|
|
122
122
|
function removeAxisTransforms(axis, transforms, [key, scaleKey, originKey]) {
|
|
123
|
+
//@ts-ignore
|
|
123
124
|
removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale);
|
|
124
125
|
}
|
|
125
126
|
/**
|
|
@@ -158,4 +159,4 @@ function applyTreeDeltas(box, treeScale, treePath) {
|
|
|
158
159
|
}
|
|
159
160
|
}
|
|
160
161
|
}
|
|
161
|
-
export { applyAxisDelta, applyAxisTransforms, applyBoxDelta, applyBoxTransforms, applyPointDelta, applyTreeDeltas, removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta, resetAxis, resetBox, scalePoint };
|
|
162
|
+
export { applyAxisDelta, applyAxisTransforms, applyBoxDelta, applyBoxTransforms, applyPointDelta, applyTreeDeltas, removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta, resetAxis, resetBox, scalePoint, };
|
|
@@ -63,7 +63,7 @@ function updateAxisDelta(delta, source, target, origin) {
|
|
|
63
63
|
* calculated based on the relative positions of the two bounding boxes.
|
|
64
64
|
*/
|
|
65
65
|
function updateBoxDelta(delta, source, target, origin) {
|
|
66
|
-
updateAxisDelta(delta.x, source.x, target.x, defaultOrigin(origin.originX));
|
|
66
|
+
updateAxisDelta(delta.x, source.x, target.x, defaultOrigin(origin.originX)); // @ts-expect-error
|
|
67
67
|
updateAxisDelta(delta.y, source.y, target.y, defaultOrigin(origin.originY));
|
|
68
68
|
}
|
|
69
69
|
/**
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { Axis, AxisBox2D, BoundingBox2D, BoxDelta, TransformPoint2D } from
|
|
5
|
+
import type { Axis, AxisBox2D, BoundingBox2D, BoxDelta, TransformPoint2D } from '../../types/geometry';
|
|
6
6
|
/**
|
|
7
7
|
* Calculate the center point of the provided axis
|
|
8
8
|
*/
|
|
@@ -12,8 +12,8 @@ export type calcAxisCenter = ({ min, max }: Axis) => number;
|
|
|
12
12
|
* it's easier to consider each axis individually. This function returns a bounding box
|
|
13
13
|
* as a map of single-axis min/max values.
|
|
14
14
|
*/
|
|
15
|
-
declare function convertBoundingBoxToAxisBox({ top, left, right, bottom
|
|
16
|
-
declare function convertAxisBoxToBoundingBox({ x, y
|
|
15
|
+
declare function convertBoundingBoxToAxisBox({ top, left, right, bottom }: BoundingBox2D): AxisBox2D;
|
|
16
|
+
declare function convertAxisBoxToBoundingBox({ x, y }: AxisBox2D): BoundingBox2D;
|
|
17
17
|
/**
|
|
18
18
|
* Applies a TransformPoint function to a bounding box. TransformPoint is usually a function
|
|
19
19
|
* provided by Framer to allow measured points to be corrected for device scaling. This is used
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/utils/geometry/index.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEvG;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,IAAI,KAAK,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/utils/geometry/index.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEvG;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,IAAI,KAAK,MAAM,CAAC;AAQ5D;;;;GAIG;AACH,iBAAS,2BAA2B,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,GAI1E,SAAS,CACd;AACD,iBAAS,2BAA2B,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,GAMlD,aAAa,CAClB;AACD;;;;GAIG;AACH,iBAAS,oBAAoB,CAC5B,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,aAAa,EAC3C,cAAc,CAAC,EAAE,gBAAgB,GAC/B,aAAa,CAYf;AACD;;GAEG;AACH,iBAAS,OAAO,IAAI,SAAS,CAE5B;AACD,iBAAS,WAAW,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,CAK9C;AAUD,iBAAS,KAAK,IAAI,QAAQ,CAKzB;AAED,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,WAAW,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -2,20 +2,19 @@
|
|
|
2
2
|
based on framer-motion@4.1.15,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { __assign } from 'tslib';
|
|
6
5
|
import { noop } from '../noop.js';
|
|
7
6
|
/**
|
|
8
7
|
* Bounding boxes tend to be defined as top, left, right, bottom. For various operations
|
|
9
8
|
* it's easier to consider each axis individually. This function returns a bounding box
|
|
10
9
|
* as a map of single-axis min/max values.
|
|
11
10
|
*/
|
|
12
|
-
function convertBoundingBoxToAxisBox({ top, left, right, bottom
|
|
11
|
+
function convertBoundingBoxToAxisBox({ top, left, right, bottom }) {
|
|
13
12
|
return {
|
|
14
13
|
x: { min: left, max: right },
|
|
15
14
|
y: { min: top, max: bottom },
|
|
16
15
|
};
|
|
17
16
|
}
|
|
18
|
-
function convertAxisBoxToBoundingBox({ x, y
|
|
17
|
+
function convertAxisBoxToBoundingBox({ x, y }) {
|
|
19
18
|
return {
|
|
20
19
|
top: y.min,
|
|
21
20
|
bottom: y.max,
|
|
@@ -49,8 +48,8 @@ function axisBox() {
|
|
|
49
48
|
}
|
|
50
49
|
function copyAxisBox(box) {
|
|
51
50
|
return {
|
|
52
|
-
x:
|
|
53
|
-
y:
|
|
51
|
+
x: Object.assign({}, box.x),
|
|
52
|
+
y: Object.assign({}, box.y),
|
|
54
53
|
};
|
|
55
54
|
}
|
|
56
55
|
/**
|
|
@@ -64,8 +63,8 @@ var zeroDelta = {
|
|
|
64
63
|
};
|
|
65
64
|
function delta() {
|
|
66
65
|
return {
|
|
67
|
-
x:
|
|
68
|
-
y:
|
|
66
|
+
x: Object.assign({}, zeroDelta),
|
|
67
|
+
y: Object.assign({}, zeroDelta),
|
|
69
68
|
};
|
|
70
69
|
}
|
|
71
70
|
export { axisBox, convertAxisBoxToBoundingBox, convertBoundingBoxToAxisBox, copyAxisBox, delta, transformBoundingBox };
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { MutableRefObject } from "react";
|
|
6
5
|
/**
|
|
7
6
|
based on framer-motion@4.0.3,
|
|
8
7
|
Copyright (c) 2018 Framer B.V.
|
|
9
8
|
*/
|
|
10
|
-
declare function isRefObject<E = any>(ref: any): ref is
|
|
9
|
+
declare function isRefObject<E = any>(ref: any): ref is {
|
|
10
|
+
current: E;
|
|
11
|
+
};
|
|
11
12
|
export { isRefObject };
|
|
12
13
|
//# sourceMappingURL=is-ref-object.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is-ref-object.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/is-ref-object.ts"],"names":[],"mappings":"AAAA;;;EAGE;
|
|
1
|
+
{"version":3,"file":"is-ref-object.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/is-ref-object.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF;;;EAGE;AACF,iBAAS,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,IAAI;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
2
6
|
based on framer-motion@4.0.3,
|
|
3
7
|
Copyright (c) 2018 Framer B.V.
|
|
4
8
|
*/
|
|
5
9
|
function isRefObject(ref) {
|
|
6
|
-
return
|
|
7
|
-
Object.prototype.hasOwnProperty.call(ref, "current"));
|
|
10
|
+
return typeof ref === 'object' && Object.prototype.hasOwnProperty.call(ref, 'current');
|
|
8
11
|
}
|
|
9
12
|
export { isRefObject };
|
|
@@ -6,7 +6,7 @@ type GenericHandler = (...args: any) => void;
|
|
|
6
6
|
declare class SubscriptionManager<Handler extends GenericHandler> {
|
|
7
7
|
private subscriptions;
|
|
8
8
|
add: (handler: Handler) => () => void;
|
|
9
|
-
notify: (a
|
|
9
|
+
notify: (...[a, b, c]: Parameters<Handler>) => void;
|
|
10
10
|
getSize: () => number;
|
|
11
11
|
clear: () => void;
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"subscription-manager.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/subscription-manager.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,KAAK,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAC7C,cAAM,mBAAmB,CAAC,OAAO,SAAS,cAAc;IACvD,OAAO,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"subscription-manager.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/subscription-manager.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,KAAK,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAC7C,cAAM,mBAAmB,CAAC,OAAO,SAAS,cAAc;IACvD,OAAO,CAAC,aAAa,CAA+C;IACpE,GAAG,YAAa,OAAO,gBAKrB;IACF,MAAM,iBAAkB,UAAU,CAAC,OAAO,CAAC,UAkBzC;IACF,OAAO,eAEL;IACF,KAAK,aAEH;CACF;AAQD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/transform.ts"],"names":[],"mappings":"AAAA;;;EAGE;
|
|
1
|
+
{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/transform.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAGF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;CAC/C;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,SAAS,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACpH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,SAAS,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,CAAC;AAYxH,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/utils/transform.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
2
6
|
based on framer-motion@4.0.3,
|
|
3
7
|
Copyright (c) 2018 Framer B.V.
|
|
4
8
|
*/
|
|
5
9
|
import { fixed } from './fix-process-env';
|
|
6
|
-
import { __assign } from 'tslib';
|
|
7
10
|
import { interpolate } from 'popmotion';
|
|
8
|
-
var isCustomValueType =
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
var getMixer = function (v) { return (isCustomValueType(v) ? v.mix : undefined); };
|
|
11
|
+
var isCustomValueType = (v) => typeof v === 'object' && v.mix;
|
|
12
|
+
var getMixer = (v) => (isCustomValueType(v) ? v.mix : undefined);
|
|
12
13
|
function transform(...args) {
|
|
13
14
|
var useImmediate = !Array.isArray(args[0]);
|
|
14
15
|
var argOffset = useImmediate ? 0 : -1;
|
|
@@ -16,7 +17,7 @@ function transform(...args) {
|
|
|
16
17
|
var inputRange = args[1 + argOffset];
|
|
17
18
|
var outputRange = args[2 + argOffset];
|
|
18
19
|
var options = args[3 + argOffset];
|
|
19
|
-
var interpolator = interpolate(inputRange, outputRange,
|
|
20
|
+
var interpolator = interpolate(inputRange, outputRange, Object.assign({ mixer: getMixer(outputRange[0]) }, options));
|
|
20
21
|
return useImmediate ? interpolator(inputValue) : interpolator;
|
|
21
22
|
}
|
|
22
23
|
export { transform };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-force-update.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/use-force-update.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,
|
|
1
|
+
{"version":3,"file":"use-force-update.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/use-force-update.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC"}
|
package/dist/value/index.js
CHANGED
|
@@ -449,7 +449,7 @@ export class MotionValue {
|
|
|
449
449
|
value: (animation) => {
|
|
450
450
|
this.stop();
|
|
451
451
|
return new Promise((resolve) => {
|
|
452
|
-
this.hasAnimated = true;
|
|
452
|
+
this.hasAnimated = true; // @ts-expect-error
|
|
453
453
|
this.stopAnimation = animation(resolve);
|
|
454
454
|
}).then(() => {
|
|
455
455
|
return this.clearAnimation();
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type {
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import type { ScrollMotionValues } from './utils';
|
|
6
|
+
export declare const useElementScroll: (ref: {
|
|
7
|
+
current: HTMLElement | null;
|
|
8
|
+
}) => ScrollMotionValues;
|
|
8
9
|
//# sourceMappingURL=use-element-scroll.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-element-scroll.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/value/scroll/use-element-scroll.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"use-element-scroll.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/value/scroll/use-element-scroll.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA2BlD,eAAO,MAAM,gBAAgB,QAAS;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,KA4BnD,kBACjB,CAAC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
based on framer-motion@4.1.16,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { createScrollMotionValues, createScrollUpdater
|
|
6
|
-
import { addDomEvent } from
|
|
5
|
+
import { createScrollMotionValues, createScrollUpdater } from './utils';
|
|
6
|
+
import { addDomEvent } from '../../events/use-dom-event';
|
|
7
7
|
const getElementScrollOffsets = (element) => () => {
|
|
8
8
|
return {
|
|
9
9
|
xOffset: element.scrollLeft,
|
|
@@ -15,20 +15,19 @@ const getElementScrollOffsets = (element) => () => {
|
|
|
15
15
|
export const useElementScroll = (ref) => {
|
|
16
16
|
const values = {};
|
|
17
17
|
const setScroll = async () => {
|
|
18
|
-
if (typeof window ===
|
|
18
|
+
if (typeof window === 'undefined')
|
|
19
19
|
return () => { };
|
|
20
20
|
let times = 10;
|
|
21
21
|
while ((!ref || !ref.current) && !values.ref) {
|
|
22
22
|
if (times-- < 1) {
|
|
23
23
|
return () => { };
|
|
24
24
|
}
|
|
25
|
-
;
|
|
26
|
-
await new Promise(r => setTimeout(() => r(), 200));
|
|
25
|
+
await new Promise((r) => setTimeout(() => r(), 200));
|
|
27
26
|
}
|
|
28
|
-
const element =
|
|
27
|
+
const element = ref && ref.current ? ref : values.ref;
|
|
29
28
|
const updateScrollValues = createScrollUpdater(values, getElementScrollOffsets(element));
|
|
30
|
-
const scrollListener = addDomEvent(element,
|
|
31
|
-
const resizeListener = addDomEvent(element,
|
|
29
|
+
const scrollListener = addDomEvent(element, 'scroll', updateScrollValues, { passive: true });
|
|
30
|
+
const resizeListener = addDomEvent(element, 'resize', updateScrollValues);
|
|
32
31
|
return () => {
|
|
33
32
|
scrollListener && scrollListener();
|
|
34
33
|
resizeListener && resizeListener();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { MotionValue } from
|
|
5
|
+
import type { MotionValue } from '../index.js';
|
|
6
6
|
/**
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
@@ -19,7 +19,7 @@ export interface ScrollOffsets {
|
|
|
19
19
|
yMaxOffset: number;
|
|
20
20
|
}
|
|
21
21
|
export type GetScrollOffsets = () => ScrollOffsets;
|
|
22
|
-
declare function createScrollMotionValues(startStopNotifier?:
|
|
22
|
+
declare function createScrollMotionValues(startStopNotifier?: () => Promise<() => void>): ScrollMotionValues;
|
|
23
23
|
declare function createScrollUpdater(values: ScrollMotionValues, getOffsets: GetScrollOffsets): () => void;
|
|
24
24
|
export { createScrollMotionValues, createScrollUpdater };
|
|
25
25
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/value/scroll/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/value/scroll/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAClC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACrC;AACD,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,MAAM,gBAAgB,GAAG,MAAM,aAAa,CAAC;AAQnD,iBAAS,wBAAwB,CAAC,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,IAAI,CAAC,GAAG,kBAAkB,CA2BnG;AAMD,iBAAS,mBAAmB,CAAC,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,gBAAgB,cAgBpF;AAED,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import { MotionValue } from "../index.js";
|
|
6
|
-
/**
|
|
7
2
|
based on framer-motion@4.0.3,
|
|
8
3
|
Copyright (c) 2018 Framer B.V.
|
|
9
4
|
*/
|
|
@@ -11,33 +6,34 @@ import { motionValue } from '../index.js';
|
|
|
11
6
|
function createScrollMotionValues(startStopNotifier) {
|
|
12
7
|
const hasListener = { x: false, y: false, xp: false, yp: false };
|
|
13
8
|
let stop;
|
|
14
|
-
const jointNotifier = startStopNotifier
|
|
15
|
-
|
|
16
|
-
stop = startStopNotifier();
|
|
17
|
-
}
|
|
18
|
-
hasListener[type] = true;
|
|
19
|
-
return () => {
|
|
20
|
-
hasListener[type] = false;
|
|
9
|
+
const jointNotifier = startStopNotifier
|
|
10
|
+
? (type) => () => {
|
|
21
11
|
if (!hasListener.x && !hasListener.y && !hasListener.xp && !hasListener.yp) {
|
|
22
|
-
|
|
23
|
-
stop.then(v => v());
|
|
24
|
-
}
|
|
12
|
+
stop = startStopNotifier();
|
|
25
13
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
14
|
+
hasListener[type] = true;
|
|
15
|
+
return () => {
|
|
16
|
+
hasListener[type] = false;
|
|
17
|
+
if (!hasListener.x && !hasListener.y && !hasListener.xp && !hasListener.yp) {
|
|
18
|
+
if (stop) {
|
|
19
|
+
stop.then((v) => v());
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
: () => void {};
|
|
25
|
+
return {
|
|
26
|
+
scrollX: motionValue(0, jointNotifier('x')),
|
|
27
|
+
scrollY: motionValue(0, jointNotifier('y')),
|
|
28
|
+
scrollXProgress: motionValue(0, jointNotifier('xp')),
|
|
29
|
+
scrollYProgress: motionValue(0, jointNotifier('yp')),
|
|
33
30
|
};
|
|
34
|
-
return smvs;
|
|
35
31
|
}
|
|
36
32
|
function setProgress(offset, maxOffset, value) {
|
|
37
33
|
value.set(!offset || !maxOffset ? 0 : offset / maxOffset);
|
|
38
34
|
}
|
|
39
35
|
function createScrollUpdater(values, getOffsets) {
|
|
40
|
-
var update =
|
|
36
|
+
var update = () => {
|
|
41
37
|
var _a = getOffsets(), xOffset = _a.xOffset, yOffset = _a.yOffset, xMaxOffset = _a.xMaxOffset, yMaxOffset = _a.yMaxOffset;
|
|
42
38
|
// Set absolute positions
|
|
43
39
|
values.scrollX.set(xOffset);
|
|
@@ -3,7 +3,7 @@ based on framer-motion@4.1.17,
|
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
5
|
import type { MotionValue } from '.';
|
|
6
|
-
export declare const useCombineMotionValues: <R>(values: MotionValue[], combineValues: () => R) => MotionValue<R> & {
|
|
6
|
+
export declare const useCombineMotionValues: <R>(values: (MotionValue | (() => R))[], combineValues: () => R) => MotionValue<R> & {
|
|
7
7
|
reset: (values: MotionValue[], combineValues: () => R) => void;
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=use-combine-values.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-combine-values.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-combine-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AASrC,eAAO,MAAM,sBAAsB,GAAI,CAAC,UAAU,WAAW,EAAE,iBAAiB,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"use-combine-values.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-combine-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AASrC,eAAO,MAAM,sBAAsB,GAAI,CAAC,UAAU,CAAC,WAAW,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,iBAAiB,MAAM,CAAC;WAiBpE,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,MAAM,CAAC,KAAK,IAAI;CAqBvF,CAAC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { SpringOptions } from
|
|
6
|
-
import { MotionValue } from
|
|
5
|
+
import type { SpringOptions } from 'popmotion';
|
|
6
|
+
import type { MotionValue } from '.';
|
|
7
7
|
/**
|
|
8
8
|
* Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.
|
|
9
9
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-spring.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-spring.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"use-spring.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-spring.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAerC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,WAAY,WAAW,GAAG,MAAM,WAAU,aAAa;WAMpE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI;CAgC/C,CAAC"}
|
package/dist/value/use-spring.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import { MotionValue } from ".";
|
|
2
1
|
/**
|
|
3
2
|
based on framer-motion@4.1.16,
|
|
4
3
|
Copyright (c) 2018 Framer B.V.
|
|
5
4
|
*/
|
|
6
5
|
import { fixed } from '../utils/fix-process-env';
|
|
7
|
-
import { getContext } from
|
|
8
|
-
import { MotionConfigContext } from
|
|
6
|
+
import { getContext } from 'svelte';
|
|
7
|
+
import { MotionConfigContext } from '../context/MotionConfigContext';
|
|
9
8
|
import { get } from 'svelte/store';
|
|
10
|
-
import { useMotionValue } from
|
|
11
|
-
import { isMotionValue } from
|
|
12
|
-
import { animate } from
|
|
9
|
+
import { useMotionValue } from './use-motion-value';
|
|
10
|
+
import { isMotionValue } from './utils/is-motion-value';
|
|
11
|
+
import { animate } from 'popmotion';
|
|
13
12
|
/**
|
|
14
13
|
* Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.
|
|
15
14
|
*
|
|
@@ -32,8 +31,7 @@ import { animate } from "popmotion";
|
|
|
32
31
|
export const useSpring = (source, config = {}, isCustom = false) => {
|
|
33
32
|
const mcc = getContext(MotionConfigContext) || MotionConfigContext(isCustom);
|
|
34
33
|
let activeSpringAnimation = null;
|
|
35
|
-
|
|
36
|
-
let cleanup;
|
|
34
|
+
const value = useMotionValue(isMotionValue(source) ? source.get() : source);
|
|
37
35
|
const update = (_source, _config) => {
|
|
38
36
|
value.attach((v, set) => {
|
|
39
37
|
const { isStatic } = get(mcc);
|
|
@@ -52,10 +50,7 @@ export const useSpring = (source, config = {}, isCustom = false) => {
|
|
|
52
50
|
});
|
|
53
51
|
return value.get();
|
|
54
52
|
});
|
|
55
|
-
|
|
56
|
-
return isMotionValue(_source) ?
|
|
57
|
-
_source.onChange(v => value.set(parseFloat(v))) :
|
|
58
|
-
undefined;
|
|
53
|
+
return isMotionValue(_source) ? _source.onChange((v) => value.set(Number.parseFloat(v))) : undefined;
|
|
59
54
|
};
|
|
60
55
|
update(source, config);
|
|
61
56
|
value.reset = update;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D;;;GAGG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAKrC,MAAM,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAClC,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AAU/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;
|
|
1
|
+
{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D;;;GAGG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAKrC,MAAM,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAClC,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AAU/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAChC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAC1B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,CAAC,EAAE,EAChB,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC3B,WAAW,CAAC,CAAC,CAAC,GAAG;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACrH,CAAC;AACF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAChC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,WAAW,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GAClC,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAA;CAAE,CAAC"}
|
|
@@ -50,7 +50,7 @@ import { useCombineMotionValues } from './use-combine-values';
|
|
|
50
50
|
* @public
|
|
51
51
|
*/
|
|
52
52
|
export function useTransform(input, inputRangeOrTransformer, outputRange, options) {
|
|
53
|
-
|
|
53
|
+
const latest = [];
|
|
54
54
|
const update = (input, inputRangeOrTransformer, outputRange, options) => {
|
|
55
55
|
const transformer = typeof inputRangeOrTransformer === 'function'
|
|
56
56
|
? inputRangeOrTransformer
|
|
@@ -63,6 +63,7 @@ export function useTransform(input, inputRangeOrTransformer, outputRange, option
|
|
|
63
63
|
latest.length = 0;
|
|
64
64
|
const numValues = values.length;
|
|
65
65
|
for (let i = 0; i < numValues; i++) {
|
|
66
|
+
// @ts-expect-error
|
|
66
67
|
latest[i] = values[i].get();
|
|
67
68
|
}
|
|
68
69
|
return _transformer(latest);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { MotionValue } from
|
|
5
|
+
import type { MotionValue } from './index.js';
|
|
6
6
|
/**
|
|
7
7
|
* Creates a `MotionValue` that updates when the velocity of the provided `MotionValue` changes.
|
|
8
8
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-velocity.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-velocity.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-velocity.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-velocity.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,UAAW,WAAW,CAAC,MAAM,CAAC;mBAI/B,WAAW,CAAC,MAAM,CAAC;CAqBzC,CAAC"}
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import { MotionValue } from "./index.js";
|
|
6
|
-
import { useMotionValue } from "./use-motion-value.js";
|
|
1
|
+
import { useMotionValue } from './use-motion-value.js';
|
|
7
2
|
/**
|
|
8
3
|
* Creates a `MotionValue` that updates when the velocity of the provided `MotionValue` changes.
|
|
9
4
|
*
|