motion-v 0.5.0-beta.2 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1580 -613
- package/dist/es/animation/use-animate.mjs +1 -1
- package/dist/es/components/AnimatePresence.vue.mjs +1 -4
- package/dist/es/components/Motion.vue.mjs +65 -19
- package/dist/es/components/presence.mjs +2 -3
- package/dist/es/events/add-pointer-event.mjs +8 -0
- package/dist/es/events/event-info.mjs +16 -0
- package/dist/es/events/utils/is-primary-pointer.mjs +10 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/GroupPlaybackControls.mjs +3 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/resolve-subjects.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/subject.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs +2 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs +4 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs +7 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/utils/can-animate.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs +8 -2
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs +3 -3
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/index.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/linear.mjs +1 -2
- package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/generators/spring/defaults.mjs +32 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/spring/find.mjs +9 -16
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/spring/index.mjs +46 -17
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/sequence/create.mjs +23 -2
- package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/sequence/utils/calc-repeat-duration.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/animation/sequence/utils/normalize-times.mjs +8 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/cubic-bezier.mjs +2 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/utils/map.mjs +2 -2
- package/dist/es/external/.pnpm/framer-motion@11.15.0/external/framer-motion/dist/es/events/add-dom-event.mjs +7 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/frame.mjs +2 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/render-step.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/animation/mix-values.mjs +2 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/node/create-projection-node.mjs +2 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/DOMVisualElement.mjs +15 -0
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/resize/handle-element.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/index.mjs +13 -6
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/viewport/index.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs +0 -14
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/interpolate.mjs +2 -2
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/mix/color.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/mix/complex.mjs +1 -1
- package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/index.mjs +1 -1
- package/dist/es/features/feature-manager.mjs +26 -7
- package/dist/es/features/feature.mjs +10 -0
- package/dist/es/features/gestures/drag/VisualElementDragControls.mjs +450 -0
- package/dist/es/features/gestures/drag/index.mjs +26 -0
- package/dist/es/features/gestures/drag/lock.mjs +42 -0
- package/dist/es/features/gestures/drag/utils/constraints.mjs +93 -0
- package/dist/es/features/gestures/drag/utils/is.mjs +6 -0
- package/dist/es/features/gestures/hover/index.mjs +40 -0
- package/dist/es/features/gestures/in-view/index.mjs +39 -0
- package/dist/es/features/gestures/pan/PanSession.mjs +150 -0
- package/dist/es/features/gestures/pan/index.mjs +69 -0
- package/dist/es/features/gestures/press/index.mjs +51 -0
- package/dist/es/features/layout/config.mjs +2 -2
- package/dist/es/features/layout/layout.mjs +24 -51
- package/dist/es/features/layout/projection.mjs +39 -0
- package/dist/es/features/svg.mjs +1 -1
- package/dist/es/index.mjs +41 -31
- package/dist/es/projection/conversion.mjs +31 -0
- package/dist/es/projection/geometry/delta-apply.mjs +7 -0
- package/dist/es/projection/geometry/delta-calc.mjs +6 -0
- package/dist/es/projection/geometry/models.mjs +11 -0
- package/dist/es/projection/utils/each-axis.mjs +6 -0
- package/dist/es/projection/utils/measure.mjs +20 -0
- package/dist/es/state/animate-variants-children.mjs +1 -1
- package/dist/es/state/create-visual-element.mjs +2 -2
- package/dist/es/state/motion-state.mjs +24 -7
- package/dist/es/state/utils/is-present.mjs +7 -0
- package/dist/es/state/utils.mjs +0 -3
- package/dist/es/utils/clamp.mjs +10 -0
- package/dist/es/utils/get-context-window.mjs +6 -0
- package/dist/es/utils/mix/number.mjs +6 -0
- package/dist/es/utils/progress.mjs +7 -0
- package/dist/es/utils/time-conversion.mjs +8 -0
- package/dist/es/utils/use-animation-frame.mjs +1 -1
- package/dist/es/utils/use-in-view.mjs +1 -1
- package/dist/es/value/types/numbers/units.mjs +11 -0
- package/dist/es/value/use-combine-values.mjs +2 -2
- package/dist/es/value/use-computed.mjs +1 -1
- package/dist/es/value/use-scroll.mjs +3 -3
- package/dist/es/value/use-spring.mjs +5 -6
- package/dist/es/value/use-time.mjs +1 -1
- package/dist/es/value/use-transform.mjs +1 -1
- package/dist/es/value/use-velocity.mjs +2 -2
- package/dist/es/value/use-will-change/add-will-change.mjs +10 -0
- package/dist/es/value/use-will-change/is.mjs +7 -0
- package/dist/src/animation/animation-controls.d.ts +7 -0
- package/dist/src/animation/types.d.ts +12 -0
- package/dist/src/animation/use-animation.d.ts +0 -0
- package/dist/src/components/AnimatePresence.d.ts +1 -1
- package/dist/src/events/add-dom-event.d.ts +1 -0
- package/dist/src/events/add-pointer-event.d.ts +2 -0
- package/dist/src/events/event-info.d.ts +4 -0
- package/dist/src/events/index.d.ts +5 -0
- package/dist/src/events/types.d.ts +5 -0
- package/dist/src/events/utils/index.d.ts +1 -0
- package/dist/src/events/utils/is-primary-pointer.d.ts +1 -0
- package/dist/src/features/feature-manager.d.ts +3 -0
- package/dist/src/features/feature.d.ts +6 -3
- package/dist/src/features/gestures/drag/VisualElementDragControls.d.ts +57 -0
- package/dist/src/features/gestures/drag/index.d.ts +8 -10
- package/dist/src/features/gestures/drag/lock.d.ts +4 -0
- package/dist/src/features/gestures/drag/types.d.ts +149 -70
- package/dist/src/features/gestures/drag/use-drag-controls.d.ts +73 -0
- package/dist/src/features/gestures/drag/utils/constraints.d.ts +55 -0
- package/dist/src/features/gestures/drag/utils/is.d.ts +1 -0
- package/dist/src/features/gestures/hover/index.d.ts +7 -0
- package/dist/src/features/gestures/hover/types.d.ts +8 -0
- package/dist/src/features/gestures/in-view/index.d.ts +7 -0
- package/dist/src/features/gestures/in-view/types.d.ts +18 -0
- package/dist/src/features/gestures/pan/PanSession.d.ts +139 -0
- package/dist/src/features/gestures/pan/index.d.ts +16 -0
- package/dist/src/features/gestures/pan/types.d.ts +7 -0
- package/dist/src/features/gestures/press/index.d.ts +9 -0
- package/dist/src/features/gestures/press/types.d.ts +13 -0
- package/dist/src/features/index.d.ts +1 -1
- package/dist/src/features/layout/layout.d.ts +3 -2
- package/dist/src/features/layout/projection.d.ts +7 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/projection/conversion.d.ts +14 -0
- package/dist/src/projection/geometry/delta-apply.d.ts +2 -0
- package/dist/src/projection/geometry/delta-calc.d.ts +2 -0
- package/dist/src/projection/geometry/models.d.ts +3 -0
- package/dist/src/projection/node/types.d.ts +16 -0
- package/dist/src/projection/utils/each-axis.d.ts +3 -0
- package/dist/src/projection/utils/measure.d.ts +3 -0
- package/dist/src/render/utils/setters.d.ts +3 -0
- package/dist/src/state/motion-state.d.ts +6 -3
- package/dist/src/state/utils/is-present.d.ts +2 -0
- package/dist/src/state/utils.d.ts +0 -1
- package/dist/src/types/framer-motion.d.ts +0 -78
- package/dist/src/types/state.d.ts +10 -23
- package/dist/src/utils/clamp.d.ts +1 -0
- package/dist/src/utils/get-context-window.d.ts +2 -0
- package/dist/src/utils/index.d.ts +2 -0
- package/dist/src/utils/mix/number.d.ts +1 -0
- package/dist/src/utils/noop.d.ts +1 -0
- package/dist/src/utils/progress.d.ts +1 -0
- package/dist/src/utils/time-conversion.d.ts +8 -0
- package/dist/src/value/types/numbers/units.d.ts +30 -0
- package/dist/src/value/use-will-change/add-will-change.d.ts +2 -0
- package/dist/src/value/use-will-change/is.d.ts +2 -0
- package/dist/src/value/use-will-change/types.d.ts +4 -0
- package/package.json +5 -3
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/resolve-element.mjs +0 -23
- package/dist/es/external/.pnpm/hey-listen@1.0.8/external/hey-listen/dist/hey-listen.es.mjs +0 -20
- package/dist/es/features/events.mjs +0 -69
- package/dist/es/features/gestures/base.mjs +0 -19
- package/dist/es/features/gestures/hover.mjs +0 -46
- package/dist/es/features/gestures/in-view.mjs +0 -39
- package/dist/es/features/gestures/press.mjs +0 -37
- package/dist/es/utils/events.mjs +0 -8
- package/dist/src/features/events.d.ts +0 -6
- package/dist/src/features/gestures/hover.d.ts +0 -10
- package/dist/src/features/gestures/in-view.d.ts +0 -8
- package/dist/src/features/gestures/press.d.ts +0 -8
- /package/dist/es/{external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/events → events}/add-dom-event.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/sequence.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animate/single-value.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/utils/accelerated-values.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/easing.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/attach-timeline.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/get-final-keyframe.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/memo-supports.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/style.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-flags.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-linear-easing.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/inertia.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/keyframes.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/utils/calc-duration.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/utils/is-generator.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/generators/utils/velocity.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/optimized-appear/data-id.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/optimized-appear/get-appear-id.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/sequence/utils/calc-time.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/sequence/utils/edit.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/sequence/utils/sort.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/create-visual-element.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/default-transitions.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/get-value-transition.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/is-animatable.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/is-animation-controls.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/is-dom-keyframes.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/is-none.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/is-transition-defined.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/animation/utils/stagger.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/anticipate.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/back.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/circ.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/ease.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/modifiers/mirror.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/modifiers/reverse.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/steps.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/utils/create-generator-easing.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/utils/get-easing-for-segment.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/utils/is-bezier-definition.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/easing/utils/is-easing-array.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/batcher.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/index-legacy.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/microtask.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/frameloop/sync-time.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/motion/features/definitions.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/conversion.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/copy.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/delta-apply.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/delta-calc.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/delta-remove.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/models.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/geometry/utils.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/node/DocumentProjectionNode.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/node/state.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/shared/stack.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/styles/scale-correction.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/styles/transform.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/utils/each-axis.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/utils/has-transform.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/projection/utils/measure.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/VisualElement.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/DOMKeyframesResolver.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/resize/handle-window.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/resize/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/info.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/observe.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/offsets/edge.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/offsets/offset.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/offsets/presets.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/supports.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/scroll/track.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/utils/is-css-variable.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/utils/is-svg-element.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/defaults.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/dimensions.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/find.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/get-as-type.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/number-browser.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/number.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/test.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/transform.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/type-auto.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/dom/value-types/type-int.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/utils/build-styles.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/utils/build-transform.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/utils/make-none-animatable.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/utils/render.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/html/utils/transform.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/object/ObjectVisualElement.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/store.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/build-attrs.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/camel-case-attrs.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/path.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/render.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/svg/utils/transform-origin.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/KeyframesResolver.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/compare-by-depth.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/flat-tree.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/is-controlling-variants.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/is-variant-label.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/resolve-dynamic-variants.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/resolve-variants.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/setters.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/render/utils/variant-props.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/GlobalConfig.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/array.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/clamp.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/delay.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/distance.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/hsla-to-rgba.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/is-browser.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/is-numerical-string.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/is-zero-value-string.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/memo.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/mix/immediate.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/mix/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/mix/number.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/mix/visibility.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/offsets/default.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/offsets/fill.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/offsets/time.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/pipe.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/progress.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/reduced-motion/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/reduced-motion/state.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/resolve-value.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/subscription-manager.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/time-conversion.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/transform.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/velocity-per-second.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/warn-once.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/utils/wrap.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/color/hex.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/color/hsla.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/color/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/color/rgba.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/color/utils.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/complex/filter.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/complex/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/numbers/index.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/numbers/units.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/utils/color-regex.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/utils/float-regex.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/utils/is-nullish.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/utils/sanitize.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/types/utils/single-color-regex.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/use-will-change/add-will-change.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/use-will-change/is.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/utils/is-motion-value.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11 → framer-motion@11.15.0}/external/framer-motion/dist/es/value/utils/resolve-motion-value.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11/external/framer-motion/dist/es/utils → motion-utils@11.14.3/external/motion-utils/dist/es}/errors.mjs +0 -0
- /package/dist/es/external/.pnpm/{framer-motion@11.11.11/external/framer-motion/dist/es/utils → motion-utils@11.14.3/external/motion-utils/dist/es}/noop.mjs +0 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { BoundingBox, Box, TransformPoint } from 'framer-motion';
|
|
2
|
+
/**
|
|
3
|
+
* Bounding boxes tend to be defined as top, left, right, bottom. For various operations
|
|
4
|
+
* it's easier to consider each axis individually. This function returns a bounding box
|
|
5
|
+
* as a map of single-axis min/max values.
|
|
6
|
+
*/
|
|
7
|
+
export declare function convertBoundingBoxToBox({ top, left, right, bottom, }: BoundingBox): Box;
|
|
8
|
+
/**
|
|
9
|
+
* Applies a TransformPoint function to a bounding box. TransformPoint is usually a function
|
|
10
|
+
* provided by Framer to allow measured points to be corrected for device scaling. This is used
|
|
11
|
+
* when measuring DOM elements and DOM event points.
|
|
12
|
+
*/
|
|
13
|
+
export declare function transformBoxPoints(point: BoundingBox, transformPoint?: TransformPoint): BoundingBox;
|
|
14
|
+
export declare function convertBoxToBoundingBox({ x, y }: Box): BoundingBox;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Box, Delta, ResolvedValues } from 'framer-motion';
|
|
2
|
+
export interface Measurements {
|
|
3
|
+
animationId: number;
|
|
4
|
+
measuredBox: Box;
|
|
5
|
+
layoutBox: Box;
|
|
6
|
+
latestValues: ResolvedValues;
|
|
7
|
+
source: number;
|
|
8
|
+
}
|
|
9
|
+
export interface LayoutUpdateData {
|
|
10
|
+
layout: Box;
|
|
11
|
+
snapshot: Measurements;
|
|
12
|
+
delta: Delta;
|
|
13
|
+
layoutDelta: Delta;
|
|
14
|
+
hasLayoutChanged: boolean;
|
|
15
|
+
hasRelativeTargetChanged: boolean;
|
|
16
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { IProjectionNode, TransformPoint } from 'framer-motion';
|
|
2
|
+
export declare function measureViewportBox(instance: HTMLElement, transformPoint?: TransformPoint): import('framer-motion').Box;
|
|
3
|
+
export declare function measurePageBox(element: HTMLElement, rootProjectionNode: IProjectionNode, transformPagePoint?: TransformPoint): import('framer-motion').Box;
|
|
@@ -1,28 +1,31 @@
|
|
|
1
1
|
import { MotionStateContext, Options } from '../types';
|
|
2
2
|
import { DOMKeyframesDefinition, VisualElement } from 'framer-motion';
|
|
3
|
-
declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "press", "
|
|
3
|
+
declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "press", "whileDrag", "exit"];
|
|
4
4
|
type StateType = typeof STATE_TYPES[number];
|
|
5
5
|
export declare const mountedStates: WeakMap<Element, MotionState>;
|
|
6
6
|
export declare class MotionState {
|
|
7
7
|
readonly id: string;
|
|
8
8
|
element: HTMLElement | null;
|
|
9
9
|
private parent?;
|
|
10
|
-
|
|
10
|
+
options: Options;
|
|
11
11
|
private isFirstAnimate;
|
|
12
12
|
activeStates: Partial<Record<StateType, boolean>>;
|
|
13
13
|
depth: number;
|
|
14
14
|
baseTarget: DOMKeyframesDefinition;
|
|
15
15
|
target: DOMKeyframesDefinition;
|
|
16
16
|
private featureManager;
|
|
17
|
-
visualElement: VisualElement
|
|
17
|
+
visualElement: VisualElement<Element>;
|
|
18
18
|
constructor(options: Options, parent?: MotionState);
|
|
19
19
|
private _context;
|
|
20
20
|
get context(): MotionStateContext;
|
|
21
21
|
private initTarget;
|
|
22
22
|
get initial(): string | boolean | import('../types').Variant;
|
|
23
23
|
updateOptions(): void;
|
|
24
|
+
beforeMount(): void;
|
|
24
25
|
mount(element: HTMLElement, options: Options): void;
|
|
26
|
+
beforeUnmount(): void;
|
|
25
27
|
unmount(): void;
|
|
28
|
+
beforeUpdate(): void;
|
|
26
29
|
update(options: Options): void;
|
|
27
30
|
setActive(name: StateType, isActive: boolean): void;
|
|
28
31
|
animateUpdates(): Generator<any, void, unknown>;
|
|
@@ -8,7 +8,6 @@ export declare function addUniqueItem<T>(array: T[], item: T): void;
|
|
|
8
8
|
export declare function removeItem<T>(array: T[], item: T): void;
|
|
9
9
|
export declare function getOptions(options: DynamicAnimationOptions, key: string): DynamicAnimationOptions;
|
|
10
10
|
export declare function isCssVar(name: string): boolean;
|
|
11
|
-
export declare function noop(): void;
|
|
12
11
|
export declare const noopReturn: <V>(v: V) => V;
|
|
13
12
|
export declare function isNumber(value: any): boolean;
|
|
14
13
|
type ElementType = keyof IntrinsicElementAttributes;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { EasingFunction, ResolvedValues } from 'framer-motion';
|
|
2
1
|
export interface FrameData {
|
|
3
2
|
delta: number;
|
|
4
3
|
timestamp: number;
|
|
@@ -11,39 +10,6 @@ export interface MotionValueEventCallbacks<V> {
|
|
|
11
10
|
change: (latestValue: V) => void;
|
|
12
11
|
renderRequest: () => void;
|
|
13
12
|
}
|
|
14
|
-
export interface ScrollOptions {
|
|
15
|
-
source?: HTMLElement;
|
|
16
|
-
container?: HTMLElement;
|
|
17
|
-
target?: Element;
|
|
18
|
-
axis?: 'x' | 'y';
|
|
19
|
-
offset?: ScrollOffset;
|
|
20
|
-
}
|
|
21
|
-
export type OnScrollProgress = (progress: number) => void;
|
|
22
|
-
export type OnScrollWithInfo = (progress: number, info: ScrollInfo) => void;
|
|
23
|
-
export type OnScroll = OnScrollProgress | OnScrollWithInfo;
|
|
24
|
-
export interface AxisScrollInfo {
|
|
25
|
-
current: number;
|
|
26
|
-
offset: number[];
|
|
27
|
-
progress: number;
|
|
28
|
-
scrollLength: number;
|
|
29
|
-
velocity: number;
|
|
30
|
-
targetOffset: number;
|
|
31
|
-
targetLength: number;
|
|
32
|
-
containerLength: number;
|
|
33
|
-
interpolatorOffsets?: number[];
|
|
34
|
-
interpolate?: EasingFunction;
|
|
35
|
-
}
|
|
36
|
-
export interface ScrollInfo {
|
|
37
|
-
time: number;
|
|
38
|
-
x: AxisScrollInfo;
|
|
39
|
-
y: AxisScrollInfo;
|
|
40
|
-
}
|
|
41
|
-
export type OnScrollInfo = (info: ScrollInfo) => void;
|
|
42
|
-
export type OnScrollHandler = {
|
|
43
|
-
measure: () => void;
|
|
44
|
-
update: (time: number) => void;
|
|
45
|
-
notify: () => void;
|
|
46
|
-
};
|
|
47
13
|
export type SupportedEdgeUnit = 'px' | 'vw' | 'vh' | '%';
|
|
48
14
|
export type EdgeUnit = `${number}${SupportedEdgeUnit}`;
|
|
49
15
|
export type NamedEdges = 'start' | 'end' | 'center';
|
|
@@ -58,47 +24,3 @@ export interface ScrollInfoOptions {
|
|
|
58
24
|
axis?: 'x' | 'y';
|
|
59
25
|
offset?: ScrollOffset;
|
|
60
26
|
}
|
|
61
|
-
export interface TransformOrigin {
|
|
62
|
-
originX?: number | string;
|
|
63
|
-
originY?: number | string;
|
|
64
|
-
originZ?: number | string;
|
|
65
|
-
}
|
|
66
|
-
export interface HTMLRenderState {
|
|
67
|
-
/**
|
|
68
|
-
* A mutable record of transforms we want to apply directly to the rendered Element
|
|
69
|
-
* every frame. We use a mutable data structure to reduce GC during animations.
|
|
70
|
-
*/
|
|
71
|
-
transform: ResolvedValues;
|
|
72
|
-
/**
|
|
73
|
-
* A mutable record of transform origins we want to apply directly to the rendered Element
|
|
74
|
-
* every frame. We use a mutable data structure to reduce GC during animations.
|
|
75
|
-
*/
|
|
76
|
-
transformOrigin: TransformOrigin;
|
|
77
|
-
/**
|
|
78
|
-
* A mutable record of styles we want to apply directly to the rendered Element
|
|
79
|
-
* every frame. We use a mutable data structure to reduce GC during animations.
|
|
80
|
-
*/
|
|
81
|
-
style: ResolvedValues;
|
|
82
|
-
/**
|
|
83
|
-
* A mutable record of CSS variables we want to apply directly to the rendered Element
|
|
84
|
-
* every frame. We use a mutable data structure to reduce GC during animations.
|
|
85
|
-
*/
|
|
86
|
-
vars: ResolvedValues;
|
|
87
|
-
}
|
|
88
|
-
export type SVGDimensions = {
|
|
89
|
-
x: number;
|
|
90
|
-
y: number;
|
|
91
|
-
width: number;
|
|
92
|
-
height: number;
|
|
93
|
-
};
|
|
94
|
-
export interface SVGRenderState extends HTMLRenderState {
|
|
95
|
-
/**
|
|
96
|
-
* Measured dimensions of the SVG element to be used to calculate a transform-origin.
|
|
97
|
-
*/
|
|
98
|
-
dimensions?: SVGDimensions;
|
|
99
|
-
/**
|
|
100
|
-
* A mutable record of attributes we want to apply directly to the rendered Element
|
|
101
|
-
* every frame. We use a mutable data structure to reduce GC during animations.
|
|
102
|
-
*/
|
|
103
|
-
attrs: ResolvedValues;
|
|
104
|
-
}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import { DOMKeyframesDefinition, DynamicAnimationOptions } from 'framer-motion';
|
|
1
|
+
import { DOMKeyframesDefinition, DynamicAnimationOptions, Target, TargetAndTransition } from 'framer-motion';
|
|
2
2
|
import { MotionValue, animate } from 'framer-motion/dom';
|
|
3
3
|
import { IntrinsicElementAttributes } from 'vue';
|
|
4
4
|
import { TransformProperties } from './transform';
|
|
5
5
|
import { LayoutOptions } from '../features/layout/types';
|
|
6
|
+
import { DragProps } from '../features/gestures/drag/types';
|
|
7
|
+
import { PressProps } from '../features/gestures/press/types';
|
|
8
|
+
import { HoverProps } from '../features/gestures/hover/types';
|
|
9
|
+
import { InViewProps } from '../features/gestures/in-view/types';
|
|
10
|
+
import { LayoutGroupState } from '../components/context';
|
|
11
|
+
import { PanProps } from '../features/gestures/pan/types';
|
|
6
12
|
type AnimationPlaybackControls = ReturnType<typeof animate>;
|
|
7
13
|
export interface Orchestration {
|
|
8
14
|
delay?: number;
|
|
@@ -13,17 +19,11 @@ export interface Orchestration {
|
|
|
13
19
|
}
|
|
14
20
|
export interface AnimateOptions extends Omit<Orchestration, 'delay'>, DynamicAnimationOptions {
|
|
15
21
|
}
|
|
22
|
+
export type TargetResolver = (custom: any, current: Target, velocity: Target) => TargetAndTransition | string;
|
|
16
23
|
export interface Variant extends DOMKeyframesDefinition {
|
|
17
24
|
transition?: AnimateOptions;
|
|
18
25
|
}
|
|
19
26
|
export type VariantLabels = string | Variant;
|
|
20
|
-
type MarginValue = `${number}${'px' | '%'}`;
|
|
21
|
-
type MarginType = MarginValue | `${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`;
|
|
22
|
-
export interface InViewOptions {
|
|
23
|
-
root?: Element | Document;
|
|
24
|
-
margin?: MarginType;
|
|
25
|
-
amount?: 'some' | 'all' | number;
|
|
26
|
-
}
|
|
27
27
|
interface BoundingBox {
|
|
28
28
|
top: number;
|
|
29
29
|
right: number;
|
|
@@ -38,15 +38,9 @@ export type MotionStyle = Partial<{
|
|
|
38
38
|
[K in keyof Variant]: Variant[K] | MotionValue;
|
|
39
39
|
}>;
|
|
40
40
|
export type ElementType = keyof IntrinsicElementAttributes;
|
|
41
|
-
export interface Options<T = any> extends LayoutOptions {
|
|
41
|
+
export interface Options<T = any> extends LayoutOptions, PressProps, HoverProps, InViewProps, DragProps, PanProps {
|
|
42
42
|
custom?: T;
|
|
43
43
|
as?: ElementType;
|
|
44
|
-
inViewOptions?: InViewOptions & {
|
|
45
|
-
once?: boolean;
|
|
46
|
-
};
|
|
47
|
-
inView?: string | Variant;
|
|
48
|
-
press?: string | Variant;
|
|
49
|
-
hover?: string | Variant;
|
|
50
44
|
initial?: string | Variant | boolean;
|
|
51
45
|
animate?: string | Variant;
|
|
52
46
|
exit?: string | Variant;
|
|
@@ -56,14 +50,7 @@ export interface Options<T = any> extends LayoutOptions {
|
|
|
56
50
|
style?: MotionStyle;
|
|
57
51
|
transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
|
|
58
52
|
transition?: AnimateOptions;
|
|
59
|
-
|
|
60
|
-
onMotionComplete?: (target: DOMKeyframesDefinition) => void;
|
|
61
|
-
onHoverStart?: (e: PointerEvent) => void;
|
|
62
|
-
onHoverEnd?: (e: PointerEvent) => void;
|
|
63
|
-
onPressStart?: (e: PointerEvent) => void;
|
|
64
|
-
onPressEnd?: (e: PointerEvent) => void;
|
|
65
|
-
onViewEnter?: (target: Element) => void;
|
|
66
|
-
onViewLeave?: (target: Element) => void;
|
|
53
|
+
layoutGroup?: LayoutGroupState;
|
|
67
54
|
}
|
|
68
55
|
export interface MotionStateContext {
|
|
69
56
|
initial?: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function clamp(min: number, max: number, v: number): number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function mixNumber(from: number, to: number, progress: number): number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const noop: <T>(any: T) => T;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function progress(from: number, to: number, value: number): number;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Converts seconds to milliseconds
|
|
3
|
+
*
|
|
4
|
+
* @param seconds - Time in seconds.
|
|
5
|
+
* @return milliseconds - Converted time in milliseconds.
|
|
6
|
+
*/
|
|
7
|
+
export declare const secondsToMilliseconds: (seconds: number) => number;
|
|
8
|
+
export declare function millisecondsToSeconds(milliseconds: number): number;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const degrees: {
|
|
2
|
+
test: (v: string | number) => boolean;
|
|
3
|
+
parse: typeof parseFloat;
|
|
4
|
+
transform: (v: number | string) => string;
|
|
5
|
+
};
|
|
6
|
+
export declare const percent: {
|
|
7
|
+
test: (v: string | number) => boolean;
|
|
8
|
+
parse: typeof parseFloat;
|
|
9
|
+
transform: (v: number | string) => string;
|
|
10
|
+
};
|
|
11
|
+
export declare const px: {
|
|
12
|
+
test: (v: string | number) => boolean;
|
|
13
|
+
parse: typeof parseFloat;
|
|
14
|
+
transform: (v: number | string) => string;
|
|
15
|
+
};
|
|
16
|
+
export declare const vh: {
|
|
17
|
+
test: (v: string | number) => boolean;
|
|
18
|
+
parse: typeof parseFloat;
|
|
19
|
+
transform: (v: number | string) => string;
|
|
20
|
+
};
|
|
21
|
+
export declare const vw: {
|
|
22
|
+
test: (v: string | number) => boolean;
|
|
23
|
+
parse: typeof parseFloat;
|
|
24
|
+
transform: (v: number | string) => string;
|
|
25
|
+
};
|
|
26
|
+
export declare const progressPercentage: {
|
|
27
|
+
parse: (v: string) => number;
|
|
28
|
+
transform: (v: number) => string;
|
|
29
|
+
test: (v: string | number) => boolean;
|
|
30
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "motion-v",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,14 +53,16 @@
|
|
|
53
53
|
],
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@vueuse/core": "^12.0.0",
|
|
56
|
-
"framer-motion": "11.
|
|
56
|
+
"framer-motion": "11.15.0",
|
|
57
|
+
"hey-listen": "^1.0.8",
|
|
58
|
+
"motion-dom": "^11.14.3"
|
|
57
59
|
},
|
|
58
60
|
"devDependencies": {
|
|
59
61
|
"@vitejs/plugin-vue": "^5.1.4",
|
|
60
62
|
"@vitejs/plugin-vue-jsx": "^4.0.1",
|
|
61
63
|
"@vitest/coverage-v8": "^1.4.0",
|
|
62
64
|
"@vue/test-utils": "^2.4.5",
|
|
63
|
-
"framer-motion": "^11.
|
|
65
|
+
"framer-motion": "^11.15.0",
|
|
64
66
|
"jsdom": "^24.0.0",
|
|
65
67
|
"vite": "^5.4.8",
|
|
66
68
|
"vite-plugin-dts": "^4.2.4",
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { invariant } from "../../../utils/errors.mjs";
|
|
2
|
-
function resolveElements(elements, scope, selectorCache) {
|
|
3
|
-
var _a;
|
|
4
|
-
if (typeof elements === "string") {
|
|
5
|
-
let root = document;
|
|
6
|
-
if (scope) {
|
|
7
|
-
invariant(Boolean(scope.current), "Scope provided, but no element detected.");
|
|
8
|
-
root = scope.current;
|
|
9
|
-
}
|
|
10
|
-
if (selectorCache) {
|
|
11
|
-
(_a = selectorCache[elements]) !== null && _a !== void 0 ? _a : selectorCache[elements] = root.querySelectorAll(elements);
|
|
12
|
-
elements = selectorCache[elements];
|
|
13
|
-
} else {
|
|
14
|
-
elements = root.querySelectorAll(elements);
|
|
15
|
-
}
|
|
16
|
-
} else if (elements instanceof Element) {
|
|
17
|
-
elements = [elements];
|
|
18
|
-
}
|
|
19
|
-
return Array.from(elements || []);
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
resolveElements
|
|
23
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
var warning = function() {
|
|
2
|
-
};
|
|
3
|
-
var invariant = function() {
|
|
4
|
-
};
|
|
5
|
-
if (process.env.NODE_ENV !== "production") {
|
|
6
|
-
warning = function(check, message) {
|
|
7
|
-
if (!check && typeof console !== "undefined") {
|
|
8
|
-
console.warn(message);
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
invariant = function(check, message) {
|
|
12
|
-
if (!check) {
|
|
13
|
-
throw new Error(message);
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export {
|
|
18
|
-
invariant,
|
|
19
|
-
warning
|
|
20
|
-
};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { Feature } from "./feature.mjs";
|
|
2
|
-
class EventFeature extends Feature {
|
|
3
|
-
constructor() {
|
|
4
|
-
super(...arguments);
|
|
5
|
-
this.handlers = {};
|
|
6
|
-
}
|
|
7
|
-
mount() {
|
|
8
|
-
const element = this.state.element;
|
|
9
|
-
if (!element)
|
|
10
|
-
return;
|
|
11
|
-
this.handlers.motionstart = (event) => {
|
|
12
|
-
var _a, _b;
|
|
13
|
-
const target = event.detail.target;
|
|
14
|
-
(_b = (_a = this.state.getOptions()).onMotionStart) == null ? void 0 : _b.call(_a, target);
|
|
15
|
-
};
|
|
16
|
-
this.handlers.motioncomplete = (event) => {
|
|
17
|
-
var _a, _b;
|
|
18
|
-
const target = event.detail.target;
|
|
19
|
-
(_b = (_a = this.state.getOptions()).onMotionComplete) == null ? void 0 : _b.call(_a, target);
|
|
20
|
-
};
|
|
21
|
-
this.handlers.hoverstart = (event) => {
|
|
22
|
-
var _a, _b;
|
|
23
|
-
const e = event.detail;
|
|
24
|
-
(_b = (_a = this.state.getOptions()).onHoverStart) == null ? void 0 : _b.call(_a, e);
|
|
25
|
-
};
|
|
26
|
-
this.handlers.hoverend = (event) => {
|
|
27
|
-
var _a, _b;
|
|
28
|
-
const e = event.detail;
|
|
29
|
-
(_b = (_a = this.state.getOptions()).onHoverEnd) == null ? void 0 : _b.call(_a, e);
|
|
30
|
-
};
|
|
31
|
-
this.handlers.pressstart = (event) => {
|
|
32
|
-
var _a, _b;
|
|
33
|
-
const e = event.detail;
|
|
34
|
-
(_b = (_a = this.state.getOptions()).onPressStart) == null ? void 0 : _b.call(_a, e);
|
|
35
|
-
};
|
|
36
|
-
this.handlers.pressend = (event) => {
|
|
37
|
-
var _a, _b;
|
|
38
|
-
const e = event.detail;
|
|
39
|
-
(_b = (_a = this.state.getOptions()).onPressEnd) == null ? void 0 : _b.call(_a, e);
|
|
40
|
-
};
|
|
41
|
-
this.handlers.viewenter = (event) => {
|
|
42
|
-
var _a, _b;
|
|
43
|
-
const target = event.detail.target;
|
|
44
|
-
(_b = (_a = this.state.getOptions()).onViewEnter) == null ? void 0 : _b.call(_a, target);
|
|
45
|
-
};
|
|
46
|
-
this.handlers.viewleave = (event) => {
|
|
47
|
-
var _a, _b;
|
|
48
|
-
const target = event.detail.target;
|
|
49
|
-
(_b = (_a = this.state.getOptions()).onViewLeave) == null ? void 0 : _b.call(_a, target);
|
|
50
|
-
};
|
|
51
|
-
Object.entries(this.handlers).forEach(([event, handler]) => {
|
|
52
|
-
element.addEventListener(event, handler);
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
unmount() {
|
|
56
|
-
const element = this.state.element;
|
|
57
|
-
if (!element)
|
|
58
|
-
return;
|
|
59
|
-
Object.entries(this.handlers).forEach(([event, handler]) => {
|
|
60
|
-
if (handler) {
|
|
61
|
-
element.removeEventListener(event, handler);
|
|
62
|
-
delete this.handlers[event];
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
export {
|
|
68
|
-
EventFeature
|
|
69
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Feature } from "../feature.mjs";
|
|
2
|
-
class BaseGesture extends Feature {
|
|
3
|
-
updateGestureSubscriptions() {
|
|
4
|
-
const isActive = this.isActive();
|
|
5
|
-
if (isActive && !this.removeGestureSubscriptions) {
|
|
6
|
-
this.removeGestureSubscriptions = this.subscribeEvents();
|
|
7
|
-
} else if (!isActive && this.removeGestureSubscriptions) {
|
|
8
|
-
this.removeGestureSubscriptions();
|
|
9
|
-
this.removeGestureSubscriptions = void 0;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
unmount() {
|
|
13
|
-
var _a;
|
|
14
|
-
(_a = this.removeGestureSubscriptions) == null ? void 0 : _a.call(this);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
export {
|
|
18
|
-
BaseGesture
|
|
19
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { dispatchPointerEvent } from "../../utils/events.mjs";
|
|
2
|
-
import { BaseGesture } from "./base.mjs";
|
|
3
|
-
function mouseEvent(element, name, action) {
|
|
4
|
-
return (event) => {
|
|
5
|
-
if (event.pointerType && event.pointerType !== "mouse")
|
|
6
|
-
return;
|
|
7
|
-
action();
|
|
8
|
-
dispatchPointerEvent(element, name, event);
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
class HoverGesture extends BaseGesture {
|
|
12
|
-
isActive() {
|
|
13
|
-
return Boolean(this.state.getOptions().hover);
|
|
14
|
-
}
|
|
15
|
-
constructor(state) {
|
|
16
|
-
super(state);
|
|
17
|
-
this.subscribeEvents = () => {
|
|
18
|
-
const element = this.state.element;
|
|
19
|
-
const onEnter = mouseEvent(element, "hoverstart", () => {
|
|
20
|
-
this.state.setActive("hover", true);
|
|
21
|
-
});
|
|
22
|
-
const onLeave = mouseEvent(element, "hoverend", () => {
|
|
23
|
-
var _a;
|
|
24
|
-
this.state.setActive("hover", false);
|
|
25
|
-
(_a = this.state.visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
|
|
26
|
-
child.state.setActive("hover", false);
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
element.addEventListener("pointerenter", onEnter);
|
|
30
|
-
element.addEventListener("pointerleave", onLeave);
|
|
31
|
-
return () => {
|
|
32
|
-
element.removeEventListener("pointerenter", onEnter);
|
|
33
|
-
element.removeEventListener("pointerleave", onLeave);
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
mount() {
|
|
38
|
-
this.updateGestureSubscriptions();
|
|
39
|
-
}
|
|
40
|
-
update() {
|
|
41
|
-
this.updateGestureSubscriptions();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
HoverGesture
|
|
46
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { dispatchPointerEvent } from "../../utils/events.mjs";
|
|
2
|
-
import { inView } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
|
|
3
|
-
import { BaseGesture } from "./base.mjs";
|
|
4
|
-
class InViewGesture extends BaseGesture {
|
|
5
|
-
isActive() {
|
|
6
|
-
return Boolean(this.state.getOptions().inView);
|
|
7
|
-
}
|
|
8
|
-
constructor(state) {
|
|
9
|
-
super(state);
|
|
10
|
-
this.subscribeEvents = () => {
|
|
11
|
-
var _a;
|
|
12
|
-
const element = this.state.element;
|
|
13
|
-
const { once, ...viewOptions } = ((_a = this.state.getOptions()) == null ? void 0 : _a.inViewOptions) || {};
|
|
14
|
-
return inView(element, (enterEntry) => {
|
|
15
|
-
var _a2;
|
|
16
|
-
this.state.setActive("inView", true);
|
|
17
|
-
(_a2 = this.state.visualElement.variantChildren) == null ? void 0 : _a2.forEach((child) => {
|
|
18
|
-
child.state.setActive("inView", true);
|
|
19
|
-
});
|
|
20
|
-
dispatchPointerEvent(element, "viewenter", enterEntry);
|
|
21
|
-
if (!once) {
|
|
22
|
-
return (leaveEntry) => {
|
|
23
|
-
this.state.setActive("inView", false);
|
|
24
|
-
dispatchPointerEvent(element, "viewleave", leaveEntry);
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
}, viewOptions);
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
mount() {
|
|
31
|
-
this.updateGestureSubscriptions();
|
|
32
|
-
}
|
|
33
|
-
update() {
|
|
34
|
-
this.updateGestureSubscriptions();
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
export {
|
|
38
|
-
InViewGesture
|
|
39
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { dispatchPointerEvent } from "../../utils/events.mjs";
|
|
2
|
-
import { BaseGesture } from "./base.mjs";
|
|
3
|
-
class PressGesture extends BaseGesture {
|
|
4
|
-
isActive() {
|
|
5
|
-
return Boolean(this.state.getOptions().press);
|
|
6
|
-
}
|
|
7
|
-
constructor(state) {
|
|
8
|
-
super(state);
|
|
9
|
-
this.subscribeEvents = () => {
|
|
10
|
-
const element = this.state.element;
|
|
11
|
-
const onPointerUp = (event) => {
|
|
12
|
-
this.state.setActive("press", false);
|
|
13
|
-
dispatchPointerEvent(element, "pressend", event);
|
|
14
|
-
window.removeEventListener("pointerup", onPointerUp);
|
|
15
|
-
};
|
|
16
|
-
const onPointerDown = (event) => {
|
|
17
|
-
this.state.setActive("press", true);
|
|
18
|
-
dispatchPointerEvent(element, "pressstart", event);
|
|
19
|
-
window.addEventListener("pointerup", onPointerUp);
|
|
20
|
-
};
|
|
21
|
-
element.addEventListener("pointerdown", onPointerDown);
|
|
22
|
-
return () => {
|
|
23
|
-
element.removeEventListener("pointerdown", onPointerDown);
|
|
24
|
-
window.removeEventListener("pointerup", onPointerUp);
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
mount() {
|
|
29
|
-
this.updateGestureSubscriptions();
|
|
30
|
-
}
|
|
31
|
-
update() {
|
|
32
|
-
this.updateGestureSubscriptions();
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
export {
|
|
36
|
-
PressGesture
|
|
37
|
-
};
|
package/dist/es/utils/events.mjs
DELETED