motion-start 0.0.3 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +0 -0
- package/README.md +37 -29
- package/dist/animation/UseAnimatedState.svelte +26 -24
- package/dist/animation/UseAnimatedState.svelte.d.ts +5 -3
- package/dist/animation/UseAnimatedState.svelte.d.ts.map +1 -1
- package/dist/animation/UseAnimation.svelte.d.ts +1 -1
- package/dist/animation/animation-controls.d.ts +1 -1
- package/dist/animation/animation-controls.d.ts.map +1 -1
- package/dist/animation/animation-controls.js +12 -12
- package/dist/animation/use-animation.d.ts +1 -1
- package/dist/animation/utils/default-transitions.d.ts +1 -1
- package/dist/animation/utils/default-transitions.d.ts.map +1 -1
- package/dist/animation/utils/default-transitions.js +27 -37
- package/dist/animation/utils/easing.d.ts +2 -2
- package/dist/animation/utils/easing.d.ts.map +1 -1
- package/dist/animation/utils/easing.js +5 -6
- package/dist/animation/utils/transitions.d.ts +5 -5
- package/dist/animation/utils/transitions.d.ts.map +1 -1
- package/dist/animation/utils/transitions.js +55 -64
- package/dist/animation/utils/variant-resolvers.d.ts +1 -1
- package/dist/animation/utils/variant-resolvers.d.ts.map +1 -1
- package/dist/animation/utils/variant-resolvers.js +1 -5
- package/dist/components/AnimatePresence/AnimatePresence.svelte +16 -8
- package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts.map +1 -1
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte +29 -23
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts +1 -26
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map +1 -1
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts +3 -1
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte +22 -15
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/index.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/index.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/index.js +1 -0
- package/dist/components/AnimateSharedLayout/types.d.ts +5 -5
- package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/types.js +0 -1
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/batcher.js +21 -22
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts +3 -3
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/crossfader.js +40 -46
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts +1 -1
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/rotate.js +2 -1
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts +2 -5
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/utils/stack.js +22 -22
- package/dist/components/LazyMotion/LazyMotion.svelte +9 -3
- package/dist/components/LazyMotion/LazyMotion.svelte.d.ts.map +1 -1
- package/dist/components/LazyMotion/types.d.ts +1 -1
- package/dist/components/LazyMotion/types.d.ts.map +1 -1
- package/dist/components/MotionConfig/MotionConfig.svelte +1 -0
- package/dist/components/MotionConfig/MotionConfig.svelte.d.ts.map +1 -1
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.d.ts.map +1 -1
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.js +7 -4
- package/dist/context/DOMcontext.d.ts +4 -3
- package/dist/context/DOMcontext.d.ts.map +1 -1
- package/dist/context/DOMcontext.js +1 -1
- package/dist/context/LayoutGroupContext.d.ts.map +1 -1
- package/dist/context/LayoutGroupContext.js +1 -0
- package/dist/context/LazyContext.d.ts +2 -2
- package/dist/context/LazyContext.d.ts.map +1 -1
- package/dist/context/LazyContext.js +4 -3
- package/dist/context/MotionConfigContext.d.ts.map +1 -1
- package/dist/context/MotionConfigContext.js +1 -0
- package/dist/context/MotionContext/MotionContext.svelte +3 -18
- package/dist/context/MotionContext/MotionContext.svelte.d.ts +2 -36
- package/dist/context/MotionContext/MotionContext.svelte.d.ts.map +1 -1
- package/dist/context/MotionContext/UseCreateMotionContext.svelte +2 -2
- package/dist/context/MotionContext/index.d.ts +4 -1
- package/dist/context/MotionContext/index.d.ts.map +1 -1
- package/dist/context/MotionContext/index.js +8 -1
- package/dist/context/PresenceContext.d.ts.map +1 -1
- package/dist/context/PresenceContext.js +1 -0
- package/dist/context/ScaleCorrectionProvider.svelte +1 -1
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts +2 -2
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts.map +1 -1
- package/dist/context/SharedLayoutContext.d.ts +3 -3
- package/dist/context/SharedLayoutContext.d.ts.map +1 -1
- package/dist/context/SharedLayoutContext.js +5 -3
- package/dist/events/UseDomEvent.svelte +23 -24
- package/dist/events/UseDomEvent.svelte.d.ts +5 -28
- package/dist/events/UseDomEvent.svelte.d.ts.map +1 -1
- package/dist/events/UsePointerEvent.svelte +3 -57
- package/dist/events/UsePointerEvent.svelte.d.ts +1 -3
- package/dist/events/UsePointerEvent.svelte.d.ts.map +1 -1
- package/dist/events/event-info.js +1 -1
- package/dist/events/types.d.ts +4 -3
- package/dist/events/types.d.ts.map +1 -1
- package/dist/events/use-dom-event.d.ts +2 -1
- package/dist/events/use-dom-event.d.ts.map +1 -1
- package/dist/events/use-dom-event.js +7 -1
- package/dist/events/use-pointer-event.d.ts +10 -5
- package/dist/events/use-pointer-event.d.ts.map +1 -1
- package/dist/events/use-pointer-event.js +35 -1
- package/dist/gestures/PanSession.d.ts.map +1 -1
- package/dist/gestures/PanSession.js +1 -2
- package/dist/gestures/UseHoverGesture.svelte +4 -2
- package/dist/gestures/UseHoverGesture.svelte.d.ts.map +1 -1
- package/dist/gestures/UsePanGesture.svelte +6 -5
- package/dist/gestures/UsePanGesture.svelte.d.ts.map +1 -1
- package/dist/gestures/UseTapGesture.svelte +6 -5
- package/dist/gestures/UseTapGesture.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/UseDrag.svelte +10 -16
- package/dist/gestures/drag/UseDrag.svelte.d.ts +6 -30
- package/dist/gestures/drag/UseDrag.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/UseDragControls.svelte +1 -83
- package/dist/gestures/drag/UseDragControls.svelte.d.ts +7 -2
- package/dist/gestures/drag/UseDragControls.svelte.d.ts.map +1 -1
- package/dist/gestures/drag/VisualElementDragControls.d.ts.map +1 -1
- package/dist/gestures/drag/VisualElementDragControls.js +20 -11
- package/dist/gestures/drag/types.d.ts +12 -11
- package/dist/gestures/drag/types.d.ts.map +1 -1
- package/dist/gestures/drag/types.js +1 -2
- package/dist/gestures/drag/use-drag-controls.d.ts +3 -1
- package/dist/gestures/drag/use-drag-controls.d.ts.map +1 -1
- package/dist/gestures/drag/use-drag-controls.js +1 -1
- package/dist/gestures/drag/utils/constraints.d.ts +3 -3
- package/dist/gestures/drag/utils/constraints.d.ts.map +1 -1
- package/dist/gestures/drag/utils/constraints.js +11 -12
- package/dist/gestures/drag/utils/lock.js +1 -1
- package/dist/gestures/use-focus-gesture.d.ts +1 -1
- package/dist/gestures/use-focus-gesture.d.ts.map +1 -1
- package/dist/gestures/use-hover-gesture.d.ts +1 -1
- package/dist/gestures/use-hover-gesture.d.ts.map +1 -1
- package/dist/gestures/use-pan-gesture.d.ts +1 -1
- package/dist/gestures/use-pan-gesture.d.ts.map +1 -1
- package/dist/gestures/use-tap-gesture.d.ts +1 -1
- package/dist/gestures/use-tap-gesture.d.ts.map +1 -1
- package/dist/gestures/utils/is-node-or-child.d.ts.map +1 -1
- package/dist/gestures/utils/is-node-or-child.js +1 -0
- package/dist/index.d.ts +58 -59
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +42 -41
- package/dist/motion/Motion.svelte +1 -0
- package/dist/motion/Motion.svelte.d.ts.map +1 -1
- package/dist/motion/MotionSSR.svelte +1 -1
- package/dist/motion/features/Exit.svelte +10 -9
- package/dist/motion/features/Exit.svelte.d.ts +6 -30
- package/dist/motion/features/Exit.svelte.d.ts.map +1 -1
- package/dist/motion/features/animations.d.ts +11 -0
- package/dist/motion/features/animations.d.ts.map +1 -0
- package/dist/motion/features/drag.d.ts +11 -0
- package/dist/motion/features/drag.d.ts.map +1 -0
- package/dist/motion/features/gestures.d.ts +11 -0
- package/dist/motion/features/gestures.d.ts.map +1 -0
- package/dist/motion/features/layout/Animate.svelte +44 -39
- package/dist/motion/features/layout/Animate.svelte.d.ts +2 -1
- package/dist/motion/features/layout/Animate.svelte.d.ts.map +1 -1
- package/dist/motion/features/layout/Measure.svelte +8 -6
- package/dist/motion/features/layout/Measure.svelte.d.ts.map +1 -1
- package/dist/motion/features/layout/index.d.ts +8 -0
- package/dist/motion/features/layout/index.d.ts.map +1 -0
- package/dist/motion/features/layout/index.js +1 -1
- package/dist/motion/features/types.d.ts +5 -3
- package/dist/motion/features/types.d.ts.map +1 -1
- package/dist/motion/index.d.ts +6 -6
- package/dist/motion/index.d.ts.map +1 -1
- package/dist/motion/index.js +4 -4
- package/dist/motion/types.d.ts +13 -9
- package/dist/motion/types.d.ts.map +1 -1
- package/dist/motion/types.js +1 -1
- package/dist/motion/utils/UseVisualState.svelte +22 -22
- package/dist/motion/utils/UseVisualState.svelte.d.ts +1 -1
- package/dist/motion/utils/UseVisualState.svelte.d.ts.map +1 -1
- package/dist/motion/utils/use-motion-ref.d.ts +4 -3
- package/dist/motion/utils/use-motion-ref.d.ts.map +1 -1
- package/dist/motion/utils/use-motion-ref.js +4 -6
- package/dist/motion/utils/use-visual-element.d.ts +5 -4
- package/dist/motion/utils/use-visual-element.d.ts.map +1 -1
- package/dist/motion/utils/use-visual-state.d.ts +6 -5
- package/dist/motion/utils/use-visual-state.d.ts.map +1 -1
- package/dist/motion/utils/use-visual-state.js +2 -1
- package/dist/render/dom/M-type.spec-d.js +2 -2
- package/dist/render/dom/{M.svelte → Motion-Proxy.svelte} +8 -2
- package/dist/render/dom/{M.svelte.d.ts → Motion-Proxy.svelte.d.ts} +5 -4
- package/dist/render/dom/Motion-Proxy.svelte.d.ts.map +1 -0
- package/dist/render/dom/Motion-type.spec-d.d.ts +2 -0
- package/dist/render/dom/Motion-type.spec-d.d.ts.map +1 -0
- package/dist/{motion/type.spec-d.js → render/dom/Motion-type.spec-d.js} +2 -2
- package/dist/render/dom/UseRender.svelte +5 -4
- package/dist/render/dom/UseRender.svelte.d.ts.map +1 -1
- package/dist/render/dom/featureBundle.d.ts +24 -0
- package/dist/render/dom/featureBundle.d.ts.map +1 -0
- package/dist/render/dom/featureBundle.js +5 -4
- package/dist/render/dom/motion-minimal.d.ts +942 -2
- package/dist/render/dom/motion-minimal.d.ts.map +1 -1
- package/dist/render/dom/motion-minimal.js +11 -7
- package/dist/render/dom/motion-proxy.d.ts +13 -195
- package/dist/render/dom/motion-proxy.d.ts.map +1 -1
- package/dist/render/dom/motion-proxy.js +9 -7
- package/dist/render/dom/motion.d.ts +974 -0
- package/dist/render/dom/motion.d.ts.map +1 -0
- package/dist/render/dom/motion.js +8 -4
- package/dist/render/dom/projection/convert-to-relative.d.ts.map +1 -1
- package/dist/render/dom/projection/default-scale-correctors.d.ts +5 -4
- package/dist/render/dom/projection/default-scale-correctors.d.ts.map +1 -1
- package/dist/render/dom/projection/default-scale-correctors.js +19 -19
- package/dist/render/dom/projection/scale-correction.d.ts +1 -1
- package/dist/render/dom/projection/scale-correction.d.ts.map +1 -1
- package/dist/render/dom/projection/scale-correction.js +2 -1
- package/dist/render/dom/projection/utils.d.ts +1 -1
- package/dist/render/dom/projection/utils.d.ts.map +1 -1
- package/dist/render/dom/projection/utils.js +2 -2
- package/dist/render/dom/svg-visual-element.d.ts +1 -1
- package/dist/render/dom/svg-visual-element.d.ts.map +1 -1
- package/dist/render/dom/svg-visual-element.js +11 -1
- package/dist/render/dom/use-render.d.ts +4 -8
- package/dist/render/dom/use-render.d.ts.map +1 -1
- package/dist/render/dom/use-render.js +4 -0
- package/dist/render/dom/utils/UseInitialMotionProps.svelte +14 -3
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts +2 -1
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts.map +1 -1
- package/dist/render/dom/utils/batch-layout.d.ts.map +1 -1
- package/dist/render/dom/utils/batch-layout.js +1 -0
- package/dist/render/dom/utils/create-config.d.ts +5 -11
- package/dist/render/dom/utils/create-config.d.ts.map +1 -1
- package/dist/render/dom/utils/create-config.js +7 -6
- package/dist/render/dom/utils/css-variables-conversion.d.ts +2 -2
- package/dist/render/dom/utils/css-variables-conversion.d.ts.map +1 -1
- package/dist/render/dom/utils/css-variables-conversion.js +8 -6
- package/dist/render/dom/utils/filter-props.d.ts.map +1 -1
- package/dist/render/dom/utils/filter-props.js +1 -0
- package/dist/render/dom/utils/is-svg-component.d.ts +2 -2
- package/dist/render/dom/utils/is-svg-component.d.ts.map +1 -1
- package/dist/render/dom/utils/is-svg-component.js +7 -3
- package/dist/render/dom/utils/unit-conversion.d.ts +2 -2
- package/dist/render/dom/utils/unit-conversion.d.ts.map +1 -1
- package/dist/render/dom/utils/unit-conversion.js +57 -74
- package/dist/render/dom/value-types/defaults.d.ts +1 -1
- package/dist/render/dom/value-types/defaults.d.ts.map +1 -1
- package/dist/render/dom/value-types/defaults.js +14 -5
- package/dist/render/dom/value-types/dimensions.d.ts +2 -1
- package/dist/render/dom/value-types/dimensions.d.ts.map +1 -1
- package/dist/render/dom/value-types/find.d.ts.map +1 -1
- package/dist/render/dom/value-types/find.js +2 -5
- package/dist/render/dom/value-types/get-as-type.js +1 -1
- package/dist/render/dom/value-types/type-int.d.ts.map +1 -1
- package/dist/render/dom/value-types/type-int.js +1 -2
- package/dist/render/html/UseHTMLProps.svelte +14 -2
- package/dist/render/html/UseHTMLProps.svelte.d.ts +3 -2
- package/dist/render/html/UseHTMLProps.svelte.d.ts.map +1 -1
- package/dist/render/html/UseInitialMotionValues.svelte +6 -5
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts +6 -34
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts.map +1 -1
- package/dist/render/html/UseStyle.svelte +7 -20
- package/dist/render/html/UseStyle.svelte.d.ts +0 -5
- package/dist/render/html/UseStyle.svelte.d.ts.map +1 -1
- package/dist/render/html/config-motion.d.ts.map +1 -1
- package/dist/render/html/config-motion.js +1 -0
- package/dist/render/html/types.d.ts +16 -19
- package/dist/render/html/types.d.ts.map +1 -1
- package/dist/render/html/use-props.d.ts +12 -10
- package/dist/render/html/use-props.d.ts.map +1 -1
- package/dist/render/html/use-props.js +17 -2
- package/dist/render/html/utils/build-styles.d.ts.map +1 -1
- package/dist/render/html/utils/build-styles.js +1 -0
- package/dist/render/html/utils/build-transform.d.ts.map +1 -1
- package/dist/render/html/utils/build-transform.js +1 -0
- package/dist/render/html/utils/render.d.ts.map +1 -1
- package/dist/render/html/utils/render.js +1 -0
- package/dist/render/html/utils/scrape-motion-values.d.ts.map +1 -1
- package/dist/render/html/utils/scrape-motion-values.js +2 -0
- package/dist/render/html/visual-element.d.ts +2311 -5
- package/dist/render/html/visual-element.d.ts.map +1 -1
- package/dist/render/html/visual-element.js +21 -29
- package/dist/render/index.d.ts +2 -2
- package/dist/render/index.d.ts.map +1 -1
- package/dist/render/index.js +105 -45
- package/dist/render/svg/UseSVGProps.svelte +13 -9
- package/dist/render/svg/UseSVGProps.svelte.d.ts +5 -33
- package/dist/render/svg/UseSVGProps.svelte.d.ts.map +1 -1
- package/dist/render/svg/config-motion.d.ts +18 -2
- package/dist/render/svg/config-motion.d.ts.map +1 -1
- package/dist/render/svg/config-motion.js +3 -0
- package/dist/render/svg/types.d.ts +6 -20
- package/dist/render/svg/types.d.ts.map +1 -1
- package/dist/render/svg/utils/build-attrs.d.ts +7 -7
- package/dist/render/svg/utils/build-attrs.d.ts.map +1 -1
- package/dist/render/svg/utils/build-attrs.js +3 -7
- package/dist/render/svg/utils/create-render-state.d.ts +9 -1
- package/dist/render/svg/utils/create-render-state.d.ts.map +1 -1
- package/dist/render/svg/utils/create-render-state.js +1 -2
- package/dist/render/svg/utils/path.js +1 -1
- package/dist/render/svg/utils/render.d.ts +1 -1
- package/dist/render/svg/utils/render.d.ts.map +1 -1
- package/dist/render/svg/utils/scrape-motion-values.d.ts.map +1 -1
- package/dist/render/svg/utils/scrape-motion-values.js +2 -0
- package/dist/render/svg/utils/transform-origin.js +1 -1
- package/dist/render/svg/visual-element.d.ts +1 -1
- package/dist/render/svg/visual-element.d.ts.map +1 -1
- package/dist/render/svg/visual-element.js +10 -13
- package/dist/render/types.d.ts +17 -16
- package/dist/render/types.d.ts.map +1 -1
- package/dist/render/types.js +1 -4
- package/dist/render/utils/animation-state.d.ts +12 -6
- package/dist/render/utils/animation-state.d.ts.map +1 -1
- package/dist/render/utils/animation-state.js +49 -50
- package/dist/render/utils/animation.d.ts +4 -4
- package/dist/render/utils/animation.d.ts.map +1 -1
- package/dist/render/utils/animation.js +22 -34
- package/dist/render/utils/lifecycles.d.ts +6 -6
- package/dist/render/utils/lifecycles.d.ts.map +1 -1
- package/dist/render/utils/lifecycles.js +28 -33
- package/dist/render/utils/motion-values.d.ts.map +1 -1
- package/dist/render/utils/motion-values.js +4 -3
- package/dist/render/utils/setters.d.ts +4 -4
- package/dist/render/utils/setters.d.ts.map +1 -1
- package/dist/render/utils/setters.js +30 -21
- package/dist/render/utils/state.d.ts.map +1 -1
- package/dist/render/utils/variants.js +3 -3
- package/dist/types/geometry.d.ts +1 -0
- package/dist/types/geometry.d.ts.map +1 -1
- package/dist/types.d.ts +12 -12
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/geometry/delta-apply.d.ts +3 -3
- package/dist/utils/geometry/delta-apply.d.ts.map +1 -1
- package/dist/utils/geometry/delta-apply.js +5 -4
- package/dist/utils/geometry/delta-calc.js +1 -1
- package/dist/utils/geometry/index.d.ts +3 -3
- package/dist/utils/geometry/index.d.ts.map +1 -1
- package/dist/utils/geometry/index.js +6 -7
- package/dist/utils/is-ref-object.d.ts +3 -2
- package/dist/utils/is-ref-object.d.ts.map +1 -1
- package/dist/utils/is-ref-object.js +5 -2
- package/dist/utils/subscription-manager.d.ts +1 -1
- package/dist/utils/subscription-manager.d.ts.map +1 -1
- package/dist/utils/subscription-manager.js +1 -1
- package/dist/utils/transform.d.ts +1 -1
- package/dist/utils/transform.d.ts.map +1 -1
- package/dist/utils/transform.js +7 -6
- package/dist/utils/use-force-update.d.ts +1 -1
- package/dist/utils/use-force-update.d.ts.map +1 -1
- package/dist/value/index.js +1 -1
- package/dist/value/scroll/use-element-scroll.d.ts +4 -3
- package/dist/value/scroll/use-element-scroll.d.ts.map +1 -1
- package/dist/value/scroll/use-element-scroll.js +7 -8
- package/dist/value/scroll/utils.d.ts +2 -2
- package/dist/value/scroll/utils.d.ts.map +1 -1
- package/dist/value/scroll/utils.js +20 -24
- package/dist/value/use-combine-values.d.ts +1 -1
- package/dist/value/use-combine-values.d.ts.map +1 -1
- package/dist/value/use-spring.d.ts +2 -2
- package/dist/value/use-spring.d.ts.map +1 -1
- package/dist/value/use-spring.js +7 -12
- package/dist/value/use-transform.d.ts.map +1 -1
- package/dist/value/use-transform.js +2 -1
- package/dist/value/use-velocity.d.ts +1 -1
- package/dist/value/use-velocity.d.ts.map +1 -1
- package/dist/value/use-velocity.js +1 -6
- package/package.json +91 -84
- package/dist/motion/type.spec-d.d.ts +0 -2
- package/dist/motion/type.spec-d.d.ts.map +0 -1
- package/dist/render/dom/M.svelte.d.ts.map +0 -1
- package/dist/render/dom/create-motion-class.js +0 -10
- package/dist/utils/use-constant.d.ts +0 -22
- package/dist/utils/use-constant.d.ts.map +0 -1
- package/dist/utils/use-constant.js +0 -9
- package/dist/utils/use-isomorphic-effect.d.ts +0 -7
- package/dist/utils/use-isomorphic-effect.d.ts.map +0 -1
- package/dist/utils/use-isomorphic-effect.js +0 -7
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
+
export { Presence } from './types.js';
|
|
5
6
|
/**
|
|
6
7
|
* Wrap several [#Motion] components with the \`layout\` or \`layoutId\` prop with this component, so that all react smoothly to the change of a single component.
|
|
7
8
|
* @public
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { VisualElement } from
|
|
6
|
-
import type { Transition } from
|
|
7
|
-
import type { AxisBox2D } from
|
|
8
|
-
import { MotionValue } from
|
|
5
|
+
import type { VisualElement } from '../../render/types';
|
|
6
|
+
import type { Transition } from '../../types';
|
|
7
|
+
import type { AxisBox2D } from '../../types/geometry';
|
|
8
|
+
import type { MotionValue } from '../../value';
|
|
9
9
|
/**
|
|
10
10
|
* @public
|
|
11
11
|
*/
|
|
@@ -40,7 +40,7 @@ export interface SharedLayoutProps {
|
|
|
40
40
|
*
|
|
41
41
|
* @public
|
|
42
42
|
*/
|
|
43
|
-
type?:
|
|
43
|
+
type?: 'switch' | 'crossfade';
|
|
44
44
|
}
|
|
45
45
|
export interface SharedLayoutAnimationConfig {
|
|
46
46
|
visibilityAction?: VisibilityAction;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C;;GAEG;AACH,oBAAY,QAAQ;IACnB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACX;AACD;;GAEG;AACH,oBAAY,gBAAgB;IAC3B,IAAI,IAAI;IACR,IAAI,IAAI;CACR;AACD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IAEH;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC9B;AACD,MAAM,WAAW,2BAA2B;IAC3C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AACD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AACD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAChD;AACD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IACjE,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC;AAED;;;EAGE;AAEF;;GAEG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"batcher.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/batcher.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"batcher.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/batcher.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmBlD;;GAEG;AACH,iBAAS,aAAa,IAAI,iBAAiB,CA+D1C;AAKD,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
based on framer-motion@4.1.15,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { __spreadArray, __read } from 'tslib';
|
|
6
5
|
import sync, { flushSync } from 'framesync';
|
|
7
6
|
import { collectProjectingAncestors, updateLayoutMeasurement } from '../../../render/dom/projection/utils.js';
|
|
8
7
|
import { batchLayout, flushLayout } from '../../../render/dom/utils/batch-layout.js';
|
|
@@ -12,7 +11,7 @@ import { Presence } from '../types.js';
|
|
|
12
11
|
* Default handlers for batching VisualElements
|
|
13
12
|
*/
|
|
14
13
|
var defaultHandler = {
|
|
15
|
-
layoutReady:
|
|
14
|
+
layoutReady: (child) => child.notifyLayoutReady(),
|
|
16
15
|
};
|
|
17
16
|
/**
|
|
18
17
|
* Create a batcher to process VisualElements
|
|
@@ -20,38 +19,39 @@ var defaultHandler = {
|
|
|
20
19
|
function createBatcher() {
|
|
21
20
|
var queue = new Set();
|
|
22
21
|
return {
|
|
23
|
-
add:
|
|
24
|
-
flush:
|
|
25
|
-
var _b = _a === void 0 ? defaultHandler : _a, layoutReady = _b.layoutReady,
|
|
26
|
-
|
|
22
|
+
add: (child) => queue.add(child),
|
|
23
|
+
flush: (_a) => {
|
|
24
|
+
var _b = _a === void 0 ? defaultHandler : _a, layoutReady = _b.layoutReady,
|
|
25
|
+
// @ts-expect-error
|
|
26
|
+
parent = _b.parent;
|
|
27
|
+
batchLayout((read, write) => {
|
|
28
|
+
// @ts-expect-error
|
|
27
29
|
var order = Array.from(queue).sort(compareByDepth);
|
|
28
|
-
var ancestors = parent
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var allElements = __spreadArray(__spreadArray([], __read(ancestors)), __read(order));
|
|
33
|
-
allElements.forEach(function (element) { return element.resetTransform(); });
|
|
30
|
+
var ancestors = parent ? collectProjectingAncestors(parent) : [];
|
|
31
|
+
write(() => {
|
|
32
|
+
var allElements = [...ancestors, ...order];
|
|
33
|
+
allElements.forEach((element) => element.resetTransform());
|
|
34
34
|
});
|
|
35
|
-
read(
|
|
35
|
+
read(() => {
|
|
36
36
|
order.forEach(updateLayoutMeasurement);
|
|
37
37
|
});
|
|
38
|
-
write(
|
|
39
|
-
ancestors.forEach(
|
|
38
|
+
write(() => {
|
|
39
|
+
ancestors.forEach((element) => element.restoreTransform()); // @ts-expect-error
|
|
40
40
|
order.forEach(layoutReady);
|
|
41
41
|
});
|
|
42
|
-
read(
|
|
42
|
+
read(() => {
|
|
43
43
|
/**
|
|
44
44
|
* After all children have started animating, ensure any Entering components are set to Present.
|
|
45
45
|
* If we add deferred animations (set up all animations and then start them in two loops) this
|
|
46
46
|
* could be moved to the start loop. But it needs to happen after all the animations configs
|
|
47
47
|
* are generated in AnimateSharedLayout as this relies on presence data
|
|
48
48
|
*/
|
|
49
|
-
order.forEach(
|
|
49
|
+
order.forEach((child) => {
|
|
50
50
|
if (child.isPresent)
|
|
51
51
|
child.presence = Presence.Present;
|
|
52
52
|
});
|
|
53
53
|
});
|
|
54
|
-
write(
|
|
54
|
+
write(() => {
|
|
55
55
|
/**
|
|
56
56
|
* Starting these animations will have queued jobs on the frame loop. In some situations,
|
|
57
57
|
* like when removing an element, these will be processed too late after the DOM is manipulated,
|
|
@@ -61,7 +61,7 @@ function createBatcher() {
|
|
|
61
61
|
flushSync.preRender();
|
|
62
62
|
flushSync.render();
|
|
63
63
|
});
|
|
64
|
-
read(
|
|
64
|
+
read(() => {
|
|
65
65
|
/**
|
|
66
66
|
* Schedule a callback at the end of the following frame to assign the latest projection
|
|
67
67
|
* box to the prevViewportBox snapshot. Once global batching is in place this could be run
|
|
@@ -70,9 +70,8 @@ function createBatcher() {
|
|
|
70
70
|
* it will be against its latest projection box instead, as the snapshot is useless beyond this
|
|
71
71
|
* render.
|
|
72
72
|
*/
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
});
|
|
73
|
+
// @ts-expect-error
|
|
74
|
+
sync.postRender(() => order.forEach(assignProjectionToSnapshot));
|
|
76
75
|
queue.clear();
|
|
77
76
|
});
|
|
78
77
|
});
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { PlaybackControls } from
|
|
6
|
-
import type { ResolvedValues, VisualElement } from
|
|
7
|
-
import type { Transition } from
|
|
5
|
+
import type { PlaybackControls } from 'popmotion';
|
|
6
|
+
import type { ResolvedValues, VisualElement } from '../../../render/types';
|
|
7
|
+
import type { Transition } from '../../../types';
|
|
8
8
|
export interface Crossfader {
|
|
9
9
|
isActive(): boolean;
|
|
10
10
|
getCrossfadeState(element: VisualElement): ResolvedValues | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"crossfader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/crossfader.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"crossfader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/crossfader.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAUX,UAAU,EAEV,MAAM,gBAAgB,CAAC;AACxB,MAAM,WAAW,UAAU;IAC1B,QAAQ,IAAI,OAAO,CAAC;IACpB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC;IACpD,UAAU,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACrD,KAAK,IAAI,IAAI,CAAC;IACd,IAAI,IAAI,IAAI,CAAC;IACb,eAAe,IAAI,cAAc,CAAC;CAClC;AACD,MAAM,WAAW,yBAAyB;IACzC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AAcD,iBAAS,gBAAgB,IAAI,UAAU,CAuKtC;AAkED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -3,7 +3,6 @@ based on framer-motion@4.0.3,
|
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
5
|
import { fixed } from '../../../utils/fix-process-env.js';
|
|
6
|
-
import { __assign } from 'tslib';
|
|
7
6
|
import sync, { getFrameData } from 'framesync';
|
|
8
7
|
import { mix, progress, linear, mixColor, circOut } from 'popmotion';
|
|
9
8
|
import { animate } from '../../../animation/animate.js';
|
|
@@ -20,7 +19,7 @@ function createCrossfader() {
|
|
|
20
19
|
crossfadeOpacity: false,
|
|
21
20
|
preserveFollowOpacity: false,
|
|
22
21
|
};
|
|
23
|
-
var prevOptions =
|
|
22
|
+
var prevOptions = Object.assign({}, options);
|
|
24
23
|
var leadState = {};
|
|
25
24
|
var followState = {};
|
|
26
25
|
/**
|
|
@@ -40,12 +39,12 @@ function createCrossfader() {
|
|
|
40
39
|
isActive = true;
|
|
41
40
|
finalCrossfadeFrame = null;
|
|
42
41
|
var hasUpdated = false;
|
|
43
|
-
var onUpdate =
|
|
44
|
-
hasUpdated = true;
|
|
45
|
-
lead && lead.scheduleRender();
|
|
42
|
+
var onUpdate = () => {
|
|
43
|
+
hasUpdated = true; // @ts-expect-error
|
|
44
|
+
lead && lead.scheduleRender(); // @ts-expect-error
|
|
46
45
|
follow && follow.scheduleRender();
|
|
47
46
|
};
|
|
48
|
-
var onComplete =
|
|
47
|
+
var onComplete = () => {
|
|
49
48
|
isActive = false;
|
|
50
49
|
/**
|
|
51
50
|
* If the crossfade animation is no longer active, flag a frame
|
|
@@ -53,10 +52,13 @@ function createCrossfader() {
|
|
|
53
52
|
*/
|
|
54
53
|
finalCrossfadeFrame = getFrameData().timestamp;
|
|
55
54
|
};
|
|
56
|
-
transition = transition && getValueTransition(transition,
|
|
57
|
-
return animate(progress, target,
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
transition = transition && getValueTransition(transition, 'crossfade');
|
|
56
|
+
return animate(progress, target,
|
|
57
|
+
// @ts-expect-error
|
|
58
|
+
Object.assign(Object.assign({}, transition), {
|
|
59
|
+
onUpdate: onUpdate,
|
|
60
|
+
onComplete: () => {
|
|
61
|
+
if (!hasUpdated) { // @ts-expect-error
|
|
60
62
|
progress.set(target);
|
|
61
63
|
/**
|
|
62
64
|
* If we never ran an update, for instance if this was an instant transition, fire a
|
|
@@ -68,7 +70,7 @@ function createCrossfader() {
|
|
|
68
70
|
onComplete();
|
|
69
71
|
}
|
|
70
72
|
onUpdate();
|
|
71
|
-
}
|
|
73
|
+
},
|
|
72
74
|
}));
|
|
73
75
|
}
|
|
74
76
|
function updateCrossfade() {
|
|
@@ -87,11 +89,10 @@ function createCrossfader() {
|
|
|
87
89
|
* Merge each component's latest values into our crossfaded state
|
|
88
90
|
* before crossfading.
|
|
89
91
|
*/
|
|
92
|
+
// @ts-expect-error
|
|
90
93
|
var latestLeadValues = lead.getLatestValues();
|
|
91
|
-
Object.assign(leadState, latestLeadValues);
|
|
92
|
-
var latestFollowValues = follow
|
|
93
|
-
? follow.getLatestValues()
|
|
94
|
-
: options.prevValues;
|
|
94
|
+
Object.assign(leadState, latestLeadValues); // @ts-expect-error
|
|
95
|
+
var latestFollowValues = follow ? follow.getLatestValues() : options.prevValues;
|
|
95
96
|
Object.assign(followState, latestFollowValues);
|
|
96
97
|
var p = progress.get();
|
|
97
98
|
/**
|
|
@@ -99,41 +100,39 @@ function createCrossfader() {
|
|
|
99
100
|
* in a different opacity for each component.
|
|
100
101
|
*/
|
|
101
102
|
var leadTargetOpacity = (_a = latestLeadValues.opacity) !== null && _a !== void 0 ? _a : 1;
|
|
102
|
-
var followTargetOpacity = (_b = latestFollowValues === null || latestFollowValues === void 0 ? void 0 : latestFollowValues.opacity) !==
|
|
103
|
-
|
|
103
|
+
var followTargetOpacity = (_b = latestFollowValues === null || latestFollowValues === void 0 ? void 0 : latestFollowValues.opacity) !==
|
|
104
|
+
null && _b !== void 0
|
|
105
|
+
? _b
|
|
106
|
+
: 1;
|
|
107
|
+
if (options.crossfadeOpacity && follow) { // @ts-expect-error
|
|
104
108
|
leadState.opacity = mix(
|
|
105
109
|
/**
|
|
106
110
|
* If the follow child has been completely hidden we animate
|
|
107
111
|
* this opacity from its previous opacity, but otherwise from completely transparent.
|
|
108
112
|
*/
|
|
109
|
-
|
|
113
|
+
// @ts-expect-error
|
|
114
|
+
follow.isVisible !== false ? 0 : followTargetOpacity, leadTargetOpacity, easeCrossfadeIn(p)); // @ts-expect-error
|
|
110
115
|
followState.opacity = options.preserveFollowOpacity
|
|
111
116
|
? followTargetOpacity
|
|
112
117
|
: mix(followTargetOpacity, 0, easeCrossfadeOut(p));
|
|
113
118
|
}
|
|
114
|
-
else if (!follow) {
|
|
119
|
+
else if (!follow) { // @ts-expect-error
|
|
115
120
|
leadState.opacity = mix(followTargetOpacity, leadTargetOpacity, p);
|
|
116
121
|
}
|
|
117
122
|
mixValues(leadState, followState, latestLeadValues, latestFollowValues || {}, Boolean(follow), p);
|
|
118
123
|
}
|
|
119
124
|
return {
|
|
120
|
-
isActive:
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
fromLead: function (transition) {
|
|
125
|
-
return startCrossfadeAnimation(0, transition);
|
|
126
|
-
},
|
|
127
|
-
toLead: function (transition) {
|
|
128
|
-
var initialProgress = 0;
|
|
125
|
+
isActive: () => leadState && (isActive || getFrameData().timestamp === finalCrossfadeFrame),
|
|
126
|
+
fromLead: (transition) => startCrossfadeAnimation(0, transition),
|
|
127
|
+
toLead: (transition) => {
|
|
128
|
+
var initialProgress = 0; // @ts-expect-error
|
|
129
129
|
if (!options.prevValues && !options.follow) {
|
|
130
130
|
/**
|
|
131
131
|
* If we're not coming from anywhere, start at the end of the animation.
|
|
132
132
|
*/
|
|
133
133
|
initialProgress = 1;
|
|
134
134
|
}
|
|
135
|
-
else if (prevOptions.lead === options.follow &&
|
|
136
|
-
prevOptions.follow === options.lead) {
|
|
135
|
+
else if (prevOptions.lead === options.follow && prevOptions.follow === options.lead) {
|
|
137
136
|
/**
|
|
138
137
|
* If we're swapping follow/lead we can reverse the progress
|
|
139
138
|
*/
|
|
@@ -142,9 +141,9 @@ function createCrossfader() {
|
|
|
142
141
|
progress.set(initialProgress);
|
|
143
142
|
return startCrossfadeAnimation(1, transition);
|
|
144
143
|
},
|
|
145
|
-
reset:
|
|
146
|
-
stop:
|
|
147
|
-
getCrossfadeState:
|
|
144
|
+
reset: () => progress.set(1),
|
|
145
|
+
stop: () => progress.stop(),
|
|
146
|
+
getCrossfadeState: (element) => {
|
|
148
147
|
updateCrossfade();
|
|
149
148
|
if (element === options.lead) {
|
|
150
149
|
return leadState;
|
|
@@ -153,21 +152,19 @@ function createCrossfader() {
|
|
|
153
152
|
return followState;
|
|
154
153
|
}
|
|
155
154
|
},
|
|
156
|
-
setOptions:
|
|
157
|
-
prevOptions = options;
|
|
155
|
+
setOptions: (newOptions) => {
|
|
156
|
+
prevOptions = options; // @ts-expect-error
|
|
158
157
|
options = newOptions;
|
|
159
158
|
leadState = {};
|
|
160
159
|
followState = {};
|
|
161
160
|
},
|
|
162
|
-
getLatestValues:
|
|
163
|
-
return leadState;
|
|
164
|
-
},
|
|
161
|
+
getLatestValues: () => leadState,
|
|
165
162
|
};
|
|
166
163
|
}
|
|
167
164
|
var easeCrossfadeIn = compress(0, 0.5, circOut);
|
|
168
165
|
var easeCrossfadeOut = compress(0.5, 0.95, linear);
|
|
169
166
|
function compress(min, max, easing) {
|
|
170
|
-
return
|
|
167
|
+
return (p) => {
|
|
171
168
|
// Could replace ifs with clamp
|
|
172
169
|
if (p < min)
|
|
173
170
|
return 0;
|
|
@@ -176,14 +173,14 @@ function compress(min, max, easing) {
|
|
|
176
173
|
return easing(progress(min, max, p));
|
|
177
174
|
};
|
|
178
175
|
}
|
|
179
|
-
var borders = [
|
|
176
|
+
var borders = ['TopLeft', 'TopRight', 'BottomLeft', 'BottomRight'];
|
|
180
177
|
var numBorders = borders.length;
|
|
181
178
|
function mixValues(leadState, followState, latestLeadValues, latestFollowValues, hasFollowElement, p) {
|
|
182
179
|
/**
|
|
183
180
|
* Mix border radius
|
|
184
181
|
*/
|
|
185
182
|
for (var i = 0; i < numBorders; i++) {
|
|
186
|
-
var borderLabel =
|
|
183
|
+
var borderLabel = 'border' + borders[i] + 'Radius';
|
|
187
184
|
var followRadius = getRadius(latestFollowValues, borderLabel);
|
|
188
185
|
var leadRadius = getRadius(latestLeadValues, borderLabel);
|
|
189
186
|
if (followRadius === undefined && leadRadius === undefined)
|
|
@@ -195,8 +192,7 @@ function mixValues(leadState, followState, latestLeadValues, latestFollowValues,
|
|
|
195
192
|
* It would be possible to crossfade between percentages for a little
|
|
196
193
|
* extra bundle size.
|
|
197
194
|
*/
|
|
198
|
-
if (typeof followRadius ===
|
|
199
|
-
typeof leadRadius === "number") {
|
|
195
|
+
if (typeof followRadius === 'number' && typeof leadRadius === 'number') {
|
|
200
196
|
var radius = Math.max(mix(followRadius, leadRadius, p), 0);
|
|
201
197
|
leadState[borderLabel] = followState[borderLabel] = radius;
|
|
202
198
|
}
|
|
@@ -215,9 +211,7 @@ function mixValues(leadState, followState, latestLeadValues, latestFollowValues,
|
|
|
215
211
|
* element being animated but also cuts down on the number of paints triggered
|
|
216
212
|
* for elements where opacity is doing that work for us.
|
|
217
213
|
*/
|
|
218
|
-
if (!hasFollowElement &&
|
|
219
|
-
latestLeadValues.backgroundColor &&
|
|
220
|
-
latestFollowValues.backgroundColor) {
|
|
214
|
+
if (!hasFollowElement && latestLeadValues.backgroundColor && latestFollowValues.backgroundColor) {
|
|
221
215
|
/**
|
|
222
216
|
* This isn't ideal performance-wise as mixColor is creating a new function every frame.
|
|
223
217
|
* We could probably create a mixer that runs at the start of the animation but
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { VisualElement } from
|
|
5
|
+
import type { VisualElement } from '../../../render/types';
|
|
6
6
|
declare function resetRotate(child: VisualElement): void;
|
|
7
7
|
export { resetRotate };
|
|
8
8
|
//# sourceMappingURL=rotate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/rotate.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/rotate.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAS3D,iBAAS,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CA8B/C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -11,7 +11,7 @@ function resetRotate(child) {
|
|
|
11
11
|
// Check the rotate value of all axes and reset to 0
|
|
12
12
|
for (var i = 0; i < transformAxes.length; i++) {
|
|
13
13
|
var axis = transformAxes[i];
|
|
14
|
-
var key =
|
|
14
|
+
var key = 'rotate' + axis;
|
|
15
15
|
// If this rotation doesn't exist as a motion value, then we don't
|
|
16
16
|
// need to reset it
|
|
17
17
|
if (!child.hasValue(key) || child.getStaticValue(key) === 0)
|
|
@@ -29,6 +29,7 @@ function resetRotate(child) {
|
|
|
29
29
|
child.syncRender();
|
|
30
30
|
// Put back all the values we reset
|
|
31
31
|
for (var key in resetValues) {
|
|
32
|
+
//@ts-error
|
|
32
33
|
child.setStaticValue(key, resetValues[key]);
|
|
33
34
|
}
|
|
34
35
|
// Schedule a render for the next frame. This ensures we won't visually
|
|
@@ -2,11 +2,8 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { VisualElement } from
|
|
6
|
-
export type LeadAndFollow = [
|
|
7
|
-
VisualElement | undefined,
|
|
8
|
-
VisualElement | undefined
|
|
9
|
-
];
|
|
5
|
+
import type { VisualElement } from '../../../render/types';
|
|
6
|
+
export type LeadAndFollow = [VisualElement | undefined, VisualElement | undefined];
|
|
10
7
|
export interface LayoutStack {
|
|
11
8
|
add(element: VisualElement): void;
|
|
12
9
|
remove(element: VisualElement): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/stack.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG
|
|
1
|
+
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/stack.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,CAAC,aAAa,GAAG,SAAS,EAAE,aAAa,GAAG,SAAS,CAAC,CAAC;AACnF,MAAM,WAAW,WAAW;IAC3B,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;IAClC,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,OAAO,IAAI,aAAa,GAAG,SAAS,CAAC;IACrC,cAAc,IAAI,IAAI,CAAC;IACvB,aAAa,IAAI,IAAI,CAAC;IACtB,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1D,mBAAmB,IAAI,IAAI,CAAC;CAC5B;AAYD,iBAAS,WAAW,IAAI,WAAW,CAyHlC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
based on framer-motion@4.0.3,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { __assign } from 'tslib';
|
|
6
5
|
import { elementDragControls } from '../../../gestures/drag/VisualElementDragControls.js';
|
|
7
6
|
import { Presence } from '../types.js';
|
|
8
7
|
import { createCrossfader } from './crossfader.js';
|
|
9
8
|
function layoutStack() {
|
|
10
9
|
var stack = new Set();
|
|
11
|
-
var state = { leadIsExiting: false };
|
|
12
|
-
var prevState =
|
|
10
|
+
var state = { leadIsExiting: false, lead: {}, follow: {} };
|
|
11
|
+
var prevState = Object.assign({}, state);
|
|
13
12
|
var prevValues;
|
|
14
13
|
var prevViewportBox;
|
|
15
14
|
var prevDragCursor;
|
|
@@ -23,7 +22,7 @@ function layoutStack() {
|
|
|
23
22
|
return (_a = state.follow) === null || _a === void 0 ? void 0 : _a.getLayoutState().layout;
|
|
24
23
|
}
|
|
25
24
|
return {
|
|
26
|
-
add:
|
|
25
|
+
add: (element) => {
|
|
27
26
|
element.setCrossfader(crossfader);
|
|
28
27
|
stack.add(element);
|
|
29
28
|
/**
|
|
@@ -34,28 +33,28 @@ function layoutStack() {
|
|
|
34
33
|
if (!state.lead)
|
|
35
34
|
state.lead = element;
|
|
36
35
|
},
|
|
37
|
-
remove:
|
|
36
|
+
remove: (element) => {
|
|
38
37
|
stack.delete(element);
|
|
39
38
|
},
|
|
40
|
-
getLead:
|
|
41
|
-
updateSnapshot:
|
|
39
|
+
getLead: () => state.lead,
|
|
40
|
+
updateSnapshot: () => {
|
|
41
|
+
//@ts-ignore
|
|
42
42
|
if (!state.lead)
|
|
43
43
|
return;
|
|
44
|
-
prevValues = crossfader.isActive()
|
|
45
|
-
? crossfader.getLatestValues()
|
|
46
|
-
: state.lead.getLatestValues();
|
|
44
|
+
prevValues = crossfader.isActive() ? crossfader.getLatestValues() : state.lead.getLatestValues(); //wierd
|
|
47
45
|
prevViewportBox = state.lead.prevViewportBox;
|
|
48
46
|
var dragControls = elementDragControls.get(state.lead);
|
|
49
47
|
if (dragControls && dragControls.isDragging) {
|
|
48
|
+
//@ts-ignore
|
|
50
49
|
prevDragCursor = dragControls.cursorProgress;
|
|
51
50
|
}
|
|
52
51
|
},
|
|
53
|
-
clearSnapshot:
|
|
52
|
+
clearSnapshot: () => {
|
|
54
53
|
prevDragCursor = prevViewportBox = undefined;
|
|
55
54
|
},
|
|
56
|
-
updateLeadAndFollow:
|
|
55
|
+
updateLeadAndFollow: () => {
|
|
57
56
|
var _a;
|
|
58
|
-
prevState =
|
|
57
|
+
prevState = Object.assign({}, state);
|
|
59
58
|
var lead;
|
|
60
59
|
var follow;
|
|
61
60
|
var order = Array.from(stack);
|
|
@@ -74,18 +73,20 @@ function layoutStack() {
|
|
|
74
73
|
lead: lead,
|
|
75
74
|
follow: follow,
|
|
76
75
|
prevValues: prevValues,
|
|
77
|
-
crossfadeOpacity:
|
|
76
|
+
crossfadeOpacity:
|
|
77
|
+
// @ts-expect-error
|
|
78
|
+
(follow === null || follow === void 0 ? void 0 : follow.isPresenceRoot) || // @ts-expect-error
|
|
79
|
+
(lead === null || lead === void 0 ? void 0 : lead.isPresenceRoot),
|
|
78
80
|
});
|
|
79
81
|
if (
|
|
80
82
|
// Don't crossfade if we've just animated back from lead and switched the
|
|
81
83
|
// old follow to the new lead.
|
|
82
84
|
state.lead !== prevState.follow &&
|
|
83
|
-
(prevState.lead !== state.lead ||
|
|
84
|
-
prevState.leadIsExiting !== state.leadIsExiting)) {
|
|
85
|
+
(prevState.lead !== state.lead || prevState.leadIsExiting !== state.leadIsExiting)) {
|
|
85
86
|
needsCrossfadeAnimation = true;
|
|
86
87
|
}
|
|
87
88
|
},
|
|
88
|
-
animate:
|
|
89
|
+
animate: (child, shouldCrossfade) => {
|
|
89
90
|
var _a;
|
|
90
91
|
if (shouldCrossfade === void 0) {
|
|
91
92
|
shouldCrossfade = false;
|
|
@@ -107,20 +108,19 @@ function layoutStack() {
|
|
|
107
108
|
/**
|
|
108
109
|
* We'll use this to determine if the element or its layoutId has been reparented.
|
|
109
110
|
*/
|
|
111
|
+
// @ts-expect-error
|
|
110
112
|
config.prevParent = prevParent;
|
|
111
113
|
}
|
|
112
|
-
if (child.presence === Presence.Entering) {
|
|
114
|
+
if (child.presence === Presence.Entering) { // @ts-expect-error
|
|
113
115
|
config.originBox = getFollowViewportBox();
|
|
114
116
|
}
|
|
115
|
-
else if (child.presence === Presence.Exiting) {
|
|
117
|
+
else if (child.presence === Presence.Exiting) { // @ts-expect-error
|
|
116
118
|
config.targetBox = getFollowLayout();
|
|
117
119
|
}
|
|
118
120
|
if (needsCrossfadeAnimation) {
|
|
119
121
|
needsCrossfadeAnimation = false;
|
|
120
122
|
var transition = child.getDefaultTransition();
|
|
121
|
-
child.presence === Presence.Entering
|
|
122
|
-
? crossfader.toLead(transition)
|
|
123
|
-
: crossfader.fromLead(transition);
|
|
123
|
+
child.presence === Presence.Entering ? crossfader.toLead(transition) : crossfader.fromLead(transition);
|
|
124
124
|
}
|
|
125
125
|
child.notifyLayoutReady(config);
|
|
126
126
|
}
|
|
@@ -9,6 +9,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
9
9
|
|
|
10
10
|
import { LazyContext } from "../../context/LazyContext";
|
|
11
11
|
import { loadFeatures } from "../../motion/features/definitions";
|
|
12
|
+
import type { FeatureBundle } from "../../motion/features/types";
|
|
13
|
+
import type { LazyFeatureBundle } from "./types";
|
|
12
14
|
|
|
13
15
|
type $$Props = LazyProps;
|
|
14
16
|
|
|
@@ -52,16 +54,18 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
52
54
|
isCustom = false;
|
|
53
55
|
|
|
54
56
|
let _ = !isLazyBundle(features);
|
|
55
|
-
let loadedRenderer = undefined;
|
|
57
|
+
let loadedRenderer = undefined as any;
|
|
56
58
|
/**
|
|
57
59
|
* If this is a synchronous load, load features immediately
|
|
58
60
|
*/
|
|
59
|
-
$: if (!isLazyBundle(features
|
|
61
|
+
$: if (!isLazyBundle(features) && _) {
|
|
60
62
|
const { renderer, ...loadedFeatures } = features;
|
|
61
63
|
loadedRenderer.current = renderer;
|
|
62
64
|
loadFeatures(loadedFeatures);
|
|
63
65
|
}
|
|
64
|
-
function isLazyBundle(
|
|
66
|
+
function isLazyBundle(
|
|
67
|
+
features: FeatureBundle | LazyFeatureBundle,
|
|
68
|
+
): features is LazyFeatureBundle {
|
|
65
69
|
return typeof features === "function";
|
|
66
70
|
}
|
|
67
71
|
onMount(() => {
|
|
@@ -69,6 +73,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
69
73
|
features().then(({ renderer, ...loadedFeatures }) => {
|
|
70
74
|
loadFeatures(loadedFeatures);
|
|
71
75
|
loadedRenderer.current = renderer;
|
|
76
|
+
|
|
77
|
+
// @ts-expect-error
|
|
72
78
|
setIsLoaded(true);
|
|
73
79
|
});
|
|
74
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LazyMotion.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/LazyMotion/LazyMotion.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"LazyMotion.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/LazyMotion/LazyMotion.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AA0M5C,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,UAAU;;;;;;cAAmF,CAAC;AAClF,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { FeatureBundle } from
|
|
5
|
+
import type { FeatureBundle } from '../../motion/features/types';
|
|
6
6
|
export type LazyFeatureBundle = () => Promise<FeatureBundle>;
|
|
7
7
|
/**
|
|
8
8
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/LazyMotion/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/LazyMotion/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;AAC7D;;GAEG;AACH,MAAM,WAAW,SAAS;IAEzB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,QAAQ,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC5C;;;;;;;;;;;;;;;;;OAiBG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MotionConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/MotionConfig/MotionConfig.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAEH,KAAK,yBAAyB,EAC/B,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"MotionConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/MotionConfig/MotionConfig.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAEH,KAAK,yBAAyB,EAC/B,MAAM,sCAAsC,CAAC;AA8DhD,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,YAAY;;;;;;cAAmF,CAAC;AACpF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}
|