@tamagui/animations-motion 3.0.7 → 3.0.8
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.
|
@@ -46,7 +46,7 @@ function useAnimateSSRSafe() {
|
|
|
46
46
|
}
|
|
47
47
|
return (0, import_react.useAnimate)();
|
|
48
48
|
}
|
|
49
|
-
var asStyleRecord = function(style) {
|
|
49
|
+
var asStyleRecord = function asStyleRecord2(style) {
|
|
50
50
|
return style && typeof style === "object" && !Array.isArray(style) ? style : {};
|
|
51
51
|
};
|
|
52
52
|
function assignInlineStyles(node, styles) {
|
|
@@ -79,7 +79,7 @@ function parseTranslate(transform) {
|
|
|
79
79
|
x: m.e,
|
|
80
80
|
y: m.f
|
|
81
81
|
};
|
|
82
|
-
} catch (
|
|
82
|
+
} catch (unused) {
|
|
83
83
|
return null;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -101,13 +101,13 @@ function createAnimations(animations) {
|
|
|
101
101
|
return cb();
|
|
102
102
|
});
|
|
103
103
|
},
|
|
104
|
-
useAnimations: function(animationProps) {
|
|
104
|
+
useAnimations: function useAnimations(animationProps) {
|
|
105
|
+
var _ref;
|
|
105
106
|
if (isHydratingGlobal === void 0 && !(0, import_web.getConfig)().settings.disableSSR) {
|
|
106
107
|
isHydratingGlobal = true;
|
|
107
108
|
}
|
|
108
109
|
var { props, style, componentState, stateRef, useStyleEmitter, presence, onTransition, styleProps, styleState } = animationProps;
|
|
109
|
-
var
|
|
110
|
-
var effectiveTransition = (_styleState_effectiveTransition = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition;
|
|
110
|
+
var effectiveTransition = (_ref = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _ref !== void 0 ? _ref : props.transition;
|
|
111
111
|
var isComponentHydrating = componentState.unmounted === true;
|
|
112
112
|
var isMounting = componentState.unmounted === "should-enter";
|
|
113
113
|
var isEntering = !!componentState.unmounted;
|
|
@@ -140,7 +140,7 @@ function createAnimations(animations) {
|
|
|
140
140
|
wasNoClass: !!styleProps.noClass
|
|
141
141
|
};
|
|
142
142
|
}
|
|
143
|
-
var emit = function(phase, cause, finished) {
|
|
143
|
+
var emit = function emit2(phase, cause, finished) {
|
|
144
144
|
var _refs_current_onTransition, _refs_current;
|
|
145
145
|
(_refs_current_onTransition = (_refs_current = refs.current).onTransition) === null || _refs_current_onTransition === void 0 ? void 0 : _refs_current_onTransition.call(_refs_current, phase === "end" ? {
|
|
146
146
|
phase,
|
|
@@ -195,7 +195,7 @@ function createAnimations(animations) {
|
|
|
195
195
|
refs.current.disposed = true;
|
|
196
196
|
};
|
|
197
197
|
}, []);
|
|
198
|
-
var flushAnimation = function(param) {
|
|
198
|
+
var flushAnimation = function flushAnimation2(param) {
|
|
199
199
|
var { doAnimate: doAnimateRaw = {}, animationOptions: passedOptions = {}, dontAnimate: dontAnimate2 } = param;
|
|
200
200
|
var startedControls = null;
|
|
201
201
|
var isCurrentlyExiting = refs.current.isExiting;
|
|
@@ -276,16 +276,17 @@ function createAnimations(animations) {
|
|
|
276
276
|
if (isPopperPosition && !isCurrentlyExiting && typeof diff.transform === "string") {
|
|
277
277
|
var target = parseTranslate(diff.transform);
|
|
278
278
|
if (target) {
|
|
279
|
+
var _ref2, _ref1, _opts_x;
|
|
279
280
|
var entry = PopperPositionAnims.get(node);
|
|
280
281
|
if (!entry) {
|
|
281
282
|
var seed = target;
|
|
282
283
|
try {
|
|
283
284
|
var _parseTranslate;
|
|
284
285
|
seed = (_parseTranslate = parseTranslate(getComputedStyle(node).transform)) !== null && _parseTranslate !== void 0 ? _parseTranslate : target;
|
|
285
|
-
} catch (
|
|
286
|
+
} catch (unused) {}
|
|
286
287
|
var x = (0, import_react.motionValue)(seed.x);
|
|
287
288
|
var y = (0, import_react.motionValue)(seed.y);
|
|
288
|
-
var write = function() {
|
|
289
|
+
var write = function write2() {
|
|
289
290
|
node.style.transform = `translate3d(${x.get()}px, ${y.get()}px, 0)`;
|
|
290
291
|
};
|
|
291
292
|
x.on("change", write);
|
|
@@ -304,7 +305,7 @@ function createAnimations(animations) {
|
|
|
304
305
|
entry.x.jump(live.x);
|
|
305
306
|
entry.y.jump(live.y);
|
|
306
307
|
}
|
|
307
|
-
} catch (
|
|
308
|
+
} catch (unused) {}
|
|
308
309
|
}
|
|
309
310
|
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
310
311
|
try {
|
|
@@ -318,7 +319,7 @@ function createAnimations(animations) {
|
|
|
318
319
|
})) {
|
|
319
320
|
anim.cancel();
|
|
320
321
|
}
|
|
321
|
-
} catch (
|
|
322
|
+
} catch (unused) {}
|
|
322
323
|
}
|
|
323
324
|
} catch (err) {
|
|
324
325
|
_didIteratorError = true;
|
|
@@ -335,8 +336,7 @@ function createAnimations(animations) {
|
|
|
335
336
|
}
|
|
336
337
|
}
|
|
337
338
|
var opts = animationOptions2;
|
|
338
|
-
var _opts_x
|
|
339
|
-
var positionTransition = (_ref1 = (_ref = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref !== void 0 ? _ref : opts.default) !== null && _ref1 !== void 0 ? _ref1 : animationOptions2;
|
|
339
|
+
var positionTransition = (_ref2 = (_ref1 = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref1 !== void 0 ? _ref1 : opts.default) !== null && _ref2 !== void 0 ? _ref2 : animationOptions2;
|
|
340
340
|
var cx = (0, import_react.animate)(entry.x, target.x, positionTransition);
|
|
341
341
|
var cy = (0, import_react.animate)(entry.y, target.y, positionTransition);
|
|
342
342
|
entry.stop = function() {
|
|
@@ -364,7 +364,7 @@ function createAnimations(animations) {
|
|
|
364
364
|
midFlightValues[key1] = val;
|
|
365
365
|
}
|
|
366
366
|
}
|
|
367
|
-
} catch (
|
|
367
|
+
} catch (unused) {}
|
|
368
368
|
if (isCurrentlyExiting) {
|
|
369
369
|
refs.current.controls.stop();
|
|
370
370
|
}
|
|
@@ -433,7 +433,7 @@ function createAnimations(animations) {
|
|
|
433
433
|
emit("start", "exit");
|
|
434
434
|
}
|
|
435
435
|
refs.current.exitCompleteScheduled = true;
|
|
436
|
-
var complete = function(finished) {
|
|
436
|
+
var complete = function complete2(finished) {
|
|
437
437
|
if (!refs.current.isExiting) return;
|
|
438
438
|
if (refs.current.exitStarted) {
|
|
439
439
|
refs.current.exitStarted = false;
|
|
@@ -458,7 +458,7 @@ function createAnimations(animations) {
|
|
|
458
458
|
emit("start", "enter");
|
|
459
459
|
}
|
|
460
460
|
refs.current.enterCompleteScheduled = true;
|
|
461
|
-
var complete1 = function(finished) {
|
|
461
|
+
var complete1 = function complete2(finished) {
|
|
462
462
|
if (refs.current.disposed || refs.current.animationState !== "enter") return;
|
|
463
463
|
if (refs.current.enterStarted) {
|
|
464
464
|
refs.current.enterStarted = false;
|
|
@@ -482,7 +482,7 @@ function createAnimations(animations) {
|
|
|
482
482
|
refs.current.updateInFlight = true;
|
|
483
483
|
refs.current.updateControls = controls;
|
|
484
484
|
emit("start", "update");
|
|
485
|
-
var settle = function(finished) {
|
|
485
|
+
var settle = function settle2(finished) {
|
|
486
486
|
if (refs.current.updateControls !== controls) return;
|
|
487
487
|
refs.current.updateInFlight = false;
|
|
488
488
|
refs.current.updateControls = null;
|
|
@@ -529,8 +529,8 @@ function createAnimations(animations) {
|
|
|
529
529
|
if (doAnimate) assignInlineStyles(node, doAnimate);
|
|
530
530
|
var entry = PopperPositionAnims.get(node);
|
|
531
531
|
if (entry) {
|
|
532
|
-
var
|
|
533
|
-
var target = parseTranslate((
|
|
532
|
+
var _ref2;
|
|
533
|
+
var target = parseTranslate((_ref2 = doAnimate === null || doAnimate === void 0 ? void 0 : doAnimate.transform) !== null && _ref2 !== void 0 ? _ref2 : dontAnimate === null || dontAnimate === void 0 ? void 0 : dontAnimate.transform);
|
|
534
534
|
if (target) {
|
|
535
535
|
var _entry_stop;
|
|
536
536
|
(_entry_stop = entry.stop) === null || _entry_stop === void 0 ? void 0 : _entry_stop.call(entry);
|
|
@@ -623,7 +623,7 @@ function createAnimations(animations) {
|
|
|
623
623
|
getStyleRef.current = getStyleProp;
|
|
624
624
|
return (0, import_react2.useMemo)(function() {
|
|
625
625
|
return {
|
|
626
|
-
getStyle: function(cur) {
|
|
626
|
+
getStyle: function getStyle(cur) {
|
|
627
627
|
return getStyleRef.current(cur);
|
|
628
628
|
},
|
|
629
629
|
motionValue: motionValue2
|
|
@@ -638,7 +638,7 @@ function createAnimations(animations) {
|
|
|
638
638
|
getStyleRef.current = getStyleProp;
|
|
639
639
|
return (0, import_react2.useMemo)(function() {
|
|
640
640
|
return {
|
|
641
|
-
getStyle: function() {
|
|
641
|
+
getStyle: function getStyle() {
|
|
642
642
|
for (var _len = arguments.length, currentValues = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
643
643
|
currentValues[_key] = arguments[_key];
|
|
644
644
|
}
|
|
@@ -651,10 +651,10 @@ function createAnimations(animations) {
|
|
|
651
651
|
};
|
|
652
652
|
function getMotionAnimatedProps(props, style, disable) {
|
|
653
653
|
var animationState = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "default", transitionOverride = arguments.length > 4 ? arguments[4] : void 0;
|
|
654
|
+
var _ref;
|
|
654
655
|
if (disable) {
|
|
655
656
|
return { dontAnimate: style };
|
|
656
657
|
}
|
|
657
|
-
var _ref;
|
|
658
658
|
var resolved = (0, import_animation_helpers.forAnimationState)((0, import_animation_helpers.resolveTransition)((_ref = transitionOverride !== null && transitionOverride !== void 0 ? transitionOverride : props.transition) !== null && _ref !== void 0 ? _ref : null, { animations }), animationState);
|
|
659
659
|
var animationOptions = getAnimationOptions(resolved);
|
|
660
660
|
var dontAnimate;
|
|
@@ -813,11 +813,11 @@ var transformAliases = {
|
|
|
813
813
|
function compileAnimatedStyle(initialSource, initialResolved) {
|
|
814
814
|
var shorthands = (0, import_web.getConfig)().shorthands;
|
|
815
815
|
var entries = Object.keys(initialSource).map(function(source) {
|
|
816
|
-
var
|
|
816
|
+
var _ref, _ref1, _ref2;
|
|
817
817
|
return {
|
|
818
818
|
source,
|
|
819
|
-
target: (
|
|
820
|
-
tokenValue: typeof initialSource[source] === "string" && initialResolved[(
|
|
819
|
+
target: (_ref = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref !== void 0 ? _ref : source,
|
|
820
|
+
tokenValue: typeof initialSource[source] === "string" && initialResolved[(_ref1 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref1 !== void 0 ? _ref1 : source] !== initialSource[source] ? initialResolved[(_ref2 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref2 !== void 0 ? _ref2 : source] : void 0
|
|
821
821
|
};
|
|
822
822
|
});
|
|
823
823
|
return function(sourceStyle) {
|
|
@@ -990,7 +990,7 @@ function createMotionView(defaultTag) {
|
|
|
990
990
|
});
|
|
991
991
|
}
|
|
992
992
|
}
|
|
993
|
-
var toTransition = function(animationConfig) {
|
|
993
|
+
var toTransition = function toTransition2(animationConfig) {
|
|
994
994
|
return (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.type) === "timing" ? {
|
|
995
995
|
type: "tween",
|
|
996
996
|
duration: (animationConfig.duration || 0) / 1e3
|
|
@@ -1002,13 +1002,13 @@ function createMotionView(defaultTag) {
|
|
|
1002
1002
|
...animationConfig
|
|
1003
1003
|
};
|
|
1004
1004
|
};
|
|
1005
|
-
var animateNodeTo = function(nextStyle, transition, motionValue3) {
|
|
1005
|
+
var animateNodeTo = function animateNodeTo2(nextStyle, transition, motionValue3) {
|
|
1006
1006
|
if (!(node instanceof HTMLElement) || hostRef.current !== node) return;
|
|
1007
1007
|
var webStyle2 = resolvedAnimatedStyle === null || resolvedAnimatedStyle === void 0 ? void 0 : resolvedAnimatedStyle.resolve(nextStyle);
|
|
1008
1008
|
if (!webStyle2) return;
|
|
1009
1009
|
settlePendingMotionOnFinish(motionValue3, animate(node, webStyle2, transition));
|
|
1010
1010
|
};
|
|
1011
|
-
var animateChangedValue = function(nextStyle, transition, motionValue3) {
|
|
1011
|
+
var animateChangedValue = function animateChangedValue2(nextStyle, transition, motionValue3) {
|
|
1012
1012
|
if (seededInCurrentFrame.current && seededNode.current === node) {
|
|
1013
1013
|
var queuedFrame = queuedAnimationFrames.current.get(motionValue3);
|
|
1014
1014
|
if (queuedFrame !== void 0) cancelAnimationFrame(queuedFrame);
|
|
@@ -1030,7 +1030,7 @@ function createMotionView(defaultTag) {
|
|
|
1030
1030
|
};
|
|
1031
1031
|
if (animatedStyle.motionValues) {
|
|
1032
1032
|
var mvs = animatedStyle.motionValues;
|
|
1033
|
-
var styleForAll = function() {
|
|
1033
|
+
var styleForAll = function styleForAll2() {
|
|
1034
1034
|
return animatedStyle.getStyle(...mvs.map(function(value) {
|
|
1035
1035
|
return value.get();
|
|
1036
1036
|
}));
|
|
@@ -46,7 +46,7 @@ function useAnimateSSRSafe() {
|
|
|
46
46
|
}
|
|
47
47
|
return (0, import_react.useAnimate)();
|
|
48
48
|
}
|
|
49
|
-
var asStyleRecord = function(style) {
|
|
49
|
+
var asStyleRecord = function asStyleRecord2(style) {
|
|
50
50
|
return style && typeof style === "object" && !Array.isArray(style) ? style : {};
|
|
51
51
|
};
|
|
52
52
|
function assignInlineStyles(node, styles) {
|
|
@@ -79,7 +79,7 @@ function parseTranslate(transform) {
|
|
|
79
79
|
x: m.e,
|
|
80
80
|
y: m.f
|
|
81
81
|
};
|
|
82
|
-
} catch (
|
|
82
|
+
} catch (unused) {
|
|
83
83
|
return null;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -101,13 +101,13 @@ function createAnimations(animations) {
|
|
|
101
101
|
return cb();
|
|
102
102
|
});
|
|
103
103
|
},
|
|
104
|
-
useAnimations: function(animationProps) {
|
|
104
|
+
useAnimations: function useAnimations(animationProps) {
|
|
105
|
+
var _ref;
|
|
105
106
|
if (isHydratingGlobal === void 0 && !(0, import_web.getConfig)().settings.disableSSR) {
|
|
106
107
|
isHydratingGlobal = true;
|
|
107
108
|
}
|
|
108
109
|
var { props, style, componentState, stateRef, useStyleEmitter, presence, onTransition, styleProps, styleState } = animationProps;
|
|
109
|
-
var
|
|
110
|
-
var effectiveTransition = (_styleState_effectiveTransition = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition;
|
|
110
|
+
var effectiveTransition = (_ref = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _ref !== void 0 ? _ref : props.transition;
|
|
111
111
|
var isComponentHydrating = componentState.unmounted === true;
|
|
112
112
|
var isMounting = componentState.unmounted === "should-enter";
|
|
113
113
|
var isEntering = !!componentState.unmounted;
|
|
@@ -140,7 +140,7 @@ function createAnimations(animations) {
|
|
|
140
140
|
wasNoClass: !!styleProps.noClass
|
|
141
141
|
};
|
|
142
142
|
}
|
|
143
|
-
var emit = function(phase, cause, finished) {
|
|
143
|
+
var emit = function emit2(phase, cause, finished) {
|
|
144
144
|
var _refs_current_onTransition, _refs_current;
|
|
145
145
|
(_refs_current_onTransition = (_refs_current = refs.current).onTransition) === null || _refs_current_onTransition === void 0 ? void 0 : _refs_current_onTransition.call(_refs_current, phase === "end" ? {
|
|
146
146
|
phase,
|
|
@@ -195,7 +195,7 @@ function createAnimations(animations) {
|
|
|
195
195
|
refs.current.disposed = true;
|
|
196
196
|
};
|
|
197
197
|
}, []);
|
|
198
|
-
var flushAnimation = function(param) {
|
|
198
|
+
var flushAnimation = function flushAnimation2(param) {
|
|
199
199
|
var { doAnimate: doAnimateRaw = {}, animationOptions: passedOptions = {}, dontAnimate: dontAnimate2 } = param;
|
|
200
200
|
var startedControls = null;
|
|
201
201
|
var isCurrentlyExiting = refs.current.isExiting;
|
|
@@ -276,16 +276,17 @@ function createAnimations(animations) {
|
|
|
276
276
|
if (isPopperPosition && !isCurrentlyExiting && typeof diff.transform === "string") {
|
|
277
277
|
var target = parseTranslate(diff.transform);
|
|
278
278
|
if (target) {
|
|
279
|
+
var _ref2, _ref1, _opts_x;
|
|
279
280
|
var entry = PopperPositionAnims.get(node);
|
|
280
281
|
if (!entry) {
|
|
281
282
|
var seed = target;
|
|
282
283
|
try {
|
|
283
284
|
var _parseTranslate;
|
|
284
285
|
seed = (_parseTranslate = parseTranslate(getComputedStyle(node).transform)) !== null && _parseTranslate !== void 0 ? _parseTranslate : target;
|
|
285
|
-
} catch (
|
|
286
|
+
} catch (unused) {}
|
|
286
287
|
var x = (0, import_react.motionValue)(seed.x);
|
|
287
288
|
var y = (0, import_react.motionValue)(seed.y);
|
|
288
|
-
var write = function() {
|
|
289
|
+
var write = function write2() {
|
|
289
290
|
node.style.transform = `translate3d(${x.get()}px, ${y.get()}px, 0)`;
|
|
290
291
|
};
|
|
291
292
|
x.on("change", write);
|
|
@@ -304,7 +305,7 @@ function createAnimations(animations) {
|
|
|
304
305
|
entry.x.jump(live.x);
|
|
305
306
|
entry.y.jump(live.y);
|
|
306
307
|
}
|
|
307
|
-
} catch (
|
|
308
|
+
} catch (unused) {}
|
|
308
309
|
}
|
|
309
310
|
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
310
311
|
try {
|
|
@@ -318,7 +319,7 @@ function createAnimations(animations) {
|
|
|
318
319
|
})) {
|
|
319
320
|
anim.cancel();
|
|
320
321
|
}
|
|
321
|
-
} catch (
|
|
322
|
+
} catch (unused) {}
|
|
322
323
|
}
|
|
323
324
|
} catch (err) {
|
|
324
325
|
_didIteratorError = true;
|
|
@@ -335,8 +336,7 @@ function createAnimations(animations) {
|
|
|
335
336
|
}
|
|
336
337
|
}
|
|
337
338
|
var opts = animationOptions2;
|
|
338
|
-
var _opts_x
|
|
339
|
-
var positionTransition = (_ref1 = (_ref = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref !== void 0 ? _ref : opts.default) !== null && _ref1 !== void 0 ? _ref1 : animationOptions2;
|
|
339
|
+
var positionTransition = (_ref2 = (_ref1 = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref1 !== void 0 ? _ref1 : opts.default) !== null && _ref2 !== void 0 ? _ref2 : animationOptions2;
|
|
340
340
|
var cx = (0, import_react.animate)(entry.x, target.x, positionTransition);
|
|
341
341
|
var cy = (0, import_react.animate)(entry.y, target.y, positionTransition);
|
|
342
342
|
entry.stop = function() {
|
|
@@ -364,7 +364,7 @@ function createAnimations(animations) {
|
|
|
364
364
|
midFlightValues[key1] = val;
|
|
365
365
|
}
|
|
366
366
|
}
|
|
367
|
-
} catch (
|
|
367
|
+
} catch (unused) {}
|
|
368
368
|
if (isCurrentlyExiting) {
|
|
369
369
|
refs.current.controls.stop();
|
|
370
370
|
}
|
|
@@ -433,7 +433,7 @@ function createAnimations(animations) {
|
|
|
433
433
|
emit("start", "exit");
|
|
434
434
|
}
|
|
435
435
|
refs.current.exitCompleteScheduled = true;
|
|
436
|
-
var complete = function(finished) {
|
|
436
|
+
var complete = function complete2(finished) {
|
|
437
437
|
if (!refs.current.isExiting) return;
|
|
438
438
|
if (refs.current.exitStarted) {
|
|
439
439
|
refs.current.exitStarted = false;
|
|
@@ -458,7 +458,7 @@ function createAnimations(animations) {
|
|
|
458
458
|
emit("start", "enter");
|
|
459
459
|
}
|
|
460
460
|
refs.current.enterCompleteScheduled = true;
|
|
461
|
-
var complete1 = function(finished) {
|
|
461
|
+
var complete1 = function complete2(finished) {
|
|
462
462
|
if (refs.current.disposed || refs.current.animationState !== "enter") return;
|
|
463
463
|
if (refs.current.enterStarted) {
|
|
464
464
|
refs.current.enterStarted = false;
|
|
@@ -482,7 +482,7 @@ function createAnimations(animations) {
|
|
|
482
482
|
refs.current.updateInFlight = true;
|
|
483
483
|
refs.current.updateControls = controls;
|
|
484
484
|
emit("start", "update");
|
|
485
|
-
var settle = function(finished) {
|
|
485
|
+
var settle = function settle2(finished) {
|
|
486
486
|
if (refs.current.updateControls !== controls) return;
|
|
487
487
|
refs.current.updateInFlight = false;
|
|
488
488
|
refs.current.updateControls = null;
|
|
@@ -529,8 +529,8 @@ function createAnimations(animations) {
|
|
|
529
529
|
if (doAnimate) assignInlineStyles(node, doAnimate);
|
|
530
530
|
var entry = PopperPositionAnims.get(node);
|
|
531
531
|
if (entry) {
|
|
532
|
-
var
|
|
533
|
-
var target = parseTranslate((
|
|
532
|
+
var _ref2;
|
|
533
|
+
var target = parseTranslate((_ref2 = doAnimate === null || doAnimate === void 0 ? void 0 : doAnimate.transform) !== null && _ref2 !== void 0 ? _ref2 : dontAnimate === null || dontAnimate === void 0 ? void 0 : dontAnimate.transform);
|
|
534
534
|
if (target) {
|
|
535
535
|
var _entry_stop;
|
|
536
536
|
(_entry_stop = entry.stop) === null || _entry_stop === void 0 ? void 0 : _entry_stop.call(entry);
|
|
@@ -623,7 +623,7 @@ function createAnimations(animations) {
|
|
|
623
623
|
getStyleRef.current = getStyleProp;
|
|
624
624
|
return (0, import_react2.useMemo)(function() {
|
|
625
625
|
return {
|
|
626
|
-
getStyle: function(cur) {
|
|
626
|
+
getStyle: function getStyle(cur) {
|
|
627
627
|
return getStyleRef.current(cur);
|
|
628
628
|
},
|
|
629
629
|
motionValue: motionValue2
|
|
@@ -638,7 +638,7 @@ function createAnimations(animations) {
|
|
|
638
638
|
getStyleRef.current = getStyleProp;
|
|
639
639
|
return (0, import_react2.useMemo)(function() {
|
|
640
640
|
return {
|
|
641
|
-
getStyle: function() {
|
|
641
|
+
getStyle: function getStyle() {
|
|
642
642
|
for (var _len = arguments.length, currentValues = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
643
643
|
currentValues[_key] = arguments[_key];
|
|
644
644
|
}
|
|
@@ -651,10 +651,10 @@ function createAnimations(animations) {
|
|
|
651
651
|
};
|
|
652
652
|
function getMotionAnimatedProps(props, style, disable) {
|
|
653
653
|
var animationState = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "default", transitionOverride = arguments.length > 4 ? arguments[4] : void 0;
|
|
654
|
+
var _ref;
|
|
654
655
|
if (disable) {
|
|
655
656
|
return { dontAnimate: style };
|
|
656
657
|
}
|
|
657
|
-
var _ref;
|
|
658
658
|
var resolved = (0, import_animation_helpers.forAnimationState)((0, import_animation_helpers.resolveTransition)((_ref = transitionOverride !== null && transitionOverride !== void 0 ? transitionOverride : props.transition) !== null && _ref !== void 0 ? _ref : null, { animations }), animationState);
|
|
659
659
|
var animationOptions = getAnimationOptions(resolved);
|
|
660
660
|
var dontAnimate;
|
|
@@ -813,11 +813,11 @@ var transformAliases = {
|
|
|
813
813
|
function compileAnimatedStyle(initialSource, initialResolved) {
|
|
814
814
|
var shorthands = (0, import_web.getConfig)().shorthands;
|
|
815
815
|
var entries = Object.keys(initialSource).map(function(source) {
|
|
816
|
-
var
|
|
816
|
+
var _ref, _ref1, _ref2;
|
|
817
817
|
return {
|
|
818
818
|
source,
|
|
819
|
-
target: (
|
|
820
|
-
tokenValue: typeof initialSource[source] === "string" && initialResolved[(
|
|
819
|
+
target: (_ref = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref !== void 0 ? _ref : source,
|
|
820
|
+
tokenValue: typeof initialSource[source] === "string" && initialResolved[(_ref1 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref1 !== void 0 ? _ref1 : source] !== initialSource[source] ? initialResolved[(_ref2 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref2 !== void 0 ? _ref2 : source] : void 0
|
|
821
821
|
};
|
|
822
822
|
});
|
|
823
823
|
return function(sourceStyle) {
|
|
@@ -990,7 +990,7 @@ function createMotionView(defaultTag) {
|
|
|
990
990
|
});
|
|
991
991
|
}
|
|
992
992
|
}
|
|
993
|
-
var toTransition = function(animationConfig) {
|
|
993
|
+
var toTransition = function toTransition2(animationConfig) {
|
|
994
994
|
return (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.type) === "timing" ? {
|
|
995
995
|
type: "tween",
|
|
996
996
|
duration: (animationConfig.duration || 0) / 1e3
|
|
@@ -1002,13 +1002,13 @@ function createMotionView(defaultTag) {
|
|
|
1002
1002
|
...animationConfig
|
|
1003
1003
|
};
|
|
1004
1004
|
};
|
|
1005
|
-
var animateNodeTo = function(nextStyle, transition, motionValue3) {
|
|
1005
|
+
var animateNodeTo = function animateNodeTo2(nextStyle, transition, motionValue3) {
|
|
1006
1006
|
if (!(node instanceof HTMLElement) || hostRef.current !== node) return;
|
|
1007
1007
|
var webStyle2 = resolvedAnimatedStyle === null || resolvedAnimatedStyle === void 0 ? void 0 : resolvedAnimatedStyle.resolve(nextStyle);
|
|
1008
1008
|
if (!webStyle2) return;
|
|
1009
1009
|
settlePendingMotionOnFinish(motionValue3, animate(node, webStyle2, transition));
|
|
1010
1010
|
};
|
|
1011
|
-
var animateChangedValue = function(nextStyle, transition, motionValue3) {
|
|
1011
|
+
var animateChangedValue = function animateChangedValue2(nextStyle, transition, motionValue3) {
|
|
1012
1012
|
if (seededInCurrentFrame.current && seededNode.current === node) {
|
|
1013
1013
|
var queuedFrame = queuedAnimationFrames.current.get(motionValue3);
|
|
1014
1014
|
if (queuedFrame !== void 0) cancelAnimationFrame(queuedFrame);
|
|
@@ -1030,7 +1030,7 @@ function createMotionView(defaultTag) {
|
|
|
1030
1030
|
};
|
|
1031
1031
|
if (animatedStyle.motionValues) {
|
|
1032
1032
|
var mvs = animatedStyle.motionValues;
|
|
1033
|
-
var styleForAll = function() {
|
|
1033
|
+
var styleForAll = function styleForAll2() {
|
|
1034
1034
|
return animatedStyle.getStyle(...mvs.map(function(value) {
|
|
1035
1035
|
return value.get();
|
|
1036
1036
|
}));
|