motion-start 0.0.1 → 0.0.3
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 +27 -2
- package/{src → dist}/animation/UseAnimatedState.svelte +1 -1
- package/dist/animation/UseAnimatedState.svelte.d.ts +34 -0
- package/dist/animation/UseAnimatedState.svelte.d.ts.map +1 -0
- package/dist/animation/UseAnimation.svelte.d.ts +29 -0
- package/dist/animation/UseAnimation.svelte.d.ts.map +1 -0
- package/{src/animation/animate.ts → dist/animation/animate.d.ts} +59 -78
- package/dist/animation/animate.d.ts.map +1 -0
- package/dist/animation/animate.js +46 -0
- package/dist/animation/animation-controls.d.ts +12 -0
- package/dist/animation/animation-controls.d.ts.map +1 -0
- package/{src/animation/animation-controls.ts → dist/animation/animation-controls.js} +89 -101
- package/{src/animation/types.ts → dist/animation/types.d.ts} +84 -83
- package/dist/animation/types.d.ts.map +1 -0
- package/dist/animation/types.js +1 -0
- package/dist/animation/use-animated-state.d.ts +2 -0
- package/dist/animation/use-animated-state.d.ts.map +1 -0
- package/dist/animation/use-animated-state.js +1 -0
- package/dist/animation/use-animation.d.ts +62 -0
- package/dist/animation/use-animation.d.ts.map +1 -0
- package/{src/animation/use-animation.ts → dist/animation/use-animation.js} +66 -74
- package/dist/animation/utils/default-transitions.d.ts +27 -0
- package/dist/animation/utils/default-transitions.d.ts.map +1 -0
- package/dist/animation/utils/default-transitions.js +67 -0
- package/dist/animation/utils/easing.d.ts +9 -0
- package/dist/animation/utils/easing.d.ts.map +1 -0
- package/{src/animation/utils/easing.ts → dist/animation/utils/easing.js} +43 -55
- package/dist/animation/utils/is-animatable.d.ts +17 -0
- package/dist/animation/utils/is-animatable.d.ts.map +1 -0
- package/{src/animation/utils/is-animatable.ts → dist/animation/utils/is-animatable.js} +33 -42
- package/{src/animation/utils/is-animation-controls.ts → dist/animation/utils/is-animation-controls.d.ts} +12 -17
- package/dist/animation/utils/is-animation-controls.d.ts.map +1 -0
- package/dist/animation/utils/is-animation-controls.js +8 -0
- package/{src/animation/utils/is-keyframes-target.ts → dist/animation/utils/is-keyframes-target.d.ts} +12 -17
- package/dist/animation/utils/is-keyframes-target.d.ts.map +1 -0
- package/dist/animation/utils/is-keyframes-target.js +8 -0
- package/dist/animation/utils/transitions.d.ts +35 -0
- package/dist/animation/utils/transitions.d.ts.map +1 -0
- package/{src/animation/utils/transitions.ts → dist/animation/utils/transitions.js} +220 -218
- package/{src/animation/utils/variant-resolvers.ts → dist/animation/utils/variant-resolvers.d.ts} +17 -15
- package/dist/animation/utils/variant-resolvers.d.ts.map +1 -0
- package/dist/animation/utils/variant-resolvers.js +5 -0
- package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts +39 -0
- package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts.map +1 -0
- package/{src → dist}/components/AnimatePresence/PresenceChild/PresenceChild.svelte +1 -1
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts +29 -0
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map +1 -0
- package/{src/components/AnimatePresence/PresenceChild/index.ts → dist/components/AnimatePresence/PresenceChild/index.d.ts} +7 -7
- package/dist/components/AnimatePresence/PresenceChild/index.d.ts.map +1 -0
- package/dist/components/AnimatePresence/PresenceChild/index.js +5 -0
- package/{src/components/AnimatePresence/PresenceChild/types.ts → dist/components/AnimatePresence/PresenceChild/types.d.ts} +10 -10
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map +1 -0
- package/dist/components/AnimatePresence/PresenceChild/types.js +1 -0
- package/{src/components/AnimatePresence/index.ts → dist/components/AnimatePresence/index.d.ts} +51 -46
- package/dist/components/AnimatePresence/index.d.ts.map +1 -0
- package/dist/components/AnimatePresence/index.js +2 -0
- package/dist/components/AnimatePresence/type.spec-d.d.ts +2 -0
- package/dist/components/AnimatePresence/type.spec-d.d.ts.map +1 -0
- package/dist/components/AnimatePresence/type.spec-d.js +6 -0
- package/{src/components/AnimatePresence/types.ts → dist/components/AnimatePresence/types.d.ts} +82 -79
- package/dist/components/AnimatePresence/types.d.ts.map +1 -0
- package/dist/components/AnimatePresence/types.js +1 -0
- package/dist/components/AnimatePresence/use-presence.d.ts +56 -0
- package/dist/components/AnimatePresence/use-presence.d.ts.map +1 -0
- package/{src/components/AnimatePresence/use-presence.ts → dist/components/AnimatePresence/use-presence.js} +69 -90
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts +29 -0
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/index.ts → dist/components/AnimateSharedLayout/index.d.ts} +11 -11
- package/dist/components/AnimateSharedLayout/index.d.ts.map +1 -0
- package/dist/components/AnimateSharedLayout/index.js +9 -0
- package/dist/components/AnimateSharedLayout/type.spec-d.d.ts +2 -0
- package/dist/components/AnimateSharedLayout/type.spec-d.d.ts.map +1 -0
- package/dist/components/AnimateSharedLayout/type.spec-d.js +6 -0
- package/{src/components/AnimateSharedLayout/types.ts → dist/components/AnimateSharedLayout/types.d.ts} +91 -111
- package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -0
- package/dist/components/AnimateSharedLayout/types.js +40 -0
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts +11 -0
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/batcher.ts → dist/components/AnimateSharedLayout/utils/batcher.js} +87 -96
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts +27 -0
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/crossfader.ts → dist/components/AnimateSharedLayout/utils/crossfader.js} +234 -260
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts +8 -0
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/rotate.ts → dist/components/AnimateSharedLayout/utils/rotate.js} +38 -48
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts +21 -0
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/stack.ts → dist/components/AnimateSharedLayout/utils/stack.js} +138 -160
- package/dist/components/LazyMotion/LazyMotion.svelte.d.ts +29 -0
- package/dist/components/LazyMotion/LazyMotion.svelte.d.ts.map +1 -0
- package/{src/components/LazyMotion/index.ts → dist/components/LazyMotion/index.d.ts} +42 -42
- package/dist/components/LazyMotion/index.d.ts.map +1 -0
- package/dist/components/LazyMotion/index.js +36 -0
- package/{src/components/LazyMotion/types.ts → dist/components/LazyMotion/types.d.ts} +57 -58
- package/dist/components/LazyMotion/types.d.ts.map +1 -0
- package/dist/components/LazyMotion/types.js +1 -0
- package/{src → dist}/components/MotionConfig/MotionConfig.svelte +3 -2
- package/dist/components/MotionConfig/MotionConfig.svelte.d.ts +29 -0
- package/dist/components/MotionConfig/MotionConfig.svelte.d.ts.map +1 -0
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.d.ts +4 -0
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.d.ts.map +1 -0
- package/{src/components/MotionConfig/MotionConfigScaleCorrection.ts → dist/components/MotionConfig/MotionConfigScaleCorrection.js} +29 -47
- package/{src/components/MotionConfig/index.ts → dist/components/MotionConfig/index.d.ts} +21 -20
- package/dist/components/MotionConfig/index.d.ts.map +1 -0
- package/dist/components/MotionConfig/index.js +14 -0
- package/dist/components/MotionConfig/type.spec-d.d.ts +2 -0
- package/dist/components/MotionConfig/type.spec-d.d.ts.map +1 -0
- package/dist/components/MotionConfig/type.spec-d.js +6 -0
- package/dist/components/MotionDiv.svelte.d.ts +31 -0
- package/dist/components/MotionDiv.svelte.d.ts.map +1 -0
- package/dist/context/DOMcontext.d.ts +5 -0
- package/dist/context/DOMcontext.d.ts.map +1 -0
- package/dist/context/DOMcontext.js +20 -0
- package/dist/context/LayoutGroupContext.d.ts +10 -0
- package/dist/context/LayoutGroupContext.d.ts.map +1 -0
- package/dist/context/LayoutGroupContext.js +6 -0
- package/dist/context/LazyContext.d.ts +13 -0
- package/dist/context/LazyContext.d.ts.map +1 -0
- package/dist/context/LazyContext.js +4 -0
- package/{src/context/MotionConfigContext.ts → dist/context/MotionConfigContext.d.ts} +35 -48
- package/dist/context/MotionConfigContext.d.ts.map +1 -0
- package/dist/context/MotionConfigContext.js +14 -0
- package/{src → dist}/context/MotionContext/MotionContext.svelte +5 -4
- package/dist/context/MotionContext/MotionContext.svelte.d.ts +39 -0
- package/dist/context/MotionContext/MotionContext.svelte.d.ts.map +1 -0
- package/dist/context/MotionContext/MotionContextProvider.svelte.d.ts +31 -0
- package/dist/context/MotionContext/MotionContextProvider.svelte.d.ts.map +1 -0
- package/dist/context/MotionContext/UseCreateMotionContext.svelte +39 -0
- package/dist/context/MotionContext/UseCreateMotionContext.svelte.d.ts +42 -0
- package/dist/context/MotionContext/UseCreateMotionContext.svelte.d.ts.map +1 -0
- package/dist/context/MotionContext/create.d.ts +2 -0
- package/dist/context/MotionContext/create.d.ts.map +1 -0
- package/{src/context/MotionContext/create.ts → dist/context/MotionContext/create.js} +1 -1
- package/{src/context/MotionContext/index.ts → dist/context/MotionContext/index.d.ts} +12 -14
- package/dist/context/MotionContext/index.d.ts.map +1 -0
- package/dist/context/MotionContext/index.js +1 -0
- package/dist/context/MotionContext/utils.d.ts +9 -0
- package/dist/context/MotionContext/utils.d.ts.map +1 -0
- package/{src/context/MotionContext/utils.ts → dist/context/MotionContext/utils.js} +18 -29
- package/{src/context/PresenceContext.ts → dist/context/PresenceContext.d.ts} +22 -26
- package/dist/context/PresenceContext.d.ts.map +1 -0
- package/dist/context/PresenceContext.js +6 -0
- package/{src → dist}/context/ScaleCorrectionProvider.svelte +1 -2
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts +33 -0
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts.map +1 -0
- package/dist/context/SharedLayoutContext.d.ts +14 -0
- package/dist/context/SharedLayoutContext.d.ts.map +1 -0
- package/dist/context/SharedLayoutContext.js +16 -0
- package/dist/events/UseDomEvent-type.spec-d.d.ts +2 -0
- package/dist/events/UseDomEvent-type.spec-d.d.ts.map +1 -0
- package/dist/events/UseDomEvent-type.spec-d.js +6 -0
- package/{src → dist}/events/UseDomEvent.svelte +2 -2
- package/dist/events/UseDomEvent.svelte.d.ts +30 -0
- package/dist/events/UseDomEvent.svelte.d.ts.map +1 -0
- package/{src → dist}/events/UsePointerEvent.svelte +1 -1
- package/dist/events/UsePointerEvent.svelte.d.ts +31 -0
- package/dist/events/UsePointerEvent.svelte.d.ts.map +1 -0
- package/dist/events/event-info.d.ts +11 -0
- package/dist/events/event-info.d.ts.map +1 -0
- package/{src/events/event-info.ts → dist/events/event-info.js} +65 -69
- package/{src/events/types.ts → dist/events/types.d.ts} +15 -15
- package/dist/events/types.d.ts.map +1 -0
- package/dist/events/types.js +1 -0
- package/{src/events/use-dom-event.ts → dist/events/use-dom-event.d.ts} +50 -48
- package/dist/events/use-dom-event.d.ts.map +1 -0
- package/dist/events/use-dom-event.js +24 -0
- package/{src/events/use-pointer-event.ts → dist/events/use-pointer-event.d.ts} +27 -29
- package/dist/events/use-pointer-event.d.ts.map +1 -0
- package/dist/events/use-pointer-event.js +1 -0
- package/dist/events/utils.d.ts +9 -0
- package/dist/events/utils.d.ts.map +1 -0
- package/{src/events/utils.ts → dist/events/utils.js} +20 -25
- package/dist/gestures/PanSession.d.ts +142 -0
- package/dist/gestures/PanSession.d.ts.map +1 -0
- package/dist/gestures/PanSession.js +233 -0
- package/dist/gestures/UseFocusGesture.svelte.d.ts +31 -0
- package/dist/gestures/UseFocusGesture.svelte.d.ts.map +1 -0
- package/dist/gestures/UseGestures.svelte.d.ts +31 -0
- package/dist/gestures/UseGestures.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/UseHoverGesture.svelte +3 -2
- package/dist/gestures/UseHoverGesture.svelte.d.ts +31 -0
- package/dist/gestures/UseHoverGesture.svelte.d.ts.map +1 -0
- package/dist/gestures/UsePanGesture.svelte.d.ts +32 -0
- package/dist/gestures/UsePanGesture.svelte.d.ts.map +1 -0
- package/dist/gestures/UseTapGesture.svelte.d.ts +31 -0
- package/dist/gestures/UseTapGesture.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/drag/UseDrag.svelte +3 -2
- package/dist/gestures/drag/UseDrag.svelte.d.ts +32 -0
- package/dist/gestures/drag/UseDrag.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/drag/UseDragControls.svelte +4 -8
- package/dist/gestures/drag/UseDragControls.svelte.d.ts +19 -0
- package/dist/gestures/drag/UseDragControls.svelte.d.ts.map +1 -0
- package/dist/gestures/drag/VisualElementDragControls.d.ts +116 -0
- package/dist/gestures/drag/VisualElementDragControls.d.ts.map +1 -0
- package/dist/gestures/drag/VisualElementDragControls.js +749 -0
- package/{src/gestures/drag/types.ts → dist/gestures/drag/types.d.ts} +308 -307
- package/dist/gestures/drag/types.d.ts.map +1 -0
- package/dist/gestures/drag/types.js +2 -0
- package/dist/gestures/drag/use-drag-controls.d.ts +128 -0
- package/dist/gestures/drag/use-drag-controls.d.ts.map +1 -0
- package/dist/gestures/drag/use-drag-controls.js +157 -0
- package/{src/gestures/drag/use-drag.ts → dist/gestures/drag/use-drag.d.ts} +13 -15
- package/dist/gestures/drag/use-drag.d.ts.map +1 -0
- package/dist/gestures/drag/use-drag.js +1 -0
- package/dist/gestures/drag/utils/constraints.d.ts +78 -0
- package/dist/gestures/drag/utils/constraints.d.ts.map +1 -0
- package/{src/gestures/drag/utils/constraints.ts → dist/gestures/drag/utils/constraints.js} +135 -157
- package/dist/gestures/drag/utils/lock.d.ts +14 -0
- package/dist/gestures/drag/utils/lock.d.ts.map +1 -0
- package/{src/gestures/drag/utils/lock.ts → dist/gestures/drag/utils/lock.js} +56 -69
- package/{src/gestures/types.ts → dist/gestures/types.d.ts} +258 -257
- package/dist/gestures/types.d.ts.map +1 -0
- package/dist/gestures/types.js +1 -0
- package/{src/gestures/use-focus-gesture.ts → dist/gestures/use-focus-gesture.d.ts} +14 -16
- package/dist/gestures/use-focus-gesture.d.ts.map +1 -0
- package/dist/gestures/use-focus-gesture.js +1 -0
- package/dist/gestures/use-gestures.d.ts +2 -0
- package/dist/gestures/use-gestures.d.ts.map +1 -0
- package/{src/gestures/use-gestures.ts → dist/gestures/use-gestures.js} +1 -2
- package/{src/gestures/use-hover-gesture.ts → dist/gestures/use-hover-gesture.d.ts} +8 -10
- package/dist/gestures/use-hover-gesture.d.ts.map +1 -0
- package/dist/gestures/use-hover-gesture.js +1 -0
- package/{src/gestures/use-pan-gesture.ts → dist/gestures/use-pan-gesture.d.ts} +20 -22
- package/dist/gestures/use-pan-gesture.d.ts.map +1 -0
- package/dist/gestures/use-pan-gesture.js +1 -0
- package/{src/gestures/use-tap-gesture.ts → dist/gestures/use-tap-gesture.d.ts} +12 -14
- package/dist/gestures/use-tap-gesture.d.ts.map +1 -0
- package/dist/gestures/use-tap-gesture.js +1 -0
- package/dist/gestures/utils/event-type.d.ts +12 -0
- package/dist/gestures/utils/event-type.d.ts.map +1 -0
- package/{src/gestures/utils/event-type.ts → dist/gestures/utils/event-type.js} +20 -24
- package/dist/gestures/utils/is-node-or-child.d.ts +18 -0
- package/dist/gestures/utils/is-node-or-child.d.ts.map +1 -0
- package/{src/gestures/utils/is-node-or-child.ts → dist/gestures/utils/is-node-or-child.js} +27 -31
- package/{src/index.ts → dist/index.d.ts} +96 -104
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +75 -0
- package/{src → dist}/motion/Motion.svelte +82 -74
- package/dist/motion/Motion.svelte.d.ts +41 -0
- package/dist/motion/Motion.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/MotionSSR.svelte +76 -55
- package/dist/motion/MotionSSR.svelte.d.ts +41 -0
- package/dist/motion/MotionSSR.svelte.d.ts.map +1 -0
- package/dist/motion/features/AnimationState.svelte.d.ts +22 -0
- package/dist/motion/features/AnimationState.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/features/Exit.svelte +15 -5
- package/dist/motion/features/Exit.svelte.d.ts +32 -0
- package/dist/motion/features/Exit.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/features/UseFeatures.svelte +2 -2
- package/dist/motion/features/UseFeatures.svelte.d.ts +45 -0
- package/dist/motion/features/UseFeatures.svelte.d.ts.map +1 -0
- package/{src/motion/features/animations.ts → dist/motion/features/animations.js} +14 -22
- package/dist/motion/features/definitions.d.ts +37 -0
- package/dist/motion/features/definitions.d.ts.map +1 -0
- package/{src/motion/features/definitions.ts → dist/motion/features/definitions.js} +42 -49
- package/{src/motion/features/drag.ts → dist/motion/features/drag.js} +14 -24
- package/{src/motion/features/gestures.ts → dist/motion/features/gestures.js} +16 -24
- package/dist/motion/features/layout/Animate.d.ts +2 -0
- package/dist/motion/features/layout/Animate.d.ts.map +1 -0
- package/dist/motion/features/layout/Animate.js +2 -0
- package/{src → dist}/motion/features/layout/Animate.svelte +10 -10
- package/dist/motion/features/layout/Animate.svelte.d.ts +23 -0
- package/dist/motion/features/layout/Animate.svelte.d.ts.map +1 -0
- package/dist/motion/features/layout/AnimateLayoutContextProvider.svelte.d.ts +23 -0
- package/dist/motion/features/layout/AnimateLayoutContextProvider.svelte.d.ts.map +1 -0
- package/dist/motion/features/layout/Measure.d.ts +2 -0
- package/dist/motion/features/layout/Measure.d.ts.map +1 -0
- package/dist/motion/features/layout/Measure.js +2 -0
- package/dist/motion/features/layout/Measure.svelte.d.ts +24 -0
- package/dist/motion/features/layout/Measure.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/features/layout/MeasureContextProvider.svelte +7 -4
- package/dist/motion/features/layout/MeasureContextProvider.svelte.d.ts +23 -0
- package/dist/motion/features/layout/MeasureContextProvider.svelte.d.ts.map +1 -0
- package/{src/motion/features/layout/index.ts → dist/motion/features/layout/index.js} +11 -20
- package/{src/motion/features/layout/types.ts → dist/motion/features/layout/types.d.ts} +72 -71
- package/dist/motion/features/layout/types.d.ts.map +1 -0
- package/dist/motion/features/layout/types.js +1 -0
- package/dist/motion/features/layout/utils.d.ts +26 -0
- package/dist/motion/features/layout/utils.d.ts.map +1 -0
- package/{src/motion/features/layout/utils.ts → dist/motion/features/layout/utils.js} +28 -40
- package/{src/motion/features/types.ts → dist/motion/features/types.d.ts} +54 -53
- package/dist/motion/features/types.d.ts.map +1 -0
- package/dist/motion/features/types.js +1 -0
- package/{src/motion/features/use-features.ts → dist/motion/features/use-features.d.ts} +12 -16
- package/dist/motion/features/use-features.d.ts.map +1 -0
- package/dist/motion/features/use-features.js +5 -0
- package/dist/motion/index.d.ts +30 -0
- package/dist/motion/index.d.ts.map +1 -0
- package/dist/motion/index.js +35 -0
- package/dist/motion/type.spec-d.d.ts +2 -0
- package/dist/motion/type.spec-d.d.ts.map +1 -0
- package/dist/motion/type.spec-d.js +6 -0
- package/{src/motion/types.ts → dist/motion/types.d.ts} +277 -278
- package/dist/motion/types.d.ts.map +1 -0
- package/dist/motion/types.js +1 -0
- package/{src → dist}/motion/utils/UseLayoutId.svelte +3 -2
- package/dist/motion/utils/UseLayoutId.svelte.d.ts +35 -0
- package/dist/motion/utils/UseLayoutId.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/utils/UseVisualElement.svelte +22 -13
- package/dist/motion/utils/UseVisualElement.svelte.d.ts +40 -0
- package/dist/motion/utils/UseVisualElement.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/utils/UseVisualState.svelte +7 -7
- package/dist/motion/utils/UseVisualState.svelte.d.ts +37 -0
- package/dist/motion/utils/UseVisualState.svelte.d.ts.map +1 -0
- package/dist/motion/utils/is-forced-motion-value.d.ts +11 -0
- package/dist/motion/utils/is-forced-motion-value.d.ts.map +1 -0
- package/{src/motion/utils/is-forced-motion-value.ts → dist/motion/utils/is-forced-motion-value.js} +13 -23
- package/{src/motion/utils/make-renderless-component.ts → dist/motion/utils/make-renderless-component.d.ts} +12 -17
- package/dist/motion/utils/make-renderless-component.d.ts.map +1 -0
- package/dist/motion/utils/make-renderless-component.js +11 -0
- package/{src/motion/utils/should-inhert-variant.ts → dist/motion/utils/should-inhert-variant.d.ts} +7 -6
- package/dist/motion/utils/should-inhert-variant.d.ts.map +1 -0
- package/dist/motion/utils/should-inhert-variant.js +1 -0
- package/dist/motion/utils/use-motion-ref.d.ts +13 -0
- package/dist/motion/utils/use-motion-ref.d.ts.map +1 -0
- package/{src/motion/utils/use-motion-ref.ts → dist/motion/utils/use-motion-ref.js} +29 -41
- package/{src/motion/utils/use-visual-element.ts → dist/motion/utils/use-visual-element.d.ts} +10 -13
- package/dist/motion/utils/use-visual-element.d.ts.map +1 -0
- package/dist/motion/utils/use-visual-element.js +1 -0
- package/{src/motion/utils/use-visual-state.ts → dist/motion/utils/use-visual-state.d.ts} +20 -24
- package/dist/motion/utils/use-visual-state.d.ts.map +1 -0
- package/dist/motion/utils/use-visual-state.js +1 -0
- package/dist/motion/utils/valid-prop.d.ts +15 -0
- package/dist/motion/utils/valid-prop.d.ts.map +1 -0
- package/{src/motion/utils/valid-prop.ts → dist/motion/utils/valid-prop.js} +77 -80
- package/dist/render/dom/M-type.spec-d.d.ts +2 -0
- package/dist/render/dom/M-type.spec-d.d.ts.map +1 -0
- package/dist/render/dom/M-type.spec-d.js +6 -0
- package/dist/render/dom/M.svelte.d.ts +32 -0
- package/dist/render/dom/M.svelte.d.ts.map +1 -0
- package/dist/render/dom/UseRender.svelte.d.ts +42 -0
- package/dist/render/dom/UseRender.svelte.d.ts.map +1 -0
- package/{src/render/dom/create-motion-class.ts → dist/render/dom/create-motion-class.js} +10 -12
- package/dist/render/dom/create-visual-element.d.ts +8 -0
- package/dist/render/dom/create-visual-element.d.ts.map +1 -0
- package/{src/render/dom/create-visual-element.ts → dist/render/dom/create-visual-element.js} +12 -22
- package/{src/render/dom/featureBundle.ts → dist/render/dom/featureBundle.js} +19 -22
- package/dist/render/dom/motion-minimal.d.ts +10 -0
- package/dist/render/dom/motion-minimal.d.ts.map +1 -0
- package/dist/render/dom/motion-minimal.js +18 -0
- package/dist/render/dom/motion-proxy.d.ts +245 -0
- package/dist/render/dom/motion-proxy.d.ts.map +1 -0
- package/dist/render/dom/motion-proxy.js +55 -0
- package/{src/render/dom/motion.ts → dist/render/dom/motion.js} +42 -62
- package/dist/render/dom/projection/convert-to-relative.d.ts +12 -0
- package/dist/render/dom/projection/convert-to-relative.d.ts.map +1 -0
- package/{src/render/dom/projection/convert-to-relative.ts → dist/render/dom/projection/convert-to-relative.js} +32 -40
- package/dist/render/dom/projection/default-scale-correctors.d.ts +39 -0
- package/dist/render/dom/projection/default-scale-correctors.d.ts.map +1 -0
- package/{src/render/dom/projection/default-scale-correctors.ts → dist/render/dom/projection/default-scale-correctors.js} +108 -138
- package/dist/render/dom/projection/measure.d.ts +17 -0
- package/dist/render/dom/projection/measure.d.ts.map +1 -0
- package/{src/render/dom/projection/measure.ts → dist/render/dom/projection/measure.js} +19 -28
- package/dist/render/dom/projection/relative-set.d.ts +8 -0
- package/dist/render/dom/projection/relative-set.d.ts.map +1 -0
- package/{src/render/dom/projection/relative-set.ts → dist/render/dom/projection/relative-set.js} +18 -27
- package/{src/render/dom/projection/scale-correction.ts → dist/render/dom/projection/scale-correction.d.ts} +16 -22
- package/dist/render/dom/projection/scale-correction.d.ts.map +1 -0
- package/dist/render/dom/projection/scale-correction.js +14 -0
- package/{src/render/dom/projection/types.ts → dist/render/dom/projection/types.d.ts} +14 -13
- package/dist/render/dom/projection/types.d.ts.map +1 -0
- package/dist/render/dom/projection/types.js +1 -0
- package/dist/render/dom/projection/utils.d.ts +18 -0
- package/dist/render/dom/projection/utils.d.ts.map +1 -0
- package/{src/render/dom/projection/utils.ts → dist/render/dom/projection/utils.js} +62 -69
- package/dist/render/dom/svg-visual-element.d.ts +3 -0
- package/dist/render/dom/svg-visual-element.d.ts.map +1 -0
- package/{src/render/dom/svg-visual-element.ts → dist/render/dom/svg-visual-element.js} +81 -114
- package/{src/render/dom/types.ts → dist/render/dom/types.d.ts} +33 -32
- package/dist/render/dom/types.d.ts.map +1 -0
- package/dist/render/dom/types.js +1 -0
- package/{src/render/dom/use-render.ts → dist/render/dom/use-render.d.ts} +10 -11
- package/dist/render/dom/use-render.d.ts.map +1 -0
- package/dist/render/dom/use-render.js +1 -0
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts +35 -0
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts.map +1 -0
- package/dist/render/dom/utils/batch-layout.d.ts +14 -0
- package/dist/render/dom/utils/batch-layout.d.ts.map +1 -0
- package/{src/render/dom/utils/batch-layout.ts → dist/render/dom/utils/batch-layout.js} +66 -77
- package/dist/render/dom/utils/camel-to-dash.d.ts +10 -0
- package/dist/render/dom/utils/camel-to-dash.d.ts.map +1 -0
- package/{src/render/dom/utils/camel-to-dash.ts → dist/render/dom/utils/camel-to-dash.js} +17 -20
- package/dist/render/dom/utils/create-config.d.ts +13 -0
- package/dist/render/dom/utils/create-config.d.ts.map +1 -0
- package/dist/render/dom/utils/create-config.js +17 -0
- package/dist/render/dom/utils/css-variables-conversion.d.ts +28 -0
- package/dist/render/dom/utils/css-variables-conversion.d.ts.map +1 -0
- package/{src/render/dom/utils/css-variables-conversion.ts → dist/render/dom/utils/css-variables-conversion.js} +109 -121
- package/dist/render/dom/utils/filter-props.d.ts +8 -0
- package/dist/render/dom/utils/filter-props.d.ts.map +1 -0
- package/{src/render/dom/utils/filter-props.ts → dist/render/dom/utils/filter-props.js} +46 -55
- package/dist/render/dom/utils/is-css-variable.d.ts +14 -0
- package/dist/render/dom/utils/is-css-variable.d.ts.map +1 -0
- package/{src/render/dom/utils/is-css-variable.ts → dist/render/dom/utils/is-css-variable.js} +15 -18
- package/dist/render/dom/utils/is-svg-component.d.ts +8 -0
- package/dist/render/dom/utils/is-svg-component.d.ts.map +1 -0
- package/{src/render/dom/utils/is-svg-component.ts → dist/render/dom/utils/is-svg-component.js} +32 -41
- package/dist/render/dom/utils/parse-dom-variant.d.ts +12 -0
- package/dist/render/dom/utils/parse-dom-variant.d.ts.map +1 -0
- package/{src/render/dom/utils/parse-dom-variant.ts → dist/render/dom/utils/parse-dom-variant.js} +17 -26
- package/dist/render/dom/utils/unit-conversion.d.ts +27 -0
- package/dist/render/dom/utils/unit-conversion.d.ts.map +1 -0
- package/{src/render/dom/utils/unit-conversion.ts → dist/render/dom/utils/unit-conversion.js} +253 -258
- package/dist/render/dom/utils/use-html-props.d.ts +2 -0
- package/dist/render/dom/utils/use-html-props.d.ts.map +1 -0
- package/{src/render/dom/utils/use-html-props.ts → dist/render/dom/utils/use-html-props.js} +2 -2
- package/dist/render/dom/utils/use-svg-props.d.ts +2 -0
- package/dist/render/dom/utils/use-svg-props.d.ts.map +1 -0
- package/dist/render/dom/utils/use-svg-props.js +1 -0
- package/dist/render/dom/value-types/animatable-none.d.ts +7 -0
- package/dist/render/dom/value-types/animatable-none.d.ts.map +1 -0
- package/{src/render/dom/value-types/animatable-none.ts → dist/render/dom/value-types/animatable-none.js} +20 -24
- package/dist/render/dom/value-types/defaults.d.ts +15 -0
- package/dist/render/dom/value-types/defaults.d.ts.map +1 -0
- package/{src/render/dom/value-types/defaults.ts → dist/render/dom/value-types/defaults.js} +22 -30
- package/dist/render/dom/value-types/dimensions.d.ts +14 -0
- package/dist/render/dom/value-types/dimensions.d.ts.map +1 -0
- package/{src/render/dom/value-types/dimensions.ts → dist/render/dom/value-types/dimensions.js} +23 -27
- package/dist/render/dom/value-types/find.d.ts +15 -0
- package/dist/render/dom/value-types/find.d.ts.map +1 -0
- package/{src/render/dom/value-types/find.ts → dist/render/dom/value-types/find.js} +24 -31
- package/{src/render/dom/value-types/get-as-type.ts → dist/render/dom/value-types/get-as-type.d.ts} +15 -21
- package/dist/render/dom/value-types/get-as-type.d.ts.map +1 -0
- package/dist/render/dom/value-types/get-as-type.js +13 -0
- package/dist/render/dom/value-types/number.d.ts +8 -0
- package/dist/render/dom/value-types/number.d.ts.map +1 -0
- package/{src/render/dom/value-types/number.ts → dist/render/dom/value-types/number.js} +74 -83
- package/{src/render/dom/value-types/test.ts → dist/render/dom/value-types/test.d.ts} +15 -17
- package/dist/render/dom/value-types/test.d.ts.map +1 -0
- package/dist/render/dom/value-types/test.js +9 -0
- package/{src/render/dom/value-types/type-auto.ts → dist/render/dom/value-types/type-auto.d.ts} +15 -21
- package/dist/render/dom/value-types/type-auto.d.ts.map +1 -0
- package/dist/render/dom/value-types/type-auto.js +12 -0
- package/{src/render/dom/value-types/type-int.ts → dist/render/dom/value-types/type-int.d.ts} +14 -23
- package/dist/render/dom/value-types/type-int.d.ts.map +1 -0
- package/dist/render/dom/value-types/type-int.js +13 -0
- package/{src/render/dom/value-types/types.ts → dist/render/dom/value-types/types.d.ts} +9 -8
- package/dist/render/dom/value-types/types.d.ts.map +1 -0
- package/dist/render/dom/value-types/types.js +1 -0
- package/dist/render/html/UseHTMLProps.svelte.d.ts +36 -0
- package/dist/render/html/UseHTMLProps.svelte.d.ts.map +1 -0
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts +36 -0
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts.map +1 -0
- package/{src → dist}/render/html/UseStyle.svelte +2 -2
- package/dist/render/html/UseStyle.svelte.d.ts +41 -0
- package/dist/render/html/UseStyle.svelte.d.ts.map +1 -0
- package/dist/render/html/config-motion.d.ts +13 -0
- package/dist/render/html/config-motion.d.ts.map +1 -0
- package/dist/render/html/config-motion.js +12 -0
- package/dist/render/html/supported-elements.d.ts +12 -0
- package/dist/render/html/supported-elements.d.ts.map +1 -0
- package/{src/render/html/supported-elements.ts → dist/render/html/supported-elements.js} +4 -10
- package/{src/render/html/types.ts → dist/render/html/types.d.ts} +66 -64
- package/dist/render/html/types.d.ts.map +1 -0
- package/dist/render/html/types.js +1 -0
- package/{src/render/html/use-props.ts → dist/render/html/use-props.d.ts} +11 -14
- package/dist/render/html/use-props.d.ts.map +1 -0
- package/dist/render/html/use-props.js +2 -0
- package/dist/render/html/utils/build-projection-transform.d.ts +21 -0
- package/dist/render/html/utils/build-projection-transform.d.ts.map +1 -0
- package/{src/render/html/utils/build-projection-transform.ts → dist/render/html/utils/build-projection-transform.js} +39 -53
- package/dist/render/html/utils/build-styles.d.ts +13 -0
- package/dist/render/html/utils/build-styles.d.ts.map +1 -0
- package/{src/render/html/utils/build-styles.ts → dist/render/html/utils/build-styles.js} +107 -121
- package/dist/render/html/utils/build-transform.d.ts +21 -0
- package/dist/render/html/utils/build-transform.d.ts.map +1 -0
- package/{src/render/html/utils/build-transform.ts → dist/render/html/utils/build-transform.js} +69 -79
- package/dist/render/html/utils/create-render-state.d.ts +17 -0
- package/dist/render/html/utils/create-render-state.d.ts.map +1 -0
- package/dist/render/html/utils/create-render-state.js +18 -0
- package/dist/render/html/utils/render.d.ts +12 -0
- package/dist/render/html/utils/render.d.ts.map +1 -0
- package/{src/render/html/utils/render.ts → dist/render/html/utils/render.js} +14 -22
- package/dist/render/html/utils/scrape-motion-values.d.ts +8 -0
- package/dist/render/html/utils/scrape-motion-values.d.ts.map +1 -0
- package/{src/render/html/utils/scrape-motion-values.ts → dist/render/html/utils/scrape-motion-values.js} +17 -26
- package/dist/render/html/utils/transform.d.ts +25 -0
- package/dist/render/html/utils/transform.d.ts.map +1 -0
- package/{src/render/html/utils/transform.ts → dist/render/html/utils/transform.js} +48 -51
- package/dist/render/html/visual-element.d.ts +12 -0
- package/dist/render/html/visual-element.d.ts.map +1 -0
- package/{src/render/html/visual-element.ts → dist/render/html/visual-element.js} +119 -129
- package/dist/render/index.d.ts +8 -0
- package/dist/render/index.d.ts.map +1 -0
- package/{src/render/index.ts → dist/render/index.js} +711 -703
- package/{src → dist}/render/svg/UseSVGProps.svelte +1 -1
- package/dist/render/svg/UseSVGProps.svelte.d.ts +35 -0
- package/dist/render/svg/UseSVGProps.svelte.d.ts.map +1 -0
- package/dist/render/svg/config-motion.d.ts +8 -0
- package/dist/render/svg/config-motion.d.ts.map +1 -0
- package/dist/render/svg/config-motion.js +41 -0
- package/dist/render/svg/lowercase-elements.d.ts +10 -0
- package/dist/render/svg/lowercase-elements.d.ts.map +1 -0
- package/{src/render/svg/lowercase-elements.ts → dist/render/svg/lowercase-elements.js} +35 -35
- package/dist/render/svg/supported-elements.d.ts +12 -0
- package/dist/render/svg/supported-elements.d.ts.map +1 -0
- package/{src/render/svg/supported-elements.ts → dist/render/svg/supported-elements.js} +4 -10
- package/{src/render/svg/types.ts → dist/render/svg/types.d.ts} +53 -51
- package/dist/render/svg/types.d.ts.map +1 -0
- package/dist/render/svg/types.js +1 -0
- package/{src/render/svg/use-props.ts → dist/render/svg/use-props.d.ts} +13 -14
- package/dist/render/svg/use-props.d.ts.map +1 -0
- package/dist/render/svg/use-props.js +1 -0
- package/dist/render/svg/utils/build-attrs.d.ts +16 -0
- package/dist/render/svg/utils/build-attrs.d.ts.map +1 -0
- package/{src/render/svg/utils/build-attrs.ts → dist/render/svg/utils/build-attrs.js} +44 -58
- package/dist/render/svg/utils/camel-case-attrs.d.ts +9 -0
- package/dist/render/svg/utils/camel-case-attrs.d.ts.map +1 -0
- package/{src/render/svg/utils/camel-case-attrs.ts → dist/render/svg/utils/camel-case-attrs.js} +27 -27
- package/dist/render/svg/utils/create-render-state.d.ts +3 -0
- package/dist/render/svg/utils/create-render-state.d.ts.map +1 -0
- package/{src/render/svg/utils/create-render-state.ts → dist/render/svg/utils/create-render-state.js} +8 -17
- package/dist/render/svg/utils/path.d.ts +15 -0
- package/dist/render/svg/utils/path.d.ts.map +1 -0
- package/{src/render/svg/utils/path.ts → dist/render/svg/utils/path.js} +46 -49
- package/dist/render/svg/utils/render.d.ts +8 -0
- package/dist/render/svg/utils/render.d.ts.map +1 -0
- package/{src/render/svg/utils/render.ts → dist/render/svg/utils/render.js} +14 -22
- package/dist/render/svg/utils/scrape-motion-values.d.ts +8 -0
- package/dist/render/svg/utils/scrape-motion-values.d.ts.map +1 -0
- package/{src/render/svg/utils/scrape-motion-values.ts → dist/render/svg/utils/scrape-motion-values.js} +17 -26
- package/dist/render/svg/utils/transform-origin.d.ts +12 -0
- package/dist/render/svg/utils/transform-origin.d.ts.map +1 -0
- package/{src/render/svg/utils/transform-origin.ts → dist/render/svg/utils/transform-origin.js} +21 -30
- package/dist/render/svg/visual-element.d.ts +7 -0
- package/dist/render/svg/visual-element.d.ts.map +1 -0
- package/{src/render/svg/visual-element.ts → dist/render/svg/visual-element.js} +41 -44
- package/{src/render/types.ts → dist/render/types.d.ts} +148 -148
- package/dist/render/types.d.ts.map +1 -0
- package/dist/render/types.js +4 -0
- package/dist/render/utils/animation-state.d.ts +37 -0
- package/dist/render/utils/animation-state.d.ts.map +1 -0
- package/{src/render/utils/animation-state.ts → dist/render/utils/animation-state.js} +339 -375
- package/dist/render/utils/animation.d.ts +27 -0
- package/dist/render/utils/animation.d.ts.map +1 -0
- package/{src/render/utils/animation.ts → dist/render/utils/animation.js} +157 -167
- package/{src/render/utils/compare-by-depth.ts → dist/render/utils/compare-by-depth.d.ts} +15 -18
- package/dist/render/utils/compare-by-depth.d.ts.map +1 -0
- package/dist/render/utils/compare-by-depth.js +8 -0
- package/dist/render/utils/flat-tree.d.ts +14 -0
- package/dist/render/utils/flat-tree.d.ts.map +1 -0
- package/dist/render/utils/flat-tree.js +53 -0
- package/{src/render/utils/is-draggable.ts → dist/render/utils/is-draggable.d.ts} +12 -17
- package/dist/render/utils/is-draggable.d.ts.map +1 -0
- package/dist/render/utils/is-draggable.js +9 -0
- package/{src/render/utils/lifecycles.ts → dist/render/utils/lifecycles.d.ts} +122 -172
- package/dist/render/utils/lifecycles.d.ts.map +1 -0
- package/dist/render/utils/lifecycles.js +49 -0
- package/dist/render/utils/motion-values.d.ts +9 -0
- package/dist/render/utils/motion-values.d.ts.map +1 -0
- package/{src/render/utils/motion-values.ts → dist/render/utils/motion-values.js} +49 -59
- package/dist/render/utils/projection.d.ts +9 -0
- package/dist/render/utils/projection.d.ts.map +1 -0
- package/{src/render/utils/projection.ts → dist/render/utils/projection.js} +29 -38
- package/dist/render/utils/setters.d.ts +794 -0
- package/dist/render/utils/setters.d.ts.map +1 -0
- package/dist/render/utils/setters.js +119 -0
- package/{src/render/utils/state.ts → dist/render/utils/state.d.ts} +90 -113
- package/dist/render/utils/state.d.ts.map +1 -0
- package/dist/render/utils/state.js +26 -0
- package/{src/render/utils/types.ts → dist/render/utils/types.d.ts} +13 -12
- package/dist/render/utils/types.d.ts.map +1 -0
- package/dist/render/utils/types.js +13 -0
- package/dist/render/utils/variants.d.ts +27 -0
- package/dist/render/utils/variants.d.ts.map +1 -0
- package/{src/render/utils/variants.ts → dist/render/utils/variants.js} +66 -76
- package/{src/types/geometry.ts → dist/types/geometry.d.ts} +92 -91
- package/dist/types/geometry.d.ts.map +1 -0
- package/dist/types/geometry.js +1 -0
- package/{src/types.ts → dist/types.d.ts} +1091 -1088
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +1 -0
- package/dist/utils/UseUnmountEffect.svelte.d.ts +30 -0
- package/dist/utils/UseUnmountEffect.svelte.d.ts.map +1 -0
- package/dist/utils/array.d.ts +12 -0
- package/dist/utils/array.d.ts.map +1 -0
- package/{src/utils/array.ts → dist/utils/array.js} +16 -18
- package/dist/utils/each-axis.d.ts +11 -0
- package/dist/utils/each-axis.d.ts.map +1 -0
- package/{src/utils/each-axis.ts → dist/utils/each-axis.js} +13 -15
- package/dist/utils/errors.d.ts +5 -0
- package/dist/utils/errors.d.ts.map +1 -0
- package/dist/utils/errors.js +16 -0
- package/dist/utils/fix-process-env.d.ts +2 -0
- package/dist/utils/fix-process-env.d.ts.map +1 -0
- package/dist/utils/fix-process-env.js +19 -0
- package/dist/utils/geometry/delta-apply.d.ts +71 -0
- package/dist/utils/geometry/delta-apply.d.ts.map +1 -0
- package/{src/utils/geometry/delta-apply.ts → dist/utils/geometry/delta-apply.js} +161 -162
- package/dist/utils/geometry/delta-calc.d.ts +34 -0
- package/dist/utils/geometry/delta-calc.d.ts.map +1 -0
- package/{src/utils/geometry/delta-calc.ts → dist/utils/geometry/delta-calc.js} +84 -89
- package/dist/utils/geometry/index.d.ts +30 -0
- package/dist/utils/geometry/index.d.ts.map +1 -0
- package/{src/utils/geometry/index.ts → dist/utils/geometry/index.js} +71 -83
- package/dist/utils/is-browser.d.ts +11 -0
- package/dist/utils/is-browser.d.ts.map +1 -0
- package/{src/utils/is-browser.ts → dist/utils/is-browser.js} +10 -12
- package/dist/utils/is-numerical-string.d.ts +14 -0
- package/dist/utils/is-numerical-string.d.ts.map +1 -0
- package/{src/utils/is-numerical-string.ts → dist/utils/is-numerical-string.js} +13 -15
- package/dist/utils/is-ref-object.d.ts +12 -0
- package/dist/utils/is-ref-object.d.ts.map +1 -0
- package/dist/utils/is-ref-object.js +9 -0
- package/dist/utils/noop.d.ts +11 -0
- package/dist/utils/noop.d.ts.map +1 -0
- package/{src/utils/noop.ts → dist/utils/noop.js} +13 -15
- package/dist/utils/resolve-value.d.ts +9 -0
- package/dist/utils/resolve-value.d.ts.map +1 -0
- package/{src/utils/resolve-value.ts → dist/utils/resolve-value.js} +15 -23
- package/dist/utils/shallow-compare.d.ts +11 -0
- package/dist/utils/shallow-compare.d.ts.map +1 -0
- package/{src/utils/shallow-compare.ts → dist/utils/shallow-compare.js} +21 -23
- package/dist/utils/subscription-manager.d.ts +14 -0
- package/dist/utils/subscription-manager.d.ts.map +1 -0
- package/dist/utils/subscription-manager.js +69 -0
- package/dist/utils/time-conversion.d.ts +17 -0
- package/dist/utils/time-conversion.d.ts.map +1 -0
- package/{src/utils/time-conversion.ts → dist/utils/time-conversion.js} +16 -18
- package/{src/utils/transform.ts → dist/utils/transform.d.ts} +93 -120
- package/dist/utils/transform.d.ts.map +1 -0
- package/dist/utils/transform.js +22 -0
- package/{src/utils/use-constant.ts → dist/utils/use-constant.d.ts} +22 -23
- package/dist/utils/use-constant.d.ts.map +1 -0
- package/dist/utils/use-constant.js +9 -0
- package/dist/utils/use-cycle.d.ts +2 -0
- package/dist/utils/use-cycle.d.ts.map +1 -0
- package/{src/utils/use-cycle.ts → dist/utils/use-cycle.js} +65 -78
- package/dist/utils/use-force-update.d.ts +6 -0
- package/dist/utils/use-force-update.d.ts.map +1 -0
- package/dist/utils/use-force-update.js +2 -0
- package/dist/utils/use-isomorphic-effect.d.ts +7 -0
- package/dist/utils/use-isomorphic-effect.d.ts.map +1 -0
- package/{src/utils/use-isomorphic-effect.ts → dist/utils/use-isomorphic-effect.js} +7 -8
- package/dist/utils/use-reduced-motion.d.ts +33 -0
- package/dist/utils/use-reduced-motion.d.ts.map +1 -0
- package/{src/utils/use-reduced-motion.ts → dist/utils/use-reduced-motion.js} +52 -70
- package/{src/utils/use-unmount-effect.ts → dist/utils/use-unmount-effect.d.ts} +7 -8
- package/dist/utils/use-unmount-effect.d.ts.map +1 -0
- package/dist/utils/use-unmount-effect.js +1 -0
- package/{src/value/index.ts → dist/value/index.d.ts} +273 -409
- package/dist/value/index.d.ts.map +1 -0
- package/dist/value/index.js +546 -0
- package/dist/value/scroll/use-element-scroll.d.ts +8 -0
- package/dist/value/scroll/use-element-scroll.d.ts.map +1 -0
- package/dist/value/scroll/use-element-scroll.js +40 -0
- package/dist/value/scroll/use-viewport-scroll.d.ts +29 -0
- package/dist/value/scroll/use-viewport-scroll.d.ts.map +1 -0
- package/{src/value/scroll/use-viewport-scroll.ts → dist/value/scroll/use-viewport-scroll.js} +59 -81
- package/dist/value/scroll/utils.d.ts +25 -0
- package/dist/value/scroll/utils.d.ts.map +1 -0
- package/{src/value/scroll/utils.ts → dist/value/scroll/utils.js} +52 -76
- package/dist/value/use-combine-values.d.ts +9 -0
- package/dist/value/use-combine-values.d.ts.map +1 -0
- package/dist/value/use-combine-values.js +41 -0
- package/dist/value/use-motion-template.d.ts +31 -0
- package/dist/value/use-motion-template.d.ts.map +1 -0
- package/{src/value/use-motion-template.ts → dist/value/use-motion-template.js} +51 -57
- package/dist/value/use-motion-value.d.ts +27 -0
- package/dist/value/use-motion-value.d.ts.map +1 -0
- package/{src/value/use-motion-value.ts → dist/value/use-motion-value.js} +27 -27
- package/dist/value/use-spring.d.ts +29 -0
- package/dist/value/use-spring.d.ts.map +1 -0
- package/{src/value/use-spring.ts → dist/value/use-spring.js} +64 -84
- package/dist/value/use-transform.d.ts +87 -0
- package/dist/value/use-transform.d.ts.map +1 -0
- package/dist/value/use-transform.js +77 -0
- package/dist/value/use-velocity.d.ts +20 -0
- package/dist/value/use-velocity.d.ts.map +1 -0
- package/{src/value/use-velocity.ts → dist/value/use-velocity.js} +39 -44
- package/dist/value/utils/is-motion-value.d.ts +12 -0
- package/dist/value/utils/is-motion-value.d.ts.map +1 -0
- package/dist/value/utils/is-motion-value.js +8 -0
- package/dist/value/utils/resolve-motion-value.d.ts +16 -0
- package/dist/value/utils/resolve-motion-value.d.ts.map +1 -0
- package/{src/value/utils/resolve-motion-value.ts → dist/value/utils/resolve-motion-value.js} +25 -29
- package/package.json +39 -18
- package/src/animation/use-animated-state.ts +0 -1
- package/src/animation/utils/default-transitions.ts +0 -70
- package/src/context/DOMcontext.ts +0 -21
- package/src/context/LayoutGroupContext.ts +0 -13
- package/src/context/LazyContext.ts +0 -18
- package/src/context/MotionContext/UseCreateMotionContext.svelte +0 -34
- package/src/context/SharedLayoutContext.ts +0 -29
- package/src/gestures/PanSession.ts +0 -298
- package/src/gestures/drag/VisualElementDragControls.ts +0 -632
- package/src/gestures/drag/use-drag-controls.ts +0 -148
- package/src/motion/features/layout/Animate.ts +0 -9
- package/src/motion/features/layout/Measure.ts +0 -9
- package/src/motion/index.ts +0 -64
- package/src/render/dom/motion-minimal.ts +0 -22
- package/src/render/dom/motion-proxy.ts +0 -107
- package/src/render/dom/utils/create-config.ts +0 -33
- package/src/render/dom/utils/use-svg-props.ts +0 -1
- package/src/render/html/config-motion.ts +0 -23
- package/src/render/html/utils/create-render-state.ts +0 -18
- package/src/render/svg/config-motion.ts +0 -51
- package/src/render/utils/flat-tree.ts +0 -35
- package/src/render/utils/setters.ts +0 -910
- package/src/utils/errors.ts +0 -22
- package/src/utils/fix-process-env.ts +0 -22
- package/src/utils/is-ref-object.ts +0 -16
- package/src/utils/subscription-manager.ts +0 -49
- package/src/utils/use-force-update.ts +0 -7
- package/src/value/scroll/use-element-scroll.ts +0 -73
- package/src/value/use-combine-values.ts +0 -53
- package/src/value/use-transform.ts +0 -216
- package/src/value/utils/is-motion-value.ts +0 -15
- /package/{src → dist}/animation/UseAnimation.svelte +0 -0
- /package/{src → dist}/components/AnimatePresence/AnimatePresence.svelte +0 -0
- /package/{src → dist}/components/AnimateSharedLayout/AnimateSharedLayout.svelte +0 -0
- /package/{src → dist}/components/LazyMotion/LazyMotion.svelte +0 -0
- /package/{src → dist}/components/MotionDiv.svelte +0 -0
- /package/{src → dist}/context/MotionContext/MotionContextProvider.svelte +0 -0
- /package/{src → dist}/gestures/UseFocusGesture.svelte +0 -0
- /package/{src → dist}/gestures/UseGestures.svelte +0 -0
- /package/{src → dist}/gestures/UsePanGesture.svelte +0 -0
- /package/{src → dist}/gestures/UseTapGesture.svelte +0 -0
- /package/{src → dist}/motion/features/AnimationState.svelte +0 -0
- /package/{src → dist}/motion/features/layout/AnimateLayoutContextProvider.svelte +0 -0
- /package/{src → dist}/motion/features/layout/Measure.svelte +0 -0
- /package/{src → dist}/render/dom/M.svelte +0 -0
- /package/{src → dist}/render/dom/UseRender.svelte +0 -0
- /package/{src → dist}/render/dom/utils/UseInitialMotionProps.svelte +0 -0
- /package/{src → dist}/render/html/UseHTMLProps.svelte +0 -0
- /package/{src → dist}/render/html/UseInitialMotionValues.svelte +0 -0
- /package/{src → dist}/utils/UseUnmountEffect.svelte +0 -0
package/{src/render/dom/projection/relative-set.ts → dist/render/dom/projection/relative-set.js}
RENAMED
|
@@ -1,27 +1,18 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
var relativeOffset = calcRelativeOffset(projectionParent.getLayoutState().layout, visualElement.getLayoutState().layout);
|
|
22
|
-
eachAxis(function (axis) {
|
|
23
|
-
visualElement.setProjectionTargetAxis(axis, relativeOffset[axis].min, relativeOffset[axis].max, true);
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { setCurrentViewportBox };
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.11,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import { calcRelativeOffset } from '../../../motion/features/layout/utils.js';
|
|
6
|
+
import { eachAxis } from '../../../utils/each-axis.js';
|
|
7
|
+
function setCurrentViewportBox(visualElement) {
|
|
8
|
+
var projectionParent = visualElement.getProjectionParent();
|
|
9
|
+
if (!projectionParent) {
|
|
10
|
+
visualElement.rebaseProjectionTarget();
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
var relativeOffset = calcRelativeOffset(projectionParent.getLayoutState().layout, visualElement.getLayoutState().layout);
|
|
14
|
+
eachAxis(function (axis) {
|
|
15
|
+
visualElement.setProjectionTargetAxis(axis, relativeOffset[axis].min, relativeOffset[axis].max, true);
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
export { setCurrentViewportBox };
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import type { ScaleCorrectionDefinitionMap } from "./types";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
for (var key in correctors) {
|
|
18
|
-
valueScaleCorrection[key] = correctors[key];
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export { addScaleCorrection, valueScaleCorrection };
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { ScaleCorrectionDefinitionMap } from "./types";
|
|
6
|
+
/**
|
|
7
|
+
based on framer-motion@4.0.3,
|
|
8
|
+
Copyright (c) 2018 Framer B.V.
|
|
9
|
+
*/
|
|
10
|
+
declare var valueScaleCorrection: ScaleCorrectionDefinitionMap;
|
|
11
|
+
/**
|
|
12
|
+
* @internal
|
|
13
|
+
*/
|
|
14
|
+
declare function addScaleCorrection(correctors: ScaleCorrectionDefinitionMap): void;
|
|
15
|
+
export { addScaleCorrection, valueScaleCorrection };
|
|
16
|
+
//# sourceMappingURL=scale-correction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scale-correction.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/scale-correction.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAG5D;;;EAGE;AACF,QAAA,IAAI,oBAAoB,EAAE,4BAAiC,CAAC;AAC5D;;GAEG;AACH,iBAAS,kBAAkB,CAAC,UAAU,EAAE,4BAA4B,QAInE;AAED,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.0.3,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
var valueScaleCorrection = {};
|
|
6
|
+
/**
|
|
7
|
+
* @internal
|
|
8
|
+
*/
|
|
9
|
+
function addScaleCorrection(correctors) {
|
|
10
|
+
for (var key in correctors) {
|
|
11
|
+
valueScaleCorrection[key] = correctors[key];
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
export { addScaleCorrection, valueScaleCorrection };
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import type { LayoutState, TargetProjection } from "../../utils/state";
|
|
6
|
-
export type ScaleCorrection = (latest: string | number, layoutState: LayoutState, projection: TargetProjection) => string | number;
|
|
7
|
-
export interface ScaleCorrectionDefinition {
|
|
8
|
-
process: ScaleCorrection;
|
|
9
|
-
applyTo?: string[];
|
|
10
|
-
}
|
|
11
|
-
export type ScaleCorrectionDefinitionMap = {
|
|
12
|
-
[key: string]: ScaleCorrectionDefinition;
|
|
13
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { LayoutState, TargetProjection } from "../../utils/state";
|
|
6
|
+
export type ScaleCorrection = (latest: string | number, layoutState: LayoutState, projection: TargetProjection) => string | number;
|
|
7
|
+
export interface ScaleCorrectionDefinition {
|
|
8
|
+
process: ScaleCorrection;
|
|
9
|
+
applyTo?: string[];
|
|
10
|
+
}
|
|
11
|
+
export type ScaleCorrectionDefinitionMap = {
|
|
12
|
+
[key: string]: ScaleCorrectionDefinition;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,KAAK,MAAM,GAAG,MAAM,CAAC;AACnI,MAAM,WAAW,yBAAyB;IACtC,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AACD,MAAM,MAAM,4BAA4B,GAAG;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAC;CAC5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { VisualElement } from "../../types";
|
|
6
|
+
declare function collectProjectingAncestors(visualElement: VisualElement, ancestors?: VisualElement[]): VisualElement<any, any>[];
|
|
7
|
+
declare function collectProjectingChildren(visualElement: VisualElement): VisualElement<any, any>[];
|
|
8
|
+
/**
|
|
9
|
+
* Update the layoutState by measuring the DOM layout. This
|
|
10
|
+
* should be called after resetting any layout-affecting transforms.
|
|
11
|
+
*/
|
|
12
|
+
declare function updateLayoutMeasurement(visualElement: VisualElement): void;
|
|
13
|
+
/**
|
|
14
|
+
* Record the viewport box as it was before an expected mutation/re-render
|
|
15
|
+
*/
|
|
16
|
+
declare function snapshotViewportBox(visualElement: VisualElement, nc?: any): void;
|
|
17
|
+
export { collectProjectingAncestors, collectProjectingChildren, snapshotViewportBox, updateLayoutMeasurement };
|
|
18
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAgBjD,iBAAS,0BAA0B,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,aAAa,EAAE,6BAQ5F;AACD,iBAAS,yBAAyB,CAAC,aAAa,EAAE,aAAa,6BAS9D;AACD;;;GAGG;AACH,iBAAS,uBAAuB,CAAC,aAAa,EAAE,aAAa,QAU5D;AACD;;GAEG;AACH,iBAAS,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,CAAC,EAAE,GAAG,QASlE;AAED,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,69 +1,62 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
visualElement.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
* Update targetBox to match the prevViewportBox. This is just to ensure
|
|
64
|
-
* that targetBox is affected by scroll in the same way as the measured box
|
|
65
|
-
*/
|
|
66
|
-
visualElement.rebaseProjectionTarget(false, visualElement.prevViewportBox);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export { collectProjectingAncestors, collectProjectingChildren, snapshotViewportBox, updateLayoutMeasurement };
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.11,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import sync from 'framesync';
|
|
6
|
+
import { copyAxisBox } from '../../../utils/geometry/index.js';
|
|
7
|
+
import { compareByDepth } from '../../utils/compare-by-depth.js';
|
|
8
|
+
function isProjecting(visualElement) {
|
|
9
|
+
var isEnabled = visualElement.projection.isEnabled;
|
|
10
|
+
return isEnabled || visualElement.shouldResetTransform();
|
|
11
|
+
}
|
|
12
|
+
function collectProjectingAncestors(visualElement, ancestors) {
|
|
13
|
+
if (ancestors === void 0) {
|
|
14
|
+
ancestors = [];
|
|
15
|
+
}
|
|
16
|
+
var parent = visualElement.parent;
|
|
17
|
+
if (parent)
|
|
18
|
+
collectProjectingAncestors(parent, ancestors);
|
|
19
|
+
if (isProjecting(visualElement))
|
|
20
|
+
ancestors.push(visualElement);
|
|
21
|
+
return ancestors;
|
|
22
|
+
}
|
|
23
|
+
function collectProjectingChildren(visualElement) {
|
|
24
|
+
var children = [];
|
|
25
|
+
var addChild = function (child) {
|
|
26
|
+
if (isProjecting(child))
|
|
27
|
+
children.push(child);
|
|
28
|
+
child.children.forEach(addChild);
|
|
29
|
+
};
|
|
30
|
+
visualElement.children.forEach(addChild);
|
|
31
|
+
return children.sort(compareByDepth);
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Update the layoutState by measuring the DOM layout. This
|
|
35
|
+
* should be called after resetting any layout-affecting transforms.
|
|
36
|
+
*/
|
|
37
|
+
function updateLayoutMeasurement(visualElement) {
|
|
38
|
+
if (visualElement.shouldResetTransform())
|
|
39
|
+
return;
|
|
40
|
+
var layoutState = visualElement.getLayoutState();
|
|
41
|
+
visualElement.notifyBeforeLayoutMeasure(layoutState.layout);
|
|
42
|
+
layoutState.isHydrated = true;
|
|
43
|
+
layoutState.layout = visualElement.measureViewportBox();
|
|
44
|
+
layoutState.layoutCorrected = copyAxisBox(layoutState.layout);
|
|
45
|
+
visualElement.notifyLayoutMeasure(layoutState.layout, visualElement.prevViewportBox || layoutState.layout);
|
|
46
|
+
sync.update(function () { return visualElement.rebaseProjectionTarget(); });
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Record the viewport box as it was before an expected mutation/re-render
|
|
50
|
+
*/
|
|
51
|
+
function snapshotViewportBox(visualElement, nc) {
|
|
52
|
+
if (visualElement.shouldResetTransform())
|
|
53
|
+
return;
|
|
54
|
+
if (!nc)
|
|
55
|
+
visualElement.prevViewportBox = visualElement.measureViewportBox(false);
|
|
56
|
+
/**
|
|
57
|
+
* Update targetBox to match the prevViewportBox. This is just to ensure
|
|
58
|
+
* that targetBox is affected by scroll in the same way as the measured box
|
|
59
|
+
*/
|
|
60
|
+
visualElement.rebaseProjectionTarget(false, visualElement.prevViewportBox);
|
|
61
|
+
}
|
|
62
|
+
export { collectProjectingAncestors, collectProjectingChildren, snapshotViewportBox, updateLayoutMeasurement };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const svgMutableState: () => any;
|
|
2
|
+
export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<HTMLElement, any>, options?: import("./types").DOMVisualElementOptions | undefined) => import("../types").VisualElement<HTMLElement, any>;
|
|
3
|
+
//# sourceMappingURL=svg-visual-element.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svg-visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/svg-visual-element.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,eAAe,WAI1B,CAAA;AAEF,eAAO,MAAM,gBAAgB,wPAiF3B,CAAA"}
|
|
@@ -1,114 +1,81 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.0.3,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import { visualElement } from ".."
|
|
6
|
-
import { isMotionValue } from "../../value/utils/is-motion-value"
|
|
7
|
-
import { htmlConfig } from "../html/visual-element"
|
|
8
|
-
import { buildSVGAttrs } from "../svg/utils/build-attrs"
|
|
9
|
-
import { camelToDash } from "./utils/camel-to-dash"
|
|
10
|
-
import { camelCaseAttributes } from "../svg/utils/camel-case-attrs"
|
|
11
|
-
import { isTransformProp } from "../html/utils/transform"
|
|
12
|
-
import { getDefaultValueType } from "./value-types/defaults";
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
},
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
latestValues,
|
|
83
|
-
projection,
|
|
84
|
-
layoutState,
|
|
85
|
-
options,
|
|
86
|
-
props
|
|
87
|
-
) {
|
|
88
|
-
buildSVGAttrs(
|
|
89
|
-
renderState,
|
|
90
|
-
latestValues,
|
|
91
|
-
projection,
|
|
92
|
-
layoutState,
|
|
93
|
-
options,
|
|
94
|
-
props.transformTemplate
|
|
95
|
-
)
|
|
96
|
-
},
|
|
97
|
-
|
|
98
|
-
render(element, mutableState) {
|
|
99
|
-
htmlConfig.render(element, mutableState)
|
|
100
|
-
|
|
101
|
-
for (const key in mutableState.attrs) {
|
|
102
|
-
element.setAttribute(
|
|
103
|
-
!camelCaseAttributes.has(key) ? camelToDash(key) : key,
|
|
104
|
-
mutableState.attrs[key]
|
|
105
|
-
)
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
})
|
|
109
|
-
|
|
110
|
-
function isPath(
|
|
111
|
-
element
|
|
112
|
-
){
|
|
113
|
-
return element.tagName === "path"
|
|
114
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.0.3,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import { visualElement } from "..";
|
|
6
|
+
import { isMotionValue } from "../../value/utils/is-motion-value";
|
|
7
|
+
import { htmlConfig } from "../html/visual-element";
|
|
8
|
+
import { buildSVGAttrs } from "../svg/utils/build-attrs";
|
|
9
|
+
import { camelToDash } from "./utils/camel-to-dash";
|
|
10
|
+
import { camelCaseAttributes } from "../svg/utils/camel-case-attrs";
|
|
11
|
+
import { isTransformProp } from "../html/utils/transform";
|
|
12
|
+
import { getDefaultValueType } from "./value-types/defaults";
|
|
13
|
+
const zeroDimensions = {
|
|
14
|
+
x: 0,
|
|
15
|
+
y: 0,
|
|
16
|
+
width: 0,
|
|
17
|
+
height: 0,
|
|
18
|
+
};
|
|
19
|
+
export const svgMutableState = () => ({
|
|
20
|
+
...htmlConfig.createRenderState(),
|
|
21
|
+
attrs: {},
|
|
22
|
+
dimensions: zeroDimensions,
|
|
23
|
+
});
|
|
24
|
+
export const svgVisualElement = visualElement({
|
|
25
|
+
...(htmlConfig),
|
|
26
|
+
createRenderState: svgMutableState,
|
|
27
|
+
onMount(element, instance, mutableState) {
|
|
28
|
+
try {
|
|
29
|
+
mutableState.dimensions =
|
|
30
|
+
typeof (instance).getBBox === "function"
|
|
31
|
+
? (instance).getBBox()
|
|
32
|
+
: (instance.getBoundingClientRect());
|
|
33
|
+
}
|
|
34
|
+
catch (e) {
|
|
35
|
+
// Most likely trying to measure an unrendered element under Firefox
|
|
36
|
+
mutableState.dimensions = zeroDimensions;
|
|
37
|
+
}
|
|
38
|
+
if (isPath(instance)) {
|
|
39
|
+
mutableState.totalPathLength = instance.getTotalLength();
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Ensure we render the element as soon as possible to reflect the measured dimensions.
|
|
43
|
+
* Preferably this would happen synchronously but we put it in rAF to prevent layout thrashing.
|
|
44
|
+
*/
|
|
45
|
+
element.scheduleRender();
|
|
46
|
+
},
|
|
47
|
+
getBaseTarget(props, key) {
|
|
48
|
+
return props[key];
|
|
49
|
+
},
|
|
50
|
+
readValueFromInstance(domElement, key) {
|
|
51
|
+
if (isTransformProp(key)) {
|
|
52
|
+
return getDefaultValueType(key)?.default || 0;
|
|
53
|
+
}
|
|
54
|
+
key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
|
|
55
|
+
return domElement.getAttribute(key);
|
|
56
|
+
},
|
|
57
|
+
scrapeMotionValuesFromProps(props) {
|
|
58
|
+
const newValues = htmlConfig.scrapeMotionValuesFromProps(props);
|
|
59
|
+
for (let key in props) {
|
|
60
|
+
if (isMotionValue(props[key])) {
|
|
61
|
+
if (key === "x" || key === "y") {
|
|
62
|
+
key = "attr" + key.toUpperCase();
|
|
63
|
+
}
|
|
64
|
+
newValues[key] = props[key];
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return newValues;
|
|
68
|
+
},
|
|
69
|
+
build(_element, renderState, latestValues, projection, layoutState, options, props) {
|
|
70
|
+
buildSVGAttrs(renderState, latestValues, projection, layoutState, options, props.transformTemplate);
|
|
71
|
+
},
|
|
72
|
+
render(element, mutableState) {
|
|
73
|
+
htmlConfig.render(element, mutableState);
|
|
74
|
+
for (const key in mutableState.attrs) {
|
|
75
|
+
element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, mutableState.attrs[key]);
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
});
|
|
79
|
+
function isPath(element) {
|
|
80
|
+
return element.tagName === "path";
|
|
81
|
+
}
|
|
@@ -1,32 +1,33 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import type { TransformPoint2D } from "../../types/geometry";
|
|
6
|
-
import type { HTMLMotionComponents } from "../html/types";
|
|
7
|
-
import type { SVGMotionComponents } from "../svg/types";
|
|
8
|
-
export interface DOMVisualElementOptions {
|
|
9
|
-
/**
|
|
10
|
-
* A function that can map a page point between spaces. Used by Framer
|
|
11
|
-
* to support dragging and layout animations within scaled space.
|
|
12
|
-
*
|
|
13
|
-
* @public
|
|
14
|
-
*/
|
|
15
|
-
transformPagePoint?: TransformPoint2D;
|
|
16
|
-
/**
|
|
17
|
-
* Allow `transform` to be set as `"none"` if all transforms are their default
|
|
18
|
-
* values. Switching to this removes the element as a GPU layer which can lead to subtle
|
|
19
|
-
* graphical shifts.
|
|
20
|
-
*
|
|
21
|
-
* @public
|
|
22
|
-
*/
|
|
23
|
-
allowTransformNone?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Allow this element to be GPU-accelerated. We currently enable this by
|
|
26
|
-
* adding a `translateZ(0)`.
|
|
27
|
-
*
|
|
28
|
-
* @public
|
|
29
|
-
*/
|
|
30
|
-
enableHardwareAcceleration?: boolean;
|
|
31
|
-
}
|
|
32
|
-
export type DOMMotionComponents = HTMLMotionComponents & SVGMotionComponents;
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { TransformPoint2D } from "../../types/geometry";
|
|
6
|
+
import type { HTMLMotionComponents } from "../html/types";
|
|
7
|
+
import type { SVGMotionComponents } from "../svg/types";
|
|
8
|
+
export interface DOMVisualElementOptions {
|
|
9
|
+
/**
|
|
10
|
+
* A function that can map a page point between spaces. Used by Framer
|
|
11
|
+
* to support dragging and layout animations within scaled space.
|
|
12
|
+
*
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
15
|
+
transformPagePoint?: TransformPoint2D;
|
|
16
|
+
/**
|
|
17
|
+
* Allow `transform` to be set as `"none"` if all transforms are their default
|
|
18
|
+
* values. Switching to this removes the element as a GPU layer which can lead to subtle
|
|
19
|
+
* graphical shifts.
|
|
20
|
+
*
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
allowTransformNone?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Allow this element to be GPU-accelerated. We currently enable this by
|
|
26
|
+
* adding a `translateZ(0)`.
|
|
27
|
+
*
|
|
28
|
+
* @public
|
|
29
|
+
*/
|
|
30
|
+
enableHardwareAcceleration?: boolean;
|
|
31
|
+
}
|
|
32
|
+
export type DOMMotionComponents = HTMLMotionComponents & SVGMotionComponents;
|
|
33
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,MAAM,WAAW,uBAAuB;IACpC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;AACD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import type { RenderComponent } from "../../motion/features/types";
|
|
6
|
-
import type { HTMLRenderState } from "../html/types";
|
|
7
|
-
import type { SVGRenderState } from "../svg/types";
|
|
8
|
-
export type createUseRender = (forwardMotionProps?: boolean) => RenderComponent<SVGElement | HTMLElement, HTMLRenderState | SVGRenderState>;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { RenderComponent } from "../../motion/features/types";
|
|
6
|
+
import type { HTMLRenderState } from "../html/types";
|
|
7
|
+
import type { SVGRenderState } from "../svg/types";
|
|
8
|
+
export type createUseRender = (forwardMotionProps?: boolean) => RenderComponent<SVGElement | HTMLElement, HTMLRenderState | SVGRenderState>;
|
|
9
|
+
export { default as UseRender } from './UseRender.svelte';
|
|
10
|
+
//# sourceMappingURL=use-render.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-render.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/use-render.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,eAAe,CAAC,UAAU,GAAG,WAAW,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;AAE5I,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as UseRender } from './UseRender.svelte';
|