@motion.page/sdk 1.2.1 → 1.2.3
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/core/Animation.d.ts +2 -2
- package/dist/core/PropTween.d.ts +6 -1
- package/dist/core/Timeline.d.ts +6 -1
- package/dist/index.cjs +10 -10
- package/dist/index.js +10 -10
- package/dist/render/CSSRenderer.d.ts +6 -0
- package/dist/triggers/CursorTrigger.d.ts +27 -0
- package/dist/triggers/MouseMoveTrigger.d.ts +14 -0
- package/dist/triggers/PinManager.d.ts +1 -0
- package/dist/utils/ColorParser.d.ts +1 -1
- package/dist/utils/PathParser.d.ts +25 -1
- package/dist/utils/PropertyParser/types.d.ts +6 -0
- package/package.json +1 -1
package/dist/core/Animation.d.ts
CHANGED
|
@@ -70,13 +70,13 @@ export declare class Animation {
|
|
|
70
70
|
/**
|
|
71
71
|
* Render animation at specific progress (0-1)
|
|
72
72
|
*/
|
|
73
|
-
render(progress: number): void;
|
|
73
|
+
render(progress: number, shouldRender?: (propTween: PropTween) => boolean): void;
|
|
74
74
|
/**
|
|
75
75
|
* Render animation at an absolute time position (seconds)
|
|
76
76
|
* Handles repeat, repeatDelay, and yoyo for timeline-driven scrubbing.
|
|
77
77
|
* When driven by a Timeline (_isActive = true), also fires lifecycle callbacks.
|
|
78
78
|
*/
|
|
79
|
-
renderAtTime(totalTime: number): void;
|
|
79
|
+
renderAtTime(totalTime: number, shouldRender?: (propTween: PropTween) => boolean): void;
|
|
80
80
|
/**
|
|
81
81
|
* Apply easing function to progress
|
|
82
82
|
*/
|
package/dist/core/PropTween.d.ts
CHANGED
|
@@ -18,6 +18,8 @@ export declare class PropTween {
|
|
|
18
18
|
endValue: number;
|
|
19
19
|
change: number;
|
|
20
20
|
unit: string;
|
|
21
|
+
startUnit: string | null;
|
|
22
|
+
endUnit: string | null;
|
|
21
23
|
next: PropTween | null;
|
|
22
24
|
valueType: PropTweenValueType;
|
|
23
25
|
startColor: Float32Array | null;
|
|
@@ -48,7 +50,7 @@ export declare class PropTween {
|
|
|
48
50
|
/**
|
|
49
51
|
* Initialize the PropTween with scalar values
|
|
50
52
|
*/
|
|
51
|
-
init(target: AnimationTarget, property: string, startValue: number, endValue: number, unit?: string): this;
|
|
53
|
+
init(target: AnimationTarget, property: string, startValue: number, endValue: number, unit?: string, startUnit?: string, endUnit?: string): this;
|
|
52
54
|
/**
|
|
53
55
|
* Initialize the PropTween with color values
|
|
54
56
|
*/
|
|
@@ -75,6 +77,9 @@ export declare class PropTween {
|
|
|
75
77
|
}, pathOffset: {
|
|
76
78
|
x: number;
|
|
77
79
|
y: number;
|
|
80
|
+
}, pathScale?: {
|
|
81
|
+
x: number;
|
|
82
|
+
y: number;
|
|
78
83
|
}): this;
|
|
79
84
|
/**
|
|
80
85
|
* Render the property at given progress (0-1)
|
package/dist/core/Timeline.d.ts
CHANGED
|
@@ -34,6 +34,7 @@ export declare class Timeline {
|
|
|
34
34
|
static setEngineActivationCallback(callback: () => void): void;
|
|
35
35
|
private _name?;
|
|
36
36
|
private _children;
|
|
37
|
+
private _initialRenderStartTimes;
|
|
37
38
|
private _duration;
|
|
38
39
|
private _time;
|
|
39
40
|
private _progress;
|
|
@@ -127,6 +128,9 @@ export declare class Timeline {
|
|
|
127
128
|
* Internal method to add an AnimationBuilder directly
|
|
128
129
|
*/
|
|
129
130
|
private _addBuilder;
|
|
131
|
+
private _getInitialRenderStartTimes;
|
|
132
|
+
private _renderAnimationInitialBoundary;
|
|
133
|
+
private _renderInitialTimelineState;
|
|
130
134
|
/**
|
|
131
135
|
* Call function at position
|
|
132
136
|
*/
|
|
@@ -294,7 +298,8 @@ export declare class Timeline {
|
|
|
294
298
|
*/
|
|
295
299
|
private _resetChildrenForCycle;
|
|
296
300
|
/**
|
|
297
|
-
* Render
|
|
301
|
+
* Render initial start values without letting later timeline segments
|
|
302
|
+
* overwrite earlier segments for the same target/property.
|
|
298
303
|
*/
|
|
299
304
|
private _renderPositionZeroAnimations;
|
|
300
305
|
/**
|