@tamagui/animations-css 2.7.7 → 3.0.0-beta.643.1
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/animated-number.cjs +195 -0
- package/dist/cjs/animated-number.native.cjs +292 -0
- package/dist/cjs/animated-number.native.js +294 -0
- package/dist/cjs/animated-number.native.js.map +1 -0
- package/dist/cjs/createAnimations.cjs +359 -416
- package/dist/cjs/createAnimations.native.cjs +472 -0
- package/dist/cjs/createAnimations.native.js +446 -510
- package/dist/cjs/createAnimations.native.js.map +1 -1
- package/dist/cjs/index.cjs +10 -11
- package/dist/cjs/index.native.cjs +21 -0
- package/dist/cjs/index.native.js +10 -10
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/animated-number.mjs +164 -0
- package/dist/esm/animated-number.mjs.map +1 -0
- package/dist/esm/animated-number.native.js +259 -0
- package/dist/esm/animated-number.native.js.map +1 -0
- package/dist/esm/createAnimations.mjs +344 -391
- package/dist/esm/createAnimations.mjs.map +1 -1
- package/dist/esm/createAnimations.native.js +430 -485
- package/dist/esm/createAnimations.native.js.map +1 -1
- package/dist/esm/index.js +1 -2
- package/dist/esm/index.mjs +1 -2
- package/dist/esm/index.native.js +1 -2
- package/package.json +16 -7
- package/src/animated-number.tsx +262 -0
- package/src/createAnimations.tsx +305 -501
- package/types/animated-number.d.ts +19 -0
- package/types/animated-number.d.ts.map +11 -0
- package/types/createAnimations.d.ts.map +2 -2
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __create = Object.create;
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __export = (target, all) => {
|
|
11
|
+
for (var name in all) __defProp(target, name, {
|
|
12
|
+
get: all[name],
|
|
13
|
+
enumerable: true
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
var __copyProps = (to, from, except, desc) => {
|
|
17
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: () => from[key],
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
24
|
+
};
|
|
25
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: true
|
|
28
|
+
}) : target, mod));
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var animated_number_exports = {};
|
|
31
|
+
__export(animated_number_exports, {
|
|
32
|
+
useAnimatedNumber: () => useAnimatedNumber,
|
|
33
|
+
useAnimatedNumberReaction: () => useAnimatedNumberReaction,
|
|
34
|
+
useAnimatedNumberStyle: () => useAnimatedNumberStyle,
|
|
35
|
+
useAnimatedNumbersStyle: () => useAnimatedNumbersStyle
|
|
36
|
+
});
|
|
37
|
+
module.exports = __toCommonJS(animated_number_exports);
|
|
38
|
+
var import_react = __toESM(require("react"), 1);
|
|
39
|
+
var import_react_dom = require("react-dom");
|
|
40
|
+
var hasRAF = typeof requestAnimationFrame !== "undefined";
|
|
41
|
+
function notifyAnimatedNumber(instance, value) {
|
|
42
|
+
instance.current = value;
|
|
43
|
+
if (instance.listeners.size === 0) return;
|
|
44
|
+
(0, import_react_dom.unstable_batchedUpdates)(function() {
|
|
45
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
46
|
+
try {
|
|
47
|
+
for (var _iterator = instance.listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
48
|
+
var listener = _step.value;
|
|
49
|
+
listener(value);
|
|
50
|
+
}
|
|
51
|
+
} catch (err) {
|
|
52
|
+
_didIteratorError = true;
|
|
53
|
+
_iteratorError = err;
|
|
54
|
+
} finally {
|
|
55
|
+
try {
|
|
56
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
57
|
+
_iterator.return();
|
|
58
|
+
}
|
|
59
|
+
} finally {
|
|
60
|
+
if (_didIteratorError) {
|
|
61
|
+
throw _iteratorError;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
function useAnimatedNumberStyles(values, getStyle) {
|
|
68
|
+
var _token;
|
|
69
|
+
var token = import_react.default.useRef(null);
|
|
70
|
+
(_token = token).current || (_token.current = {});
|
|
71
|
+
var [, renderLinkedValue] = import_react.default.useReducer(function(value) {
|
|
72
|
+
return value + 1;
|
|
73
|
+
}, 0);
|
|
74
|
+
var instances = values.map(function(value) {
|
|
75
|
+
return value.getInstance();
|
|
76
|
+
});
|
|
77
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
78
|
+
try {
|
|
79
|
+
for (var _iterator = instances[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
80
|
+
var instance = _step.value;
|
|
81
|
+
if (!instance.styleHost) instance.styleHost = token.current;
|
|
82
|
+
}
|
|
83
|
+
} catch (err) {
|
|
84
|
+
_didIteratorError = true;
|
|
85
|
+
_iteratorError = err;
|
|
86
|
+
} finally {
|
|
87
|
+
try {
|
|
88
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
89
|
+
_iterator.return();
|
|
90
|
+
}
|
|
91
|
+
} finally {
|
|
92
|
+
if (_didIteratorError) {
|
|
93
|
+
throw _iteratorError;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
import_react.default.useEffect(function() {
|
|
98
|
+
var listener = function() {
|
|
99
|
+
return renderLinkedValue();
|
|
100
|
+
};
|
|
101
|
+
var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
|
|
102
|
+
try {
|
|
103
|
+
for (var _iterator2 = instances[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
|
104
|
+
var instance2 = _step2.value;
|
|
105
|
+
if (instance2.styleHost !== token.current) instance2.listeners.add(listener);
|
|
106
|
+
}
|
|
107
|
+
} catch (err) {
|
|
108
|
+
_didIteratorError2 = true;
|
|
109
|
+
_iteratorError2 = err;
|
|
110
|
+
} finally {
|
|
111
|
+
try {
|
|
112
|
+
if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
|
|
113
|
+
_iterator2.return();
|
|
114
|
+
}
|
|
115
|
+
} finally {
|
|
116
|
+
if (_didIteratorError2) {
|
|
117
|
+
throw _iteratorError2;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
return function() {
|
|
122
|
+
var _iteratorNormalCompletion3 = true, _didIteratorError3 = false, _iteratorError3 = void 0;
|
|
123
|
+
try {
|
|
124
|
+
for (var _iterator3 = instances[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
|
|
125
|
+
var instance3 = _step3.value;
|
|
126
|
+
instance3.listeners.delete(listener);
|
|
127
|
+
if (instance3.styleHost === token.current) instance3.styleHost = null;
|
|
128
|
+
}
|
|
129
|
+
} catch (err) {
|
|
130
|
+
_didIteratorError3 = true;
|
|
131
|
+
_iteratorError3 = err;
|
|
132
|
+
} finally {
|
|
133
|
+
try {
|
|
134
|
+
if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
|
|
135
|
+
_iterator3.return();
|
|
136
|
+
}
|
|
137
|
+
} finally {
|
|
138
|
+
if (_didIteratorError3) {
|
|
139
|
+
throw _iteratorError3;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
}, instances);
|
|
145
|
+
return getStyle(...instances.map(function(instance2) {
|
|
146
|
+
return instance2.styleHost === token.current ? instance2.target : instance2.current;
|
|
147
|
+
}));
|
|
148
|
+
}
|
|
149
|
+
function useAnimatedNumber(initial) {
|
|
150
|
+
var [, renderTarget] = import_react.default.useReducer(function(value) {
|
|
151
|
+
return value + 1;
|
|
152
|
+
}, 0);
|
|
153
|
+
var instanceRef = import_react.default.useRef(null);
|
|
154
|
+
if (!instanceRef.current) {
|
|
155
|
+
instanceRef.current = {
|
|
156
|
+
current: initial,
|
|
157
|
+
target: initial,
|
|
158
|
+
listeners: /* @__PURE__ */ new Set(),
|
|
159
|
+
styleHost: null,
|
|
160
|
+
raf: null,
|
|
161
|
+
finish: null,
|
|
162
|
+
renderTarget,
|
|
163
|
+
cancel() {
|
|
164
|
+
if (this.raf !== null) cancelAnimationFrame(this.raf);
|
|
165
|
+
this.raf = null;
|
|
166
|
+
this.finish = null;
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
var instance = instanceRef.current;
|
|
171
|
+
instance.renderTarget = renderTarget;
|
|
172
|
+
import_react.default.useEffect(function() {
|
|
173
|
+
return function() {
|
|
174
|
+
return instance.cancel();
|
|
175
|
+
};
|
|
176
|
+
}, [instance]);
|
|
177
|
+
return import_react.default.useMemo(function() {
|
|
178
|
+
return {
|
|
179
|
+
getInstance() {
|
|
180
|
+
return instance;
|
|
181
|
+
},
|
|
182
|
+
getValue() {
|
|
183
|
+
return instance.current;
|
|
184
|
+
},
|
|
185
|
+
setValue(next) {
|
|
186
|
+
var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { type: "spring" }, onFinish = arguments.length > 2 ? arguments[2] : void 0;
|
|
187
|
+
instance.cancel();
|
|
188
|
+
var from = instance.current;
|
|
189
|
+
instance.target = next;
|
|
190
|
+
if (instance.styleHost) instance.renderTarget();
|
|
191
|
+
if (!hasRAF || config.type === "direct" || config.type === "timing" && config.duration === 0 || from === next) {
|
|
192
|
+
notifyAnimatedNumber(instance, next);
|
|
193
|
+
onFinish === null || onFinish === void 0 ? void 0 : onFinish();
|
|
194
|
+
return;
|
|
195
|
+
}
|
|
196
|
+
if (instance.listeners.size === 0 && !onFinish) {
|
|
197
|
+
instance.current = next;
|
|
198
|
+
return;
|
|
199
|
+
}
|
|
200
|
+
instance.finish = onFinish !== null && onFinish !== void 0 ? onFinish : null;
|
|
201
|
+
var settle = function() {
|
|
202
|
+
instance.raf = null;
|
|
203
|
+
notifyAnimatedNumber(instance, next);
|
|
204
|
+
var finish = instance.finish;
|
|
205
|
+
instance.finish = null;
|
|
206
|
+
finish === null || finish === void 0 ? void 0 : finish();
|
|
207
|
+
};
|
|
208
|
+
if (config.type === "timing") {
|
|
209
|
+
var startedAt = performance.now();
|
|
210
|
+
var tick = function() {
|
|
211
|
+
var progress = Math.min(1, (performance.now() - startedAt) / config.duration);
|
|
212
|
+
if (progress === 1) {
|
|
213
|
+
settle();
|
|
214
|
+
return;
|
|
215
|
+
}
|
|
216
|
+
notifyAnimatedNumber(instance, from + (next - from) * progress);
|
|
217
|
+
instance.raf = requestAnimationFrame(tick);
|
|
218
|
+
};
|
|
219
|
+
instance.raf = requestAnimationFrame(tick);
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
var { stiffness = 300, damping = 35, mass = 1, overshootClamping, restSpeedThreshold: restSpeed = .001, restDisplacementThreshold: restDisplacement = .001 } = config;
|
|
223
|
+
var displacement = from - next;
|
|
224
|
+
var decayRate = damping / (2 * mass);
|
|
225
|
+
var naturalFrequency = Math.sqrt(stiffness / mass);
|
|
226
|
+
var startedAt1 = performance.now();
|
|
227
|
+
var tick1 = function() {
|
|
228
|
+
var elapsed = (performance.now() - startedAt1) / 1e3;
|
|
229
|
+
var value;
|
|
230
|
+
var velocity;
|
|
231
|
+
if (decayRate < naturalFrequency) {
|
|
232
|
+
var dampedFrequency = Math.sqrt(Math.pow(naturalFrequency, 2) - Math.pow(decayRate, 2));
|
|
233
|
+
var b = decayRate * displacement / dampedFrequency;
|
|
234
|
+
var decay = Math.exp(-decayRate * elapsed);
|
|
235
|
+
var cos = Math.cos(dampedFrequency * elapsed);
|
|
236
|
+
var sin = Math.sin(dampedFrequency * elapsed);
|
|
237
|
+
value = next + decay * (displacement * cos + b * sin);
|
|
238
|
+
velocity = decay * ((-decayRate * displacement + b * dampedFrequency) * cos + (-decayRate * b - displacement * dampedFrequency) * sin);
|
|
239
|
+
} else if (decayRate === naturalFrequency) {
|
|
240
|
+
var b1 = decayRate * displacement;
|
|
241
|
+
var decay1 = Math.exp(-decayRate * elapsed);
|
|
242
|
+
value = next + (displacement + b1 * elapsed) * decay1;
|
|
243
|
+
velocity = (b1 - decayRate * (displacement + b1 * elapsed)) * decay1;
|
|
244
|
+
} else {
|
|
245
|
+
var frequency = Math.sqrt(Math.pow(decayRate, 2) - Math.pow(naturalFrequency, 2));
|
|
246
|
+
var slowRoot = -decayRate + frequency;
|
|
247
|
+
var fastRoot = -decayRate - frequency;
|
|
248
|
+
var slowCoefficient = -fastRoot * displacement / (slowRoot - fastRoot);
|
|
249
|
+
var fastCoefficient = displacement - slowCoefficient;
|
|
250
|
+
value = next + slowCoefficient * Math.exp(slowRoot * elapsed) + fastCoefficient * Math.exp(fastRoot * elapsed);
|
|
251
|
+
velocity = slowCoefficient * slowRoot * Math.exp(slowRoot * elapsed) + fastCoefficient * fastRoot * Math.exp(fastRoot * elapsed);
|
|
252
|
+
}
|
|
253
|
+
if (overshootClamping && (from < next && value > next || from > next && value < next)) {
|
|
254
|
+
value = next;
|
|
255
|
+
velocity = 0;
|
|
256
|
+
}
|
|
257
|
+
if (Math.abs(velocity) <= restSpeed && Math.abs(next - value) <= restDisplacement) {
|
|
258
|
+
settle();
|
|
259
|
+
return;
|
|
260
|
+
}
|
|
261
|
+
notifyAnimatedNumber(instance, value);
|
|
262
|
+
instance.raf = requestAnimationFrame(tick1);
|
|
263
|
+
};
|
|
264
|
+
instance.raf = requestAnimationFrame(tick1);
|
|
265
|
+
},
|
|
266
|
+
stop() {
|
|
267
|
+
instance.cancel();
|
|
268
|
+
}
|
|
269
|
+
};
|
|
270
|
+
}, [instance]);
|
|
271
|
+
}
|
|
272
|
+
var useAnimatedNumberReaction = function(param, onValue) {
|
|
273
|
+
var { value } = param;
|
|
274
|
+
var onValueRef = import_react.default.useRef(onValue);
|
|
275
|
+
onValueRef.current = onValue;
|
|
276
|
+
import_react.default.useEffect(function() {
|
|
277
|
+
var instance = value.getInstance();
|
|
278
|
+
var listener = function(current) {
|
|
279
|
+
return onValueRef.current(current);
|
|
280
|
+
};
|
|
281
|
+
instance.listeners.add(listener);
|
|
282
|
+
return function() {
|
|
283
|
+
instance.listeners.delete(listener);
|
|
284
|
+
};
|
|
285
|
+
}, [value]);
|
|
286
|
+
};
|
|
287
|
+
var useAnimatedNumberStyle = function(val, getStyle) {
|
|
288
|
+
return useAnimatedNumberStyles([val], getStyle);
|
|
289
|
+
};
|
|
290
|
+
var useAnimatedNumbersStyle = function(vals, getStyle) {
|
|
291
|
+
return useAnimatedNumberStyles(vals, getStyle);
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
//# sourceMappingURL=animated-number.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-number.native.js","names":[],"sources":["cjs/animated-number.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar animated_number_exports = {};\n__export(animated_number_exports, {\n useAnimatedNumber: () => useAnimatedNumber,\n useAnimatedNumberReaction: () => useAnimatedNumberReaction,\n useAnimatedNumberStyle: () => useAnimatedNumberStyle,\n useAnimatedNumbersStyle: () => useAnimatedNumbersStyle\n});\nmodule.exports = __toCommonJS(animated_number_exports);\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_dom = require(\"react-dom\");\nvar hasRAF = typeof requestAnimationFrame !== \"undefined\";\nfunction notifyAnimatedNumber(instance, value) {\n instance.current = value;\n if (instance.listeners.size === 0) return;\n (0, import_react_dom.unstable_batchedUpdates)(function() {\n var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n try {\n for (var _iterator = instance.listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var listener = _step.value;\n listener(value);\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n });\n}\nfunction useAnimatedNumberStyles(values, getStyle) {\n var _token;\n var token = import_react.default.useRef(null);\n (_token = token).current || (_token.current = {});\n var [, renderLinkedValue] = import_react.default.useReducer(function(value) {\n return value + 1;\n }, 0);\n var instances = values.map(function(value) {\n return value.getInstance();\n });\n var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n try {\n for (var _iterator = instances[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var instance = _step.value;\n if (!instance.styleHost) instance.styleHost = token.current;\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n import_react.default.useEffect(function() {\n var listener = function() {\n return renderLinkedValue();\n };\n var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;\n try {\n for (var _iterator2 = instances[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n var instance2 = _step2.value;\n if (instance2.styleHost !== token.current) instance2.listeners.add(listener);\n }\n } catch (err) {\n _didIteratorError2 = true;\n _iteratorError2 = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n _iterator2.return();\n }\n } finally {\n if (_didIteratorError2) {\n throw _iteratorError2;\n }\n }\n }\n return function() {\n var _iteratorNormalCompletion3 = true, _didIteratorError3 = false, _iteratorError3 = void 0;\n try {\n for (var _iterator3 = instances[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {\n var instance3 = _step3.value;\n instance3.listeners.delete(listener);\n if (instance3.styleHost === token.current) instance3.styleHost = null;\n }\n } catch (err) {\n _didIteratorError3 = true;\n _iteratorError3 = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion3 && _iterator3.return != null) {\n _iterator3.return();\n }\n } finally {\n if (_didIteratorError3) {\n throw _iteratorError3;\n }\n }\n }\n };\n }, instances);\n return getStyle(...instances.map(function(instance2) {\n return instance2.styleHost === token.current ? instance2.target : instance2.current;\n }));\n}\nfunction useAnimatedNumber(initial) {\n var [, renderTarget] = import_react.default.useReducer(function(value) {\n return value + 1;\n }, 0);\n var instanceRef = import_react.default.useRef(null);\n if (!instanceRef.current) {\n instanceRef.current = {\n current: initial,\n target: initial,\n listeners: /* @__PURE__ */ new Set(),\n styleHost: null,\n raf: null,\n finish: null,\n renderTarget,\n cancel() {\n if (this.raf !== null) cancelAnimationFrame(this.raf);\n this.raf = null;\n this.finish = null;\n }\n };\n }\n var instance = instanceRef.current;\n instance.renderTarget = renderTarget;\n import_react.default.useEffect(function() {\n return function() {\n return instance.cancel();\n };\n }, [\n instance\n ]);\n return import_react.default.useMemo(function() {\n return {\n getInstance() {\n return instance;\n },\n getValue() {\n return instance.current;\n },\n setValue(next) {\n var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {\n type: \"spring\"\n }, onFinish = arguments.length > 2 ? arguments[2] : void 0;\n instance.cancel();\n var from = instance.current;\n instance.target = next;\n if (instance.styleHost) instance.renderTarget();\n if (!hasRAF || config.type === \"direct\" || config.type === \"timing\" && config.duration === 0 || from === next) {\n notifyAnimatedNumber(instance, next);\n onFinish === null || onFinish === void 0 ? void 0 : onFinish();\n return;\n }\n if (instance.listeners.size === 0 && !onFinish) {\n instance.current = next;\n return;\n }\n instance.finish = onFinish !== null && onFinish !== void 0 ? onFinish : null;\n var settle = function() {\n instance.raf = null;\n notifyAnimatedNumber(instance, next);\n var finish = instance.finish;\n instance.finish = null;\n finish === null || finish === void 0 ? void 0 : finish();\n };\n if (config.type === \"timing\") {\n var startedAt = performance.now();\n var tick = function() {\n var progress = Math.min(1, (performance.now() - startedAt) / config.duration);\n if (progress === 1) {\n settle();\n return;\n }\n notifyAnimatedNumber(instance, from + (next - from) * progress);\n instance.raf = requestAnimationFrame(tick);\n };\n instance.raf = requestAnimationFrame(tick);\n return;\n }\n var { stiffness = 300, damping = 35, mass = 1, overshootClamping, restSpeedThreshold: restSpeed = 1e-3, restDisplacementThreshold: restDisplacement = 1e-3 } = config;\n var displacement = from - next;\n var decayRate = damping / (2 * mass);\n var naturalFrequency = Math.sqrt(stiffness / mass);\n var startedAt1 = performance.now();\n var tick1 = function() {\n var elapsed = (performance.now() - startedAt1) / 1e3;\n var value;\n var velocity;\n if (decayRate < naturalFrequency) {\n var dampedFrequency = Math.sqrt(Math.pow(naturalFrequency, 2) - Math.pow(decayRate, 2));\n var b = decayRate * displacement / dampedFrequency;\n var decay = Math.exp(-decayRate * elapsed);\n var cos = Math.cos(dampedFrequency * elapsed);\n var sin = Math.sin(dampedFrequency * elapsed);\n value = next + decay * (displacement * cos + b * sin);\n velocity = decay * ((-decayRate * displacement + b * dampedFrequency) * cos + (-decayRate * b - displacement * dampedFrequency) * sin);\n } else if (decayRate === naturalFrequency) {\n var b1 = decayRate * displacement;\n var decay1 = Math.exp(-decayRate * elapsed);\n value = next + (displacement + b1 * elapsed) * decay1;\n velocity = (b1 - decayRate * (displacement + b1 * elapsed)) * decay1;\n } else {\n var frequency = Math.sqrt(Math.pow(decayRate, 2) - Math.pow(naturalFrequency, 2));\n var slowRoot = -decayRate + frequency;\n var fastRoot = -decayRate - frequency;\n var slowCoefficient = -fastRoot * displacement / (slowRoot - fastRoot);\n var fastCoefficient = displacement - slowCoefficient;\n value = next + slowCoefficient * Math.exp(slowRoot * elapsed) + fastCoefficient * Math.exp(fastRoot * elapsed);\n velocity = slowCoefficient * slowRoot * Math.exp(slowRoot * elapsed) + fastCoefficient * fastRoot * Math.exp(fastRoot * elapsed);\n }\n if (overshootClamping && (from < next && value > next || from > next && value < next)) {\n value = next;\n velocity = 0;\n }\n if (Math.abs(velocity) <= restSpeed && Math.abs(next - value) <= restDisplacement) {\n settle();\n return;\n }\n notifyAnimatedNumber(instance, value);\n instance.raf = requestAnimationFrame(tick1);\n };\n instance.raf = requestAnimationFrame(tick1);\n },\n stop() {\n instance.cancel();\n }\n };\n }, [\n instance\n ]);\n}\nvar useAnimatedNumberReaction = function(param, onValue) {\n var { value } = param;\n var onValueRef = import_react.default.useRef(onValue);\n onValueRef.current = onValue;\n import_react.default.useEffect(function() {\n var instance = value.getInstance();\n var listener = function(current) {\n return onValueRef.current(current);\n };\n instance.listeners.add(listener);\n return function() {\n instance.listeners.delete(listener);\n };\n }, [\n value\n ]);\n};\nvar useAnimatedNumberStyle = function(val, getStyle) {\n return useAnimatedNumberStyles([\n val\n ], getStyle);\n};\nvar useAnimatedNumbersStyle = function(vals, getStyle) {\n return useAnimatedNumberStyles(vals, getStyle);\n};\n//# sourceMappingURL=animated-number.js.map\n"],"mappings":"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"}
|