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,51 @@
|
|
|
1
|
+
import { progress } from "../../../utils/progress.mjs";
|
|
2
|
+
import { velocityPerSecond } from "../../../utils/velocity-per-second.mjs";
|
|
3
|
+
const maxElapsed = 50;
|
|
4
|
+
const createAxisInfo = () => ({
|
|
5
|
+
current: 0,
|
|
6
|
+
offset: [],
|
|
7
|
+
progress: 0,
|
|
8
|
+
scrollLength: 0,
|
|
9
|
+
targetOffset: 0,
|
|
10
|
+
targetLength: 0,
|
|
11
|
+
containerLength: 0,
|
|
12
|
+
velocity: 0
|
|
13
|
+
});
|
|
14
|
+
const createScrollInfo = () => ({
|
|
15
|
+
time: 0,
|
|
16
|
+
x: createAxisInfo(),
|
|
17
|
+
y: createAxisInfo()
|
|
18
|
+
});
|
|
19
|
+
const keys = {
|
|
20
|
+
x: {
|
|
21
|
+
length: "Width",
|
|
22
|
+
position: "Left"
|
|
23
|
+
},
|
|
24
|
+
y: {
|
|
25
|
+
length: "Height",
|
|
26
|
+
position: "Top"
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
function updateAxisInfo(element, axisName, info, time) {
|
|
30
|
+
const axis = info[axisName];
|
|
31
|
+
const { length, position } = keys[axisName];
|
|
32
|
+
const prev = axis.current;
|
|
33
|
+
const prevTime = info.time;
|
|
34
|
+
axis.current = element[`scroll${position}`];
|
|
35
|
+
axis.scrollLength = element[`scroll${length}`] - element[`client${length}`];
|
|
36
|
+
axis.offset.length = 0;
|
|
37
|
+
axis.offset[0] = 0;
|
|
38
|
+
axis.offset[1] = axis.scrollLength;
|
|
39
|
+
axis.progress = progress(0, axis.scrollLength, axis.current);
|
|
40
|
+
const elapsed = time - prevTime;
|
|
41
|
+
axis.velocity = elapsed > maxElapsed ? 0 : velocityPerSecond(axis.current - prev, elapsed);
|
|
42
|
+
}
|
|
43
|
+
function updateScrollInfo(element, info, time) {
|
|
44
|
+
updateAxisInfo(element, "x", info, time);
|
|
45
|
+
updateAxisInfo(element, "y", info, time);
|
|
46
|
+
info.time = time;
|
|
47
|
+
}
|
|
48
|
+
export {
|
|
49
|
+
createScrollInfo,
|
|
50
|
+
updateScrollInfo
|
|
51
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { frame, cancelFrame } from "../../../frameloop/frame.mjs";
|
|
2
|
+
function observeTimeline(update, timeline) {
|
|
3
|
+
let prevProgress;
|
|
4
|
+
const onFrame = () => {
|
|
5
|
+
const { currentTime } = timeline;
|
|
6
|
+
const percentage = currentTime === null ? 0 : currentTime.value;
|
|
7
|
+
const progress = percentage / 100;
|
|
8
|
+
if (prevProgress !== progress) {
|
|
9
|
+
update(progress);
|
|
10
|
+
}
|
|
11
|
+
prevProgress = progress;
|
|
12
|
+
};
|
|
13
|
+
frame.update(onFrame, true);
|
|
14
|
+
return () => cancelFrame(onFrame);
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
observeTimeline
|
|
18
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
const namedEdges = {
|
|
2
|
+
start: 0,
|
|
3
|
+
center: 0.5,
|
|
4
|
+
end: 1
|
|
5
|
+
};
|
|
6
|
+
function resolveEdge(edge, length, inset = 0) {
|
|
7
|
+
let delta = 0;
|
|
8
|
+
if (edge in namedEdges) {
|
|
9
|
+
edge = namedEdges[edge];
|
|
10
|
+
}
|
|
11
|
+
if (typeof edge === "string") {
|
|
12
|
+
const asNumber = parseFloat(edge);
|
|
13
|
+
if (edge.endsWith("px")) {
|
|
14
|
+
delta = asNumber;
|
|
15
|
+
} else if (edge.endsWith("%")) {
|
|
16
|
+
edge = asNumber / 100;
|
|
17
|
+
} else if (edge.endsWith("vw")) {
|
|
18
|
+
delta = asNumber / 100 * document.documentElement.clientWidth;
|
|
19
|
+
} else if (edge.endsWith("vh")) {
|
|
20
|
+
delta = asNumber / 100 * document.documentElement.clientHeight;
|
|
21
|
+
} else {
|
|
22
|
+
edge = asNumber;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (typeof edge === "number") {
|
|
26
|
+
delta = length * edge;
|
|
27
|
+
}
|
|
28
|
+
return inset + delta;
|
|
29
|
+
}
|
|
30
|
+
export {
|
|
31
|
+
namedEdges,
|
|
32
|
+
resolveEdge
|
|
33
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { calcInset } from "./inset.mjs";
|
|
2
|
+
import { ScrollOffset } from "./presets.mjs";
|
|
3
|
+
import { resolveOffset } from "./offset.mjs";
|
|
4
|
+
import { interpolate } from "../../../../utils/interpolate.mjs";
|
|
5
|
+
import { defaultOffset } from "../../../../utils/offsets/default.mjs";
|
|
6
|
+
const point = { x: 0, y: 0 };
|
|
7
|
+
function getTargetSize(target) {
|
|
8
|
+
return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };
|
|
9
|
+
}
|
|
10
|
+
function resolveOffsets(container, info, options) {
|
|
11
|
+
const { offset: offsetDefinition = ScrollOffset.All } = options;
|
|
12
|
+
const { target = container, axis = "y" } = options;
|
|
13
|
+
const lengthLabel = axis === "y" ? "height" : "width";
|
|
14
|
+
const inset = target !== container ? calcInset(target, container) : point;
|
|
15
|
+
const targetSize = target === container ? { width: container.scrollWidth, height: container.scrollHeight } : getTargetSize(target);
|
|
16
|
+
const containerSize = {
|
|
17
|
+
width: container.clientWidth,
|
|
18
|
+
height: container.clientHeight
|
|
19
|
+
};
|
|
20
|
+
info[axis].offset.length = 0;
|
|
21
|
+
let hasChanged = !info[axis].interpolate;
|
|
22
|
+
const numOffsets = offsetDefinition.length;
|
|
23
|
+
for (let i = 0; i < numOffsets; i++) {
|
|
24
|
+
const offset = resolveOffset(offsetDefinition[i], containerSize[lengthLabel], targetSize[lengthLabel], inset[axis]);
|
|
25
|
+
if (!hasChanged && offset !== info[axis].interpolatorOffsets[i]) {
|
|
26
|
+
hasChanged = true;
|
|
27
|
+
}
|
|
28
|
+
info[axis].offset[i] = offset;
|
|
29
|
+
}
|
|
30
|
+
if (hasChanged) {
|
|
31
|
+
info[axis].interpolate = interpolate(info[axis].offset, defaultOffset(offsetDefinition));
|
|
32
|
+
info[axis].interpolatorOffsets = [...info[axis].offset];
|
|
33
|
+
}
|
|
34
|
+
info[axis].progress = info[axis].interpolate(info[axis].current);
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
resolveOffsets
|
|
38
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
function calcInset(element, container) {
|
|
2
|
+
const inset = { x: 0, y: 0 };
|
|
3
|
+
let current = element;
|
|
4
|
+
while (current && current !== container) {
|
|
5
|
+
if (current instanceof HTMLElement) {
|
|
6
|
+
inset.x += current.offsetLeft;
|
|
7
|
+
inset.y += current.offsetTop;
|
|
8
|
+
current = current.offsetParent;
|
|
9
|
+
} else if (current.tagName === "svg") {
|
|
10
|
+
const svgBoundingBox = current.getBoundingClientRect();
|
|
11
|
+
current = current.parentElement;
|
|
12
|
+
const parentBoundingBox = current.getBoundingClientRect();
|
|
13
|
+
inset.x += svgBoundingBox.left - parentBoundingBox.left;
|
|
14
|
+
inset.y += svgBoundingBox.top - parentBoundingBox.top;
|
|
15
|
+
} else if (current instanceof SVGGraphicsElement) {
|
|
16
|
+
const { x, y } = current.getBBox();
|
|
17
|
+
inset.x += x;
|
|
18
|
+
inset.y += y;
|
|
19
|
+
let svg = null;
|
|
20
|
+
let parent = current.parentNode;
|
|
21
|
+
while (!svg) {
|
|
22
|
+
if (parent.tagName === "svg") {
|
|
23
|
+
svg = parent;
|
|
24
|
+
}
|
|
25
|
+
parent = current.parentNode;
|
|
26
|
+
}
|
|
27
|
+
current = svg;
|
|
28
|
+
} else {
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return inset;
|
|
33
|
+
}
|
|
34
|
+
export {
|
|
35
|
+
calcInset
|
|
36
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { resolveEdge, namedEdges } from "./edge.mjs";
|
|
2
|
+
const defaultOffset = [0, 0];
|
|
3
|
+
function resolveOffset(offset, containerLength, targetLength, targetInset) {
|
|
4
|
+
let offsetDefinition = Array.isArray(offset) ? offset : defaultOffset;
|
|
5
|
+
let targetPoint = 0;
|
|
6
|
+
let containerPoint = 0;
|
|
7
|
+
if (typeof offset === "number") {
|
|
8
|
+
offsetDefinition = [offset, offset];
|
|
9
|
+
} else if (typeof offset === "string") {
|
|
10
|
+
offset = offset.trim();
|
|
11
|
+
if (offset.includes(" ")) {
|
|
12
|
+
offsetDefinition = offset.split(" ");
|
|
13
|
+
} else {
|
|
14
|
+
offsetDefinition = [offset, namedEdges[offset] ? offset : `0`];
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
targetPoint = resolveEdge(offsetDefinition[0], targetLength, targetInset);
|
|
18
|
+
containerPoint = resolveEdge(offsetDefinition[1], containerLength);
|
|
19
|
+
return targetPoint - containerPoint;
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
resolveOffset
|
|
23
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { warnOnce } from "../../../utils/warn-once.mjs";
|
|
2
|
+
import { updateScrollInfo } from "./info.mjs";
|
|
3
|
+
import { resolveOffsets } from "./offsets/index.mjs";
|
|
4
|
+
function measure(container, target = container, info) {
|
|
5
|
+
info.x.targetOffset = 0;
|
|
6
|
+
info.y.targetOffset = 0;
|
|
7
|
+
if (target !== container) {
|
|
8
|
+
let node = target;
|
|
9
|
+
while (node && node !== container) {
|
|
10
|
+
info.x.targetOffset += node.offsetLeft;
|
|
11
|
+
info.y.targetOffset += node.offsetTop;
|
|
12
|
+
node = node.offsetParent;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
info.x.targetLength = target === container ? target.scrollWidth : target.clientWidth;
|
|
16
|
+
info.y.targetLength = target === container ? target.scrollHeight : target.clientHeight;
|
|
17
|
+
info.x.containerLength = container.clientWidth;
|
|
18
|
+
info.y.containerLength = container.clientHeight;
|
|
19
|
+
if (process.env.NODE_ENV !== "production") {
|
|
20
|
+
if (container && target && target !== container) {
|
|
21
|
+
warnOnce(getComputedStyle(container).position !== "static", "Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.");
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
function createOnScrollHandler(element, onScroll, info, options = {}) {
|
|
26
|
+
return {
|
|
27
|
+
measure: () => measure(element, options.target, info),
|
|
28
|
+
update: (time) => {
|
|
29
|
+
updateScrollInfo(element, info, time);
|
|
30
|
+
if (options.offset || options.target) {
|
|
31
|
+
resolveOffsets(element, info, options);
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
notify: () => onScroll(info)
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
export {
|
|
38
|
+
createOnScrollHandler
|
|
39
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { resize } from "../resize/index.mjs";
|
|
2
|
+
import { createScrollInfo } from "./info.mjs";
|
|
3
|
+
import { createOnScrollHandler } from "./on-scroll-handler.mjs";
|
|
4
|
+
import { frame, cancelFrame, frameData } from "../../../frameloop/frame.mjs";
|
|
5
|
+
const scrollListeners = /* @__PURE__ */ new WeakMap();
|
|
6
|
+
const resizeListeners = /* @__PURE__ */ new WeakMap();
|
|
7
|
+
const onScrollHandlers = /* @__PURE__ */ new WeakMap();
|
|
8
|
+
const getEventTarget = (element) => element === document.documentElement ? window : element;
|
|
9
|
+
function scrollInfo(onScroll, { container = document.documentElement, ...options } = {}) {
|
|
10
|
+
let containerHandlers = onScrollHandlers.get(container);
|
|
11
|
+
if (!containerHandlers) {
|
|
12
|
+
containerHandlers = /* @__PURE__ */ new Set();
|
|
13
|
+
onScrollHandlers.set(container, containerHandlers);
|
|
14
|
+
}
|
|
15
|
+
const info = createScrollInfo();
|
|
16
|
+
const containerHandler = createOnScrollHandler(container, onScroll, info, options);
|
|
17
|
+
containerHandlers.add(containerHandler);
|
|
18
|
+
if (!scrollListeners.has(container)) {
|
|
19
|
+
const measureAll = () => {
|
|
20
|
+
for (const handler of containerHandlers)
|
|
21
|
+
handler.measure();
|
|
22
|
+
};
|
|
23
|
+
const updateAll = () => {
|
|
24
|
+
for (const handler of containerHandlers) {
|
|
25
|
+
handler.update(frameData.timestamp);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const notifyAll = () => {
|
|
29
|
+
for (const handler of containerHandlers)
|
|
30
|
+
handler.notify();
|
|
31
|
+
};
|
|
32
|
+
const listener2 = () => {
|
|
33
|
+
frame.read(measureAll, false, true);
|
|
34
|
+
frame.read(updateAll, false, true);
|
|
35
|
+
frame.update(notifyAll, false, true);
|
|
36
|
+
};
|
|
37
|
+
scrollListeners.set(container, listener2);
|
|
38
|
+
const target = getEventTarget(container);
|
|
39
|
+
window.addEventListener("resize", listener2, { passive: true });
|
|
40
|
+
if (container !== document.documentElement) {
|
|
41
|
+
resizeListeners.set(container, resize(container, listener2));
|
|
42
|
+
}
|
|
43
|
+
target.addEventListener("scroll", listener2, { passive: true });
|
|
44
|
+
}
|
|
45
|
+
const listener = scrollListeners.get(container);
|
|
46
|
+
frame.read(listener, false, true);
|
|
47
|
+
return () => {
|
|
48
|
+
var _a;
|
|
49
|
+
cancelFrame(listener);
|
|
50
|
+
const currentHandlers = onScrollHandlers.get(container);
|
|
51
|
+
if (!currentHandlers)
|
|
52
|
+
return;
|
|
53
|
+
currentHandlers.delete(containerHandler);
|
|
54
|
+
if (currentHandlers.size)
|
|
55
|
+
return;
|
|
56
|
+
const scrollListener = scrollListeners.get(container);
|
|
57
|
+
scrollListeners.delete(container);
|
|
58
|
+
if (scrollListener) {
|
|
59
|
+
getEventTarget(container).removeEventListener("scroll", scrollListener);
|
|
60
|
+
(_a = resizeListeners.get(container)) === null || _a === void 0 ? void 0 : _a();
|
|
61
|
+
window.removeEventListener("resize", scrollListener);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
export {
|
|
66
|
+
scrollInfo
|
|
67
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { invariant } from "../../../utils/errors.mjs";
|
|
2
|
+
import { isNumericalString } from "../../../utils/is-numerical-string.mjs";
|
|
3
|
+
import { isCSSVariableToken } from "./is-css-variable.mjs";
|
|
4
|
+
const splitCSSVariableRegex = (
|
|
5
|
+
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
6
|
+
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
7
|
+
);
|
|
8
|
+
function parseCSSVariable(current) {
|
|
9
|
+
const match = splitCSSVariableRegex.exec(current);
|
|
10
|
+
if (!match)
|
|
11
|
+
return [,];
|
|
12
|
+
const [, token1, token2, fallback] = match;
|
|
13
|
+
return [`--${token1 !== null && token1 !== void 0 ? token1 : token2}`, fallback];
|
|
14
|
+
}
|
|
15
|
+
const maxDepth = 4;
|
|
16
|
+
function getVariableValue(current, element, depth = 1) {
|
|
17
|
+
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`);
|
|
18
|
+
const [token, fallback] = parseCSSVariable(current);
|
|
19
|
+
if (!token)
|
|
20
|
+
return;
|
|
21
|
+
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
22
|
+
if (resolved) {
|
|
23
|
+
const trimmed = resolved.trim();
|
|
24
|
+
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
25
|
+
}
|
|
26
|
+
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
getVariableValue,
|
|
30
|
+
parseCSSVariable
|
|
31
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
|
|
2
|
+
const isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
|
|
3
|
+
const startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
|
|
4
|
+
const isCSSVariableToken = (value) => {
|
|
5
|
+
const startsWithToken = startsAsVariableToken(value);
|
|
6
|
+
if (!startsWithToken)
|
|
7
|
+
return false;
|
|
8
|
+
return singleCssVariableRegex.test(value.split("/*")[0].trim());
|
|
9
|
+
};
|
|
10
|
+
const singleCssVariableRegex = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
|
|
11
|
+
export {
|
|
12
|
+
isCSSVariableName,
|
|
13
|
+
isCSSVariableToken
|
|
14
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { transformPropOrder } from "../../html/utils/transform.mjs";
|
|
2
|
+
import { number } from "../../../value/types/numbers/index.mjs";
|
|
3
|
+
import { px } from "../../../value/types/numbers/units.mjs";
|
|
4
|
+
const positionalKeys = /* @__PURE__ */ new Set([
|
|
5
|
+
"width",
|
|
6
|
+
"height",
|
|
7
|
+
"top",
|
|
8
|
+
"left",
|
|
9
|
+
"right",
|
|
10
|
+
"bottom",
|
|
11
|
+
"x",
|
|
12
|
+
"y",
|
|
13
|
+
"translateX",
|
|
14
|
+
"translateY"
|
|
15
|
+
]);
|
|
16
|
+
const isNumOrPxType = (v) => v === number || v === px;
|
|
17
|
+
const getPosFromMatrix = (matrix, pos) => parseFloat(matrix.split(", ")[pos]);
|
|
18
|
+
const getTranslateFromMatrix = (pos2, pos3) => (_bbox, { transform }) => {
|
|
19
|
+
if (transform === "none" || !transform)
|
|
20
|
+
return 0;
|
|
21
|
+
const matrix3d = transform.match(/^matrix3d\((.+)\)$/u);
|
|
22
|
+
if (matrix3d) {
|
|
23
|
+
return getPosFromMatrix(matrix3d[1], pos3);
|
|
24
|
+
} else {
|
|
25
|
+
const matrix = transform.match(/^matrix\((.+)\)$/u);
|
|
26
|
+
if (matrix) {
|
|
27
|
+
return getPosFromMatrix(matrix[1], pos2);
|
|
28
|
+
} else {
|
|
29
|
+
return 0;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
const transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
|
|
34
|
+
const nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
|
|
35
|
+
function removeNonTranslationalTransform(visualElement) {
|
|
36
|
+
const removedTransforms = [];
|
|
37
|
+
nonTranslationalTransformKeys.forEach((key) => {
|
|
38
|
+
const value = visualElement.getValue(key);
|
|
39
|
+
if (value !== void 0) {
|
|
40
|
+
removedTransforms.push([key, value.get()]);
|
|
41
|
+
value.set(key.startsWith("scale") ? 1 : 0);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
return removedTransforms;
|
|
45
|
+
}
|
|
46
|
+
const positionalValues = {
|
|
47
|
+
// Dimensions
|
|
48
|
+
width: ({ x }, { paddingLeft = "0", paddingRight = "0" }) => x.max - x.min - parseFloat(paddingLeft) - parseFloat(paddingRight),
|
|
49
|
+
height: ({ y }, { paddingTop = "0", paddingBottom = "0" }) => y.max - y.min - parseFloat(paddingTop) - parseFloat(paddingBottom),
|
|
50
|
+
top: (_bbox, { top }) => parseFloat(top),
|
|
51
|
+
left: (_bbox, { left }) => parseFloat(left),
|
|
52
|
+
bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),
|
|
53
|
+
right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),
|
|
54
|
+
// Transform
|
|
55
|
+
x: getTranslateFromMatrix(4, 13),
|
|
56
|
+
y: getTranslateFromMatrix(5, 14)
|
|
57
|
+
};
|
|
58
|
+
positionalValues.translateX = positionalValues.x;
|
|
59
|
+
positionalValues.translateY = positionalValues.y;
|
|
60
|
+
export {
|
|
61
|
+
isNumOrPxType,
|
|
62
|
+
positionalKeys,
|
|
63
|
+
positionalValues,
|
|
64
|
+
removeNonTranslationalTransform
|
|
65
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { complex } from "../../../value/types/complex/index.mjs";
|
|
2
|
+
import { filter } from "../../../value/types/complex/filter.mjs";
|
|
3
|
+
import { getDefaultValueType } from "./defaults.mjs";
|
|
4
|
+
function getAnimatableNone(key, value) {
|
|
5
|
+
let defaultValueType = getDefaultValueType(key);
|
|
6
|
+
if (defaultValueType !== filter)
|
|
7
|
+
defaultValueType = complex;
|
|
8
|
+
return defaultValueType.getAnimatableNone ? defaultValueType.getAnimatableNone(value) : void 0;
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
getAnimatableNone
|
|
12
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { color } from "../../../value/types/color/index.mjs";
|
|
2
|
+
import { filter } from "../../../value/types/complex/filter.mjs";
|
|
3
|
+
import { numberValueTypes } from "./number.mjs";
|
|
4
|
+
const defaultValueTypes = {
|
|
5
|
+
...numberValueTypes,
|
|
6
|
+
// Color props
|
|
7
|
+
color,
|
|
8
|
+
backgroundColor: color,
|
|
9
|
+
outlineColor: color,
|
|
10
|
+
fill: color,
|
|
11
|
+
stroke: color,
|
|
12
|
+
// Border props
|
|
13
|
+
borderColor: color,
|
|
14
|
+
borderTopColor: color,
|
|
15
|
+
borderRightColor: color,
|
|
16
|
+
borderBottomColor: color,
|
|
17
|
+
borderLeftColor: color,
|
|
18
|
+
filter,
|
|
19
|
+
WebkitFilter: filter
|
|
20
|
+
};
|
|
21
|
+
const getDefaultValueType = (key) => defaultValueTypes[key];
|
|
22
|
+
export {
|
|
23
|
+
defaultValueTypes,
|
|
24
|
+
getDefaultValueType
|
|
25
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { number } from "../../../value/types/numbers/index.mjs";
|
|
2
|
+
import { px, percent, degrees, vw, vh } from "../../../value/types/numbers/units.mjs";
|
|
3
|
+
import { testValueType } from "./test.mjs";
|
|
4
|
+
import { auto } from "./type-auto.mjs";
|
|
5
|
+
const dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
|
|
6
|
+
const findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
|
|
7
|
+
export {
|
|
8
|
+
dimensionValueTypes,
|
|
9
|
+
findDimensionValueType
|
|
10
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { color } from "../../../value/types/color/index.mjs";
|
|
2
|
+
import { complex } from "../../../value/types/complex/index.mjs";
|
|
3
|
+
import { dimensionValueTypes } from "./dimensions.mjs";
|
|
4
|
+
import { testValueType } from "./test.mjs";
|
|
5
|
+
const valueTypes = [...dimensionValueTypes, color, complex];
|
|
6
|
+
const findValueType = (v) => valueTypes.find(testValueType(v));
|
|
7
|
+
export {
|
|
8
|
+
findValueType
|
|
9
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { px } from "../../../value/types/numbers/units.mjs";
|
|
2
|
+
const browserNumberValueTypes = {
|
|
3
|
+
// Border props
|
|
4
|
+
borderWidth: px,
|
|
5
|
+
borderTopWidth: px,
|
|
6
|
+
borderRightWidth: px,
|
|
7
|
+
borderBottomWidth: px,
|
|
8
|
+
borderLeftWidth: px,
|
|
9
|
+
borderRadius: px,
|
|
10
|
+
radius: px,
|
|
11
|
+
borderTopLeftRadius: px,
|
|
12
|
+
borderTopRightRadius: px,
|
|
13
|
+
borderBottomRightRadius: px,
|
|
14
|
+
borderBottomLeftRadius: px,
|
|
15
|
+
// Positioning props
|
|
16
|
+
width: px,
|
|
17
|
+
maxWidth: px,
|
|
18
|
+
height: px,
|
|
19
|
+
maxHeight: px,
|
|
20
|
+
top: px,
|
|
21
|
+
right: px,
|
|
22
|
+
bottom: px,
|
|
23
|
+
left: px,
|
|
24
|
+
// Spacing props
|
|
25
|
+
padding: px,
|
|
26
|
+
paddingTop: px,
|
|
27
|
+
paddingRight: px,
|
|
28
|
+
paddingBottom: px,
|
|
29
|
+
paddingLeft: px,
|
|
30
|
+
margin: px,
|
|
31
|
+
marginTop: px,
|
|
32
|
+
marginRight: px,
|
|
33
|
+
marginBottom: px,
|
|
34
|
+
marginLeft: px,
|
|
35
|
+
// Misc
|
|
36
|
+
backgroundPositionX: px,
|
|
37
|
+
backgroundPositionY: px
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
browserNumberValueTypes
|
|
41
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { alpha } from "../../../value/types/numbers/index.mjs";
|
|
2
|
+
import { px } from "../../../value/types/numbers/units.mjs";
|
|
3
|
+
import { browserNumberValueTypes } from "./number-browser.mjs";
|
|
4
|
+
import { transformValueTypes } from "./transform.mjs";
|
|
5
|
+
import { int } from "./type-int.mjs";
|
|
6
|
+
const numberValueTypes = {
|
|
7
|
+
...browserNumberValueTypes,
|
|
8
|
+
...transformValueTypes,
|
|
9
|
+
zIndex: int,
|
|
10
|
+
size: px,
|
|
11
|
+
// SVG
|
|
12
|
+
fillOpacity: alpha,
|
|
13
|
+
strokeOpacity: alpha,
|
|
14
|
+
numOctaves: int
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
numberValueTypes
|
|
18
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { scale, alpha } from "../../../value/types/numbers/index.mjs";
|
|
2
|
+
import { degrees, px, progressPercentage } from "../../../value/types/numbers/units.mjs";
|
|
3
|
+
const transformValueTypes = {
|
|
4
|
+
rotate: degrees,
|
|
5
|
+
rotateX: degrees,
|
|
6
|
+
rotateY: degrees,
|
|
7
|
+
rotateZ: degrees,
|
|
8
|
+
scale,
|
|
9
|
+
scaleX: scale,
|
|
10
|
+
scaleY: scale,
|
|
11
|
+
scaleZ: scale,
|
|
12
|
+
skew: degrees,
|
|
13
|
+
skewX: degrees,
|
|
14
|
+
skewY: degrees,
|
|
15
|
+
distance: px,
|
|
16
|
+
translateX: px,
|
|
17
|
+
translateY: px,
|
|
18
|
+
translateZ: px,
|
|
19
|
+
x: px,
|
|
20
|
+
y: px,
|
|
21
|
+
z: px,
|
|
22
|
+
perspective: px,
|
|
23
|
+
transformPerspective: px,
|
|
24
|
+
opacity: alpha,
|
|
25
|
+
originX: progressPercentage,
|
|
26
|
+
originY: progressPercentage,
|
|
27
|
+
originZ: px
|
|
28
|
+
};
|
|
29
|
+
export {
|
|
30
|
+
transformValueTypes
|
|
31
|
+
};
|