motion-v 0.2.6 → 0.3.1-beta.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 +5858 -0
- package/dist/es/animation/use-animate.mjs +31 -0
- package/dist/es/components/AnimatePresence.vue.mjs +71 -0
- package/dist/es/components/AnimatePresence.vue2.mjs +4 -0
- package/dist/es/components/Motion.vue.mjs +116 -0
- package/dist/es/components/Motion.vue2.mjs +4 -0
- package/dist/es/components/Primitive.mjs +29 -0
- package/dist/es/components/Slot.mjs +36 -0
- package/dist/es/components/context.mjs +6 -0
- package/dist/es/components/presence.mjs +16 -0
- package/dist/es/components/renderSlotFragments.mjs +13 -0
- package/dist/es/constants/index.mjs +20 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/GroupPlaybackControls.mjs +76 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/index.mjs +27 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/resolve-subjects.mjs +16 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/sequence.mjs +14 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/single-value.mjs +11 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/subject.mjs +38 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs +243 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/BaseAnimation.mjs +95 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs +275 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/drivers/driver-frameloop.mjs +17 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/utils/accelerated-values.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/utils/can-animate.mjs +30 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/NativeAnimation.mjs +162 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs +31 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs +13 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/easing.mjs +37 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/index.mjs +20 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/attach-timeline.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/get-final-keyframe.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/linear.mjs +13 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/memo-supports.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/style.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-flags.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-linear-easing.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-partial-keyframes.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs +5 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/inertia.mjs +67 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/keyframes.mjs +37 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/spring/find.mjs +83 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/spring/index.mjs +83 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/utils/calc-duration.mjs +15 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/utils/is-generator.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/utils/velocity.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs +73 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs +59 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/optimized-appear/data-id.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/optimized-appear/get-appear-id.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/sequence/create.mjs +153 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/sequence/utils/calc-time.mjs +15 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/sequence/utils/edit.mjs +26 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/sequence/utils/sort.mjs +14 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/create-visual-element.mjs +43 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/default-transitions.mjs +33 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/get-value-transition.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/is-animatable.mjs +16 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/is-animation-controls.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/is-dom-keyframes.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/is-none.mjs +13 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/is-transition-defined.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/stagger.mjs +26 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/anticipate.mjs +5 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/back.mjs +11 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/circ.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/cubic-bezier.mjs +28 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/ease.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/modifiers/mirror.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/modifiers/reverse.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/steps.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/utils/create-generator-easing.mjs +14 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/utils/get-easing-for-segment.mjs +8 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/utils/is-bezier-definition.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/utils/is-easing-array.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/utils/map.mjs +35 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/batcher.mjs +75 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/index-legacy.mjs +11 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/render-step.mjs +63 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/sync-time.mjs +21 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/motion/features/definitions.mjs +29 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs +8 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/geometry/conversion.mjs +22 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/geometry/models.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/styles/scale-correction.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/projection/utils/measure.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/VisualElement.mjs +372 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/DOMKeyframesResolver.mjs +101 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/DOMVisualElement.mjs +21 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/resize/handle-element.mjs +62 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/resize/handle-window.mjs +31 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/resize/index.mjs +8 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/index.mjs +63 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/info.mjs +51 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/observe.mjs +18 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/offsets/edge.mjs +33 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs +38 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs +36 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/offsets/offset.mjs +23 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/offsets/presets.mjs +21 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs +39 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/supports.mjs +5 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/track.mjs +67 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs +31 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/is-css-variable.mjs +14 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/is-svg-element.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/resolve-element.mjs +23 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs +65 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/defaults.mjs +25 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/dimensions.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/find.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/get-as-type.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/number-browser.mjs +41 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/number.mjs +18 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/test.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/transform.mjs +31 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/type-auto.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/value-types/type-int.mjs +8 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/viewport/index.mjs +37 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/HTMLVisualElement.mjs +55 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/utils/build-styles.mjs +42 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/utils/build-transform.mjs +47 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/utils/make-none-animatable.mjs +22 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/utils/render.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs +16 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/html/utils/transform.mjs +24 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/object/ObjectVisualElement.mjs +41 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/store.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/SVGVisualElement.mjs +45 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/build-attrs.mjs +46 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/camel-case-attrs.mjs +28 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/path.mjs +20 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/render.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs +16 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/svg/utils/transform-origin.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/KeyframesResolver.mjs +134 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/is-controlling-variants.mjs +13 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/is-variant-label.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/motion-values.mjs +37 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/resolve-dynamic-variants.mjs +8 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/resolve-variants.mjs +25 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/setters.mjs +22 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/utils/variant-props.mjs +14 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/GlobalConfig.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/array.mjs +13 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/clamp.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/delay.mjs +22 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/distance.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/errors.mjs +19 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/hsla-to-rgba.mjs +39 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/interpolate.mjs +49 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/is-browser.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/is-numerical-string.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/is-zero-value-string.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/memo.mjs +11 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/color.mjs +44 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/complex.mjs +84 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/immediate.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/index.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/number.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/visibility.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/noop.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/offsets/default.mjs +9 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/offsets/fill.mjs +12 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/offsets/time.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/pipe.mjs +5 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/progress.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/reduced-motion/index.mjs +18 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/reduced-motion/state.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/resolve-value.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/subscription-manager.mjs +32 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/time-conversion.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/transform.mjs +21 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/velocity-per-second.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/warn-once.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/wrap.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs +282 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/color/hex.mjs +37 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/color/hsla.mjs +14 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/color/index.mjs +21 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/color/rgba.mjs +18 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/color/utils.mjs +21 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/complex/filter.mjs +27 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/complex/index.mjs +84 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/numbers/index.mjs +19 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/numbers/units.mjs +23 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/utils/color-regex.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/utils/float-regex.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/utils/is-nullish.mjs +6 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/utils/sanitize.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/types/utils/single-color-regex.mjs +4 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/use-will-change/add-will-change.mjs +10 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/use-will-change/is.mjs +7 -0
- package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/utils/is-motion-value.mjs +4 -0
- package/dist/es/external/.pnpm/hey-listen@1.0.8/external/hey-listen/dist/hey-listen.es.mjs +20 -0
- package/dist/es/features/events.mjs +69 -0
- package/dist/es/features/feature-manager.mjs +29 -0
- package/dist/es/features/feature.mjs +10 -0
- package/dist/es/features/gestures/base.mjs +19 -0
- package/dist/es/features/gestures/hover.mjs +42 -0
- package/dist/es/features/gestures/in-view.mjs +35 -0
- package/dist/es/features/gestures/press.mjs +37 -0
- package/dist/es/features/svg.mjs +31 -0
- package/dist/es/index.mjs +104 -0
- package/dist/es/state/event.mjs +6 -0
- package/dist/es/state/motion-state.mjs +175 -0
- package/dist/es/state/schedule.mjs +30 -0
- package/dist/es/state/style.mjs +117 -0
- package/dist/es/state/transform.mjs +68 -0
- package/dist/es/state/utils.mjs +119 -0
- package/dist/es/utils/createContext.mjs +25 -0
- package/dist/es/utils/events.mjs +8 -0
- package/dist/es/utils/motion-value.mjs +6 -0
- package/dist/es/utils/use-animation-frame.mjs +20 -0
- package/dist/es/utils/use-in-view.mjs +25 -0
- package/dist/es/value/use-combine-values.mjs +27 -0
- package/dist/es/value/use-computed.mjs +20 -0
- package/dist/es/value/use-motion-template.mjs +22 -0
- package/dist/es/value/use-scroll.mjs +56 -0
- package/dist/es/value/use-spring.mjs +59 -0
- package/dist/es/value/use-time.mjs +10 -0
- package/dist/es/value/use-transform.mjs +29 -0
- package/dist/src/animation/index.d.ts +1 -0
- package/dist/src/animation/use-animate.d.ts +8 -0
- package/dist/src/components/Motion.d.ts +3 -3
- package/dist/src/features/events.d.ts +1 -1
- package/dist/src/features/feature-manager.d.ts +9 -0
- package/dist/src/features/feature.d.ts +0 -7
- package/dist/src/features/index.d.ts +2 -1
- package/dist/src/index.d.ts +3 -0
- package/dist/src/state/motion-state.d.ts +1 -1
- package/dist/src/state/utils.d.ts +1 -1
- package/dist/src/types/state.d.ts +3 -2
- package/dist/src/utils/index.d.ts +2 -0
- package/dist/src/utils/use-dom-ref.d.ts +1 -0
- package/dist/src/utils/use-in-view.d.ts +3 -0
- package/package.json +8 -7
- package/dist/index.js +0 -4011
- package/dist/index.umd.cjs +0 -1
- package/dist/src/components/usePrimitiveElement.d.ts +0 -5
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { warnOnce } from "../../utils/warn-once.mjs";
|
|
2
|
+
import { motionValue } from "../../value/index.mjs";
|
|
3
|
+
import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
|
|
4
|
+
function updateMotionValuesFromProps(element, next, prev) {
|
|
5
|
+
for (const key in next) {
|
|
6
|
+
const nextValue = next[key];
|
|
7
|
+
const prevValue = prev[key];
|
|
8
|
+
if (isMotionValue(nextValue)) {
|
|
9
|
+
element.addValue(key, nextValue);
|
|
10
|
+
if (process.env.NODE_ENV === "development") {
|
|
11
|
+
warnOnce(nextValue.version === "11.11.11", `Attempting to mix Framer Motion versions ${nextValue.version} with 11.11.11 may not work as expected.`);
|
|
12
|
+
}
|
|
13
|
+
} else if (isMotionValue(prevValue)) {
|
|
14
|
+
element.addValue(key, motionValue(nextValue, { owner: element }));
|
|
15
|
+
} else if (prevValue !== nextValue) {
|
|
16
|
+
if (element.hasValue(key)) {
|
|
17
|
+
const existingValue = element.getValue(key);
|
|
18
|
+
if (existingValue.liveStyle === true) {
|
|
19
|
+
existingValue.jump(nextValue);
|
|
20
|
+
} else if (!existingValue.hasAnimated) {
|
|
21
|
+
existingValue.set(nextValue);
|
|
22
|
+
}
|
|
23
|
+
} else {
|
|
24
|
+
const latestValue = element.getStaticValue(key);
|
|
25
|
+
element.addValue(key, motionValue(latestValue !== void 0 ? latestValue : nextValue, { owner: element }));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
for (const key in prev) {
|
|
30
|
+
if (next[key] === void 0)
|
|
31
|
+
element.removeValue(key);
|
|
32
|
+
}
|
|
33
|
+
return next;
|
|
34
|
+
}
|
|
35
|
+
export {
|
|
36
|
+
updateMotionValuesFromProps
|
|
37
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { resolveVariantFromProps } from "./resolve-variants.mjs";
|
|
2
|
+
function resolveVariant(visualElement, definition, custom) {
|
|
3
|
+
const props = visualElement.getProps();
|
|
4
|
+
return resolveVariantFromProps(props, definition, props.custom, visualElement);
|
|
5
|
+
}
|
|
6
|
+
export {
|
|
7
|
+
resolveVariant
|
|
8
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
function getValueState(visualElement) {
|
|
2
|
+
const state = [{}, {}];
|
|
3
|
+
visualElement === null || visualElement === void 0 ? void 0 : visualElement.values.forEach((value, key) => {
|
|
4
|
+
state[0][key] = value.get();
|
|
5
|
+
state[1][key] = value.getVelocity();
|
|
6
|
+
});
|
|
7
|
+
return state;
|
|
8
|
+
}
|
|
9
|
+
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
10
|
+
if (typeof definition === "function") {
|
|
11
|
+
const [current, velocity] = getValueState(visualElement);
|
|
12
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
13
|
+
}
|
|
14
|
+
if (typeof definition === "string") {
|
|
15
|
+
definition = props.variants && props.variants[definition];
|
|
16
|
+
}
|
|
17
|
+
if (typeof definition === "function") {
|
|
18
|
+
const [current, velocity] = getValueState(visualElement);
|
|
19
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
20
|
+
}
|
|
21
|
+
return definition;
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
resolveVariantFromProps
|
|
25
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { resolveFinalValueInKeyframes } from "../../utils/resolve-value.mjs";
|
|
2
|
+
import { motionValue } from "../../value/index.mjs";
|
|
3
|
+
import { resolveVariant } from "./resolve-dynamic-variants.mjs";
|
|
4
|
+
function setMotionValue(visualElement, key, value) {
|
|
5
|
+
if (visualElement.hasValue(key)) {
|
|
6
|
+
visualElement.getValue(key).set(value);
|
|
7
|
+
} else {
|
|
8
|
+
visualElement.addValue(key, motionValue(value));
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
function setTarget(visualElement, definition) {
|
|
12
|
+
const resolved = resolveVariant(visualElement, definition);
|
|
13
|
+
let { transitionEnd = {}, transition = {}, ...target } = resolved || {};
|
|
14
|
+
target = { ...target, ...transitionEnd };
|
|
15
|
+
for (const key in target) {
|
|
16
|
+
const value = resolveFinalValueInKeyframes(target[key]);
|
|
17
|
+
setMotionValue(visualElement, key, value);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
setTarget
|
|
22
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const variantPriorityOrder = [
|
|
2
|
+
"animate",
|
|
3
|
+
"whileInView",
|
|
4
|
+
"whileFocus",
|
|
5
|
+
"whileHover",
|
|
6
|
+
"whileTap",
|
|
7
|
+
"whileDrag",
|
|
8
|
+
"exit"
|
|
9
|
+
];
|
|
10
|
+
const variantProps = ["initial", ...variantPriorityOrder];
|
|
11
|
+
export {
|
|
12
|
+
variantPriorityOrder,
|
|
13
|
+
variantProps
|
|
14
|
+
};
|
package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/array.mjs
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function addUniqueItem(arr, item) {
|
|
2
|
+
if (arr.indexOf(item) === -1)
|
|
3
|
+
arr.push(item);
|
|
4
|
+
}
|
|
5
|
+
function removeItem(arr, item) {
|
|
6
|
+
const index = arr.indexOf(item);
|
|
7
|
+
if (index > -1)
|
|
8
|
+
arr.splice(index, 1);
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
addUniqueItem,
|
|
12
|
+
removeItem
|
|
13
|
+
};
|
package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/delay.mjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { time } from "../frameloop/sync-time.mjs";
|
|
2
|
+
import { secondsToMilliseconds } from "./time-conversion.mjs";
|
|
3
|
+
import { frame, cancelFrame } from "../frameloop/frame.mjs";
|
|
4
|
+
function delay(callback, timeout) {
|
|
5
|
+
const start = time.now();
|
|
6
|
+
const checkElapsed = ({ timestamp }) => {
|
|
7
|
+
const elapsed = timestamp - start;
|
|
8
|
+
if (elapsed >= timeout) {
|
|
9
|
+
cancelFrame(checkElapsed);
|
|
10
|
+
callback(elapsed - timeout);
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
frame.read(checkElapsed, true);
|
|
14
|
+
return () => cancelFrame(checkElapsed);
|
|
15
|
+
}
|
|
16
|
+
function delayInSeconds(callback, timeout) {
|
|
17
|
+
return delay(callback, secondsToMilliseconds(timeout));
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
delay,
|
|
21
|
+
delayInSeconds
|
|
22
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { noop } from "./noop.mjs";
|
|
2
|
+
let warning = noop;
|
|
3
|
+
let invariant = noop;
|
|
4
|
+
if (process.env.NODE_ENV !== "production") {
|
|
5
|
+
warning = (check, message) => {
|
|
6
|
+
if (!check && typeof console !== "undefined") {
|
|
7
|
+
console.warn(message);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
invariant = (check, message) => {
|
|
11
|
+
if (!check) {
|
|
12
|
+
throw new Error(message);
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
invariant,
|
|
18
|
+
warning
|
|
19
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
function hueToRgb(p, q, t) {
|
|
2
|
+
if (t < 0)
|
|
3
|
+
t += 1;
|
|
4
|
+
if (t > 1)
|
|
5
|
+
t -= 1;
|
|
6
|
+
if (t < 1 / 6)
|
|
7
|
+
return p + (q - p) * 6 * t;
|
|
8
|
+
if (t < 1 / 2)
|
|
9
|
+
return q;
|
|
10
|
+
if (t < 2 / 3)
|
|
11
|
+
return p + (q - p) * (2 / 3 - t) * 6;
|
|
12
|
+
return p;
|
|
13
|
+
}
|
|
14
|
+
function hslaToRgba({ hue, saturation, lightness, alpha }) {
|
|
15
|
+
hue /= 360;
|
|
16
|
+
saturation /= 100;
|
|
17
|
+
lightness /= 100;
|
|
18
|
+
let red = 0;
|
|
19
|
+
let green = 0;
|
|
20
|
+
let blue = 0;
|
|
21
|
+
if (!saturation) {
|
|
22
|
+
red = green = blue = lightness;
|
|
23
|
+
} else {
|
|
24
|
+
const q = lightness < 0.5 ? lightness * (1 + saturation) : lightness + saturation - lightness * saturation;
|
|
25
|
+
const p = 2 * lightness - q;
|
|
26
|
+
red = hueToRgb(p, q, hue + 1 / 3);
|
|
27
|
+
green = hueToRgb(p, q, hue);
|
|
28
|
+
blue = hueToRgb(p, q, hue - 1 / 3);
|
|
29
|
+
}
|
|
30
|
+
return {
|
|
31
|
+
red: Math.round(red * 255),
|
|
32
|
+
green: Math.round(green * 255),
|
|
33
|
+
blue: Math.round(blue * 255),
|
|
34
|
+
alpha
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
export {
|
|
38
|
+
hslaToRgba
|
|
39
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { invariant } from "./errors.mjs";
|
|
2
|
+
import { clamp } from "./clamp.mjs";
|
|
3
|
+
import { pipe } from "./pipe.mjs";
|
|
4
|
+
import { progress } from "./progress.mjs";
|
|
5
|
+
import { noop } from "./noop.mjs";
|
|
6
|
+
import { mix } from "./mix/index.mjs";
|
|
7
|
+
function createMixers(output, ease, customMixer) {
|
|
8
|
+
const mixers = [];
|
|
9
|
+
const mixerFactory = customMixer || mix;
|
|
10
|
+
const numMixers = output.length - 1;
|
|
11
|
+
for (let i = 0; i < numMixers; i++) {
|
|
12
|
+
let mixer = mixerFactory(output[i], output[i + 1]);
|
|
13
|
+
if (ease) {
|
|
14
|
+
const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease;
|
|
15
|
+
mixer = pipe(easingFunction, mixer);
|
|
16
|
+
}
|
|
17
|
+
mixers.push(mixer);
|
|
18
|
+
}
|
|
19
|
+
return mixers;
|
|
20
|
+
}
|
|
21
|
+
function interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {}) {
|
|
22
|
+
const inputLength = input.length;
|
|
23
|
+
invariant(inputLength === output.length, "Both input and output ranges must be the same length");
|
|
24
|
+
if (inputLength === 1)
|
|
25
|
+
return () => output[0];
|
|
26
|
+
if (inputLength === 2 && input[0] === input[1])
|
|
27
|
+
return () => output[1];
|
|
28
|
+
if (input[0] > input[inputLength - 1]) {
|
|
29
|
+
input = [...input].reverse();
|
|
30
|
+
output = [...output].reverse();
|
|
31
|
+
}
|
|
32
|
+
const mixers = createMixers(output, ease, mixer);
|
|
33
|
+
const numMixers = mixers.length;
|
|
34
|
+
const interpolator = (v) => {
|
|
35
|
+
let i = 0;
|
|
36
|
+
if (numMixers > 1) {
|
|
37
|
+
for (; i < input.length - 2; i++) {
|
|
38
|
+
if (v < input[i + 1])
|
|
39
|
+
break;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
const progressInRange = progress(input[i], input[i + 1], v);
|
|
43
|
+
return mixers[i](progressInRange);
|
|
44
|
+
};
|
|
45
|
+
return isClamp ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v)) : interpolator;
|
|
46
|
+
}
|
|
47
|
+
export {
|
|
48
|
+
interpolate
|
|
49
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { mixNumber } from "./number.mjs";
|
|
2
|
+
import { warning } from "../errors.mjs";
|
|
3
|
+
import { hslaToRgba } from "../hsla-to-rgba.mjs";
|
|
4
|
+
import { hex } from "../../value/types/color/hex.mjs";
|
|
5
|
+
import { rgba } from "../../value/types/color/rgba.mjs";
|
|
6
|
+
import { hsla } from "../../value/types/color/hsla.mjs";
|
|
7
|
+
import { mixImmediate } from "./immediate.mjs";
|
|
8
|
+
const mixLinearColor = (from, to, v) => {
|
|
9
|
+
const fromExpo = from * from;
|
|
10
|
+
const expo = v * (to * to - fromExpo) + fromExpo;
|
|
11
|
+
return expo < 0 ? 0 : Math.sqrt(expo);
|
|
12
|
+
};
|
|
13
|
+
const colorTypes = [hex, rgba, hsla];
|
|
14
|
+
const getColorType = (v) => colorTypes.find((type) => type.test(v));
|
|
15
|
+
function asRGBA(color) {
|
|
16
|
+
const type = getColorType(color);
|
|
17
|
+
warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`);
|
|
18
|
+
if (!Boolean(type))
|
|
19
|
+
return false;
|
|
20
|
+
let model = type.parse(color);
|
|
21
|
+
if (type === hsla) {
|
|
22
|
+
model = hslaToRgba(model);
|
|
23
|
+
}
|
|
24
|
+
return model;
|
|
25
|
+
}
|
|
26
|
+
const mixColor = (from, to) => {
|
|
27
|
+
const fromRGBA = asRGBA(from);
|
|
28
|
+
const toRGBA = asRGBA(to);
|
|
29
|
+
if (!fromRGBA || !toRGBA) {
|
|
30
|
+
return mixImmediate(from, to);
|
|
31
|
+
}
|
|
32
|
+
const blended = { ...fromRGBA };
|
|
33
|
+
return (v) => {
|
|
34
|
+
blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);
|
|
35
|
+
blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);
|
|
36
|
+
blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v);
|
|
37
|
+
blended.alpha = mixNumber(fromRGBA.alpha, toRGBA.alpha, v);
|
|
38
|
+
return rgba.transform(blended);
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
mixColor,
|
|
43
|
+
mixLinearColor
|
|
44
|
+
};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { mixNumber as mixNumber$1 } from "./number.mjs";
|
|
2
|
+
import { mixColor } from "./color.mjs";
|
|
3
|
+
import { pipe } from "../pipe.mjs";
|
|
4
|
+
import { warning } from "../errors.mjs";
|
|
5
|
+
import { color } from "../../value/types/color/index.mjs";
|
|
6
|
+
import { complex, analyseComplexValue } from "../../value/types/complex/index.mjs";
|
|
7
|
+
import { isCSSVariableToken } from "../../render/dom/utils/is-css-variable.mjs";
|
|
8
|
+
import { invisibleValues, mixVisibility } from "./visibility.mjs";
|
|
9
|
+
import { mixImmediate } from "./immediate.mjs";
|
|
10
|
+
function mixNumber(a, b) {
|
|
11
|
+
return (p) => mixNumber$1(a, b, p);
|
|
12
|
+
}
|
|
13
|
+
function getMixer(a) {
|
|
14
|
+
if (typeof a === "number") {
|
|
15
|
+
return mixNumber;
|
|
16
|
+
} else if (typeof a === "string") {
|
|
17
|
+
return isCSSVariableToken(a) ? mixImmediate : color.test(a) ? mixColor : mixComplex;
|
|
18
|
+
} else if (Array.isArray(a)) {
|
|
19
|
+
return mixArray;
|
|
20
|
+
} else if (typeof a === "object") {
|
|
21
|
+
return color.test(a) ? mixColor : mixObject;
|
|
22
|
+
}
|
|
23
|
+
return mixImmediate;
|
|
24
|
+
}
|
|
25
|
+
function mixArray(a, b) {
|
|
26
|
+
const output = [...a];
|
|
27
|
+
const numValues = output.length;
|
|
28
|
+
const blendValue = a.map((v, i) => getMixer(v)(v, b[i]));
|
|
29
|
+
return (p) => {
|
|
30
|
+
for (let i = 0; i < numValues; i++) {
|
|
31
|
+
output[i] = blendValue[i](p);
|
|
32
|
+
}
|
|
33
|
+
return output;
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
function mixObject(a, b) {
|
|
37
|
+
const output = { ...a, ...b };
|
|
38
|
+
const blendValue = {};
|
|
39
|
+
for (const key in output) {
|
|
40
|
+
if (a[key] !== void 0 && b[key] !== void 0) {
|
|
41
|
+
blendValue[key] = getMixer(a[key])(a[key], b[key]);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return (v) => {
|
|
45
|
+
for (const key in blendValue) {
|
|
46
|
+
output[key] = blendValue[key](v);
|
|
47
|
+
}
|
|
48
|
+
return output;
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
function matchOrder(origin, target) {
|
|
52
|
+
var _a;
|
|
53
|
+
const orderedOrigin = [];
|
|
54
|
+
const pointers = { color: 0, var: 0, number: 0 };
|
|
55
|
+
for (let i = 0; i < target.values.length; i++) {
|
|
56
|
+
const type = target.types[i];
|
|
57
|
+
const originIndex = origin.indexes[type][pointers[type]];
|
|
58
|
+
const originValue = (_a = origin.values[originIndex]) !== null && _a !== void 0 ? _a : 0;
|
|
59
|
+
orderedOrigin[i] = originValue;
|
|
60
|
+
pointers[type]++;
|
|
61
|
+
}
|
|
62
|
+
return orderedOrigin;
|
|
63
|
+
}
|
|
64
|
+
const mixComplex = (origin, target) => {
|
|
65
|
+
const template = complex.createTransformer(target);
|
|
66
|
+
const originStats = analyseComplexValue(origin);
|
|
67
|
+
const targetStats = analyseComplexValue(target);
|
|
68
|
+
const canInterpolate = originStats.indexes.var.length === targetStats.indexes.var.length && originStats.indexes.color.length === targetStats.indexes.color.length && originStats.indexes.number.length >= targetStats.indexes.number.length;
|
|
69
|
+
if (canInterpolate) {
|
|
70
|
+
if (invisibleValues.has(origin) && !targetStats.values.length || invisibleValues.has(target) && !originStats.values.length) {
|
|
71
|
+
return mixVisibility(origin, target);
|
|
72
|
+
}
|
|
73
|
+
return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);
|
|
74
|
+
} else {
|
|
75
|
+
warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`);
|
|
76
|
+
return mixImmediate(origin, target);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
export {
|
|
80
|
+
getMixer,
|
|
81
|
+
mixArray,
|
|
82
|
+
mixComplex,
|
|
83
|
+
mixObject
|
|
84
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { getMixer } from "./complex.mjs";
|
|
2
|
+
import { mixNumber } from "./number.mjs";
|
|
3
|
+
function mix(from, to, p) {
|
|
4
|
+
if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
|
|
5
|
+
return mixNumber(from, to, p);
|
|
6
|
+
}
|
|
7
|
+
const mixer = getMixer(from);
|
|
8
|
+
return mixer(from, to);
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
mix
|
|
12
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
const invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
2
|
+
function mixVisibility(origin, target) {
|
|
3
|
+
if (invisibleValues.has(origin)) {
|
|
4
|
+
return (p) => p <= 0 ? origin : target;
|
|
5
|
+
} else {
|
|
6
|
+
return (p) => p >= 1 ? target : origin;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export {
|
|
10
|
+
invisibleValues,
|
|
11
|
+
mixVisibility
|
|
12
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { mixNumber } from "../mix/number.mjs";
|
|
2
|
+
import { progress } from "../progress.mjs";
|
|
3
|
+
function fillOffset(offset, remaining) {
|
|
4
|
+
const min = offset[offset.length - 1];
|
|
5
|
+
for (let i = 1; i <= remaining; i++) {
|
|
6
|
+
const offsetProgress = progress(0, remaining, i);
|
|
7
|
+
offset.push(mixNumber(min, 1, offsetProgress));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
fillOffset
|
|
12
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { isBrowser } from "../is-browser.mjs";
|
|
2
|
+
import { hasReducedMotionListener, prefersReducedMotion } from "./state.mjs";
|
|
3
|
+
function initPrefersReducedMotion() {
|
|
4
|
+
hasReducedMotionListener.current = true;
|
|
5
|
+
if (!isBrowser)
|
|
6
|
+
return;
|
|
7
|
+
if (window.matchMedia) {
|
|
8
|
+
const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
|
|
9
|
+
const setReducedMotionPreferences = () => prefersReducedMotion.current = motionMediaQuery.matches;
|
|
10
|
+
motionMediaQuery.addListener(setReducedMotionPreferences);
|
|
11
|
+
setReducedMotionPreferences();
|
|
12
|
+
} else {
|
|
13
|
+
prefersReducedMotion.current = false;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
initPrefersReducedMotion
|
|
18
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { addUniqueItem, removeItem } from "./array.mjs";
|
|
2
|
+
class SubscriptionManager {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.subscriptions = [];
|
|
5
|
+
}
|
|
6
|
+
add(handler) {
|
|
7
|
+
addUniqueItem(this.subscriptions, handler);
|
|
8
|
+
return () => removeItem(this.subscriptions, handler);
|
|
9
|
+
}
|
|
10
|
+
notify(a, b, c) {
|
|
11
|
+
const numSubscriptions = this.subscriptions.length;
|
|
12
|
+
if (!numSubscriptions)
|
|
13
|
+
return;
|
|
14
|
+
if (numSubscriptions === 1) {
|
|
15
|
+
this.subscriptions[0](a, b, c);
|
|
16
|
+
} else {
|
|
17
|
+
for (let i = 0; i < numSubscriptions; i++) {
|
|
18
|
+
const handler = this.subscriptions[i];
|
|
19
|
+
handler && handler(a, b, c);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
getSize() {
|
|
24
|
+
return this.subscriptions.length;
|
|
25
|
+
}
|
|
26
|
+
clear() {
|
|
27
|
+
this.subscriptions.length = 0;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
export {
|
|
31
|
+
SubscriptionManager
|
|
32
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { interpolate } from "./interpolate.mjs";
|
|
2
|
+
const isCustomValueType = (v) => {
|
|
3
|
+
return v && typeof v === "object" && v.mix;
|
|
4
|
+
};
|
|
5
|
+
const getMixer = (v) => isCustomValueType(v) ? v.mix : void 0;
|
|
6
|
+
function transform(...args) {
|
|
7
|
+
const useImmediate = !Array.isArray(args[0]);
|
|
8
|
+
const argOffset = useImmediate ? 0 : -1;
|
|
9
|
+
const inputValue = args[0 + argOffset];
|
|
10
|
+
const inputRange = args[1 + argOffset];
|
|
11
|
+
const outputRange = args[2 + argOffset];
|
|
12
|
+
const options = args[3 + argOffset];
|
|
13
|
+
const interpolator = interpolate(inputRange, outputRange, {
|
|
14
|
+
mixer: getMixer(outputRange[0]),
|
|
15
|
+
...options
|
|
16
|
+
});
|
|
17
|
+
return useImmediate ? interpolator(inputValue) : interpolator;
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
transform
|
|
21
|
+
};
|