motion-v 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +7637 -1
- package/dist/es/animation/use-animate.mjs +25 -15
- package/dist/es/components/AnimatePresence.vue.mjs +57 -39
- package/dist/es/components/AnimatePresence.vue2.mjs +2 -2
- package/dist/es/components/LayoutGroup.vue.mjs +39 -0
- package/dist/es/components/LayoutGroup.vue2.mjs +4 -0
- package/dist/es/components/Motion.vue.mjs +87 -57
- package/dist/es/components/Motion.vue2.mjs +2 -2
- package/dist/es/components/Primitive.mjs +15 -9
- package/dist/es/components/Slot.mjs +28 -19
- package/dist/es/components/context.mjs +15 -4
- package/dist/es/components/group.mjs +30 -0
- package/dist/es/components/presence.mjs +13 -10
- package/dist/es/components/renderSlotFragments.mjs +10 -4
- package/dist/es/components/use-force-update.mjs +11 -0
- package/dist/es/constants/index.mjs +13 -6
- package/dist/es/features/events.mjs +59 -43
- package/dist/es/features/feature-manager.mjs +20 -17
- package/dist/es/features/feature.mjs +4 -4
- package/dist/es/features/gestures/base.mjs +12 -7
- package/dist/es/features/gestures/hover.mjs +25 -16
- package/dist/es/features/gestures/in-view.mjs +21 -15
- package/dist/es/features/gestures/press.mjs +22 -13
- package/dist/es/features/layout/config.mjs +21 -0
- package/dist/es/features/layout/layout.mjs +74 -0
- package/dist/es/features/layout/utils.mjs +8 -0
- package/dist/es/features/svg.mjs +14 -13
- package/dist/es/index.mjs +119 -102
- package/dist/es/node_modules/.pnpm/@vueuse_shared@12.0.0_typescript@5.5.4/node_modules/@vueuse/shared/index.mjs +6 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/GroupPlaybackControls.mjs +38 -28
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs +22 -15
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/resolve-subjects.mjs +13 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/sequence.mjs +11 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/single-value.mjs +8 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/subject.mjs +32 -24
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs +178 -137
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/BaseAnimation.mjs +53 -37
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs +227 -100
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs +8 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/utils/accelerated-values.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/utils/can-animate.mjs +26 -19
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs +112 -56
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs +25 -18
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs +10 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/easing.mjs +27 -17
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/index.mjs +15 -12
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/attach-timeline.mjs +4 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/get-final-keyframe.mjs +6 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/linear.mjs +10 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/memo-supports.mjs +7 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/style.mjs +6 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-flags.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-linear-easing.mjs +6 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs +6 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/inertia.mjs +58 -28
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/keyframes.mjs +28 -21
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/spring/find.mjs +71 -43
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/spring/index.mjs +64 -48
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/utils/calc-duration.mjs +12 -10
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/utils/is-generator.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/utils/velocity.mjs +6 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs +64 -37
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs +48 -34
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs +5 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/optimized-appear/get-appear-id.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/sequence/create.mjs +133 -86
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/sequence/utils/calc-time.mjs +12 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/sequence/utils/edit.mjs +20 -16
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/sequence/utils/sort.mjs +11 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/create-visual-element.mjs +19 -15
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/default-transitions.mjs +19 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/get-value-transition.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/is-animatable.mjs +14 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/is-animation-controls.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/is-dom-keyframes.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs +4 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/is-none.mjs +10 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/is-transition-defined.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/stagger.mjs +18 -16
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/anticipate.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/back.mjs +9 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/circ.mjs +8 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/cubic-bezier.mjs +24 -14
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/ease.mjs +7 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/modifiers/mirror.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/modifiers/reverse.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/steps.mjs +8 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/utils/create-generator-easing.mjs +8 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/utils/get-easing-for-segment.mjs +5 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/utils/is-bezier-definition.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/utils/is-easing-array.mjs +4 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/utils/map.mjs +32 -29
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/events/add-dom-event.mjs +7 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/batcher.mjs +57 -21
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs +7 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/index-legacy.mjs +9 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/microtask.mjs +6 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/render-step.mjs +41 -19
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/sync-time.mjs +16 -10
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/motion/features/definitions.mjs +8 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs +5 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/animation/mix-values.mjs +60 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/conversion.mjs +14 -13
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/copy.mjs +19 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/delta-apply.mjs +81 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/delta-calc.mjs +55 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/delta-remove.mjs +40 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/models.mjs +18 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/geometry/utils.mjs +34 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/DocumentProjectionNode.mjs +13 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs +28 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/create-projection-node.mjs +1086 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/state.mjs +15 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/shared/stack.mjs +94 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs +26 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs +25 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs +6 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/transform.mjs +36 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/utils/each-axis.mjs +6 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/utils/has-transform.mjs +20 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/utils/measure.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/VisualElement.mjs +263 -117
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/DOMKeyframesResolver.mjs +81 -45
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/DOMVisualElement.mjs +13 -11
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/resize/handle-element.mjs +49 -33
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/resize/handle-window.mjs +22 -14
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/resize/index.mjs +5 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/index.mjs +53 -36
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/info.mjs +29 -16
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/observe.mjs +14 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/edge.mjs +25 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs +32 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs +32 -21
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/offset.mjs +20 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/presets.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs +31 -15
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/supports.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/track.mjs +60 -33
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs +21 -21
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/is-css-variable.mjs +12 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-element.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/resolve-element.mjs +20 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs +47 -34
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs +9 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/defaults.mjs +21 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/dimensions.mjs +8 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/find.mjs +7 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/get-as-type.mjs +4 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/number-browser.mjs +34 -34
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/number.mjs +14 -14
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/test.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/transform.mjs +28 -28
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/type-auto.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs +29 -17
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs +41 -32
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs +33 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/build-transform.mjs +36 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/make-none-animatable.mjs +18 -12
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/render.mjs +6 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs +13 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/transform.mjs +5 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/object/ObjectVisualElement.mjs +24 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/store.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs +33 -28
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs +40 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/camel-case-attrs.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/path.mjs +12 -10
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/render.mjs +9 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs +12 -11
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/utils/transform-origin.mjs +8 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/KeyframesResolver.mjs +105 -47
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/compare-by-depth.mjs +4 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs +24 -0
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs +9 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/motion-values.mjs +31 -20
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/resolve-dynamic-variants.mjs +5 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs +19 -14
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/setters.mjs +17 -13
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/variant-props.mjs +5 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/GlobalConfig.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/array.mjs +9 -7
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/clamp.mjs +8 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/delay.mjs +17 -12
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/distance.mjs +7 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/errors.mjs +17 -10
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/hsla-to-rgba.mjs +32 -15
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/interpolate.mjs +42 -31
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/is-browser.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/is-numerical-string.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/is-zero-value-string.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/memo.mjs +8 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/color.mjs +40 -25
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/complex.mjs +73 -41
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/immediate.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/index.mjs +9 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/number.mjs +4 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/visibility.mjs +9 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/noop.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/offsets/default.mjs +6 -5
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/offsets/fill.mjs +8 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/offsets/time.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/pipe.mjs +3 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/progress.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs +15 -10
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/reduced-motion/state.mjs +4 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/resolve-value.mjs +9 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/subscription-manager.mjs +18 -15
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/time-conversion.mjs +4 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/transform.mjs +17 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/velocity-per-second.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/warn-once.mjs +7 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/wrap.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs +125 -53
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/color/hex.mjs +32 -14
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/color/hsla.mjs +11 -9
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/color/index.mjs +18 -8
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/color/rgba.mjs +15 -13
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/color/utils.mjs +16 -13
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/complex/filter.mjs +22 -19
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/complex/index.mjs +71 -36
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/numbers/index.mjs +14 -12
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/numbers/units.mjs +19 -13
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/color-regex.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/float-regex.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/is-nullish.mjs +3 -3
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/sanitize.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/single-color-regex.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/use-will-change/add-will-change.mjs +7 -6
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/use-will-change/is.mjs +4 -4
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/utils/is-motion-value.mjs +2 -2
- package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.mjs +9 -0
- package/dist/es/node_modules/.pnpm/hey-listen@1.0.8/node_modules/hey-listen/dist/hey-listen.es.mjs +17 -10
- package/dist/es/state/create-visual-element.mjs +9 -0
- package/dist/es/state/event.mjs +3 -3
- package/dist/es/state/motion-state.mjs +145 -91
- package/dist/es/state/schedule.mjs +23 -15
- package/dist/es/state/style.mjs +105 -81
- package/dist/es/state/transform.mjs +37 -29
- package/dist/es/state/utils.mjs +51 -45
- package/dist/es/utils/createContext.mjs +19 -11
- package/dist/es/utils/events.mjs +4 -4
- package/dist/es/utils/motion-value.mjs +3 -3
- package/dist/es/utils/use-animation-frame.mjs +17 -11
- package/dist/es/utils/use-in-view.mjs +20 -14
- package/dist/es/value/use-combine-values.mjs +22 -17
- package/dist/es/value/use-computed.mjs +17 -10
- package/dist/es/value/use-motion-template.mjs +17 -14
- package/dist/es/value/use-motion-value-event.mjs +11 -0
- package/dist/es/value/use-scroll.mjs +42 -33
- package/dist/es/value/use-spring.mjs +48 -28
- package/dist/es/value/use-time.mjs +7 -6
- package/dist/es/value/use-transform.mjs +24 -20
- package/dist/es/value/use-velocity.mjs +20 -0
- package/dist/src/components/LayoutGroup.d.ts +30 -0
- package/dist/src/components/context.d.ts +17 -0
- package/dist/src/components/group.d.ts +7 -0
- package/dist/src/components/use-force-update.d.ts +2 -0
- package/dist/src/features/index.d.ts +1 -0
- package/dist/src/features/layout/config.d.ts +8 -0
- package/dist/src/features/layout/layout.d.ts +10 -0
- package/dist/src/features/layout/types.d.ts +7 -0
- package/dist/src/features/layout/utils.d.ts +4 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/state/create-visual-element.d.ts +1 -0
- package/dist/src/state/motion-state.d.ts +1 -2
- package/dist/src/types/state.d.ts +2 -1
- package/dist/src/value/index.d.ts +4 -0
- package/package.json +2 -1
- package/dist/es/node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.4.38_typescript@5.5.4_/node_modules/@vueuse/shared/index.mjs +0 -6
- package/dist/src/components/usePrimitiveElement.d.ts +0 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const
|
|
2
|
-
const
|
|
3
|
-
return
|
|
1
|
+
const progress = (from, to, value) => {
|
|
2
|
+
const toFromDifference = to - from;
|
|
3
|
+
return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;
|
|
4
4
|
};
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
progress
|
|
7
7
|
};
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { isBrowser
|
|
2
|
-
import { hasReducedMotionListener
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { isBrowser } from "../is-browser.mjs";
|
|
2
|
+
import { hasReducedMotionListener, prefersReducedMotion } from "./state.mjs";
|
|
3
|
+
function initPrefersReducedMotion() {
|
|
4
|
+
hasReducedMotionListener.current = true;
|
|
5
|
+
if (!isBrowser)
|
|
6
|
+
return;
|
|
7
|
+
if (window.matchMedia) {
|
|
8
|
+
const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
|
|
9
|
+
const setReducedMotionPreferences = () => prefersReducedMotion.current = motionMediaQuery.matches;
|
|
10
|
+
motionMediaQuery.addListener(setReducedMotionPreferences);
|
|
11
|
+
setReducedMotionPreferences();
|
|
12
|
+
} else {
|
|
13
|
+
prefersReducedMotion.current = false;
|
|
14
|
+
}
|
|
10
15
|
}
|
|
11
16
|
export {
|
|
12
|
-
|
|
17
|
+
initPrefersReducedMotion
|
|
13
18
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
const
|
|
1
|
+
const prefersReducedMotion = { current: null };
|
|
2
|
+
const hasReducedMotionListener = { current: false };
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
hasReducedMotionListener,
|
|
5
|
+
prefersReducedMotion
|
|
5
6
|
};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { isKeyframesTarget
|
|
2
|
-
const
|
|
1
|
+
import { isKeyframesTarget } from "../animation/utils/is-keyframes-target.mjs";
|
|
2
|
+
const isCustomValue = (v) => {
|
|
3
|
+
return Boolean(v && typeof v === "object" && v.mix && v.toValue);
|
|
4
|
+
};
|
|
5
|
+
const resolveFinalValueInKeyframes = (v) => {
|
|
6
|
+
return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;
|
|
7
|
+
};
|
|
3
8
|
export {
|
|
4
|
-
|
|
9
|
+
isCustomValue,
|
|
10
|
+
resolveFinalValueInKeyframes
|
|
5
11
|
};
|
|
@@ -1,21 +1,24 @@
|
|
|
1
|
-
import { addUniqueItem
|
|
2
|
-
class
|
|
1
|
+
import { addUniqueItem, removeItem } from "./array.mjs";
|
|
2
|
+
class SubscriptionManager {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.subscriptions = [];
|
|
5
5
|
}
|
|
6
|
-
add(
|
|
7
|
-
|
|
6
|
+
add(handler) {
|
|
7
|
+
addUniqueItem(this.subscriptions, handler);
|
|
8
|
+
return () => removeItem(this.subscriptions, handler);
|
|
8
9
|
}
|
|
9
|
-
notify(
|
|
10
|
-
const
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
10
|
+
notify(a, b, c) {
|
|
11
|
+
const numSubscriptions = this.subscriptions.length;
|
|
12
|
+
if (!numSubscriptions)
|
|
13
|
+
return;
|
|
14
|
+
if (numSubscriptions === 1) {
|
|
15
|
+
this.subscriptions[0](a, b, c);
|
|
16
|
+
} else {
|
|
17
|
+
for (let i = 0; i < numSubscriptions; i++) {
|
|
18
|
+
const handler = this.subscriptions[i];
|
|
19
|
+
handler && handler(a, b, c);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
19
22
|
}
|
|
20
23
|
getSize() {
|
|
21
24
|
return this.subscriptions.length;
|
|
@@ -25,5 +28,5 @@ class h {
|
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
30
|
export {
|
|
28
|
-
|
|
31
|
+
SubscriptionManager
|
|
29
32
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
const
|
|
1
|
+
const secondsToMilliseconds = (seconds) => seconds * 1e3;
|
|
2
|
+
const millisecondsToSeconds = (milliseconds) => milliseconds / 1e3;
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
millisecondsToSeconds,
|
|
5
|
+
secondsToMilliseconds
|
|
5
6
|
};
|
|
@@ -1,12 +1,21 @@
|
|
|
1
|
-
import { interpolate
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { interpolate } from "./interpolate.mjs";
|
|
2
|
+
const isCustomValueType = (v) => {
|
|
3
|
+
return v && typeof v === "object" && v.mix;
|
|
4
|
+
};
|
|
5
|
+
const getMixer = (v) => isCustomValueType(v) ? v.mix : void 0;
|
|
6
|
+
function transform(...args) {
|
|
7
|
+
const useImmediate = !Array.isArray(args[0]);
|
|
8
|
+
const argOffset = useImmediate ? 0 : -1;
|
|
9
|
+
const inputValue = args[0 + argOffset];
|
|
10
|
+
const inputRange = args[1 + argOffset];
|
|
11
|
+
const outputRange = args[2 + argOffset];
|
|
12
|
+
const options = args[3 + argOffset];
|
|
13
|
+
const interpolator = interpolate(inputRange, outputRange, {
|
|
14
|
+
mixer: getMixer(outputRange[0]),
|
|
15
|
+
...options
|
|
7
16
|
});
|
|
8
|
-
return
|
|
17
|
+
return useImmediate ? interpolator(inputValue) : interpolator;
|
|
9
18
|
}
|
|
10
19
|
export {
|
|
11
|
-
|
|
20
|
+
transform
|
|
12
21
|
};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
const
|
|
2
|
-
function
|
|
3
|
-
|
|
1
|
+
const warned = /* @__PURE__ */ new Set();
|
|
2
|
+
function warnOnce(condition, message, element) {
|
|
3
|
+
if (condition || warned.has(message))
|
|
4
|
+
return;
|
|
5
|
+
console.warn(message);
|
|
6
|
+
warned.add(message);
|
|
4
7
|
}
|
|
5
8
|
export {
|
|
6
|
-
|
|
9
|
+
warnOnce
|
|
7
10
|
};
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { SubscriptionManager
|
|
2
|
-
import { velocityPerSecond
|
|
3
|
-
import { warnOnce
|
|
4
|
-
import { time
|
|
5
|
-
import { frame
|
|
6
|
-
const
|
|
1
|
+
import { SubscriptionManager } from "../utils/subscription-manager.mjs";
|
|
2
|
+
import { velocityPerSecond } from "../utils/velocity-per-second.mjs";
|
|
3
|
+
import { warnOnce } from "../utils/warn-once.mjs";
|
|
4
|
+
import { time } from "../frameloop/sync-time.mjs";
|
|
5
|
+
import { frame } from "../frameloop/frame.mjs";
|
|
6
|
+
const MAX_VELOCITY_DELTA = 30;
|
|
7
|
+
const isFloat = (value) => {
|
|
8
|
+
return !isNaN(parseFloat(value));
|
|
9
|
+
};
|
|
10
|
+
const collectMotionValues = {
|
|
7
11
|
current: void 0
|
|
8
12
|
};
|
|
9
|
-
class
|
|
13
|
+
class MotionValue {
|
|
10
14
|
/**
|
|
11
15
|
* @param init - The initiating value
|
|
12
16
|
* @param config - Optional configuration options
|
|
@@ -15,17 +19,38 @@ class l {
|
|
|
15
19
|
*
|
|
16
20
|
* @internal
|
|
17
21
|
*/
|
|
18
|
-
constructor(
|
|
19
|
-
this.version = "11.11.11"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
constructor(init, options = {}) {
|
|
23
|
+
this.version = "11.11.11";
|
|
24
|
+
this.canTrackVelocity = null;
|
|
25
|
+
this.events = {};
|
|
26
|
+
this.updateAndNotify = (v, render = true) => {
|
|
27
|
+
const currentTime = time.now();
|
|
28
|
+
if (this.updatedAt !== currentTime) {
|
|
29
|
+
this.setPrevFrameValue();
|
|
30
|
+
}
|
|
31
|
+
this.prev = this.current;
|
|
32
|
+
this.setCurrent(v);
|
|
33
|
+
if (this.current !== this.prev && this.events.change) {
|
|
34
|
+
this.events.change.notify(this.current);
|
|
35
|
+
}
|
|
36
|
+
if (render && this.events.renderRequest) {
|
|
37
|
+
this.events.renderRequest.notify(this.current);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
this.hasAnimated = false;
|
|
41
|
+
this.setCurrent(init);
|
|
42
|
+
this.owner = options.owner;
|
|
23
43
|
}
|
|
24
|
-
setCurrent(
|
|
25
|
-
this.current =
|
|
44
|
+
setCurrent(current) {
|
|
45
|
+
this.current = current;
|
|
46
|
+
this.updatedAt = time.now();
|
|
47
|
+
if (this.canTrackVelocity === null && current !== void 0) {
|
|
48
|
+
this.canTrackVelocity = isFloat(this.current);
|
|
49
|
+
}
|
|
26
50
|
}
|
|
27
|
-
setPrevFrameValue(
|
|
28
|
-
this.prevFrameValue =
|
|
51
|
+
setPrevFrameValue(prevFrameValue = this.current) {
|
|
52
|
+
this.prevFrameValue = prevFrameValue;
|
|
53
|
+
this.prevUpdatedAt = this.updatedAt;
|
|
29
54
|
}
|
|
30
55
|
/**
|
|
31
56
|
* Adds a function that will be notified when the `MotionValue` is updated.
|
|
@@ -67,29 +92,42 @@ class l {
|
|
|
67
92
|
*
|
|
68
93
|
* @deprecated
|
|
69
94
|
*/
|
|
70
|
-
onChange(
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
this.
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
95
|
+
onChange(subscription) {
|
|
96
|
+
if (process.env.NODE_ENV !== "production") {
|
|
97
|
+
warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on("change", callback).`);
|
|
98
|
+
}
|
|
99
|
+
return this.on("change", subscription);
|
|
100
|
+
}
|
|
101
|
+
on(eventName, callback) {
|
|
102
|
+
if (!this.events[eventName]) {
|
|
103
|
+
this.events[eventName] = new SubscriptionManager();
|
|
104
|
+
}
|
|
105
|
+
const unsubscribe = this.events[eventName].add(callback);
|
|
106
|
+
if (eventName === "change") {
|
|
107
|
+
return () => {
|
|
108
|
+
unsubscribe();
|
|
109
|
+
frame.read(() => {
|
|
110
|
+
if (!this.events.change.getSize()) {
|
|
111
|
+
this.stop();
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
return unsubscribe;
|
|
81
117
|
}
|
|
82
118
|
clearListeners() {
|
|
83
|
-
for (const
|
|
84
|
-
this.events[
|
|
119
|
+
for (const eventManagers in this.events) {
|
|
120
|
+
this.events[eventManagers].clear();
|
|
121
|
+
}
|
|
85
122
|
}
|
|
86
123
|
/**
|
|
87
124
|
* Attaches a passive effect to the `MotionValue`.
|
|
88
125
|
*
|
|
89
126
|
* @internal
|
|
90
127
|
*/
|
|
91
|
-
attach(
|
|
92
|
-
this.passiveEffect =
|
|
128
|
+
attach(passiveEffect, stopPassiveEffect) {
|
|
129
|
+
this.passiveEffect = passiveEffect;
|
|
130
|
+
this.stopPassiveEffect = stopPassiveEffect;
|
|
93
131
|
}
|
|
94
132
|
/**
|
|
95
133
|
* Sets the state of the `MotionValue`.
|
|
@@ -106,18 +144,30 @@ class l {
|
|
|
106
144
|
*
|
|
107
145
|
* @public
|
|
108
146
|
*/
|
|
109
|
-
set(
|
|
110
|
-
!
|
|
147
|
+
set(v, render = true) {
|
|
148
|
+
if (!render || !this.passiveEffect) {
|
|
149
|
+
this.updateAndNotify(v, render);
|
|
150
|
+
} else {
|
|
151
|
+
this.passiveEffect(v, this.updateAndNotify);
|
|
152
|
+
}
|
|
111
153
|
}
|
|
112
|
-
setWithVelocity(
|
|
113
|
-
this.set(
|
|
154
|
+
setWithVelocity(prev, current, delta) {
|
|
155
|
+
this.set(current);
|
|
156
|
+
this.prev = void 0;
|
|
157
|
+
this.prevFrameValue = prev;
|
|
158
|
+
this.prevUpdatedAt = this.updatedAt - delta;
|
|
114
159
|
}
|
|
115
160
|
/**
|
|
116
161
|
* Set the state of the `MotionValue`, stopping any active animations,
|
|
117
162
|
* effects, and resets velocity to `0`.
|
|
118
163
|
*/
|
|
119
|
-
jump(
|
|
120
|
-
this.updateAndNotify(
|
|
164
|
+
jump(v, endAnimation = true) {
|
|
165
|
+
this.updateAndNotify(v);
|
|
166
|
+
this.prev = v;
|
|
167
|
+
this.prevUpdatedAt = this.prevFrameValue = void 0;
|
|
168
|
+
endAnimation && this.stop();
|
|
169
|
+
if (this.stopPassiveEffect)
|
|
170
|
+
this.stopPassiveEffect();
|
|
121
171
|
}
|
|
122
172
|
/**
|
|
123
173
|
* Returns the latest state of `MotionValue`
|
|
@@ -127,7 +177,10 @@ class l {
|
|
|
127
177
|
* @public
|
|
128
178
|
*/
|
|
129
179
|
get() {
|
|
130
|
-
|
|
180
|
+
if (collectMotionValues.current) {
|
|
181
|
+
collectMotionValues.current.push(this);
|
|
182
|
+
}
|
|
183
|
+
return this.current;
|
|
131
184
|
}
|
|
132
185
|
/**
|
|
133
186
|
* @public
|
|
@@ -143,11 +196,12 @@ class l {
|
|
|
143
196
|
* @public
|
|
144
197
|
*/
|
|
145
198
|
getVelocity() {
|
|
146
|
-
const
|
|
147
|
-
if (!this.canTrackVelocity || this.prevFrameValue === void 0 ||
|
|
199
|
+
const currentTime = time.now();
|
|
200
|
+
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || currentTime - this.updatedAt > MAX_VELOCITY_DELTA) {
|
|
148
201
|
return 0;
|
|
149
|
-
|
|
150
|
-
|
|
202
|
+
}
|
|
203
|
+
const delta = Math.min(this.updatedAt - this.prevUpdatedAt, MAX_VELOCITY_DELTA);
|
|
204
|
+
return velocityPerSecond(parseFloat(this.current) - parseFloat(this.prevFrameValue), delta);
|
|
151
205
|
}
|
|
152
206
|
/**
|
|
153
207
|
* Registers a new animation to control this `MotionValue`. Only one
|
|
@@ -161,11 +215,19 @@ class l {
|
|
|
161
215
|
*
|
|
162
216
|
* @internal
|
|
163
217
|
*/
|
|
164
|
-
start(
|
|
165
|
-
|
|
166
|
-
|
|
218
|
+
start(startAnimation) {
|
|
219
|
+
this.stop();
|
|
220
|
+
return new Promise((resolve) => {
|
|
221
|
+
this.hasAnimated = true;
|
|
222
|
+
this.animation = startAnimation(resolve);
|
|
223
|
+
if (this.events.animationStart) {
|
|
224
|
+
this.events.animationStart.notify();
|
|
225
|
+
}
|
|
167
226
|
}).then(() => {
|
|
168
|
-
|
|
227
|
+
if (this.events.animationComplete) {
|
|
228
|
+
this.events.animationComplete.notify();
|
|
229
|
+
}
|
|
230
|
+
this.clearAnimation();
|
|
169
231
|
});
|
|
170
232
|
}
|
|
171
233
|
/**
|
|
@@ -174,7 +236,13 @@ class l {
|
|
|
174
236
|
* @public
|
|
175
237
|
*/
|
|
176
238
|
stop() {
|
|
177
|
-
|
|
239
|
+
if (this.animation) {
|
|
240
|
+
this.animation.stop();
|
|
241
|
+
if (this.events.animationCancel) {
|
|
242
|
+
this.events.animationCancel.notify();
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
this.clearAnimation();
|
|
178
246
|
}
|
|
179
247
|
/**
|
|
180
248
|
* Returns `true` if this value is currently animating.
|
|
@@ -197,14 +265,18 @@ class l {
|
|
|
197
265
|
* @public
|
|
198
266
|
*/
|
|
199
267
|
destroy() {
|
|
200
|
-
this.clearListeners()
|
|
268
|
+
this.clearListeners();
|
|
269
|
+
this.stop();
|
|
270
|
+
if (this.stopPassiveEffect) {
|
|
271
|
+
this.stopPassiveEffect();
|
|
272
|
+
}
|
|
201
273
|
}
|
|
202
274
|
}
|
|
203
|
-
function
|
|
204
|
-
return new
|
|
275
|
+
function motionValue(init, options) {
|
|
276
|
+
return new MotionValue(init, options);
|
|
205
277
|
}
|
|
206
278
|
export {
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
279
|
+
MotionValue,
|
|
280
|
+
collectMotionValues,
|
|
281
|
+
motionValue
|
|
210
282
|
};
|
|
@@ -1,19 +1,37 @@
|
|
|
1
|
-
import { rgba
|
|
2
|
-
import { isColorString
|
|
3
|
-
function
|
|
4
|
-
let
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { rgba } from "./rgba.mjs";
|
|
2
|
+
import { isColorString } from "./utils.mjs";
|
|
3
|
+
function parseHex(v) {
|
|
4
|
+
let r = "";
|
|
5
|
+
let g = "";
|
|
6
|
+
let b = "";
|
|
7
|
+
let a = "";
|
|
8
|
+
if (v.length > 5) {
|
|
9
|
+
r = v.substring(1, 3);
|
|
10
|
+
g = v.substring(3, 5);
|
|
11
|
+
b = v.substring(5, 7);
|
|
12
|
+
a = v.substring(7, 9);
|
|
13
|
+
} else {
|
|
14
|
+
r = v.substring(1, 2);
|
|
15
|
+
g = v.substring(2, 3);
|
|
16
|
+
b = v.substring(3, 4);
|
|
17
|
+
a = v.substring(4, 5);
|
|
18
|
+
r += r;
|
|
19
|
+
g += g;
|
|
20
|
+
b += b;
|
|
21
|
+
a += a;
|
|
22
|
+
}
|
|
23
|
+
return {
|
|
24
|
+
red: parseInt(r, 16),
|
|
25
|
+
green: parseInt(g, 16),
|
|
26
|
+
blue: parseInt(b, 16),
|
|
27
|
+
alpha: a ? parseInt(a, 16) / 255 : 1
|
|
10
28
|
};
|
|
11
29
|
}
|
|
12
|
-
const
|
|
13
|
-
test: /* @__PURE__ */
|
|
14
|
-
parse:
|
|
15
|
-
transform:
|
|
30
|
+
const hex = {
|
|
31
|
+
test: /* @__PURE__ */ isColorString("#"),
|
|
32
|
+
parse: parseHex,
|
|
33
|
+
transform: rgba.transform
|
|
16
34
|
};
|
|
17
35
|
export {
|
|
18
|
-
|
|
36
|
+
hex
|
|
19
37
|
};
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { alpha
|
|
2
|
-
import { percent
|
|
3
|
-
import { sanitize
|
|
4
|
-
import { isColorString
|
|
5
|
-
const
|
|
6
|
-
test: /* @__PURE__ */
|
|
7
|
-
parse: /* @__PURE__ */
|
|
8
|
-
transform: ({ hue
|
|
1
|
+
import { alpha } from "../numbers/index.mjs";
|
|
2
|
+
import { percent } from "../numbers/units.mjs";
|
|
3
|
+
import { sanitize } from "../utils/sanitize.mjs";
|
|
4
|
+
import { isColorString, splitColor } from "./utils.mjs";
|
|
5
|
+
const hsla = {
|
|
6
|
+
test: /* @__PURE__ */ isColorString("hsl", "hue"),
|
|
7
|
+
parse: /* @__PURE__ */ splitColor("hue", "saturation", "lightness"),
|
|
8
|
+
transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {
|
|
9
|
+
return "hsla(" + Math.round(hue) + ", " + percent.transform(sanitize(saturation)) + ", " + percent.transform(sanitize(lightness)) + ", " + sanitize(alpha.transform(alpha$1)) + ")";
|
|
10
|
+
}
|
|
9
11
|
};
|
|
10
12
|
export {
|
|
11
|
-
|
|
13
|
+
hsla
|
|
12
14
|
};
|
|
@@ -1,11 +1,21 @@
|
|
|
1
|
-
import { hex
|
|
2
|
-
import { hsla
|
|
3
|
-
import { rgba
|
|
4
|
-
const
|
|
5
|
-
test: (
|
|
6
|
-
parse: (
|
|
7
|
-
|
|
1
|
+
import { hex } from "./hex.mjs";
|
|
2
|
+
import { hsla } from "./hsla.mjs";
|
|
3
|
+
import { rgba } from "./rgba.mjs";
|
|
4
|
+
const color = {
|
|
5
|
+
test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),
|
|
6
|
+
parse: (v) => {
|
|
7
|
+
if (rgba.test(v)) {
|
|
8
|
+
return rgba.parse(v);
|
|
9
|
+
} else if (hsla.test(v)) {
|
|
10
|
+
return hsla.parse(v);
|
|
11
|
+
} else {
|
|
12
|
+
return hex.parse(v);
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
transform: (v) => {
|
|
16
|
+
return typeof v === "string" ? v : v.hasOwnProperty("red") ? rgba.transform(v) : hsla.transform(v);
|
|
17
|
+
}
|
|
8
18
|
};
|
|
9
19
|
export {
|
|
10
|
-
|
|
20
|
+
color
|
|
11
21
|
};
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { clamp
|
|
2
|
-
import { number
|
|
3
|
-
import { sanitize
|
|
4
|
-
import { isColorString
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { clamp } from "../../../utils/clamp.mjs";
|
|
2
|
+
import { number, alpha } from "../numbers/index.mjs";
|
|
3
|
+
import { sanitize } from "../utils/sanitize.mjs";
|
|
4
|
+
import { isColorString, splitColor } from "./utils.mjs";
|
|
5
|
+
const clampRgbUnit = (v) => clamp(0, 255, v);
|
|
6
|
+
const rgbUnit = {
|
|
7
|
+
...number,
|
|
8
|
+
transform: (v) => Math.round(clampRgbUnit(v))
|
|
9
|
+
};
|
|
10
|
+
const rgba = {
|
|
11
|
+
test: /* @__PURE__ */ isColorString("rgb", "red"),
|
|
12
|
+
parse: /* @__PURE__ */ splitColor("red", "green", "blue"),
|
|
13
|
+
transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" + rgbUnit.transform(red) + ", " + rgbUnit.transform(green) + ", " + rgbUnit.transform(blue) + ", " + sanitize(alpha.transform(alpha$1)) + ")"
|
|
12
14
|
};
|
|
13
15
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
rgbUnit,
|
|
17
|
+
rgba
|
|
16
18
|
};
|
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import { floatRegex
|
|
2
|
-
import { isNullish
|
|
3
|
-
import { singleColorRegex
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { floatRegex } from "../utils/float-regex.mjs";
|
|
2
|
+
import { isNullish } from "../utils/is-nullish.mjs";
|
|
3
|
+
import { singleColorRegex } from "../utils/single-color-regex.mjs";
|
|
4
|
+
const isColorString = (type, testProp) => (v) => {
|
|
5
|
+
return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
|
|
6
|
+
};
|
|
7
|
+
const splitColor = (aName, bName, cName) => (v) => {
|
|
8
|
+
if (typeof v !== "string")
|
|
9
|
+
return v;
|
|
10
|
+
const [a, b, c, alpha] = v.match(floatRegex);
|
|
8
11
|
return {
|
|
9
|
-
[
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
alpha:
|
|
12
|
+
[aName]: parseFloat(a),
|
|
13
|
+
[bName]: parseFloat(b),
|
|
14
|
+
[cName]: parseFloat(c),
|
|
15
|
+
alpha: alpha !== void 0 ? parseFloat(alpha) : 1
|
|
13
16
|
};
|
|
14
17
|
};
|
|
15
18
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
isColorString,
|
|
20
|
+
splitColor
|
|
18
21
|
};
|