@arkitektbedriftene/fe-lib 7.0.1 → 7.1.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.
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { jsx as N, Fragment as Er, jsxs as
|
|
2
|
-
import * as
|
|
3
|
-
import { createContext as Pt, useRef as Q, useLayoutEffect as Rr, useEffect as
|
|
4
|
-
import
|
|
1
|
+
import { jsx as N, Fragment as Er, jsxs as We } from "react/jsx-runtime";
|
|
2
|
+
import * as ze from "react";
|
|
3
|
+
import { createContext as Pt, useRef as Q, useLayoutEffect as Rr, useEffect as _e, useId as Ge, useContext as F, useInsertionEffect as Gs, useMemo as ut, useCallback as Hs, Children as Lr, isValidElement as kr, useState as Te, Fragment as Xs, createElement as Fr, forwardRef as Ys, Component as Br, cloneElement as Ir } from "react";
|
|
4
|
+
import xe from "clsx";
|
|
5
5
|
import { useClickAway as Or } from "@uidotdev/usehooks";
|
|
6
6
|
import { F as jr, a as Nr } from "../../index-MIX3EYt9.js";
|
|
7
|
-
const
|
|
8
|
-
function
|
|
7
|
+
const He = Pt({});
|
|
8
|
+
function Xe(t) {
|
|
9
9
|
const e = Q(null);
|
|
10
10
|
return e.current === null && (e.current = t()), e.current;
|
|
11
11
|
}
|
|
12
|
-
const
|
|
13
|
-
function
|
|
12
|
+
const Ye = typeof window < "u", qs = Ye ? Rr : _e, ee = /* @__PURE__ */ Pt(null);
|
|
13
|
+
function qe(t, e) {
|
|
14
14
|
t.indexOf(e) === -1 && t.push(e);
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function Ze(t, e) {
|
|
17
17
|
const n = t.indexOf(e);
|
|
18
18
|
n > -1 && t.splice(n, 1);
|
|
19
19
|
}
|
|
20
20
|
const X = (t, e, n) => n > e ? e : n < t ? t : n;
|
|
21
|
-
function
|
|
21
|
+
function Pe(t, e) {
|
|
22
22
|
return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
|
|
23
23
|
}
|
|
24
24
|
let wt = () => {
|
|
25
25
|
}, Y = () => {
|
|
26
26
|
};
|
|
27
27
|
process.env.NODE_ENV !== "production" && (wt = (t, e, n) => {
|
|
28
|
-
!t && typeof console < "u" && console.warn(
|
|
28
|
+
!t && typeof console < "u" && console.warn(Pe(e, n));
|
|
29
29
|
}, Y = (t, e, n) => {
|
|
30
30
|
if (!t)
|
|
31
|
-
throw new Error(
|
|
31
|
+
throw new Error(Pe(e, n));
|
|
32
32
|
});
|
|
33
33
|
const q = {}, Zs = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
|
|
34
34
|
function Js(t) {
|
|
@@ -36,7 +36,7 @@ function Js(t) {
|
|
|
36
36
|
}
|
|
37
37
|
const Qs = (t) => /^0[^.\s]+$/u.test(t);
|
|
38
38
|
// @__NO_SIDE_EFFECTS__
|
|
39
|
-
function
|
|
39
|
+
function Je(t) {
|
|
40
40
|
let e;
|
|
41
41
|
return () => (e === void 0 && (e = t()), e);
|
|
42
42
|
}
|
|
@@ -44,12 +44,12 @@ const W = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Ur = (t, e) => (n) => e(t(n)), jt
|
|
|
44
44
|
const s = e - t;
|
|
45
45
|
return s === 0 ? 1 : (n - t) / s;
|
|
46
46
|
};
|
|
47
|
-
class
|
|
47
|
+
class Qe {
|
|
48
48
|
constructor() {
|
|
49
49
|
this.subscriptions = [];
|
|
50
50
|
}
|
|
51
51
|
add(e) {
|
|
52
|
-
return
|
|
52
|
+
return qe(this.subscriptions, e), () => Ze(this.subscriptions, e);
|
|
53
53
|
}
|
|
54
54
|
notify(e, n, s) {
|
|
55
55
|
const i = this.subscriptions.length;
|
|
@@ -73,9 +73,9 @@ const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, G = /* @__NO_SIDE_EFFECTS__
|
|
|
73
73
|
function ti(t, e) {
|
|
74
74
|
return e ? t * (1e3 / e) : 0;
|
|
75
75
|
}
|
|
76
|
-
const
|
|
77
|
-
function
|
|
78
|
-
t ||
|
|
76
|
+
const Rn = /* @__PURE__ */ new Set();
|
|
77
|
+
function tn(t, e, n) {
|
|
78
|
+
t || Rn.has(e) || (console.warn(Pe(e, n)), Rn.add(e));
|
|
79
79
|
}
|
|
80
80
|
const ei = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, $r = 1e-7, Kr = 12;
|
|
81
81
|
function Wr(t, e, n, s, i) {
|
|
@@ -91,25 +91,25 @@ function Nt(t, e, n, s) {
|
|
|
91
91
|
const i = (o) => Wr(o, 0, 1, t, n);
|
|
92
92
|
return (o) => o === 0 || o === 1 ? o : ei(i(o), e, s);
|
|
93
93
|
}
|
|
94
|
-
const ni = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, si = (t) => (e) => 1 - t(1 - e), ii = /* @__PURE__ */ Nt(0.33, 1.53, 0.69, 0.99),
|
|
94
|
+
const ni = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, si = (t) => (e) => 1 - t(1 - e), ii = /* @__PURE__ */ Nt(0.33, 1.53, 0.69, 0.99), en = /* @__PURE__ */ si(ii), ri = /* @__PURE__ */ ni(en), oi = (t) => (t *= 2) < 1 ? 0.5 * en(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), nn = (t) => 1 - Math.sin(Math.acos(t)), ai = si(nn), li = ni(nn), zr = /* @__PURE__ */ Nt(0.42, 0, 1, 1), _r = /* @__PURE__ */ Nt(0, 0, 0.58, 1), ci = /* @__PURE__ */ Nt(0.42, 0, 0.58, 1), Gr = (t) => Array.isArray(t) && typeof t[0] != "number", ui = (t) => Array.isArray(t) && typeof t[0] == "number", Ln = {
|
|
95
95
|
linear: W,
|
|
96
96
|
easeIn: zr,
|
|
97
97
|
easeInOut: ci,
|
|
98
98
|
easeOut: _r,
|
|
99
|
-
circIn:
|
|
99
|
+
circIn: nn,
|
|
100
100
|
circInOut: li,
|
|
101
101
|
circOut: ai,
|
|
102
|
-
backIn:
|
|
102
|
+
backIn: en,
|
|
103
103
|
backInOut: ri,
|
|
104
104
|
backOut: ii,
|
|
105
105
|
anticipate: oi
|
|
106
|
-
}, Hr = (t) => typeof t == "string",
|
|
106
|
+
}, Hr = (t) => typeof t == "string", kn = (t) => {
|
|
107
107
|
if (ui(t)) {
|
|
108
108
|
Y(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
|
|
109
109
|
const [e, n, s, i] = t;
|
|
110
110
|
return Nt(e, n, s, i);
|
|
111
111
|
} else if (Hr(t))
|
|
112
|
-
return Y(
|
|
112
|
+
return Y(Ln[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ln[t];
|
|
113
113
|
return t;
|
|
114
114
|
}, Kt = [
|
|
115
115
|
"setup",
|
|
@@ -198,7 +198,7 @@ const j = {
|
|
|
198
198
|
set: (t) => {
|
|
199
199
|
Gt = t, queueMicrotask(qr);
|
|
200
200
|
}
|
|
201
|
-
}, fi = (t) => (e) => typeof e == "string" && e.startsWith(t),
|
|
201
|
+
}, fi = (t) => (e) => typeof e == "string" && e.startsWith(t), sn = /* @__PURE__ */ fi("--"), Zr = /* @__PURE__ */ fi("var(--"), rn = (t) => Zr(t) ? Jr.test(t.split("/*")[0].trim()) : !1, Jr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, bt = {
|
|
202
202
|
test: (t) => typeof t == "number",
|
|
203
203
|
parse: parseFloat,
|
|
204
204
|
transform: (t) => t
|
|
@@ -208,14 +208,14 @@ const j = {
|
|
|
208
208
|
}, Wt = {
|
|
209
209
|
...bt,
|
|
210
210
|
default: 1
|
|
211
|
-
}, Dt = (t) => Math.round(t * 1e5) / 1e5,
|
|
211
|
+
}, Dt = (t) => Math.round(t * 1e5) / 1e5, on = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
|
212
212
|
function Qr(t) {
|
|
213
213
|
return t == null;
|
|
214
214
|
}
|
|
215
|
-
const to = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,
|
|
215
|
+
const to = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, an = (t, e) => (n) => !!(typeof n == "string" && to.test(n) && n.startsWith(t) || e && !Qr(n) && Object.prototype.hasOwnProperty.call(n, e)), di = (t, e, n) => (s) => {
|
|
216
216
|
if (typeof s != "string")
|
|
217
217
|
return s;
|
|
218
|
-
const [i, o, r, a] = s.match(
|
|
218
|
+
const [i, o, r, a] = s.match(on);
|
|
219
219
|
return {
|
|
220
220
|
[t]: parseFloat(i),
|
|
221
221
|
[e]: parseFloat(o),
|
|
@@ -226,7 +226,7 @@ const to = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
|
|
|
226
226
|
...bt,
|
|
227
227
|
transform: (t) => Math.round(eo(t))
|
|
228
228
|
}, ot = {
|
|
229
|
-
test: /* @__PURE__ */
|
|
229
|
+
test: /* @__PURE__ */ an("rgb", "red"),
|
|
230
230
|
parse: /* @__PURE__ */ di("red", "green", "blue"),
|
|
231
231
|
transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + oe.transform(t) + ", " + oe.transform(e) + ", " + oe.transform(n) + ", " + Dt(kt.transform(s)) + ")"
|
|
232
232
|
};
|
|
@@ -239,25 +239,25 @@ function no(t) {
|
|
|
239
239
|
alpha: i ? parseInt(i, 16) / 255 : 1
|
|
240
240
|
};
|
|
241
241
|
}
|
|
242
|
-
const
|
|
243
|
-
test: /* @__PURE__ */
|
|
242
|
+
const we = {
|
|
243
|
+
test: /* @__PURE__ */ an("#"),
|
|
244
244
|
parse: no,
|
|
245
245
|
transform: ot.transform
|
|
246
246
|
}, Ut = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
|
|
247
247
|
test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
|
|
248
248
|
parse: parseFloat,
|
|
249
249
|
transform: (e) => `${e}${t}`
|
|
250
|
-
}), J = /* @__PURE__ */ Ut("deg"), H = /* @__PURE__ */ Ut("%"), P = /* @__PURE__ */ Ut("px"), so = /* @__PURE__ */ Ut("vh"), io = /* @__PURE__ */ Ut("vw"),
|
|
250
|
+
}), J = /* @__PURE__ */ Ut("deg"), H = /* @__PURE__ */ Ut("%"), P = /* @__PURE__ */ Ut("px"), so = /* @__PURE__ */ Ut("vh"), io = /* @__PURE__ */ Ut("vw"), Fn = {
|
|
251
251
|
...H,
|
|
252
252
|
parse: (t) => H.parse(t) / 100,
|
|
253
253
|
transform: (t) => H.transform(t * 100)
|
|
254
254
|
}, ft = {
|
|
255
|
-
test: /* @__PURE__ */
|
|
255
|
+
test: /* @__PURE__ */ an("hsl", "hue"),
|
|
256
256
|
parse: /* @__PURE__ */ di("hue", "saturation", "lightness"),
|
|
257
257
|
transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + H.transform(Dt(e)) + ", " + H.transform(Dt(n)) + ", " + Dt(kt.transform(s)) + ")"
|
|
258
258
|
}, E = {
|
|
259
|
-
test: (t) => ot.test(t) ||
|
|
260
|
-
parse: (t) => ot.test(t) ? ot.parse(t) : ft.test(t) ? ft.parse(t) :
|
|
259
|
+
test: (t) => ot.test(t) || we.test(t) || ft.test(t),
|
|
260
|
+
parse: (t) => ot.test(t) ? ot.parse(t) : ft.test(t) ? ft.parse(t) : we.parse(t),
|
|
261
261
|
transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ot.transform(t) : ft.transform(t),
|
|
262
262
|
getAnimatableNone: (t) => {
|
|
263
263
|
const e = E.parse(t);
|
|
@@ -266,9 +266,9 @@ const Pe = {
|
|
|
266
266
|
}, ro = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
267
267
|
function oo(t) {
|
|
268
268
|
var e, n;
|
|
269
|
-
return isNaN(t) && typeof t == "string" && (((e = t.match(
|
|
269
|
+
return isNaN(t) && typeof t == "string" && (((e = t.match(on)) == null ? void 0 : e.length) || 0) + (((n = t.match(ro)) == null ? void 0 : n.length) || 0) > 0;
|
|
270
270
|
}
|
|
271
|
-
const mi = "number", pi = "color", ao = "var", lo = "var(",
|
|
271
|
+
const mi = "number", pi = "color", ao = "var", lo = "var(", Bn = "${}", co = /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;
|
|
272
272
|
function Ft(t) {
|
|
273
273
|
const e = t.toString(), n = [], s = {
|
|
274
274
|
color: [],
|
|
@@ -276,7 +276,7 @@ function Ft(t) {
|
|
|
276
276
|
var: []
|
|
277
277
|
}, i = [];
|
|
278
278
|
let o = 0;
|
|
279
|
-
const a = e.replace(co, (l) => (E.test(l) ? (s.color.push(o), i.push(pi), n.push(E.parse(l))) : l.startsWith(lo) ? (s.var.push(o), i.push(ao), n.push(l)) : (s.number.push(o), i.push(mi), n.push(parseFloat(l))), ++o,
|
|
279
|
+
const a = e.replace(co, (l) => (E.test(l) ? (s.color.push(o), i.push(pi), n.push(E.parse(l))) : l.startsWith(lo) ? (s.var.push(o), i.push(ao), n.push(l)) : (s.number.push(o), i.push(mi), n.push(parseFloat(l))), ++o, Bn)).split(Bn);
|
|
280
280
|
return { values: n, split: a, indexes: s, types: i };
|
|
281
281
|
}
|
|
282
282
|
function gi(t) {
|
|
@@ -330,32 +330,32 @@ function qt(t, e) {
|
|
|
330
330
|
const D = (t, e, n) => t + (e - t) * n, le = (t, e, n) => {
|
|
331
331
|
const s = t * t, i = n * (e * e - s) + s;
|
|
332
332
|
return i < 0 ? 0 : Math.sqrt(i);
|
|
333
|
-
}, mo = [
|
|
334
|
-
function
|
|
333
|
+
}, mo = [we, ot, ft], po = (t) => mo.find((e) => e.test(t));
|
|
334
|
+
function In(t) {
|
|
335
335
|
const e = po(t);
|
|
336
336
|
if (wt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
|
|
337
337
|
return !1;
|
|
338
338
|
let n = e.parse(t);
|
|
339
339
|
return e === ft && (n = fo(n)), n;
|
|
340
340
|
}
|
|
341
|
-
const
|
|
342
|
-
const n =
|
|
341
|
+
const On = (t, e) => {
|
|
342
|
+
const n = In(t), s = In(e);
|
|
343
343
|
if (!n || !s)
|
|
344
344
|
return qt(t, e);
|
|
345
345
|
const i = { ...n };
|
|
346
346
|
return (o) => (i.red = le(n.red, s.red, o), i.green = le(n.green, s.green, o), i.blue = le(n.blue, s.blue, o), i.alpha = D(n.alpha, s.alpha, o), ot.transform(i));
|
|
347
|
-
},
|
|
347
|
+
}, be = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
348
348
|
function go(t, e) {
|
|
349
|
-
return
|
|
349
|
+
return be.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
|
|
350
350
|
}
|
|
351
351
|
function yo(t, e) {
|
|
352
352
|
return (n) => D(t, e, n);
|
|
353
353
|
}
|
|
354
|
-
function
|
|
355
|
-
return typeof t == "number" ? yo : typeof t == "string" ?
|
|
354
|
+
function ln(t) {
|
|
355
|
+
return typeof t == "number" ? yo : typeof t == "string" ? rn(t) ? qt : E.test(t) ? On : xo : Array.isArray(t) ? vi : typeof t == "object" ? E.test(t) ? On : vo : qt;
|
|
356
356
|
}
|
|
357
357
|
function vi(t, e) {
|
|
358
|
-
const n = [...t], s = n.length, i = t.map((o, r) =>
|
|
358
|
+
const n = [...t], s = n.length, i = t.map((o, r) => ln(o)(o, e[r]));
|
|
359
359
|
return (o) => {
|
|
360
360
|
for (let r = 0; r < s; r++)
|
|
361
361
|
n[r] = i[r](o);
|
|
@@ -365,7 +365,7 @@ function vi(t, e) {
|
|
|
365
365
|
function vo(t, e) {
|
|
366
366
|
const n = { ...t, ...e }, s = {};
|
|
367
367
|
for (const i in n)
|
|
368
|
-
t[i] !== void 0 && e[i] !== void 0 && (s[i] =
|
|
368
|
+
t[i] !== void 0 && e[i] !== void 0 && (s[i] = ln(t[i])(t[i], e[i]));
|
|
369
369
|
return (i) => {
|
|
370
370
|
for (const o in s)
|
|
371
371
|
n[o] = s[o](i);
|
|
@@ -382,10 +382,10 @@ function To(t, e) {
|
|
|
382
382
|
}
|
|
383
383
|
const xo = (t, e) => {
|
|
384
384
|
const n = et.createTransformer(e), s = Ft(t), i = Ft(e);
|
|
385
|
-
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 ?
|
|
385
|
+
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 ? be.has(t) && !i.values.length || be.has(e) && !s.values.length ? go(t, e) : jt(vi(To(s, i), i.values), n) : (wt(!0, `Complex values '${t}' and '${e}' 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"), qt(t, e));
|
|
386
386
|
};
|
|
387
387
|
function Ti(t, e, n) {
|
|
388
|
-
return typeof t == "number" && typeof e == "number" && typeof n == "number" ? D(t, e, n) :
|
|
388
|
+
return typeof t == "number" && typeof e == "number" && typeof n == "number" ? D(t, e, n) : ln(t)(t, e);
|
|
389
389
|
}
|
|
390
390
|
const Po = (t) => {
|
|
391
391
|
const e = ({ timestamp: n }) => t(n);
|
|
@@ -405,7 +405,7 @@ const Po = (t) => {
|
|
|
405
405
|
s += Math.round(t(o / (i - 1)) * 1e4) / 1e4 + ", ";
|
|
406
406
|
return `linear(${s.substring(0, s.length - 2)})`;
|
|
407
407
|
}, Zt = 2e4;
|
|
408
|
-
function
|
|
408
|
+
function cn(t) {
|
|
409
409
|
let e = 0;
|
|
410
410
|
const n = 50;
|
|
411
411
|
let s = t.next(e);
|
|
@@ -414,7 +414,7 @@ function ln(t) {
|
|
|
414
414
|
return e >= Zt ? 1 / 0 : e;
|
|
415
415
|
}
|
|
416
416
|
function wo(t, e = 100, n) {
|
|
417
|
-
const s = n({ ...t, keyframes: [0, e] }), i = Math.min(
|
|
417
|
+
const s = n({ ...t, keyframes: [0, e] }), i = Math.min(cn(s), Zt);
|
|
418
418
|
return {
|
|
419
419
|
type: "keyframes",
|
|
420
420
|
ease: (o) => s.next(i * o).value / e,
|
|
@@ -454,17 +454,17 @@ const C = {
|
|
|
454
454
|
// in seconds
|
|
455
455
|
minDamping: 0.05,
|
|
456
456
|
maxDamping: 1
|
|
457
|
-
},
|
|
457
|
+
}, jn = 1e-3;
|
|
458
458
|
function So({ duration: t = C.duration, bounce: e = C.bounce, velocity: n = C.velocity, mass: s = C.mass }) {
|
|
459
459
|
let i, o;
|
|
460
460
|
wt(t <= /* @__PURE__ */ _(C.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
|
|
461
461
|
let r = 1 - e;
|
|
462
462
|
r = X(C.minDamping, C.maxDamping, r), t = X(C.minDuration, C.maxDuration, /* @__PURE__ */ G(t)), r < 1 ? (i = (u) => {
|
|
463
|
-
const c = u * r, h = c * t, f = c - n, d =
|
|
464
|
-
return
|
|
463
|
+
const c = u * r, h = c * t, f = c - n, d = Se(u, r), m = Math.exp(-h);
|
|
464
|
+
return jn - f / d * m;
|
|
465
465
|
}, o = (u) => {
|
|
466
|
-
const h = u * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), p =
|
|
467
|
-
return (-i(u) +
|
|
466
|
+
const h = u * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), p = Se(Math.pow(u, 2), r);
|
|
467
|
+
return (-i(u) + jn > 0 ? -1 : 1) * ((f - d) * m) / p;
|
|
468
468
|
}) : (i = (u) => {
|
|
469
469
|
const c = Math.exp(-u * t), h = (u - n) * t + 1;
|
|
470
470
|
return -1e-3 + c * h;
|
|
@@ -495,11 +495,11 @@ function Vo(t, e, n) {
|
|
|
495
495
|
s = s - t(s) / e(s);
|
|
496
496
|
return s;
|
|
497
497
|
}
|
|
498
|
-
function
|
|
498
|
+
function Se(t, e) {
|
|
499
499
|
return t * Math.sqrt(1 - e * e);
|
|
500
500
|
}
|
|
501
501
|
const Co = ["duration", "bounce"], Do = ["stiffness", "damping", "mass"];
|
|
502
|
-
function
|
|
502
|
+
function Nn(t, e) {
|
|
503
503
|
return e.some((n) => t[n] !== void 0);
|
|
504
504
|
}
|
|
505
505
|
function Mo(t) {
|
|
@@ -511,7 +511,7 @@ function Mo(t) {
|
|
|
511
511
|
isResolvedFromDuration: !1,
|
|
512
512
|
...t
|
|
513
513
|
};
|
|
514
|
-
if (!
|
|
514
|
+
if (!Nn(t, Do) && Nn(t, Co))
|
|
515
515
|
if (t.visualDuration) {
|
|
516
516
|
const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, o = 2 * X(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
|
|
517
517
|
e = {
|
|
@@ -544,7 +544,7 @@ function Jt(t = C.visualDuration, e = C.bounce) {
|
|
|
544
544
|
s || (s = T ? C.restSpeed.granular : C.restSpeed.default), i || (i = T ? C.restDelta.granular : C.restDelta.default);
|
|
545
545
|
let y;
|
|
546
546
|
if (p < 1) {
|
|
547
|
-
const x =
|
|
547
|
+
const x = Se(g, p);
|
|
548
548
|
y = (S) => {
|
|
549
549
|
const A = Math.exp(-p * g * S);
|
|
550
550
|
return r - A * ((m + p * g * v) / x * Math.sin(x * S) + v * Math.cos(x * S));
|
|
@@ -573,7 +573,7 @@ function Jt(t = C.visualDuration, e = C.bounce) {
|
|
|
573
573
|
return a.value = a.done ? r : S, a;
|
|
574
574
|
},
|
|
575
575
|
toString: () => {
|
|
576
|
-
const x = Math.min(
|
|
576
|
+
const x = Math.min(cn(b), Zt), S = xi((A) => b.next(x * A).value, x, 30);
|
|
577
577
|
return x + "ms " + S;
|
|
578
578
|
},
|
|
579
579
|
toTransition: () => {
|
|
@@ -585,7 +585,7 @@ Jt.applyToOptions = (t) => {
|
|
|
585
585
|
const e = wo(t, 100, Jt);
|
|
586
586
|
return t.ease = e.ease, t.duration = /* @__PURE__ */ _(e.duration), t.type = "keyframes", t;
|
|
587
587
|
};
|
|
588
|
-
function
|
|
588
|
+
function Ae({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
|
|
589
589
|
const h = t[0], f = {
|
|
590
590
|
done: !1,
|
|
591
591
|
value: h
|
|
@@ -667,7 +667,7 @@ function Bo(t, e) {
|
|
|
667
667
|
return t.map(() => e || ci).splice(0, t.length - 1);
|
|
668
668
|
}
|
|
669
669
|
function dt({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
|
|
670
|
-
const i = Gr(s) ? s.map(
|
|
670
|
+
const i = Gr(s) ? s.map(kn) : kn(s), o = {
|
|
671
671
|
done: !1,
|
|
672
672
|
value: e[0]
|
|
673
673
|
}, r = Fo(
|
|
@@ -684,13 +684,13 @@ function dt({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }
|
|
|
684
684
|
};
|
|
685
685
|
}
|
|
686
686
|
const Io = (t) => t !== null;
|
|
687
|
-
function
|
|
687
|
+
function un(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
|
|
688
688
|
const o = t.filter(Io), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
|
|
689
689
|
return !a || s === void 0 ? o[a] : s;
|
|
690
690
|
}
|
|
691
691
|
const Oo = {
|
|
692
|
-
decay:
|
|
693
|
-
inertia:
|
|
692
|
+
decay: Ae,
|
|
693
|
+
inertia: Ae,
|
|
694
694
|
tween: dt,
|
|
695
695
|
keyframes: dt,
|
|
696
696
|
spring: Jt
|
|
@@ -698,7 +698,7 @@ const Oo = {
|
|
|
698
698
|
function wi(t) {
|
|
699
699
|
typeof t.type == "string" && (t.type = Oo[t.type]);
|
|
700
700
|
}
|
|
701
|
-
class
|
|
701
|
+
class hn {
|
|
702
702
|
constructor() {
|
|
703
703
|
this.updateFinished();
|
|
704
704
|
}
|
|
@@ -723,7 +723,7 @@ class un {
|
|
|
723
723
|
}
|
|
724
724
|
}
|
|
725
725
|
const jo = (t) => t / 100;
|
|
726
|
-
class
|
|
726
|
+
class fn extends hn {
|
|
727
727
|
constructor(e) {
|
|
728
728
|
super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
|
|
729
729
|
var s, i;
|
|
@@ -743,7 +743,7 @@ class hn extends un {
|
|
|
743
743
|
...e,
|
|
744
744
|
keyframes: [...a].reverse(),
|
|
745
745
|
velocity: -r
|
|
746
|
-
})), u.calculatedDuration === null && (u.calculatedDuration =
|
|
746
|
+
})), u.calculatedDuration === null && (u.calculatedDuration = cn(u));
|
|
747
747
|
const { calculatedDuration: c } = u;
|
|
748
748
|
this.calculatedDuration = c, this.resolvedDuration = c + i, this.totalDuration = this.resolvedDuration * (s + 1) - i, this.generator = u;
|
|
749
749
|
}
|
|
@@ -770,7 +770,7 @@ class hn extends un {
|
|
|
770
770
|
let { done: S } = x;
|
|
771
771
|
!T && l !== null && (S = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
|
|
772
772
|
const A = this.holdTime === null && (this.state === "finished" || this.state === "running" && S);
|
|
773
|
-
return A && m !==
|
|
773
|
+
return A && m !== Ae && (x.value = un(c, this.options, v, this.speed)), p && p(x.value), A && this.finish(), x;
|
|
774
774
|
}
|
|
775
775
|
/**
|
|
776
776
|
* Allows the returned animation to be awaited or promise-chained. Currently
|
|
@@ -839,9 +839,9 @@ function No(t) {
|
|
|
839
839
|
for (let e = 1; e < t.length; e++)
|
|
840
840
|
t[e] ?? (t[e] = t[e - 1]);
|
|
841
841
|
}
|
|
842
|
-
const at = (t) => t * 180 / Math.PI,
|
|
842
|
+
const at = (t) => t * 180 / Math.PI, Ve = (t) => {
|
|
843
843
|
const e = at(Math.atan2(t[1], t[0]));
|
|
844
|
-
return
|
|
844
|
+
return Ce(e);
|
|
845
845
|
}, Uo = {
|
|
846
846
|
x: 4,
|
|
847
847
|
y: 5,
|
|
@@ -850,35 +850,35 @@ const at = (t) => t * 180 / Math.PI, Ae = (t) => {
|
|
|
850
850
|
scaleX: 0,
|
|
851
851
|
scaleY: 3,
|
|
852
852
|
scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
|
|
853
|
-
rotate:
|
|
854
|
-
rotateZ:
|
|
853
|
+
rotate: Ve,
|
|
854
|
+
rotateZ: Ve,
|
|
855
855
|
skewX: (t) => at(Math.atan(t[1])),
|
|
856
856
|
skewY: (t) => at(Math.atan(t[2])),
|
|
857
857
|
skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
|
|
858
|
-
},
|
|
858
|
+
}, Ce = (t) => (t = t % 360, t < 0 && (t += 360), t), Un = Ve, $n = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Kn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), $o = {
|
|
859
859
|
x: 12,
|
|
860
860
|
y: 13,
|
|
861
861
|
z: 14,
|
|
862
862
|
translateX: 12,
|
|
863
863
|
translateY: 13,
|
|
864
864
|
translateZ: 14,
|
|
865
|
-
scaleX:
|
|
866
|
-
scaleY:
|
|
867
|
-
scale: (t) => (
|
|
868
|
-
rotateX: (t) =>
|
|
869
|
-
rotateY: (t) =>
|
|
870
|
-
rotateZ:
|
|
871
|
-
rotate:
|
|
865
|
+
scaleX: $n,
|
|
866
|
+
scaleY: Kn,
|
|
867
|
+
scale: (t) => ($n(t) + Kn(t)) / 2,
|
|
868
|
+
rotateX: (t) => Ce(at(Math.atan2(t[6], t[5]))),
|
|
869
|
+
rotateY: (t) => Ce(at(Math.atan2(-t[2], t[0]))),
|
|
870
|
+
rotateZ: Un,
|
|
871
|
+
rotate: Un,
|
|
872
872
|
skewX: (t) => at(Math.atan(t[4])),
|
|
873
873
|
skewY: (t) => at(Math.atan(t[1])),
|
|
874
874
|
skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
|
|
875
875
|
};
|
|
876
|
-
function
|
|
876
|
+
function De(t) {
|
|
877
877
|
return t.includes("scale") ? 1 : 0;
|
|
878
878
|
}
|
|
879
|
-
function
|
|
879
|
+
function Me(t, e) {
|
|
880
880
|
if (!t || t === "none")
|
|
881
|
-
return
|
|
881
|
+
return De(e);
|
|
882
882
|
const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
|
|
883
883
|
let s, i;
|
|
884
884
|
if (n)
|
|
@@ -888,13 +888,13 @@ function De(t, e) {
|
|
|
888
888
|
s = Uo, i = a;
|
|
889
889
|
}
|
|
890
890
|
if (!i)
|
|
891
|
-
return
|
|
891
|
+
return De(e);
|
|
892
892
|
const o = s[e], r = i[1].split(",").map(Wo);
|
|
893
893
|
return typeof o == "function" ? o(r) : r[o];
|
|
894
894
|
}
|
|
895
895
|
const Ko = (t, e) => {
|
|
896
896
|
const { transform: n = "none" } = getComputedStyle(t);
|
|
897
|
-
return
|
|
897
|
+
return Me(n, e);
|
|
898
898
|
};
|
|
899
899
|
function Wo(t) {
|
|
900
900
|
return parseFloat(t.trim());
|
|
@@ -917,7 +917,7 @@ const St = [
|
|
|
917
917
|
"skew",
|
|
918
918
|
"skewX",
|
|
919
919
|
"skewY"
|
|
920
|
-
], At = new Set(St),
|
|
920
|
+
], At = new Set(St), Wn = (t) => t === bt || t === P, zo = /* @__PURE__ */ new Set(["x", "y", "z"]), _o = St.filter((t) => !zo.has(t));
|
|
921
921
|
function Go(t) {
|
|
922
922
|
const e = [];
|
|
923
923
|
return _o.forEach((n) => {
|
|
@@ -934,15 +934,15 @@ const lt = {
|
|
|
934
934
|
bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
|
|
935
935
|
right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
|
|
936
936
|
// Transform
|
|
937
|
-
x: (t, { transform: e }) =>
|
|
938
|
-
y: (t, { transform: e }) =>
|
|
937
|
+
x: (t, { transform: e }) => Me(e, "x"),
|
|
938
|
+
y: (t, { transform: e }) => Me(e, "y")
|
|
939
939
|
};
|
|
940
940
|
lt.translateX = lt.x;
|
|
941
941
|
lt.translateY = lt.y;
|
|
942
942
|
const ct = /* @__PURE__ */ new Set();
|
|
943
|
-
let
|
|
943
|
+
let Ee = !1, Re = !1, Le = !1;
|
|
944
944
|
function bi() {
|
|
945
|
-
if (
|
|
945
|
+
if (Re) {
|
|
946
946
|
const t = Array.from(ct).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
|
|
947
947
|
e.forEach((s) => {
|
|
948
948
|
const i = Go(s);
|
|
@@ -958,22 +958,22 @@ function bi() {
|
|
|
958
958
|
s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
|
|
959
959
|
});
|
|
960
960
|
}
|
|
961
|
-
|
|
961
|
+
Re = !1, Ee = !1, ct.forEach((t) => t.complete(Le)), ct.clear();
|
|
962
962
|
}
|
|
963
963
|
function Si() {
|
|
964
964
|
ct.forEach((t) => {
|
|
965
|
-
t.readKeyframes(), t.needsMeasurement && (
|
|
965
|
+
t.readKeyframes(), t.needsMeasurement && (Re = !0);
|
|
966
966
|
});
|
|
967
967
|
}
|
|
968
968
|
function Ho() {
|
|
969
|
-
|
|
969
|
+
Le = !0, Si(), bi(), Le = !1;
|
|
970
970
|
}
|
|
971
|
-
class
|
|
971
|
+
class dn {
|
|
972
972
|
constructor(e, n, s, i, o, r = !1) {
|
|
973
973
|
this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = o, this.isAsync = r;
|
|
974
974
|
}
|
|
975
975
|
scheduleResolve() {
|
|
976
|
-
this.state = "scheduled", this.isAsync ? (ct.add(this),
|
|
976
|
+
this.state = "scheduled", this.isAsync ? (ct.add(this), Ee || (Ee = !0, V.read(Si), V.resolveKeyframes(bi))) : (this.readKeyframes(), this.complete());
|
|
977
977
|
}
|
|
978
978
|
readKeyframes() {
|
|
979
979
|
const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
|
|
@@ -1011,9 +1011,9 @@ const Xo = (t) => t.startsWith("--");
|
|
|
1011
1011
|
function Yo(t, e, n) {
|
|
1012
1012
|
Xo(e) ? t.style.setProperty(e, n) : t.style[e] = n;
|
|
1013
1013
|
}
|
|
1014
|
-
const qo = /* @__PURE__ */
|
|
1014
|
+
const qo = /* @__PURE__ */ Je(() => window.ScrollTimeline !== void 0), Zo = {};
|
|
1015
1015
|
function Jo(t, e) {
|
|
1016
|
-
const n = /* @__PURE__ */
|
|
1016
|
+
const n = /* @__PURE__ */ Je(t);
|
|
1017
1017
|
return () => Zo[e] ?? n();
|
|
1018
1018
|
}
|
|
1019
1019
|
const Ai = /* @__PURE__ */ Jo(() => {
|
|
@@ -1023,7 +1023,7 @@ const Ai = /* @__PURE__ */ Jo(() => {
|
|
|
1023
1023
|
return !1;
|
|
1024
1024
|
}
|
|
1025
1025
|
return !0;
|
|
1026
|
-
}, "linearEasing"), Ct = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`,
|
|
1026
|
+
}, "linearEasing"), Ct = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, zn = {
|
|
1027
1027
|
linear: "linear",
|
|
1028
1028
|
ease: "ease",
|
|
1029
1029
|
easeIn: "ease-in",
|
|
@@ -1036,7 +1036,7 @@ const Ai = /* @__PURE__ */ Jo(() => {
|
|
|
1036
1036
|
};
|
|
1037
1037
|
function Vi(t, e) {
|
|
1038
1038
|
if (t)
|
|
1039
|
-
return typeof t == "function" ? Ai() ? xi(t, e) : "ease-out" : ui(t) ? Ct(t) : Array.isArray(t) ? t.map((n) => Vi(n, e) ||
|
|
1039
|
+
return typeof t == "function" ? Ai() ? xi(t, e) : "ease-out" : ui(t) ? Ct(t) : Array.isArray(t) ? t.map((n) => Vi(n, e) || zn.easeOut) : zn[t];
|
|
1040
1040
|
}
|
|
1041
1041
|
function Qo(t, e, n, { delay: s = 0, duration: i = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
|
|
1042
1042
|
const c = {
|
|
@@ -1061,7 +1061,7 @@ function Ci(t) {
|
|
|
1061
1061
|
function ta({ type: t, ...e }) {
|
|
1062
1062
|
return Ci(t) && Ai() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
|
|
1063
1063
|
}
|
|
1064
|
-
class ea extends
|
|
1064
|
+
class ea extends hn {
|
|
1065
1065
|
constructor(e) {
|
|
1066
1066
|
if (super(), this.finishedTime = null, this.isStopped = !1, !e)
|
|
1067
1067
|
return;
|
|
@@ -1070,7 +1070,7 @@ class ea extends un {
|
|
|
1070
1070
|
const u = ta(e);
|
|
1071
1071
|
this.animation = Qo(n, s, i, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
|
|
1072
1072
|
if (this.finishedTime = this.time, !o) {
|
|
1073
|
-
const c =
|
|
1073
|
+
const c = un(i, this.options, a, this.speed);
|
|
1074
1074
|
this.updateMotionValue ? this.updateMotionValue(c) : Yo(n, s, c), this.animation.cancel();
|
|
1075
1075
|
}
|
|
1076
1076
|
l == null || l(), this.notifyFinished();
|
|
@@ -1164,7 +1164,7 @@ function na(t) {
|
|
|
1164
1164
|
function sa(t) {
|
|
1165
1165
|
typeof t.ease == "string" && na(t.ease) && (t.ease = Di[t.ease]);
|
|
1166
1166
|
}
|
|
1167
|
-
const
|
|
1167
|
+
const _n = 10;
|
|
1168
1168
|
class ia extends ea {
|
|
1169
1169
|
constructor(e) {
|
|
1170
1170
|
sa(e), wi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
|
|
@@ -1185,14 +1185,14 @@ class ia extends ea {
|
|
|
1185
1185
|
n.set(e);
|
|
1186
1186
|
return;
|
|
1187
1187
|
}
|
|
1188
|
-
const a = new
|
|
1188
|
+
const a = new fn({
|
|
1189
1189
|
...r,
|
|
1190
1190
|
autoplay: !1
|
|
1191
1191
|
}), l = /* @__PURE__ */ _(this.finishedTime ?? this.time);
|
|
1192
|
-
n.setWithVelocity(a.sample(l -
|
|
1192
|
+
n.setWithVelocity(a.sample(l - _n).value, a.sample(l).value, _n), a.stop();
|
|
1193
1193
|
}
|
|
1194
1194
|
}
|
|
1195
|
-
const
|
|
1195
|
+
const Gn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
|
|
1196
1196
|
(et.test(t) || t === "0") && // And it contains numbers and/or colors
|
|
1197
1197
|
!t.startsWith("url("));
|
|
1198
1198
|
function ra(t) {
|
|
@@ -1209,10 +1209,10 @@ function oa(t, e, n, s) {
|
|
|
1209
1209
|
return !1;
|
|
1210
1210
|
if (e === "display" || e === "visibility")
|
|
1211
1211
|
return !0;
|
|
1212
|
-
const o = t[t.length - 1], r =
|
|
1212
|
+
const o = t[t.length - 1], r = Gn(i, e), a = Gn(o, e);
|
|
1213
1213
|
return wt(r === a, `You are trying to animate ${e} from "${i}" to "${o}". "${r ? o : i}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : ra(t) || (n === "spring" || Ci(n)) && s;
|
|
1214
1214
|
}
|
|
1215
|
-
function
|
|
1215
|
+
function ke(t) {
|
|
1216
1216
|
t.duration = 0, t.type;
|
|
1217
1217
|
}
|
|
1218
1218
|
const aa = /* @__PURE__ */ new Set([
|
|
@@ -1222,7 +1222,7 @@ const aa = /* @__PURE__ */ new Set([
|
|
|
1222
1222
|
"transform"
|
|
1223
1223
|
// TODO: Could be re-enabled now we have support for linear() easing
|
|
1224
1224
|
// "background-color"
|
|
1225
|
-
]), la = /* @__PURE__ */
|
|
1225
|
+
]), la = /* @__PURE__ */ Je(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
|
|
1226
1226
|
function ca(t) {
|
|
1227
1227
|
var c;
|
|
1228
1228
|
const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: o, type: r } = t;
|
|
@@ -1236,7 +1236,7 @@ function ca(t) {
|
|
|
1236
1236
|
!l && !s && i !== "mirror" && o !== 0 && r !== "inertia";
|
|
1237
1237
|
}
|
|
1238
1238
|
const ua = 40;
|
|
1239
|
-
class ha extends
|
|
1239
|
+
class ha extends hn {
|
|
1240
1240
|
constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: u, element: c, ...h }) {
|
|
1241
1241
|
var m;
|
|
1242
1242
|
super(), this.stop = () => {
|
|
@@ -1254,13 +1254,13 @@ class ha extends un {
|
|
|
1254
1254
|
motionValue: u,
|
|
1255
1255
|
element: c,
|
|
1256
1256
|
...h
|
|
1257
|
-
}, d = (c == null ? void 0 : c.KeyframeResolver) ||
|
|
1257
|
+
}, d = (c == null ? void 0 : c.KeyframeResolver) || dn;
|
|
1258
1258
|
this.keyframeResolver = new d(a, (p, v, g) => this.onKeyframesResolved(p, v, f, !g), l, u, c), (m = this.keyframeResolver) == null || m.scheduleResolve();
|
|
1259
1259
|
}
|
|
1260
1260
|
onKeyframesResolved(e, n, s, i) {
|
|
1261
1261
|
this.keyframeResolver = void 0;
|
|
1262
1262
|
const { name: o, type: r, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
|
|
1263
|
-
this.resolvedAt = j.now(), oa(e, o, r, a) || ((q.instantAnimations || !l) && (c == null || c(
|
|
1263
|
+
this.resolvedAt = j.now(), oa(e, o, r, a) || ((q.instantAnimations || !l) && (c == null || c(un(e, s, n))), e[0] = e[e.length - 1], ke(s), s.repeat = 0);
|
|
1264
1264
|
const f = {
|
|
1265
1265
|
startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ua ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
|
|
1266
1266
|
finalKeyframe: n,
|
|
@@ -1269,7 +1269,7 @@ class ha extends un {
|
|
|
1269
1269
|
}, d = !u && ca(f) ? new ia({
|
|
1270
1270
|
...f,
|
|
1271
1271
|
element: f.motionValue.owner.current
|
|
1272
|
-
}) : new
|
|
1272
|
+
}) : new fn(f);
|
|
1273
1273
|
d.finished.then(() => this.notifyFinished()).catch(W), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
|
|
1274
1274
|
}
|
|
1275
1275
|
get finished() {
|
|
@@ -1343,9 +1343,9 @@ function Mi(t, e, n = 1) {
|
|
|
1343
1343
|
const r = o.trim();
|
|
1344
1344
|
return Zs(r) ? parseFloat(r) : r;
|
|
1345
1345
|
}
|
|
1346
|
-
return
|
|
1346
|
+
return rn(i) ? Mi(i, e, n + 1) : i;
|
|
1347
1347
|
}
|
|
1348
|
-
function
|
|
1348
|
+
function mn(t, e) {
|
|
1349
1349
|
return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
|
|
1350
1350
|
}
|
|
1351
1351
|
const Ei = /* @__PURE__ */ new Set([
|
|
@@ -1359,7 +1359,7 @@ const Ei = /* @__PURE__ */ new Set([
|
|
|
1359
1359
|
]), pa = {
|
|
1360
1360
|
test: (t) => t === "auto",
|
|
1361
1361
|
parse: (t) => t
|
|
1362
|
-
}, Ri = (t) => (e) => e.test(t), Li = [bt, P, H, J, io, so, pa],
|
|
1362
|
+
}, Ri = (t) => (e) => e.test(t), Li = [bt, P, H, J, io, so, pa], Hn = (t) => Li.find(Ri(t));
|
|
1363
1363
|
function ga(t) {
|
|
1364
1364
|
return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Qs(t) : !0;
|
|
1365
1365
|
}
|
|
@@ -1368,20 +1368,20 @@ function va(t) {
|
|
|
1368
1368
|
const [e, n] = t.slice(0, -1).split("(");
|
|
1369
1369
|
if (e === "drop-shadow")
|
|
1370
1370
|
return t;
|
|
1371
|
-
const [s] = n.match(
|
|
1371
|
+
const [s] = n.match(on) || [];
|
|
1372
1372
|
if (!s)
|
|
1373
1373
|
return t;
|
|
1374
1374
|
const i = n.replace(s, "");
|
|
1375
1375
|
let o = ya.has(e) ? 1 : 0;
|
|
1376
1376
|
return s !== n && (o *= 100), e + "(" + o + i + ")";
|
|
1377
1377
|
}
|
|
1378
|
-
const Ta = /\b([a-z-]*)\(.*?\)/gu,
|
|
1378
|
+
const Ta = /\b([a-z-]*)\(.*?\)/gu, Fe = {
|
|
1379
1379
|
...et,
|
|
1380
1380
|
getAnimatableNone: (t) => {
|
|
1381
1381
|
const e = t.match(Ta);
|
|
1382
1382
|
return e ? e.map(va).join(" ") : t;
|
|
1383
1383
|
}
|
|
1384
|
-
},
|
|
1384
|
+
}, Xn = {
|
|
1385
1385
|
...bt,
|
|
1386
1386
|
transform: Math.round
|
|
1387
1387
|
}, xa = {
|
|
@@ -1406,10 +1406,10 @@ const Ta = /\b([a-z-]*)\(.*?\)/gu, ke = {
|
|
|
1406
1406
|
perspective: P,
|
|
1407
1407
|
transformPerspective: P,
|
|
1408
1408
|
opacity: kt,
|
|
1409
|
-
originX:
|
|
1410
|
-
originY:
|
|
1409
|
+
originX: Fn,
|
|
1410
|
+
originY: Fn,
|
|
1411
1411
|
originZ: P
|
|
1412
|
-
},
|
|
1412
|
+
}, pn = {
|
|
1413
1413
|
// Border props
|
|
1414
1414
|
borderWidth: P,
|
|
1415
1415
|
borderTopWidth: P,
|
|
@@ -1446,13 +1446,13 @@ const Ta = /\b([a-z-]*)\(.*?\)/gu, ke = {
|
|
|
1446
1446
|
backgroundPositionX: P,
|
|
1447
1447
|
backgroundPositionY: P,
|
|
1448
1448
|
...xa,
|
|
1449
|
-
zIndex:
|
|
1449
|
+
zIndex: Xn,
|
|
1450
1450
|
// SVG
|
|
1451
1451
|
fillOpacity: kt,
|
|
1452
1452
|
strokeOpacity: kt,
|
|
1453
|
-
numOctaves:
|
|
1453
|
+
numOctaves: Xn
|
|
1454
1454
|
}, Pa = {
|
|
1455
|
-
...
|
|
1455
|
+
...pn,
|
|
1456
1456
|
// Color props
|
|
1457
1457
|
color: E,
|
|
1458
1458
|
backgroundColor: E,
|
|
@@ -1465,12 +1465,12 @@ const Ta = /\b([a-z-]*)\(.*?\)/gu, ke = {
|
|
|
1465
1465
|
borderRightColor: E,
|
|
1466
1466
|
borderBottomColor: E,
|
|
1467
1467
|
borderLeftColor: E,
|
|
1468
|
-
filter:
|
|
1469
|
-
WebkitFilter:
|
|
1468
|
+
filter: Fe,
|
|
1469
|
+
WebkitFilter: Fe
|
|
1470
1470
|
}, ki = (t) => Pa[t];
|
|
1471
1471
|
function Fi(t, e) {
|
|
1472
1472
|
let n = ki(t);
|
|
1473
|
-
return n !==
|
|
1473
|
+
return n !== Fe && (n = et), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
|
|
1474
1474
|
}
|
|
1475
1475
|
const wa = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
1476
1476
|
function ba(t, e, n) {
|
|
@@ -1483,7 +1483,7 @@ function ba(t, e, n) {
|
|
|
1483
1483
|
for (const o of e)
|
|
1484
1484
|
t[o] = Fi(n, i);
|
|
1485
1485
|
}
|
|
1486
|
-
class Sa extends
|
|
1486
|
+
class Sa extends dn {
|
|
1487
1487
|
constructor(e, n, s, i, o) {
|
|
1488
1488
|
super(e, n, s, i, o, !0);
|
|
1489
1489
|
}
|
|
@@ -1494,16 +1494,16 @@ class Sa extends fn {
|
|
|
1494
1494
|
super.readKeyframes();
|
|
1495
1495
|
for (let l = 0; l < e.length; l++) {
|
|
1496
1496
|
let u = e[l];
|
|
1497
|
-
if (typeof u == "string" && (u = u.trim(),
|
|
1497
|
+
if (typeof u == "string" && (u = u.trim(), rn(u))) {
|
|
1498
1498
|
const c = Mi(u, n.current);
|
|
1499
1499
|
c !== void 0 && (e[l] = c), l === e.length - 1 && (this.finalKeyframe = u);
|
|
1500
1500
|
}
|
|
1501
1501
|
}
|
|
1502
1502
|
if (this.resolveNoneKeyframes(), !Ei.has(s) || e.length !== 2)
|
|
1503
1503
|
return;
|
|
1504
|
-
const [i, o] = e, r =
|
|
1504
|
+
const [i, o] = e, r = Hn(i), a = Hn(o);
|
|
1505
1505
|
if (r !== a)
|
|
1506
|
-
if (
|
|
1506
|
+
if (Wn(r) && Wn(a))
|
|
1507
1507
|
for (let l = 0; l < e.length; l++) {
|
|
1508
1508
|
const u = e[l];
|
|
1509
1509
|
typeof u == "string" && (e[l] = parseFloat(u));
|
|
@@ -1550,7 +1550,7 @@ const Bi = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
|
|
|
1550
1550
|
function Ii(t) {
|
|
1551
1551
|
return Js(t) && "offsetHeight" in t;
|
|
1552
1552
|
}
|
|
1553
|
-
const
|
|
1553
|
+
const Yn = 30, Va = (t) => !isNaN(parseFloat(t));
|
|
1554
1554
|
class Ca {
|
|
1555
1555
|
/**
|
|
1556
1556
|
* @param init - The initiating value
|
|
@@ -1614,10 +1614,10 @@ class Ca {
|
|
|
1614
1614
|
* @deprecated
|
|
1615
1615
|
*/
|
|
1616
1616
|
onChange(e) {
|
|
1617
|
-
return process.env.NODE_ENV !== "production" &&
|
|
1617
|
+
return process.env.NODE_ENV !== "production" && tn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
|
|
1618
1618
|
}
|
|
1619
1619
|
on(e, n) {
|
|
1620
|
-
this.events[e] || (this.events[e] = new
|
|
1620
|
+
this.events[e] || (this.events[e] = new Qe());
|
|
1621
1621
|
const s = this.events[e].add(n);
|
|
1622
1622
|
return e === "change" ? () => {
|
|
1623
1623
|
s(), V.read(() => {
|
|
@@ -1698,9 +1698,9 @@ class Ca {
|
|
|
1698
1698
|
*/
|
|
1699
1699
|
getVelocity() {
|
|
1700
1700
|
const e = j.now();
|
|
1701
|
-
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt >
|
|
1701
|
+
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Yn)
|
|
1702
1702
|
return 0;
|
|
1703
|
-
const n = Math.min(this.updatedAt - this.prevUpdatedAt,
|
|
1703
|
+
const n = Math.min(this.updatedAt - this.prevUpdatedAt, Yn);
|
|
1704
1704
|
return ti(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
|
|
1705
1705
|
}
|
|
1706
1706
|
/**
|
|
@@ -1756,7 +1756,7 @@ class Ca {
|
|
|
1756
1756
|
function Tt(t, e) {
|
|
1757
1757
|
return new Ca(t, e);
|
|
1758
1758
|
}
|
|
1759
|
-
const { schedule:
|
|
1759
|
+
const { schedule: gn, cancel: Du } = /* @__PURE__ */ hi(queueMicrotask, !1), z = {
|
|
1760
1760
|
x: !1,
|
|
1761
1761
|
y: !1
|
|
1762
1762
|
};
|
|
@@ -1778,18 +1778,18 @@ function ji(t, e) {
|
|
|
1778
1778
|
};
|
|
1779
1779
|
return [n, i, () => s.abort()];
|
|
1780
1780
|
}
|
|
1781
|
-
function
|
|
1781
|
+
function qn(t) {
|
|
1782
1782
|
return !(t.pointerType === "touch" || Oi());
|
|
1783
1783
|
}
|
|
1784
1784
|
function Ma(t, e, n = {}) {
|
|
1785
1785
|
const [s, i, o] = ji(t, n), r = (a) => {
|
|
1786
|
-
if (!
|
|
1786
|
+
if (!qn(a))
|
|
1787
1787
|
return;
|
|
1788
1788
|
const { target: l } = a, u = e(l, a);
|
|
1789
1789
|
if (typeof u != "function" || !l)
|
|
1790
1790
|
return;
|
|
1791
1791
|
const c = (h) => {
|
|
1792
|
-
|
|
1792
|
+
qn(h) && (u(h), l.removeEventListener("pointerleave", c));
|
|
1793
1793
|
};
|
|
1794
1794
|
l.addEventListener("pointerleave", c, i);
|
|
1795
1795
|
};
|
|
@@ -1797,7 +1797,7 @@ function Ma(t, e, n = {}) {
|
|
|
1797
1797
|
a.addEventListener("pointerenter", r, i);
|
|
1798
1798
|
}), o;
|
|
1799
1799
|
}
|
|
1800
|
-
const Ni = (t, e) => e ? t === e ? !0 : Ni(t, e.parentElement) : !1,
|
|
1800
|
+
const Ni = (t, e) => e ? t === e ? !0 : Ni(t, e.parentElement) : !1, yn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Ea = /* @__PURE__ */ new Set([
|
|
1801
1801
|
"BUTTON",
|
|
1802
1802
|
"INPUT",
|
|
1803
1803
|
"SELECT",
|
|
@@ -1808,7 +1808,7 @@ function Ra(t) {
|
|
|
1808
1808
|
return Ea.has(t.tagName) || t.tabIndex !== -1;
|
|
1809
1809
|
}
|
|
1810
1810
|
const Ht = /* @__PURE__ */ new WeakSet();
|
|
1811
|
-
function
|
|
1811
|
+
function Zn(t) {
|
|
1812
1812
|
return (e) => {
|
|
1813
1813
|
e.key === "Enter" && t(e);
|
|
1814
1814
|
};
|
|
@@ -1820,28 +1820,28 @@ const La = (t, e) => {
|
|
|
1820
1820
|
const n = t.currentTarget;
|
|
1821
1821
|
if (!n)
|
|
1822
1822
|
return;
|
|
1823
|
-
const s =
|
|
1823
|
+
const s = Zn(() => {
|
|
1824
1824
|
if (Ht.has(n))
|
|
1825
1825
|
return;
|
|
1826
1826
|
ce(n, "down");
|
|
1827
|
-
const i =
|
|
1827
|
+
const i = Zn(() => {
|
|
1828
1828
|
ce(n, "up");
|
|
1829
1829
|
}), o = () => ce(n, "cancel");
|
|
1830
1830
|
n.addEventListener("keyup", i, e), n.addEventListener("blur", o, e);
|
|
1831
1831
|
});
|
|
1832
1832
|
n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
|
|
1833
1833
|
};
|
|
1834
|
-
function
|
|
1835
|
-
return
|
|
1834
|
+
function Jn(t) {
|
|
1835
|
+
return yn(t) && !Oi();
|
|
1836
1836
|
}
|
|
1837
1837
|
function ka(t, e, n = {}) {
|
|
1838
1838
|
const [s, i, o] = ji(t, n), r = (a) => {
|
|
1839
1839
|
const l = a.currentTarget;
|
|
1840
|
-
if (!
|
|
1840
|
+
if (!Jn(a))
|
|
1841
1841
|
return;
|
|
1842
1842
|
Ht.add(l);
|
|
1843
1843
|
const u = e(l, a), c = (d, m) => {
|
|
1844
|
-
window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Ht.has(l) && Ht.delete(l),
|
|
1844
|
+
window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Ht.has(l) && Ht.delete(l), Jn(d) && typeof u == "function" && u(d, { success: m });
|
|
1845
1845
|
}, h = (d) => {
|
|
1846
1846
|
c(d, l === window || l === document || n.useGlobalTarget || Ni(l, d.target));
|
|
1847
1847
|
}, f = (d) => {
|
|
@@ -1859,12 +1859,12 @@ function Ui(t) {
|
|
|
1859
1859
|
function Fa(t) {
|
|
1860
1860
|
return Ui(t) && t.tagName === "svg";
|
|
1861
1861
|
}
|
|
1862
|
-
const B = (t) => !!(t && t.getVelocity), Ba = [...Li, E, et], Ia = (t) => Ba.find(Ri(t)),
|
|
1862
|
+
const B = (t) => !!(t && t.getVelocity), Ba = [...Li, E, et], Ia = (t) => Ba.find(Ri(t)), vn = Pt({
|
|
1863
1863
|
transformPagePoint: (t) => t,
|
|
1864
1864
|
isStatic: !1,
|
|
1865
1865
|
reducedMotion: "never"
|
|
1866
1866
|
});
|
|
1867
|
-
class Oa extends
|
|
1867
|
+
class Oa extends ze.Component {
|
|
1868
1868
|
getSnapshotBeforeUpdate(e) {
|
|
1869
1869
|
const n = this.props.childRef.current;
|
|
1870
1870
|
if (n && e.isPresent && !this.props.isPresent) {
|
|
@@ -1883,14 +1883,14 @@ class Oa extends We.Component {
|
|
|
1883
1883
|
}
|
|
1884
1884
|
}
|
|
1885
1885
|
function ja({ children: t, isPresent: e, anchorX: n, root: s }) {
|
|
1886
|
-
const i =
|
|
1886
|
+
const i = Ge(), o = Q(null), r = Q({
|
|
1887
1887
|
width: 0,
|
|
1888
1888
|
height: 0,
|
|
1889
1889
|
top: 0,
|
|
1890
1890
|
left: 0,
|
|
1891
1891
|
right: 0
|
|
1892
|
-
}), { nonce: a } = F(
|
|
1893
|
-
return
|
|
1892
|
+
}), { nonce: a } = F(vn);
|
|
1893
|
+
return Gs(() => {
|
|
1894
1894
|
const { width: l, height: u, top: c, left: h, right: f } = r.current;
|
|
1895
1895
|
if (e || !o.current || !l || !u)
|
|
1896
1896
|
return;
|
|
@@ -1910,10 +1910,10 @@ function ja({ children: t, isPresent: e, anchorX: n, root: s }) {
|
|
|
1910
1910
|
`), () => {
|
|
1911
1911
|
p.contains(m) && p.removeChild(m);
|
|
1912
1912
|
};
|
|
1913
|
-
}, [e]), N(Oa, { isPresent: e, childRef: o, sizeRef: r, children:
|
|
1913
|
+
}, [e]), N(Oa, { isPresent: e, childRef: o, sizeRef: r, children: ze.cloneElement(t, { ref: o }) });
|
|
1914
1914
|
}
|
|
1915
1915
|
const Na = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: o, mode: r, anchorX: a, root: l }) => {
|
|
1916
|
-
const u =
|
|
1916
|
+
const u = Xe(Ua), c = Ge();
|
|
1917
1917
|
let h = !0, f = ut(() => (h = !1, {
|
|
1918
1918
|
id: c,
|
|
1919
1919
|
initial: e,
|
|
@@ -1930,7 +1930,7 @@ const Na = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
|
|
|
1930
1930
|
}), [n, u, s]);
|
|
1931
1931
|
return o && h && (f = { ...f }), ut(() => {
|
|
1932
1932
|
u.forEach((d, m) => u.set(m, !1));
|
|
1933
|
-
}, [n]),
|
|
1933
|
+
}, [n]), ze.useEffect(() => {
|
|
1934
1934
|
!n && !u.size && s && s();
|
|
1935
1935
|
}, [n]), r === "popLayout" && (t = N(ja, { isPresent: n, anchorX: a, root: l, children: t })), N(ee.Provider, { value: f, children: t });
|
|
1936
1936
|
};
|
|
@@ -1941,23 +1941,23 @@ function $i(t = !0) {
|
|
|
1941
1941
|
const e = F(ee);
|
|
1942
1942
|
if (e === null)
|
|
1943
1943
|
return [!0, null];
|
|
1944
|
-
const { isPresent: n, onExitComplete: s, register: i } = e, o =
|
|
1945
|
-
|
|
1944
|
+
const { isPresent: n, onExitComplete: s, register: i } = e, o = Ge();
|
|
1945
|
+
_e(() => {
|
|
1946
1946
|
if (t)
|
|
1947
1947
|
return i(o);
|
|
1948
1948
|
}, [t]);
|
|
1949
|
-
const r =
|
|
1949
|
+
const r = Hs(() => t && s && s(o), [o, s, t]);
|
|
1950
1950
|
return !n && s ? [!1, r] : [!0];
|
|
1951
1951
|
}
|
|
1952
1952
|
const zt = (t) => t.key || "";
|
|
1953
|
-
function
|
|
1953
|
+
function Qn(t) {
|
|
1954
1954
|
const e = [];
|
|
1955
1955
|
return Lr.forEach(t, (n) => {
|
|
1956
1956
|
kr(n) && e.push(n);
|
|
1957
1957
|
}), e;
|
|
1958
1958
|
}
|
|
1959
1959
|
const $a = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", root: l }) => {
|
|
1960
|
-
const [u, c] = $i(r), h = ut(() =>
|
|
1960
|
+
const [u, c] = $i(r), h = ut(() => Qn(t), [t]), f = r && !u ? [] : h.map(zt), d = Q(!0), m = Q(h), p = Xe(() => /* @__PURE__ */ new Map()), [v, g] = Te(h), [T, y] = Te(h);
|
|
1961
1961
|
qs(() => {
|
|
1962
1962
|
d.current = !1, m.current = h;
|
|
1963
1963
|
for (let S = 0; S < T.length; S++) {
|
|
@@ -1972,10 +1972,10 @@ const $a = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
|
|
|
1972
1972
|
const w = T[A], R = zt(w);
|
|
1973
1973
|
f.includes(R) || (S.splice(A, 0, w), b.push(w));
|
|
1974
1974
|
}
|
|
1975
|
-
return o === "wait" && b.length && (S = b), y(
|
|
1975
|
+
return o === "wait" && b.length && (S = b), y(Qn(S)), g(h), null;
|
|
1976
1976
|
}
|
|
1977
1977
|
process.env.NODE_ENV !== "production" && o === "wait" && T.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
|
|
1978
|
-
const { forceRender: x } = F(
|
|
1978
|
+
const { forceRender: x } = F(He);
|
|
1979
1979
|
return N(Er, { children: T.map((S) => {
|
|
1980
1980
|
const A = zt(S), w = r && !u ? !1 : h === T || f.includes(A), R = () => {
|
|
1981
1981
|
if (p.has(A))
|
|
@@ -1989,7 +1989,7 @@ const $a = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
|
|
|
1989
1989
|
};
|
|
1990
1990
|
return N(Na, { isPresent: w, initial: !d.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: o, root: l, onExitComplete: w ? void 0 : R, anchorX: a, children: S }, A);
|
|
1991
1991
|
}) });
|
|
1992
|
-
}, Ki = Pt({ strict: !1 }),
|
|
1992
|
+
}, Ki = Pt({ strict: !1 }), ts = {
|
|
1993
1993
|
animation: [
|
|
1994
1994
|
"animate",
|
|
1995
1995
|
"variants",
|
|
@@ -2009,9 +2009,9 @@ const $a = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
|
|
|
2009
2009
|
inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
|
|
2010
2010
|
layout: ["layout", "layoutId"]
|
|
2011
2011
|
}, xt = {};
|
|
2012
|
-
for (const t in
|
|
2012
|
+
for (const t in ts)
|
|
2013
2013
|
xt[t] = {
|
|
2014
|
-
isEnabled: (e) =>
|
|
2014
|
+
isEnabled: (e) => ts[t].some((n) => !!e[n])
|
|
2015
2015
|
};
|
|
2016
2016
|
function Ka(t) {
|
|
2017
2017
|
for (const e in t)
|
|
@@ -2077,7 +2077,7 @@ function se(t) {
|
|
|
2077
2077
|
function Bt(t) {
|
|
2078
2078
|
return typeof t == "string" || Array.isArray(t);
|
|
2079
2079
|
}
|
|
2080
|
-
const
|
|
2080
|
+
const Tn = [
|
|
2081
2081
|
"animate",
|
|
2082
2082
|
"whileInView",
|
|
2083
2083
|
"whileFocus",
|
|
@@ -2085,9 +2085,9 @@ const vn = [
|
|
|
2085
2085
|
"whileTap",
|
|
2086
2086
|
"whileDrag",
|
|
2087
2087
|
"exit"
|
|
2088
|
-
],
|
|
2088
|
+
], xn = ["initial", ...Tn];
|
|
2089
2089
|
function ie(t) {
|
|
2090
|
-
return se(t.animate) ||
|
|
2090
|
+
return se(t.animate) || xn.some((e) => Bt(t[e]));
|
|
2091
2091
|
}
|
|
2092
2092
|
function zi(t) {
|
|
2093
2093
|
return !!(ie(t) || t.variants);
|
|
@@ -2104,15 +2104,15 @@ function Ga(t, e) {
|
|
|
2104
2104
|
}
|
|
2105
2105
|
function Ha(t) {
|
|
2106
2106
|
const { initial: e, animate: n } = Ga(t, F(ne));
|
|
2107
|
-
return ut(() => ({ initial: e, animate: n }), [
|
|
2107
|
+
return ut(() => ({ initial: e, animate: n }), [es(e), es(n)]);
|
|
2108
2108
|
}
|
|
2109
|
-
function
|
|
2109
|
+
function es(t) {
|
|
2110
2110
|
return Array.isArray(t) ? t.join(" ") : t;
|
|
2111
2111
|
}
|
|
2112
2112
|
const It = {};
|
|
2113
2113
|
function Xa(t) {
|
|
2114
2114
|
for (const e in t)
|
|
2115
|
-
It[e] = t[e],
|
|
2115
|
+
It[e] = t[e], sn(e) && (It[e].isCSSVariable = !0);
|
|
2116
2116
|
}
|
|
2117
2117
|
function _i(t, { layout: e, layoutId: n }) {
|
|
2118
2118
|
return At.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!It[t] || t === "opacity");
|
|
@@ -2131,7 +2131,7 @@ function Za(t, e, n) {
|
|
|
2131
2131
|
continue;
|
|
2132
2132
|
let l = !0;
|
|
2133
2133
|
if (typeof a == "number" ? l = a === (r.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
|
|
2134
|
-
const u = Bi(a,
|
|
2134
|
+
const u = Bi(a, pn[r]);
|
|
2135
2135
|
if (!l) {
|
|
2136
2136
|
i = !1;
|
|
2137
2137
|
const c = Ya[r] || r;
|
|
@@ -2142,7 +2142,7 @@ function Za(t, e, n) {
|
|
|
2142
2142
|
}
|
|
2143
2143
|
return s = s.trim(), n ? s = n(e, i ? "" : s) : i && (s = "none"), s;
|
|
2144
2144
|
}
|
|
2145
|
-
function
|
|
2145
|
+
function Pn(t, e, n) {
|
|
2146
2146
|
const { style: s, vars: i, transformOrigin: o } = t;
|
|
2147
2147
|
let r = !1, a = !1;
|
|
2148
2148
|
for (const l in e) {
|
|
@@ -2150,11 +2150,11 @@ function xn(t, e, n) {
|
|
|
2150
2150
|
if (At.has(l)) {
|
|
2151
2151
|
r = !0;
|
|
2152
2152
|
continue;
|
|
2153
|
-
} else if (
|
|
2153
|
+
} else if (sn(l)) {
|
|
2154
2154
|
i[l] = u;
|
|
2155
2155
|
continue;
|
|
2156
2156
|
} else {
|
|
2157
|
-
const c = Bi(u,
|
|
2157
|
+
const c = Bi(u, pn[l]);
|
|
2158
2158
|
l.startsWith("origin") ? (a = !0, o[l] = c) : s[l] = c;
|
|
2159
2159
|
}
|
|
2160
2160
|
}
|
|
@@ -2163,7 +2163,7 @@ function xn(t, e, n) {
|
|
|
2163
2163
|
s.transformOrigin = `${l} ${u} ${c}`;
|
|
2164
2164
|
}
|
|
2165
2165
|
}
|
|
2166
|
-
const
|
|
2166
|
+
const wn = () => ({
|
|
2167
2167
|
style: {},
|
|
2168
2168
|
transform: {},
|
|
2169
2169
|
transformOrigin: {},
|
|
@@ -2175,8 +2175,8 @@ function Gi(t, e, n) {
|
|
|
2175
2175
|
}
|
|
2176
2176
|
function Ja({ transformTemplate: t }, e) {
|
|
2177
2177
|
return ut(() => {
|
|
2178
|
-
const n =
|
|
2179
|
-
return
|
|
2178
|
+
const n = wn();
|
|
2179
|
+
return Pn(n, e, t), Object.assign({}, n.vars, n.style);
|
|
2180
2180
|
}, [e]);
|
|
2181
2181
|
}
|
|
2182
2182
|
function Qa(t, e) {
|
|
@@ -2211,7 +2211,7 @@ function Hi(t, {
|
|
|
2211
2211
|
// This is object creation, which we try to avoid per-frame.
|
|
2212
2212
|
...a
|
|
2213
2213
|
}, l, u, c) {
|
|
2214
|
-
if (
|
|
2214
|
+
if (Pn(t, a, u), l) {
|
|
2215
2215
|
t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
|
|
2216
2216
|
return;
|
|
2217
2217
|
}
|
|
@@ -2220,7 +2220,7 @@ function Hi(t, {
|
|
|
2220
2220
|
h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), i !== void 0 && sl(h, i, o, r, !1);
|
|
2221
2221
|
}
|
|
2222
2222
|
const Xi = () => ({
|
|
2223
|
-
...
|
|
2223
|
+
...wn(),
|
|
2224
2224
|
attrs: {}
|
|
2225
2225
|
}), Yi = (t) => typeof t == "string" && t.toLowerCase() === "svg";
|
|
2226
2226
|
function il(t, e, n, s) {
|
|
@@ -2264,7 +2264,7 @@ const rl = [
|
|
|
2264
2264
|
"use",
|
|
2265
2265
|
"view"
|
|
2266
2266
|
];
|
|
2267
|
-
function
|
|
2267
|
+
function bn(t) {
|
|
2268
2268
|
return (
|
|
2269
2269
|
/**
|
|
2270
2270
|
* If it's not a string, it's a custom React component. Currently we only support
|
|
@@ -2285,25 +2285,25 @@ function wn(t) {
|
|
|
2285
2285
|
);
|
|
2286
2286
|
}
|
|
2287
2287
|
function ol(t, e, n, { latestValues: s }, i, o = !1) {
|
|
2288
|
-
const a = (
|
|
2288
|
+
const a = (bn(t) ? il : tl)(e, s, i, t), l = _a(e, typeof t == "string", o), u = t !== Xs ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = ut(() => B(c) ? c.get() : c, [c]);
|
|
2289
2289
|
return Fr(t, {
|
|
2290
2290
|
...u,
|
|
2291
2291
|
children: h
|
|
2292
2292
|
});
|
|
2293
2293
|
}
|
|
2294
|
-
function
|
|
2294
|
+
function ns(t) {
|
|
2295
2295
|
const e = [{}, {}];
|
|
2296
2296
|
return t == null || t.values.forEach((n, s) => {
|
|
2297
2297
|
e[0][s] = n.get(), e[1][s] = n.getVelocity();
|
|
2298
2298
|
}), e;
|
|
2299
2299
|
}
|
|
2300
|
-
function
|
|
2300
|
+
function Sn(t, e, n, s) {
|
|
2301
2301
|
if (typeof e == "function") {
|
|
2302
|
-
const [i, o] =
|
|
2302
|
+
const [i, o] = ns(s);
|
|
2303
2303
|
e = e(n !== void 0 ? n : t.custom, i, o);
|
|
2304
2304
|
}
|
|
2305
2305
|
if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
|
|
2306
|
-
const [i, o] =
|
|
2306
|
+
const [i, o] = ns(s);
|
|
2307
2307
|
e = e(n !== void 0 ? n : t.custom, i, o);
|
|
2308
2308
|
}
|
|
2309
2309
|
return e;
|
|
@@ -2330,7 +2330,7 @@ function ll(t, e, n, s) {
|
|
|
2330
2330
|
if (h && typeof h != "boolean" && !se(h)) {
|
|
2331
2331
|
const f = Array.isArray(h) ? h : [h];
|
|
2332
2332
|
for (let d = 0; d < f.length; d++) {
|
|
2333
|
-
const m =
|
|
2333
|
+
const m = Sn(t, f[d]);
|
|
2334
2334
|
if (m) {
|
|
2335
2335
|
const { transitionEnd: p, transition: v, ...g } = m;
|
|
2336
2336
|
for (const T in g) {
|
|
@@ -2350,9 +2350,9 @@ function ll(t, e, n, s) {
|
|
|
2350
2350
|
}
|
|
2351
2351
|
const qi = (t) => (e, n) => {
|
|
2352
2352
|
const s = F(ne), i = F(ee), o = () => al(t, e, s, i);
|
|
2353
|
-
return n ? o() :
|
|
2353
|
+
return n ? o() : Xe(o);
|
|
2354
2354
|
};
|
|
2355
|
-
function
|
|
2355
|
+
function An(t, e, n) {
|
|
2356
2356
|
var o;
|
|
2357
2357
|
const { style: s } = t, i = {};
|
|
2358
2358
|
for (const r in s)
|
|
@@ -2360,11 +2360,11 @@ function Sn(t, e, n) {
|
|
|
2360
2360
|
return i;
|
|
2361
2361
|
}
|
|
2362
2362
|
const cl = /* @__PURE__ */ qi({
|
|
2363
|
-
scrapeMotionValuesFromProps:
|
|
2364
|
-
createRenderState:
|
|
2363
|
+
scrapeMotionValuesFromProps: An,
|
|
2364
|
+
createRenderState: wn
|
|
2365
2365
|
});
|
|
2366
2366
|
function Zi(t, e, n) {
|
|
2367
|
-
const s =
|
|
2367
|
+
const s = An(t, e, n);
|
|
2368
2368
|
for (const i in t)
|
|
2369
2369
|
if (B(t[i]) || B(e[i])) {
|
|
2370
2370
|
const o = St.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
|
|
@@ -2380,7 +2380,7 @@ function mt(t) {
|
|
|
2380
2380
|
return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
|
|
2381
2381
|
}
|
|
2382
2382
|
function fl(t, e, n) {
|
|
2383
|
-
return
|
|
2383
|
+
return Hs(
|
|
2384
2384
|
(s) => {
|
|
2385
2385
|
s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : mt(n) && (n.current = s));
|
|
2386
2386
|
},
|
|
@@ -2392,10 +2392,10 @@ function fl(t, e, n) {
|
|
|
2392
2392
|
[e]
|
|
2393
2393
|
);
|
|
2394
2394
|
}
|
|
2395
|
-
const
|
|
2395
|
+
const Vn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), dl = "framerAppearId", Ji = "data-" + Vn(dl), Qi = Pt({});
|
|
2396
2396
|
function ml(t, e, n, s, i) {
|
|
2397
2397
|
var p, v;
|
|
2398
|
-
const { visualElement: o } = F(ne), r = F(Ki), a = F(ee), l = F(
|
|
2398
|
+
const { visualElement: o } = F(ne), r = F(Ki), a = F(ee), l = F(vn).reducedMotion, u = Q(null);
|
|
2399
2399
|
s = s || r.renderer, !u.current && s && (u.current = s(t, {
|
|
2400
2400
|
visualState: e,
|
|
2401
2401
|
parent: o,
|
|
@@ -2407,13 +2407,13 @@ function ml(t, e, n, s, i) {
|
|
|
2407
2407
|
const c = u.current, h = F(Qi);
|
|
2408
2408
|
c && !c.projection && i && (c.type === "html" || c.type === "svg") && pl(u.current, n, i, h);
|
|
2409
2409
|
const f = Q(!1);
|
|
2410
|
-
|
|
2410
|
+
Gs(() => {
|
|
2411
2411
|
c && f.current && c.update(n, a);
|
|
2412
2412
|
});
|
|
2413
2413
|
const d = n[Ji], m = Q(!!d && !((p = window.MotionHandoffIsComplete) != null && p.call(window, d)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, d)));
|
|
2414
2414
|
return qs(() => {
|
|
2415
2415
|
c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), m.current && c.animationState && c.animationState.animateChanges());
|
|
2416
|
-
}),
|
|
2416
|
+
}), _e(() => {
|
|
2417
2417
|
c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
|
|
2418
2418
|
var g;
|
|
2419
2419
|
(g = window.MotionHandoffMarkAsComplete) == null || g.call(window, d);
|
|
@@ -2447,27 +2447,27 @@ function tr(t) {
|
|
|
2447
2447
|
}
|
|
2448
2448
|
function ue(t, { forwardMotionProps: e = !1 } = {}, n, s) {
|
|
2449
2449
|
n && Ka(n);
|
|
2450
|
-
const i =
|
|
2450
|
+
const i = bn(t) ? ul : cl;
|
|
2451
2451
|
function o(a, l) {
|
|
2452
2452
|
let u;
|
|
2453
2453
|
const c = {
|
|
2454
|
-
...F(
|
|
2454
|
+
...F(vn),
|
|
2455
2455
|
...a,
|
|
2456
2456
|
layoutId: gl(a)
|
|
2457
2457
|
}, { isStatic: h } = c, f = Ha(a), d = i(a, h);
|
|
2458
|
-
if (!h &&
|
|
2458
|
+
if (!h && Ye) {
|
|
2459
2459
|
yl(c, n);
|
|
2460
2460
|
const m = vl(c);
|
|
2461
2461
|
u = m.MeasureLayout, f.visualElement = ml(t, d, c, s, m.ProjectionNode);
|
|
2462
2462
|
}
|
|
2463
|
-
return
|
|
2463
|
+
return We(ne.Provider, { value: f, children: [u && f.visualElement ? N(u, { visualElement: f.visualElement, ...c }) : null, ol(t, a, fl(d, f.visualElement, l), d, h, e)] });
|
|
2464
2464
|
}
|
|
2465
2465
|
o.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
|
|
2466
|
-
const r =
|
|
2466
|
+
const r = Ys(o);
|
|
2467
2467
|
return r[hl] = t, r;
|
|
2468
2468
|
}
|
|
2469
2469
|
function gl({ layoutId: t }) {
|
|
2470
|
-
const e = F(
|
|
2470
|
+
const e = F(He).id;
|
|
2471
2471
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
2472
2472
|
}
|
|
2473
2473
|
function yl(t, e) {
|
|
@@ -2490,7 +2490,7 @@ function vl(t) {
|
|
|
2490
2490
|
function Tl(t, e) {
|
|
2491
2491
|
if (typeof Proxy > "u")
|
|
2492
2492
|
return ue;
|
|
2493
|
-
const n = /* @__PURE__ */ new Map(), s = (o, r) => ue(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" &&
|
|
2493
|
+
const n = /* @__PURE__ */ new Map(), s = (o, r) => ue(o, r, t, e), i = (o, r) => (process.env.NODE_ENV !== "production" && tn(!1, "motion() is deprecated. Use motion.create() instead."), s(o, r));
|
|
2494
2494
|
return new Proxy(i, {
|
|
2495
2495
|
/**
|
|
2496
2496
|
* Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
|
|
@@ -2523,32 +2523,32 @@ function Pl(t, e) {
|
|
|
2523
2523
|
function he(t) {
|
|
2524
2524
|
return t === void 0 || t === 1;
|
|
2525
2525
|
}
|
|
2526
|
-
function
|
|
2526
|
+
function Be({ scale: t, scaleX: e, scaleY: n }) {
|
|
2527
2527
|
return !he(t) || !he(e) || !he(n);
|
|
2528
2528
|
}
|
|
2529
2529
|
function rt(t) {
|
|
2530
|
-
return
|
|
2530
|
+
return Be(t) || nr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
|
|
2531
2531
|
}
|
|
2532
2532
|
function nr(t) {
|
|
2533
|
-
return
|
|
2533
|
+
return ss(t.x) || ss(t.y);
|
|
2534
2534
|
}
|
|
2535
|
-
function
|
|
2535
|
+
function ss(t) {
|
|
2536
2536
|
return t && t !== "0%";
|
|
2537
2537
|
}
|
|
2538
2538
|
function te(t, e, n) {
|
|
2539
2539
|
const s = t - n, i = e * s;
|
|
2540
2540
|
return n + i;
|
|
2541
2541
|
}
|
|
2542
|
-
function
|
|
2542
|
+
function is(t, e, n, s, i) {
|
|
2543
2543
|
return i !== void 0 && (t = te(t, i, s)), te(t, n, s) + e;
|
|
2544
2544
|
}
|
|
2545
|
-
function
|
|
2546
|
-
t.min =
|
|
2545
|
+
function Ie(t, e = 0, n = 1, s, i) {
|
|
2546
|
+
t.min = is(t.min, e, n, s, i), t.max = is(t.max, e, n, s, i);
|
|
2547
2547
|
}
|
|
2548
2548
|
function sr(t, { x: e, y: n }) {
|
|
2549
|
-
|
|
2549
|
+
Ie(t.x, e.translate, e.scale, e.originPoint), Ie(t.y, n.translate, n.scale, n.originPoint);
|
|
2550
2550
|
}
|
|
2551
|
-
const
|
|
2551
|
+
const rs = 0.999999999999, os = 1.0000000000001;
|
|
2552
2552
|
function wl(t, e, n, s = !1) {
|
|
2553
2553
|
const i = n.length;
|
|
2554
2554
|
if (!i)
|
|
@@ -2563,17 +2563,17 @@ function wl(t, e, n, s = !1) {
|
|
|
2563
2563
|
y: -o.scroll.offset.y
|
|
2564
2564
|
}), r && (e.x *= r.x.scale, e.y *= r.y.scale, sr(t, r)), s && rt(o.latestValues) && gt(t, o.latestValues));
|
|
2565
2565
|
}
|
|
2566
|
-
e.x <
|
|
2566
|
+
e.x < os && e.x > rs && (e.x = 1), e.y < os && e.y > rs && (e.y = 1);
|
|
2567
2567
|
}
|
|
2568
2568
|
function pt(t, e) {
|
|
2569
2569
|
t.min = t.min + e, t.max = t.max + e;
|
|
2570
2570
|
}
|
|
2571
|
-
function
|
|
2571
|
+
function as(t, e, n, s, i = 0.5) {
|
|
2572
2572
|
const o = D(t.min, t.max, i);
|
|
2573
|
-
|
|
2573
|
+
Ie(t, e, n, o, s);
|
|
2574
2574
|
}
|
|
2575
2575
|
function gt(t, e) {
|
|
2576
|
-
|
|
2576
|
+
as(t.x, e.x, e.scaleX, e.scale, e.originX), as(t.y, e.y, e.scaleY, e.scale, e.originY);
|
|
2577
2577
|
}
|
|
2578
2578
|
function ir(t, e) {
|
|
2579
2579
|
return er(Pl(t.getBoundingClientRect(), e));
|
|
@@ -2582,25 +2582,25 @@ function bl(t, e, n) {
|
|
|
2582
2582
|
const s = ir(t, n), { scroll: i } = e;
|
|
2583
2583
|
return i && (pt(s.x, i.offset.x), pt(s.y, i.offset.y)), s;
|
|
2584
2584
|
}
|
|
2585
|
-
const
|
|
2585
|
+
const ls = () => ({
|
|
2586
2586
|
translate: 0,
|
|
2587
2587
|
scale: 1,
|
|
2588
2588
|
origin: 0,
|
|
2589
2589
|
originPoint: 0
|
|
2590
2590
|
}), yt = () => ({
|
|
2591
|
-
x: as(),
|
|
2592
|
-
y: as()
|
|
2593
|
-
}), ls = () => ({ min: 0, max: 0 }), M = () => ({
|
|
2594
2591
|
x: ls(),
|
|
2595
2592
|
y: ls()
|
|
2596
|
-
}),
|
|
2593
|
+
}), cs = () => ({ min: 0, max: 0 }), M = () => ({
|
|
2594
|
+
x: cs(),
|
|
2595
|
+
y: cs()
|
|
2596
|
+
}), Oe = { current: null }, rr = { current: !1 };
|
|
2597
2597
|
function Sl() {
|
|
2598
|
-
if (rr.current = !0, !!
|
|
2598
|
+
if (rr.current = !0, !!Ye)
|
|
2599
2599
|
if (window.matchMedia) {
|
|
2600
|
-
const t = window.matchMedia("(prefers-reduced-motion)"), e = () =>
|
|
2600
|
+
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Oe.current = t.matches;
|
|
2601
2601
|
t.addEventListener("change", e), e();
|
|
2602
2602
|
} else
|
|
2603
|
-
|
|
2603
|
+
Oe.current = !1;
|
|
2604
2604
|
}
|
|
2605
2605
|
const Al = /* @__PURE__ */ new WeakMap();
|
|
2606
2606
|
function Vl(t, e, n) {
|
|
@@ -2623,7 +2623,7 @@ function Vl(t, e, n) {
|
|
|
2623
2623
|
e[s] === void 0 && t.removeValue(s);
|
|
2624
2624
|
return e;
|
|
2625
2625
|
}
|
|
2626
|
-
const
|
|
2626
|
+
const us = [
|
|
2627
2627
|
"AnimationStart",
|
|
2628
2628
|
"AnimationComplete",
|
|
2629
2629
|
"Update",
|
|
@@ -2644,7 +2644,7 @@ class Cl {
|
|
|
2644
2644
|
return {};
|
|
2645
2645
|
}
|
|
2646
2646
|
constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: o, visualState: r }, a = {}) {
|
|
2647
|
-
this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver =
|
|
2647
|
+
this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = dn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
|
|
2648
2648
|
this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
|
|
2649
2649
|
}, this.renderScheduledAt = 0, this.scheduleRender = () => {
|
|
2650
2650
|
const f = j.now();
|
|
@@ -2660,7 +2660,7 @@ class Cl {
|
|
|
2660
2660
|
}
|
|
2661
2661
|
mount(e) {
|
|
2662
2662
|
var n;
|
|
2663
|
-
this.current = e, Al.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((s, i) => this.bindToMotionValue(i, s)), rr.current || Sl(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 :
|
|
2663
|
+
this.current = e, Al.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((s, i) => this.bindToMotionValue(i, s)), rr.current || Sl(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Oe.current, process.env.NODE_ENV !== "production" && tn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
|
|
2664
2664
|
}
|
|
2665
2665
|
unmount() {
|
|
2666
2666
|
var e;
|
|
@@ -2730,8 +2730,8 @@ class Cl {
|
|
|
2730
2730
|
*/
|
|
2731
2731
|
update(e, n) {
|
|
2732
2732
|
(e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
|
|
2733
|
-
for (let s = 0; s <
|
|
2734
|
-
const i =
|
|
2733
|
+
for (let s = 0; s < us.length; s++) {
|
|
2734
|
+
const i = us[s];
|
|
2735
2735
|
this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
|
|
2736
2736
|
const o = "on" + i, r = e[o];
|
|
2737
2737
|
r && (this.propEventSubscriptions[i] = this.on(i, r));
|
|
@@ -2819,7 +2819,7 @@ class Cl {
|
|
|
2819
2819
|
const { initial: n } = this.props;
|
|
2820
2820
|
let s;
|
|
2821
2821
|
if (typeof n == "string" || typeof n == "object") {
|
|
2822
|
-
const r =
|
|
2822
|
+
const r = Sn(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
|
|
2823
2823
|
r && (s = r[e]);
|
|
2824
2824
|
}
|
|
2825
2825
|
if (n && s !== void 0)
|
|
@@ -2828,13 +2828,13 @@ class Cl {
|
|
|
2828
2828
|
return i !== void 0 && !B(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
|
|
2829
2829
|
}
|
|
2830
2830
|
on(e, n) {
|
|
2831
|
-
return this.events[e] || (this.events[e] = new
|
|
2831
|
+
return this.events[e] || (this.events[e] = new Qe()), this.events[e].add(n);
|
|
2832
2832
|
}
|
|
2833
2833
|
notify(e, ...n) {
|
|
2834
2834
|
this.events[e] && this.events[e].notify(...n);
|
|
2835
2835
|
}
|
|
2836
2836
|
scheduleRenderMicrotask() {
|
|
2837
|
-
|
|
2837
|
+
gn.render(this.render);
|
|
2838
2838
|
}
|
|
2839
2839
|
}
|
|
2840
2840
|
class or extends Cl {
|
|
@@ -2877,9 +2877,9 @@ class Ml extends or {
|
|
|
2877
2877
|
readValueFromInstance(e, n) {
|
|
2878
2878
|
var s;
|
|
2879
2879
|
if (At.has(n))
|
|
2880
|
-
return (s = this.projection) != null && s.isProjecting ?
|
|
2880
|
+
return (s = this.projection) != null && s.isProjecting ? De(n) : Ko(e, n);
|
|
2881
2881
|
{
|
|
2882
|
-
const i = Dl(e), o = (
|
|
2882
|
+
const i = Dl(e), o = (sn(n) ? i.getPropertyValue(n) : i[n]) || 0;
|
|
2883
2883
|
return typeof o == "string" ? o.trim() : o;
|
|
2884
2884
|
}
|
|
2885
2885
|
}
|
|
@@ -2887,10 +2887,10 @@ class Ml extends or {
|
|
|
2887
2887
|
return ir(e, n);
|
|
2888
2888
|
}
|
|
2889
2889
|
build(e, n, s) {
|
|
2890
|
-
|
|
2890
|
+
Pn(e, n, s.transformTemplate);
|
|
2891
2891
|
}
|
|
2892
2892
|
scrapeMotionValuesFromProps(e, n, s) {
|
|
2893
|
-
return
|
|
2893
|
+
return An(e, n, s);
|
|
2894
2894
|
}
|
|
2895
2895
|
}
|
|
2896
2896
|
const lr = /* @__PURE__ */ new Set([
|
|
@@ -2921,7 +2921,7 @@ const lr = /* @__PURE__ */ new Set([
|
|
|
2921
2921
|
function El(t, e, n, s) {
|
|
2922
2922
|
ar(t, e, void 0, s);
|
|
2923
2923
|
for (const i in e.attrs)
|
|
2924
|
-
t.setAttribute(lr.has(i) ? i :
|
|
2924
|
+
t.setAttribute(lr.has(i) ? i : Vn(i), e.attrs[i]);
|
|
2925
2925
|
}
|
|
2926
2926
|
class Rl extends or {
|
|
2927
2927
|
constructor() {
|
|
@@ -2935,7 +2935,7 @@ class Rl extends or {
|
|
|
2935
2935
|
const s = ki(n);
|
|
2936
2936
|
return s && s.default || 0;
|
|
2937
2937
|
}
|
|
2938
|
-
return n = lr.has(n) ? n :
|
|
2938
|
+
return n = lr.has(n) ? n : Vn(n), e.getAttribute(n);
|
|
2939
2939
|
}
|
|
2940
2940
|
scrapeMotionValuesFromProps(e, n, s) {
|
|
2941
2941
|
return Zi(e, n, s);
|
|
@@ -2950,19 +2950,19 @@ class Rl extends or {
|
|
|
2950
2950
|
this.isSVGTag = Yi(e.tagName), super.mount(e);
|
|
2951
2951
|
}
|
|
2952
2952
|
}
|
|
2953
|
-
const Ll = (t, e) =>
|
|
2954
|
-
allowProjection: t !==
|
|
2953
|
+
const Ll = (t, e) => bn(t) ? new Rl(e) : new Ml(e, {
|
|
2954
|
+
allowProjection: t !== Xs
|
|
2955
2955
|
});
|
|
2956
2956
|
function vt(t, e, n) {
|
|
2957
2957
|
const s = t.getProps();
|
|
2958
|
-
return
|
|
2958
|
+
return Sn(s, e, n !== void 0 ? n : s.custom, t);
|
|
2959
2959
|
}
|
|
2960
|
-
const
|
|
2960
|
+
const je = (t) => Array.isArray(t);
|
|
2961
2961
|
function kl(t, e, n) {
|
|
2962
2962
|
t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Tt(n));
|
|
2963
2963
|
}
|
|
2964
2964
|
function Fl(t) {
|
|
2965
|
-
return
|
|
2965
|
+
return je(t) ? t[t.length - 1] || 0 : t;
|
|
2966
2966
|
}
|
|
2967
2967
|
function Bl(t, e) {
|
|
2968
2968
|
const n = vt(t, e);
|
|
@@ -2976,7 +2976,7 @@ function Bl(t, e) {
|
|
|
2976
2976
|
function Il(t) {
|
|
2977
2977
|
return !!(B(t) && t.add);
|
|
2978
2978
|
}
|
|
2979
|
-
function
|
|
2979
|
+
function Ne(t, e) {
|
|
2980
2980
|
const n = t.getValue("willChange");
|
|
2981
2981
|
if (Il(n))
|
|
2982
2982
|
return n.add(e);
|
|
@@ -3014,8 +3014,8 @@ const Nl = {
|
|
|
3014
3014
|
function zl({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: u, ...c }) {
|
|
3015
3015
|
return !!Object.keys(c).length;
|
|
3016
3016
|
}
|
|
3017
|
-
const
|
|
3018
|
-
const a =
|
|
3017
|
+
const Cn = (t, e, n, s = {}, i, o) => (r) => {
|
|
3018
|
+
const a = mn(s, t) || {}, l = a.delay || s.delay || 0;
|
|
3019
3019
|
let { elapsed: u = 0 } = s;
|
|
3020
3020
|
u = u - /* @__PURE__ */ _(l);
|
|
3021
3021
|
const c = {
|
|
@@ -3036,7 +3036,7 @@ const Vn = (t, e, n, s = {}, i, o) => (r) => {
|
|
|
3036
3036
|
};
|
|
3037
3037
|
zl(a) || Object.assign(c, Wl(t, c)), c.duration && (c.duration = /* @__PURE__ */ _(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ _(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
|
|
3038
3038
|
let h = !1;
|
|
3039
|
-
if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (
|
|
3039
|
+
if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (ke(c), c.delay === 0 && (h = !0)), (q.instantAnimations || q.skipAnimations) && (h = !0, ke(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
|
|
3040
3040
|
const f = jl(c.keyframes, a);
|
|
3041
3041
|
if (f !== void 0) {
|
|
3042
3042
|
V.update(() => {
|
|
@@ -3045,7 +3045,7 @@ const Vn = (t, e, n, s = {}, i, o) => (r) => {
|
|
|
3045
3045
|
return;
|
|
3046
3046
|
}
|
|
3047
3047
|
}
|
|
3048
|
-
return a.isSync ? new
|
|
3048
|
+
return a.isSync ? new fn(c) : new ha(c);
|
|
3049
3049
|
};
|
|
3050
3050
|
function _l({ protectedKeys: t, needsAnimating: e }, n) {
|
|
3051
3051
|
const s = t.hasOwnProperty(n) && e[n] !== !0;
|
|
@@ -3061,7 +3061,7 @@ function ur(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
|
|
|
3061
3061
|
continue;
|
|
3062
3062
|
const d = {
|
|
3063
3063
|
delay: n,
|
|
3064
|
-
...
|
|
3064
|
+
...mn(o || {}, c)
|
|
3065
3065
|
}, m = h.get();
|
|
3066
3066
|
if (m !== void 0 && !h.isAnimating && !Array.isArray(f) && f === m && !d.velocity)
|
|
3067
3067
|
continue;
|
|
@@ -3073,7 +3073,7 @@ function ur(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
|
|
|
3073
3073
|
T !== null && (d.startTime = T, p = !0);
|
|
3074
3074
|
}
|
|
3075
3075
|
}
|
|
3076
|
-
|
|
3076
|
+
Ne(t, c), h.start(Cn(c, h, f, t.shouldReduceMotion && Ei.has(c) ? { type: !1 } : d, t, p));
|
|
3077
3077
|
const v = h.animation;
|
|
3078
3078
|
v && l.push(v);
|
|
3079
3079
|
}
|
|
@@ -3087,7 +3087,7 @@ function hr(t, e, n, s = 0, i = 1) {
|
|
|
3087
3087
|
const o = Array.from(t).sort((u, c) => u.sortNodePosition(c)).indexOf(e), r = t.size, a = (r - 1) * s;
|
|
3088
3088
|
return typeof n == "function" ? n(o, r) : i === 1 ? o * s : a - o * s;
|
|
3089
3089
|
}
|
|
3090
|
-
function
|
|
3090
|
+
function Ue(t, e, n = {}) {
|
|
3091
3091
|
var l;
|
|
3092
3092
|
const s = vt(t, e, n.type === "exit" ? (l = t.presenceContext) == null ? void 0 : l.custom : void 0);
|
|
3093
3093
|
let { transition: i = t.getDefaultTransition() || {} } = s || {};
|
|
@@ -3105,7 +3105,7 @@ function Ne(t, e, n = {}) {
|
|
|
3105
3105
|
function Gl(t, e, n = 0, s = 0, i = 0, o = 1, r) {
|
|
3106
3106
|
const a = [];
|
|
3107
3107
|
for (const l of t.variantChildren)
|
|
3108
|
-
l.notify("AnimationStart", e), a.push(
|
|
3108
|
+
l.notify("AnimationStart", e), a.push(Ue(l, e, {
|
|
3109
3109
|
...r,
|
|
3110
3110
|
delay: n + (typeof s == "function" ? 0 : s) + hr(t.variantChildren, l, s, i, o)
|
|
3111
3111
|
}).then(() => l.notify("AnimationComplete", e)));
|
|
@@ -3115,10 +3115,10 @@ function Hl(t, e, n = {}) {
|
|
|
3115
3115
|
t.notify("AnimationStart", e);
|
|
3116
3116
|
let s;
|
|
3117
3117
|
if (Array.isArray(e)) {
|
|
3118
|
-
const i = e.map((o) =>
|
|
3118
|
+
const i = e.map((o) => Ue(t, o, n));
|
|
3119
3119
|
s = Promise.all(i);
|
|
3120
3120
|
} else if (typeof e == "string")
|
|
3121
|
-
s =
|
|
3121
|
+
s = Ue(t, e, n);
|
|
3122
3122
|
else {
|
|
3123
3123
|
const i = typeof e == "function" ? vt(t, e, n.custom) : e;
|
|
3124
3124
|
s = Promise.all(ur(t, i, n));
|
|
@@ -3138,7 +3138,7 @@ function fr(t, e) {
|
|
|
3138
3138
|
return !1;
|
|
3139
3139
|
return !0;
|
|
3140
3140
|
}
|
|
3141
|
-
const Xl =
|
|
3141
|
+
const Xl = xn.length;
|
|
3142
3142
|
function dr(t) {
|
|
3143
3143
|
if (!t)
|
|
3144
3144
|
return;
|
|
@@ -3148,17 +3148,17 @@ function dr(t) {
|
|
|
3148
3148
|
}
|
|
3149
3149
|
const e = {};
|
|
3150
3150
|
for (let n = 0; n < Xl; n++) {
|
|
3151
|
-
const s =
|
|
3151
|
+
const s = xn[n], i = t.props[s];
|
|
3152
3152
|
(Bt(i) || i === !1) && (e[s] = i);
|
|
3153
3153
|
}
|
|
3154
3154
|
return e;
|
|
3155
3155
|
}
|
|
3156
|
-
const Yl = [...
|
|
3156
|
+
const Yl = [...Tn].reverse(), ql = Tn.length;
|
|
3157
3157
|
function Zl(t) {
|
|
3158
3158
|
return (e) => Promise.all(e.map(({ animation: n, options: s }) => Hl(t, n, s)));
|
|
3159
3159
|
}
|
|
3160
3160
|
function Jl(t) {
|
|
3161
|
-
let e = Zl(t), n =
|
|
3161
|
+
let e = Zl(t), n = hs(), s = !0;
|
|
3162
3162
|
const i = (l) => (u, c) => {
|
|
3163
3163
|
var f;
|
|
3164
3164
|
const h = vt(t, c, l === "exit" ? (f = t.presenceContext) == null ? void 0 : f.custom : void 0);
|
|
@@ -3190,26 +3190,26 @@ function Jl(t) {
|
|
|
3190
3190
|
const I = Array.isArray(y) ? y : [y];
|
|
3191
3191
|
let Z = I.reduce(i(g), {});
|
|
3192
3192
|
x === !1 && (Z = {});
|
|
3193
|
-
const { prevResolvedValues:
|
|
3194
|
-
...
|
|
3193
|
+
const { prevResolvedValues: Dn = {} } = T, Dr = {
|
|
3194
|
+
...Dn,
|
|
3195
3195
|
...Z
|
|
3196
|
-
},
|
|
3196
|
+
}, Mn = (L) => {
|
|
3197
3197
|
w = !0, f.has(L) && (R = !0, f.delete(L)), T.needsAnimating[L] = !0;
|
|
3198
3198
|
const U = t.getValue(L);
|
|
3199
3199
|
U && (U.liveStyle = !1);
|
|
3200
3200
|
};
|
|
3201
3201
|
for (const L in Dr) {
|
|
3202
|
-
const U = Z[L], st =
|
|
3202
|
+
const U = Z[L], st = Dn[L];
|
|
3203
3203
|
if (d.hasOwnProperty(L))
|
|
3204
3204
|
continue;
|
|
3205
3205
|
let ht = !1;
|
|
3206
|
-
|
|
3206
|
+
je(U) && je(st) ? ht = !fr(U, st) : ht = U !== st, ht ? U != null ? Mn(L) : f.add(L) : U !== void 0 && f.has(L) ? Mn(L) : T.protectedKeys[L] = !0;
|
|
3207
3207
|
}
|
|
3208
3208
|
T.prevProp = y, T.prevResolvedValues = Z, T.isActive && (d = { ...d, ...Z }), s && t.blockInitialAnimation && (w = !1);
|
|
3209
|
-
const
|
|
3210
|
-
w && (!
|
|
3209
|
+
const En = S && A;
|
|
3210
|
+
w && (!En || R) && h.push(...I.map((L) => {
|
|
3211
3211
|
const U = { type: g };
|
|
3212
|
-
if (typeof L == "string" && s && !
|
|
3212
|
+
if (typeof L == "string" && s && !En && t.manuallyAnimateOnMount && t.parent) {
|
|
3213
3213
|
const { parent: st } = t, ht = vt(st, L);
|
|
3214
3214
|
if (st.enteringChildren && ht) {
|
|
3215
3215
|
const { delayChildren: Mr } = ht.transition || {};
|
|
@@ -3255,7 +3255,7 @@ function Jl(t) {
|
|
|
3255
3255
|
setAnimateFunction: o,
|
|
3256
3256
|
getState: () => n,
|
|
3257
3257
|
reset: () => {
|
|
3258
|
-
n =
|
|
3258
|
+
n = hs(), s = !0;
|
|
3259
3259
|
}
|
|
3260
3260
|
};
|
|
3261
3261
|
}
|
|
@@ -3270,7 +3270,7 @@ function it(t = !1) {
|
|
|
3270
3270
|
prevResolvedValues: {}
|
|
3271
3271
|
};
|
|
3272
3272
|
}
|
|
3273
|
-
function
|
|
3273
|
+
function hs() {
|
|
3274
3274
|
return {
|
|
3275
3275
|
animate: it(!0),
|
|
3276
3276
|
whileInView: it(),
|
|
@@ -3358,7 +3358,7 @@ function $t(t) {
|
|
|
3358
3358
|
}
|
|
3359
3359
|
};
|
|
3360
3360
|
}
|
|
3361
|
-
const ic = (t) => (e) =>
|
|
3361
|
+
const ic = (t) => (e) => yn(e) && t(e, $t(e));
|
|
3362
3362
|
function Mt(t, e, n, s) {
|
|
3363
3363
|
return Ot(t, e, ic(n), s);
|
|
3364
3364
|
}
|
|
@@ -3369,30 +3369,30 @@ function O(t) {
|
|
|
3369
3369
|
function cc(t, e, n) {
|
|
3370
3370
|
return Math.abs(t - e) <= n;
|
|
3371
3371
|
}
|
|
3372
|
-
function
|
|
3372
|
+
function fs(t, e, n, s = 0.5) {
|
|
3373
3373
|
t.origin = s, t.originPoint = D(e.min, e.max, t.origin), t.scale = O(n) / O(e), t.translate = D(n.min, n.max, t.origin) - t.originPoint, (t.scale >= rc && t.scale <= oc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= ac && t.translate <= lc || isNaN(t.translate)) && (t.translate = 0);
|
|
3374
3374
|
}
|
|
3375
3375
|
function Et(t, e, n, s) {
|
|
3376
|
-
|
|
3376
|
+
fs(t.x, e.x, n.x, s ? s.originX : void 0), fs(t.y, e.y, n.y, s ? s.originY : void 0);
|
|
3377
3377
|
}
|
|
3378
|
-
function
|
|
3378
|
+
function ds(t, e, n) {
|
|
3379
3379
|
t.min = n.min + e.min, t.max = t.min + O(e);
|
|
3380
3380
|
}
|
|
3381
3381
|
function uc(t, e, n) {
|
|
3382
|
-
|
|
3382
|
+
ds(t.x, e.x, n.x), ds(t.y, e.y, n.y);
|
|
3383
3383
|
}
|
|
3384
|
-
function
|
|
3384
|
+
function ms(t, e, n) {
|
|
3385
3385
|
t.min = e.min - n.min, t.max = t.min + O(e);
|
|
3386
3386
|
}
|
|
3387
3387
|
function Rt(t, e, n) {
|
|
3388
|
-
|
|
3388
|
+
ms(t.x, e.x, n.x), ms(t.y, e.y, n.y);
|
|
3389
3389
|
}
|
|
3390
3390
|
function K(t) {
|
|
3391
3391
|
return [t("x"), t("y")];
|
|
3392
3392
|
}
|
|
3393
|
-
const gr = ({ current: t }) => t ? t.ownerDocument.defaultView : null,
|
|
3393
|
+
const gr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, ps = (t, e) => Math.abs(t - e);
|
|
3394
3394
|
function hc(t, e) {
|
|
3395
|
-
const n =
|
|
3395
|
+
const n = ps(t.x, e.x), s = ps(t.y, e.y);
|
|
3396
3396
|
return Math.sqrt(n ** 2 + s ** 2);
|
|
3397
3397
|
}
|
|
3398
3398
|
class yr {
|
|
@@ -3416,7 +3416,7 @@ class yr {
|
|
|
3416
3416
|
return;
|
|
3417
3417
|
const g = de(f.type === "pointercancel" ? this.lastMoveEventInfo : fe(d, this.transformPagePoint), this.history);
|
|
3418
3418
|
this.startEvent && m && m(f, g), p && p(f, g);
|
|
3419
|
-
}, !
|
|
3419
|
+
}, !yn(e))
|
|
3420
3420
|
return;
|
|
3421
3421
|
this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = r, this.contextWindow = i || window;
|
|
3422
3422
|
const a = $t(e), l = fe(a, this.transformPagePoint), { point: u } = l, { timestamp: c } = k;
|
|
@@ -3434,14 +3434,14 @@ class yr {
|
|
|
3434
3434
|
function fe(t, e) {
|
|
3435
3435
|
return e ? { point: e(t.point) } : t;
|
|
3436
3436
|
}
|
|
3437
|
-
function
|
|
3437
|
+
function gs(t, e) {
|
|
3438
3438
|
return { x: t.x - e.x, y: t.y - e.y };
|
|
3439
3439
|
}
|
|
3440
3440
|
function de({ point: t }, e) {
|
|
3441
3441
|
return {
|
|
3442
3442
|
point: t,
|
|
3443
|
-
delta:
|
|
3444
|
-
offset:
|
|
3443
|
+
delta: gs(t, vr(e)),
|
|
3444
|
+
offset: gs(t, fc(e)),
|
|
3445
3445
|
velocity: dc(e, 0.1)
|
|
3446
3446
|
};
|
|
3447
3447
|
}
|
|
@@ -3472,7 +3472,7 @@ function dc(t, e) {
|
|
|
3472
3472
|
function mc(t, { min: e, max: n }, s) {
|
|
3473
3473
|
return e !== void 0 && t < e ? t = s ? D(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? D(n, t, s.max) : Math.min(t, n)), t;
|
|
3474
3474
|
}
|
|
3475
|
-
function
|
|
3475
|
+
function ys(t, e, n) {
|
|
3476
3476
|
return {
|
|
3477
3477
|
min: e !== void 0 ? t.min + e : void 0,
|
|
3478
3478
|
max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
|
|
@@ -3480,18 +3480,18 @@ function gs(t, e, n) {
|
|
|
3480
3480
|
}
|
|
3481
3481
|
function pc(t, { top: e, left: n, bottom: s, right: i }) {
|
|
3482
3482
|
return {
|
|
3483
|
-
x:
|
|
3484
|
-
y:
|
|
3483
|
+
x: ys(t.x, n, i),
|
|
3484
|
+
y: ys(t.y, e, s)
|
|
3485
3485
|
};
|
|
3486
3486
|
}
|
|
3487
|
-
function
|
|
3487
|
+
function vs(t, e) {
|
|
3488
3488
|
let n = e.min - t.min, s = e.max - t.max;
|
|
3489
3489
|
return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
|
|
3490
3490
|
}
|
|
3491
3491
|
function gc(t, e) {
|
|
3492
3492
|
return {
|
|
3493
|
-
x:
|
|
3494
|
-
y:
|
|
3493
|
+
x: vs(t.x, e.x),
|
|
3494
|
+
y: vs(t.y, e.y)
|
|
3495
3495
|
};
|
|
3496
3496
|
}
|
|
3497
3497
|
function yc(t, e) {
|
|
@@ -3503,20 +3503,20 @@ function vc(t, e) {
|
|
|
3503
3503
|
const n = {};
|
|
3504
3504
|
return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
|
|
3505
3505
|
}
|
|
3506
|
-
const
|
|
3507
|
-
function Tc(t =
|
|
3508
|
-
return t === !1 ? t = 0 : t === !0 && (t =
|
|
3509
|
-
x:
|
|
3510
|
-
y:
|
|
3506
|
+
const $e = 0.35;
|
|
3507
|
+
function Tc(t = $e) {
|
|
3508
|
+
return t === !1 ? t = 0 : t === !0 && (t = $e), {
|
|
3509
|
+
x: Ts(t, "left", "right"),
|
|
3510
|
+
y: Ts(t, "top", "bottom")
|
|
3511
3511
|
};
|
|
3512
3512
|
}
|
|
3513
|
-
function
|
|
3513
|
+
function Ts(t, e, n) {
|
|
3514
3514
|
return {
|
|
3515
|
-
min:
|
|
3516
|
-
max:
|
|
3515
|
+
min: xs(t, e),
|
|
3516
|
+
max: xs(t, n)
|
|
3517
3517
|
};
|
|
3518
3518
|
}
|
|
3519
|
-
function
|
|
3519
|
+
function xs(t, e) {
|
|
3520
3520
|
return typeof t == "number" ? t : t[e] || 0;
|
|
3521
3521
|
}
|
|
3522
3522
|
const xc = /* @__PURE__ */ new WeakMap();
|
|
@@ -3545,7 +3545,7 @@ class Pc {
|
|
|
3545
3545
|
}
|
|
3546
3546
|
}
|
|
3547
3547
|
this.originPoint[g] = T;
|
|
3548
|
-
}), p && V.postRender(() => p(h, f)),
|
|
3548
|
+
}), p && V.postRender(() => p(h, f)), Ne(this.visualElement, "transform");
|
|
3549
3549
|
const { animationState: v } = this.visualElement;
|
|
3550
3550
|
v && v.setActive("whileDrag", !0);
|
|
3551
3551
|
}, a = (h, f) => {
|
|
@@ -3655,7 +3655,7 @@ class Pc {
|
|
|
3655
3655
|
}
|
|
3656
3656
|
startAxisValueAnimation(e, n) {
|
|
3657
3657
|
const s = this.getAxisMotionValue(e);
|
|
3658
|
-
return
|
|
3658
|
+
return Ne(this.visualElement, e), s.start(Cn(e, s, 0, n, this.visualElement, !1));
|
|
3659
3659
|
}
|
|
3660
3660
|
stopAnimation() {
|
|
3661
3661
|
K((e) => this.getAxisMotionValue(e).stop());
|
|
@@ -3743,7 +3743,7 @@ class Pc {
|
|
|
3743
3743
|
};
|
|
3744
3744
|
}
|
|
3745
3745
|
getProps() {
|
|
3746
|
-
const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r =
|
|
3746
|
+
const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: o = !1, dragElastic: r = $e, dragMomentum: a = !0 } = e;
|
|
3747
3747
|
return {
|
|
3748
3748
|
...e,
|
|
3749
3749
|
drag: n,
|
|
@@ -3774,7 +3774,7 @@ class bc extends nt {
|
|
|
3774
3774
|
this.removeGroupControls(), this.removeListeners();
|
|
3775
3775
|
}
|
|
3776
3776
|
}
|
|
3777
|
-
const
|
|
3777
|
+
const Ps = (t) => (e, n) => {
|
|
3778
3778
|
t && V.postRender(() => t(e, n));
|
|
3779
3779
|
};
|
|
3780
3780
|
class Sc extends nt {
|
|
@@ -3790,8 +3790,8 @@ class Sc extends nt {
|
|
|
3790
3790
|
createPanHandlers() {
|
|
3791
3791
|
const { onPanSessionStart: e, onPanStart: n, onPan: s, onPanEnd: i } = this.node.getProps();
|
|
3792
3792
|
return {
|
|
3793
|
-
onSessionStart:
|
|
3794
|
-
onStart:
|
|
3793
|
+
onSessionStart: Ps(e),
|
|
3794
|
+
onStart: Ps(n),
|
|
3795
3795
|
onMove: s,
|
|
3796
3796
|
onEnd: (o, r) => {
|
|
3797
3797
|
delete this.session, i && V.postRender(() => i(o, r));
|
|
@@ -3820,7 +3820,7 @@ const Yt = {
|
|
|
3820
3820
|
*/
|
|
3821
3821
|
hasEverUpdated: !1
|
|
3822
3822
|
};
|
|
3823
|
-
function
|
|
3823
|
+
function ws(t, e) {
|
|
3824
3824
|
return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
|
|
3825
3825
|
}
|
|
3826
3826
|
const Vt = {
|
|
@@ -3832,7 +3832,7 @@ const Vt = {
|
|
|
3832
3832
|
t = parseFloat(t);
|
|
3833
3833
|
else
|
|
3834
3834
|
return t;
|
|
3835
|
-
const n =
|
|
3835
|
+
const n = ws(t, e.target.x), s = ws(t, e.target.y);
|
|
3836
3836
|
return `${n}% ${s}%`;
|
|
3837
3837
|
}
|
|
3838
3838
|
}, Ac = {
|
|
@@ -3871,7 +3871,7 @@ class Vc extends Br {
|
|
|
3871
3871
|
}
|
|
3872
3872
|
componentDidUpdate() {
|
|
3873
3873
|
const { projection: e } = this.props.visualElement;
|
|
3874
|
-
e && (e.root.didUpdate(),
|
|
3874
|
+
e && (e.root.didUpdate(), gn.postRender(() => {
|
|
3875
3875
|
!e.currentAnimation && e.isLead() && this.safeToRemove();
|
|
3876
3876
|
}));
|
|
3877
3877
|
}
|
|
@@ -3888,7 +3888,7 @@ class Vc extends Br {
|
|
|
3888
3888
|
}
|
|
3889
3889
|
}
|
|
3890
3890
|
function Tr(t) {
|
|
3891
|
-
const [e, n] = $i(), s = F(
|
|
3891
|
+
const [e, n] = $i(), s = F(He);
|
|
3892
3892
|
return N(Vc, { ...t, layoutGroup: s, switchLayoutGroup: F(Qi), isPresent: e, safeToRemove: n });
|
|
3893
3893
|
}
|
|
3894
3894
|
const Cc = {
|
|
@@ -3909,7 +3909,7 @@ const Cc = {
|
|
|
3909
3909
|
};
|
|
3910
3910
|
function Dc(t, e, n) {
|
|
3911
3911
|
const s = B(t) ? t : Tt(t);
|
|
3912
|
-
return s.start(
|
|
3912
|
+
return s.start(Cn("", s, e, n)), s.animation;
|
|
3913
3913
|
}
|
|
3914
3914
|
const Mc = (t, e) => t.depth - e.depth;
|
|
3915
3915
|
class Ec {
|
|
@@ -3917,10 +3917,10 @@ class Ec {
|
|
|
3917
3917
|
this.children = [], this.isDirty = !1;
|
|
3918
3918
|
}
|
|
3919
3919
|
add(e) {
|
|
3920
|
-
|
|
3920
|
+
qe(this.children, e), this.isDirty = !0;
|
|
3921
3921
|
}
|
|
3922
3922
|
remove(e) {
|
|
3923
|
-
|
|
3923
|
+
Ze(this.children, e), this.isDirty = !0;
|
|
3924
3924
|
}
|
|
3925
3925
|
forEach(e) {
|
|
3926
3926
|
this.isDirty && this.children.sort(Mc), this.isDirty = !1, this.children.forEach(e);
|
|
@@ -3933,72 +3933,72 @@ function Rc(t, e) {
|
|
|
3933
3933
|
};
|
|
3934
3934
|
return V.setup(s, !0), () => tt(s);
|
|
3935
3935
|
}
|
|
3936
|
-
const xr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Lc = xr.length,
|
|
3936
|
+
const xr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Lc = xr.length, bs = (t) => typeof t == "string" ? parseFloat(t) : t, Ss = (t) => typeof t == "number" || P.test(t);
|
|
3937
3937
|
function kc(t, e, n, s, i, o) {
|
|
3938
3938
|
i ? (t.opacity = D(0, n.opacity ?? 1, Fc(s)), t.opacityExit = D(e.opacity ?? 1, 0, Bc(s))) : o && (t.opacity = D(e.opacity ?? 1, n.opacity ?? 1, s));
|
|
3939
3939
|
for (let r = 0; r < Lc; r++) {
|
|
3940
3940
|
const a = `border${xr[r]}Radius`;
|
|
3941
|
-
let l =
|
|
3941
|
+
let l = As(e, a), u = As(n, a);
|
|
3942
3942
|
if (l === void 0 && u === void 0)
|
|
3943
3943
|
continue;
|
|
3944
|
-
l || (l = 0), u || (u = 0), l === 0 || u === 0 ||
|
|
3944
|
+
l || (l = 0), u || (u = 0), l === 0 || u === 0 || Ss(l) === Ss(u) ? (t[a] = Math.max(D(bs(l), bs(u), s), 0), (H.test(u) || H.test(l)) && (t[a] += "%")) : t[a] = u;
|
|
3945
3945
|
}
|
|
3946
3946
|
(e.rotate || n.rotate) && (t.rotate = D(e.rotate || 0, n.rotate || 0, s));
|
|
3947
3947
|
}
|
|
3948
|
-
function
|
|
3948
|
+
function As(t, e) {
|
|
3949
3949
|
return t[e] !== void 0 ? t[e] : t.borderRadius;
|
|
3950
3950
|
}
|
|
3951
3951
|
const Fc = /* @__PURE__ */ Pr(0, 0.5, ai), Bc = /* @__PURE__ */ Pr(0.5, 0.95, W);
|
|
3952
3952
|
function Pr(t, e, n) {
|
|
3953
3953
|
return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ Lt(t, e, s));
|
|
3954
3954
|
}
|
|
3955
|
-
function
|
|
3955
|
+
function Vs(t, e) {
|
|
3956
3956
|
t.min = e.min, t.max = e.max;
|
|
3957
3957
|
}
|
|
3958
3958
|
function $(t, e) {
|
|
3959
|
-
|
|
3959
|
+
Vs(t.x, e.x), Vs(t.y, e.y);
|
|
3960
3960
|
}
|
|
3961
|
-
function
|
|
3961
|
+
function Cs(t, e) {
|
|
3962
3962
|
t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
|
|
3963
3963
|
}
|
|
3964
|
-
function
|
|
3964
|
+
function Ds(t, e, n, s, i) {
|
|
3965
3965
|
return t -= e, t = te(t, 1 / n, s), i !== void 0 && (t = te(t, 1 / i, s)), t;
|
|
3966
3966
|
}
|
|
3967
3967
|
function Ic(t, e = 0, n = 1, s = 0.5, i, o = t, r = t) {
|
|
3968
3968
|
if (H.test(e) && (e = parseFloat(e), e = D(r.min, r.max, e / 100) - r.min), typeof e != "number")
|
|
3969
3969
|
return;
|
|
3970
3970
|
let a = D(o.min, o.max, s);
|
|
3971
|
-
t === o && (a -= e), t.min =
|
|
3971
|
+
t === o && (a -= e), t.min = Ds(t.min, e, n, a, i), t.max = Ds(t.max, e, n, a, i);
|
|
3972
3972
|
}
|
|
3973
|
-
function
|
|
3973
|
+
function Ms(t, e, [n, s, i], o, r) {
|
|
3974
3974
|
Ic(t, e[n], e[s], e[i], e.scale, o, r);
|
|
3975
3975
|
}
|
|
3976
3976
|
const Oc = ["x", "scaleX", "originX"], jc = ["y", "scaleY", "originY"];
|
|
3977
|
-
function
|
|
3978
|
-
|
|
3977
|
+
function Es(t, e, n, s) {
|
|
3978
|
+
Ms(t.x, e, Oc, n ? n.x : void 0, s ? s.x : void 0), Ms(t.y, e, jc, n ? n.y : void 0, s ? s.y : void 0);
|
|
3979
3979
|
}
|
|
3980
|
-
function
|
|
3980
|
+
function Rs(t) {
|
|
3981
3981
|
return t.translate === 0 && t.scale === 1;
|
|
3982
3982
|
}
|
|
3983
3983
|
function wr(t) {
|
|
3984
|
-
return
|
|
3984
|
+
return Rs(t.x) && Rs(t.y);
|
|
3985
3985
|
}
|
|
3986
|
-
function
|
|
3986
|
+
function Ls(t, e) {
|
|
3987
3987
|
return t.min === e.min && t.max === e.max;
|
|
3988
3988
|
}
|
|
3989
3989
|
function Nc(t, e) {
|
|
3990
|
-
return
|
|
3990
|
+
return Ls(t.x, e.x) && Ls(t.y, e.y);
|
|
3991
3991
|
}
|
|
3992
|
-
function
|
|
3992
|
+
function ks(t, e) {
|
|
3993
3993
|
return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
|
|
3994
3994
|
}
|
|
3995
3995
|
function br(t, e) {
|
|
3996
|
-
return
|
|
3996
|
+
return ks(t.x, e.x) && ks(t.y, e.y);
|
|
3997
3997
|
}
|
|
3998
|
-
function
|
|
3998
|
+
function Fs(t) {
|
|
3999
3999
|
return O(t.x) / O(t.y);
|
|
4000
4000
|
}
|
|
4001
|
-
function
|
|
4001
|
+
function Bs(t, e) {
|
|
4002
4002
|
return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
|
|
4003
4003
|
}
|
|
4004
4004
|
class Uc {
|
|
@@ -4006,10 +4006,10 @@ class Uc {
|
|
|
4006
4006
|
this.members = [];
|
|
4007
4007
|
}
|
|
4008
4008
|
add(e) {
|
|
4009
|
-
|
|
4009
|
+
qe(this.members, e), e.scheduleRender();
|
|
4010
4010
|
}
|
|
4011
4011
|
remove(e) {
|
|
4012
|
-
if (
|
|
4012
|
+
if (Ze(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
|
|
4013
4013
|
const n = this.members[this.members.length - 1];
|
|
4014
4014
|
n && this.promote(n);
|
|
4015
4015
|
}
|
|
@@ -4098,7 +4098,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4098
4098
|
this.root === this && (this.nodes = new Ec());
|
|
4099
4099
|
}
|
|
4100
4100
|
addEventListener(r, a) {
|
|
4101
|
-
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new
|
|
4101
|
+
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new Qe()), this.eventHandlers.get(r).add(a);
|
|
4102
4102
|
}
|
|
4103
4103
|
notifyListeners(r, ...a) {
|
|
4104
4104
|
const l = this.eventHandlers.get(r);
|
|
@@ -4122,7 +4122,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4122
4122
|
h = window.innerWidth;
|
|
4123
4123
|
}), t(r, () => {
|
|
4124
4124
|
const d = window.innerWidth;
|
|
4125
|
-
d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = Rc(f, 250), Yt.hasAnimatedSinceResize && (Yt.hasAnimatedSinceResize = !1, this.nodes.forEach(
|
|
4125
|
+
d !== h && (h = d, this.root.updateBlockedByResize = !0, c && c(), c = Rc(f, 250), Yt.hasAnimatedSinceResize && (Yt.hasAnimatedSinceResize = !1, this.nodes.forEach(js)));
|
|
4126
4126
|
});
|
|
4127
4127
|
}
|
|
4128
4128
|
a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
|
|
@@ -4134,13 +4134,13 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4134
4134
|
if (this.options.layoutRoot || this.resumeFrom || T || h && (g || !this.currentAnimation)) {
|
|
4135
4135
|
this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
|
|
4136
4136
|
const y = {
|
|
4137
|
-
...
|
|
4137
|
+
...mn(m, "layout"),
|
|
4138
4138
|
onPlay: p,
|
|
4139
4139
|
onComplete: v
|
|
4140
4140
|
};
|
|
4141
4141
|
(u.shouldReduceMotion || this.options.layoutRoot) && (y.delay = 0, y.type = !1), this.startAnimation(y), this.setAnimationOrigin(c, T);
|
|
4142
4142
|
} else
|
|
4143
|
-
h ||
|
|
4143
|
+
h || js(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
|
|
4144
4144
|
this.targetLayout = d;
|
|
4145
4145
|
});
|
|
4146
4146
|
}
|
|
@@ -4190,19 +4190,19 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4190
4190
|
}
|
|
4191
4191
|
update() {
|
|
4192
4192
|
if (this.updateScheduled = !1, this.isUpdateBlocked()) {
|
|
4193
|
-
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(
|
|
4193
|
+
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Is);
|
|
4194
4194
|
return;
|
|
4195
4195
|
}
|
|
4196
4196
|
if (this.animationId <= this.animationCommitId) {
|
|
4197
|
-
this.nodes.forEach(
|
|
4197
|
+
this.nodes.forEach(Os);
|
|
4198
4198
|
return;
|
|
4199
4199
|
}
|
|
4200
|
-
this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Yc), this.nodes.forEach(zc), this.nodes.forEach(_c)) : this.nodes.forEach(
|
|
4200
|
+
this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Yc), this.nodes.forEach(zc), this.nodes.forEach(_c)) : this.nodes.forEach(Os), this.clearAllSnapshots();
|
|
4201
4201
|
const a = j.now();
|
|
4202
4202
|
k.delta = X(0, 1e3 / 60, a - k.timestamp), k.timestamp = a, k.isProcessing = !0, re.update.process(k), re.preRender.process(k), re.render.process(k), k.isProcessing = !1;
|
|
4203
4203
|
}
|
|
4204
4204
|
didUpdate() {
|
|
4205
|
-
this.updateScheduled || (this.updateScheduled = !0,
|
|
4205
|
+
this.updateScheduled || (this.updateScheduled = !0, gn.read(this.scheduleUpdate));
|
|
4206
4206
|
}
|
|
4207
4207
|
clearAllSnapshots() {
|
|
4208
4208
|
this.nodes.forEach(Xc), this.sharedNodes.forEach(Qc);
|
|
@@ -4304,11 +4304,11 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4304
4304
|
const u = this.path[l];
|
|
4305
4305
|
if (!u.instance || !rt(u.latestValues))
|
|
4306
4306
|
continue;
|
|
4307
|
-
|
|
4307
|
+
Be(u.latestValues) && u.updateSnapshot();
|
|
4308
4308
|
const c = M(), h = u.measurePageBox();
|
|
4309
|
-
$(c, h),
|
|
4309
|
+
$(c, h), Es(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
|
|
4310
4310
|
}
|
|
4311
|
-
return rt(this.latestValues) &&
|
|
4311
|
+
return rt(this.latestValues) && Es(a, this.latestValues), a;
|
|
4312
4312
|
}
|
|
4313
4313
|
setTargetDelta(r) {
|
|
4314
4314
|
this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
|
|
@@ -4347,7 +4347,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4347
4347
|
}
|
|
4348
4348
|
}
|
|
4349
4349
|
getClosestProjectingParent() {
|
|
4350
|
-
if (!(!this.parent ||
|
|
4350
|
+
if (!(!this.parent || Be(this.parent.latestValues) || nr(this.parent.latestValues)))
|
|
4351
4351
|
return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
|
|
4352
4352
|
}
|
|
4353
4353
|
isProjecting() {
|
|
@@ -4370,7 +4370,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4370
4370
|
this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
|
|
4371
4371
|
return;
|
|
4372
4372
|
}
|
|
4373
|
-
!this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (
|
|
4373
|
+
!this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Cs(this.prevProjectionDelta.x, this.projectionDelta.x), Cs(this.prevProjectionDelta.y, this.projectionDelta.y)), Et(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Bs(this.projectionDelta.x, this.prevProjectionDelta.x) || !Bs(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
|
|
4374
4374
|
}
|
|
4375
4375
|
hide() {
|
|
4376
4376
|
this.isVisible = !1;
|
|
@@ -4397,7 +4397,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4397
4397
|
let y;
|
|
4398
4398
|
this.mixTargetDelta = (b) => {
|
|
4399
4399
|
const x = b / 1e3;
|
|
4400
|
-
|
|
4400
|
+
Ns(h.x, r.x, x), Ns(h.y, r.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Rt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), tu(this.relativeTarget, this.relativeTargetOrigin, f, x), y && Nc(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = M()), $(y, this.relativeTarget)), p && (this.animationValues = c, kc(c, u, this.latestValues, x, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
|
|
4401
4401
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
4402
4402
|
}
|
|
4403
4403
|
startAnimation(r) {
|
|
@@ -4537,7 +4537,7 @@ function Ar({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4537
4537
|
this.root.nodes.forEach((r) => {
|
|
4538
4538
|
var a;
|
|
4539
4539
|
return (a = r.currentAnimation) == null ? void 0 : a.stop();
|
|
4540
|
-
}), this.root.nodes.forEach(
|
|
4540
|
+
}), this.root.nodes.forEach(Is), this.root.sharedNodes.clear();
|
|
4541
4541
|
}
|
|
4542
4542
|
};
|
|
4543
4543
|
}
|
|
@@ -4597,17 +4597,17 @@ function Hc(t) {
|
|
|
4597
4597
|
function Xc(t) {
|
|
4598
4598
|
t.clearSnapshot();
|
|
4599
4599
|
}
|
|
4600
|
-
function
|
|
4600
|
+
function Is(t) {
|
|
4601
4601
|
t.clearMeasurements();
|
|
4602
4602
|
}
|
|
4603
|
-
function
|
|
4603
|
+
function Os(t) {
|
|
4604
4604
|
t.isLayoutDirty = !1;
|
|
4605
4605
|
}
|
|
4606
4606
|
function Yc(t) {
|
|
4607
4607
|
const { visualElement: e } = t.options;
|
|
4608
4608
|
e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
|
|
4609
4609
|
}
|
|
4610
|
-
function
|
|
4610
|
+
function js(t) {
|
|
4611
4611
|
t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
|
|
4612
4612
|
}
|
|
4613
4613
|
function qc(t) {
|
|
@@ -4622,14 +4622,14 @@ function Jc(t) {
|
|
|
4622
4622
|
function Qc(t) {
|
|
4623
4623
|
t.removeLeadSnapshot();
|
|
4624
4624
|
}
|
|
4625
|
-
function
|
|
4625
|
+
function Ns(t, e, n) {
|
|
4626
4626
|
t.translate = D(e.translate, 0, n), t.scale = D(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
|
|
4627
4627
|
}
|
|
4628
|
-
function
|
|
4628
|
+
function Us(t, e, n, s) {
|
|
4629
4629
|
t.min = D(e.min, n.min, s), t.max = D(e.max, n.max, s);
|
|
4630
4630
|
}
|
|
4631
4631
|
function tu(t, e, n, s) {
|
|
4632
|
-
|
|
4632
|
+
Us(t.x, e.x, n.x, s), Us(t.y, e.y, n.y, s);
|
|
4633
4633
|
}
|
|
4634
4634
|
function eu(t) {
|
|
4635
4635
|
return t.animationValues && t.animationValues.opacityExit !== void 0;
|
|
@@ -4637,15 +4637,15 @@ function eu(t) {
|
|
|
4637
4637
|
const nu = {
|
|
4638
4638
|
duration: 0.45,
|
|
4639
4639
|
ease: [0.4, 0, 0.1, 1]
|
|
4640
|
-
},
|
|
4641
|
-
function
|
|
4642
|
-
t.min =
|
|
4640
|
+
}, $s = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ks = $s("applewebkit/") && !$s("chrome/") ? Math.round : W;
|
|
4641
|
+
function Ws(t) {
|
|
4642
|
+
t.min = Ks(t.min), t.max = Ks(t.max);
|
|
4643
4643
|
}
|
|
4644
4644
|
function su(t) {
|
|
4645
|
-
|
|
4645
|
+
Ws(t.x), Ws(t.y);
|
|
4646
4646
|
}
|
|
4647
4647
|
function Vr(t, e, n) {
|
|
4648
|
-
return t === "position" || t === "preserve-aspect" && !cc(
|
|
4648
|
+
return t === "position" || t === "preserve-aspect" && !cc(Fs(e), Fs(n), 0.2);
|
|
4649
4649
|
}
|
|
4650
4650
|
function iu(t) {
|
|
4651
4651
|
var e;
|
|
@@ -4686,7 +4686,7 @@ const ru = Ar({
|
|
|
4686
4686
|
MeasureLayout: Tr
|
|
4687
4687
|
}
|
|
4688
4688
|
};
|
|
4689
|
-
function
|
|
4689
|
+
function zs(t, e, n) {
|
|
4690
4690
|
const { props: s } = t;
|
|
4691
4691
|
t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
|
|
4692
4692
|
const i = "onHover" + n, o = s[i];
|
|
@@ -4695,7 +4695,7 @@ function Ws(t, e, n) {
|
|
|
4695
4695
|
class au extends nt {
|
|
4696
4696
|
mount() {
|
|
4697
4697
|
const { current: e } = this.node;
|
|
4698
|
-
e && (this.unmount = Ma(e, (n, s) => (
|
|
4698
|
+
e && (this.unmount = Ma(e, (n, s) => (zs(this.node, s, "Start"), (i) => zs(this.node, i, "End"))));
|
|
4699
4699
|
}
|
|
4700
4700
|
unmount() {
|
|
4701
4701
|
}
|
|
@@ -4722,7 +4722,7 @@ class lu extends nt {
|
|
|
4722
4722
|
unmount() {
|
|
4723
4723
|
}
|
|
4724
4724
|
}
|
|
4725
|
-
function
|
|
4725
|
+
function _s(t, e, n) {
|
|
4726
4726
|
const { props: s } = t;
|
|
4727
4727
|
if (t.current instanceof HTMLButtonElement && t.current.disabled)
|
|
4728
4728
|
return;
|
|
@@ -4733,13 +4733,13 @@ function zs(t, e, n) {
|
|
|
4733
4733
|
class cu extends nt {
|
|
4734
4734
|
mount() {
|
|
4735
4735
|
const { current: e } = this.node;
|
|
4736
|
-
e && (this.unmount = ka(e, (n, s) => (
|
|
4736
|
+
e && (this.unmount = ka(e, (n, s) => (_s(this.node, s, "Start"), (i, { success: o }) => _s(this.node, i, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
|
|
4737
4737
|
}
|
|
4738
4738
|
unmount() {
|
|
4739
4739
|
}
|
|
4740
4740
|
}
|
|
4741
|
-
const
|
|
4742
|
-
const e =
|
|
4741
|
+
const Ke = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakMap(), uu = (t) => {
|
|
4742
|
+
const e = Ke.get(t.target);
|
|
4743
4743
|
e && e(t);
|
|
4744
4744
|
}, hu = (t) => {
|
|
4745
4745
|
t.forEach(uu);
|
|
@@ -4752,8 +4752,8 @@ function fu({ root: t, ...e }) {
|
|
|
4752
4752
|
}
|
|
4753
4753
|
function du(t, e, n) {
|
|
4754
4754
|
const s = fu(e);
|
|
4755
|
-
return
|
|
4756
|
-
|
|
4755
|
+
return Ke.set(t, n), s.observe(t), () => {
|
|
4756
|
+
Ke.delete(t), s.unobserve(t);
|
|
4757
4757
|
};
|
|
4758
4758
|
}
|
|
4759
4759
|
const mu = {
|
|
@@ -4819,13 +4819,13 @@ const yu = {
|
|
|
4819
4819
|
...ou,
|
|
4820
4820
|
...vu
|
|
4821
4821
|
}, xu = /* @__PURE__ */ Tl(Tu, Ll);
|
|
4822
|
-
function Eu({ trigger: t, children: e, align: n = "left" }) {
|
|
4823
|
-
const [
|
|
4824
|
-
onClick: () =>
|
|
4822
|
+
function Eu({ trigger: t, children: e, align: n = "left", className: s }) {
|
|
4823
|
+
const [i, o] = Te(!1), r = Or(() => o(!1)), a = Ir(t, {
|
|
4824
|
+
onClick: () => o(!i)
|
|
4825
4825
|
});
|
|
4826
|
-
return /* @__PURE__ */
|
|
4827
|
-
|
|
4828
|
-
/* @__PURE__ */ N($a, { children:
|
|
4826
|
+
return /* @__PURE__ */ We("div", { className: xe("relative inline-block", s), ref: r, children: [
|
|
4827
|
+
a,
|
|
4828
|
+
/* @__PURE__ */ N($a, { children: i && /* @__PURE__ */ N(
|
|
4829
4829
|
xu.div,
|
|
4830
4830
|
{
|
|
4831
4831
|
initial: { opacity: 0, scale: 0.97 },
|
|
@@ -4833,22 +4833,22 @@ function Eu({ trigger: t, children: e, align: n = "left" }) {
|
|
|
4833
4833
|
exit: { opacity: 0, scale: 0.97 },
|
|
4834
4834
|
transition: { duration: 0.1 },
|
|
4835
4835
|
style: { originX: n === "right" ? 1 : 0, originY: 0 },
|
|
4836
|
-
className:
|
|
4836
|
+
className: xe({
|
|
4837
4837
|
"dropdown absolute z-999 mt-2 w-fit min-w-[200px] max-w-[400px]": !0,
|
|
4838
4838
|
"right-0": n === "right",
|
|
4839
4839
|
"left-0": n === "left"
|
|
4840
4840
|
}),
|
|
4841
|
-
children: /* @__PURE__ */ N("div", { className: "flex flex-col", role: "menu", "aria-orientation": "vertical", children: e })
|
|
4841
|
+
children: /* @__PURE__ */ N("div", { className: "flex flex-col", role: "menu", "aria-orientation": "vertical", children: typeof e == "function" ? e(o) : e })
|
|
4842
4842
|
}
|
|
4843
4843
|
) })
|
|
4844
4844
|
] });
|
|
4845
4845
|
}
|
|
4846
|
-
const Pu =
|
|
4846
|
+
const Pu = Ys(({ children: t, className: e, enabled: n, ...s }, i) => /* @__PURE__ */ We(
|
|
4847
4847
|
"button",
|
|
4848
4848
|
{
|
|
4849
4849
|
ref: i,
|
|
4850
4850
|
type: "button",
|
|
4851
|
-
className:
|
|
4851
|
+
className: xe("dropdown-item gap-x-2", e),
|
|
4852
4852
|
...s,
|
|
4853
4853
|
children: [
|
|
4854
4854
|
/* @__PURE__ */ N("span", { className: "truncate", children: t }),
|