motion-start 0.1.12 → 0.1.14
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/animation/animate.d.ts +3 -3
- package/dist/animation/animate.d.ts.map +1 -1
- package/dist/animation/animate.js +2 -3
- package/dist/animation/utils/transitions.d.ts +1 -1
- package/dist/animation/utils/transitions.d.ts.map +1 -1
- package/dist/animation/utils/variant-resolvers.d.ts +1 -1
- package/dist/animation/utils/variant-resolvers.d.ts.map +1 -1
- package/dist/components/AnimateSharedLayout/types.d.ts +2 -2
- package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -1
- package/dist/gestures/drag/types.d.ts +2 -2
- package/dist/gestures/drag/types.d.ts.map +1 -1
- package/dist/motion/types.d.ts +1 -1
- package/dist/motion/types.d.ts.map +1 -1
- package/dist/render/dom/Motion-Proxy.svelte +3 -1
- package/dist/render/dom/Motion-Proxy.svelte.d.ts +1 -0
- package/dist/render/dom/Motion-Proxy.svelte.d.ts.map +1 -1
- package/dist/render/dom/svg-visual-element.d.ts +1 -1
- package/dist/render/dom/svg-visual-element.d.ts.map +1 -1
- package/dist/render/dom/svg-visual-element.js +13 -15
- package/dist/render/dom/utils/UseInitialMotionProps.svelte +1 -1
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts +1 -1
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts.map +1 -1
- package/dist/render/dom/utils/unit-conversion.d.ts.map +1 -1
- package/dist/render/dom/utils/unit-conversion.js +3 -1
- package/dist/render/html/use-props.d.ts +1 -1
- package/dist/render/html/use-props.d.ts.map +1 -1
- package/dist/render/html/use-props.js +2 -2
- package/dist/utils/use-reduced-motion.d.ts +25 -25
- package/dist/utils/use-reduced-motion.d.ts.map +1 -1
- package/dist/utils/use-reduced-motion.js +30 -30
- package/package.json +31 -4
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { ResolvedValueTarget, Spring, Tween } from
|
|
6
|
-
import { MotionValue } from
|
|
5
|
+
import type { ResolvedValueTarget, Spring, Tween } from '../types';
|
|
6
|
+
import type { MotionValue } from '../value/index.js';
|
|
7
7
|
/**
|
|
8
8
|
* @public
|
|
9
9
|
*/
|
|
@@ -25,7 +25,7 @@ export interface AnimationPlaybackLifecycles<V> {
|
|
|
25
25
|
*/
|
|
26
26
|
export type AnimationOptions<V> = (Tween | Spring) & AnimationPlaybackLifecycles<V> & {
|
|
27
27
|
delay?: number;
|
|
28
|
-
type?:
|
|
28
|
+
type?: 'tween' | 'spring';
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
31
31
|
* Animate a single value or a `MotionValue`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/animation/animate.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/animation/animate.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACzC,IAAI,EAAE,MAAM,IAAI,CAAC;CACjB;AACD;;GAEG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AACD;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,GACjD,2BAA2B,CAAC,CAAC,CAAC,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,mBAAmB,EAAE,UAAU,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAQjG,yBAAyB,CAC9B;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { MotionValue } from "../value";
|
|
2
1
|
/**
|
|
3
2
|
based on framer-motion@4.0.3,
|
|
4
3
|
Copyright (c) 2018 Framer B.V.
|
|
@@ -38,9 +37,9 @@ function animate(from, to, transition) {
|
|
|
38
37
|
transition = {};
|
|
39
38
|
}
|
|
40
39
|
var value = isMotionValue(from) ? from : motionValue(from);
|
|
41
|
-
startAnimation(
|
|
40
|
+
startAnimation('', value, to, transition);
|
|
42
41
|
return {
|
|
43
|
-
stop:
|
|
42
|
+
stop: () => value.stop(),
|
|
44
43
|
};
|
|
45
44
|
}
|
|
46
45
|
export { animate };
|
|
@@ -4,7 +4,7 @@ Copyright (c) 2018 Framer B.V.
|
|
|
4
4
|
*/
|
|
5
5
|
import type { AnimationOptions } from 'popmotion';
|
|
6
6
|
import type { PermissiveTransitionDefinition, ResolvedValueTarget, Transition } from '../../types';
|
|
7
|
-
import type { MotionValue } from '../../value';
|
|
7
|
+
import type { MotionValue } from '../../value/index.js';
|
|
8
8
|
/**
|
|
9
9
|
* Decide whether a transition is defined on a given Transition.
|
|
10
10
|
* This filters out orchestration options and returns true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/animation/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/animation/utils/transitions.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,KAAK,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAcxD;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,EAAE,EAAE,UAAU,WAc1C;AAED;;GAEG;AACH,iBAAS,mCAAmC,CAAC,CAAC,EAAE,EAAE,EAAE,8BAA8B,GAAG,gBAAgB,CAAC,CAAC,CAAC,CA4CvG;AACD;;GAEG;AACH,iBAAS,sBAAsB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,GAAG,MAAM,OAIlH;AACD,iBAAS,gBAAgB,CAAC,OAAO,EAAE,8BAA8B,kCAMhE;AACD,iBAAS,4BAA4B,CAAC,UAAU,EAAE,8BAA8B,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,OAa1G;AAgFD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,WAErC;AACD,iBAAS,WAAW,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,OAEtD;AACD,iBAAS,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,OAG9D;AACD;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,CAAC,EAAE,UAAU,iBAoB5G;AAED,OAAO,EACN,mCAAmC,EACnC,sBAAsB,EACtB,4BAA4B,EAC5B,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,EACN,cAAc,GACd,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import type { MotionValue } from '../../value';
|
|
5
|
+
import type { MotionValue } from '../../value/index.js';
|
|
6
6
|
type VariantNameList = string[];
|
|
7
7
|
type VariantName = string | VariantNameList;
|
|
8
8
|
type UnresolvedVariant = VariantName | MotionValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variant-resolvers.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/animation/utils/variant-resolvers.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"variant-resolvers.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/animation/utils/variant-resolvers.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,KAAK,eAAe,GAAG,MAAM,EAAE,CAAC;AAChC,KAAK,WAAW,GAAG,MAAM,GAAG,eAAe,CAAC;AAC5C,KAAK,iBAAiB,GAAG,WAAW,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,SAAS,KAAK,eAAe,CAAC;AAChG;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,eAAe,KAAK,MAAM,EAAE,CAAC"}
|
|
@@ -4,8 +4,8 @@ Copyright (c) 2018 Framer B.V.
|
|
|
4
4
|
*/
|
|
5
5
|
import type { VisualElement } from '../../render/types';
|
|
6
6
|
import type { Transition } from '../../types';
|
|
7
|
-
import type { AxisBox2D } from '../../types/geometry';
|
|
8
|
-
import type { MotionValue } from '../../value';
|
|
7
|
+
import type { AxisBox2D } from '../../types/geometry.js';
|
|
8
|
+
import type { MotionValue } from '../../value/index.js';
|
|
9
9
|
/**
|
|
10
10
|
* @public
|
|
11
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD;;GAEG;AACH,oBAAY,QAAQ;IACnB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACX;AACD;;GAEG;AACH,oBAAY,gBAAgB;IAC3B,IAAI,IAAI;IACR,IAAI,IAAI;CACR;AACD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IAEH;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC9B;AACD,MAAM,WAAW,2BAA2B;IAC3C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AACD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AACD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAChD;AACD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IACjE,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC;AAED;;;EAGE;AAEF;;GAEG"}
|
|
@@ -4,8 +4,8 @@ Copyright (c) 2018 Framer B.V.
|
|
|
4
4
|
*/
|
|
5
5
|
import type { VariantLabels } from '../../motion/types';
|
|
6
6
|
import type { Inertia, TargetAndTransition } from '../../types';
|
|
7
|
-
import type { Axis, BoundingBox2D } from '../../types/geometry';
|
|
8
|
-
import type { MotionValue } from '../../value';
|
|
7
|
+
import type { Axis, BoundingBox2D } from '../../types/geometry.js';
|
|
8
|
+
import type { MotionValue } from '../../value/index.js';
|
|
9
9
|
import type { PanInfo } from '../PanSession';
|
|
10
10
|
import type { DragControls } from './use-drag-controls';
|
|
11
11
|
export type DragHandler = (event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/gestures/drag/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/gestures/drag/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;AACjG,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AACpE,MAAM,WAAW,mBAAmB;IACnC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;CACjB;AACD,MAAM,WAAW,eAAe;IAC/B,CAAC,EAAE,IAAI,CAAC;IACR,CAAC,EAAE,IAAI,CAAC;CACR;AACD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACjF;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/E;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5E;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACxC;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;CAC7B;AACD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;AACzE;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,YAAY;IACnD;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,mBAAmB,CAAC;IAChD;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG;QAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAC;IAC/E;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;;;;;;OAaG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,KAAK,aAAa,GAAG,IAAI,CAAC;IAChF;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B"}
|
package/dist/motion/types.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import type { DraggableProps } from '../gestures/drag/types';
|
|
|
8
8
|
import type { FocusHandlers, HoverHandlers, PanHandlers, TapHandlers } from '../gestures/types';
|
|
9
9
|
import type { VisualElementLifecycles } from '../render/utils/lifecycles.ts';
|
|
10
10
|
import type { MakeCustomValueType, Omit, Target, TargetAndTransition, Transition, Variants } from '../types';
|
|
11
|
-
import type { MotionValue } from '../value';
|
|
11
|
+
import type { MotionValue } from '../value/index.js';
|
|
12
12
|
import type { LayoutProps } from './features/layout/types';
|
|
13
13
|
export type Ref<T> = (instance: T | null) => void | {
|
|
14
14
|
current: T | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/motion/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChG,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC7G,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/motion/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,14 +7,16 @@
|
|
|
7
7
|
// let {as, class: className, children, ...restProps}: {as: keyof SvelteHTMLElements, children: Snippet, class: string } & MotionProps = $props();
|
|
8
8
|
export let ___tag: keyof SvelteHTMLElements;
|
|
9
9
|
export let el: SvelteHTMLElements[typeof ___tag]["this"];
|
|
10
|
+
export let isSVG: boolean;
|
|
10
11
|
</script>
|
|
11
12
|
|
|
12
|
-
<Motion {...$$restProps} let:props let:motion>
|
|
13
|
+
<Motion {...$$restProps} let:props let:motion isSVG>
|
|
13
14
|
<svelte:element
|
|
14
15
|
this={___tag}
|
|
15
16
|
{...props}
|
|
16
17
|
bind:this={el}
|
|
17
18
|
class={props.class}
|
|
19
|
+
xmnls={isSVG ? "http://www.w3.org/2000/svg" : undefined}
|
|
18
20
|
use:motion
|
|
19
21
|
>
|
|
20
22
|
<slot />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Motion-Proxy.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/render/dom/Motion-Proxy.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Motion-Proxy.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/render/dom/Motion-Proxy.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAwB1D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;YAfoD,MAAM,kBAAkB;QAAM,kBAAkB,0BAAe,CAAC,MAAM,CAAC;WAAS,OAAO;;;;;;;cAe/B,CAAC;AAC5G,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare const svgMutableState: () => any;
|
|
2
|
-
export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState }: import("../types").VisualElementOptions<HTMLElement, any>, options?: import("./types").DOMVisualElementOptions | undefined) => import("../types").VisualElement<HTMLElement, any>;
|
|
2
|
+
export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState }: import("../types.js").VisualElementOptions<HTMLElement, any>, options?: import("./types.js").DOMVisualElementOptions | undefined) => import("../types.js").VisualElement<HTMLElement, any>;
|
|
3
3
|
//# sourceMappingURL=svg-visual-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-visual-element.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/render/dom/svg-visual-element.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,eAAe,WAK1B,
|
|
1
|
+
{"version":3,"file":"svg-visual-element.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/render/dom/svg-visual-element.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,eAAe,WAK1B,CAAC;AAEH,eAAO,MAAM,gBAAgB,gQA8E3B,CAAC"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
based on framer-motion@4.0.3,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { visualElement } from
|
|
6
|
-
import { isMotionValue } from
|
|
7
|
-
import { htmlConfig } from
|
|
8
|
-
import { buildSVGAttrs } from
|
|
9
|
-
import { camelToDash } from
|
|
10
|
-
import { camelCaseAttributes } from
|
|
11
|
-
import { isTransformProp } from
|
|
12
|
-
import { getDefaultValueType } from
|
|
5
|
+
import { visualElement } from '../index.js';
|
|
6
|
+
import { isMotionValue } from '../../value/utils/is-motion-value';
|
|
7
|
+
import { htmlConfig } from '../html/visual-element';
|
|
8
|
+
import { buildSVGAttrs } from '../svg/utils/build-attrs';
|
|
9
|
+
import { camelToDash } from './utils/camel-to-dash';
|
|
10
|
+
import { camelCaseAttributes } from '../svg/utils/camel-case-attrs';
|
|
11
|
+
import { isTransformProp } from '../html/utils/transform';
|
|
12
|
+
import { getDefaultValueType } from './value-types/defaults';
|
|
13
13
|
const zeroDimensions = {
|
|
14
14
|
x: 0,
|
|
15
15
|
y: 0,
|
|
@@ -23,15 +23,13 @@ export const svgMutableState = () => ({
|
|
|
23
23
|
dimensions: zeroDimensions,
|
|
24
24
|
});
|
|
25
25
|
export const svgVisualElement = visualElement({
|
|
26
|
-
...
|
|
26
|
+
...htmlConfig,
|
|
27
27
|
//@ts-ignore
|
|
28
28
|
createRenderState: svgMutableState,
|
|
29
29
|
onMount(element, instance, mutableState) {
|
|
30
30
|
try {
|
|
31
31
|
mutableState.dimensions =
|
|
32
|
-
typeof
|
|
33
|
-
? (instance).getBBox()
|
|
34
|
-
: (instance.getBoundingClientRect());
|
|
32
|
+
typeof instance.getBBox === 'function' ? instance.getBBox() : instance.getBoundingClientRect();
|
|
35
33
|
}
|
|
36
34
|
catch (e) {
|
|
37
35
|
// Most likely trying to measure an unrendered element under Firefox
|
|
@@ -64,8 +62,8 @@ export const svgVisualElement = visualElement({
|
|
|
64
62
|
for (let key in props) {
|
|
65
63
|
//@ts-ignore
|
|
66
64
|
if (isMotionValue(props[key])) {
|
|
67
|
-
if (key ===
|
|
68
|
-
key =
|
|
65
|
+
if (key === 'x' || key === 'y') {
|
|
66
|
+
key = 'attr' + key.toUpperCase();
|
|
69
67
|
}
|
|
70
68
|
//@ts-ignore
|
|
71
69
|
newValues[key] = props[key];
|
|
@@ -87,5 +85,5 @@ export const svgVisualElement = visualElement({
|
|
|
87
85
|
},
|
|
88
86
|
});
|
|
89
87
|
function isPath(element) {
|
|
90
|
-
return element.tagName ===
|
|
88
|
+
return element.tagName === 'path';
|
|
91
89
|
}
|
|
@@ -3,7 +3,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
3
3
|
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
import { isMotionValue } from "../../../value/utils/is-motion-value.js";
|
|
6
|
-
import type { VisualElement } from "../../types
|
|
6
|
+
import type { VisualElement } from "../../types";
|
|
7
7
|
|
|
8
8
|
type $$Props = {
|
|
9
9
|
visualElement: VisualElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { VisualElement } from "../../types
|
|
1
|
+
import type { VisualElement } from "../../types";
|
|
2
2
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
3
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
4
|
$$bindings?: Bindings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseInitialMotionProps.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/utils/UseInitialMotionProps.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"UseInitialMotionProps.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/utils/UseInitialMotionProps.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAyCjD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,qBAAqB;mBAhDR,aAAa;WACrB,GAAG;;;;;;;;;;;cA+CkG,CAAC;AAC/F,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC1E,eAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unit-conversion.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/utils/unit-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAc,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,aAAK,oBAAoB;IACxB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;
|
|
1
|
+
{"version":3,"file":"unit-conversion.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/dom/utils/unit-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAc,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,aAAK,oBAAoB;IACxB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;AA8ND;;;;;;GAMG;AACH,iBAAS,cAAc,CACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,mBAAmB,EAC3B,MAAM,CAAC,EAAE,MAAM,EACf,aAAa,CAAC,EAAE,MAAM,GACpB;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAIA;AAED,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -29,6 +29,7 @@ var setAndResetVelocity = (value, to) => {
|
|
|
29
29
|
var isNumOrPxType = (v) => v === number || v === px;
|
|
30
30
|
var getPosFromMatrix = (matrix, pos) => Number.parseFloat(matrix.split(', ')[pos]);
|
|
31
31
|
var getTranslateFromMatrix = (pos2, pos3) => (_bbox, _a) => {
|
|
32
|
+
// @ts-expect-error
|
|
32
33
|
varm = _a.transform; // @ts-expect-error
|
|
33
34
|
if (transform === 'none' || !transform)
|
|
34
35
|
return 0; // @ts-expect-error
|
|
@@ -36,7 +37,8 @@ var getTranslateFromMatrix = (pos2, pos3) => (_bbox, _a) => {
|
|
|
36
37
|
if (matrix3d) {
|
|
37
38
|
return getPosFromMatrix(matrix3d[1], pos3);
|
|
38
39
|
}
|
|
39
|
-
else {
|
|
40
|
+
else {
|
|
41
|
+
// @ts-expect-error
|
|
40
42
|
var matrix = transform.match(/^matrix\((.+)\)$/);
|
|
41
43
|
if (matrix) {
|
|
42
44
|
return getPosFromMatrix(matrix[1], pos2);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { MotionValue } from '../../value';
|
|
1
|
+
import type { MotionValue } from '../../value/index.js';
|
|
2
2
|
import type { MotionProps } from '../../motion/types';
|
|
3
3
|
import type { ResolvedValues } from '../types';
|
|
4
4
|
export type UseStyle = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => ResolvedValues;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/render/html/use-props.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../src/lib/motion-start/render/html/use-props.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,cAAc,CAAC;AAC9G,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;AAEvG,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5D,eAAO,MAAM,YAAY,EAAuB,OAAO,gBAAgB,CAAC;AACxE,eAAO,MAAM,QAAQ,EAAmB,OAAO,YAAY,CAAC;AAE5D,wBAAgB,iBAAiB,CAChC,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE;IACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;CAC7C,EACD,KAAK,EAAE,WAAW,QAOlB"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
based on framer-motion@4.1.17,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value';
|
|
6
|
-
import { isMotionValue } from '../../value/utils/is-motion-value';
|
|
5
|
+
import { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value.js';
|
|
6
|
+
import { isMotionValue } from '../../value/utils/is-motion-value.js';
|
|
7
7
|
import { default as UseHTMLPropsComp } from './UseHTMLProps.svelte';
|
|
8
8
|
import { default as UseStyleComp } from './UseStyle.svelte';
|
|
9
9
|
export const UseHTMLProps = UseHTMLPropsComp;
|
|
@@ -4,30 +4,30 @@ Copyright (c) 2018 Framer B.V.
|
|
|
4
4
|
*/
|
|
5
5
|
import type { Readable } from 'svelte/store';
|
|
6
6
|
/**
|
|
7
|
-
* A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.
|
|
8
|
-
*
|
|
9
|
-
* This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing
|
|
10
|
-
* `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.
|
|
11
|
-
*
|
|
12
|
-
* It will actively respond to changes and re-render your components with the latest setting.
|
|
13
|
-
*
|
|
14
|
-
* ```jsx
|
|
15
|
-
* export function Sidebar({ isOpen }) {
|
|
16
|
-
* const shouldReduceMotion = useReducedMotion()
|
|
17
|
-
* const closedX = shouldReduceMotion ? 0 : "-100%"
|
|
18
|
-
*
|
|
19
|
-
* return (
|
|
20
|
-
* <MotionDiv animate={{
|
|
21
|
-
* opacity: isOpen ? 1 : 0,
|
|
22
|
-
* x: isOpen ? 0 : closedX
|
|
23
|
-
* }} />
|
|
24
|
-
* )
|
|
25
|
-
* }
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @return boolean
|
|
29
|
-
*
|
|
30
|
-
* @public
|
|
31
|
-
*/
|
|
7
|
+
* A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.
|
|
8
|
+
*
|
|
9
|
+
* This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing
|
|
10
|
+
* `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.
|
|
11
|
+
*
|
|
12
|
+
* It will actively respond to changes and re-render your components with the latest setting.
|
|
13
|
+
*
|
|
14
|
+
* ```jsx
|
|
15
|
+
* export function Sidebar({ isOpen }) {
|
|
16
|
+
* const shouldReduceMotion = useReducedMotion()
|
|
17
|
+
* const closedX = shouldReduceMotion ? 0 : "-100%"
|
|
18
|
+
*
|
|
19
|
+
* return (
|
|
20
|
+
* <MotionDiv animate={{
|
|
21
|
+
* opacity: isOpen ? 1 : 0,
|
|
22
|
+
* x: isOpen ? 0 : closedX
|
|
23
|
+
* }} />
|
|
24
|
+
* )
|
|
25
|
+
* }
|
|
26
|
+
* ```
|
|
27
|
+
*
|
|
28
|
+
* @return boolean
|
|
29
|
+
*
|
|
30
|
+
* @public
|
|
31
|
+
*/
|
|
32
32
|
export declare const useReducedMotion: () => Readable<boolean | null>;
|
|
33
33
|
//# sourceMappingURL=use-reduced-motion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-reduced-motion.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/utils/use-reduced-motion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"use-reduced-motion.d.ts","sourceRoot":"","sources":["../../src/lib/motion-start/utils/use-reduced-motion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6BvD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,gCAI5B,CAAC"}
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
based on framer-motion@4.0.3,
|
|
3
3
|
Copyright (c) 2018 Framer B.V.
|
|
4
4
|
*/
|
|
5
|
-
import { motionValue } from
|
|
6
|
-
import { derived } from
|
|
5
|
+
import { motionValue } from '../value/index.js';
|
|
6
|
+
import { derived } from 'svelte/store';
|
|
7
7
|
// Does this device prefer reduced motion? Returns `null` server-side.
|
|
8
8
|
let prefersReducedMotion;
|
|
9
9
|
function initPrefersReducedMotion() {
|
|
10
10
|
prefersReducedMotion = motionValue(null);
|
|
11
|
-
if (typeof window ===
|
|
11
|
+
if (typeof window === 'undefined')
|
|
12
12
|
return;
|
|
13
13
|
if (window.matchMedia) {
|
|
14
|
-
const motionMediaQuery = window.matchMedia(
|
|
14
|
+
const motionMediaQuery = window.matchMedia('(prefers-reduced-motion)');
|
|
15
15
|
const setReducedMotionPreferences = () => prefersReducedMotion.set(motionMediaQuery.matches);
|
|
16
16
|
motionMediaQuery.addListener(setReducedMotionPreferences);
|
|
17
17
|
setReducedMotionPreferences();
|
|
@@ -21,32 +21,32 @@ function initPrefersReducedMotion() {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
|
-
* A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.
|
|
25
|
-
*
|
|
26
|
-
* This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing
|
|
27
|
-
* `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.
|
|
28
|
-
*
|
|
29
|
-
* It will actively respond to changes and re-render your components with the latest setting.
|
|
30
|
-
*
|
|
31
|
-
* ```jsx
|
|
32
|
-
* export function Sidebar({ isOpen }) {
|
|
33
|
-
* const shouldReduceMotion = useReducedMotion()
|
|
34
|
-
* const closedX = shouldReduceMotion ? 0 : "-100%"
|
|
35
|
-
*
|
|
36
|
-
* return (
|
|
37
|
-
* <MotionDiv animate={{
|
|
38
|
-
* opacity: isOpen ? 1 : 0,
|
|
39
|
-
* x: isOpen ? 0 : closedX
|
|
40
|
-
* }} />
|
|
41
|
-
* )
|
|
42
|
-
* }
|
|
43
|
-
* ```
|
|
44
|
-
*
|
|
45
|
-
* @return boolean
|
|
46
|
-
*
|
|
47
|
-
* @public
|
|
48
|
-
*/
|
|
24
|
+
* A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.
|
|
25
|
+
*
|
|
26
|
+
* This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing
|
|
27
|
+
* `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.
|
|
28
|
+
*
|
|
29
|
+
* It will actively respond to changes and re-render your components with the latest setting.
|
|
30
|
+
*
|
|
31
|
+
* ```jsx
|
|
32
|
+
* export function Sidebar({ isOpen }) {
|
|
33
|
+
* const shouldReduceMotion = useReducedMotion()
|
|
34
|
+
* const closedX = shouldReduceMotion ? 0 : "-100%"
|
|
35
|
+
*
|
|
36
|
+
* return (
|
|
37
|
+
* <MotionDiv animate={{
|
|
38
|
+
* opacity: isOpen ? 1 : 0,
|
|
39
|
+
* x: isOpen ? 0 : closedX
|
|
40
|
+
* }} />
|
|
41
|
+
* )
|
|
42
|
+
* }
|
|
43
|
+
* ```
|
|
44
|
+
*
|
|
45
|
+
* @return boolean
|
|
46
|
+
*
|
|
47
|
+
* @public
|
|
48
|
+
*/
|
|
49
49
|
export const useReducedMotion = () => {
|
|
50
50
|
!prefersReducedMotion && initPrefersReducedMotion();
|
|
51
|
-
return derived(prefersReducedMotion, $v => $v);
|
|
51
|
+
return derived(prefersReducedMotion, ($v) => $v);
|
|
52
52
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "motion-start",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "Svelte animation library inspired by the React library framer-motion.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
@@ -14,9 +14,35 @@
|
|
|
14
14
|
"svelte": "./dist/index.js",
|
|
15
15
|
"default": "./dist/index.js"
|
|
16
16
|
},
|
|
17
|
+
"./package.json": "./package.json",
|
|
18
|
+
"./src/context/MotionContext": {
|
|
19
|
+
"types": "./dist/context/MotionContext/index.d.ts",
|
|
20
|
+
"svelte": "./dist/context/MotionContext/index.js",
|
|
21
|
+
"import": "./dist/context/MotionContext/index.js",
|
|
22
|
+
"default": "./dist/context/MotionContext/index.js"
|
|
23
|
+
},
|
|
24
|
+
"./src/motion": {
|
|
25
|
+
"types": "./dist/motion/index.d.ts",
|
|
26
|
+
"svelte": "./dist/motion/index.js",
|
|
27
|
+
"import": "./dist/motion/index.js",
|
|
28
|
+
"default": "./dist/motion/index.js"
|
|
29
|
+
},
|
|
30
|
+
"./src/render": {
|
|
31
|
+
"types": "./dist/render/index.d.ts",
|
|
32
|
+
"svelte": "./dist/render/index.js",
|
|
33
|
+
"import": "./dist/render/index.js",
|
|
34
|
+
"default": "./dist/render/index.js"
|
|
35
|
+
},
|
|
36
|
+
"./src/value": {
|
|
37
|
+
"types": "./dist/value/index.d.ts",
|
|
38
|
+
"svelte": "./dist/value/index.js",
|
|
39
|
+
"import": "./dist/value/index.js",
|
|
40
|
+
"default": "./dist/value/index.js"
|
|
41
|
+
},
|
|
17
42
|
"./src/*.js": {
|
|
18
43
|
"types": "./dist/*.d.ts",
|
|
19
44
|
"svelte": "./dist/*.js",
|
|
45
|
+
"import": "./dist/*.js",
|
|
20
46
|
"default": "./dist/*.js"
|
|
21
47
|
},
|
|
22
48
|
"./src/*.svelte": {
|
|
@@ -35,7 +61,8 @@
|
|
|
35
61
|
"type": "module",
|
|
36
62
|
"scripts": {
|
|
37
63
|
"dev": "vite dev",
|
|
38
|
-
"build": "vite build
|
|
64
|
+
"build docs": "vite build",
|
|
65
|
+
"build": "bun --bun package",
|
|
39
66
|
"package": "svelte-kit sync && svelte-package --input ./src/lib/motion-start && publint --strict",
|
|
40
67
|
"preview": "vite preview",
|
|
41
68
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
@@ -55,7 +82,7 @@
|
|
|
55
82
|
"@changesets/cli": "^2.27.10",
|
|
56
83
|
"@biomejs/biome": "^1.9.4",
|
|
57
84
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
58
|
-
"@sveltejs/package": "^2.3.
|
|
85
|
+
"@sveltejs/package": "^2.3.11",
|
|
59
86
|
"@sveltejs/vite-plugin-svelte": "^4.0.2",
|
|
60
87
|
"svelte-check": "^4.1.1",
|
|
61
88
|
"@tsconfig/svelte": "^5.0.4",
|
|
@@ -66,7 +93,7 @@
|
|
|
66
93
|
"typescript": "^5.7.2",
|
|
67
94
|
"vite": "5.4.11",
|
|
68
95
|
"vitest": "latest",
|
|
69
|
-
"@sveltejs/adapter-auto": "^
|
|
96
|
+
"@sveltejs/adapter-auto": "^6.0.0",
|
|
70
97
|
"@sveltejs/kit": "2.7.1",
|
|
71
98
|
"@tailwindcss/typography": "^0.5.15",
|
|
72
99
|
"@tailwindcss/vite": "^4.0.0-alpha.28",
|