@tamagui/animations-motion 1.129.12 → 1.129.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/cjs/createAnimations.cjs +50 -37
- package/dist/cjs/createAnimations.js +50 -29
- package/dist/cjs/createAnimations.js.map +2 -2
- package/dist/cjs/createAnimations.native.js +50 -50
- package/dist/cjs/createAnimations.native.js.map +2 -2
- package/dist/esm/createAnimations.js +57 -30
- package/dist/esm/createAnimations.js.map +2 -2
- package/dist/esm/createAnimations.mjs +52 -39
- package/dist/esm/createAnimations.mjs.map +1 -1
- package/dist/esm/createAnimations.native.js +60 -61
- package/dist/esm/createAnimations.native.js.map +1 -1
- package/package.json +4 -4
- package/src/createAnimations.tsx +116 -47
- package/types/createAnimations.d.ts.map +2 -2
|
@@ -73,70 +73,79 @@ function createAnimations(animationsProp) {
|
|
|
73
73
|
sendExitComplete = presence?.[1],
|
|
74
74
|
[scope, animate] = (0, import_react.useAnimate)(),
|
|
75
75
|
lastAnimationStyle = (0, import_react2.useRef)(null),
|
|
76
|
+
lastDontAnimate = (0, import_react2.useRef)({}),
|
|
76
77
|
controls = (0, import_react2.useRef)(null),
|
|
77
|
-
styleKey = JSON.stringify(style)
|
|
78
|
-
|
|
78
|
+
styleKey = JSON.stringify(style);
|
|
79
|
+
function collapseAnimationQueue() {
|
|
80
|
+
const queue = animationsQueue.current,
|
|
81
|
+
last = queue[queue.length - 1];
|
|
82
|
+
if (last) return animationsQueue.current = [], last;
|
|
83
|
+
}
|
|
84
|
+
const shouldDebug = process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile",
|
|
79
85
|
{
|
|
80
|
-
dontAnimate,
|
|
86
|
+
dontAnimate = {},
|
|
81
87
|
doAnimate,
|
|
82
88
|
animationOptions
|
|
83
89
|
} = (0, import_react2.useMemo)(() => getMotionAnimatedProps(props, style, disableAnimation), [presenceContext, animationKey, styleKey]),
|
|
84
90
|
animationsQueue = (0, import_react2.useRef)([]),
|
|
85
91
|
lastAnimateAt = (0, import_react2.useRef)(0),
|
|
86
92
|
minTimeBetweenAnimations = 16.667;
|
|
87
|
-
(0,
|
|
93
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
88
94
|
let disposed = !1;
|
|
89
95
|
const animationFrame = () => {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
disposed || requestAnimationFrame(animationFrame);
|
|
96
|
+
const elapsed = Date.now() - lastAnimateAt.current,
|
|
97
|
+
animationProps2 = collapseAnimationQueue();
|
|
98
|
+
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, {
|
|
99
|
+
animationProps: animationProps2,
|
|
100
|
+
props
|
|
101
|
+
}), animationProps2 && flushAnimation(animationProps2), disposed || requestAnimationFrame(animationFrame);
|
|
97
102
|
};
|
|
98
103
|
return requestAnimationFrame(animationFrame), () => {
|
|
99
104
|
disposed = !0;
|
|
100
105
|
};
|
|
101
106
|
}, []);
|
|
102
|
-
const runAnimation =
|
|
103
|
-
Date.now() - lastAnimateAt.current > minTimeBetweenAnimations ? flushAnimation(
|
|
104
|
-
nextStyle,
|
|
105
|
-
animationOptions: animationOptions2
|
|
106
|
-
});
|
|
107
|
+
const runAnimation = props2 => {
|
|
108
|
+
Date.now() - lastAnimateAt.current > minTimeBetweenAnimations ? flushAnimation(props2) : animationsQueue.current.push(props2);
|
|
107
109
|
},
|
|
108
|
-
flushAnimation = (
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
110
|
+
flushAnimation = ({
|
|
111
|
+
doAnimate: doAnimate2,
|
|
112
|
+
dontAnimate: dontAnimate2,
|
|
113
|
+
animationOptions: animationOptions2 = {}
|
|
114
|
+
}) => {
|
|
115
|
+
const node = stateRef.current.host;
|
|
116
|
+
if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2) return;
|
|
117
|
+
if (doAnimate2 && ((0, import_core.fixStyles)(doAnimate2), (0, import_core.styleToCSS)(doAnimate2)), dontAnimate2 && ((0, import_core.fixStyles)(dontAnimate2), (0, import_core.styleToCSS)(dontAnimate2)), !lastAnimationStyle.current) {
|
|
118
|
+
lastAnimationStyle.current = doAnimate2 || {}, animate(scope.current, doAnimate2 || {}, {
|
|
112
119
|
duration: 0,
|
|
113
120
|
type: "tween"
|
|
114
|
-
}).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(
|
|
121
|
+
}).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate2), console.groupEnd());
|
|
115
122
|
return;
|
|
116
123
|
}
|
|
117
|
-
|
|
118
|
-
|
|
124
|
+
const next = doAnimate2 || {};
|
|
125
|
+
dontAnimate2 && node && getDiff(lastDontAnimate.current, dontAnimate2) && (lastDontAnimate.current = dontAnimate2, Object.assign(node.style, dontAnimate2));
|
|
126
|
+
const diff = getDiff(lastAnimationStyle.current, next);
|
|
119
127
|
shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({
|
|
120
128
|
next,
|
|
121
129
|
animationOptions: animationOptions2,
|
|
122
130
|
animationProps,
|
|
123
131
|
lastAnimationStyle
|
|
124
|
-
}), console.groupEnd()), diff && (lastAnimateAt.current = Date.now(), controls.current
|
|
132
|
+
}), console.groupEnd()), diff && (lastAnimateAt.current = Date.now(), controls.current = animate(scope.current, diff, animationOptions2), lastAnimationStyle.current = next, isExiting && controls.current.finished.then(() => {
|
|
125
133
|
sendExitComplete?.();
|
|
126
134
|
}));
|
|
127
135
|
};
|
|
128
136
|
return useStyleEmitter?.(nextStyle => {
|
|
129
|
-
const
|
|
130
|
-
|
|
131
|
-
dontAnimate: dontAnimate2,
|
|
132
|
-
animationOptions: animationOptions2
|
|
133
|
-
} = getMotionAnimatedProps(props, nextStyle, disableAnimation);
|
|
134
|
-
runAnimation(doAnimate2, animationOptions2);
|
|
137
|
+
const animationProps2 = getMotionAnimatedProps(props, nextStyle, disableAnimation);
|
|
138
|
+
runAnimation(animationProps2);
|
|
135
139
|
}), (0, import_react2.useEffect)(() => () => {
|
|
136
140
|
lastAnimationStyle.current = null;
|
|
137
|
-
}, []), (0,
|
|
138
|
-
doAnimate &&
|
|
139
|
-
|
|
141
|
+
}, []), (0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
142
|
+
doAnimate && (animationsQueue.current = [], runAnimation({
|
|
143
|
+
doAnimate,
|
|
144
|
+
animationOptions
|
|
145
|
+
}));
|
|
146
|
+
}, [JSON.stringify(doAnimate), lastAnimationStyle]), (0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
147
|
+
lastDontAnimate.current = dontAnimate;
|
|
148
|
+
}), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
140
149
|
style,
|
|
141
150
|
doAnimate,
|
|
142
151
|
dontAnimate,
|
|
@@ -193,13 +202,11 @@ function createAnimations(animationsProp) {
|
|
|
193
202
|
};
|
|
194
203
|
function getMotionAnimatedProps(props, style, disable = !1) {
|
|
195
204
|
if (disable) return {
|
|
196
|
-
dontAnimate: style
|
|
197
|
-
doAnimate: null
|
|
205
|
+
dontAnimate: style
|
|
198
206
|
};
|
|
199
207
|
const animationOptions = animationPropToAnimationConfig(props.animation);
|
|
200
|
-
console.log("?", props.animation, animationOptions);
|
|
201
208
|
let dontAnimate = {},
|
|
202
|
-
doAnimate
|
|
209
|
+
doAnimate;
|
|
203
210
|
const animateOnly = props.animateOnly;
|
|
204
211
|
for (const key in style) {
|
|
205
212
|
const value = style[key];
|
|
@@ -295,4 +302,10 @@ function createMotionView(defaultTag) {
|
|
|
295
302
|
});
|
|
296
303
|
});
|
|
297
304
|
return Component.acceptTagProp = !0, Component;
|
|
305
|
+
}
|
|
306
|
+
function getDiff(previous, next) {
|
|
307
|
+
if (!previous) return next;
|
|
308
|
+
let diff = null;
|
|
309
|
+
for (const key in next) next[key] !== previous[key] && (diff ||= {}, diff[key] = next[key]);
|
|
310
|
+
return diff;
|
|
298
311
|
}
|
|
@@ -46,57 +46,72 @@ function createAnimations(animationsProp) {
|
|
|
46
46
|
usePresence: import_use_presence.usePresence,
|
|
47
47
|
ResetPresence: import_use_presence.ResetPresence,
|
|
48
48
|
useAnimations: (animationProps) => {
|
|
49
|
-
const { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, disableAnimation = componentState.unmounted === !0 || !animationKey, presenceContext = import_react2.default.useContext(import_use_presence.PresenceContext), isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null),
|
|
49
|
+
const { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, disableAnimation = componentState.unmounted === !0 || !animationKey, presenceContext = import_react2.default.useContext(import_use_presence.PresenceContext), isExiting = presence?.[0] === !1, sendExitComplete = presence?.[1], [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null), lastDontAnimate = (0, import_react2.useRef)({}), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style);
|
|
50
|
+
function collapseAnimationQueue() {
|
|
51
|
+
const queue = animationsQueue.current, last = queue[queue.length - 1];
|
|
52
|
+
if (last)
|
|
53
|
+
return animationsQueue.current = [], last;
|
|
54
|
+
}
|
|
55
|
+
const shouldDebug = process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile", {
|
|
56
|
+
dontAnimate = {},
|
|
57
|
+
doAnimate,
|
|
58
|
+
animationOptions
|
|
59
|
+
} = (0, import_react2.useMemo)(() => getMotionAnimatedProps(
|
|
50
60
|
props,
|
|
51
61
|
style,
|
|
52
62
|
disableAnimation
|
|
53
63
|
), [presenceContext, animationKey, styleKey]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667;
|
|
54
|
-
(0,
|
|
64
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
55
65
|
let disposed = !1;
|
|
56
66
|
const animationFrame = () => {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
for (const item of animationsQueue.current)
|
|
60
|
-
Object.assign(nextStyle, item.nextStyle), Object.assign(animationOptions2, item.animationOptions);
|
|
61
|
-
animationsQueue.current = [], flushAnimation(nextStyle, animationOptions2);
|
|
62
|
-
}
|
|
63
|
-
disposed || requestAnimationFrame(animationFrame);
|
|
67
|
+
const elapsed = Date.now() - lastAnimateAt.current, animationProps2 = collapseAnimationQueue();
|
|
68
|
+
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, { animationProps: animationProps2, props }), animationProps2 && flushAnimation(animationProps2), disposed || requestAnimationFrame(animationFrame);
|
|
64
69
|
};
|
|
65
70
|
return requestAnimationFrame(animationFrame), () => {
|
|
66
71
|
disposed = !0;
|
|
67
72
|
};
|
|
68
73
|
}, []);
|
|
69
|
-
const runAnimation = (
|
|
70
|
-
Date.now() - lastAnimateAt.current > minTimeBetweenAnimations ? flushAnimation(
|
|
71
|
-
}, flushAnimation = (
|
|
72
|
-
|
|
74
|
+
const runAnimation = (props2) => {
|
|
75
|
+
Date.now() - lastAnimateAt.current > minTimeBetweenAnimations ? flushAnimation(props2) : animationsQueue.current.push(props2);
|
|
76
|
+
}, flushAnimation = ({
|
|
77
|
+
doAnimate: doAnimate2,
|
|
78
|
+
dontAnimate: dontAnimate2,
|
|
79
|
+
animationOptions: animationOptions2 = {}
|
|
80
|
+
}) => {
|
|
81
|
+
const node = stateRef.current.host;
|
|
82
|
+
if (!(node instanceof HTMLElement) || !doAnimate2 && !dontAnimate2)
|
|
73
83
|
return;
|
|
74
|
-
if ((0, import_core.fixStyles)(
|
|
75
|
-
lastAnimationStyle.current =
|
|
84
|
+
if (doAnimate2 && ((0, import_core.fixStyles)(doAnimate2), (0, import_core.styleToCSS)(doAnimate2)), dontAnimate2 && ((0, import_core.fixStyles)(dontAnimate2), (0, import_core.styleToCSS)(dontAnimate2)), !lastAnimationStyle.current) {
|
|
85
|
+
lastAnimationStyle.current = doAnimate2 || {}, animate(scope.current, doAnimate2 || {}, {
|
|
76
86
|
duration: 0,
|
|
77
87
|
type: "tween"
|
|
78
|
-
}).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(
|
|
88
|
+
}).complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate2), console.groupEnd());
|
|
79
89
|
return;
|
|
80
90
|
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({ next, animationOptions: animationOptions2, animationProps, lastAnimationStyle }), console.groupEnd()), diff && (lastAnimateAt.current = Date.now(), controls.current
|
|
91
|
+
const next = doAnimate2 || {};
|
|
92
|
+
dontAnimate2 && node && getDiff(lastDontAnimate.current, dontAnimate2) && (lastDontAnimate.current = dontAnimate2, Object.assign(node.style, dontAnimate2));
|
|
93
|
+
const diff = getDiff(lastAnimationStyle.current, next);
|
|
94
|
+
shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff, null, 2)})`), console.info({ next, animationOptions: animationOptions2, animationProps, lastAnimationStyle }), console.groupEnd()), diff && (lastAnimateAt.current = Date.now(), controls.current = animate(scope.current, diff, animationOptions2), lastAnimationStyle.current = next, isExiting && controls.current.finished.then(() => {
|
|
85
95
|
sendExitComplete?.();
|
|
86
96
|
}));
|
|
87
97
|
};
|
|
88
98
|
return useStyleEmitter?.((nextStyle) => {
|
|
89
|
-
const
|
|
99
|
+
const animationProps2 = getMotionAnimatedProps(
|
|
90
100
|
props,
|
|
91
101
|
nextStyle,
|
|
92
102
|
disableAnimation
|
|
93
103
|
);
|
|
94
|
-
runAnimation(
|
|
104
|
+
runAnimation(animationProps2);
|
|
95
105
|
}), (0, import_react2.useEffect)(() => () => {
|
|
96
106
|
lastAnimationStyle.current = null;
|
|
97
|
-
}, []), (0,
|
|
98
|
-
doAnimate &&
|
|
99
|
-
|
|
107
|
+
}, []), (0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
108
|
+
doAnimate && (animationsQueue.current = [], runAnimation({
|
|
109
|
+
doAnimate,
|
|
110
|
+
animationOptions
|
|
111
|
+
}));
|
|
112
|
+
}, [JSON.stringify(doAnimate), lastAnimationStyle]), (0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
113
|
+
lastDontAnimate.current = dontAnimate;
|
|
114
|
+
}), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({ style, doAnimate, dontAnimate, scope, animationOptions }), console.groupEnd()), {
|
|
100
115
|
style: dontAnimate,
|
|
101
116
|
ref: scope,
|
|
102
117
|
tag: "div"
|
|
@@ -148,12 +163,10 @@ function createAnimations(animationsProp) {
|
|
|
148
163
|
function getMotionAnimatedProps(props, style, disable = !1) {
|
|
149
164
|
if (disable)
|
|
150
165
|
return {
|
|
151
|
-
dontAnimate: style
|
|
152
|
-
doAnimate: null
|
|
166
|
+
dontAnimate: style
|
|
153
167
|
};
|
|
154
168
|
const animationOptions = animationPropToAnimationConfig(props.animation);
|
|
155
|
-
|
|
156
|
-
let dontAnimate = {}, doAnimate = null;
|
|
169
|
+
let dontAnimate = {}, doAnimate;
|
|
157
170
|
const animateOnly = props.animateOnly;
|
|
158
171
|
for (const key in style) {
|
|
159
172
|
const value = style[key];
|
|
@@ -264,4 +277,12 @@ function createMotionView(defaultTag) {
|
|
|
264
277
|
});
|
|
265
278
|
return Component.acceptTagProp = !0, Component;
|
|
266
279
|
}
|
|
280
|
+
function getDiff(previous, next) {
|
|
281
|
+
if (!previous)
|
|
282
|
+
return next;
|
|
283
|
+
let diff = null;
|
|
284
|
+
for (const key in next)
|
|
285
|
+
next[key] !== previous[key] && (diff ||= {}, diff[key] = next[key]);
|
|
286
|
+
return diff;
|
|
287
|
+
}
|
|
267
288
|
//# sourceMappingURL=createAnimations.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
-
"names": ["import_react", "React", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["import_react", "React", "animationProps", "props", "doAnimate", "dontAnimate", "animationOptions"]
|
|
6
6
|
}
|
|
@@ -46,7 +46,13 @@ function createAnimations(animationsProp) {
|
|
|
46
46
|
usePresence: import_use_presence.usePresence,
|
|
47
47
|
ResetPresence: import_use_presence.ResetPresence,
|
|
48
48
|
useAnimations: function(animationProps) {
|
|
49
|
-
var { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, presenceContext = import_react2.default.useContext(import_use_presence.PresenceContext), isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null),
|
|
49
|
+
var { props, style, componentState, stateRef, useStyleEmitter, presence } = animationProps, animationKey = Array.isArray(props.animation) ? props.animation[0] : props.animation, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, presenceContext = import_react2.default.useContext(import_use_presence.PresenceContext), isExiting = (presence == null ? void 0 : presence[0]) === !1, sendExitComplete = presence == null ? void 0 : presence[1], [scope, animate] = (0, import_react.useAnimate)(), lastAnimationStyle = (0, import_react2.useRef)(null), lastDontAnimate = (0, import_react2.useRef)({}), controls = (0, import_react2.useRef)(null), styleKey = JSON.stringify(style);
|
|
50
|
+
function collapseAnimationQueue() {
|
|
51
|
+
var queue = animationsQueue.current, last = queue[queue.length - 1];
|
|
52
|
+
if (last)
|
|
53
|
+
return animationsQueue.current = [], last;
|
|
54
|
+
}
|
|
55
|
+
var shouldDebug = process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile", { dontAnimate = {}, doAnimate, animationOptions } = (0, import_react2.useMemo)(function() {
|
|
50
56
|
var motionAnimationState = getMotionAnimatedProps(props, style, disableAnimation);
|
|
51
57
|
return motionAnimationState;
|
|
52
58
|
}, [
|
|
@@ -54,78 +60,67 @@ function createAnimations(animationsProp) {
|
|
|
54
60
|
animationKey,
|
|
55
61
|
styleKey
|
|
56
62
|
]), animationsQueue = (0, import_react2.useRef)([]), lastAnimateAt = (0, import_react2.useRef)(0), minTimeBetweenAnimations = 16.667;
|
|
57
|
-
(0,
|
|
63
|
+
(0, import_core.useIsomorphicLayoutEffect)(function() {
|
|
58
64
|
var disposed = !1, animationFrame = function() {
|
|
59
|
-
var elapsed = Date.now() - lastAnimateAt.current;
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
var item = _step.value;
|
|
65
|
-
Object.assign(nextStyle, item.nextStyle), Object.assign(animationOptions2, item.animationOptions);
|
|
66
|
-
}
|
|
67
|
-
} catch (err) {
|
|
68
|
-
_didIteratorError = !0, _iteratorError = err;
|
|
69
|
-
} finally {
|
|
70
|
-
try {
|
|
71
|
-
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
72
|
-
} finally {
|
|
73
|
-
if (_didIteratorError)
|
|
74
|
-
throw _iteratorError;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
animationsQueue.current = [], flushAnimation(nextStyle, animationOptions2);
|
|
78
|
-
}
|
|
79
|
-
disposed || requestAnimationFrame(animationFrame);
|
|
65
|
+
var elapsed = Date.now() - lastAnimateAt.current, _$animationProps = collapseAnimationQueue();
|
|
66
|
+
elapsed > minTimeBetweenAnimations && animationsQueue.current.length && console.info("slow", elapsed, {
|
|
67
|
+
animationProps: _$animationProps,
|
|
68
|
+
props
|
|
69
|
+
}), _$animationProps && flushAnimation(_$animationProps), disposed || requestAnimationFrame(animationFrame);
|
|
80
70
|
};
|
|
81
71
|
return requestAnimationFrame(animationFrame), function() {
|
|
82
72
|
disposed = !0;
|
|
83
73
|
};
|
|
84
74
|
}, []);
|
|
85
|
-
var runAnimation = function(
|
|
75
|
+
var runAnimation = function(props2) {
|
|
86
76
|
var elapsed = Date.now() - lastAnimateAt.current;
|
|
87
|
-
elapsed > minTimeBetweenAnimations ? flushAnimation(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
if ((0, import_core.fixStyles)(next), (0, import_core.styleToCSS)(next), !lastAnimationStyle.current) {
|
|
95
|
-
lastAnimationStyle.current = next;
|
|
96
|
-
var firstAnimation = animate(scope.current, next, {
|
|
77
|
+
elapsed > minTimeBetweenAnimations ? flushAnimation(props2) : animationsQueue.current.push(props2);
|
|
78
|
+
}, flushAnimation = function(param) {
|
|
79
|
+
var { doAnimate: doAnimate2, dontAnimate: dontAnimate2, animationOptions: animationOptions2 = {} } = param, node = stateRef.current.host;
|
|
80
|
+
if (node instanceof HTMLElement && !(!doAnimate2 && !dontAnimate2)) {
|
|
81
|
+
if (doAnimate2 && ((0, import_core.fixStyles)(doAnimate2), (0, import_core.styleToCSS)(doAnimate2)), dontAnimate2 && ((0, import_core.fixStyles)(dontAnimate2), (0, import_core.styleToCSS)(dontAnimate2)), !lastAnimationStyle.current) {
|
|
82
|
+
lastAnimationStyle.current = doAnimate2 || {};
|
|
83
|
+
var firstAnimation = animate(scope.current, doAnimate2 || {}, {
|
|
97
84
|
duration: 0,
|
|
98
85
|
type: "tween"
|
|
99
86
|
});
|
|
100
|
-
firstAnimation.complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(
|
|
87
|
+
firstAnimation.complete(), scope.animations = [], shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} FIRST"), console.info(doAnimate2), console.groupEnd());
|
|
101
88
|
return;
|
|
102
89
|
}
|
|
103
|
-
var
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
90
|
+
var next = doAnimate2 || {};
|
|
91
|
+
if (dontAnimate2 && node) {
|
|
92
|
+
var diff = getDiff(lastDontAnimate.current, dontAnimate2);
|
|
93
|
+
diff && (lastDontAnimate.current = dontAnimate2, Object.assign(node.style, dontAnimate2));
|
|
94
|
+
}
|
|
95
|
+
var diff1 = getDiff(lastAnimationStyle.current, next);
|
|
96
|
+
shouldDebug && (console.groupCollapsed(`[motion] \u{1F30A} animate (${JSON.stringify(diff1, null, 2)})`), console.info({
|
|
107
97
|
next,
|
|
108
98
|
animationOptions: animationOptions2,
|
|
109
99
|
animationProps,
|
|
110
100
|
lastAnimationStyle
|
|
111
|
-
}), console.groupEnd()),
|
|
101
|
+
}), console.groupEnd()), diff1 && (lastAnimateAt.current = Date.now(), controls.current = animate(scope.current, diff1, animationOptions2), lastAnimationStyle.current = next, isExiting && controls.current.finished.then(function() {
|
|
112
102
|
sendExitComplete == null || sendExitComplete();
|
|
113
103
|
}));
|
|
114
104
|
}
|
|
115
105
|
};
|
|
116
106
|
return useStyleEmitter == null || useStyleEmitter(function(nextStyle) {
|
|
117
|
-
var
|
|
118
|
-
runAnimation(
|
|
107
|
+
var _$animationProps = getMotionAnimatedProps(props, nextStyle, disableAnimation);
|
|
108
|
+
runAnimation(_$animationProps);
|
|
119
109
|
}), (0, import_react2.useEffect)(function() {
|
|
120
110
|
return function() {
|
|
121
111
|
lastAnimationStyle.current = null;
|
|
122
112
|
};
|
|
123
|
-
}, []), (0,
|
|
124
|
-
doAnimate &&
|
|
113
|
+
}, []), (0, import_core.useIsomorphicLayoutEffect)(function() {
|
|
114
|
+
doAnimate && (animationsQueue.current = [], runAnimation({
|
|
115
|
+
doAnimate,
|
|
116
|
+
animationOptions
|
|
117
|
+
}));
|
|
125
118
|
}, [
|
|
126
119
|
JSON.stringify(doAnimate),
|
|
127
120
|
lastAnimationStyle
|
|
128
|
-
]),
|
|
121
|
+
]), (0, import_core.useIsomorphicLayoutEffect)(function() {
|
|
122
|
+
lastDontAnimate.current = dontAnimate;
|
|
123
|
+
}), shouldDebug && (console.groupCollapsed("[motion] \u{1F30A} render"), console.info({
|
|
129
124
|
style,
|
|
130
125
|
doAnimate,
|
|
131
126
|
dontAnimate,
|
|
@@ -192,12 +187,9 @@ function createAnimations(animationsProp) {
|
|
|
192
187
|
var disable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
|
|
193
188
|
if (disable)
|
|
194
189
|
return {
|
|
195
|
-
dontAnimate: style
|
|
196
|
-
doAnimate: null
|
|
190
|
+
dontAnimate: style
|
|
197
191
|
};
|
|
198
|
-
var animationOptions = animationPropToAnimationConfig(props.animation);
|
|
199
|
-
console.log("?", props.animation, animationOptions);
|
|
200
|
-
var dontAnimate = {}, doAnimate = null, animateOnly = props.animateOnly;
|
|
192
|
+
var animationOptions = animationPropToAnimationConfig(props.animation), dontAnimate = {}, doAnimate, animateOnly = props.animateOnly;
|
|
201
193
|
for (var key2 in style) {
|
|
202
194
|
var value = style[key2];
|
|
203
195
|
disableAnimationProps.has(key2) || animateOnly && !animateOnly.includes(key2) ? dontAnimate[key2] = value : (doAnimate || (doAnimate = {}), doAnimate[key2] = value);
|
|
@@ -325,6 +317,14 @@ function createMotionView(defaultTag) {
|
|
|
325
317
|
});
|
|
326
318
|
return Component.acceptTagProp = !0, Component;
|
|
327
319
|
}
|
|
320
|
+
function getDiff(previous, next) {
|
|
321
|
+
if (!previous)
|
|
322
|
+
return next;
|
|
323
|
+
var diff = null;
|
|
324
|
+
for (var key in next)
|
|
325
|
+
next[key] !== previous[key] && (diff || (diff = {}), diff[key] = next[key]);
|
|
326
|
+
return diff;
|
|
327
|
+
}
|
|
328
328
|
// Annotate the CommonJS export names for ESM import in node:
|
|
329
329
|
0 && (module.exports = {
|
|
330
330
|
createAnimations
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createAnimations.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,
|
|
5
|
-
"names": ["import_react", "MotionValueStrategy", "WeakMap", "createAnimations", "animationsProp", "animations", "key", "type", "View", "MotionView", "Text", "MotionText", "isReactNative", "supportsCSS", "needsWebStyles", "avoidReRenders", "usePresence", "ResetPresence", "useAnimations", "animationProps", "props", "style", "componentState", "stateRef", "useStyleEmitter", "presence", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "presenceContext", "React", "useContext", "PresenceContext", "isExiting", "sendExitComplete", "scope", "animate", "useAnimate", "lastAnimationStyle", "useRef", "controls", "styleKey", "JSON", "stringify", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,cAeO,0BACP,sBAA4D,kCAC5D,eASO,yBACPA,gBAOO,2BAYDC,sBAAsB,oBAAIC,QAAAA;AAQzB,SAASC,iBACdC,gBAAiB;AAKjB,MAAMC,aAAgB,CAAC;AACvB,WAAWC,OAAOF;AAChBC,eAAWC,GAAAA,IAAO;MAChBC,MAAM;MACN,GAAGH,eAAeE,GAAAA;IACpB;AAGF,SAAO;;IAELE,MAAMC;IACNC,MAAMC;IACNC,eAAe;IACfC,aAAa;IACbC,gBAAgB;IAChBC,gBAAgB;IAChBV;IACAW;IACAC;IAEAC,eAAe,SAACC,gBAAAA;AACd,UAAM,EAAEC,OAAOC,OAAOC,gBAAgBC,UAAUC,iBAAiBC,SAAQ,IACvEN,gBAEIO,eAAeC,MAAMC,QAAQR,MAAMS,SAAS,IAC9CT,MAAMS,UAAU,CAAA,IAChBT,MAAMS,WAEJC,cAAcR,eAAeS,cAAc,IAC3CC,mBAAmBF,eAAe,CAACJ,cACnCO,kBAAkBC,cAAAA,QAAMC,WAAWC,mCAAAA,GACnCC,aAAYZ,YAAAA,OAAAA,SAAAA,SAAW,CAAA,OAAO,IAC9Ba,mBAAmBb,YAAAA,OAAAA,SAAAA,SAAW,CAAA,GAE9B,CAACc,OAAOC,OAAAA,QAAWC,yBAAAA,GACnBC,yBAAqBC,sBAAuC,IAAA,GAC5DC,sBAAkBD,sBAAgC,CAAC,CAAA,GACnDE,eAAWF,sBAAiD,IAAA,GAC5DG,WAAWC,KAAKC,UAAU3B,KAAAA;AAEhC,eAAS4B,yBAAAA;AAEP,YAAMC,QAAQC,gBAAgBC,SACxBC,OAAOH,MAAMA,MAAMI,SAAS,CAAA;AAClC,YAAID;AAEFF,iCAAgBC,UAAU,CAAA,GACnBC;MAEX;AAEA,UAAME,cACJC,QAAQC,IAAIC,aAAa,iBACzBtC,MAAM,SACNA,MAAM,UAAa,WAEf,EACJuC,cAAc,CAAC,GACfC,WACAC,iBAAgB,QACdC,uBAAQ,WAAA;AACV,YAAMC,uBAAuBC,uBAC3B5C,OACAC,OACAW,gBAAAA;AAEF,eAAO+B;MACT,GAAG;QAAC9B;QAAiBP;QAAcoB;OAAS,GAEtCK,sBAAkBR,sBAAyB,CAAA,CAAE,GAC7CsB,oBAAgBtB,sBAAO,CAAA,GACvBuB,2BAA2B;AAEjCC,iDAA0B,WAAA;AACxB,YAAIC,WAAW,IAETC,iBAAiB,WAAA;AACrB,cAAMC,UAAUC,KAAKC,IAAG,IAAKP,cAAcb,SACrCjC,mBAAiB8B,uBAAAA;AAEvB,UAAIqB,UAAUJ,4BAA4Bf,gBAAgBC,QAAQE,UAChEmB,QAAQC,KAAK,QAAQJ,SAAS;YAAEnD,gBAAAA;YAAgBC;UAAM,CAAA,GAGpDD,oBACFwD,eAAexD,gBAAAA,GAGZiD,YAEHQ,sBAAsBP,cAAAA;QAE1B;AAEAO,qCAAsBP,cAAAA,GAGf,WAAA;AACLD,qBAAW;QACb;MACF,GAAG,CAAA,CAAE;AAEL,UAAMS,eAAe,SAACzD,QAAAA;AACpB,YAAMkD,UAAUC,KAAKC,IAAG,IAAKP,cAAcb;AAC3C,QAAIkB,UAAUJ,2BACZS,eAAevD,MAAAA,IAEf+B,gBAAgBC,QAAQ0B,KAAK1D,MAAAA;MAEjC,GAEMuD,iBAAiB,SAAA,OAAA;YAAC,EACtBf,WAAAA,YACAD,aAAAA,cACAE,kBAAAA,oBAAmB,CAAC,EAAC,IACN,OACTkB,OAAOxD,SAAS6B,QAAQ4B;AAC9B,YAAMD,gBAAgBE,eAGlB,GAACrB,cAAa,CAACD,eAcnB;cATIC,mBACFsB,uBAAUtB,UAAAA,OACVuB,wBAAWvB,UAAAA,IAETD,qBACFuB,uBAAUvB,YAAAA,OACVwB,wBAAWxB,YAAAA,IAGT,CAACjB,mBAAmBU,SAAS;AAC/BV,+BAAmBU,UAAUQ,cAAa,CAAC;AAC3C,gBAAMwB,iBAAiB5C,QAAQD,MAAMa,SAASQ,cAAa,CAAC,GAAG;cAC7DyB,UAAU;cACV9E,MAAM;YACR,CAAA;AACA6E,2BAAeE,SAAQ,GACvB/C,MAAMlC,aAAa,CAAA,GAEfkD,gBACFkB,QAAQc,eAAe,0BAAmB,GAC1Cd,QAAQC,KAAKd,UAAAA,GACba,QAAQe,SAAQ;AAElB;UACF;AAEA,cAAMC,OAAO7B,cAAa,CAAC;AAI3B,cAAID,gBACEoB,MAAM;AACR,gBAAMW,OAAOC,QAAQ/C,gBAAgBQ,SAASO,YAAAA;AAC9C,YAAI+B,SACF9C,gBAAgBQ,UAAUO,cAC1BiC,OAAOC,OAAOd,KAAK1D,OAAOsC,YAAAA;UAE9B;AAGF,cAAM+B,QAAOC,QAAQjD,mBAAmBU,SAASqC,IAAAA;AAQjD,UANIlC,gBACFkB,QAAQc,eAAe,+BAAwBxC,KAAKC,UAAU0C,OAAM,MAAM,CAAA,CAAA,GAAK,GAC/EjB,QAAQC,KAAK;YAAEe;YAAM5B,kBAAAA;YAAkB1C;YAAgBuB;UAAmB,CAAA,GAC1E+B,QAAQe,SAAQ,IAGbE,UAILzB,cAAcb,UAAUmB,KAAKC,IAAG,GAChC3B,SAASO,UAAUZ,QAAQD,MAAMa,SAASsC,OAAM7B,iBAAAA,GAChDnB,mBAAmBU,UAAUqC,MAEzBpD,aACFQ,SAASO,QAAQ0C,SAASC,KAAK,WAAA;AAC7BzD,gCAAAA,QAAAA,iBAAAA;UACF,CAAA;;MAEJ;AAEAd,gCAAAA,QAAAA,gBAAkB,SAACwE,WAAAA;AACjB,YAAM7E,mBAAiB6C,uBACrB5C,OACA4E,WACAhE,gBAAAA;AAEF6C,qBAAa1D,gBAAAA;MACf,CAAA,OAMA8E,yBAAU,WAAA;AACR,eAAO,WAAA;AACLvD,6BAAmBU,UAAU;QAC/B;MACF,GAAG,CAAA,CAAE,OAELe,uCAA0B,WAAA;AACxB,QAAKP,cAGLT,gBAAgBC,UAAU,CAAA,GAE1ByB,aAAa;UACXjB;UACAC;QACF,CAAA;MACF,GAAG;QAACd,KAAKC,UAAUY,SAAAA;QAAYlB;OAAmB,OAElDyB,uCAA0B,WAAA;AACxBvB,wBAAgBQ,UAAUO;MAC5B,CAAA,GAEIJ,gBACFkB,QAAQc,eAAe,2BAAoB,GAC3Cd,QAAQC,KAAK;QAAErD;QAAOuC;QAAWD;QAAapB;QAAOsB;MAAiB,CAAA,GACtEY,QAAQe,SAAQ,IAGX;QACLnE,OAAOsC;QACPuC,KAAK3D;QACL4D,KAAK;MACP;IACF;IAEAC,kBAAkBC,SAAO;AACvB,UAAMC,kBAAcC,6BAAeF,OAAAA;AAEnC,aAAOnE,cAAAA,QAAM4B,QACX,WAAA;eAAO;UACL0C,cAAAA;AACE,mBAAOF;UACT;UACAG,WAAAA;AACE,mBAAOH,YAAYI,IAAG;UACxB;UACAC,SAASlB,MAAI;gBAAEmB,SAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAS;cAAErG,MAAM;YAAS,GAAGsG,WAAAA,UAAAA,SAAAA,IAAAA,UAAAA,CAAAA,IAAAA;AAC1C,gBAAID,OAAOrG,SAAS;AAClBN,kCAAoB6G,IAAIR,aAAa;gBACnC/F,MAAM;cACR,CAAA,GACA+F,YAAYQ,IAAIrB,IAAAA,GAChBoB,YAAAA,QAAAA,SAAAA;iBACK;AAGL,kBAFA5G,oBAAoB6G,IAAIR,aAAaM,MAAAA,GAEjCC;AACF,oBAAME,cAAcT,YAAYU,GAAG,UAAU,SAACC,OAAAA;AAC5C,kBAAIC,KAAKC,IAAIF,QAAQxB,IAAAA,IAAQ,SAC3BsB,YAAAA,GACAF,SAAAA;gBAEJ,CAAA;AAGFP,0BAAYQ,IAAIrB,IAAAA;YAElB;UACF;;UACA2B,OAAAA;AACEd,wBAAYc,KAAI;UAClB;QACF;SACA;QAACd;OAAY;IAEjB;IAEAe,0BAA0B,OAAWC,SAAO;UAAlB,EAAEL,MAAK,IAAP,OAClBM,WAAWN,MAAMT,YAAW;AAClCgB,4CAAoBD,UAAU,UAAUD,OAAAA;IAC1C;IAEAG,uBAAuBC,KAAKC,cAAY;AACtC,UAAMrB,cAAcoB,IAAIlB,YAAW,GAC7BoB,kBAAcjF,sBAA4BgF,YAAAA;AAGhDC,yBAAYxE,UAAUuE,kBAGf7D,uBAAQ,WAAA;AACb,eAAO;UACL+D,UAAU,SAACC,KAAAA;AACT,mBAAOF,YAAYxE,QAAQ0E,GAAAA;UAC7B;UACAxB;QACF;MACF,GAAG,CAAA,CAAE;IACP;EACF;AAEA,WAAStC,uBACP5C,OACAC,OAA8B;QAC9B0G,UAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAU;AAEV,QAAIA;AACF,aAAO;QACLpE,aAAatC;MACf;AAGF,QAAMwC,mBAAmBmE,+BAA+B5G,MAAMS,SAAS,GAEnE8B,cAAc,CAAC,GACfC,WAEEqE,cAAc7G,MAAM6G;AAC1B,aAAW3H,QAAOe,OAAO;AACvB,UAAM4F,QAAQ5F,MAAMf,IAAAA;AACpB,MAAI4H,sBAAsBC,IAAI7H,IAAAA,KAAS2H,eAAe,CAACA,YAAYG,SAAS9H,IAAAA,IAC1EqD,YAAYrD,IAAAA,IAAO2G,SAEnBrD,cAAAA,YAAc,CAAC,IACfA,UAAUtD,IAAAA,IAAO2G;IAErB;AAEA,WAAO;MACLtD;MACAC;MACAC;IACF;EACF;AAEA,WAASmE,+BACPK,eAAmC;AAEnC,QAAIC,sBAAsB,IACtBC,qBAAqB,CAAC;AAa1B,QAXI,OAAOF,iBAAkB,WAC3BC,sBAAsBD,gBACb1G,MAAMC,QAAQyG,aAAAA,MACnB,OAAOA,cAAc,CAAA,KAAO,YAC9BC,sBAAsBD,cAAc,CAAA,GACpCE,qBAAqBF,cAAc,CAAA,KAEnCE,qBAAqBF,gBAIrB,CAACC;AACH,aAAO,CAAC;AAGV,QAAME,gBAAgBnI,WAAWiI,mBAAAA;AAEjC,WAAO;MACLG,SAASD;MACT,GAAG5C,OAAO8C,YACR9C,OAAO+C,QAAQJ,kBAAAA,EAAoBK,QACjC,SAAA,OAAA;YAAC,CAACC,UAAUC,qBAAAA,IAAsB;AAChC,eAAI,OAAOA,yBAA0B,WAC5B;UAAC;YAACD;YAAUxI,WAAWyI,qBAAAA;;YAE5BA,yBAAyB,OAAOA,yBAA0B,WACrD;UACL;YACED;YACA;cACE,GAAGL;cACH,GAAGM;YACL;;YAIC,CAAA;MACT,CAAA,CAAA;IAGN;EACF;AACF;AAGA,IAAMZ,wBAAwB,oBAAIa,IAAY;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,GAEKtI,aAAauI,iBAAiB,KAAA,GAC9BrI,aAAaqI,iBAAiB,MAAA;AAEpC,SAASA,iBAAiBC,YAAkB;AAM1C,MAAMC,SAASD,eAAe,QAExBE,YAAYC,8CAAW,SAACC,SAAcnD,KAAAA;QAuDjBoD,0BAtDnB,EAAEC,cAAc1H,WAAWsE,MAAM8C,YAAY5H,OAAO,GAAGmI,UAAAA,IAAcH,SACrE,CAAC9G,OAAOC,OAAAA,QAAWC,yBAAAA,GACnBgH,cAAU9G,sBAAoB,IAAA,GAC9B+G,mBAAeC,6BAAgBJ,cAAcrD,KAAKuD,SAASlH,KAAAA,GAE3DhB,eAAWoB,sBAAY,IAAA;AAC7B,IAAKpB,SAAS6B,YACZ7B,SAAS6B,UAAU;MACjB,IAAI4B,OAAO;AACT,eAAOyE,QAAQrG;MACjB;IACF;AAGF,QAAM,CAACwG,GAAGC,KAAAA,QAASC,+BAAkB,CAAC,CAAA,GAEhCC,SAASpI,MAAMC,QAAQP,KAAAA,IAASA,QAAQ;MAACA;OAGzC,CAAC2I,eAAeC,iBAAAA,IAAsB,WAAA;AAC1C,aAAO;QACLF,OAAOG,KAAK,SAACC,GAAAA;iBAAMA,EAAEtC;;QACrBkC,OAAOK,OAAO,SAACD,GAAAA;iBAAM,CAACA,EAAEtC;;;IAE5B,EAAA;AAEA,aAASwC,SAASjJ,QAAU;AAC1B,UAAMkJ,UAAMC,4BACVnJ,QACA8H,SAASxI,iBAAK8J,eAAehK,iBAAKgK,cAClCX,SAAAA,OAAAA,SAAAA,MAAOY,OACPZ,SAAAA,OAAAA,SAAAA,MAAOa,MACP;QACE3I,WAAW;MACb,GACA;QACE4I,YAAY;QACZC,SAAS;;QAETC,eAAe;MACjB,CAAA;AAIF,aAAIP,IAAIQ,UAAUzJ,cAChB6D,uBAAUoF,IAAIQ,UAAUzJ,KAAK,OAC7B8D,wBAAWmF,IAAIQ,UAAUzJ,KAAK,IAGzBiJ,IAAIQ;IACb;AAEA,QAAM1J,QAAQiJ,SAAS;MAAE,GAAGb;MAAWnI,OAAO4I;IAAkB,CAAA,GAC1Dc,UAAU5E,OAAO,OACjB6E,oBAAmB1B,2BAAAA,kBAAM2B,uBAAiB,QAAvB3B,6BAAAA,SAAAA,SAAAA,yBAAAA,KAAAA,mBAA0BnD,KAAK/E,OAAOG,UAAU,EAAA;AAEzE0E,wCAAU,WAAA;AACR,UAAK+D;AAEL,eAAOA,cAAc1D,YAAYU,GAAG,UAAU,SAACC,OAAAA;AAC7C,cAAMjB,YAAYgE,cAAcnC,SAASZ,KAAAA,GACnCiE,kBAAkBjL,oBAAoByG,IAAIsD,cAAc1D,WAAW,GACnEvB,OAAO0E,QAAQrG,SAEf+H,WAAWd,SAAS;YAAEhJ,OAAO2E;UAAU,CAAA,EAAG3E;AAEhD,cAAI8J,YAAYpG,gBAAgBE,aAAa;AAC3C,gBAAMmG,yBACJF,mBAAAA,OAAAA,SAAAA,gBAAiB3K,UAAS,WACtB;cACEA,MAAM;cACN8E,YAAW6F,mBAAAA,OAAAA,SAAAA,gBAAiB7F,aAAY,KAAK;YAC/C,KACA6F,mBAAAA,OAAAA,SAAAA,gBAAiB3K,UAAS,WACxB;cAAEA,MAAM;cAAS8E,UAAU;YAAE,IAC7B;cACE9E,MAAM;cACN,GAAI2K;YACN;AAER1I,oBAAQuC,MAAMoG,UAAiBC,qBAAAA;UACjC;QACF,CAAA;IACF,GAAG;MAACpB;KAAc,GAEX,uCAAAqB,KAACN,SAAAA;MAAS,GAAGC;MAAkB9E,KAAKwD;;EAC7C,CAAA;AAEAP,mBAAU,gBAAmB,IAEtBA;AACT;AAEA,SAASxD,QACP2F,UACA7F,MAAO;AAEP,MAAI,CAAC6F;AACH,WAAO7F;AAGT,MAAIC,OAAuC;AAC3C,WAAWpF,OAAOmF;AAChB,IAAIA,KAAKnF,GAAAA,MAASgL,SAAShL,GAAAA,MACzBoF,SAAAA,OAAS,CAAC,IACVA,KAAKpF,GAAAA,IAAOmF,KAAKnF,GAAAA;AAGrB,SAAOoF;AACT;",
|
|
5
|
+
"names": ["import_react", "MotionValueStrategy", "WeakMap", "createAnimations", "animationsProp", "animations", "key", "type", "View", "MotionView", "Text", "MotionText", "isReactNative", "supportsCSS", "needsWebStyles", "avoidReRenders", "usePresence", "ResetPresence", "useAnimations", "animationProps", "props", "style", "componentState", "stateRef", "useStyleEmitter", "presence", "animationKey", "Array", "isArray", "animation", "isHydrating", "unmounted", "disableAnimation", "presenceContext", "React", "useContext", "PresenceContext", "isExiting", "sendExitComplete", "scope", "animate", "useAnimate", "lastAnimationStyle", "useRef", "lastDontAnimate", "controls", "styleKey", "JSON", "stringify", "collapseAnimationQueue", "queue", "animationsQueue", "current", "last", "length", "shouldDebug", "process", "env", "NODE_ENV", "dontAnimate", "doAnimate", "animationOptions", "useMemo", "motionAnimationState", "getMotionAnimatedProps", "lastAnimateAt", "minTimeBetweenAnimations", "useIsomorphicLayoutEffect", "disposed", "animationFrame", "elapsed", "Date", "now", "console", "info", "flushAnimation", "requestAnimationFrame", "runAnimation", "push", "node", "host", "HTMLElement", "fixStyles", "styleToCSS", "firstAnimation", "duration", "complete", "groupCollapsed", "groupEnd", "next", "diff", "getDiff", "Object", "assign", "finished", "then", "nextStyle", "useEffect", "ref", "tag", "useAnimatedNumber", "initial", "motionValue", "useMotionValue", "getInstance", "getValue", "get", "setValue", "config", "onFinish", "set", "unsubscribe", "on", "value", "Math", "abs", "stop", "useAnimatedNumberReaction", "onValue", "instance", "useMotionValueEvent", "useAnimatedNumberStyle", "val", "getStyleProp", "getStyleRef", "getStyle", "cur", "disable", "animationPropToAnimationConfig", "animateOnly", "disableAnimationProps", "has", "includes", "animationProp", "defaultAnimationKey", "specificAnimations", "defaultConfig", "default", "fromEntries", "entries", "flatMap", "propName", "animationNameOrConfig", "Set", "createMotionView", "defaultTag", "isText", "Component", "forwardRef", "propsIn", "hooks", "forwardedRef", "propsRest", "hostRef", "composedRefs", "useComposedRefs", "_", "state", "useThemeWithState", "styles", "animatedStyle", "nonAnimatedStyles", "find", "x", "filter", "getProps", "out", "getSplitStyles", "staticConfig", "theme", "name", "isAnimated", "noClass", "resolveValues", "viewProps", "Element", "transformedProps", "usePropsTransform", "animationConfig", "webStyle", "motionAnimationConfig", "_jsx", "previous"]
|
|
6
6
|
}
|