@code0-tech/pictor 0.9.2 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/components/island/Island.style.css +1 -0
- package/dist/assets/components/resizable/Resizable.style.css +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js +7 -7
- package/dist/components/button/Button.js +11 -11
- package/dist/components/data-table/DataTable.js +15 -15
- package/dist/components/data-table/DataTableFilterSuggestionMenu.js +15 -15
- package/dist/components/editor/Editor.js +13 -13
- package/dist/components/form/CheckboxInput.js +4 -4
- package/dist/components/form/EmailInput.js +9 -9
- package/dist/components/form/InputContentEditable.hook.js +11 -11
- package/dist/components/form/InputWrapper.js +15 -15
- package/dist/components/form/NumberInput.js +9 -9
- package/dist/components/form/PasswordInput.js +4 -4
- package/dist/components/form/SwitchInput.js +7 -7
- package/dist/components/form/TextAreaInput.js +6 -6
- package/dist/components/form/TextInput.js +6 -6
- package/dist/components/form/useForm.js +2 -2
- package/dist/components/fullscreen/FullScreen.js +2 -2
- package/dist/components/gantt/GanttGroup.js +15 -15
- package/dist/components/island/Island.d.ts +6 -0
- package/dist/components/island/Island.hook.d.ts +19 -0
- package/dist/components/island/Island.hook.js +58 -0
- package/dist/components/island/Island.js +71 -0
- package/dist/components/progress/Progress.js +18 -18
- package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js +17 -0
- package/dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js +5 -0
- package/dist/node_modules/framer-motion/dist/es/context/LazyContext.js +5 -0
- package/dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js +9 -0
- package/dist/node_modules/framer-motion/dist/es/context/MotionContext/create.js +13 -0
- package/dist/node_modules/framer-motion/dist/es/context/MotionContext/index.js +5 -0
- package/dist/node_modules/framer-motion/dist/es/context/MotionContext/utils.js +15 -0
- package/dist/node_modules/framer-motion/dist/es/context/PresenceContext.js +5 -0
- package/dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js +5 -0
- package/dist/node_modules/framer-motion/dist/es/events/add-pointer-event.js +8 -0
- package/dist/node_modules/framer-motion/dist/es/events/event-info.js +14 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.js +285 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/drag/index.js +22 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.js +67 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/focus.js +28 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/hover.js +21 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/pan/PanSession.js +130 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/pan/index.js +43 -0
- package/dist/node_modules/framer-motion/dist/es/gestures/press.js +29 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/animation/exit.js +45 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/animation/index.js +33 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/animations.js +13 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/definitions.js +39 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/drag.js +17 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/gestures.js +21 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.js +60 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/layout.js +11 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/load-features.js +14 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/viewport/index.js +45 -0
- package/dist/node_modules/framer-motion/dist/es/motion/features/viewport/observers.js +21 -0
- package/dist/node_modules/framer-motion/dist/es/motion/index.js +62 -0
- package/dist/node_modules/framer-motion/dist/es/motion/utils/symbol.js +4 -0
- package/dist/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.js +21 -0
- package/dist/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.js +65 -0
- package/dist/node_modules/framer-motion/dist/es/motion/utils/use-visual-state.js +52 -0
- package/dist/node_modules/framer-motion/dist/es/motion/utils/valid-prop.js +39 -0
- package/dist/node_modules/framer-motion/dist/es/render/components/create-proxy.js +18 -0
- package/dist/node_modules/framer-motion/dist/es/render/components/motion/feature-bundle.js +13 -0
- package/dist/node_modules/framer-motion/dist/es/render/components/motion/proxy.js +7 -0
- package/dist/node_modules/framer-motion/dist/es/render/dom/create-visual-element.js +10 -0
- package/dist/node_modules/framer-motion/dist/es/render/dom/use-render.js +16 -0
- package/dist/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.js +21 -0
- package/dist/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.js +24 -0
- package/dist/node_modules/framer-motion/dist/es/render/html/use-html-visual-state.js +10 -0
- package/dist/node_modules/framer-motion/dist/es/render/html/use-props.js +27 -0
- package/dist/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.js +9 -0
- package/dist/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.js +30 -0
- package/dist/node_modules/framer-motion/dist/es/render/svg/use-props.js +22 -0
- package/dist/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.js +10 -0
- package/dist/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.js +8 -0
- package/dist/node_modules/framer-motion/dist/es/utils/distance.js +9 -0
- package/dist/node_modules/framer-motion/dist/es/utils/get-context-window.js +4 -0
- package/dist/node_modules/framer-motion/dist/es/utils/is-browser.js +4 -0
- package/dist/node_modules/framer-motion/dist/es/utils/is-ref-object.js +6 -0
- package/dist/node_modules/framer-motion/dist/es/utils/use-constant.js +8 -0
- package/dist/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.js +112 -0
- package/dist/node_modules/motion-dom/dist/es/animation/JSAnimation.js +144 -0
- package/dist/node_modules/motion-dom/dist/es/animation/NativeAnimation.js +106 -0
- package/dist/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.js +38 -0
- package/dist/node_modules/motion-dom/dist/es/animation/animate/single-value.js +10 -0
- package/dist/node_modules/motion-dom/dist/es/animation/drivers/frame.js +17 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/inertia.js +37 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/keyframes.js +30 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/spring.js +178 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.js +9 -0
- package/dist/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.js +46 -0
- package/dist/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.js +59 -0
- package/dist/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.js +29 -0
- package/dist/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.js +22 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.js +68 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.js +74 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/get-final.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.js +16 -0
- package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.js +37 -0
- package/dist/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/WithPromise.js +27 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/can-animate.js +23 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.js +31 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/default-transitions.js +22 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/is-animatable.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.js +9 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.js +21 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.js +16 -0
- package/dist/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.js +10 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.js +21 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.js +33 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.js +10 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.js +10 -0
- package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.js +17 -0
- package/dist/node_modules/motion-dom/dist/es/events/add-dom-event.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/frameloop/batcher.js +27 -0
- package/dist/node_modules/motion-dom/dist/es/frameloop/frame.js +9 -0
- package/dist/node_modules/motion-dom/dist/es/frameloop/microtask.js +5 -0
- package/dist/node_modules/motion-dom/dist/es/frameloop/order.js +21 -0
- package/dist/node_modules/motion-dom/dist/es/frameloop/render-step.js +43 -0
- package/dist/node_modules/motion-dom/dist/es/frameloop/sync-time.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.js +11 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.js +11 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/hover.js +38 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/press/index.js +34 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.js +18 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.js +27 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/press/utils/state.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/gestures/utils/setup.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/projection/animation/mix-values.js +32 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/conversion.js +25 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/copy.js +14 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.js +53 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.js +38 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.js +25 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/models.js +18 -0
- package/dist/node_modules/motion-dom/dist/es/projection/geometry/utils.js +34 -0
- package/dist/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.js +25 -0
- package/dist/node_modules/motion-dom/dist/es/projection/node/create-projection-node.js +618 -0
- package/dist/node_modules/motion-dom/dist/es/projection/node/state.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/projection/shared/stack.js +53 -0
- package/dist/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.js +21 -0
- package/dist/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.js +16 -0
- package/dist/node_modules/motion-dom/dist/es/projection/styles/scale-correction.js +21 -0
- package/dist/node_modules/motion-dom/dist/es/projection/styles/transform.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/projection/utils/each-axis.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/projection/utils/flat-tree.js +19 -0
- package/dist/node_modules/motion-dom/dist/es/projection/utils/has-transform.js +20 -0
- package/dist/node_modules/motion-dom/dist/es/projection/utils/measure.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/render/Feature.js +10 -0
- package/dist/node_modules/motion-dom/dist/es/render/VisualElement.js +263 -0
- package/dist/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.js +28 -0
- package/dist/node_modules/motion-dom/dist/es/render/dom/is-css-var.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/render/dom/parse-transform.js +65 -0
- package/dist/node_modules/motion-dom/dist/es/render/dom/style-set.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.js +37 -0
- package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-styles.js +29 -0
- package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-transform.js +38 -0
- package/dist/node_modules/motion-dom/dist/es/render/html/utils/render.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/render/store.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.js +40 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.js +32 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.js +28 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/utils/path.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/utils/render.js +11 -0
- package/dist/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/animation-state.js +143 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/get-variant-context.js +20 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/is-animation-controls.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/is-controlling-variants.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.js +9 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/is-variant-label.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/keys-position.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/keys-transform.js +23 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/motion-values.js +25 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.js +5 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/resolve-variants.js +20 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/setters.js +21 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/shallow-compare.js +14 -0
- package/dist/node_modules/motion-dom/dist/es/render/utils/variant-props.js +13 -0
- package/dist/node_modules/motion-dom/dist/es/resize/handle-element.js +39 -0
- package/dist/node_modules/motion-dom/dist/es/resize/handle-window.js +23 -0
- package/dist/node_modules/motion-dom/dist/es/resize/index.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/utils/delay.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/utils/interpolate.js +42 -0
- package/dist/node_modules/motion-dom/dist/es/utils/is-html-element.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/utils/is-svg-element.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/utils/mix/color.js +29 -0
- package/dist/node_modules/motion-dom/dist/es/utils/mix/complex.js +51 -0
- package/dist/node_modules/motion-dom/dist/es/utils/mix/immediate.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/utils/mix/index.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/utils/mix/number.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/utils/mix/visibility.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/utils/resolve-elements.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/utils/supports/flags.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/utils/supports/linear-easing.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/utils/supports/memo.js +9 -0
- package/dist/node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.js +5 -0
- package/dist/node_modules/motion-dom/dist/es/value/index.js +212 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/auto.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/color/hex.js +19 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.js +22 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/color/hsla.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/color/index.js +15 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/color/rgba.js +16 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/color/utils.js +18 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/complex/filter.js +24 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/complex/index.js +51 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/complex/mask.js +11 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/dimensions.js +9 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/int.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/maps/defaults.js +27 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/maps/number.js +70 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/maps/transform.js +37 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/numbers/index.js +17 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/numbers/units.js +17 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/test.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.js +12 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/color-regex.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/find.js +8 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/float-regex.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.js +6 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/sanitize.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/utils/is-motion-value.js +4 -0
- package/dist/node_modules/motion-dom/dist/es/value/utils/resolve-motion-value.js +7 -0
- package/dist/node_modules/motion-dom/dist/es/value/will-change/add-will-change.js +14 -0
- package/dist/node_modules/motion-dom/dist/es/value/will-change/is.js +7 -0
- package/dist/node_modules/motion-utils/dist/es/array.js +11 -0
- package/dist/node_modules/motion-utils/dist/es/clamp.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/easing/anticipate.js +5 -0
- package/dist/node_modules/motion-utils/dist/es/easing/back.js +9 -0
- package/dist/node_modules/motion-utils/dist/es/easing/circ.js +8 -0
- package/dist/node_modules/motion-utils/dist/es/easing/cubic-bezier.js +19 -0
- package/dist/node_modules/motion-utils/dist/es/easing/ease.js +7 -0
- package/dist/node_modules/motion-utils/dist/es/easing/modifiers/mirror.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/easing/modifiers/reverse.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/easing/utils/map.js +32 -0
- package/dist/node_modules/motion-utils/dist/es/errors.js +14 -0
- package/dist/node_modules/motion-utils/dist/es/format-error-message.js +6 -0
- package/dist/node_modules/motion-utils/dist/es/global-config.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/is-numerical-string.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/is-object.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/is-zero-value-string.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/memo.js +8 -0
- package/dist/node_modules/motion-utils/dist/es/noop.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/pipe.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/progress.js +7 -0
- package/dist/node_modules/motion-utils/dist/es/subscription-manager.js +29 -0
- package/dist/node_modules/motion-utils/dist/es/time-conversion.js +5 -0
- package/dist/node_modules/motion-utils/dist/es/velocity-per-second.js +4 -0
- package/dist/node_modules/motion-utils/dist/es/warn-once.js +8 -0
- package/dist/node_modules/react/cjs/react-compiler-runtime.development.js +2 -2
- package/dist/node_modules/react/cjs/react-compiler-runtime.production.js +8 -8
- package/dist/utils/reactiveArrayService.js +4 -4
- package/package.json +9 -6
- package/dist/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -25
- package/dist/node_modules/@radix-ui/react-progress/dist/index.js +0 -81
- package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context/dist/index.js +0 -55
- package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive/dist/index.js +0 -32
- package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.js +0 -58
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { interpolate as c } from "../../utils/interpolate.js";
|
|
2
|
+
import { defaultOffset as p } from "../keyframes/offsets/default.js";
|
|
3
|
+
import { convertOffsetToTimes as u } from "../keyframes/offsets/time.js";
|
|
4
|
+
import { isEasingArray as l } from "../../../../../motion-utils/dist/es/easing/utils/is-easing-array.js";
|
|
5
|
+
import { easingDefinitionToFunction as m } from "../../../../../motion-utils/dist/es/easing/utils/map.js";
|
|
6
|
+
import { easeInOut as g } from "../../../../../motion-utils/dist/es/easing/ease.js";
|
|
7
|
+
function T(n, t) {
|
|
8
|
+
return n.map(() => t || g).splice(0, n.length - 1);
|
|
9
|
+
}
|
|
10
|
+
function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
|
|
11
|
+
const e = l(r) ? r.map(m) : m(r), i = {
|
|
12
|
+
done: !1,
|
|
13
|
+
value: t[0]
|
|
14
|
+
}, s = u(
|
|
15
|
+
// Only use the provided offsets if they're the correct length
|
|
16
|
+
// TODO Maybe we should warn here if there's a length mismatch
|
|
17
|
+
o && o.length === t.length ? o : p(t),
|
|
18
|
+
n
|
|
19
|
+
), a = c(s, t, {
|
|
20
|
+
ease: Array.isArray(e) ? e : T(t, e)
|
|
21
|
+
});
|
|
22
|
+
return {
|
|
23
|
+
calculatedDuration: n,
|
|
24
|
+
next: (f) => (i.value = a(f), i.done = f >= n, i)
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
T as defaultEasing,
|
|
29
|
+
y as keyframes
|
|
30
|
+
};
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { generateLinearEasing as L } from "../waapi/utils/linear.js";
|
|
2
|
+
import { calcGeneratorDuration as z, maxGeneratorDuration as B } from "./utils/calc-duration.js";
|
|
3
|
+
import { createGeneratorEasing as H } from "./utils/create-generator-easing.js";
|
|
4
|
+
import { millisecondsToSeconds as K, secondsToMilliseconds as q } from "../../../../../motion-utils/dist/es/time-conversion.js";
|
|
5
|
+
import { clamp as N } from "../../../../../motion-utils/dist/es/clamp.js";
|
|
6
|
+
import { warning as J } from "../../../../../motion-utils/dist/es/errors.js";
|
|
7
|
+
const n = {
|
|
8
|
+
// Default spring physics
|
|
9
|
+
stiffness: 100,
|
|
10
|
+
damping: 10,
|
|
11
|
+
mass: 1,
|
|
12
|
+
velocity: 0,
|
|
13
|
+
// Default duration/bounce-based options
|
|
14
|
+
duration: 800,
|
|
15
|
+
// in ms
|
|
16
|
+
bounce: 0.3,
|
|
17
|
+
visualDuration: 0.3,
|
|
18
|
+
// in seconds
|
|
19
|
+
// Rest thresholds
|
|
20
|
+
restSpeed: {
|
|
21
|
+
granular: 0.01,
|
|
22
|
+
default: 2
|
|
23
|
+
},
|
|
24
|
+
restDelta: {
|
|
25
|
+
granular: 5e-3,
|
|
26
|
+
default: 0.5
|
|
27
|
+
},
|
|
28
|
+
// Limits
|
|
29
|
+
minDuration: 0.01,
|
|
30
|
+
// in seconds
|
|
31
|
+
maxDuration: 10,
|
|
32
|
+
// in seconds
|
|
33
|
+
minDamping: 0.05,
|
|
34
|
+
maxDamping: 1
|
|
35
|
+
};
|
|
36
|
+
function O(e, s) {
|
|
37
|
+
return e * Math.sqrt(1 - s * s);
|
|
38
|
+
}
|
|
39
|
+
const Q = 12;
|
|
40
|
+
function U(e, s, a) {
|
|
41
|
+
let l = a;
|
|
42
|
+
for (let f = 1; f < Q; f++)
|
|
43
|
+
l = l - e(l) / s(l);
|
|
44
|
+
return l;
|
|
45
|
+
}
|
|
46
|
+
const I = 1e-3;
|
|
47
|
+
function W({ duration: e = n.duration, bounce: s = n.bounce, velocity: a = n.velocity, mass: l = n.mass }) {
|
|
48
|
+
let f, v;
|
|
49
|
+
J(e <= q(n.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
|
|
50
|
+
let r = 1 - s;
|
|
51
|
+
r = N(n.minDamping, n.maxDamping, r), e = N(n.minDuration, n.maxDuration, K(e)), r < 1 ? (f = (c) => {
|
|
52
|
+
const g = c * r, h = g * e, k = g - a, x = O(c, r), M = Math.exp(-h);
|
|
53
|
+
return I - k / x * M;
|
|
54
|
+
}, v = (c) => {
|
|
55
|
+
const h = c * r * e, k = h * a + a, x = Math.pow(r, 2) * Math.pow(c, 2) * e, M = Math.exp(-h), o = O(Math.pow(c, 2), r);
|
|
56
|
+
return (-f(c) + I > 0 ? -1 : 1) * ((k - x) * M) / o;
|
|
57
|
+
}) : (f = (c) => {
|
|
58
|
+
const g = Math.exp(-c * e), h = (c - a) * e + 1;
|
|
59
|
+
return -I + g * h;
|
|
60
|
+
}, v = (c) => {
|
|
61
|
+
const g = Math.exp(-c * e), h = (a - c) * (e * e);
|
|
62
|
+
return g * h;
|
|
63
|
+
});
|
|
64
|
+
const p = 5 / e, T = U(f, v, p);
|
|
65
|
+
if (e = q(e), isNaN(T))
|
|
66
|
+
return {
|
|
67
|
+
stiffness: n.stiffness,
|
|
68
|
+
damping: n.damping,
|
|
69
|
+
duration: e
|
|
70
|
+
};
|
|
71
|
+
{
|
|
72
|
+
const c = Math.pow(T, 2) * l;
|
|
73
|
+
return {
|
|
74
|
+
stiffness: c,
|
|
75
|
+
damping: r * 2 * Math.sqrt(l * c),
|
|
76
|
+
duration: e
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
const X = ["duration", "bounce"], Y = ["stiffness", "damping", "mass"];
|
|
81
|
+
function V(e, s) {
|
|
82
|
+
return s.some((a) => e[a] !== void 0);
|
|
83
|
+
}
|
|
84
|
+
function Z(e) {
|
|
85
|
+
let s = {
|
|
86
|
+
velocity: n.velocity,
|
|
87
|
+
stiffness: n.stiffness,
|
|
88
|
+
damping: n.damping,
|
|
89
|
+
mass: n.mass,
|
|
90
|
+
isResolvedFromDuration: !1,
|
|
91
|
+
...e
|
|
92
|
+
};
|
|
93
|
+
if (!V(e, Y) && V(e, X))
|
|
94
|
+
if (s.velocity = 0, e.visualDuration) {
|
|
95
|
+
const a = e.visualDuration, l = 2 * Math.PI / (a * 1.2), f = l * l, v = 2 * N(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(f);
|
|
96
|
+
s = {
|
|
97
|
+
...s,
|
|
98
|
+
mass: n.mass,
|
|
99
|
+
stiffness: f,
|
|
100
|
+
damping: v
|
|
101
|
+
};
|
|
102
|
+
} else {
|
|
103
|
+
const a = W({ ...e, velocity: 0 });
|
|
104
|
+
s = {
|
|
105
|
+
...s,
|
|
106
|
+
...a,
|
|
107
|
+
mass: n.mass
|
|
108
|
+
}, s.isResolvedFromDuration = !0;
|
|
109
|
+
}
|
|
110
|
+
return s;
|
|
111
|
+
}
|
|
112
|
+
function j(e = n.visualDuration, s = n.bounce) {
|
|
113
|
+
const a = typeof e != "object" ? {
|
|
114
|
+
visualDuration: e,
|
|
115
|
+
keyframes: [0, 1],
|
|
116
|
+
bounce: s
|
|
117
|
+
} : e;
|
|
118
|
+
let { restSpeed: l, restDelta: f } = a;
|
|
119
|
+
const v = a.keyframes[0], r = a.keyframes[a.keyframes.length - 1], p = { done: !1, value: v }, { stiffness: T, damping: c, mass: g, duration: h, velocity: k, isResolvedFromDuration: x } = Z({
|
|
120
|
+
...a,
|
|
121
|
+
velocity: -K(a.velocity || 0)
|
|
122
|
+
}), M = k || 0, o = c / (2 * Math.sqrt(T * g)), m = r - v, i = K(Math.sqrt(T / g)), P = Math.abs(m) < 5;
|
|
123
|
+
l || (l = P ? n.restSpeed.granular : n.restSpeed.default), f || (f = P ? n.restDelta.granular : n.restDelta.default);
|
|
124
|
+
let G, w, d, C, A, F;
|
|
125
|
+
if (o < 1)
|
|
126
|
+
d = O(i, o), C = (M + o * i * m) / d, G = (t) => {
|
|
127
|
+
const u = Math.exp(-o * i * t);
|
|
128
|
+
return r - u * (C * Math.sin(d * t) + m * Math.cos(d * t));
|
|
129
|
+
}, A = o * i * C + m * d, F = o * i * m - C * d, w = (t) => Math.exp(-o * i * t) * (A * Math.sin(d * t) + F * Math.cos(d * t));
|
|
130
|
+
else if (o === 1) {
|
|
131
|
+
G = (u) => r - Math.exp(-i * u) * (m + (M + i * m) * u);
|
|
132
|
+
const t = M + i * m;
|
|
133
|
+
w = (u) => Math.exp(-i * u) * (i * t * u - M);
|
|
134
|
+
} else {
|
|
135
|
+
const t = i * Math.sqrt(o * o - 1);
|
|
136
|
+
G = (y) => {
|
|
137
|
+
const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
|
|
138
|
+
return r - S * ((M + o * i * m) * Math.sinh(b) + t * m * Math.cosh(b)) / t;
|
|
139
|
+
};
|
|
140
|
+
const u = (M + o * i * m) / t, D = o * i * u - m * t, R = o * i * m - u * t;
|
|
141
|
+
w = (y) => {
|
|
142
|
+
const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
|
|
143
|
+
return S * (D * Math.sinh(b) + R * Math.cosh(b));
|
|
144
|
+
};
|
|
145
|
+
}
|
|
146
|
+
const E = {
|
|
147
|
+
calculatedDuration: x && h || null,
|
|
148
|
+
velocity: (t) => q(w(t)),
|
|
149
|
+
next: (t) => {
|
|
150
|
+
if (!x && o < 1) {
|
|
151
|
+
const D = Math.exp(-o * i * t), R = Math.sin(d * t), y = Math.cos(d * t), S = r - D * (C * R + m * y), b = q(D * (A * R + F * y));
|
|
152
|
+
return p.done = Math.abs(b) <= l && Math.abs(r - S) <= f, p.value = p.done ? r : S, p;
|
|
153
|
+
}
|
|
154
|
+
const u = G(t);
|
|
155
|
+
if (x)
|
|
156
|
+
p.done = t >= h;
|
|
157
|
+
else {
|
|
158
|
+
const D = q(w(t));
|
|
159
|
+
p.done = Math.abs(D) <= l && Math.abs(r - u) <= f;
|
|
160
|
+
}
|
|
161
|
+
return p.value = p.done ? r : u, p;
|
|
162
|
+
},
|
|
163
|
+
toString: () => {
|
|
164
|
+
const t = Math.min(z(E), B), u = L((D) => E.next(t * D).value, t, 30);
|
|
165
|
+
return t + "ms " + u;
|
|
166
|
+
},
|
|
167
|
+
toTransition: () => {
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
return E;
|
|
171
|
+
}
|
|
172
|
+
j.applyToOptions = (e) => {
|
|
173
|
+
const s = H(e, 100, j);
|
|
174
|
+
return e.ease = s.ease, e.duration = q(s.duration), e.type = "keyframes", e;
|
|
175
|
+
};
|
|
176
|
+
export {
|
|
177
|
+
j as spring
|
|
178
|
+
};
|
package/dist/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { calcGeneratorDuration as i, maxGeneratorDuration as m } from "./calc-duration.js";
|
|
2
|
+
import { millisecondsToSeconds as s } from "../../../../../../motion-utils/dist/es/time-conversion.js";
|
|
3
|
+
function f(n, r = 100, o) {
|
|
4
|
+
const e = o({ ...n, keyframes: [0, r] }), t = Math.min(i(e), m);
|
|
5
|
+
return {
|
|
6
|
+
type: "keyframes",
|
|
7
|
+
ease: (a) => e.next(t * a).value / r,
|
|
8
|
+
duration: s(t)
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export {
|
|
12
|
+
f as createGeneratorEasing
|
|
13
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { AsyncMotionValueAnimation as A } from "../AsyncMotionValueAnimation.js";
|
|
2
|
+
import { JSAnimation as k } from "../JSAnimation.js";
|
|
3
|
+
import { getValueTransition as D } from "../utils/get-value-transition.js";
|
|
4
|
+
import { makeAnimationInstant as d } from "../utils/make-animation-instant.js";
|
|
5
|
+
import { getDefaultTransition as g } from "../utils/default-transitions.js";
|
|
6
|
+
import { getFinalKeyframe as C } from "../keyframes/get-final.js";
|
|
7
|
+
import { isTransitionDefined as T } from "../utils/is-transition-defined.js";
|
|
8
|
+
import { frame as V } from "../../frameloop/frame.js";
|
|
9
|
+
import { secondsToMilliseconds as s } from "../../../../../motion-utils/dist/es/time-conversion.js";
|
|
10
|
+
import { MotionGlobalConfig as y } from "../../../../../motion-utils/dist/es/global-config.js";
|
|
11
|
+
const x = (n, i, a, r = {}, f, p) => (u) => {
|
|
12
|
+
const o = D(r, n) || {}, c = o.delay || r.delay || 0;
|
|
13
|
+
let { elapsed: m = 0 } = r;
|
|
14
|
+
m = m - s(c);
|
|
15
|
+
const e = {
|
|
16
|
+
keyframes: Array.isArray(a) ? a : [null, a],
|
|
17
|
+
ease: "easeOut",
|
|
18
|
+
velocity: i.getVelocity(),
|
|
19
|
+
...o,
|
|
20
|
+
delay: -m,
|
|
21
|
+
onUpdate: (t) => {
|
|
22
|
+
i.set(t), o.onUpdate && o.onUpdate(t);
|
|
23
|
+
},
|
|
24
|
+
onComplete: () => {
|
|
25
|
+
u(), o.onComplete && o.onComplete();
|
|
26
|
+
},
|
|
27
|
+
name: n,
|
|
28
|
+
motionValue: i,
|
|
29
|
+
element: p ? void 0 : f
|
|
30
|
+
};
|
|
31
|
+
T(o) || Object.assign(e, g(n, e)), e.duration && (e.duration = s(e.duration)), e.repeatDelay && (e.repeatDelay = s(e.repeatDelay)), e.from !== void 0 && (e.keyframes[0] = e.from);
|
|
32
|
+
let l = !1;
|
|
33
|
+
if ((e.type === !1 || e.duration === 0 && !e.repeatDelay) && (d(e), e.delay === 0 && (l = !0)), (y.instantAnimations || y.skipAnimations || f?.shouldSkipAnimations || o.skipAnimations) && (l = !0, d(e), e.delay = 0), e.allowFlatten = !o.type && !o.ease, l && !p && i.get() !== void 0) {
|
|
34
|
+
const t = C(e.keyframes, o);
|
|
35
|
+
if (t !== void 0) {
|
|
36
|
+
V.update(() => {
|
|
37
|
+
e.onUpdate(t), e.onComplete();
|
|
38
|
+
});
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return o.isSync ? new k(e) : new A(e);
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
x as animateMotionValue
|
|
46
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { getValueTransition as H } from "../utils/get-value-transition.js";
|
|
2
|
+
import { resolveTransition as B } from "../utils/resolve-transition.js";
|
|
3
|
+
import { positionalKeys as I } from "../../render/utils/keys-position.js";
|
|
4
|
+
import { setTarget as P } from "../../render/utils/setters.js";
|
|
5
|
+
import { addValueToWillChange as R } from "../../value/will-change/add-will-change.js";
|
|
6
|
+
import { getOptimisedAppearId as x } from "../optimized-appear/get-appear-id.js";
|
|
7
|
+
import { animateMotionValue as C } from "./motion-value.js";
|
|
8
|
+
import { frame as u } from "../../frameloop/frame.js";
|
|
9
|
+
function D({ protectedKeys: t, needsAnimating: s }, i) {
|
|
10
|
+
const f = t.hasOwnProperty(i) && s[i] !== !0;
|
|
11
|
+
return s[i] = !1, f;
|
|
12
|
+
}
|
|
13
|
+
function G(t, s, { delay: i = 0, transitionOverride: f, type: d } = {}) {
|
|
14
|
+
let { transition: n, transitionEnd: m, ...p } = s;
|
|
15
|
+
const l = t.getDefaultTransition();
|
|
16
|
+
n = n ? B(n, l) : l;
|
|
17
|
+
const y = n?.reduceMotion, k = n?.skipAnimations;
|
|
18
|
+
f && (n = f);
|
|
19
|
+
const e = [], T = d && t.animationState && t.animationState.getState()[d], g = n?.path;
|
|
20
|
+
g && g.animateVisualElement(t, p, n, i, e);
|
|
21
|
+
for (const o in p) {
|
|
22
|
+
const a = t.getValue(o, t.latestValues[o] ?? null), r = p[o];
|
|
23
|
+
if (r === void 0 || T && D(T, o))
|
|
24
|
+
continue;
|
|
25
|
+
const c = {
|
|
26
|
+
delay: i,
|
|
27
|
+
...H(n || {}, o)
|
|
28
|
+
};
|
|
29
|
+
k && (c.skipAnimations = !0);
|
|
30
|
+
const h = a.get();
|
|
31
|
+
if (h !== void 0 && !a.isAnimating() && !Array.isArray(r) && r === h && !c.velocity) {
|
|
32
|
+
u.update(() => a.set(r));
|
|
33
|
+
continue;
|
|
34
|
+
}
|
|
35
|
+
let A = !1;
|
|
36
|
+
if (window.MotionHandoffAnimation) {
|
|
37
|
+
const V = x(t);
|
|
38
|
+
if (V) {
|
|
39
|
+
const w = window.MotionHandoffAnimation(V, o, u);
|
|
40
|
+
w !== null && (c.startTime = w, A = !0);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
R(t, o);
|
|
44
|
+
const S = y ?? t.shouldReduceMotion;
|
|
45
|
+
a.start(C(o, a, r, S && I.has(o) ? { type: !1 } : c, t, A));
|
|
46
|
+
const M = a.animation;
|
|
47
|
+
M && e.push(M);
|
|
48
|
+
}
|
|
49
|
+
if (m) {
|
|
50
|
+
const o = () => u.update(() => {
|
|
51
|
+
m && P(t, m);
|
|
52
|
+
});
|
|
53
|
+
e.length ? Promise.all(e).then(o) : o();
|
|
54
|
+
}
|
|
55
|
+
return e;
|
|
56
|
+
}
|
|
57
|
+
export {
|
|
58
|
+
G as animateTarget
|
|
59
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { resolveVariant as h } from "../../render/utils/resolve-dynamic-variants.js";
|
|
2
|
+
import { calcChildStagger as l } from "../utils/calc-child-stagger.js";
|
|
3
|
+
import { animateTarget as g } from "./visual-element-target.js";
|
|
4
|
+
function C(r, i, t = {}) {
|
|
5
|
+
const n = h(r, i, t.type === "exit" ? r.presenceContext?.custom : void 0);
|
|
6
|
+
let { transition: o = r.getDefaultTransition() || {} } = n || {};
|
|
7
|
+
t.transitionOverride && (o = t.transitionOverride);
|
|
8
|
+
const a = n ? () => Promise.all(g(r, n, t)) : () => Promise.resolve(), s = r.variantChildren && r.variantChildren.size ? (e = 0) => {
|
|
9
|
+
const { delayChildren: f = 0, staggerChildren: d, staggerDirection: m } = o;
|
|
10
|
+
return y(r, i, e, f, d, m, t);
|
|
11
|
+
} : () => Promise.resolve(), { when: c } = o;
|
|
12
|
+
if (c) {
|
|
13
|
+
const [e, f] = c === "beforeChildren" ? [a, s] : [s, a];
|
|
14
|
+
return e().then(() => f());
|
|
15
|
+
} else
|
|
16
|
+
return Promise.all([a(), s(t.delay)]);
|
|
17
|
+
}
|
|
18
|
+
function y(r, i, t = 0, n = 0, o = 0, a = 1, s) {
|
|
19
|
+
const c = [];
|
|
20
|
+
for (const e of r.variantChildren)
|
|
21
|
+
e.notify("AnimationStart", i), c.push(C(e, i, {
|
|
22
|
+
...s,
|
|
23
|
+
delay: t + (typeof n == "function" ? 0 : n) + l(r.variantChildren, e, n, o, a)
|
|
24
|
+
}).then(() => e.notify("AnimationComplete", i)));
|
|
25
|
+
return Promise.all(c);
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
C as animateVariant
|
|
29
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { resolveVariant as c } from "../../render/utils/resolve-dynamic-variants.js";
|
|
2
|
+
import { animateTarget as p } from "./visual-element-target.js";
|
|
3
|
+
import { animateVariant as e } from "./visual-element-variant.js";
|
|
4
|
+
function n(a, r, t = {}) {
|
|
5
|
+
a.notify("AnimationStart", r);
|
|
6
|
+
let m;
|
|
7
|
+
if (Array.isArray(r)) {
|
|
8
|
+
const o = r.map((y) => e(a, y, t));
|
|
9
|
+
m = Promise.all(o);
|
|
10
|
+
} else if (typeof r == "string")
|
|
11
|
+
m = e(a, r, t);
|
|
12
|
+
else {
|
|
13
|
+
const o = typeof r == "function" ? c(a, r, t.custom) : r;
|
|
14
|
+
m = Promise.all(p(a, o, t));
|
|
15
|
+
}
|
|
16
|
+
return m.then(() => {
|
|
17
|
+
a.notify("AnimationComplete", r);
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
n as animateVisualElement
|
|
22
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { positionalKeys as c } from "../../render/utils/keys-position.js";
|
|
2
|
+
import { findDimensionValueType as d } from "../../value/types/dimensions.js";
|
|
3
|
+
import { getVariableValue as g } from "../utils/css-variables-conversion.js";
|
|
4
|
+
import { isCSSVariableToken as K, containsCSSVariable as h } from "../utils/is-css-variable.js";
|
|
5
|
+
import { KeyframeResolver as v } from "./KeyframesResolver.js";
|
|
6
|
+
import { isNone as V } from "./utils/is-none.js";
|
|
7
|
+
import { makeNoneKeyframesAnimatable as S } from "./utils/make-none-animatable.js";
|
|
8
|
+
import { positionalValues as m, isNumOrPxType as p } from "./utils/unit-conversion.js";
|
|
9
|
+
class M extends v {
|
|
10
|
+
constructor(e, n, r, t, o) {
|
|
11
|
+
super(e, n, r, t, o, !0);
|
|
12
|
+
}
|
|
13
|
+
readKeyframes() {
|
|
14
|
+
const { unresolvedKeyframes: e, element: n, name: r } = this;
|
|
15
|
+
if (!n || !n.current)
|
|
16
|
+
return;
|
|
17
|
+
super.readKeyframes();
|
|
18
|
+
for (let s = 0; s < e.length; s++) {
|
|
19
|
+
let i = e[s];
|
|
20
|
+
if (typeof i == "string" && (i = i.trim(), K(i))) {
|
|
21
|
+
const u = g(i, n.current);
|
|
22
|
+
u !== void 0 && (e[s] = u), s === e.length - 1 && (this.finalKeyframe = i);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (this.resolveNoneKeyframes(), !c.has(r) || e.length !== 2)
|
|
26
|
+
return;
|
|
27
|
+
const [t, o] = e, a = d(t), f = d(o), l = h(t), y = h(o);
|
|
28
|
+
if (l !== y && m[r]) {
|
|
29
|
+
this.needsMeasurement = !0;
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (a !== f)
|
|
33
|
+
if (p(a) && p(f))
|
|
34
|
+
for (let s = 0; s < e.length; s++) {
|
|
35
|
+
const i = e[s];
|
|
36
|
+
typeof i == "string" && (e[s] = parseFloat(i));
|
|
37
|
+
}
|
|
38
|
+
else m[r] && (this.needsMeasurement = !0);
|
|
39
|
+
}
|
|
40
|
+
resolveNoneKeyframes() {
|
|
41
|
+
const { unresolvedKeyframes: e, name: n } = this, r = [];
|
|
42
|
+
for (let t = 0; t < e.length; t++)
|
|
43
|
+
(e[t] === null || V(e[t])) && r.push(t);
|
|
44
|
+
r.length && S(e, r, n);
|
|
45
|
+
}
|
|
46
|
+
measureInitialState() {
|
|
47
|
+
const { element: e, unresolvedKeyframes: n, name: r } = this;
|
|
48
|
+
if (!e || !e.current)
|
|
49
|
+
return;
|
|
50
|
+
r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = m[r](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
|
|
51
|
+
const t = n[n.length - 1];
|
|
52
|
+
t !== void 0 && e.getValue(r, t).jump(t, !1);
|
|
53
|
+
}
|
|
54
|
+
measureEndState() {
|
|
55
|
+
const { element: e, name: n, unresolvedKeyframes: r } = this;
|
|
56
|
+
if (!e || !e.current)
|
|
57
|
+
return;
|
|
58
|
+
const t = e.getValue(n);
|
|
59
|
+
t && t.jump(this.measuredOrigin, !1);
|
|
60
|
+
const o = r.length - 1, a = r[o];
|
|
61
|
+
r[o] = m[n](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), this.removedTransforms?.length && this.removedTransforms.forEach(([f, l]) => {
|
|
62
|
+
e.getValue(f).set(l);
|
|
63
|
+
}), this.resolveNoneKeyframes();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
export {
|
|
67
|
+
M as DOMKeyframesResolver
|
|
68
|
+
};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { fillWildcards as y } from "./utils/fill-wildcards.js";
|
|
2
|
+
import { removeNonTranslationalTransform as p } from "./utils/unit-conversion.js";
|
|
3
|
+
import { frame as c } from "../../frameloop/frame.js";
|
|
4
|
+
const l = /* @__PURE__ */ new Set();
|
|
5
|
+
let f = !1, d = !1, m = !1;
|
|
6
|
+
function u() {
|
|
7
|
+
if (d) {
|
|
8
|
+
const a = Array.from(l).filter((e) => e.needsMeasurement), s = new Set(a.map((e) => e.element)), r = /* @__PURE__ */ new Map();
|
|
9
|
+
s.forEach((e) => {
|
|
10
|
+
const t = p(e);
|
|
11
|
+
t.length && (r.set(e, t), e.render());
|
|
12
|
+
}), a.forEach((e) => e.measureInitialState()), s.forEach((e) => {
|
|
13
|
+
e.render();
|
|
14
|
+
const t = r.get(e);
|
|
15
|
+
t && t.forEach(([n, i]) => {
|
|
16
|
+
e.getValue(n)?.set(i);
|
|
17
|
+
});
|
|
18
|
+
}), a.forEach((e) => e.measureEndState()), a.forEach((e) => {
|
|
19
|
+
e.suspendedScrollY !== void 0 && window.scrollTo(0, e.suspendedScrollY);
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
d = !1, f = !1, l.forEach((a) => a.complete(m)), l.clear();
|
|
23
|
+
}
|
|
24
|
+
function h() {
|
|
25
|
+
l.forEach((a) => {
|
|
26
|
+
a.readKeyframes(), a.needsMeasurement && (d = !0);
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function S() {
|
|
30
|
+
m = !0, h(), u(), m = !1;
|
|
31
|
+
}
|
|
32
|
+
class g {
|
|
33
|
+
constructor(s, r, e, t, n, i = !1) {
|
|
34
|
+
this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...s], this.onComplete = r, this.name = e, this.motionValue = t, this.element = n, this.isAsync = i;
|
|
35
|
+
}
|
|
36
|
+
scheduleResolve() {
|
|
37
|
+
this.state = "scheduled", this.isAsync ? (l.add(this), f || (f = !0, c.read(h), c.resolveKeyframes(u))) : (this.readKeyframes(), this.complete());
|
|
38
|
+
}
|
|
39
|
+
readKeyframes() {
|
|
40
|
+
const { unresolvedKeyframes: s, name: r, element: e, motionValue: t } = this;
|
|
41
|
+
if (s[0] === null) {
|
|
42
|
+
const n = t?.get(), i = s[s.length - 1];
|
|
43
|
+
if (n !== void 0)
|
|
44
|
+
s[0] = n;
|
|
45
|
+
else if (e && r) {
|
|
46
|
+
const o = e.readValue(r, i);
|
|
47
|
+
o != null && (s[0] = o);
|
|
48
|
+
}
|
|
49
|
+
s[0] === void 0 && (s[0] = i), t && n === void 0 && t.set(s[0]);
|
|
50
|
+
}
|
|
51
|
+
y(s);
|
|
52
|
+
}
|
|
53
|
+
setFinalKeyframe() {
|
|
54
|
+
}
|
|
55
|
+
measureInitialState() {
|
|
56
|
+
}
|
|
57
|
+
renderEndStyles() {
|
|
58
|
+
}
|
|
59
|
+
measureEndState() {
|
|
60
|
+
}
|
|
61
|
+
complete(s = !1) {
|
|
62
|
+
this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, s), l.delete(this);
|
|
63
|
+
}
|
|
64
|
+
cancel() {
|
|
65
|
+
this.state === "scheduled" && (l.delete(this), this.state = "pending");
|
|
66
|
+
}
|
|
67
|
+
resume() {
|
|
68
|
+
this.state === "pending" && this.scheduleResolve();
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
export {
|
|
72
|
+
g as KeyframeResolver,
|
|
73
|
+
S as flushKeyframeResolvers
|
|
74
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const i = (e) => e !== null;
|
|
2
|
+
function c(e, { repeat: n, repeatType: l = "loop" }, o, r = 1) {
|
|
3
|
+
const t = e.filter(i), s = r < 0 || n && l !== "loop" && n % 2 === 1 ? 0 : t.length - 1;
|
|
4
|
+
return !s || o === void 0 ? t[s] : o;
|
|
5
|
+
}
|
|
6
|
+
export {
|
|
7
|
+
c as getFinalKeyframe
|
|
8
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { mixNumber as e } from "../../../utils/mix/number.js";
|
|
2
|
+
import { progress as f } from "../../../../../../motion-utils/dist/es/progress.js";
|
|
3
|
+
function l(o, t) {
|
|
4
|
+
const s = o[o.length - 1];
|
|
5
|
+
for (let r = 1; r <= t; r++) {
|
|
6
|
+
const m = f(0, t, r);
|
|
7
|
+
o.push(e(s, 1, m));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
l as fillOffset
|
|
12
|
+
};
|
package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { analyseComplexValue as l } from "../../../value/types/complex/index.js";
|
|
2
|
+
import { getAnimatableNone as m } from "../../../value/types/utils/animatable-none.js";
|
|
3
|
+
const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
4
|
+
function g(e, i, o) {
|
|
5
|
+
let n = 0, a;
|
|
6
|
+
for (; n < e.length && !a; ) {
|
|
7
|
+
const t = e[n];
|
|
8
|
+
typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
|
|
9
|
+
}
|
|
10
|
+
if (a && o)
|
|
11
|
+
for (const t of i)
|
|
12
|
+
e[t] = m(o, a);
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
g as makeNoneKeyframesAnimatable
|
|
16
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { parseValueFromTransform as n } from "../../../render/dom/parse-transform.js";
|
|
2
|
+
import { transformPropOrder as m } from "../../../render/utils/keys-transform.js";
|
|
3
|
+
import { number as i } from "../../../value/types/numbers/index.js";
|
|
4
|
+
import { px as l } from "../../../value/types/numbers/units.js";
|
|
5
|
+
const h = (r) => r === i || r === l, p = /* @__PURE__ */ new Set(["x", "y", "z"]), f = m.filter((r) => !p.has(r));
|
|
6
|
+
function F(r) {
|
|
7
|
+
const o = [];
|
|
8
|
+
return f.forEach((t) => {
|
|
9
|
+
const a = r.getValue(t);
|
|
10
|
+
a !== void 0 && (o.push([t, a.get()]), a.set(t.startsWith("scale") ? 1 : 0));
|
|
11
|
+
}), o;
|
|
12
|
+
}
|
|
13
|
+
const s = {
|
|
14
|
+
// Dimensions
|
|
15
|
+
width: ({ x: r }, { paddingLeft: o = "0", paddingRight: t = "0", boxSizing: a }) => {
|
|
16
|
+
const e = r.max - r.min;
|
|
17
|
+
return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
|
|
18
|
+
},
|
|
19
|
+
height: ({ y: r }, { paddingTop: o = "0", paddingBottom: t = "0", boxSizing: a }) => {
|
|
20
|
+
const e = r.max - r.min;
|
|
21
|
+
return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
|
|
22
|
+
},
|
|
23
|
+
top: (r, { top: o }) => parseFloat(o),
|
|
24
|
+
left: (r, { left: o }) => parseFloat(o),
|
|
25
|
+
bottom: ({ y: r }, { top: o }) => parseFloat(o) + (r.max - r.min),
|
|
26
|
+
right: ({ x: r }, { left: o }) => parseFloat(o) + (r.max - r.min),
|
|
27
|
+
// Transform
|
|
28
|
+
x: (r, { transform: o }) => n(o, "x"),
|
|
29
|
+
y: (r, { transform: o }) => n(o, "y")
|
|
30
|
+
};
|
|
31
|
+
s.translateX = s.x;
|
|
32
|
+
s.translateY = s.y;
|
|
33
|
+
export {
|
|
34
|
+
h as isNumOrPxType,
|
|
35
|
+
s as positionalValues,
|
|
36
|
+
F as removeNonTranslationalTransform
|
|
37
|
+
};
|