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,106 +1,153 @@
|
|
|
1
|
-
import { createGeneratorEasing
|
|
2
|
-
import { defaultOffset
|
|
3
|
-
import { fillOffset
|
|
4
|
-
import { progress
|
|
5
|
-
import { secondsToMilliseconds
|
|
6
|
-
import { isMotionValue
|
|
7
|
-
import { resolveSubjects
|
|
8
|
-
import { isGenerator
|
|
9
|
-
import { calcNextTime
|
|
10
|
-
import { addKeyframes
|
|
11
|
-
import { compareByTime
|
|
12
|
-
const
|
|
13
|
-
function
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import { createGeneratorEasing } from "../../easing/utils/create-generator-easing.mjs";
|
|
2
|
+
import { defaultOffset } from "../../utils/offsets/default.mjs";
|
|
3
|
+
import { fillOffset } from "../../utils/offsets/fill.mjs";
|
|
4
|
+
import { progress } from "../../utils/progress.mjs";
|
|
5
|
+
import { secondsToMilliseconds } from "../../utils/time-conversion.mjs";
|
|
6
|
+
import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
|
|
7
|
+
import { resolveSubjects } from "../animate/resolve-subjects.mjs";
|
|
8
|
+
import { isGenerator } from "../generators/utils/is-generator.mjs";
|
|
9
|
+
import { calcNextTime } from "./utils/calc-time.mjs";
|
|
10
|
+
import { addKeyframes } from "./utils/edit.mjs";
|
|
11
|
+
import { compareByTime } from "./utils/sort.mjs";
|
|
12
|
+
const defaultSegmentEasing = "easeInOut";
|
|
13
|
+
function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...sequenceTransition } = {}, scope, generators) {
|
|
14
|
+
const defaultDuration = defaultTransition.duration || 0.3;
|
|
15
|
+
const animationDefinitions = /* @__PURE__ */ new Map();
|
|
16
|
+
const sequences = /* @__PURE__ */ new Map();
|
|
17
|
+
const elementCache = {};
|
|
18
|
+
const timeLabels = /* @__PURE__ */ new Map();
|
|
19
|
+
let prevTime = 0;
|
|
20
|
+
let currentTime = 0;
|
|
21
|
+
let totalDuration = 0;
|
|
22
|
+
for (let i = 0; i < sequence.length; i++) {
|
|
23
|
+
const segment = sequence[i];
|
|
24
|
+
if (typeof segment === "string") {
|
|
25
|
+
timeLabels.set(segment, currentTime);
|
|
20
26
|
continue;
|
|
21
|
-
} else if (!Array.isArray(
|
|
22
|
-
|
|
27
|
+
} else if (!Array.isArray(segment)) {
|
|
28
|
+
timeLabels.set(segment.name, calcNextTime(currentTime, segment.at, prevTime, timeLabels));
|
|
23
29
|
continue;
|
|
24
30
|
}
|
|
25
|
-
let [
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
let [subject, keyframes, transition = {}] = segment;
|
|
32
|
+
if (transition.at !== void 0) {
|
|
33
|
+
currentTime = calcNextTime(currentTime, transition.at, prevTime, timeLabels);
|
|
34
|
+
}
|
|
35
|
+
let maxDuration = 0;
|
|
36
|
+
const resolveValueSequence = (valueKeyframes, valueTransition, valueSequence, elementIndex = 0, numSubjects = 0) => {
|
|
37
|
+
const valueKeyframesAsList = keyframesAsList(valueKeyframes);
|
|
38
|
+
const { delay = 0, times = defaultOffset(valueKeyframesAsList), type = "keyframes", ...remainingTransition } = valueTransition;
|
|
39
|
+
let { ease = defaultTransition.ease || "easeOut", duration } = valueTransition;
|
|
40
|
+
const calculatedDelay = typeof delay === "function" ? delay(elementIndex, numSubjects) : delay;
|
|
41
|
+
const numKeyframes = valueKeyframesAsList.length;
|
|
42
|
+
const createGenerator = isGenerator(type) ? type : generators === null || generators === void 0 ? void 0 : generators[type];
|
|
43
|
+
if (numKeyframes <= 2 && createGenerator) {
|
|
44
|
+
let absoluteDelta = 100;
|
|
45
|
+
if (numKeyframes === 2 && isNumberKeyframesArray(valueKeyframesAsList)) {
|
|
46
|
+
const delta = valueKeyframesAsList[1] - valueKeyframesAsList[0];
|
|
47
|
+
absoluteDelta = Math.abs(delta);
|
|
48
|
+
}
|
|
49
|
+
const springTransition = { ...remainingTransition };
|
|
50
|
+
if (duration !== void 0) {
|
|
51
|
+
springTransition.duration = secondsToMilliseconds(duration);
|
|
37
52
|
}
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
D = N.ease, c = N.duration;
|
|
53
|
+
const springEasing = createGeneratorEasing(springTransition, absoluteDelta, createGenerator);
|
|
54
|
+
ease = springEasing.ease;
|
|
55
|
+
duration = springEasing.duration;
|
|
42
56
|
}
|
|
43
|
-
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
57
|
+
duration !== null && duration !== void 0 ? duration : duration = defaultDuration;
|
|
58
|
+
const startTime = currentTime + calculatedDelay;
|
|
59
|
+
const targetTime = startTime + duration;
|
|
60
|
+
if (times.length === 1 && times[0] === 0) {
|
|
61
|
+
times[1] = 1;
|
|
62
|
+
}
|
|
63
|
+
const remainder = times.length - valueKeyframesAsList.length;
|
|
64
|
+
remainder > 0 && fillOffset(times, remainder);
|
|
65
|
+
valueKeyframesAsList.length === 1 && valueKeyframesAsList.unshift(null);
|
|
66
|
+
addKeyframes(valueSequence, valueKeyframesAsList, ease, times, startTime, targetTime);
|
|
67
|
+
maxDuration = Math.max(calculatedDelay + duration, maxDuration);
|
|
68
|
+
totalDuration = Math.max(targetTime, totalDuration);
|
|
48
69
|
};
|
|
49
|
-
if (
|
|
50
|
-
const
|
|
51
|
-
|
|
70
|
+
if (isMotionValue(subject)) {
|
|
71
|
+
const subjectSequence = getSubjectSequence(subject, sequences);
|
|
72
|
+
resolveValueSequence(keyframes, transition, getValueSequence("default", subjectSequence));
|
|
52
73
|
} else {
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
74
|
+
const subjects = resolveSubjects(subject, keyframes, scope, elementCache);
|
|
75
|
+
const numSubjects = subjects.length;
|
|
76
|
+
for (let subjectIndex = 0; subjectIndex < numSubjects; subjectIndex++) {
|
|
77
|
+
keyframes = keyframes;
|
|
78
|
+
transition = transition;
|
|
79
|
+
const thisSubject = subjects[subjectIndex];
|
|
80
|
+
const subjectSequence = getSubjectSequence(thisSubject, sequences);
|
|
81
|
+
for (const key in keyframes) {
|
|
82
|
+
resolveValueSequence(keyframes[key], getValueTransition(transition, key), getValueSequence(key, subjectSequence), subjectIndex, numSubjects);
|
|
83
|
+
}
|
|
59
84
|
}
|
|
60
85
|
}
|
|
61
|
-
|
|
86
|
+
prevTime = currentTime;
|
|
87
|
+
currentTime += maxDuration;
|
|
62
88
|
}
|
|
63
|
-
|
|
64
|
-
for (const
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
89
|
+
sequences.forEach((valueSequences, element) => {
|
|
90
|
+
for (const key in valueSequences) {
|
|
91
|
+
const valueSequence = valueSequences[key];
|
|
92
|
+
valueSequence.sort(compareByTime);
|
|
93
|
+
const keyframes = [];
|
|
94
|
+
const valueOffset = [];
|
|
95
|
+
const valueEasing = [];
|
|
96
|
+
for (let i = 0; i < valueSequence.length; i++) {
|
|
97
|
+
const { at, value, easing } = valueSequence[i];
|
|
98
|
+
keyframes.push(value);
|
|
99
|
+
valueOffset.push(progress(0, totalDuration, at));
|
|
100
|
+
valueEasing.push(easing || "easeOut");
|
|
101
|
+
}
|
|
102
|
+
if (valueOffset[0] !== 0) {
|
|
103
|
+
valueOffset.unshift(0);
|
|
104
|
+
keyframes.unshift(keyframes[0]);
|
|
105
|
+
valueEasing.unshift(defaultSegmentEasing);
|
|
106
|
+
}
|
|
107
|
+
if (valueOffset[valueOffset.length - 1] !== 1) {
|
|
108
|
+
valueOffset.push(1);
|
|
109
|
+
keyframes.push(null);
|
|
110
|
+
}
|
|
111
|
+
if (!animationDefinitions.has(element)) {
|
|
112
|
+
animationDefinitions.set(element, {
|
|
113
|
+
keyframes: {},
|
|
114
|
+
transition: {}
|
|
115
|
+
});
|
|
71
116
|
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
ease: h,
|
|
81
|
-
times: s,
|
|
82
|
-
...C
|
|
117
|
+
const definition = animationDefinitions.get(element);
|
|
118
|
+
definition.keyframes[key] = keyframes;
|
|
119
|
+
definition.transition[key] = {
|
|
120
|
+
...defaultTransition,
|
|
121
|
+
duration: totalDuration,
|
|
122
|
+
ease: valueEasing,
|
|
123
|
+
times: valueOffset,
|
|
124
|
+
...sequenceTransition
|
|
83
125
|
};
|
|
84
126
|
}
|
|
85
|
-
})
|
|
127
|
+
});
|
|
128
|
+
return animationDefinitions;
|
|
86
129
|
}
|
|
87
|
-
function
|
|
88
|
-
|
|
130
|
+
function getSubjectSequence(subject, sequences) {
|
|
131
|
+
!sequences.has(subject) && sequences.set(subject, {});
|
|
132
|
+
return sequences.get(subject);
|
|
89
133
|
}
|
|
90
|
-
function
|
|
91
|
-
|
|
134
|
+
function getValueSequence(name, sequences) {
|
|
135
|
+
if (!sequences[name])
|
|
136
|
+
sequences[name] = [];
|
|
137
|
+
return sequences[name];
|
|
92
138
|
}
|
|
93
|
-
function
|
|
94
|
-
return Array.isArray(
|
|
139
|
+
function keyframesAsList(keyframes) {
|
|
140
|
+
return Array.isArray(keyframes) ? keyframes : [keyframes];
|
|
95
141
|
}
|
|
96
|
-
function
|
|
97
|
-
return
|
|
98
|
-
...
|
|
99
|
-
...
|
|
100
|
-
} : { ...
|
|
142
|
+
function getValueTransition(transition, key) {
|
|
143
|
+
return transition && transition[key] ? {
|
|
144
|
+
...transition,
|
|
145
|
+
...transition[key]
|
|
146
|
+
} : { ...transition };
|
|
101
147
|
}
|
|
102
|
-
const
|
|
148
|
+
const isNumber = (keyframe) => typeof keyframe === "number";
|
|
149
|
+
const isNumberKeyframesArray = (keyframes) => keyframes.every(isNumber);
|
|
103
150
|
export {
|
|
104
|
-
|
|
105
|
-
|
|
151
|
+
createAnimationsFromSequence,
|
|
152
|
+
getValueTransition
|
|
106
153
|
};
|
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
function
|
|
2
|
-
var
|
|
3
|
-
|
|
1
|
+
function calcNextTime(current, next, prev, labels) {
|
|
2
|
+
var _a;
|
|
3
|
+
if (typeof next === "number") {
|
|
4
|
+
return next;
|
|
5
|
+
} else if (next.startsWith("-") || next.startsWith("+")) {
|
|
6
|
+
return Math.max(0, current + parseFloat(next));
|
|
7
|
+
} else if (next === "<") {
|
|
8
|
+
return prev;
|
|
9
|
+
} else {
|
|
10
|
+
return (_a = labels.get(next)) !== null && _a !== void 0 ? _a : current;
|
|
11
|
+
}
|
|
4
12
|
}
|
|
5
13
|
export {
|
|
6
|
-
|
|
14
|
+
calcNextTime
|
|
7
15
|
};
|
|
@@ -1,22 +1,26 @@
|
|
|
1
|
-
import { getEasingForSegment
|
|
2
|
-
import { removeItem
|
|
3
|
-
import { mixNumber
|
|
4
|
-
function
|
|
5
|
-
for (let
|
|
6
|
-
const
|
|
7
|
-
|
|
1
|
+
import { getEasingForSegment } from "../../../easing/utils/get-easing-for-segment.mjs";
|
|
2
|
+
import { removeItem } from "../../../utils/array.mjs";
|
|
3
|
+
import { mixNumber } from "../../../utils/mix/number.mjs";
|
|
4
|
+
function eraseKeyframes(sequence, startTime, endTime) {
|
|
5
|
+
for (let i = 0; i < sequence.length; i++) {
|
|
6
|
+
const keyframe = sequence[i];
|
|
7
|
+
if (keyframe.at > startTime && keyframe.at < endTime) {
|
|
8
|
+
removeItem(sequence, keyframe);
|
|
9
|
+
i--;
|
|
10
|
+
}
|
|
8
11
|
}
|
|
9
12
|
}
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
for (let
|
|
13
|
-
|
|
14
|
-
value:
|
|
15
|
-
at:
|
|
16
|
-
easing:
|
|
13
|
+
function addKeyframes(sequence, keyframes, easing, offset, startTime, endTime) {
|
|
14
|
+
eraseKeyframes(sequence, startTime, endTime);
|
|
15
|
+
for (let i = 0; i < keyframes.length; i++) {
|
|
16
|
+
sequence.push({
|
|
17
|
+
value: keyframes[i],
|
|
18
|
+
at: mixNumber(startTime, endTime, offset[i]),
|
|
19
|
+
easing: getEasingForSegment(easing, i)
|
|
17
20
|
});
|
|
21
|
+
}
|
|
18
22
|
}
|
|
19
23
|
export {
|
|
20
|
-
|
|
21
|
-
|
|
24
|
+
addKeyframes,
|
|
25
|
+
eraseKeyframes
|
|
22
26
|
};
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
1
|
+
function compareByTime(a, b) {
|
|
2
|
+
if (a.at === b.at) {
|
|
3
|
+
if (a.value === null)
|
|
4
|
+
return 1;
|
|
5
|
+
if (b.value === null)
|
|
6
|
+
return -1;
|
|
7
|
+
return 0;
|
|
8
|
+
} else {
|
|
9
|
+
return a.at - b.at;
|
|
10
|
+
}
|
|
3
11
|
}
|
|
4
12
|
export {
|
|
5
|
-
|
|
13
|
+
compareByTime
|
|
6
14
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { isSVGElement
|
|
2
|
-
import { SVGVisualElement
|
|
3
|
-
import { HTMLVisualElement
|
|
4
|
-
import { visualElementStore
|
|
5
|
-
import { ObjectVisualElement
|
|
6
|
-
function
|
|
7
|
-
const
|
|
1
|
+
import { isSVGElement } from "../../render/dom/utils/is-svg-element.mjs";
|
|
2
|
+
import { SVGVisualElement } from "../../render/svg/SVGVisualElement.mjs";
|
|
3
|
+
import { HTMLVisualElement } from "../../render/html/HTMLVisualElement.mjs";
|
|
4
|
+
import { visualElementStore } from "../../render/store.mjs";
|
|
5
|
+
import { ObjectVisualElement } from "../../render/object/ObjectVisualElement.mjs";
|
|
6
|
+
function createDOMVisualElement(element) {
|
|
7
|
+
const options = {
|
|
8
8
|
presenceContext: null,
|
|
9
9
|
props: {},
|
|
10
10
|
visualState: {
|
|
@@ -17,11 +17,13 @@ function f(t) {
|
|
|
17
17
|
},
|
|
18
18
|
latestValues: {}
|
|
19
19
|
}
|
|
20
|
-
}
|
|
21
|
-
|
|
20
|
+
};
|
|
21
|
+
const node = isSVGElement(element) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
|
|
22
|
+
node.mount(element);
|
|
23
|
+
visualElementStore.set(element, node);
|
|
22
24
|
}
|
|
23
|
-
function
|
|
24
|
-
const
|
|
25
|
+
function createObjectVisualElement(subject) {
|
|
26
|
+
const options = {
|
|
25
27
|
presenceContext: null,
|
|
26
28
|
props: {},
|
|
27
29
|
visualState: {
|
|
@@ -30,10 +32,12 @@ function V(t) {
|
|
|
30
32
|
},
|
|
31
33
|
latestValues: {}
|
|
32
34
|
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
+
};
|
|
36
|
+
const node = new ObjectVisualElement(options);
|
|
37
|
+
node.mount(subject);
|
|
38
|
+
visualElementStore.set(subject, node);
|
|
35
39
|
}
|
|
36
40
|
export {
|
|
37
|
-
|
|
38
|
-
|
|
41
|
+
createDOMVisualElement,
|
|
42
|
+
createObjectVisualElement
|
|
39
43
|
};
|
|
@@ -1,22 +1,33 @@
|
|
|
1
|
-
import { transformProps
|
|
2
|
-
const
|
|
1
|
+
import { transformProps } from "../../render/html/utils/transform.mjs";
|
|
2
|
+
const underDampedSpring = {
|
|
3
3
|
type: "spring",
|
|
4
4
|
stiffness: 500,
|
|
5
5
|
damping: 25,
|
|
6
6
|
restSpeed: 10
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
|
+
const criticallyDampedSpring = (target) => ({
|
|
8
9
|
type: "spring",
|
|
9
10
|
stiffness: 550,
|
|
10
|
-
damping:
|
|
11
|
+
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
11
12
|
restSpeed: 10
|
|
12
|
-
})
|
|
13
|
+
});
|
|
14
|
+
const keyframesTransition = {
|
|
13
15
|
type: "keyframes",
|
|
14
16
|
duration: 0.8
|
|
15
|
-
}
|
|
17
|
+
};
|
|
18
|
+
const ease = {
|
|
16
19
|
type: "keyframes",
|
|
17
20
|
ease: [0.25, 0.1, 0.35, 1],
|
|
18
21
|
duration: 0.3
|
|
19
|
-
}
|
|
22
|
+
};
|
|
23
|
+
const getDefaultTransition = (valueKey, { keyframes }) => {
|
|
24
|
+
if (keyframes.length > 2) {
|
|
25
|
+
return keyframesTransition;
|
|
26
|
+
} else if (transformProps.has(valueKey)) {
|
|
27
|
+
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes[1]) : underDampedSpring;
|
|
28
|
+
}
|
|
29
|
+
return ease;
|
|
30
|
+
};
|
|
20
31
|
export {
|
|
21
|
-
|
|
32
|
+
getDefaultTransition
|
|
22
33
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function
|
|
2
|
-
return
|
|
1
|
+
function getValueTransition(transition, key) {
|
|
2
|
+
return transition ? transition[key] || transition["default"] || transition : void 0;
|
|
3
3
|
}
|
|
4
4
|
export {
|
|
5
|
-
|
|
5
|
+
getValueTransition
|
|
6
6
|
};
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
import { complex
|
|
2
|
-
const
|
|
3
|
-
(
|
|
4
|
-
|
|
1
|
+
import { complex } from "../../value/types/complex/index.mjs";
|
|
2
|
+
const isAnimatable = (value, name) => {
|
|
3
|
+
if (name === "zIndex")
|
|
4
|
+
return false;
|
|
5
|
+
if (typeof value === "number" || Array.isArray(value))
|
|
6
|
+
return true;
|
|
7
|
+
if (typeof value === "string" && // It's animatable if we have a string
|
|
8
|
+
(complex.test(value) || value === "0") && // And it contains numbers and/or colors
|
|
9
|
+
!value.startsWith("url(")) {
|
|
10
|
+
return true;
|
|
11
|
+
}
|
|
12
|
+
return false;
|
|
13
|
+
};
|
|
5
14
|
export {
|
|
6
|
-
|
|
15
|
+
isAnimatable
|
|
7
16
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function
|
|
2
|
-
return
|
|
1
|
+
function isAnimationControls(v) {
|
|
2
|
+
return v !== null && typeof v === "object" && typeof v.start === "function";
|
|
3
3
|
}
|
|
4
4
|
export {
|
|
5
|
-
|
|
5
|
+
isAnimationControls
|
|
6
6
|
};
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import { isZeroValueString
|
|
2
|
-
function
|
|
3
|
-
|
|
1
|
+
import { isZeroValueString } from "../../utils/is-zero-value-string.mjs";
|
|
2
|
+
function isNone(value) {
|
|
3
|
+
if (typeof value === "number") {
|
|
4
|
+
return value === 0;
|
|
5
|
+
} else if (value !== null) {
|
|
6
|
+
return value === "none" || value === "0" || isZeroValueString(value);
|
|
7
|
+
} else {
|
|
8
|
+
return true;
|
|
9
|
+
}
|
|
4
10
|
}
|
|
5
11
|
export {
|
|
6
|
-
|
|
12
|
+
isNone
|
|
7
13
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function
|
|
2
|
-
return !!Object.keys(
|
|
1
|
+
function isTransitionDefined({ when, delay: _delay, delayChildren, staggerChildren, staggerDirection, repeat, repeatType, repeatDelay, from, elapsed, ...transition }) {
|
|
2
|
+
return !!Object.keys(transition).length;
|
|
3
3
|
}
|
|
4
4
|
export {
|
|
5
|
-
|
|
5
|
+
isTransitionDefined
|
|
6
6
|
};
|
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
import { easingDefinitionToFunction
|
|
2
|
-
function
|
|
3
|
-
if (
|
|
1
|
+
import { easingDefinitionToFunction } from "../../easing/utils/map.mjs";
|
|
2
|
+
function getOriginIndex(from, total) {
|
|
3
|
+
if (from === "first") {
|
|
4
4
|
return 0;
|
|
5
|
-
{
|
|
6
|
-
const
|
|
7
|
-
return
|
|
5
|
+
} else {
|
|
6
|
+
const lastIndex = total - 1;
|
|
7
|
+
return from === "last" ? lastIndex : lastIndex / 2;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
function
|
|
11
|
-
return (
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
function stagger(duration = 0.1, { startDelay = 0, from = 0, ease } = {}) {
|
|
11
|
+
return (i, total) => {
|
|
12
|
+
const fromIndex = typeof from === "number" ? from : getOriginIndex(from, total);
|
|
13
|
+
const distance = Math.abs(fromIndex - i);
|
|
14
|
+
let delay = duration * distance;
|
|
15
|
+
if (ease) {
|
|
16
|
+
const maxDelay = total * duration;
|
|
17
|
+
const easingFunction = easingDefinitionToFunction(ease);
|
|
18
|
+
delay = easingFunction(delay / maxDelay) * maxDelay;
|
|
17
19
|
}
|
|
18
|
-
return
|
|
20
|
+
return startDelay + delay;
|
|
19
21
|
};
|
|
20
22
|
}
|
|
21
23
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
getOriginIndex,
|
|
25
|
+
stagger
|
|
24
26
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { backIn
|
|
2
|
-
const
|
|
1
|
+
import { backIn } from "./back.mjs";
|
|
2
|
+
const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
anticipate
|
|
5
5
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { cubicBezier
|
|
2
|
-
import { mirrorEasing
|
|
3
|
-
import { reverseEasing
|
|
4
|
-
const
|
|
1
|
+
import { cubicBezier } from "./cubic-bezier.mjs";
|
|
2
|
+
import { mirrorEasing } from "./modifiers/mirror.mjs";
|
|
3
|
+
import { reverseEasing } from "./modifiers/reverse.mjs";
|
|
4
|
+
const backOut = /* @__PURE__ */ cubicBezier(0.33, 1.53, 0.69, 0.99);
|
|
5
|
+
const backIn = /* @__PURE__ */ reverseEasing(backOut);
|
|
6
|
+
const backInOut = /* @__PURE__ */ mirrorEasing(backIn);
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
backIn,
|
|
9
|
+
backInOut,
|
|
10
|
+
backOut
|
|
9
11
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { mirrorEasing
|
|
2
|
-
import { reverseEasing
|
|
3
|
-
const
|
|
1
|
+
import { mirrorEasing } from "./modifiers/mirror.mjs";
|
|
2
|
+
import { reverseEasing } from "./modifiers/reverse.mjs";
|
|
3
|
+
const circIn = (p) => 1 - Math.sin(Math.acos(p));
|
|
4
|
+
const circOut = reverseEasing(circIn);
|
|
5
|
+
const circInOut = mirrorEasing(circIn);
|
|
4
6
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
circIn,
|
|
8
|
+
circInOut,
|
|
9
|
+
circOut
|
|
8
10
|
};
|