@versini/sassysaint 8.106.0 → 8.107.0
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/chunks/{AboutChangelog.s7GI6rKD.js → AboutChangelog.SjeBKoP3.js} +2 -2
- package/dist/chunks/{AboutEntry.C1pRBz7A.js → AboutEntry.Dx70PfSW.js} +7 -7
- package/dist/chunks/{App.BeuOuicv.js → App.CRK1D8_p.js} +30 -32
- package/dist/chunks/Bubble.BfOIcmYO.js +183 -0
- package/dist/chunks/{Chart.C88S0q6n.js → Chart.BDkv6_qF.js} +2 -2
- package/dist/chunks/{ChatBubbleAssistant.nUmdAzup.js → ChatBubbleAssistant.BXp6-ZoJ.js} +462 -430
- package/dist/chunks/{ChatBubbleUser.BUuPXYPp.js → ChatBubbleUser.BcziRDGl.js} +3 -3
- package/dist/chunks/{ChatHistoryTable.BIjlz3xY.js → ChatHistoryTable.Dh8i_P43.js} +51 -51
- package/dist/chunks/{HistoryEntry.B-078Lxf.js → HistoryEntry.CRqDuJuI.js} +29 -28
- package/dist/chunks/{LoginEntry.B2RvYN-T.js → LoginEntry.MulnQ2ox.js} +4 -4
- package/dist/chunks/{LogoEntry.1MaZ0gB8.js → LogoEntry.DYecYZ2Y.js} +23 -23
- package/dist/chunks/{MemoriesEntry.DpL1iLZb.js → MemoriesEntry.agins9xZ.js} +39 -39
- package/dist/chunks/{ProfileEntry.T8wth0Is.js → ProfileEntry.DcvJm9lG.js} +4 -4
- package/dist/chunks/{SettingsEntry.CjOxw1Yx.js → SettingsEntry.CjUNaeTF.js} +34 -34
- package/dist/chunks/{Table.Bgj47jSZ.js → Table.CAFliCT0.js} +1 -1
- package/dist/chunks/{UsageEntry.B4I_GNgi.js → UsageEntry._XHUaG2y.js} +5 -5
- package/dist/chunks/{index.BBcCFGIa.js → index.BxFuyW85.js} +1 -1
- package/dist/chunks/{index.BV0ooasI.js → index.CGRIKPif.js} +1 -1
- package/dist/chunks/{index.DlzoJhEl.js → index.COrehOGK.js} +197 -183
- package/dist/chunks/{index.CzK9z_fW.js → index.COvsBKt7.js} +2 -2
- package/dist/chunks/{index.B3dMRcN0.js → index.ClDN1LM3.js} +3 -3
- package/dist/chunks/{index.C09CfrST.js → index.Cvhs29M0.js} +1 -1
- package/dist/chunks/{index.DbqNbLqk.js → index.D2r8OZJ8.js} +1 -1
- package/dist/chunks/{index.DaJTH3fN.js → index.DnIWTzcM.js} +1 -1
- package/dist/chunks/{index.lXY3xvX_.js → index.mPjUzcCU.js} +1 -1
- package/dist/chunks/{useMarkdown.BNKEX2AA.js → useMarkdown.B8MP9bLa.js} +7 -7
- package/dist/components/SassySaint/SassySaint.js +1 -1
- package/dist/index.js +4 -4
- package/dist/style.css +2 -2
- package/package.json +3 -3
- package/dist/chunks/index.B-dNm2To.js +0 -153
|
@@ -1,15 +1,30 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { n as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
|
|
1
|
+
import { jsx as rs } from "react/jsx-runtime";
|
|
2
|
+
import { n as as, useUserPreferences as os, formatTimestamp as vt } from "./index.COrehOGK.js";
|
|
3
|
+
import { numberFormatter as ls, pluralize as us, AsyncBubble as cs } from "./App.CRK1D8_p.js";
|
|
4
|
+
import Ht from "clsx";
|
|
5
|
+
import fs, { useState as Ae, useEffect as Zt, useContext as Vt } from "react";
|
|
6
|
+
import { useMarkdown as hs } from "./useMarkdown.B8MP9bLa.js";
|
|
7
|
+
import { ChatContext as ds, AppContext as ps } from "./LogoEntry.DYecYZ2Y.js";
|
|
8
|
+
/*!
|
|
9
|
+
@versini/ui-bubble v10.1.0
|
|
10
|
+
© 2025 gizmette.com
|
|
11
|
+
*/
|
|
12
|
+
try {
|
|
13
|
+
window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
|
|
14
|
+
version: "10.1.0",
|
|
15
|
+
buildTime: "12/22/2025 07:40 PM EST",
|
|
16
|
+
homepage: "https://www.npmjs.com/package/@versini/ui-bubble",
|
|
17
|
+
license: "MIT"
|
|
18
|
+
});
|
|
19
|
+
} catch {
|
|
20
|
+
}
|
|
21
|
+
const Me = {
|
|
22
|
+
isEmpty: !0
|
|
23
|
+
};
|
|
9
24
|
function ms(e, t) {
|
|
10
25
|
e.indexOf(t) === -1 && e.push(t);
|
|
11
26
|
}
|
|
12
|
-
function
|
|
27
|
+
function Jt(e, t) {
|
|
13
28
|
const n = e.indexOf(t);
|
|
14
29
|
n > -1 && e.splice(n, 1);
|
|
15
30
|
}
|
|
@@ -18,19 +33,19 @@ function Pe(e, t) {
|
|
|
18
33
|
return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
|
|
19
34
|
}
|
|
20
35
|
let de = () => {
|
|
21
|
-
},
|
|
36
|
+
}, I = () => {
|
|
22
37
|
};
|
|
23
38
|
process.env.NODE_ENV !== "production" && (de = (e, t, n) => {
|
|
24
39
|
!e && typeof console < "u" && console.warn(Pe(t, n));
|
|
25
|
-
},
|
|
40
|
+
}, I = (e, t, n) => {
|
|
26
41
|
if (!e)
|
|
27
42
|
throw new Error(Pe(t, n));
|
|
28
43
|
});
|
|
29
|
-
const
|
|
44
|
+
const k = {}, Qt = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
|
|
30
45
|
function gs(e) {
|
|
31
46
|
return typeof e == "object" && e !== null;
|
|
32
47
|
}
|
|
33
|
-
const
|
|
48
|
+
const en = (e) => /^0[^.\s]+$/u.test(e);
|
|
34
49
|
// @__NO_SIDE_EFFECTS__
|
|
35
50
|
function qe(e) {
|
|
36
51
|
let t;
|
|
@@ -40,12 +55,12 @@ const H = /* @__NO_SIDE_EFFECTS__ */ (e) => e, ys = (e, t) => (n) => t(e(n)), He
|
|
|
40
55
|
const s = t - e;
|
|
41
56
|
return s === 0 ? 1 : (n - e) / s;
|
|
42
57
|
};
|
|
43
|
-
class
|
|
58
|
+
class tn {
|
|
44
59
|
constructor() {
|
|
45
60
|
this.subscriptions = [];
|
|
46
61
|
}
|
|
47
62
|
add(t) {
|
|
48
|
-
return ms(this.subscriptions, t), () =>
|
|
63
|
+
return ms(this.subscriptions, t), () => Jt(this.subscriptions, t);
|
|
49
64
|
}
|
|
50
65
|
notify(t, n, s) {
|
|
51
66
|
const i = this.subscriptions.length;
|
|
@@ -66,21 +81,21 @@ class Qt {
|
|
|
66
81
|
}
|
|
67
82
|
}
|
|
68
83
|
const O = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, P = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
|
|
69
|
-
function
|
|
84
|
+
function nn(e, t) {
|
|
70
85
|
return t ? e * (1e3 / t) : 0;
|
|
71
86
|
}
|
|
72
|
-
const
|
|
73
|
-
function
|
|
74
|
-
e ||
|
|
87
|
+
const wt = /* @__PURE__ */ new Set();
|
|
88
|
+
function sn(e, t, n) {
|
|
89
|
+
e || wt.has(t) || (console.warn(Pe(t, n)), wt.add(t));
|
|
75
90
|
}
|
|
76
91
|
const bs = (e, t, n) => {
|
|
77
92
|
const s = t - e;
|
|
78
93
|
return ((n - e) % s + s) % s + e;
|
|
79
|
-
},
|
|
94
|
+
}, rn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ts = 1e-7, vs = 12;
|
|
80
95
|
function Vs(e, t, n, s, i) {
|
|
81
96
|
let r, a, o = 0;
|
|
82
97
|
do
|
|
83
|
-
a = t + (n - t) / 2, r =
|
|
98
|
+
a = t + (n - t) / 2, r = rn(a, s, i) - e, r > 0 ? n = a : t = a;
|
|
84
99
|
while (Math.abs(r) > Ts && ++o < vs);
|
|
85
100
|
return a;
|
|
86
101
|
}
|
|
@@ -88,31 +103,31 @@ function pe(e, t, n, s) {
|
|
|
88
103
|
if (e === t && n === s)
|
|
89
104
|
return H;
|
|
90
105
|
const i = (r) => Vs(r, 0, 1, e, n);
|
|
91
|
-
return (r) => r === 0 || r === 1 ? r :
|
|
106
|
+
return (r) => r === 0 || r === 1 ? r : rn(i(r), t, s);
|
|
92
107
|
}
|
|
93
|
-
const
|
|
94
|
-
function
|
|
95
|
-
return
|
|
108
|
+
const an = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, on = (e) => (t) => 1 - e(1 - t), ln = /* @__PURE__ */ pe(0.33, 1.53, 0.69, 0.99), Je = /* @__PURE__ */ on(ln), un = /* @__PURE__ */ an(Je), cn = (e) => (e *= 2) < 1 ? 0.5 * Je(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Qe = (e) => 1 - Math.sin(Math.acos(e)), ws = on(Qe), fn = an(Qe), Ss = /* @__PURE__ */ pe(0.42, 0, 1, 1), xs = /* @__PURE__ */ pe(0, 0, 0.58, 1), hn = /* @__PURE__ */ pe(0.42, 0, 0.58, 1), dn = (e) => Array.isArray(e) && typeof e[0] != "number";
|
|
109
|
+
function pn(e, t) {
|
|
110
|
+
return dn(e) ? e[bs(0, e.length, t)] : e;
|
|
96
111
|
}
|
|
97
|
-
const
|
|
112
|
+
const mn = (e) => Array.isArray(e) && typeof e[0] == "number", St = {
|
|
98
113
|
linear: H,
|
|
99
|
-
easeIn:
|
|
100
|
-
easeInOut:
|
|
114
|
+
easeIn: Ss,
|
|
115
|
+
easeInOut: hn,
|
|
101
116
|
easeOut: xs,
|
|
102
117
|
circIn: Qe,
|
|
103
|
-
circInOut:
|
|
104
|
-
circOut:
|
|
118
|
+
circInOut: fn,
|
|
119
|
+
circOut: ws,
|
|
105
120
|
backIn: Je,
|
|
106
|
-
backInOut:
|
|
107
|
-
backOut:
|
|
108
|
-
anticipate:
|
|
109
|
-
}, As = (e) => typeof e == "string",
|
|
110
|
-
if (
|
|
111
|
-
|
|
121
|
+
backInOut: un,
|
|
122
|
+
backOut: ln,
|
|
123
|
+
anticipate: cn
|
|
124
|
+
}, As = (e) => typeof e == "string", xt = (e) => {
|
|
125
|
+
if (mn(e)) {
|
|
126
|
+
I(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
|
|
112
127
|
const [t, n, s, i] = e;
|
|
113
128
|
return pe(t, n, s, i);
|
|
114
129
|
} else if (As(e))
|
|
115
|
-
return
|
|
130
|
+
return I(St[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), St[e];
|
|
116
131
|
return e;
|
|
117
132
|
}, be = [
|
|
118
133
|
"setup",
|
|
@@ -148,8 +163,8 @@ function Ms(e, t) {
|
|
|
148
163
|
* Schedule a process to run on the next frame.
|
|
149
164
|
*/
|
|
150
165
|
schedule: (u, f = !1, h = !1) => {
|
|
151
|
-
const
|
|
152
|
-
return f && a.add(u),
|
|
166
|
+
const y = h && i ? n : s;
|
|
167
|
+
return f && a.add(u), y.has(u) || y.add(u), u;
|
|
153
168
|
},
|
|
154
169
|
/**
|
|
155
170
|
* Cancel the provided callback from running on the next frame.
|
|
@@ -171,37 +186,37 @@ function Ms(e, t) {
|
|
|
171
186
|
return c;
|
|
172
187
|
}
|
|
173
188
|
const Cs = 40;
|
|
174
|
-
function
|
|
189
|
+
function gn(e, t) {
|
|
175
190
|
let n = !1, s = !0;
|
|
176
191
|
const i = {
|
|
177
192
|
delta: 0,
|
|
178
193
|
timestamp: 0,
|
|
179
194
|
isProcessing: !1
|
|
180
|
-
}, r = () => n = !0, a = be.reduce((
|
|
181
|
-
const
|
|
182
|
-
n = !1,
|
|
195
|
+
}, r = () => n = !0, a = be.reduce((w, V) => (w[V] = Ms(r), w), {}), { setup: o, read: l, resolveKeyframes: c, preUpdate: u, update: f, preRender: h, render: g, postRender: y } = a, b = () => {
|
|
196
|
+
const w = k.useManualTiming ? i.timestamp : performance.now();
|
|
197
|
+
n = !1, k.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(w - i.timestamp, Cs), 1)), i.timestamp = w, i.isProcessing = !0, o.process(i), l.process(i), c.process(i), u.process(i), f.process(i), h.process(i), g.process(i), y.process(i), i.isProcessing = !1, n && t && (s = !1, e(b));
|
|
183
198
|
}, v = () => {
|
|
184
|
-
n = !0, s = !0, i.isProcessing || e(
|
|
199
|
+
n = !0, s = !0, i.isProcessing || e(b);
|
|
185
200
|
};
|
|
186
|
-
return { schedule: be.reduce((
|
|
187
|
-
const p = a[
|
|
188
|
-
return V
|
|
189
|
-
}, {}), cancel: (
|
|
190
|
-
for (let
|
|
191
|
-
a[be[
|
|
201
|
+
return { schedule: be.reduce((w, V) => {
|
|
202
|
+
const p = a[V];
|
|
203
|
+
return w[V] = (S, C = !1, m = !1) => (n || v(), p.schedule(S, C, m)), w;
|
|
204
|
+
}, {}), cancel: (w) => {
|
|
205
|
+
for (let V = 0; V < be.length; V++)
|
|
206
|
+
a[be[V]].cancel(w);
|
|
192
207
|
}, state: i, steps: a };
|
|
193
208
|
}
|
|
194
|
-
const { schedule: K, cancel: Oe, state:
|
|
195
|
-
let
|
|
209
|
+
const { schedule: K, cancel: Oe, state: Ve } = /* @__PURE__ */ gn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : H, !0);
|
|
210
|
+
let ve;
|
|
196
211
|
function Fs() {
|
|
197
|
-
|
|
212
|
+
ve = void 0;
|
|
198
213
|
}
|
|
199
214
|
const R = {
|
|
200
|
-
now: () => (
|
|
215
|
+
now: () => (ve === void 0 && R.set(Ve.isProcessing || k.useManualTiming ? Ve.timestamp : performance.now()), ve),
|
|
201
216
|
set: (e) => {
|
|
202
|
-
|
|
217
|
+
ve = e, queueMicrotask(Fs);
|
|
203
218
|
}
|
|
204
|
-
},
|
|
219
|
+
}, yn = (e) => (t) => typeof t == "string" && t.startsWith(e), bn = /* @__PURE__ */ yn("--"), Ds = /* @__PURE__ */ yn("var(--"), et = (e) => Ds(e) ? Es.test(e.split("/*")[0].trim()) : !1, Es = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Z = {
|
|
205
220
|
test: (e) => typeof e == "number",
|
|
206
221
|
parse: parseFloat,
|
|
207
222
|
transform: (e) => e
|
|
@@ -215,7 +230,7 @@ const R = {
|
|
|
215
230
|
function Rs(e) {
|
|
216
231
|
return e == null;
|
|
217
232
|
}
|
|
218
|
-
const Ps = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, nt = (e, t) => (n) => !!(typeof n == "string" && Ps.test(n) && n.startsWith(e) || t && !Rs(n) && Object.prototype.hasOwnProperty.call(n, t)),
|
|
233
|
+
const Ps = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, nt = (e, t) => (n) => !!(typeof n == "string" && Ps.test(n) && n.startsWith(e) || t && !Rs(n) && Object.prototype.hasOwnProperty.call(n, t)), Tn = (e, t, n) => (s) => {
|
|
219
234
|
if (typeof s != "string")
|
|
220
235
|
return s;
|
|
221
236
|
const [i, r, a, o] = s.match(tt);
|
|
@@ -228,12 +243,12 @@ const Ps = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
|
|
|
228
243
|
}, Os = (e) => Y(0, 255, e), Ce = {
|
|
229
244
|
...Z,
|
|
230
245
|
transform: (e) => Math.round(Os(e))
|
|
231
|
-
},
|
|
246
|
+
}, W = {
|
|
232
247
|
test: /* @__PURE__ */ nt("rgb", "red"),
|
|
233
|
-
parse: /* @__PURE__ */
|
|
248
|
+
parse: /* @__PURE__ */ Tn("red", "green", "blue"),
|
|
234
249
|
transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ce.transform(e) + ", " + Ce.transform(t) + ", " + Ce.transform(n) + ", " + oe(le.transform(s)) + ")"
|
|
235
250
|
};
|
|
236
|
-
function
|
|
251
|
+
function Bs(e) {
|
|
237
252
|
let t = "", n = "", s = "", i = "";
|
|
238
253
|
return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
|
|
239
254
|
red: parseInt(t, 16),
|
|
@@ -242,35 +257,35 @@ function Ns(e) {
|
|
|
242
257
|
alpha: i ? parseInt(i, 16) / 255 : 1
|
|
243
258
|
};
|
|
244
259
|
}
|
|
245
|
-
const
|
|
260
|
+
const Be = {
|
|
246
261
|
test: /* @__PURE__ */ nt("#"),
|
|
247
|
-
parse:
|
|
248
|
-
transform:
|
|
262
|
+
parse: Bs,
|
|
263
|
+
transform: W.transform
|
|
249
264
|
}, me = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
|
|
250
265
|
test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
|
|
251
266
|
parse: parseFloat,
|
|
252
267
|
transform: (t) => `${t}${e}`
|
|
253
|
-
}),
|
|
268
|
+
}), L = /* @__PURE__ */ me("deg"), q = /* @__PURE__ */ me("%"), d = /* @__PURE__ */ me("px"), Is = /* @__PURE__ */ me("vh"), Ns = /* @__PURE__ */ me("vw"), At = {
|
|
254
269
|
...q,
|
|
255
270
|
parse: (e) => q.parse(e) / 100,
|
|
256
271
|
transform: (e) => q.transform(e * 100)
|
|
257
272
|
}, z = {
|
|
258
273
|
test: /* @__PURE__ */ nt("hsl", "hue"),
|
|
259
|
-
parse: /* @__PURE__ */
|
|
274
|
+
parse: /* @__PURE__ */ Tn("hue", "saturation", "lightness"),
|
|
260
275
|
transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + q.transform(oe(t)) + ", " + q.transform(oe(n)) + ", " + oe(le.transform(s)) + ")"
|
|
261
276
|
}, F = {
|
|
262
|
-
test: (e) =>
|
|
263
|
-
parse: (e) =>
|
|
264
|
-
transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ?
|
|
277
|
+
test: (e) => W.test(e) || Be.test(e) || z.test(e),
|
|
278
|
+
parse: (e) => W.test(e) ? W.parse(e) : z.test(e) ? z.parse(e) : Be.parse(e),
|
|
279
|
+
transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? W.transform(e) : z.transform(e),
|
|
265
280
|
getAnimatableNone: (e) => {
|
|
266
281
|
const t = F.parse(e);
|
|
267
282
|
return t.alpha = 0, F.transform(t);
|
|
268
283
|
}
|
|
269
|
-
},
|
|
284
|
+
}, ks = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
270
285
|
function Ks(e) {
|
|
271
|
-
return isNaN(e) && typeof e == "string" && (e.match(tt)?.length || 0) + (e.match(
|
|
286
|
+
return isNaN(e) && typeof e == "string" && (e.match(tt)?.length || 0) + (e.match(ks)?.length || 0) > 0;
|
|
272
287
|
}
|
|
273
|
-
const
|
|
288
|
+
const vn = "number", Vn = "color", _s = "var", Ls = "var(", Mt = "${}", $s = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
|
|
274
289
|
function ue(e) {
|
|
275
290
|
const t = e.toString(), n = [], s = {
|
|
276
291
|
color: [],
|
|
@@ -278,33 +293,33 @@ function ue(e) {
|
|
|
278
293
|
var: []
|
|
279
294
|
}, i = [];
|
|
280
295
|
let r = 0;
|
|
281
|
-
const o = t.replace(
|
|
296
|
+
const o = t.replace($s, (l) => (F.test(l) ? (s.color.push(r), i.push(Vn), n.push(F.parse(l))) : l.startsWith(Ls) ? (s.var.push(r), i.push(_s), n.push(l)) : (s.number.push(r), i.push(vn), n.push(parseFloat(l))), ++r, Mt)).split(Mt);
|
|
282
297
|
return { values: n, split: o, indexes: s, types: i };
|
|
283
298
|
}
|
|
284
|
-
function
|
|
299
|
+
function wn(e) {
|
|
285
300
|
return ue(e).values;
|
|
286
301
|
}
|
|
287
|
-
function
|
|
302
|
+
function Sn(e) {
|
|
288
303
|
const { split: t, types: n } = ue(e), s = t.length;
|
|
289
304
|
return (i) => {
|
|
290
305
|
let r = "";
|
|
291
306
|
for (let a = 0; a < s; a++)
|
|
292
307
|
if (r += t[a], i[a] !== void 0) {
|
|
293
308
|
const o = n[a];
|
|
294
|
-
o ===
|
|
309
|
+
o === vn ? r += oe(i[a]) : o === Vn ? r += F.transform(i[a]) : r += i[a];
|
|
295
310
|
}
|
|
296
311
|
return r;
|
|
297
312
|
};
|
|
298
313
|
}
|
|
299
|
-
const
|
|
314
|
+
const Ws = (e) => typeof e == "number" ? 0 : F.test(e) ? F.getAnimatableNone(e) : e;
|
|
300
315
|
function Us(e) {
|
|
301
|
-
const t =
|
|
302
|
-
return
|
|
316
|
+
const t = wn(e);
|
|
317
|
+
return Sn(e)(t.map(Ws));
|
|
303
318
|
}
|
|
304
|
-
const
|
|
319
|
+
const $ = {
|
|
305
320
|
test: Ks,
|
|
306
|
-
parse:
|
|
307
|
-
createTransformer:
|
|
321
|
+
parse: wn,
|
|
322
|
+
createTransformer: Sn,
|
|
308
323
|
getAnimatableNone: Us
|
|
309
324
|
};
|
|
310
325
|
function Fe(e, t, n) {
|
|
@@ -332,31 +347,31 @@ function we(e, t) {
|
|
|
332
347
|
const J = (e, t, n) => e + (t - e) * n, De = (e, t, n) => {
|
|
333
348
|
const s = e * e, i = n * (t * t - s) + s;
|
|
334
349
|
return i < 0 ? 0 : Math.sqrt(i);
|
|
335
|
-
}, Gs = [
|
|
336
|
-
function
|
|
350
|
+
}, Gs = [Be, W, z], Ys = (e) => Gs.find((t) => t.test(e));
|
|
351
|
+
function Ct(e) {
|
|
337
352
|
const t = Ys(e);
|
|
338
353
|
if (de(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
|
|
339
354
|
return !1;
|
|
340
355
|
let n = t.parse(e);
|
|
341
356
|
return t === z && (n = js(n)), n;
|
|
342
357
|
}
|
|
343
|
-
const
|
|
344
|
-
const n =
|
|
358
|
+
const Ft = (e, t) => {
|
|
359
|
+
const n = Ct(e), s = Ct(t);
|
|
345
360
|
if (!n || !s)
|
|
346
361
|
return we(e, t);
|
|
347
362
|
const i = { ...n };
|
|
348
|
-
return (r) => (i.red = De(n.red, s.red, r), i.green = De(n.green, s.green, r), i.blue = De(n.blue, s.blue, r), i.alpha = J(n.alpha, s.alpha, r),
|
|
349
|
-
},
|
|
363
|
+
return (r) => (i.red = De(n.red, s.red, r), i.green = De(n.green, s.green, r), i.blue = De(n.blue, s.blue, r), i.alpha = J(n.alpha, s.alpha, r), W.transform(i));
|
|
364
|
+
}, Ie = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
350
365
|
function zs(e, t) {
|
|
351
|
-
return
|
|
366
|
+
return Ie.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
|
|
352
367
|
}
|
|
353
368
|
function Xs(e, t) {
|
|
354
369
|
return (n) => J(e, t, n);
|
|
355
370
|
}
|
|
356
371
|
function st(e) {
|
|
357
|
-
return typeof e == "number" ? Xs : typeof e == "string" ? et(e) ? we : F.test(e) ?
|
|
372
|
+
return typeof e == "number" ? Xs : typeof e == "string" ? et(e) ? we : F.test(e) ? Ft : Zs : Array.isArray(e) ? xn : typeof e == "object" ? F.test(e) ? Ft : qs : we;
|
|
358
373
|
}
|
|
359
|
-
function
|
|
374
|
+
function xn(e, t) {
|
|
360
375
|
const n = [...e], s = n.length, i = e.map((r, a) => st(r)(r, t[a]));
|
|
361
376
|
return (r) => {
|
|
362
377
|
for (let a = 0; a < s; a++)
|
|
@@ -383,10 +398,10 @@ function Hs(e, t) {
|
|
|
383
398
|
return n;
|
|
384
399
|
}
|
|
385
400
|
const Zs = (e, t) => {
|
|
386
|
-
const n =
|
|
387
|
-
return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ?
|
|
401
|
+
const n = $.createTransformer(t), s = ue(e), i = ue(t);
|
|
402
|
+
return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ie.has(e) && !i.values.length || Ie.has(t) && !s.values.length ? zs(e, t) : He(xn(Hs(s, i), i.values), n) : (de(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), we(e, t));
|
|
388
403
|
};
|
|
389
|
-
function
|
|
404
|
+
function An(e, t, n) {
|
|
390
405
|
return typeof e == "number" && typeof t == "number" && typeof n == "number" ? J(e, t, n) : st(e)(e, t);
|
|
391
406
|
}
|
|
392
407
|
const Js = (e) => {
|
|
@@ -398,25 +413,25 @@ const Js = (e) => {
|
|
|
398
413
|
* If we're processing this frame we can use the
|
|
399
414
|
* framelocked timestamp to keep things in sync.
|
|
400
415
|
*/
|
|
401
|
-
now: () =>
|
|
416
|
+
now: () => Ve.isProcessing ? Ve.timestamp : R.now()
|
|
402
417
|
};
|
|
403
|
-
},
|
|
418
|
+
}, Mn = (e, t, n = 10) => {
|
|
404
419
|
let s = "";
|
|
405
420
|
const i = Math.max(Math.round(t / n), 2);
|
|
406
421
|
for (let r = 0; r < i; r++)
|
|
407
422
|
s += Math.round(e(r / (i - 1)) * 1e4) / 1e4 + ", ";
|
|
408
423
|
return `linear(${s.substring(0, s.length - 2)})`;
|
|
409
|
-
},
|
|
424
|
+
}, Se = 2e4;
|
|
410
425
|
function it(e) {
|
|
411
426
|
let t = 0;
|
|
412
427
|
const n = 50;
|
|
413
428
|
let s = e.next(t);
|
|
414
|
-
for (; !s.done && t <
|
|
429
|
+
for (; !s.done && t < Se; )
|
|
415
430
|
t += n, s = e.next(t);
|
|
416
|
-
return t >=
|
|
431
|
+
return t >= Se ? 1 / 0 : t;
|
|
417
432
|
}
|
|
418
|
-
function
|
|
419
|
-
const s = n({ ...e, keyframes: [0, t] }), i = Math.min(it(s),
|
|
433
|
+
function Cn(e, t = 100, n) {
|
|
434
|
+
const s = n({ ...e, keyframes: [0, t] }), i = Math.min(it(s), Se);
|
|
420
435
|
return {
|
|
421
436
|
type: "keyframes",
|
|
422
437
|
ease: (r) => s.next(i * r).value / t,
|
|
@@ -424,9 +439,9 @@ function An(e, t = 100, n) {
|
|
|
424
439
|
};
|
|
425
440
|
}
|
|
426
441
|
const Qs = 5;
|
|
427
|
-
function
|
|
442
|
+
function Fn(e, t, n) {
|
|
428
443
|
const s = Math.max(t - Qs, 0);
|
|
429
|
-
return
|
|
444
|
+
return nn(n - e(s), t - s);
|
|
430
445
|
}
|
|
431
446
|
const M = {
|
|
432
447
|
// Default spring physics
|
|
@@ -462,11 +477,11 @@ function ei({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.ve
|
|
|
462
477
|
de(e <= /* @__PURE__ */ O(M.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
|
|
463
478
|
let a = 1 - t;
|
|
464
479
|
a = Y(M.minDamping, M.maxDamping, a), e = Y(M.minDuration, M.maxDuration, /* @__PURE__ */ P(e)), a < 1 ? (i = (c) => {
|
|
465
|
-
const u = c * a, f = u * e, h = u - n,
|
|
466
|
-
return Ee - h /
|
|
480
|
+
const u = c * a, f = u * e, h = u - n, g = Ne(c, a), y = Math.exp(-f);
|
|
481
|
+
return Ee - h / g * y;
|
|
467
482
|
}, r = (c) => {
|
|
468
|
-
const f = c * a * e, h = f * n + n,
|
|
469
|
-
return (-i(c) + Ee > 0 ? -1 : 1) * ((h -
|
|
483
|
+
const f = c * a * e, h = f * n + n, g = Math.pow(a, 2) * Math.pow(c, 2) * e, y = Math.exp(-f), b = Ne(Math.pow(c, 2), a);
|
|
484
|
+
return (-i(c) + Ee > 0 ? -1 : 1) * ((h - g) * y) / b;
|
|
470
485
|
}) : (i = (c) => {
|
|
471
486
|
const u = Math.exp(-c * e), f = (c - n) * e + 1;
|
|
472
487
|
return -Ee + u * f;
|
|
@@ -497,11 +512,11 @@ function ni(e, t, n) {
|
|
|
497
512
|
s = s - e(s) / t(s);
|
|
498
513
|
return s;
|
|
499
514
|
}
|
|
500
|
-
function
|
|
515
|
+
function Ne(e, t) {
|
|
501
516
|
return e * Math.sqrt(1 - t * t);
|
|
502
517
|
}
|
|
503
518
|
const si = ["duration", "bounce"], ii = ["stiffness", "damping", "mass"];
|
|
504
|
-
function
|
|
519
|
+
function Dt(e, t) {
|
|
505
520
|
return t.some((n) => e[n] !== void 0);
|
|
506
521
|
}
|
|
507
522
|
function ri(e) {
|
|
@@ -513,7 +528,7 @@ function ri(e) {
|
|
|
513
528
|
isResolvedFromDuration: !1,
|
|
514
529
|
...e
|
|
515
530
|
};
|
|
516
|
-
if (!
|
|
531
|
+
if (!Dt(e, ii) && Dt(e, si))
|
|
517
532
|
if (e.visualDuration) {
|
|
518
533
|
const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * Y(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
|
|
519
534
|
t = {
|
|
@@ -539,71 +554,71 @@ function ce(e = M.visualDuration, t = M.bounce) {
|
|
|
539
554
|
bounce: t
|
|
540
555
|
} : e;
|
|
541
556
|
let { restSpeed: s, restDelta: i } = n;
|
|
542
|
-
const r = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], o = { done: !1, value: r }, { stiffness: l, damping: c, mass: u, duration: f, velocity: h, isResolvedFromDuration:
|
|
557
|
+
const r = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], o = { done: !1, value: r }, { stiffness: l, damping: c, mass: u, duration: f, velocity: h, isResolvedFromDuration: g } = ri({
|
|
543
558
|
...n,
|
|
544
559
|
velocity: -/* @__PURE__ */ P(n.velocity || 0)
|
|
545
|
-
}),
|
|
560
|
+
}), y = h || 0, b = c / (2 * Math.sqrt(l * u)), v = a - r, T = /* @__PURE__ */ P(Math.sqrt(l / u)), A = Math.abs(v) < 5;
|
|
546
561
|
s || (s = A ? M.restSpeed.granular : M.restSpeed.default), i || (i = A ? M.restDelta.granular : M.restDelta.default);
|
|
547
|
-
let
|
|
548
|
-
if (
|
|
549
|
-
const p =
|
|
550
|
-
|
|
551
|
-
const C = Math.exp(-
|
|
552
|
-
return a - C * ((
|
|
562
|
+
let w;
|
|
563
|
+
if (b < 1) {
|
|
564
|
+
const p = Ne(T, b);
|
|
565
|
+
w = (S) => {
|
|
566
|
+
const C = Math.exp(-b * T * S);
|
|
567
|
+
return a - C * ((y + b * T * v) / p * Math.sin(p * S) + v * Math.cos(p * S));
|
|
553
568
|
};
|
|
554
|
-
} else if (
|
|
555
|
-
|
|
569
|
+
} else if (b === 1)
|
|
570
|
+
w = (p) => a - Math.exp(-T * p) * (v + (y + T * v) * p);
|
|
556
571
|
else {
|
|
557
|
-
const p = T * Math.sqrt(
|
|
558
|
-
|
|
559
|
-
const C = Math.exp(-
|
|
560
|
-
return a - C * ((
|
|
572
|
+
const p = T * Math.sqrt(b * b - 1);
|
|
573
|
+
w = (S) => {
|
|
574
|
+
const C = Math.exp(-b * T * S), m = Math.min(p * S, 300);
|
|
575
|
+
return a - C * ((y + b * T * v) * Math.sinh(m) + p * v * Math.cosh(m)) / p;
|
|
561
576
|
};
|
|
562
577
|
}
|
|
563
|
-
const
|
|
564
|
-
calculatedDuration:
|
|
578
|
+
const V = {
|
|
579
|
+
calculatedDuration: g && f || null,
|
|
565
580
|
next: (p) => {
|
|
566
|
-
const S =
|
|
567
|
-
if (
|
|
581
|
+
const S = w(p);
|
|
582
|
+
if (g)
|
|
568
583
|
o.done = p >= f;
|
|
569
584
|
else {
|
|
570
|
-
let C = p === 0 ?
|
|
571
|
-
|
|
572
|
-
const
|
|
573
|
-
o.done =
|
|
585
|
+
let C = p === 0 ? y : 0;
|
|
586
|
+
b < 1 && (C = p === 0 ? /* @__PURE__ */ O(y) : Fn(w, p, S));
|
|
587
|
+
const m = Math.abs(C) <= s, x = Math.abs(a - S) <= i;
|
|
588
|
+
o.done = m && x;
|
|
574
589
|
}
|
|
575
590
|
return o.value = o.done ? a : S, o;
|
|
576
591
|
},
|
|
577
592
|
toString: () => {
|
|
578
|
-
const p = Math.min(it(
|
|
593
|
+
const p = Math.min(it(V), Se), S = Mn((C) => V.next(p * C).value, p, 30);
|
|
579
594
|
return p + "ms " + S;
|
|
580
595
|
},
|
|
581
596
|
toTransition: () => {
|
|
582
597
|
}
|
|
583
598
|
};
|
|
584
|
-
return
|
|
599
|
+
return V;
|
|
585
600
|
}
|
|
586
601
|
ce.applyToOptions = (e) => {
|
|
587
|
-
const t =
|
|
602
|
+
const t = Cn(e, 100, ce);
|
|
588
603
|
return e.ease = t.ease, e.duration = /* @__PURE__ */ O(t.duration), e.type = "keyframes", e;
|
|
589
604
|
};
|
|
590
|
-
function
|
|
605
|
+
function ke({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: a, min: o, max: l, restDelta: c = 0.5, restSpeed: u }) {
|
|
591
606
|
const f = e[0], h = {
|
|
592
607
|
done: !1,
|
|
593
608
|
value: f
|
|
594
|
-
},
|
|
595
|
-
let
|
|
596
|
-
const v = f +
|
|
597
|
-
T !== v && (
|
|
598
|
-
const A = (
|
|
599
|
-
const x = A(
|
|
609
|
+
}, g = (m) => o !== void 0 && m < o || l !== void 0 && m > l, y = (m) => o === void 0 ? l : l === void 0 || Math.abs(o - m) < Math.abs(l - m) ? o : l;
|
|
610
|
+
let b = n * t;
|
|
611
|
+
const v = f + b, T = a === void 0 ? v : a(v);
|
|
612
|
+
T !== v && (b = T - f);
|
|
613
|
+
const A = (m) => -b * Math.exp(-m / s), w = (m) => T + A(m), V = (m) => {
|
|
614
|
+
const x = A(m), E = w(m);
|
|
600
615
|
h.done = Math.abs(x) <= c, h.value = h.done ? T : E;
|
|
601
616
|
};
|
|
602
617
|
let p, S;
|
|
603
|
-
const C = (
|
|
604
|
-
|
|
605
|
-
keyframes: [h.value,
|
|
606
|
-
velocity:
|
|
618
|
+
const C = (m) => {
|
|
619
|
+
g(h.value) && (p = m, S = ce({
|
|
620
|
+
keyframes: [h.value, y(h.value)],
|
|
621
|
+
velocity: Fn(w, m, h.value),
|
|
607
622
|
// TODO: This should be passing * 1000
|
|
608
623
|
damping: i,
|
|
609
624
|
stiffness: r,
|
|
@@ -613,14 +628,14 @@ function Ie({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
|
|
|
613
628
|
};
|
|
614
629
|
return C(0), {
|
|
615
630
|
calculatedDuration: null,
|
|
616
|
-
next: (
|
|
631
|
+
next: (m) => {
|
|
617
632
|
let x = !1;
|
|
618
|
-
return !S && p === void 0 && (x = !0,
|
|
633
|
+
return !S && p === void 0 && (x = !0, V(m), C(m)), p !== void 0 && m >= p ? S.next(m - p) : (!x && V(m), h);
|
|
619
634
|
}
|
|
620
635
|
};
|
|
621
636
|
}
|
|
622
637
|
function ai(e, t, n) {
|
|
623
|
-
const s = [], i = n ||
|
|
638
|
+
const s = [], i = n || k.mix || An, r = e.length - 1;
|
|
624
639
|
for (let a = 0; a < r; a++) {
|
|
625
640
|
let o = i(e[a], e[a + 1]);
|
|
626
641
|
if (t) {
|
|
@@ -633,7 +648,7 @@ function ai(e, t, n) {
|
|
|
633
648
|
}
|
|
634
649
|
function oi(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
|
|
635
650
|
const r = e.length;
|
|
636
|
-
if (
|
|
651
|
+
if (I(r === t.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
|
|
637
652
|
return () => t[0];
|
|
638
653
|
if (r === 2 && t[0] === t[1])
|
|
639
654
|
return () => t[1];
|
|
@@ -651,31 +666,31 @@ function oi(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
|
|
|
651
666
|
};
|
|
652
667
|
return n ? (u) => c(Y(e[0], e[r - 1], u)) : c;
|
|
653
668
|
}
|
|
654
|
-
function
|
|
669
|
+
function Dn(e, t) {
|
|
655
670
|
const n = e[e.length - 1];
|
|
656
671
|
for (let s = 1; s <= t; s++) {
|
|
657
672
|
const i = /* @__PURE__ */ Ze(0, t, s);
|
|
658
673
|
e.push(J(n, 1, i));
|
|
659
674
|
}
|
|
660
675
|
}
|
|
661
|
-
function
|
|
676
|
+
function En(e) {
|
|
662
677
|
const t = [0];
|
|
663
|
-
return
|
|
678
|
+
return Dn(t, e.length - 1), t;
|
|
664
679
|
}
|
|
665
680
|
function li(e, t) {
|
|
666
681
|
return e.map((n) => n * t);
|
|
667
682
|
}
|
|
668
683
|
function ui(e, t) {
|
|
669
|
-
return e.map(() => t ||
|
|
684
|
+
return e.map(() => t || hn).splice(0, e.length - 1);
|
|
670
685
|
}
|
|
671
686
|
function X({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
|
|
672
|
-
const i =
|
|
687
|
+
const i = dn(s) ? s.map(xt) : xt(s), r = {
|
|
673
688
|
done: !1,
|
|
674
689
|
value: t[0]
|
|
675
690
|
}, a = li(
|
|
676
691
|
// Only use the provided offsets if they're the correct length
|
|
677
692
|
// TODO Maybe we should warn here if there's a length mismatch
|
|
678
|
-
n && n.length === t.length ? n :
|
|
693
|
+
n && n.length === t.length ? n : En(t),
|
|
679
694
|
e
|
|
680
695
|
), o = oi(a, t, {
|
|
681
696
|
ease: Array.isArray(i) ? i : ui(t, i)
|
|
@@ -691,13 +706,13 @@ function rt(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
|
|
|
691
706
|
return !o || s === void 0 ? r[o] : s;
|
|
692
707
|
}
|
|
693
708
|
const fi = {
|
|
694
|
-
decay:
|
|
695
|
-
inertia:
|
|
709
|
+
decay: ke,
|
|
710
|
+
inertia: ke,
|
|
696
711
|
tween: X,
|
|
697
712
|
keyframes: X,
|
|
698
713
|
spring: ce
|
|
699
714
|
};
|
|
700
|
-
function
|
|
715
|
+
function Rn(e) {
|
|
701
716
|
typeof e.type == "string" && (e.type = fi[e.type]);
|
|
702
717
|
}
|
|
703
718
|
class at {
|
|
@@ -734,11 +749,11 @@ class ot extends at {
|
|
|
734
749
|
}
|
|
735
750
|
initAnimation() {
|
|
736
751
|
const { options: t } = this;
|
|
737
|
-
|
|
752
|
+
Rn(t);
|
|
738
753
|
const { type: n = X, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: a = 0 } = t;
|
|
739
754
|
let { keyframes: o } = t;
|
|
740
755
|
const l = n || X;
|
|
741
|
-
process.env.NODE_ENV !== "production" && l !== X &&
|
|
756
|
+
process.env.NODE_ENV !== "production" && l !== X && I(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`, "spring-two-frames"), l !== X && typeof o[0] != "number" && (this.mixKeyframes = He(hi, An(o[0], o[1])), o = [0, 100]);
|
|
742
757
|
const c = l({ ...t, keyframes: o });
|
|
743
758
|
r === "mirror" && (this.mirroredGenerator = l({
|
|
744
759
|
...t,
|
|
@@ -756,22 +771,22 @@ class ot extends at {
|
|
|
756
771
|
const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: a, resolvedDuration: o, calculatedDuration: l } = this;
|
|
757
772
|
if (this.startTime === null)
|
|
758
773
|
return s.next(0);
|
|
759
|
-
const { delay: c = 0, keyframes: u, repeat: f, repeatType: h, repeatDelay:
|
|
774
|
+
const { delay: c = 0, keyframes: u, repeat: f, repeatType: h, repeatDelay: g, type: y, onUpdate: b, finalKeyframe: v } = this.options;
|
|
760
775
|
this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
|
|
761
776
|
const T = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), A = this.playbackSpeed >= 0 ? T < 0 : T > i;
|
|
762
777
|
this.currentTime = Math.max(T, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
|
|
763
|
-
let
|
|
778
|
+
let w = this.currentTime, V = s;
|
|
764
779
|
if (f) {
|
|
765
|
-
const
|
|
766
|
-
let x = Math.floor(
|
|
767
|
-
!E &&
|
|
780
|
+
const m = Math.min(this.currentTime, i) / o;
|
|
781
|
+
let x = Math.floor(m), E = m % 1;
|
|
782
|
+
!E && m >= 1 && (E = 1), E === 1 && x--, x = Math.min(x, f + 1), !!(x % 2) && (h === "reverse" ? (E = 1 - E, g && (E -= g / o)) : h === "mirror" && (V = a)), w = Y(0, 1, E) * o;
|
|
768
783
|
}
|
|
769
|
-
const p = A ? { done: !1, value: u[0] } :
|
|
784
|
+
const p = A ? { done: !1, value: u[0] } : V.next(w);
|
|
770
785
|
r && (p.value = r(p.value));
|
|
771
786
|
let { done: S } = p;
|
|
772
787
|
!A && l !== null && (S = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
|
|
773
788
|
const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && S);
|
|
774
|
-
return C &&
|
|
789
|
+
return C && y !== ke && (p.value = rt(u, this.options, v, this.speed)), b && b(p.value), C && this.finish(), p;
|
|
775
790
|
}
|
|
776
791
|
/**
|
|
777
792
|
* Allows the returned animation to be awaited or promise-chained. Currently
|
|
@@ -841,7 +856,7 @@ function di(e) {
|
|
|
841
856
|
}
|
|
842
857
|
const U = (e) => e * 180 / Math.PI, Ke = (e) => {
|
|
843
858
|
const t = U(Math.atan2(e[1], e[0]));
|
|
844
|
-
return
|
|
859
|
+
return _e(t);
|
|
845
860
|
}, pi = {
|
|
846
861
|
x: 4,
|
|
847
862
|
y: 5,
|
|
@@ -855,30 +870,30 @@ const U = (e) => e * 180 / Math.PI, Ke = (e) => {
|
|
|
855
870
|
skewX: (e) => U(Math.atan(e[1])),
|
|
856
871
|
skewY: (e) => U(Math.atan(e[2])),
|
|
857
872
|
skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
|
|
858
|
-
},
|
|
873
|
+
}, _e = (e) => (e = e % 360, e < 0 && (e += 360), e), Et = Ke, Rt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Pt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), mi = {
|
|
859
874
|
x: 12,
|
|
860
875
|
y: 13,
|
|
861
876
|
z: 14,
|
|
862
877
|
translateX: 12,
|
|
863
878
|
translateY: 13,
|
|
864
879
|
translateZ: 14,
|
|
865
|
-
scaleX:
|
|
866
|
-
scaleY:
|
|
867
|
-
scale: (e) => (
|
|
868
|
-
rotateX: (e) =>
|
|
869
|
-
rotateY: (e) =>
|
|
870
|
-
rotateZ:
|
|
871
|
-
rotate:
|
|
880
|
+
scaleX: Rt,
|
|
881
|
+
scaleY: Pt,
|
|
882
|
+
scale: (e) => (Rt(e) + Pt(e)) / 2,
|
|
883
|
+
rotateX: (e) => _e(U(Math.atan2(e[6], e[5]))),
|
|
884
|
+
rotateY: (e) => _e(U(Math.atan2(-e[2], e[0]))),
|
|
885
|
+
rotateZ: Et,
|
|
886
|
+
rotate: Et,
|
|
872
887
|
skewX: (e) => U(Math.atan(e[4])),
|
|
873
888
|
skewY: (e) => U(Math.atan(e[1])),
|
|
874
889
|
skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
|
|
875
890
|
};
|
|
876
|
-
function
|
|
891
|
+
function Le(e) {
|
|
877
892
|
return e.includes("scale") ? 1 : 0;
|
|
878
893
|
}
|
|
879
|
-
function
|
|
894
|
+
function $e(e, t) {
|
|
880
895
|
if (!e || e === "none")
|
|
881
|
-
return
|
|
896
|
+
return Le(t);
|
|
882
897
|
const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
|
|
883
898
|
let s, i;
|
|
884
899
|
if (n)
|
|
@@ -888,13 +903,13 @@ function We(e, t) {
|
|
|
888
903
|
s = pi, i = o;
|
|
889
904
|
}
|
|
890
905
|
if (!i)
|
|
891
|
-
return
|
|
906
|
+
return Le(t);
|
|
892
907
|
const r = s[t], a = i[1].split(",").map(yi);
|
|
893
908
|
return typeof r == "function" ? r(a) : a[r];
|
|
894
909
|
}
|
|
895
910
|
const gi = (e, t) => {
|
|
896
911
|
const { transform: n = "none" } = getComputedStyle(e);
|
|
897
|
-
return
|
|
912
|
+
return $e(n, t);
|
|
898
913
|
};
|
|
899
914
|
function yi(e) {
|
|
900
915
|
return parseFloat(e.trim());
|
|
@@ -917,7 +932,7 @@ const Q = [
|
|
|
917
932
|
"skew",
|
|
918
933
|
"skewX",
|
|
919
934
|
"skewY"
|
|
920
|
-
], ee = new Set(Q),
|
|
935
|
+
], ee = new Set(Q), Ot = (e) => e === Z || e === d, bi = /* @__PURE__ */ new Set(["x", "y", "z"]), Ti = Q.filter((e) => !bi.has(e));
|
|
921
936
|
function vi(e) {
|
|
922
937
|
const t = [];
|
|
923
938
|
return Ti.forEach((n) => {
|
|
@@ -934,14 +949,14 @@ const j = {
|
|
|
934
949
|
bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
|
|
935
950
|
right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
|
|
936
951
|
// Transform
|
|
937
|
-
x: (e, { transform: t }) =>
|
|
938
|
-
y: (e, { transform: t }) =>
|
|
952
|
+
x: (e, { transform: t }) => $e(t, "x"),
|
|
953
|
+
y: (e, { transform: t }) => $e(t, "y")
|
|
939
954
|
};
|
|
940
955
|
j.translateX = j.x;
|
|
941
956
|
j.translateY = j.y;
|
|
942
957
|
const G = /* @__PURE__ */ new Set();
|
|
943
|
-
let
|
|
944
|
-
function
|
|
958
|
+
let We = !1, Ue = !1, je = !1;
|
|
959
|
+
function Pn() {
|
|
945
960
|
if (Ue) {
|
|
946
961
|
const e = Array.from(G).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
|
|
947
962
|
t.forEach((s) => {
|
|
@@ -957,22 +972,22 @@ function En() {
|
|
|
957
972
|
s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
|
|
958
973
|
});
|
|
959
974
|
}
|
|
960
|
-
Ue = !1,
|
|
975
|
+
Ue = !1, We = !1, G.forEach((e) => e.complete(je)), G.clear();
|
|
961
976
|
}
|
|
962
|
-
function
|
|
977
|
+
function On() {
|
|
963
978
|
G.forEach((e) => {
|
|
964
979
|
e.readKeyframes(), e.needsMeasurement && (Ue = !0);
|
|
965
980
|
});
|
|
966
981
|
}
|
|
967
982
|
function Vi() {
|
|
968
|
-
je = !0,
|
|
983
|
+
je = !0, On(), Pn(), je = !1;
|
|
969
984
|
}
|
|
970
985
|
class lt {
|
|
971
986
|
constructor(t, n, s, i, r, a = !1) {
|
|
972
987
|
this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = a;
|
|
973
988
|
}
|
|
974
989
|
scheduleResolve() {
|
|
975
|
-
this.state = "scheduled", this.isAsync ? (G.add(this),
|
|
990
|
+
this.state = "scheduled", this.isAsync ? (G.add(this), We || (We = !0, K.read(On), K.resolveKeyframes(Pn))) : (this.readKeyframes(), this.complete());
|
|
976
991
|
}
|
|
977
992
|
readKeyframes() {
|
|
978
993
|
const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
|
|
@@ -1006,23 +1021,23 @@ class lt {
|
|
|
1006
1021
|
this.state === "pending" && this.scheduleResolve();
|
|
1007
1022
|
}
|
|
1008
1023
|
}
|
|
1009
|
-
const
|
|
1010
|
-
function
|
|
1011
|
-
|
|
1024
|
+
const wi = (e) => e.startsWith("--");
|
|
1025
|
+
function Si(e, t, n) {
|
|
1026
|
+
wi(t) ? e.style.setProperty(t, n) : e.style[t] = n;
|
|
1012
1027
|
}
|
|
1013
1028
|
const xi = /* @__PURE__ */ qe(() => window.ScrollTimeline !== void 0), Ai = {};
|
|
1014
1029
|
function Mi(e, t) {
|
|
1015
1030
|
const n = /* @__PURE__ */ qe(e);
|
|
1016
1031
|
return () => Ai[t] ?? n();
|
|
1017
1032
|
}
|
|
1018
|
-
const
|
|
1033
|
+
const Bn = /* @__PURE__ */ Mi(() => {
|
|
1019
1034
|
try {
|
|
1020
1035
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
1021
1036
|
} catch {
|
|
1022
1037
|
return !1;
|
|
1023
1038
|
}
|
|
1024
1039
|
return !0;
|
|
1025
|
-
}, "linearEasing"), ae = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`,
|
|
1040
|
+
}, "linearEasing"), ae = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, Bt = {
|
|
1026
1041
|
linear: "linear",
|
|
1027
1042
|
ease: "ease",
|
|
1028
1043
|
easeIn: "ease-in",
|
|
@@ -1033,16 +1048,16 @@ const Pn = /* @__PURE__ */ Mi(() => {
|
|
|
1033
1048
|
backIn: /* @__PURE__ */ ae([0.31, 0.01, 0.66, -0.59]),
|
|
1034
1049
|
backOut: /* @__PURE__ */ ae([0.33, 1.53, 0.69, 0.99])
|
|
1035
1050
|
};
|
|
1036
|
-
function
|
|
1051
|
+
function In(e, t) {
|
|
1037
1052
|
if (e)
|
|
1038
|
-
return typeof e == "function" ?
|
|
1053
|
+
return typeof e == "function" ? Bn() ? Mn(e, t) : "ease-out" : mn(e) ? ae(e) : Array.isArray(e) ? e.map((n) => In(n, t) || Bt.easeOut) : Bt[e];
|
|
1039
1054
|
}
|
|
1040
1055
|
function Ci(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: a = "loop", ease: o = "easeOut", times: l } = {}, c = void 0) {
|
|
1041
1056
|
const u = {
|
|
1042
1057
|
[t]: n
|
|
1043
1058
|
};
|
|
1044
1059
|
l && (u.offset = l);
|
|
1045
|
-
const f =
|
|
1060
|
+
const f = In(o, i);
|
|
1046
1061
|
Array.isArray(f) && (u.easing = f);
|
|
1047
1062
|
const h = {
|
|
1048
1063
|
delay: s,
|
|
@@ -1058,19 +1073,19 @@ function ut(e) {
|
|
|
1058
1073
|
return typeof e == "function" && "applyToOptions" in e;
|
|
1059
1074
|
}
|
|
1060
1075
|
function Fi({ type: e, ...t }) {
|
|
1061
|
-
return ut(e) &&
|
|
1076
|
+
return ut(e) && Bn() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
|
|
1062
1077
|
}
|
|
1063
1078
|
class Di extends at {
|
|
1064
1079
|
constructor(t) {
|
|
1065
1080
|
if (super(), this.finishedTime = null, this.isStopped = !1, !t)
|
|
1066
1081
|
return;
|
|
1067
1082
|
const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: a = !1, finalKeyframe: o, onComplete: l } = t;
|
|
1068
|
-
this.isPseudoElement = !!r, this.allowFlatten = a, this.options = t,
|
|
1083
|
+
this.isPseudoElement = !!r, this.allowFlatten = a, this.options = t, I(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
|
|
1069
1084
|
const c = Fi(t);
|
|
1070
1085
|
this.animation = Ci(n, s, i, c, r), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
|
|
1071
1086
|
if (this.finishedTime = this.time, !r) {
|
|
1072
1087
|
const u = rt(i, this.options, o, this.speed);
|
|
1073
|
-
this.updateMotionValue ? this.updateMotionValue(u) :
|
|
1088
|
+
this.updateMotionValue ? this.updateMotionValue(u) : Si(n, s, u), this.animation.cancel();
|
|
1074
1089
|
}
|
|
1075
1090
|
l?.(), this.notifyFinished();
|
|
1076
1091
|
};
|
|
@@ -1153,9 +1168,9 @@ class Di extends at {
|
|
|
1153
1168
|
}
|
|
1154
1169
|
}
|
|
1155
1170
|
const Nn = {
|
|
1156
|
-
anticipate:
|
|
1157
|
-
backInOut:
|
|
1158
|
-
circInOut:
|
|
1171
|
+
anticipate: cn,
|
|
1172
|
+
backInOut: un,
|
|
1173
|
+
circInOut: fn
|
|
1159
1174
|
};
|
|
1160
1175
|
function Ei(e) {
|
|
1161
1176
|
return e in Nn;
|
|
@@ -1163,10 +1178,10 @@ function Ei(e) {
|
|
|
1163
1178
|
function Ri(e) {
|
|
1164
1179
|
typeof e.ease == "string" && Ei(e.ease) && (e.ease = Nn[e.ease]);
|
|
1165
1180
|
}
|
|
1166
|
-
const
|
|
1181
|
+
const It = 10;
|
|
1167
1182
|
class Pi extends Di {
|
|
1168
1183
|
constructor(t) {
|
|
1169
|
-
Ri(t),
|
|
1184
|
+
Ri(t), Rn(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
|
|
1170
1185
|
}
|
|
1171
1186
|
/**
|
|
1172
1187
|
* WAAPI doesn't natively have any interruption capabilities.
|
|
@@ -1188,11 +1203,11 @@ class Pi extends Di {
|
|
|
1188
1203
|
...a,
|
|
1189
1204
|
autoplay: !1
|
|
1190
1205
|
}), l = /* @__PURE__ */ O(this.finishedTime ?? this.time);
|
|
1191
|
-
n.setWithVelocity(o.sample(l -
|
|
1206
|
+
n.setWithVelocity(o.sample(l - It).value, o.sample(l).value, It), o.stop();
|
|
1192
1207
|
}
|
|
1193
1208
|
}
|
|
1194
|
-
const
|
|
1195
|
-
(
|
|
1209
|
+
const Nt = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
|
|
1210
|
+
($.test(e) || e === "0") && // And it contains numbers and/or colors
|
|
1196
1211
|
!e.startsWith("url("));
|
|
1197
1212
|
function Oi(e) {
|
|
1198
1213
|
const t = e[0];
|
|
@@ -1202,39 +1217,39 @@ function Oi(e) {
|
|
|
1202
1217
|
if (e[n] !== t)
|
|
1203
1218
|
return !0;
|
|
1204
1219
|
}
|
|
1205
|
-
function
|
|
1220
|
+
function Bi(e, t, n, s) {
|
|
1206
1221
|
const i = e[0];
|
|
1207
1222
|
if (i === null)
|
|
1208
1223
|
return !1;
|
|
1209
1224
|
if (t === "display" || t === "visibility")
|
|
1210
1225
|
return !0;
|
|
1211
|
-
const r = e[e.length - 1], a =
|
|
1226
|
+
const r = e[e.length - 1], a = Nt(i, t), o = Nt(r, t);
|
|
1212
1227
|
return de(a === o, `You are trying to animate ${t} from "${i}" to "${r}". "${a ? r : i}" is not an animatable value.`, "value-not-animatable"), !a || !o ? !1 : Oi(e) || (n === "spring" || ut(n)) && s;
|
|
1213
1228
|
}
|
|
1214
1229
|
function Ge(e) {
|
|
1215
1230
|
e.duration = 0, e.type = "keyframes";
|
|
1216
1231
|
}
|
|
1217
|
-
const
|
|
1232
|
+
const Ii = /* @__PURE__ */ new Set([
|
|
1218
1233
|
"opacity",
|
|
1219
1234
|
"clipPath",
|
|
1220
1235
|
"filter",
|
|
1221
1236
|
"transform"
|
|
1222
1237
|
// TODO: Could be re-enabled now we have support for linear() easing
|
|
1223
1238
|
// "background-color"
|
|
1224
|
-
]),
|
|
1225
|
-
function
|
|
1239
|
+
]), Ni = /* @__PURE__ */ qe(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
|
|
1240
|
+
function ki(e) {
|
|
1226
1241
|
const { motionValue: t, name: n, repeatDelay: s, repeatType: i, damping: r, type: a } = e;
|
|
1227
1242
|
if (!(t?.owner?.current instanceof HTMLElement))
|
|
1228
1243
|
return !1;
|
|
1229
1244
|
const { onUpdate: l, transformTemplate: c } = t.owner.getProps();
|
|
1230
|
-
return
|
|
1245
|
+
return Ni() && n && Ii.has(n) && (n !== "transform" || !c) && /**
|
|
1231
1246
|
* If we're outputting values to onUpdate then we can't use WAAPI as there's
|
|
1232
1247
|
* no way to read the value from WAAPI every frame.
|
|
1233
1248
|
*/
|
|
1234
1249
|
!l && !s && i !== "mirror" && r !== 0 && a !== "inertia";
|
|
1235
1250
|
}
|
|
1236
1251
|
const Ki = 40;
|
|
1237
|
-
class
|
|
1252
|
+
class _i extends at {
|
|
1238
1253
|
constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: a = "loop", keyframes: o, name: l, motionValue: c, element: u, ...f }) {
|
|
1239
1254
|
super(), this.stop = () => {
|
|
1240
1255
|
this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
|
|
@@ -1250,23 +1265,23 @@ class Li extends at {
|
|
|
1250
1265
|
motionValue: c,
|
|
1251
1266
|
element: u,
|
|
1252
1267
|
...f
|
|
1253
|
-
},
|
|
1254
|
-
this.keyframeResolver = new
|
|
1268
|
+
}, g = u?.KeyframeResolver || lt;
|
|
1269
|
+
this.keyframeResolver = new g(o, (y, b, v) => this.onKeyframesResolved(y, b, h, !v), l, c, u), this.keyframeResolver?.scheduleResolve();
|
|
1255
1270
|
}
|
|
1256
1271
|
onKeyframesResolved(t, n, s, i) {
|
|
1257
1272
|
this.keyframeResolver = void 0;
|
|
1258
1273
|
const { name: r, type: a, velocity: o, delay: l, isHandoff: c, onUpdate: u } = s;
|
|
1259
|
-
this.resolvedAt = R.now(),
|
|
1274
|
+
this.resolvedAt = R.now(), Bi(t, r, a, o) || ((k.instantAnimations || !l) && u?.(rt(t, s, n)), t[0] = t[t.length - 1], Ge(s), s.repeat = 0);
|
|
1260
1275
|
const h = {
|
|
1261
1276
|
startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ki ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
|
|
1262
1277
|
finalKeyframe: n,
|
|
1263
1278
|
...s,
|
|
1264
1279
|
keyframes: t
|
|
1265
|
-
},
|
|
1280
|
+
}, g = !c && ki(h) ? new Pi({
|
|
1266
1281
|
...h,
|
|
1267
1282
|
element: h.motionValue.owner.current
|
|
1268
1283
|
}) : new ot(h);
|
|
1269
|
-
|
|
1284
|
+
g.finished.then(() => this.notifyFinished()).catch(H), this.pendingTimeline && (this.stopTimeline = g.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = g;
|
|
1270
1285
|
}
|
|
1271
1286
|
get finished() {
|
|
1272
1287
|
return this._animation ? this.animation.finished : this._finished;
|
|
@@ -1318,7 +1333,7 @@ class Li extends at {
|
|
|
1318
1333
|
this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
|
|
1319
1334
|
}
|
|
1320
1335
|
}
|
|
1321
|
-
class
|
|
1336
|
+
class Li {
|
|
1322
1337
|
constructor(t) {
|
|
1323
1338
|
this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
|
|
1324
1339
|
}
|
|
@@ -1362,10 +1377,10 @@ class $i {
|
|
|
1362
1377
|
return this.getAll("startTime");
|
|
1363
1378
|
}
|
|
1364
1379
|
get duration() {
|
|
1365
|
-
return
|
|
1380
|
+
return kt(this.animations, "duration");
|
|
1366
1381
|
}
|
|
1367
1382
|
get iterationDuration() {
|
|
1368
|
-
return
|
|
1383
|
+
return kt(this.animations, "iterationDuration");
|
|
1369
1384
|
}
|
|
1370
1385
|
runAll(t) {
|
|
1371
1386
|
this.animations.forEach((n) => n[t]());
|
|
@@ -1383,7 +1398,7 @@ class $i {
|
|
|
1383
1398
|
this.runAll("complete");
|
|
1384
1399
|
}
|
|
1385
1400
|
}
|
|
1386
|
-
function
|
|
1401
|
+
function kt(e, t) {
|
|
1387
1402
|
let n = 0;
|
|
1388
1403
|
for (let s = 0; s < e.length; s++) {
|
|
1389
1404
|
const i = e[s][t];
|
|
@@ -1391,18 +1406,18 @@ function Bt(e, t) {
|
|
|
1391
1406
|
}
|
|
1392
1407
|
return n;
|
|
1393
1408
|
}
|
|
1394
|
-
class
|
|
1409
|
+
class $i extends Li {
|
|
1395
1410
|
then(t, n) {
|
|
1396
1411
|
return this.finished.finally(t).then(() => {
|
|
1397
1412
|
});
|
|
1398
1413
|
}
|
|
1399
1414
|
}
|
|
1400
|
-
const
|
|
1415
|
+
const Wi = (
|
|
1401
1416
|
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
1402
1417
|
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
1403
1418
|
);
|
|
1404
1419
|
function Ui(e) {
|
|
1405
|
-
const t =
|
|
1420
|
+
const t = Wi.exec(e);
|
|
1406
1421
|
if (!t)
|
|
1407
1422
|
return [,];
|
|
1408
1423
|
const [, n, s, i] = t;
|
|
@@ -1410,21 +1425,21 @@ function Ui(e) {
|
|
|
1410
1425
|
}
|
|
1411
1426
|
const ji = 4;
|
|
1412
1427
|
function kn(e, t, n = 1) {
|
|
1413
|
-
|
|
1428
|
+
I(n <= ji, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
1414
1429
|
const [s, i] = Ui(e);
|
|
1415
1430
|
if (!s)
|
|
1416
1431
|
return;
|
|
1417
1432
|
const r = window.getComputedStyle(t).getPropertyValue(s);
|
|
1418
1433
|
if (r) {
|
|
1419
1434
|
const a = r.trim();
|
|
1420
|
-
return
|
|
1435
|
+
return Qt(a) ? parseFloat(a) : a;
|
|
1421
1436
|
}
|
|
1422
1437
|
return et(i) ? kn(i, t, n + 1) : i;
|
|
1423
1438
|
}
|
|
1424
|
-
function
|
|
1439
|
+
function Kn(e, t) {
|
|
1425
1440
|
return e?.[t] ?? e?.default ?? e;
|
|
1426
1441
|
}
|
|
1427
|
-
const
|
|
1442
|
+
const _n = /* @__PURE__ */ new Set([
|
|
1428
1443
|
"width",
|
|
1429
1444
|
"height",
|
|
1430
1445
|
"top",
|
|
@@ -1435,9 +1450,9 @@ const In = /* @__PURE__ */ new Set([
|
|
|
1435
1450
|
]), Gi = {
|
|
1436
1451
|
test: (e) => e === "auto",
|
|
1437
1452
|
parse: (e) => e
|
|
1438
|
-
},
|
|
1453
|
+
}, Ln = (e) => (t) => t.test(e), $n = [Z, d, q, L, Ns, Is, Gi], Kt = (e) => $n.find(Ln(e));
|
|
1439
1454
|
function Yi(e) {
|
|
1440
|
-
return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" ||
|
|
1455
|
+
return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || en(e) : !0;
|
|
1441
1456
|
}
|
|
1442
1457
|
const zi = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
1443
1458
|
function Xi(e) {
|
|
@@ -1452,26 +1467,26 @@ function Xi(e) {
|
|
|
1452
1467
|
return s !== n && (r *= 100), t + "(" + r + i + ")";
|
|
1453
1468
|
}
|
|
1454
1469
|
const qi = /\b([a-z-]*)\(.*?\)/gu, Ye = {
|
|
1455
|
-
|
|
1470
|
+
...$,
|
|
1456
1471
|
getAnimatableNone: (e) => {
|
|
1457
1472
|
const t = e.match(qi);
|
|
1458
1473
|
return t ? t.map(Xi).join(" ") : e;
|
|
1459
1474
|
}
|
|
1460
|
-
},
|
|
1475
|
+
}, _t = {
|
|
1461
1476
|
...Z,
|
|
1462
1477
|
transform: Math.round
|
|
1463
1478
|
}, Hi = {
|
|
1464
|
-
rotate:
|
|
1465
|
-
rotateX:
|
|
1466
|
-
rotateY:
|
|
1467
|
-
rotateZ:
|
|
1479
|
+
rotate: L,
|
|
1480
|
+
rotateX: L,
|
|
1481
|
+
rotateY: L,
|
|
1482
|
+
rotateZ: L,
|
|
1468
1483
|
scale: Te,
|
|
1469
1484
|
scaleX: Te,
|
|
1470
1485
|
scaleY: Te,
|
|
1471
1486
|
scaleZ: Te,
|
|
1472
|
-
skew:
|
|
1473
|
-
skewX:
|
|
1474
|
-
skewY:
|
|
1487
|
+
skew: L,
|
|
1488
|
+
skewX: L,
|
|
1489
|
+
skewY: L,
|
|
1475
1490
|
distance: d,
|
|
1476
1491
|
translateX: d,
|
|
1477
1492
|
translateY: d,
|
|
@@ -1482,8 +1497,8 @@ const qi = /\b([a-z-]*)\(.*?\)/gu, Ye = {
|
|
|
1482
1497
|
perspective: d,
|
|
1483
1498
|
transformPerspective: d,
|
|
1484
1499
|
opacity: le,
|
|
1485
|
-
originX:
|
|
1486
|
-
originY:
|
|
1500
|
+
originX: At,
|
|
1501
|
+
originY: At,
|
|
1487
1502
|
originZ: d
|
|
1488
1503
|
}, ct = {
|
|
1489
1504
|
// Border props
|
|
@@ -1522,11 +1537,11 @@ const qi = /\b([a-z-]*)\(.*?\)/gu, Ye = {
|
|
|
1522
1537
|
backgroundPositionX: d,
|
|
1523
1538
|
backgroundPositionY: d,
|
|
1524
1539
|
...Hi,
|
|
1525
|
-
zIndex:
|
|
1540
|
+
zIndex: _t,
|
|
1526
1541
|
// SVG
|
|
1527
1542
|
fillOpacity: le,
|
|
1528
1543
|
strokeOpacity: le,
|
|
1529
|
-
numOctaves:
|
|
1544
|
+
numOctaves: _t
|
|
1530
1545
|
}, Zi = {
|
|
1531
1546
|
...ct,
|
|
1532
1547
|
// Color props
|
|
@@ -1543,10 +1558,10 @@ const qi = /\b([a-z-]*)\(.*?\)/gu, Ye = {
|
|
|
1543
1558
|
borderLeftColor: F,
|
|
1544
1559
|
filter: Ye,
|
|
1545
1560
|
WebkitFilter: Ye
|
|
1546
|
-
},
|
|
1547
|
-
function
|
|
1548
|
-
let n =
|
|
1549
|
-
return n !== Ye && (n =
|
|
1561
|
+
}, Wn = (e) => Zi[e];
|
|
1562
|
+
function Un(e, t) {
|
|
1563
|
+
let n = Wn(e);
|
|
1564
|
+
return n !== Ye && (n = $), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
|
|
1550
1565
|
}
|
|
1551
1566
|
const Ji = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
1552
1567
|
function Qi(e, t, n) {
|
|
@@ -1557,7 +1572,7 @@ function Qi(e, t, n) {
|
|
|
1557
1572
|
}
|
|
1558
1573
|
if (i && n)
|
|
1559
1574
|
for (const r of t)
|
|
1560
|
-
e[r] =
|
|
1575
|
+
e[r] = Un(n, i);
|
|
1561
1576
|
}
|
|
1562
1577
|
class er extends lt {
|
|
1563
1578
|
constructor(t, n, s, i, r) {
|
|
@@ -1575,11 +1590,11 @@ class er extends lt {
|
|
|
1575
1590
|
u !== void 0 && (t[l] = u), l === t.length - 1 && (this.finalKeyframe = c);
|
|
1576
1591
|
}
|
|
1577
1592
|
}
|
|
1578
|
-
if (this.resolveNoneKeyframes(), !
|
|
1593
|
+
if (this.resolveNoneKeyframes(), !_n.has(s) || t.length !== 2)
|
|
1579
1594
|
return;
|
|
1580
|
-
const [i, r] = t, a =
|
|
1595
|
+
const [i, r] = t, a = Kt(i), o = Kt(r);
|
|
1581
1596
|
if (a !== o)
|
|
1582
|
-
if (
|
|
1597
|
+
if (Ot(a) && Ot(o))
|
|
1583
1598
|
for (let l = 0; l < t.length; l++) {
|
|
1584
1599
|
const c = t[l];
|
|
1585
1600
|
typeof c == "string" && (t[l] = parseFloat(c));
|
|
@@ -1622,7 +1637,7 @@ function tr(e, t, n) {
|
|
|
1622
1637
|
}
|
|
1623
1638
|
return Array.from(e);
|
|
1624
1639
|
}
|
|
1625
|
-
const
|
|
1640
|
+
const jn = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Lt = 30, nr = (e) => !isNaN(parseFloat(e));
|
|
1626
1641
|
class sr {
|
|
1627
1642
|
/**
|
|
1628
1643
|
* @param init - The initiating value
|
|
@@ -1685,10 +1700,10 @@ class sr {
|
|
|
1685
1700
|
* @deprecated
|
|
1686
1701
|
*/
|
|
1687
1702
|
onChange(t) {
|
|
1688
|
-
return process.env.NODE_ENV !== "production" &&
|
|
1703
|
+
return process.env.NODE_ENV !== "production" && sn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
|
|
1689
1704
|
}
|
|
1690
1705
|
on(t, n) {
|
|
1691
|
-
this.events[t] || (this.events[t] = new
|
|
1706
|
+
this.events[t] || (this.events[t] = new tn());
|
|
1692
1707
|
const s = this.events[t].add(n);
|
|
1693
1708
|
return t === "change" ? () => {
|
|
1694
1709
|
s(), K.read(() => {
|
|
@@ -1771,7 +1786,7 @@ class sr {
|
|
|
1771
1786
|
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Lt)
|
|
1772
1787
|
return 0;
|
|
1773
1788
|
const n = Math.min(this.updatedAt - this.prevUpdatedAt, Lt);
|
|
1774
|
-
return
|
|
1789
|
+
return nn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
|
|
1775
1790
|
}
|
|
1776
1791
|
/**
|
|
1777
1792
|
* Registers a new animation to control this `MotionValue`. Only one
|
|
@@ -1825,18 +1840,18 @@ class sr {
|
|
|
1825
1840
|
function fe(e, t) {
|
|
1826
1841
|
return new sr(e, t);
|
|
1827
1842
|
}
|
|
1828
|
-
const { schedule: ir } = /* @__PURE__ */
|
|
1829
|
-
function
|
|
1843
|
+
const { schedule: ir } = /* @__PURE__ */ gn(queueMicrotask, !1);
|
|
1844
|
+
function Gn(e) {
|
|
1830
1845
|
return gs(e) && "ownerSVGElement" in e;
|
|
1831
1846
|
}
|
|
1832
1847
|
function rr(e) {
|
|
1833
|
-
return
|
|
1848
|
+
return Gn(e) && e.tagName === "svg";
|
|
1834
1849
|
}
|
|
1835
|
-
const D = (e) => !!(e && e.getVelocity), ar = [
|
|
1850
|
+
const D = (e) => !!(e && e.getVelocity), ar = [...$n, F, $], or = (e) => ar.find(Ln(e));
|
|
1836
1851
|
function ft(e) {
|
|
1837
1852
|
return typeof e == "object" && !Array.isArray(e);
|
|
1838
1853
|
}
|
|
1839
|
-
function
|
|
1854
|
+
function Yn(e, t, n, s) {
|
|
1840
1855
|
return typeof e == "string" && ft(t) ? tr(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
|
|
1841
1856
|
}
|
|
1842
1857
|
function lr(e, t, n) {
|
|
@@ -1848,7 +1863,7 @@ function $t(e, t, n, s) {
|
|
|
1848
1863
|
function ur(e, t, n) {
|
|
1849
1864
|
for (let s = 0; s < e.length; s++) {
|
|
1850
1865
|
const i = e[s];
|
|
1851
|
-
i.at > t && i.at < n && (
|
|
1866
|
+
i.at > t && i.at < n && (Jt(e, i), s--);
|
|
1852
1867
|
}
|
|
1853
1868
|
}
|
|
1854
1869
|
function cr(e, t, n, s, i, r) {
|
|
@@ -1857,7 +1872,7 @@ function cr(e, t, n, s, i, r) {
|
|
|
1857
1872
|
e.push({
|
|
1858
1873
|
value: t[a],
|
|
1859
1874
|
at: J(i, r, s[a]),
|
|
1860
|
-
easing:
|
|
1875
|
+
easing: pn(n, a)
|
|
1861
1876
|
});
|
|
1862
1877
|
}
|
|
1863
1878
|
function fr(e, t) {
|
|
@@ -1871,84 +1886,84 @@ const dr = "easeInOut", pr = 20;
|
|
|
1871
1886
|
function mr(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
|
|
1872
1887
|
const r = t.duration || 0.3, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), l = {}, c = /* @__PURE__ */ new Map();
|
|
1873
1888
|
let u = 0, f = 0, h = 0;
|
|
1874
|
-
for (let
|
|
1875
|
-
const
|
|
1876
|
-
if (typeof
|
|
1877
|
-
c.set(
|
|
1889
|
+
for (let g = 0; g < e.length; g++) {
|
|
1890
|
+
const y = e[g];
|
|
1891
|
+
if (typeof y == "string") {
|
|
1892
|
+
c.set(y, f);
|
|
1878
1893
|
continue;
|
|
1879
|
-
} else if (!Array.isArray(
|
|
1880
|
-
c.set(
|
|
1894
|
+
} else if (!Array.isArray(y)) {
|
|
1895
|
+
c.set(y.name, $t(f, y.at, u, c));
|
|
1881
1896
|
continue;
|
|
1882
1897
|
}
|
|
1883
|
-
let [
|
|
1898
|
+
let [b, v, T = {}] = y;
|
|
1884
1899
|
T.at !== void 0 && (f = $t(f, T.at, u, c));
|
|
1885
1900
|
let A = 0;
|
|
1886
|
-
const
|
|
1887
|
-
const x = gr(
|
|
1888
|
-
let { ease:
|
|
1889
|
-
const pt = typeof E == "function" ? E(C,
|
|
1901
|
+
const w = (V, p, S, C = 0, m = 0) => {
|
|
1902
|
+
const x = gr(V), { delay: E = 0, times: B = En(x), type: xe = "keyframes", repeat: te, repeatType: Aa, repeatDelay: Ma = 0, ...is } = p;
|
|
1903
|
+
let { ease: _ = t.ease || "easeOut", duration: N } = p;
|
|
1904
|
+
const pt = typeof E == "function" ? E(C, m) : E, mt = x.length, gt = ut(xe) ? xe : i?.[xe || "keyframes"];
|
|
1890
1905
|
if (mt <= 2 && gt) {
|
|
1891
1906
|
let ne = 100;
|
|
1892
1907
|
if (mt === 2 && Tr(x)) {
|
|
1893
1908
|
const se = x[1] - x[0];
|
|
1894
1909
|
ne = Math.abs(se);
|
|
1895
1910
|
}
|
|
1896
|
-
const ge = { ...
|
|
1897
|
-
|
|
1898
|
-
const ye =
|
|
1899
|
-
|
|
1911
|
+
const ge = { ...is };
|
|
1912
|
+
N !== void 0 && (ge.duration = /* @__PURE__ */ O(N));
|
|
1913
|
+
const ye = Cn(ge, ne, gt);
|
|
1914
|
+
_ = ye.ease, N = ye.duration;
|
|
1900
1915
|
}
|
|
1901
|
-
|
|
1916
|
+
N ?? (N = r);
|
|
1902
1917
|
const yt = f + pt;
|
|
1903
|
-
|
|
1904
|
-
const bt =
|
|
1905
|
-
if (bt > 0 &&
|
|
1906
|
-
|
|
1907
|
-
const ne = [...x], ge = [...
|
|
1908
|
-
|
|
1909
|
-
const ye = [...
|
|
1918
|
+
B.length === 1 && B[0] === 0 && (B[1] = 1);
|
|
1919
|
+
const bt = B.length - x.length;
|
|
1920
|
+
if (bt > 0 && Dn(B, bt), x.length === 1 && x.unshift(null), te) {
|
|
1921
|
+
I(te < pr, "Repeat count too high, must be less than 20", "repeat-count-high"), N = lr(N, te);
|
|
1922
|
+
const ne = [...x], ge = [...B];
|
|
1923
|
+
_ = Array.isArray(_) ? [..._] : [_];
|
|
1924
|
+
const ye = [..._];
|
|
1910
1925
|
for (let se = 0; se < te; se++) {
|
|
1911
1926
|
x.push(...ne);
|
|
1912
1927
|
for (let ie = 0; ie < ne.length; ie++)
|
|
1913
|
-
|
|
1928
|
+
B.push(ge[ie] + (se + 1)), _.push(ie === 0 ? "linear" : pn(ye, ie - 1));
|
|
1914
1929
|
}
|
|
1915
|
-
fr(
|
|
1930
|
+
fr(B, te);
|
|
1916
1931
|
}
|
|
1917
|
-
const Tt = yt +
|
|
1918
|
-
cr(S, x,
|
|
1932
|
+
const Tt = yt + N;
|
|
1933
|
+
cr(S, x, _, B, yt, Tt), A = Math.max(pt + N, A), h = Math.max(Tt, h);
|
|
1919
1934
|
};
|
|
1920
|
-
if (D(
|
|
1921
|
-
const
|
|
1922
|
-
|
|
1935
|
+
if (D(b)) {
|
|
1936
|
+
const V = Wt(b, o);
|
|
1937
|
+
w(v, T, Ut("default", V));
|
|
1923
1938
|
} else {
|
|
1924
|
-
const
|
|
1939
|
+
const V = Yn(b, v, s, l), p = V.length;
|
|
1925
1940
|
for (let S = 0; S < p; S++) {
|
|
1926
1941
|
v = v, T = T;
|
|
1927
|
-
const C =
|
|
1942
|
+
const C = V[S], m = Wt(C, o);
|
|
1928
1943
|
for (const x in v)
|
|
1929
|
-
|
|
1944
|
+
w(v[x], yr(T, x), Ut(x, m), S, p);
|
|
1930
1945
|
}
|
|
1931
1946
|
}
|
|
1932
1947
|
u = f, f += A;
|
|
1933
1948
|
}
|
|
1934
|
-
return o.forEach((
|
|
1935
|
-
for (const
|
|
1936
|
-
const v =
|
|
1949
|
+
return o.forEach((g, y) => {
|
|
1950
|
+
for (const b in g) {
|
|
1951
|
+
const v = g[b];
|
|
1937
1952
|
v.sort(hr);
|
|
1938
|
-
const T = [], A = [],
|
|
1953
|
+
const T = [], A = [], w = [];
|
|
1939
1954
|
for (let p = 0; p < v.length; p++) {
|
|
1940
|
-
const { at: S, value: C, easing:
|
|
1941
|
-
T.push(C), A.push(/* @__PURE__ */ Ze(0, h, S)),
|
|
1955
|
+
const { at: S, value: C, easing: m } = v[p];
|
|
1956
|
+
T.push(C), A.push(/* @__PURE__ */ Ze(0, h, S)), w.push(m || "easeOut");
|
|
1942
1957
|
}
|
|
1943
|
-
A[0] !== 0 && (A.unshift(0), T.unshift(T[0]),
|
|
1958
|
+
A[0] !== 0 && (A.unshift(0), T.unshift(T[0]), w.unshift(dr)), A[A.length - 1] !== 1 && (A.push(1), T.push(null)), a.has(y) || a.set(y, {
|
|
1944
1959
|
keyframes: {},
|
|
1945
1960
|
transition: {}
|
|
1946
1961
|
});
|
|
1947
|
-
const
|
|
1948
|
-
|
|
1962
|
+
const V = a.get(y);
|
|
1963
|
+
V.keyframes[b] = T, V.transition[b] = {
|
|
1949
1964
|
...t,
|
|
1950
1965
|
duration: h,
|
|
1951
|
-
ease:
|
|
1966
|
+
ease: w,
|
|
1952
1967
|
times: A,
|
|
1953
1968
|
...n
|
|
1954
1969
|
};
|
|
@@ -1958,7 +1973,7 @@ function mr(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
|
|
|
1958
1973
|
function Wt(e, t) {
|
|
1959
1974
|
return !t.has(e) && t.set(e, {}), t.get(e);
|
|
1960
1975
|
}
|
|
1961
|
-
function
|
|
1976
|
+
function Ut(e, t) {
|
|
1962
1977
|
return t[e] || (t[e] = []), t[e];
|
|
1963
1978
|
}
|
|
1964
1979
|
function gr(e) {
|
|
@@ -1971,31 +1986,31 @@ function yr(e, t) {
|
|
|
1971
1986
|
} : { ...e };
|
|
1972
1987
|
}
|
|
1973
1988
|
const br = (e) => typeof e == "number", Tr = (e) => e.every(br), he = /* @__PURE__ */ new WeakMap(), vr = (e) => Array.isArray(e);
|
|
1974
|
-
function
|
|
1989
|
+
function jt(e) {
|
|
1975
1990
|
const t = [{}, {}];
|
|
1976
1991
|
return e?.values.forEach((n, s) => {
|
|
1977
1992
|
t[0][s] = n.get(), t[1][s] = n.getVelocity();
|
|
1978
1993
|
}), t;
|
|
1979
1994
|
}
|
|
1980
|
-
function
|
|
1995
|
+
function zn(e, t, n, s) {
|
|
1981
1996
|
if (typeof t == "function") {
|
|
1982
|
-
const [i, r] =
|
|
1997
|
+
const [i, r] = jt(s);
|
|
1983
1998
|
t = t(n !== void 0 ? n : e.custom, i, r);
|
|
1984
1999
|
}
|
|
1985
2000
|
if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
|
|
1986
|
-
const [i, r] =
|
|
2001
|
+
const [i, r] = jt(s);
|
|
1987
2002
|
t = t(n !== void 0 ? n : e.custom, i, r);
|
|
1988
2003
|
}
|
|
1989
2004
|
return t;
|
|
1990
2005
|
}
|
|
1991
2006
|
function Vr(e, t, n) {
|
|
1992
2007
|
const s = e.getProps();
|
|
1993
|
-
return
|
|
2008
|
+
return zn(s, t, s.custom, e);
|
|
1994
2009
|
}
|
|
1995
|
-
function
|
|
2010
|
+
function wr(e, t, n) {
|
|
1996
2011
|
e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, fe(n));
|
|
1997
2012
|
}
|
|
1998
|
-
function
|
|
2013
|
+
function Sr(e) {
|
|
1999
2014
|
return vr(e) ? e[e.length - 1] || 0 : e;
|
|
2000
2015
|
}
|
|
2001
2016
|
function xr(e, t) {
|
|
@@ -2003,8 +2018,8 @@ function xr(e, t) {
|
|
|
2003
2018
|
let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
|
|
2004
2019
|
r = { ...r, ...s };
|
|
2005
2020
|
for (const a in r) {
|
|
2006
|
-
const o =
|
|
2007
|
-
|
|
2021
|
+
const o = Sr(r[a]);
|
|
2022
|
+
wr(e, a, o);
|
|
2008
2023
|
}
|
|
2009
2024
|
}
|
|
2010
2025
|
function Ar(e) {
|
|
@@ -2014,8 +2029,8 @@ function Mr(e, t) {
|
|
|
2014
2029
|
const n = e.getValue("willChange");
|
|
2015
2030
|
if (Ar(n))
|
|
2016
2031
|
return n.add(t);
|
|
2017
|
-
if (!n &&
|
|
2018
|
-
const s = new
|
|
2032
|
+
if (!n && k.WillChange) {
|
|
2033
|
+
const s = new k.WillChange("auto");
|
|
2019
2034
|
e.addValue("willChange", s), s.add(t);
|
|
2020
2035
|
}
|
|
2021
2036
|
}
|
|
@@ -2038,19 +2053,19 @@ const Pr = {
|
|
|
2038
2053
|
stiffness: 550,
|
|
2039
2054
|
damping: e === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2040
2055
|
restSpeed: 10
|
|
2041
|
-
}),
|
|
2056
|
+
}), Br = {
|
|
2042
2057
|
type: "keyframes",
|
|
2043
2058
|
duration: 0.8
|
|
2044
|
-
},
|
|
2059
|
+
}, Ir = {
|
|
2045
2060
|
type: "keyframes",
|
|
2046
2061
|
ease: [0.25, 0.1, 0.35, 1],
|
|
2047
2062
|
duration: 0.3
|
|
2048
|
-
},
|
|
2049
|
-
function
|
|
2063
|
+
}, Nr = (e, { keyframes: t }) => t.length > 2 ? Br : ee.has(e) ? e.startsWith("scale") ? Or(t[1]) : Pr : Ir;
|
|
2064
|
+
function kr({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: a, repeatDelay: o, from: l, elapsed: c, ...u }) {
|
|
2050
2065
|
return !!Object.keys(u).length;
|
|
2051
2066
|
}
|
|
2052
|
-
const
|
|
2053
|
-
const o =
|
|
2067
|
+
const Xn = (e, t, n, s = {}, i, r) => (a) => {
|
|
2068
|
+
const o = Kn(s, e) || {}, l = o.delay || s.delay || 0;
|
|
2054
2069
|
let { elapsed: c = 0 } = s;
|
|
2055
2070
|
c = c - /* @__PURE__ */ O(l);
|
|
2056
2071
|
const u = {
|
|
@@ -2069,9 +2084,9 @@ const Yn = (e, t, n, s = {}, i, r) => (a) => {
|
|
|
2069
2084
|
motionValue: t,
|
|
2070
2085
|
element: r ? void 0 : i
|
|
2071
2086
|
};
|
|
2072
|
-
|
|
2087
|
+
kr(o) || Object.assign(u, Nr(e, u)), u.duration && (u.duration = /* @__PURE__ */ O(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ O(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
|
|
2073
2088
|
let f = !1;
|
|
2074
|
-
if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Ge(u), u.delay === 0 && (f = !0)), (
|
|
2089
|
+
if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Ge(u), u.delay === 0 && (f = !0)), (k.instantAnimations || k.skipAnimations) && (f = !0, Ge(u), u.delay = 0), u.allowFlatten = !o.type && !o.ease, f && !r && t.get() !== void 0) {
|
|
2075
2090
|
const h = Rr(u.keyframes, o);
|
|
2076
2091
|
if (h !== void 0) {
|
|
2077
2092
|
K.update(() => {
|
|
@@ -2080,13 +2095,13 @@ const Yn = (e, t, n, s = {}, i, r) => (a) => {
|
|
|
2080
2095
|
return;
|
|
2081
2096
|
}
|
|
2082
2097
|
}
|
|
2083
|
-
return o.isSync ? new ot(u) : new
|
|
2098
|
+
return o.isSync ? new ot(u) : new _i(u);
|
|
2084
2099
|
};
|
|
2085
2100
|
function Kr({ protectedKeys: e, needsAnimating: t }, n) {
|
|
2086
2101
|
const s = e.hasOwnProperty(n) && t[n] !== !0;
|
|
2087
2102
|
return t[n] = !1, s;
|
|
2088
2103
|
}
|
|
2089
|
-
function
|
|
2104
|
+
function _r(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
|
|
2090
2105
|
let { transition: r = e.getDefaultTransition(), transitionEnd: a, ...o } = t;
|
|
2091
2106
|
s && (r = s);
|
|
2092
2107
|
const l = [], c = i && e.animationState && e.animationState.getState()[i];
|
|
@@ -2094,21 +2109,21 @@ function Lr(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
|
|
|
2094
2109
|
const f = e.getValue(u, e.latestValues[u] ?? null), h = o[u];
|
|
2095
2110
|
if (h === void 0 || c && Kr(c, u))
|
|
2096
2111
|
continue;
|
|
2097
|
-
const
|
|
2112
|
+
const g = {
|
|
2098
2113
|
delay: n,
|
|
2099
|
-
...
|
|
2100
|
-
},
|
|
2101
|
-
if (
|
|
2114
|
+
...Kn(r || {}, u)
|
|
2115
|
+
}, y = f.get();
|
|
2116
|
+
if (y !== void 0 && !f.isAnimating && !Array.isArray(h) && h === y && !g.velocity)
|
|
2102
2117
|
continue;
|
|
2103
|
-
let
|
|
2118
|
+
let b = !1;
|
|
2104
2119
|
if (window.MotionHandoffAnimation) {
|
|
2105
2120
|
const T = Dr(e);
|
|
2106
2121
|
if (T) {
|
|
2107
2122
|
const A = window.MotionHandoffAnimation(T, u, K);
|
|
2108
|
-
A !== null && (
|
|
2123
|
+
A !== null && (g.startTime = A, b = !0);
|
|
2109
2124
|
}
|
|
2110
2125
|
}
|
|
2111
|
-
Mr(e, u), f.start(
|
|
2126
|
+
Mr(e, u), f.start(Xn(u, f, h, e.shouldReduceMotion && _n.has(u) ? { type: !1 } : g, e, b));
|
|
2112
2127
|
const v = f.animation;
|
|
2113
2128
|
v && l.push(v);
|
|
2114
2129
|
}
|
|
@@ -2118,13 +2133,13 @@ function Lr(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
|
|
|
2118
2133
|
});
|
|
2119
2134
|
}), l;
|
|
2120
2135
|
}
|
|
2121
|
-
function
|
|
2136
|
+
function Lr({ top: e, left: t, right: n, bottom: s }) {
|
|
2122
2137
|
return {
|
|
2123
2138
|
x: { min: t, max: n },
|
|
2124
2139
|
y: { min: e, max: s }
|
|
2125
2140
|
};
|
|
2126
2141
|
}
|
|
2127
|
-
function
|
|
2142
|
+
function $r(e, t) {
|
|
2128
2143
|
if (!t)
|
|
2129
2144
|
return e;
|
|
2130
2145
|
const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
|
|
@@ -2135,10 +2150,10 @@ function Wr(e, t) {
|
|
|
2135
2150
|
right: s.x
|
|
2136
2151
|
};
|
|
2137
2152
|
}
|
|
2138
|
-
function
|
|
2139
|
-
return $r(
|
|
2153
|
+
function Wr(e, t) {
|
|
2154
|
+
return Lr($r(e.getBoundingClientRect(), t));
|
|
2140
2155
|
}
|
|
2141
|
-
const
|
|
2156
|
+
const Gt = {
|
|
2142
2157
|
animation: [
|
|
2143
2158
|
"animate",
|
|
2144
2159
|
"variants",
|
|
@@ -2158,16 +2173,16 @@ const jt = {
|
|
|
2158
2173
|
inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
|
|
2159
2174
|
layout: ["layout", "layoutId"]
|
|
2160
2175
|
}, ze = {};
|
|
2161
|
-
for (const e in
|
|
2176
|
+
for (const e in Gt)
|
|
2162
2177
|
ze[e] = {
|
|
2163
|
-
isEnabled: (t) =>
|
|
2178
|
+
isEnabled: (t) => Gt[e].some((n) => !!t[n])
|
|
2164
2179
|
};
|
|
2165
|
-
const
|
|
2166
|
-
x:
|
|
2167
|
-
y:
|
|
2168
|
-
}), Ur = typeof window < "u", Xe = { current: null },
|
|
2180
|
+
const Yt = () => ({ min: 0, max: 0 }), dt = () => ({
|
|
2181
|
+
x: Yt(),
|
|
2182
|
+
y: Yt()
|
|
2183
|
+
}), Ur = typeof window < "u", Xe = { current: null }, qn = { current: !1 };
|
|
2169
2184
|
function jr() {
|
|
2170
|
-
if (
|
|
2185
|
+
if (qn.current = !0, !!Ur)
|
|
2171
2186
|
if (window.matchMedia) {
|
|
2172
2187
|
const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Xe.current = e.matches;
|
|
2173
2188
|
e.addEventListener("change", t), t();
|
|
@@ -2189,11 +2204,11 @@ const zr = [
|
|
|
2189
2204
|
"whileDrag",
|
|
2190
2205
|
"exit"
|
|
2191
2206
|
], Xr = ["initial", ...zr];
|
|
2192
|
-
function
|
|
2207
|
+
function Hn(e) {
|
|
2193
2208
|
return Gr(e.animate) || Xr.some((t) => Yr(e[t]));
|
|
2194
2209
|
}
|
|
2195
2210
|
function qr(e) {
|
|
2196
|
-
return !!(
|
|
2211
|
+
return !!(Hn(e) || e.variants);
|
|
2197
2212
|
}
|
|
2198
2213
|
function Hr(e, t, n) {
|
|
2199
2214
|
for (const s in t) {
|
|
@@ -2215,7 +2230,7 @@ function Hr(e, t, n) {
|
|
|
2215
2230
|
t[s] === void 0 && e.removeValue(s);
|
|
2216
2231
|
return t;
|
|
2217
2232
|
}
|
|
2218
|
-
const
|
|
2233
|
+
const zt = [
|
|
2219
2234
|
"AnimationStart",
|
|
2220
2235
|
"AnimationComplete",
|
|
2221
2236
|
"Update",
|
|
@@ -2224,7 +2239,7 @@ const Yt = [
|
|
|
2224
2239
|
"LayoutAnimationStart",
|
|
2225
2240
|
"LayoutAnimationComplete"
|
|
2226
2241
|
];
|
|
2227
|
-
class
|
|
2242
|
+
class Zn {
|
|
2228
2243
|
/**
|
|
2229
2244
|
* This method takes React props and returns found MotionValues. For example, HTML
|
|
2230
2245
|
* MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
|
|
@@ -2243,15 +2258,15 @@ class qn {
|
|
|
2243
2258
|
this.renderScheduledAt < h && (this.renderScheduledAt = h, K.render(this.render, !1, !0));
|
|
2244
2259
|
};
|
|
2245
2260
|
const { latestValues: l, renderState: c } = a;
|
|
2246
|
-
this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!r, this.isControllingVariants =
|
|
2261
|
+
this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!r, this.isControllingVariants = Hn(n), this.isVariantNode = qr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
|
|
2247
2262
|
const { willChange: u, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
|
|
2248
2263
|
for (const h in f) {
|
|
2249
|
-
const
|
|
2250
|
-
l[h] !== void 0 && D(
|
|
2264
|
+
const g = f[h];
|
|
2265
|
+
l[h] !== void 0 && D(g) && g.set(l[h]);
|
|
2251
2266
|
}
|
|
2252
2267
|
}
|
|
2253
2268
|
mount(t) {
|
|
2254
|
-
this.current = t, he.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)),
|
|
2269
|
+
this.current = t, he.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), qn.current || jr(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Xe.current, process.env.NODE_ENV !== "production" && sn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
|
|
2255
2270
|
}
|
|
2256
2271
|
unmount() {
|
|
2257
2272
|
this.projection && this.projection.unmount(), Oe(this.notifyUpdate), Oe(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
|
|
@@ -2320,8 +2335,8 @@ class qn {
|
|
|
2320
2335
|
*/
|
|
2321
2336
|
update(t, n) {
|
|
2322
2337
|
(t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
|
|
2323
|
-
for (let s = 0; s <
|
|
2324
|
-
const i =
|
|
2338
|
+
for (let s = 0; s < zt.length; s++) {
|
|
2339
|
+
const i = zt[s];
|
|
2325
2340
|
this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
|
|
2326
2341
|
const r = "on" + i, a = t[r];
|
|
2327
2342
|
a && (this.propEventSubscriptions[i] = this.on(i, a));
|
|
@@ -2391,7 +2406,7 @@ class qn {
|
|
|
2391
2406
|
*/
|
|
2392
2407
|
readValue(t, n) {
|
|
2393
2408
|
let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
|
|
2394
|
-
return s != null && (typeof s == "string" && (
|
|
2409
|
+
return s != null && (typeof s == "string" && (Qt(s) || en(s)) ? s = parseFloat(s) : !or(s) && $.test(n) && (s = Un(t, n)), this.setBaseTarget(t, D(s) ? s.get() : s)), D(s) ? s.get() : s;
|
|
2395
2410
|
}
|
|
2396
2411
|
/**
|
|
2397
2412
|
* Set the base target to later animate back to. This is currently
|
|
@@ -2408,7 +2423,7 @@ class qn {
|
|
|
2408
2423
|
const { initial: n } = this.props;
|
|
2409
2424
|
let s;
|
|
2410
2425
|
if (typeof n == "string" || typeof n == "object") {
|
|
2411
|
-
const r =
|
|
2426
|
+
const r = zn(this.props, n, this.presenceContext?.custom);
|
|
2412
2427
|
r && (s = r[t]);
|
|
2413
2428
|
}
|
|
2414
2429
|
if (n && s !== void 0)
|
|
@@ -2417,7 +2432,7 @@ class qn {
|
|
|
2417
2432
|
return i !== void 0 && !D(i) ? i : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
|
|
2418
2433
|
}
|
|
2419
2434
|
on(t, n) {
|
|
2420
|
-
return this.events[t] || (this.events[t] = new
|
|
2435
|
+
return this.events[t] || (this.events[t] = new tn()), this.events[t].add(n);
|
|
2421
2436
|
}
|
|
2422
2437
|
notify(t, ...n) {
|
|
2423
2438
|
this.events[t] && this.events[t].notify(...n);
|
|
@@ -2426,7 +2441,7 @@ class qn {
|
|
|
2426
2441
|
ir.render(this.render);
|
|
2427
2442
|
}
|
|
2428
2443
|
}
|
|
2429
|
-
class
|
|
2444
|
+
class Jn extends Zn {
|
|
2430
2445
|
constructor() {
|
|
2431
2446
|
super(...arguments), this.KeyframeResolver = er;
|
|
2432
2447
|
}
|
|
@@ -2461,7 +2476,7 @@ function Qr(e, t, n) {
|
|
|
2461
2476
|
continue;
|
|
2462
2477
|
let l = !0;
|
|
2463
2478
|
if (typeof o == "number" ? l = o === (a.startsWith("scale") ? 1 : 0) : l = parseFloat(o) === 0, !l || n) {
|
|
2464
|
-
const c =
|
|
2479
|
+
const c = jn(o, ct[a]);
|
|
2465
2480
|
if (!l) {
|
|
2466
2481
|
i = !1;
|
|
2467
2482
|
const u = Zr[a] || a;
|
|
@@ -2472,7 +2487,7 @@ function Qr(e, t, n) {
|
|
|
2472
2487
|
}
|
|
2473
2488
|
return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
|
|
2474
2489
|
}
|
|
2475
|
-
function
|
|
2490
|
+
function Qn(e, t, n) {
|
|
2476
2491
|
const { style: s, vars: i, transformOrigin: r } = e;
|
|
2477
2492
|
let a = !1, o = !1;
|
|
2478
2493
|
for (const l in t) {
|
|
@@ -2480,11 +2495,11 @@ function Zn(e, t, n) {
|
|
|
2480
2495
|
if (ee.has(l)) {
|
|
2481
2496
|
a = !0;
|
|
2482
2497
|
continue;
|
|
2483
|
-
} else if (
|
|
2498
|
+
} else if (bn(l)) {
|
|
2484
2499
|
i[l] = c;
|
|
2485
2500
|
continue;
|
|
2486
2501
|
} else {
|
|
2487
|
-
const u =
|
|
2502
|
+
const u = jn(c, ct[l]);
|
|
2488
2503
|
l.startsWith("origin") ? (o = !0, r[l] = u) : s[l] = u;
|
|
2489
2504
|
}
|
|
2490
2505
|
}
|
|
@@ -2493,7 +2508,7 @@ function Zn(e, t, n) {
|
|
|
2493
2508
|
s.transformOrigin = `${l} ${c} ${u}`;
|
|
2494
2509
|
}
|
|
2495
2510
|
}
|
|
2496
|
-
function
|
|
2511
|
+
function es(e, { style: t, vars: n }, s, i) {
|
|
2497
2512
|
const r = e.style;
|
|
2498
2513
|
let a;
|
|
2499
2514
|
for (a in t)
|
|
@@ -2502,7 +2517,7 @@ function Jn(e, { style: t, vars: n }, s, i) {
|
|
|
2502
2517
|
for (a in n)
|
|
2503
2518
|
r.setProperty(a, n[a]);
|
|
2504
2519
|
}
|
|
2505
|
-
function
|
|
2520
|
+
function Xt(e, t) {
|
|
2506
2521
|
return t.max === t.min ? 0 : e / (t.max - t.min) * 100;
|
|
2507
2522
|
}
|
|
2508
2523
|
const re = {
|
|
@@ -2514,15 +2529,15 @@ const re = {
|
|
|
2514
2529
|
e = parseFloat(e);
|
|
2515
2530
|
else
|
|
2516
2531
|
return e;
|
|
2517
|
-
const n =
|
|
2532
|
+
const n = Xt(e, t.target.x), s = Xt(e, t.target.y);
|
|
2518
2533
|
return `${n}% ${s}%`;
|
|
2519
2534
|
}
|
|
2520
2535
|
}, ea = {
|
|
2521
2536
|
correct: (e, { treeScale: t, projectionDelta: n }) => {
|
|
2522
|
-
const s = e, i =
|
|
2537
|
+
const s = e, i = $.parse(e);
|
|
2523
2538
|
if (i.length > 5)
|
|
2524
2539
|
return s;
|
|
2525
|
-
const r =
|
|
2540
|
+
const r = $.createTransformer(e), a = typeof i[0] != "number" ? 1 : 0, o = n.x.scale * t.x, l = n.y.scale * t.y;
|
|
2526
2541
|
i[0 + a] /= o, i[1 + a] /= l;
|
|
2527
2542
|
const c = J(o, l, 0.5);
|
|
2528
2543
|
return typeof i[2 + a] == "number" && (i[2 + a] /= c), typeof i[3 + a] == "number" && (i[3 + a] /= c), r(i);
|
|
@@ -2546,7 +2561,7 @@ const re = {
|
|
|
2546
2561
|
function na(e, { layout: t, layoutId: n }) {
|
|
2547
2562
|
return ee.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!ta[e] || e === "opacity");
|
|
2548
2563
|
}
|
|
2549
|
-
function
|
|
2564
|
+
function ts(e, t, n) {
|
|
2550
2565
|
const { style: s } = e, i = {};
|
|
2551
2566
|
for (const r in s)
|
|
2552
2567
|
(D(s[r]) || t.style && D(t.style[r]) || na(r, e) || n?.getValue(r)?.liveStyle !== void 0) && (i[r] = s[r]);
|
|
@@ -2555,32 +2570,32 @@ function Qn(e, t, n) {
|
|
|
2555
2570
|
function sa(e) {
|
|
2556
2571
|
return window.getComputedStyle(e);
|
|
2557
2572
|
}
|
|
2558
|
-
class ia extends
|
|
2573
|
+
class ia extends Jn {
|
|
2559
2574
|
constructor() {
|
|
2560
|
-
super(...arguments), this.type = "html", this.renderInstance =
|
|
2575
|
+
super(...arguments), this.type = "html", this.renderInstance = es;
|
|
2561
2576
|
}
|
|
2562
2577
|
readValueFromInstance(t, n) {
|
|
2563
2578
|
if (ee.has(n))
|
|
2564
|
-
return this.projection?.isProjecting ?
|
|
2579
|
+
return this.projection?.isProjecting ? Le(n) : gi(t, n);
|
|
2565
2580
|
{
|
|
2566
|
-
const s = sa(t), i = (
|
|
2581
|
+
const s = sa(t), i = (bn(n) ? s.getPropertyValue(n) : s[n]) || 0;
|
|
2567
2582
|
return typeof i == "string" ? i.trim() : i;
|
|
2568
2583
|
}
|
|
2569
2584
|
}
|
|
2570
2585
|
measureInstanceViewportBox(t, { transformPagePoint: n }) {
|
|
2571
|
-
return
|
|
2586
|
+
return Wr(t, n);
|
|
2572
2587
|
}
|
|
2573
2588
|
build(t, n, s) {
|
|
2574
|
-
|
|
2589
|
+
Qn(t, n, s.transformTemplate);
|
|
2575
2590
|
}
|
|
2576
2591
|
scrapeMotionValuesFromProps(t, n, s) {
|
|
2577
|
-
return
|
|
2592
|
+
return ts(t, n, s);
|
|
2578
2593
|
}
|
|
2579
2594
|
}
|
|
2580
2595
|
function ra(e, t) {
|
|
2581
2596
|
return e in t;
|
|
2582
2597
|
}
|
|
2583
|
-
class aa extends
|
|
2598
|
+
class aa extends Zn {
|
|
2584
2599
|
constructor() {
|
|
2585
2600
|
super(...arguments), this.type = "object";
|
|
2586
2601
|
}
|
|
@@ -2633,7 +2648,7 @@ function ca(e, {
|
|
|
2633
2648
|
// This is object creation, which we try to avoid per-frame.
|
|
2634
2649
|
...o
|
|
2635
2650
|
}, l, c, u) {
|
|
2636
|
-
if (
|
|
2651
|
+
if (Qn(e, o, c), l) {
|
|
2637
2652
|
e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
|
|
2638
2653
|
return;
|
|
2639
2654
|
}
|
|
@@ -2641,7 +2656,7 @@ function ca(e, {
|
|
|
2641
2656
|
const { attrs: f, style: h } = e;
|
|
2642
2657
|
f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = u?.transformBox ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && ua(f, i, r, a, !1);
|
|
2643
2658
|
}
|
|
2644
|
-
const
|
|
2659
|
+
const ns = /* @__PURE__ */ new Set([
|
|
2645
2660
|
"baseFrequency",
|
|
2646
2661
|
"diffuseConstant",
|
|
2647
2662
|
"kernelMatrix",
|
|
@@ -2667,12 +2682,12 @@ const es = /* @__PURE__ */ new Set([
|
|
|
2667
2682
|
"lengthAdjust"
|
|
2668
2683
|
]), fa = (e) => typeof e == "string" && e.toLowerCase() === "svg";
|
|
2669
2684
|
function ha(e, t, n, s) {
|
|
2670
|
-
|
|
2685
|
+
es(e, t, void 0, s);
|
|
2671
2686
|
for (const i in t.attrs)
|
|
2672
|
-
e.setAttribute(
|
|
2687
|
+
e.setAttribute(ns.has(i) ? i : ht(i), t.attrs[i]);
|
|
2673
2688
|
}
|
|
2674
2689
|
function da(e, t, n) {
|
|
2675
|
-
const s =
|
|
2690
|
+
const s = ts(e, t, n);
|
|
2676
2691
|
for (const i in e)
|
|
2677
2692
|
if (D(e[i]) || D(t[i])) {
|
|
2678
2693
|
const r = Q.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
|
|
@@ -2680,7 +2695,7 @@ function da(e, t, n) {
|
|
|
2680
2695
|
}
|
|
2681
2696
|
return s;
|
|
2682
2697
|
}
|
|
2683
|
-
class pa extends
|
|
2698
|
+
class pa extends Jn {
|
|
2684
2699
|
constructor() {
|
|
2685
2700
|
super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = dt;
|
|
2686
2701
|
}
|
|
@@ -2689,10 +2704,10 @@ class pa extends Hn {
|
|
|
2689
2704
|
}
|
|
2690
2705
|
readValueFromInstance(t, n) {
|
|
2691
2706
|
if (ee.has(n)) {
|
|
2692
|
-
const s =
|
|
2707
|
+
const s = Wn(n);
|
|
2693
2708
|
return s && s.default || 0;
|
|
2694
2709
|
}
|
|
2695
|
-
return n =
|
|
2710
|
+
return n = ns.has(n) ? n : ht(n), t.getAttribute(n);
|
|
2696
2711
|
}
|
|
2697
2712
|
scrapeMotionValuesFromProps(t, n, s) {
|
|
2698
2713
|
return da(t, n, s);
|
|
@@ -2721,7 +2736,7 @@ function ma(e) {
|
|
|
2721
2736
|
},
|
|
2722
2737
|
latestValues: {}
|
|
2723
2738
|
}
|
|
2724
|
-
}, n =
|
|
2739
|
+
}, n = Gn(e) && !rr(e) ? new pa(t) : new ia(t);
|
|
2725
2740
|
n.mount(e), he.set(e, n);
|
|
2726
2741
|
}
|
|
2727
2742
|
function ga(e) {
|
|
@@ -2739,25 +2754,25 @@ function ga(e) {
|
|
|
2739
2754
|
}
|
|
2740
2755
|
function ya(e, t, n) {
|
|
2741
2756
|
const s = D(e) ? e : fe(e);
|
|
2742
|
-
return s.start(
|
|
2757
|
+
return s.start(Xn("", s, t, n)), s.animation;
|
|
2743
2758
|
}
|
|
2744
2759
|
function ba(e, t) {
|
|
2745
2760
|
return D(e) || typeof e == "number" || typeof e == "string" && !ft(t);
|
|
2746
2761
|
}
|
|
2747
|
-
function
|
|
2762
|
+
function ss(e, t, n, s) {
|
|
2748
2763
|
const i = [];
|
|
2749
2764
|
if (ba(e, t))
|
|
2750
2765
|
i.push(ya(e, ft(t) && t.default || t, n && (n.default || n)));
|
|
2751
2766
|
else {
|
|
2752
|
-
const r =
|
|
2753
|
-
|
|
2767
|
+
const r = Yn(e, t, s), a = r.length;
|
|
2768
|
+
I(!!a, "No valid elements provided.", "no-valid-elements");
|
|
2754
2769
|
for (let o = 0; o < a; o++) {
|
|
2755
2770
|
const l = r[o];
|
|
2756
|
-
|
|
2771
|
+
I(l !== null, "You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.", "animate-null");
|
|
2757
2772
|
const c = l instanceof Element ? ma : ga;
|
|
2758
2773
|
he.has(l) || c(l);
|
|
2759
2774
|
const u = he.get(l), f = { ...n };
|
|
2760
|
-
"delay" in f && typeof f.delay == "function" && (f.delay = f.delay(o, a)), i.push(...
|
|
2775
|
+
"delay" in f && typeof f.delay == "function" && (f.delay = f.delay(o, a)), i.push(..._r(u, { ...t, transition: f }, {}));
|
|
2761
2776
|
}
|
|
2762
2777
|
}
|
|
2763
2778
|
return i;
|
|
@@ -2765,7 +2780,7 @@ function ts(e, t, n, s) {
|
|
|
2765
2780
|
function Ta(e, t, n) {
|
|
2766
2781
|
const s = [];
|
|
2767
2782
|
return mr(e, t, n, { spring: ce }).forEach(({ keyframes: r, transition: a }, o) => {
|
|
2768
|
-
s.push(...
|
|
2783
|
+
s.push(...ss(o, r, a));
|
|
2769
2784
|
}), s;
|
|
2770
2785
|
}
|
|
2771
2786
|
function va(e) {
|
|
@@ -2778,20 +2793,20 @@ function Va(e) {
|
|
|
2778
2793
|
r = Ta(n, s, e);
|
|
2779
2794
|
else {
|
|
2780
2795
|
const { onComplete: l, ...c } = i || {};
|
|
2781
|
-
typeof l == "function" && (a = l), r =
|
|
2796
|
+
typeof l == "function" && (a = l), r = ss(n, s, c, e);
|
|
2782
2797
|
}
|
|
2783
|
-
const o = new
|
|
2798
|
+
const o = new $i(r);
|
|
2784
2799
|
return a && o.finished.then(a), o;
|
|
2785
2800
|
}
|
|
2786
2801
|
return t;
|
|
2787
2802
|
}
|
|
2788
|
-
const
|
|
2789
|
-
function
|
|
2790
|
-
const [n, s] =
|
|
2791
|
-
return a !== e && (o(e), r(e.startsWith(a) ? n : 0)),
|
|
2803
|
+
const wa = Va(), Re = "";
|
|
2804
|
+
function Sa(e, t = !0) {
|
|
2805
|
+
const [n, s] = Ae(0), [i, r] = Ae(0), [a, o] = Ae(e);
|
|
2806
|
+
return a !== e && (o(e), r(e.startsWith(a) ? n : 0)), Zt(() => {
|
|
2792
2807
|
if (!t)
|
|
2793
2808
|
return;
|
|
2794
|
-
const l =
|
|
2809
|
+
const l = wa(
|
|
2795
2810
|
// The starting value for the animation (current cursor position).
|
|
2796
2811
|
i,
|
|
2797
2812
|
// The target value: total number of characters.
|
|
@@ -2810,50 +2825,67 @@ function wa(e, t = !0) {
|
|
|
2810
2825
|
return () => l.stop();
|
|
2811
2826
|
}, [i, e, t]), t ? e.split(Re).slice(0, n).join(Re) : e;
|
|
2812
2827
|
}
|
|
2813
|
-
const
|
|
2828
|
+
const qt = {
|
|
2814
2829
|
MODEL: "Model",
|
|
2815
|
-
PLUGIN: "Plugin",
|
|
2816
2830
|
USAGE: "Session usage"
|
|
2817
|
-
}, xa =
|
|
2831
|
+
}, xa = Ht("max-w-[99cqw]", "mt-3"), Ba = fs.memo(
|
|
2818
2832
|
({
|
|
2819
2833
|
content: e,
|
|
2820
2834
|
annotations: t,
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
isLastAssistantMessage: i = !1
|
|
2835
|
+
smooth: n = !1,
|
|
2836
|
+
isLastAssistantMessage: s = !1
|
|
2824
2837
|
}) => {
|
|
2825
|
-
const
|
|
2826
|
-
state: {
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2838
|
+
const i = Sa(e, n), {
|
|
2839
|
+
state: {
|
|
2840
|
+
streaming: r,
|
|
2841
|
+
restoredModel: a,
|
|
2842
|
+
restoredTimestamp: o,
|
|
2843
|
+
tokenUsage: l,
|
|
2844
|
+
lastStreamingTimestamp: c
|
|
2845
|
+
}
|
|
2846
|
+
} = Vt(ds), {
|
|
2847
|
+
state: { fullScreen: u }
|
|
2848
|
+
} = Vt(ps), f = t?.model || a, h = l, [g, y] = hs(), { user: b, getAccessToken: v } = as(), { data: T } = os({
|
|
2830
2849
|
user: b?.username,
|
|
2831
|
-
getAccessToken:
|
|
2832
|
-
}),
|
|
2833
|
-
"max-w-xs sm:max-w-3xl": !
|
|
2850
|
+
getAccessToken: v
|
|
2851
|
+
}), A = T?.showDetails || !1, w = Ht("prose-li:ps-3", {
|
|
2852
|
+
"max-w-xs sm:max-w-3xl": !u
|
|
2834
2853
|
});
|
|
2835
|
-
let V;
|
|
2836
|
-
return
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
},
|
|
2840
|
-
|
|
2841
|
-
|
|
2854
|
+
let V = [];
|
|
2855
|
+
return A && (s ? (V.push({
|
|
2856
|
+
key: qt.MODEL,
|
|
2857
|
+
value: f || "Unknown model"
|
|
2858
|
+
}), h && V.push({
|
|
2859
|
+
key: qt.USAGE,
|
|
2860
|
+
value: `${ls.format(h)} ${us(
|
|
2861
|
+
"token",
|
|
2862
|
+
h
|
|
2863
|
+
)}`
|
|
2864
|
+
}), (c || o) && V.push({
|
|
2865
|
+
value: c ? vt(c) : vt(o || "")
|
|
2866
|
+
})) : V = [
|
|
2867
|
+
Me,
|
|
2868
|
+
Me,
|
|
2869
|
+
Me
|
|
2870
|
+
]), Zt(() => {
|
|
2871
|
+
i && y(i);
|
|
2872
|
+
}, [i, y]), /* @__PURE__ */ rs(
|
|
2842
2873
|
cs,
|
|
2843
2874
|
{
|
|
2844
2875
|
tail: !0,
|
|
2845
2876
|
copyToClipboardMode: "light",
|
|
2846
2877
|
copyToClipboardFocusMode: "light",
|
|
2847
|
-
copyToClipboard:
|
|
2878
|
+
copyToClipboard: r ? "loading..." : e,
|
|
2848
2879
|
footer: V,
|
|
2849
2880
|
className: xa,
|
|
2850
|
-
|
|
2881
|
+
footerClassName: "text-copy-medium",
|
|
2882
|
+
contentClassName: w,
|
|
2851
2883
|
noMaxWidth: !0,
|
|
2852
|
-
children:
|
|
2884
|
+
children: g
|
|
2853
2885
|
}
|
|
2854
2886
|
);
|
|
2855
2887
|
}
|
|
2856
2888
|
);
|
|
2857
2889
|
export {
|
|
2858
|
-
|
|
2890
|
+
Ba as default
|
|
2859
2891
|
};
|