motion-start 0.0.3 → 0.1.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 +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 +14 -14
- 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 +1 -16
- package/dist/events/UseDomEvent.svelte.d.ts +1 -2
- 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 +2 -2
- 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 +19 -14
- 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 +43 -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/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 +20 -19
- 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 +3 -2
- 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 +1 -1
- package/dist/render/dom/{M.svelte → Motion-Proxy.svelte} +8 -1
- 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 +2 -2
- 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 +933 -1
- package/dist/render/dom/motion-minimal.d.ts.map +1 -1
- package/dist/render/dom/motion-minimal.js +9 -5
- 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 +966 -0
- package/dist/render/dom/motion.d.ts.map +1 -0
- package/dist/render/dom/motion.js +7 -3
- 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 +19 -2
- package/dist/render/html/UseInitialMotionValues.svelte +1 -1
- package/dist/render/html/UseStyle.svelte +3 -18
- 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 +7 -19
- package/dist/render/html/types.d.ts.map +1 -1
- package/dist/render/html/use-props.d.ts +7 -7
- package/dist/render/html/use-props.d.ts.map +1 -1
- package/dist/render/html/use-props.js +14 -1
- 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 +2305 -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 +1 -1
- package/dist/render/svg/UseSVGProps.svelte.d.ts +6 -2
- 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 +29 -34
- 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/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.map +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-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 +34 -24
- 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/render/html/UseHTMLProps.svelte.d.ts +0 -36
- package/dist/render/html/UseHTMLProps.svelte.d.ts.map +0 -1
- 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
|
@@ -14,15 +14,16 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
14
14
|
let { onPan, onPanStart, onPanEnd, onPanSessionStart } = props;
|
|
15
15
|
$: ({ onPan, onPanStart, onPanEnd, onPanSessionStart } = props);
|
|
16
16
|
$: hasPanEvents = onPan || onPanStart || onPanEnd || onPanSessionStart;
|
|
17
|
-
let panSession = null;
|
|
17
|
+
let panSession: PanSession | null = null;
|
|
18
18
|
const mcc = getContext(MotionConfigContext) || MotionConfigContext(isCustom);
|
|
19
|
-
|
|
20
|
-
$: ({ transformPagePoint } =
|
|
19
|
+
// @ts-expect-error
|
|
20
|
+
$: ( { transformPagePoint } = get(mcc));
|
|
21
|
+
// $: ({ transformPagePoint } = $mcc);
|
|
21
22
|
let handlers = {
|
|
22
23
|
onSessionStart: onPanSessionStart,
|
|
23
24
|
onStart: onPanStart,
|
|
24
25
|
onMove: onPan,
|
|
25
|
-
onEnd: (event, info) => {
|
|
26
|
+
onEnd: (event: any, info: any) => {
|
|
26
27
|
panSession = null;
|
|
27
28
|
onPanEnd && onPanEnd(event, info);
|
|
28
29
|
},
|
|
@@ -36,7 +37,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
36
37
|
onPanEnd && onPanEnd(event, info);
|
|
37
38
|
},
|
|
38
39
|
};
|
|
39
|
-
function onPointerDown(event) {
|
|
40
|
+
function onPointerDown(event: PointerEvent) {
|
|
40
41
|
panSession = new PanSession(event, handlers, {
|
|
41
42
|
transformPagePoint,
|
|
42
43
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UsePanGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UsePanGesture.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UsePanGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UsePanGesture.svelte.ts"],"names":[],"mappings":"AAkEA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,aAAa;;;;;;;;;;cAAmF,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}
|
|
@@ -12,13 +12,13 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
12
12
|
import { isDragActive } from "./drag/utils/lock.js";
|
|
13
13
|
import { isNodeOrChild } from "./utils/is-node-or-child.js";
|
|
14
14
|
|
|
15
|
-
export let props, visualElement;
|
|
15
|
+
export let props, visualElement: any;
|
|
16
16
|
|
|
17
17
|
$: ({ onTap, onTapStart, onTapCancel, whileTap } = props);
|
|
18
18
|
$: hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
|
|
19
19
|
|
|
20
20
|
let isPressing = false;
|
|
21
|
-
let cancelPointerEndListeners = null;
|
|
21
|
+
let cancelPointerEndListeners: Function | null = null;
|
|
22
22
|
|
|
23
23
|
function removePointerEndListener() {
|
|
24
24
|
cancelPointerEndListeners?.();
|
|
@@ -32,7 +32,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
32
32
|
return !isDragActive();
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
function onPointerUp(event, info) {
|
|
35
|
+
function onPointerUp(event: { target: Element | null | undefined }, info: any) {
|
|
36
36
|
if (!checkPointerEnd()) return;
|
|
37
37
|
|
|
38
38
|
/**
|
|
@@ -44,18 +44,19 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
44
44
|
: onTap?.(event, info);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
function onPointerCancel(event, info) {
|
|
47
|
+
function onPointerCancel(event: any, info: any) {
|
|
48
48
|
if (!checkPointerEnd()) return;
|
|
49
49
|
|
|
50
50
|
onTapCancel?.(event, info);
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
function onPointerDown(event, info) {
|
|
53
|
+
function onPointerDown(event?: any, info?: any) {
|
|
54
54
|
if (isPressing) return;
|
|
55
55
|
removePointerEndListener();
|
|
56
56
|
isPressing = true;
|
|
57
57
|
|
|
58
58
|
cancelPointerEndListeners = pipe(
|
|
59
|
+
// @ts-expect-error
|
|
59
60
|
addPointerEvent(window, "pointerup", onPointerUp),
|
|
60
61
|
addPointerEvent(window, "pointercancel", onPointerCancel)
|
|
61
62
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseTapGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseTapGesture.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UseTapGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseTapGesture.svelte.ts"],"names":[],"mappings":"AAsFA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,aAAa;;mBAfmF,GAAG;;;;;;;cAeH,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}
|
|
@@ -22,8 +22,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
22
22
|
|
|
23
23
|
// If we've been provided a DragControls for manual control over the drag gesture,
|
|
24
24
|
// subscribe this component to it on mount.
|
|
25
|
-
let cleanup;
|
|
26
|
-
const dragEffect = () => {
|
|
25
|
+
let cleanup: () => void;
|
|
26
|
+
const dragEffect = (dragControls?: VisualElementDragControls) => {
|
|
27
27
|
if (cleanup) {
|
|
28
28
|
cleanup();
|
|
29
29
|
}
|
|
@@ -2,89 +2,7 @@
|
|
|
2
2
|
Copyright (c) 2018 Framer B.V. -->
|
|
3
3
|
|
|
4
4
|
<script module lang="ts">
|
|
5
|
-
|
|
6
|
-
* Can manually trigger a drag gesture on one or more `drag`-enabled `motion` components.
|
|
7
|
-
*
|
|
8
|
-
* @library
|
|
9
|
-
*
|
|
10
|
-
* ```jsx
|
|
11
|
-
* const dragControls = useDragControls()
|
|
12
|
-
*
|
|
13
|
-
* function startDrag(event) {
|
|
14
|
-
* dragControls.start(event, { snapToCursor: true })
|
|
15
|
-
* }
|
|
16
|
-
*
|
|
17
|
-
* return (
|
|
18
|
-
* <>
|
|
19
|
-
* <Frame onTapStart={startDrag} />
|
|
20
|
-
* <Frame drag="x" dragControls={dragControls} />
|
|
21
|
-
* </>
|
|
22
|
-
* )
|
|
23
|
-
* ```
|
|
24
|
-
*
|
|
25
|
-
* @motion
|
|
26
|
-
*
|
|
27
|
-
* ```jsx
|
|
28
|
-
* const dragControls = useDragControls()
|
|
29
|
-
*
|
|
30
|
-
* function startDrag(event) {
|
|
31
|
-
* dragControls.start(event, { snapToCursor: true })
|
|
32
|
-
* }
|
|
33
|
-
*
|
|
34
|
-
* return (
|
|
35
|
-
* <>
|
|
36
|
-
* <div onPointerDown={startDrag} />
|
|
37
|
-
* <MotionDiv drag="x" dragControls={dragControls} />
|
|
38
|
-
* </>
|
|
39
|
-
* )
|
|
40
|
-
* ```
|
|
41
|
-
*
|
|
42
|
-
* @public
|
|
43
|
-
*/
|
|
44
|
-
export class DragControls {
|
|
45
|
-
private componentControls;
|
|
46
|
-
|
|
47
|
-
constructor() {
|
|
48
|
-
this.componentControls = new Set();
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* Subscribe a component's internal `VisualElementDragControls` to the user-facing API.
|
|
52
|
-
*
|
|
53
|
-
* @internal
|
|
54
|
-
*/
|
|
55
|
-
subscribe = (controls) => {
|
|
56
|
-
var _this = this;
|
|
57
|
-
this.componentControls.add(controls);
|
|
58
|
-
return () => _this.componentControls.delete(controls);
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* Start a drag gesture on every `motion` component that has this set of drag controls
|
|
62
|
-
* passed into it via the `dragControls` prop.
|
|
63
|
-
*
|
|
64
|
-
* ```jsx
|
|
65
|
-
* dragControls.start(e, {
|
|
66
|
-
* snapToCursor: true
|
|
67
|
-
* })
|
|
68
|
-
* ```
|
|
69
|
-
*
|
|
70
|
-
* @param event - PointerEvent
|
|
71
|
-
* @param options - Options
|
|
72
|
-
*
|
|
73
|
-
* @public
|
|
74
|
-
*/
|
|
75
|
-
start = (event, options) => {
|
|
76
|
-
this.componentControls.forEach((controls: any) => {
|
|
77
|
-
controls.start(event.nativeEvent || event, options);
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
updateConstraints = () => {
|
|
81
|
-
this.componentControls.forEach((controls: any) => {
|
|
82
|
-
controls.prepareBoundingBox();
|
|
83
|
-
controls.resolveDragConstraints();
|
|
84
|
-
});
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
|
|
5
|
+
import { DragControls } from "./use-drag-controls";
|
|
88
6
|
const createDragControls = () => new DragControls();
|
|
89
7
|
</script>
|
|
90
8
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { DragControls } from "./use-drag-controls";
|
|
1
2
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
3
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
4
|
$$bindings?: Bindings;
|
|
@@ -11,9 +12,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
11
12
|
};
|
|
12
13
|
z_$$bindings?: Bindings;
|
|
13
14
|
}
|
|
14
|
-
declare const UseDragControls: $$__sveltets_2_IsomorphicComponent<
|
|
15
|
+
declare const UseDragControls: $$__sveltets_2_IsomorphicComponent<any, {
|
|
15
16
|
[evt: string]: CustomEvent<any>;
|
|
16
|
-
}, {
|
|
17
|
+
}, {
|
|
18
|
+
default: {
|
|
19
|
+
dragControls: DragControls;
|
|
20
|
+
};
|
|
21
|
+
}, {}, string>;
|
|
17
22
|
type UseDragControls = InstanceType<typeof UseDragControls>;
|
|
18
23
|
export default UseDragControls;
|
|
19
24
|
//# sourceMappingURL=UseDragControls.svelte.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseDragControls.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDragControls.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UseDragControls.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDragControls.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAyCrD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,eAAe;;;;;;cAAmF,CAAC;AACvF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualElementDragControls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/VisualElementDragControls.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VisualElementDragControls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/VisualElementDragControls.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAa,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAGnE,UAAU,iBAAiB;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC7B;AACD,MAAM,WAAW,kBAAkB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,UAAU,iBAAkB,SAAQ,cAAc;IACjD,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;CACtC;AAED,MAAM,MAAM,8BAA8B,GAAG,CAAC,EAAE,eAAe,EAAE,wBAAwB,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAyCrH,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,yBAAyB,CAAiB,CAAC;AAMrG,cAAM,yBAAyB;IAC9B;;;;OAIG;IACH,UAAU,UAAS;IACnB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAA8B;IACtD;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAsC;IACzD;;;;OAIG;IACH,OAAO,CAAC,OAAO,CAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,KAAK,CAAuC;IACpD;;OAEG;IACH,OAAO,CAAC,aAAa,CAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IACtC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAC,CAAM;IAC3B;;;;;;OAMG;IACH,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,cAAc,CAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAY;gBAEvB,EAAE,aAAa,EAAE,EAAE,iBAAiB;IAKhD;;;;OAIG;IACH,KAAK,gBACS,YAAY,qCAC6B,kBAAkB,UAyIvE;IACF,sBAAsB,aAuBpB;IACF,OAAO,CAAC,qBAAqB,CAqB3B;IACF,OAAO,CAAC,UAAU,CAahB;IACF,OAAO,CAAC,IAAI,CAWV;IACF,YAAY,UAAW,OAAO,aAkB5B;IACF;;OAEG;IACH,OAAO,CAAC,UAAU,CAOhB;IACF,OAAO,CAAC,qBAAqB,CAM3B;IACF,OAAO,CAAC,uBAAuB,CAmB7B;IACF,QAAQ,gHAQL,iBAAiB,GAAG,WAAW,UAUhC;IACF;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAUxB;IACF,OAAO,CAAC,YAAY,CAElB;IACF,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,cAAc,CA4EpB;IACF,UAAU,aAKR;IACF,OAAO,CAAC,uBAAuB,CAO7B;IACF,UAAU,aAsCR;IACF,iBAAiB,aAAc,MAAM,IAAI,UAWvC;IACF,KAAK,kBAAmB,aAAa,KAAG,CAAC,MAAM,IAAI,CAAC,CA6ClD;CACF;AA0BD,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -4,7 +4,6 @@ Copyright (c) 2018 Framer B.V.
|
|
|
4
4
|
*/
|
|
5
5
|
import { flushSync } from 'framesync';
|
|
6
6
|
import { progress } from 'popmotion';
|
|
7
|
-
import { __assign, __read, __spreadArray } from 'tslib';
|
|
8
7
|
import { startAnimation } from '../../animation/utils/transitions.js';
|
|
9
8
|
import { getViewportPointFromEvent } from '../../events/event-info.js';
|
|
10
9
|
import { addDomEvent } from '../../events/use-dom-event.js';
|
|
@@ -183,7 +182,7 @@ class VisualElementDragControls {
|
|
|
183
182
|
this.cancelLayout = batchLayout((read, write) => {
|
|
184
183
|
var ancestors = collectProjectingAncestors(_self.visualElement);
|
|
185
184
|
var children = collectProjectingChildren(_self.visualElement);
|
|
186
|
-
var tree =
|
|
185
|
+
var tree = [...ancestors, ...children];
|
|
187
186
|
var hasManuallySetCursorOrigin = false;
|
|
188
187
|
/**
|
|
189
188
|
* Apply a simple lock to the projection target. This ensures no animations
|
|
@@ -296,9 +295,9 @@ class VisualElementDragControls {
|
|
|
296
295
|
};
|
|
297
296
|
const transformPagePoint = this.props.transformPagePoint;
|
|
298
297
|
this.panSession = new PanSession(originEvent, {
|
|
299
|
-
onSessionStart,
|
|
300
|
-
onStart,
|
|
301
|
-
onMove,
|
|
298
|
+
onSessionStart, // @ts-expect-error
|
|
299
|
+
onStart, // @ts-expect-error
|
|
300
|
+
onMove, // @ts-expect-error
|
|
302
301
|
onSessionEnd,
|
|
303
302
|
}, { transformPagePoint: transformPagePoint });
|
|
304
303
|
}
|
|
@@ -318,6 +317,7 @@ class VisualElementDragControls {
|
|
|
318
317
|
else {
|
|
319
318
|
this.constraints = false;
|
|
320
319
|
}
|
|
320
|
+
// @ts-expect-error
|
|
321
321
|
this.elastic = resolveDragElastic(dragElastic);
|
|
322
322
|
/**
|
|
323
323
|
* If we're outputting to external MotionValues, we want to rebase the measured constraints
|
|
@@ -325,7 +325,7 @@ class VisualElementDragControls {
|
|
|
325
325
|
*/
|
|
326
326
|
if (this.constraints && !this.hasMutatedConstraints) {
|
|
327
327
|
eachAxis((axis) => {
|
|
328
|
-
if (this.getAxisMotionValue(axis)) {
|
|
328
|
+
if (this.getAxisMotionValue(axis)) { // @ts-expect-error
|
|
329
329
|
this.constraints[axis] = rebaseAxisConstraints(layout[axis], this.constraints[axis]);
|
|
330
330
|
}
|
|
331
331
|
});
|
|
@@ -464,7 +464,8 @@ class VisualElementDragControls {
|
|
|
464
464
|
// Get the initial progress that the pointer sat on this axis on gesture start.
|
|
465
465
|
var axisProgress = this.cursorProgress[axis];
|
|
466
466
|
// Calculate a new min point based on the latest pointer position, constraints and elastic
|
|
467
|
-
var min = calcConstrainedMinPoint(point[axis], axisLength, axisProgress,
|
|
467
|
+
var min = calcConstrainedMinPoint(point[axis], axisLength, axisProgress, // @ts-expect-error
|
|
468
|
+
(_a = this.constraints) === null || _a === void 0 ? void 0 : _a[axis], this.elastic[axis]);
|
|
468
469
|
// Update the axis viewport target with this new min and the length
|
|
469
470
|
this.visualElement.setProjectionTargetAxis(axis, min, min + axisLength);
|
|
470
471
|
}
|
|
@@ -499,8 +500,8 @@ class VisualElementDragControls {
|
|
|
499
500
|
writable: true,
|
|
500
501
|
value: (axis) => {
|
|
501
502
|
var _a = this.props, layout = _a.layout, layoutId = _a.layoutId;
|
|
502
|
-
var dragKey = '_drag' + axis.toUpperCase();
|
|
503
|
-
if (this.props[dragKey]) {
|
|
503
|
+
var dragKey = '_drag' + axis.toUpperCase(); // @ts-expect-error
|
|
504
|
+
if (this.props[dragKey]) { // @ts-expect-error
|
|
504
505
|
return this.props[dragKey];
|
|
505
506
|
}
|
|
506
507
|
else if (!layout && layoutId === undefined) {
|
|
@@ -543,10 +544,10 @@ class VisualElementDragControls {
|
|
|
543
544
|
var constraints = this.constraints || {};
|
|
544
545
|
if (isRelative && Object.keys(constraints).length && this.isLayoutDrag()) {
|
|
545
546
|
var projectionParent = this.visualElement.getProjectionParent();
|
|
546
|
-
if (projectionParent) {
|
|
547
|
+
if (projectionParent) { // @ts-expect-error
|
|
547
548
|
var relativeConstraints_1 = calcRelativeOffset(projectionParent.projection.targetFinal, constraints);
|
|
548
549
|
eachAxis((axis) => {
|
|
549
|
-
var _a = relativeConstraints_1[axis], min = _a.min, max = _a.max;
|
|
550
|
+
var _a = relativeConstraints_1[axis], min = _a.min, max = _a.max; // @ts-expect-error
|
|
550
551
|
constraints[axis] = {
|
|
551
552
|
min: isNaN(min) ? undefined : min,
|
|
552
553
|
max: isNaN(max) ? undefined : max,
|
|
@@ -559,7 +560,9 @@ class VisualElementDragControls {
|
|
|
559
560
|
if (!shouldDrag(axis, drag, this.currentDirection)) {
|
|
560
561
|
return;
|
|
561
562
|
}
|
|
562
|
-
var transition =
|
|
563
|
+
var transition =
|
|
564
|
+
// @ts-expect-error
|
|
565
|
+
(_a = constraints === null || constraints === void 0 ? void 0 : constraints[axis]) !== null && _a !== void 0
|
|
563
566
|
? _a
|
|
564
567
|
: {};
|
|
565
568
|
/**
|
|
@@ -570,7 +573,7 @@ class VisualElementDragControls {
|
|
|
570
573
|
*/
|
|
571
574
|
var bounceStiffness = dragElastic ? 200 : 1000000;
|
|
572
575
|
var bounceDamping = dragElastic ? 40 : 10000000;
|
|
573
|
-
var inertia =
|
|
576
|
+
var inertia = Object.assign(Object.assign({
|
|
574
577
|
type: 'inertia',
|
|
575
578
|
velocity: dragMomentum ? velocity[axis] : 0,
|
|
576
579
|
bounceStiffness: bounceStiffness,
|
|
@@ -631,6 +634,7 @@ class VisualElementDragControls {
|
|
|
631
634
|
// Record the relative progress of the targetBox relative to the constraintsBox
|
|
632
635
|
var boxProgress = { x: 0, y: 0 };
|
|
633
636
|
eachAxis((axis) => {
|
|
637
|
+
// @ts-expect-error
|
|
634
638
|
boxProgress[axis] = calcOrigin(this.visualElement.projection.target[axis], this.constraintsBox[axis]);
|
|
635
639
|
});
|
|
636
640
|
/**
|
|
@@ -644,7 +648,8 @@ class VisualElementDragControls {
|
|
|
644
648
|
return;
|
|
645
649
|
// Calculate the position of the targetBox relative to the constraintsBox using the
|
|
646
650
|
// previously calculated progress
|
|
647
|
-
var _a = calcPositionFromProgress(this.visualElement.projection.target[axis],
|
|
651
|
+
var _a = calcPositionFromProgress(this.visualElement.projection.target[axis], // @ts-expect-error
|
|
652
|
+
this.constraintsBox[axis], boxProgress[axis]), min = _a.min, max = _a.max;
|
|
648
653
|
this.visualElement.setProjectionTargetAxis(axis, min, max);
|
|
649
654
|
});
|
|
650
655
|
});
|
|
@@ -2,13 +2,12 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type {
|
|
6
|
-
import type {
|
|
7
|
-
import type {
|
|
8
|
-
import type {
|
|
9
|
-
import {
|
|
10
|
-
import type {
|
|
11
|
-
import { DragControls } from "./use-drag-controls";
|
|
5
|
+
import type { VariantLabels } from '../../motion/types';
|
|
6
|
+
import type { Inertia, TargetAndTransition } from '../../types';
|
|
7
|
+
import type { Axis, BoundingBox2D } from '../../types/geometry';
|
|
8
|
+
import type { MotionValue } from '../../value';
|
|
9
|
+
import type { PanInfo } from '../PanSession';
|
|
10
|
+
import type { DragControls } from './use-drag-controls';
|
|
12
11
|
export type DragHandler = (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
|
|
13
12
|
export type DragElastic = boolean | number | Partial<BoundingBox2D>;
|
|
14
13
|
export interface ResolvedConstraints {
|
|
@@ -89,7 +88,7 @@ export interface DragHandlers {
|
|
|
89
88
|
*
|
|
90
89
|
* @public
|
|
91
90
|
*/
|
|
92
|
-
onDirectionLock?(axis:
|
|
91
|
+
onDirectionLock?(axis: 'x' | 'y'): void;
|
|
93
92
|
/**
|
|
94
93
|
* Callback function that fires when drag momentum/bounce transition finishes.
|
|
95
94
|
*
|
|
@@ -109,7 +108,7 @@ export interface DragHandlers {
|
|
|
109
108
|
/**
|
|
110
109
|
* @public
|
|
111
110
|
*/
|
|
112
|
-
export type InertiaOptions = Partial<Omit<Inertia,
|
|
111
|
+
export type InertiaOptions = Partial<Omit<Inertia, 'velocity' | 'type'>>;
|
|
113
112
|
/**
|
|
114
113
|
* @public
|
|
115
114
|
*/
|
|
@@ -125,7 +124,7 @@ export interface DraggableProps extends DragHandlers {
|
|
|
125
124
|
* <MotionDiv drag="x" />
|
|
126
125
|
* ```
|
|
127
126
|
*/
|
|
128
|
-
drag?: boolean |
|
|
127
|
+
drag?: boolean | 'x' | 'y';
|
|
129
128
|
/**
|
|
130
129
|
* Properties or variant label to animate to while the drag gesture is recognised.
|
|
131
130
|
*
|
|
@@ -184,7 +183,9 @@ export interface DraggableProps extends DragHandlers {
|
|
|
184
183
|
* }
|
|
185
184
|
* ```
|
|
186
185
|
*/
|
|
187
|
-
dragConstraints?: false | Partial<BoundingBox2D> |
|
|
186
|
+
dragConstraints?: false | Partial<BoundingBox2D> | {
|
|
187
|
+
current: Element | null;
|
|
188
|
+
};
|
|
188
189
|
/**
|
|
189
190
|
* The degree of movement allowed outside constraints. 0 = no movement, 1 =
|
|
190
191
|
* full movement.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;AACjG,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AACpE,MAAM,WAAW,mBAAmB;IACnC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;CACjB;AACD,MAAM,WAAW,eAAe;IAC/B,CAAC,EAAE,IAAI,CAAC;IACR,CAAC,EAAE,IAAI,CAAC;CACR;AACD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACjF;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/E;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5E;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACxC;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;CAC7B;AACD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;AACzE;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,YAAY;IACnD;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,mBAAmB,CAAC;IAChD;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG;QAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAC;IAC/E;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;;;;;;OAaG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,KAAK,aAAa,GAAG,IAAI,CAAC;IAChF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { DragControls } from "./use-drag-controls";
|
|
1
|
+
export {};
|
|
@@ -44,7 +44,9 @@ export declare class DragControls {
|
|
|
44
44
|
*
|
|
45
45
|
* @public
|
|
46
46
|
*/
|
|
47
|
-
start: (event:
|
|
47
|
+
start: (event: PointerEvent | {
|
|
48
|
+
nativeEvent: PointerEvent;
|
|
49
|
+
}, options?: DragControlOptions) => void;
|
|
48
50
|
updateConstraints: (flush?: boolean) => void;
|
|
49
51
|
}
|
|
50
52
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-drag-controls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/use-drag-controls.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjG;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,YAAY;IACxB,OAAO,CAAC,iBAAiB,CAAwC;IACjE;;;;OAIG;IACH,SAAS,aAAc,yBAAyB,KAAG,CAAC,MAAM,IAAI,CAAC,CAI7D;IACF;;;;;;;;;;;;;;OAcG;IACH,KAAK,UAAW,
|
|
1
|
+
{"version":3,"file":"use-drag-controls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/use-drag-controls.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjG;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,YAAY;IACxB,OAAO,CAAC,iBAAiB,CAAwC;IACjE;;;;OAIG;IACH,SAAS,aAAc,yBAAyB,KAAG,CAAC,MAAM,IAAI,CAAC,CAI7D;IACF;;;;;;;;;;;;;;OAcG;IACH,KAAK,UAAW,YAAY,GAAG;QAAE,WAAW,EAAE,YAAY,CAAA;KAAE,YAAY,kBAAkB,KAAG,IAAI,CAI/F;IAEF,iBAAiB,WAAY,OAAO,KAAG,IAAI,CAKzC;CACF;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH;;;EAGE;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,eAAe,oBAAqB,CAAC"}
|
|
@@ -59,7 +59,7 @@ export class DragControls {
|
|
|
59
59
|
writable: true,
|
|
60
60
|
value: (event, options) => {
|
|
61
61
|
this.componentControls.forEach((controls) => {
|
|
62
|
-
controls.start(event.nativeEvent
|
|
62
|
+
controls.start('nativeEvent' in event ? event.nativeEvent : event, options);
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
65
|
});
|
|
@@ -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 { Axis, AxisBox2D, BoundingBox2D, Point2D } from
|
|
6
|
-
import type { DragElastic, ResolvedConstraints } from
|
|
5
|
+
import type { Axis, AxisBox2D, BoundingBox2D, Point2D } from '../../../types/geometry';
|
|
6
|
+
import type { DragElastic, ResolvedConstraints } from '../types';
|
|
7
7
|
/**
|
|
8
8
|
* Calculate the relative progress of one constraints box relative to another.
|
|
9
9
|
* Imagine a page scroll bar. At the top, this would return 0, at the bottom, 1.
|
|
@@ -74,5 +74,5 @@ declare const defaultElastic = 0.35;
|
|
|
74
74
|
declare function resolveDragElastic(dragElastic: DragElastic): AxisBox2D;
|
|
75
75
|
declare function resolveAxisElastic(dragElastic: DragElastic, minLabel: string, maxLabel: string): Axis;
|
|
76
76
|
declare function resolvePointElastic(dragElastic: DragElastic, label: string): number;
|
|
77
|
-
export { applyConstraints, calcConstrainedMinPoint, calcPositionFromProgress, calcRelativeAxisConstraints, calcRelativeConstraints, calcViewportAxisConstraints, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, resolveAxisElastic, resolveDragElastic, resolvePointElastic };
|
|
77
|
+
export { applyConstraints, calcConstrainedMinPoint, calcPositionFromProgress, calcRelativeAxisConstraints, calcRelativeConstraints, calcViewportAxisConstraints, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, resolveAxisElastic, resolveDragElastic, resolvePointElastic, };
|
|
78
78
|
//# sourceMappingURL=constraints.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constraints.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/gestures/drag/utils/constraints.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEjE;;;;;;;GAOG;AACH,MAAM,MAAM,6BAA6B,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,KAAK,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"constraints.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/gestures/drag/utils/constraints.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEjE;;;;;;;GAOG;AACH,MAAM,MAAM,6BAA6B,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,KAAK,OAAO,CAAC;AAQzG;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,IAAI,UASnF;AACD;;;;;;;GAOG;AACH,iBAAS,uBAAuB,CAC/B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAC3B,OAAO,CAAC,EAAE,IAAI,UAKd;AACD;;;;GAIG;AACH,iBAAS,2BAA2B,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAIrE,OAAO,CAAC,IAAI,CAAC,CAClB;AACD;;;GAGG;AACH,iBAAS,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,GAIrG,mBAAmB,CACxB;AACD;;GAEG;AACH,iBAAS,2BAA2B,CAAC,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI;;;EAc3E;AACD;;GAEG;AACH,iBAAS,uBAAuB,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS;;;;;;;;;EAK/E;AACD;;GAEG;AACH,iBAAS,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAGlC,IAAI,CAClD;AACD;;GAEG;AACH,iBAAS,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,iBAStE;AACD,QAAA,MAAM,cAAc,OAAO,CAAC;AAC5B;;GAEG;AACH,iBAAS,kBAAkB,CAAC,WAAW,EAAE,WAAW,GAS9C,SAAS,CACd;AACD,iBAAS,kBAAkB,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAIlF,IAAI,CACT;AACD,iBAAS,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAO5E;AAED,OAAO,EACN,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,EAC3B,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACnB,CAAC"}
|
|
@@ -3,7 +3,6 @@ based on framer-motion@4.1.17,
|
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
5
|
import { mix } from 'popmotion';
|
|
6
|
-
import { __read } from 'tslib';
|
|
7
6
|
/**
|
|
8
7
|
* Apply constraints to a point. These constraints are both physical along an
|
|
9
8
|
* axis, and an elastic factor that determines how much to constrain the point
|
|
@@ -41,9 +40,7 @@ function calcConstrainedMinPoint(point, length, progress, constraints, elastic)
|
|
|
41
40
|
function calcRelativeAxisConstraints(axis, min, max) {
|
|
42
41
|
return {
|
|
43
42
|
min: min !== undefined ? axis.min + min : undefined,
|
|
44
|
-
max: max !== undefined
|
|
45
|
-
? axis.max + max - (axis.max - axis.min)
|
|
46
|
-
: undefined,
|
|
43
|
+
max: max !== undefined ? axis.max + max - (axis.max - axis.min) : undefined,
|
|
47
44
|
};
|
|
48
45
|
}
|
|
49
46
|
/**
|
|
@@ -65,9 +62,9 @@ function calcViewportAxisConstraints(layoutAxis, constraintsAxis) {
|
|
|
65
62
|
var max = constraintsAxis.max - layoutAxis.max;
|
|
66
63
|
// If the constraints axis is actually smaller than the layout axis then we can
|
|
67
64
|
// flip the constraints
|
|
68
|
-
if (constraintsAxis.max - constraintsAxis.min <
|
|
69
|
-
|
|
70
|
-
|
|
65
|
+
if (constraintsAxis.max - constraintsAxis.min < layoutAxis.max - layoutAxis.min) {
|
|
66
|
+
_a = [max, min];
|
|
67
|
+
[min, max] = _a;
|
|
71
68
|
}
|
|
72
69
|
return {
|
|
73
70
|
min: layoutAxis.min + min,
|
|
@@ -116,8 +113,8 @@ function resolveDragElastic(dragElastic) {
|
|
|
116
113
|
dragElastic = defaultElastic;
|
|
117
114
|
}
|
|
118
115
|
return {
|
|
119
|
-
x: resolveAxisElastic(dragElastic,
|
|
120
|
-
y: resolveAxisElastic(dragElastic,
|
|
116
|
+
x: resolveAxisElastic(dragElastic, 'left', 'right'),
|
|
117
|
+
y: resolveAxisElastic(dragElastic, 'top', 'bottom'),
|
|
121
118
|
};
|
|
122
119
|
}
|
|
123
120
|
function resolveAxisElastic(dragElastic, minLabel, maxLabel) {
|
|
@@ -128,8 +125,10 @@ function resolveAxisElastic(dragElastic, minLabel, maxLabel) {
|
|
|
128
125
|
}
|
|
129
126
|
function resolvePointElastic(dragElastic, label) {
|
|
130
127
|
var _a;
|
|
131
|
-
return typeof dragElastic ===
|
|
128
|
+
return typeof dragElastic === 'number'
|
|
132
129
|
? dragElastic
|
|
133
|
-
: (_a = dragElastic[label]) !== null && _a !== void 0
|
|
130
|
+
: (_a = dragElastic[label]) !== null && _a !== void 0
|
|
131
|
+
? _a
|
|
132
|
+
: 0;
|
|
134
133
|
}
|
|
135
|
-
export { applyConstraints, calcConstrainedMinPoint, calcPositionFromProgress, calcRelativeAxisConstraints, calcRelativeConstraints, calcViewportAxisConstraints, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, resolveAxisElastic, resolveDragElastic, resolvePointElastic };
|
|
134
|
+
export { applyConstraints, calcConstrainedMinPoint, calcPositionFromProgress, calcRelativeAxisConstraints, calcRelativeConstraints, calcViewportAxisConstraints, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, resolveAxisElastic, resolveDragElastic, resolvePointElastic, };
|
|
@@ -9,6 +9,6 @@ import type { FeatureProps } from "../motion/features/types";
|
|
|
9
9
|
* @param ref
|
|
10
10
|
* @internal
|
|
11
11
|
*/
|
|
12
|
-
export type useFocusGesture = ({ whileFocus, visualElement }: FeatureProps) => void;
|
|
12
|
+
export type useFocusGesture = ({ whileFocus, visualElement }: FeatureProps | any) => void;
|
|
13
13
|
export { default as UseFocusGesture } from './UseFocusGesture.svelte';
|
|
14
14
|
//# sourceMappingURL=use-focus-gesture.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-focus-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-focus-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"use-focus-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-focus-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,YAAY,GAAG,GAAG,KAAK,IAAI,CAAC;AAG1F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -3,6 +3,6 @@ based on framer-motion@4.1.17,
|
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
5
|
import type { FeatureProps } from "../motion/features/types";
|
|
6
|
-
export type useHoverGesture = ({ onHoverStart, onHoverEnd, whileHover, visualElement, }: FeatureProps) => void;
|
|
6
|
+
export type useHoverGesture = ({ onHoverStart, onHoverEnd, whileHover, visualElement, }: FeatureProps | any) => void;
|
|
7
7
|
export { default as UseHoverGesture } from './UseHoverGesture.svelte';
|
|
8
8
|
//# sourceMappingURL=use-hover-gesture.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-hover-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-hover-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"use-hover-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-hover-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,GAAG,EAAE,YAAY,GAAG,GAAG,KAAK,IAAI,CAAC;AAGrH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -15,6 +15,6 @@ import type { FeatureProps } from "../motion/features/types";
|
|
|
15
15
|
*
|
|
16
16
|
* @internal
|
|
17
17
|
*/
|
|
18
|
-
export type usePanGesture = ({ onPan, onPanStart, onPanEnd, onPanSessionStart, visualElement, }: FeatureProps) => void;
|
|
18
|
+
export type usePanGesture = ({ onPan, onPanStart, onPanEnd, onPanSessionStart, visualElement, }: FeatureProps | any) => void;
|
|
19
19
|
export { default as UsePanGesture } from './UsePanGesture.svelte';
|
|
20
20
|
//# sourceMappingURL=use-pan-gesture.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-pan-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-pan-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"use-pan-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-pan-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,GAAG,EAAE,YAAY,GAAG,GAAG,KAAK,IAAI,CAAC;AAG7H,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -7,6 +7,6 @@ import type { FeatureProps } from "../motion/features/types";
|
|
|
7
7
|
* @param handlers -
|
|
8
8
|
* @internal
|
|
9
9
|
*/
|
|
10
|
-
export type useTapGesture = ({ onTap, onTapStart, onTapCancel, whileTap, visualElement, }: FeatureProps) => void;
|
|
10
|
+
export type useTapGesture = ({ onTap, onTapStart, onTapCancel, whileTap, visualElement, }: FeatureProps | any) => void;
|
|
11
11
|
export { default as UseTapGesture } from './UseTapGesture.svelte';
|
|
12
12
|
//# sourceMappingURL=use-tap-gesture.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tap-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-tap-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"use-tap-gesture.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/use-tap-gesture.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,GAAG,EAAE,YAAY,GAAI,GAAG,KAAK,IAAI,CAAC;AAGxH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is-node-or-child.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/utils/is-node-or-child.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAGF;;;EAGE;AAEF;;;;;;GAMG;
|
|
1
|
+
{"version":3,"file":"is-node-or-child.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/utils/is-node-or-child.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAGF;;;EAGE;AAEF;;;;;;GAMG;AAEH,QAAA,IAAI,aAAa,WAAqB,OAAO,UAAU,OAAO,GAAG,IAAI,GAAG,SAAS,QAUhF,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|