motion-v 0.2.4 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -0
- package/dist/index.js +345 -347
- package/dist/index.umd.cjs +1 -1
- package/dist/src/components/presence.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as
|
|
1
|
+
import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as In, cloneVNode as ni, h as $t, mergeDefaults as si, ref as ii, useAttrs as ri, getCurrentInstance as oi, onMounted as Ln, onUnmounted as Dt, onUpdated as ai, openBlock as Nn, createBlock as $n, unref as li, withCtx as Kn, renderSlot as Wn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as _n, watch as kn, onBeforeUnmount as di } from "vue";
|
|
2
2
|
function pi(e, t) {
|
|
3
3
|
e.indexOf(t) === -1 && e.push(t);
|
|
4
4
|
}
|
|
5
|
-
function
|
|
5
|
+
function Gn(e, t) {
|
|
6
6
|
const n = e.indexOf(t);
|
|
7
7
|
n > -1 && e.splice(n, 1);
|
|
8
8
|
}
|
|
@@ -11,7 +11,7 @@ class zn {
|
|
|
11
11
|
this.subscriptions = [];
|
|
12
12
|
}
|
|
13
13
|
add(t) {
|
|
14
|
-
return pi(this.subscriptions, t), () =>
|
|
14
|
+
return pi(this.subscriptions, t), () => Gn(this.subscriptions, t);
|
|
15
15
|
}
|
|
16
16
|
notify(t, n, s) {
|
|
17
17
|
const i = this.subscriptions.length;
|
|
@@ -34,9 +34,9 @@ class zn {
|
|
|
34
34
|
function oe(e, t) {
|
|
35
35
|
return t ? e * (1e3 / t) : 0;
|
|
36
36
|
}
|
|
37
|
-
const
|
|
37
|
+
const _e = /* @__PURE__ */ new Set();
|
|
38
38
|
function Bt(e, t, n) {
|
|
39
|
-
e ||
|
|
39
|
+
e || _e.has(t) || (console.warn(t), _e.add(t));
|
|
40
40
|
}
|
|
41
41
|
const mi = {
|
|
42
42
|
skipAnimations: !1,
|
|
@@ -108,23 +108,23 @@ function vi(e, t) {
|
|
|
108
108
|
};
|
|
109
109
|
return { schedule: st.reduce((g, y) => {
|
|
110
110
|
const T = o[y];
|
|
111
|
-
return g[y] = (
|
|
111
|
+
return g[y] = (x, w = !1, A = !1) => (n || m(), T.schedule(x, w, A)), g;
|
|
112
112
|
}, {}), cancel: (g) => {
|
|
113
113
|
for (let y = 0; y < st.length; y++)
|
|
114
114
|
o[st[y]].cancel(g);
|
|
115
115
|
}, state: i, steps: o };
|
|
116
116
|
}
|
|
117
117
|
const { schedule: M, cancel: R, state: J, steps: Ll } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
|
|
118
|
-
let
|
|
118
|
+
let St;
|
|
119
119
|
function bi() {
|
|
120
|
-
|
|
120
|
+
St = void 0;
|
|
121
121
|
}
|
|
122
122
|
const N = {
|
|
123
|
-
now: () => (
|
|
123
|
+
now: () => (St === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), St),
|
|
124
124
|
set: (e) => {
|
|
125
|
-
|
|
125
|
+
St = e, queueMicrotask(bi);
|
|
126
126
|
}
|
|
127
|
-
},
|
|
127
|
+
}, ke = 30, Si = (e) => !isNaN(parseFloat(e)), k = {
|
|
128
128
|
current: void 0
|
|
129
129
|
};
|
|
130
130
|
class wi {
|
|
@@ -248,7 +248,7 @@ class wi {
|
|
|
248
248
|
* @public
|
|
249
249
|
*/
|
|
250
250
|
get() {
|
|
251
|
-
return
|
|
251
|
+
return k.current && k.current.push(this), this.current;
|
|
252
252
|
}
|
|
253
253
|
/**
|
|
254
254
|
* @public
|
|
@@ -265,9 +265,9 @@ class wi {
|
|
|
265
265
|
*/
|
|
266
266
|
getVelocity() {
|
|
267
267
|
const t = N.now();
|
|
268
|
-
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt >
|
|
268
|
+
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ke)
|
|
269
269
|
return 0;
|
|
270
|
-
const n = Math.min(this.updatedAt - this.prevUpdatedAt,
|
|
270
|
+
const n = Math.min(this.updatedAt - this.prevUpdatedAt, ke);
|
|
271
271
|
return oe(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
|
|
272
272
|
}
|
|
273
273
|
/**
|
|
@@ -328,7 +328,7 @@ function Rt(e) {
|
|
|
328
328
|
let t;
|
|
329
329
|
return () => (t === void 0 && (t = e()), t);
|
|
330
330
|
}
|
|
331
|
-
const
|
|
331
|
+
const Un = Rt(() => window.ScrollTimeline !== void 0);
|
|
332
332
|
class ae {
|
|
333
333
|
constructor(t) {
|
|
334
334
|
this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
|
|
@@ -347,7 +347,7 @@ class ae {
|
|
|
347
347
|
this.animations[s][t] = n;
|
|
348
348
|
}
|
|
349
349
|
attachTimeline(t, n) {
|
|
350
|
-
const s = this.animations.map((i) =>
|
|
350
|
+
const s = this.animations.map((i) => Un() && i.attachTimeline ? i.attachTimeline(t) : n(i));
|
|
351
351
|
return () => {
|
|
352
352
|
s.forEach((i, r) => {
|
|
353
353
|
i && i(), this.animations[r].stop();
|
|
@@ -392,27 +392,27 @@ class ae {
|
|
|
392
392
|
}
|
|
393
393
|
}
|
|
394
394
|
const C = (e) => e * 1e3, B = (e) => e / 1e3, Ti = 5;
|
|
395
|
-
function
|
|
395
|
+
function jn(e, t, n) {
|
|
396
396
|
const s = Math.max(t - Ti, 0);
|
|
397
397
|
return oe(n - e(s), t - s);
|
|
398
398
|
}
|
|
399
|
-
let
|
|
400
|
-
process.env.NODE_ENV !== "production" && (
|
|
399
|
+
let ft = K, I = K;
|
|
400
|
+
process.env.NODE_ENV !== "production" && (ft = (e, t) => {
|
|
401
401
|
!e && typeof console < "u" && console.warn(t);
|
|
402
402
|
}, I = (e, t) => {
|
|
403
403
|
if (!e)
|
|
404
404
|
throw new Error(t);
|
|
405
405
|
});
|
|
406
|
-
const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3,
|
|
406
|
+
const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, xi = 0.01, Ge = 10, Vi = 0.05, Ai = 1;
|
|
407
407
|
function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1 }) {
|
|
408
408
|
let i, r;
|
|
409
|
-
|
|
409
|
+
ft(e <= C(Ge), "Spring duration must be 10 seconds or less");
|
|
410
410
|
let o = 1 - t;
|
|
411
|
-
o = H(
|
|
412
|
-
const c = u * o, f = c * e, h = c - n, p =
|
|
411
|
+
o = H(Vi, Ai, o), e = H(xi, Ge, B(e)), o < 1 ? (i = (u) => {
|
|
412
|
+
const c = u * o, f = c * e, h = c - n, p = Ht(u, o), m = Math.exp(-f);
|
|
413
413
|
return Kt - h / p * m;
|
|
414
414
|
}, r = (u) => {
|
|
415
|
-
const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S =
|
|
415
|
+
const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S = Ht(Math.pow(u, 2), o);
|
|
416
416
|
return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / S;
|
|
417
417
|
}) : (i = (u) => {
|
|
418
418
|
const c = Math.exp(-u * e), f = (u - n) * e + 1;
|
|
@@ -444,7 +444,7 @@ function Pi(e, t, n) {
|
|
|
444
444
|
s = s - e(s) / t(s);
|
|
445
445
|
return s;
|
|
446
446
|
}
|
|
447
|
-
function
|
|
447
|
+
function Ht(e, t) {
|
|
448
448
|
return e * Math.sqrt(1 - t * t);
|
|
449
449
|
}
|
|
450
450
|
const Ci = ["duration", "bounce"], Fi = ["stiffness", "damping", "mass"];
|
|
@@ -478,62 +478,62 @@ function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
|
|
|
478
478
|
n || (n = g ? 0.01 : 2), t || (t = g ? 5e-3 : 0.5);
|
|
479
479
|
let y;
|
|
480
480
|
if (m < 1) {
|
|
481
|
-
const T =
|
|
482
|
-
y = (
|
|
483
|
-
const w = Math.exp(-m * b *
|
|
484
|
-
return r - w * ((p + m * b * S) / T * Math.sin(T *
|
|
481
|
+
const T = Ht(b, m);
|
|
482
|
+
y = (x) => {
|
|
483
|
+
const w = Math.exp(-m * b * x);
|
|
484
|
+
return r - w * ((p + m * b * S) / T * Math.sin(T * x) + S * Math.cos(T * x));
|
|
485
485
|
};
|
|
486
486
|
} else if (m === 1)
|
|
487
487
|
y = (T) => r - Math.exp(-b * T) * (S + (p + b * S) * T);
|
|
488
488
|
else {
|
|
489
489
|
const T = b * Math.sqrt(m * m - 1);
|
|
490
|
-
y = (
|
|
491
|
-
const w = Math.exp(-m * b *
|
|
490
|
+
y = (x) => {
|
|
491
|
+
const w = Math.exp(-m * b * x), A = Math.min(T * x, 300);
|
|
492
492
|
return r - w * ((p + m * b * S) * Math.sinh(A) + T * S * Math.cosh(A)) / T;
|
|
493
493
|
};
|
|
494
494
|
}
|
|
495
495
|
return {
|
|
496
496
|
calculatedDuration: h && c || null,
|
|
497
497
|
next: (T) => {
|
|
498
|
-
const
|
|
498
|
+
const x = y(T);
|
|
499
499
|
if (h)
|
|
500
500
|
o.done = T >= c;
|
|
501
501
|
else {
|
|
502
502
|
let w = 0;
|
|
503
|
-
m < 1 && (w = T === 0 ? C(p) :
|
|
504
|
-
const A = Math.abs(w) <= n, F = Math.abs(r -
|
|
503
|
+
m < 1 && (w = T === 0 ? C(p) : jn(y, T, x));
|
|
504
|
+
const A = Math.abs(w) <= n, F = Math.abs(r - x) <= t;
|
|
505
505
|
o.done = A && F;
|
|
506
506
|
}
|
|
507
|
-
return o.value = o.done ? r :
|
|
507
|
+
return o.value = o.done ? r : x, o;
|
|
508
508
|
}
|
|
509
509
|
};
|
|
510
510
|
}
|
|
511
|
-
const
|
|
511
|
+
const Yt = 2e4;
|
|
512
512
|
function Hn(e) {
|
|
513
513
|
let t = 0;
|
|
514
514
|
const n = 50;
|
|
515
515
|
let s = e.next(t);
|
|
516
|
-
for (; !s.done && t <
|
|
516
|
+
for (; !s.done && t < Yt; )
|
|
517
517
|
t += n, s = e.next(t);
|
|
518
|
-
return t >=
|
|
518
|
+
return t >= Yt ? 1 / 0 : t;
|
|
519
519
|
}
|
|
520
520
|
function Yn(e, t = 100, n) {
|
|
521
|
-
const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s),
|
|
521
|
+
const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s), Yt);
|
|
522
522
|
return {
|
|
523
523
|
type: "keyframes",
|
|
524
524
|
ease: (r) => s.next(i * r).value / t,
|
|
525
525
|
duration: B(i)
|
|
526
526
|
};
|
|
527
527
|
}
|
|
528
|
-
const
|
|
528
|
+
const ht = (e, t, n) => e + (t - e) * n, dt = (e, t, n) => {
|
|
529
529
|
const s = t - e;
|
|
530
530
|
return s === 0 ? 1 : (n - e) / s;
|
|
531
531
|
};
|
|
532
532
|
function Xn(e, t) {
|
|
533
533
|
const n = e[e.length - 1];
|
|
534
534
|
for (let s = 1; s <= t; s++) {
|
|
535
|
-
const i =
|
|
536
|
-
e.push(
|
|
535
|
+
const i = dt(0, t, s);
|
|
536
|
+
e.push(ht(n, 1, i));
|
|
537
537
|
}
|
|
538
538
|
}
|
|
539
539
|
function ue(e) {
|
|
@@ -555,10 +555,10 @@ function ce(e) {
|
|
|
555
555
|
function qn(e, t, n, s) {
|
|
556
556
|
return typeof e == "string" && ce(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
|
|
557
557
|
}
|
|
558
|
-
function
|
|
558
|
+
function pt(e) {
|
|
559
559
|
return typeof e == "function";
|
|
560
560
|
}
|
|
561
|
-
function
|
|
561
|
+
function Ue(e, t, n, s) {
|
|
562
562
|
var i;
|
|
563
563
|
return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : (i = s.get(t)) !== null && i !== void 0 ? i : e;
|
|
564
564
|
}
|
|
@@ -572,7 +572,7 @@ function Bi(e, t) {
|
|
|
572
572
|
function Ri(e, t, n) {
|
|
573
573
|
for (let s = 0; s < e.length; s++) {
|
|
574
574
|
const i = e[s];
|
|
575
|
-
i.at > t && i.at < n && (
|
|
575
|
+
i.at > t && i.at < n && (Gn(e, i), s--);
|
|
576
576
|
}
|
|
577
577
|
}
|
|
578
578
|
function Ii(e, t, n, s, i, r) {
|
|
@@ -580,7 +580,7 @@ function Ii(e, t, n, s, i, r) {
|
|
|
580
580
|
for (let o = 0; o < t.length; o++)
|
|
581
581
|
e.push({
|
|
582
582
|
value: t[o],
|
|
583
|
-
at:
|
|
583
|
+
at: ht(i, r, s[o]),
|
|
584
584
|
easing: Bi(n, o)
|
|
585
585
|
});
|
|
586
586
|
}
|
|
@@ -597,20 +597,20 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
|
|
|
597
597
|
u.set(m, f);
|
|
598
598
|
continue;
|
|
599
599
|
} else if (!Array.isArray(m)) {
|
|
600
|
-
u.set(m.name,
|
|
600
|
+
u.set(m.name, Ue(f, m.at, c, u));
|
|
601
601
|
continue;
|
|
602
602
|
}
|
|
603
603
|
let [S, b, g = {}] = m;
|
|
604
|
-
g.at !== void 0 && (f =
|
|
604
|
+
g.at !== void 0 && (f = Ue(f, g.at, c, u));
|
|
605
605
|
let y = 0;
|
|
606
|
-
const T = (
|
|
607
|
-
const
|
|
606
|
+
const T = (x, w, A, F = 0, v = 0) => {
|
|
607
|
+
const V = Ki(x), { delay: O = 0, times: z = ue(V), type: Nt = "keyframes", ...qs } = w;
|
|
608
608
|
let { ease: Oe = t.ease || "easeOut", duration: L } = w;
|
|
609
|
-
const De = typeof O == "function" ? O(F, v) : O, Be =
|
|
609
|
+
const De = typeof O == "function" ? O(F, v) : O, Be = V.length, Re = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
|
|
610
610
|
if (Be <= 2 && Re) {
|
|
611
611
|
let $e = 100;
|
|
612
|
-
if (Be === 2 &&
|
|
613
|
-
const Zs =
|
|
612
|
+
if (Be === 2 && ki(V)) {
|
|
613
|
+
const Zs = V[1] - V[0];
|
|
614
614
|
$e = Math.abs(Zs);
|
|
615
615
|
}
|
|
616
616
|
const Ke = { ...qs };
|
|
@@ -621,19 +621,19 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
|
|
|
621
621
|
L ?? (L = r);
|
|
622
622
|
const Ie = f + De, Le = Ie + L;
|
|
623
623
|
z.length === 1 && z[0] === 0 && (z[1] = 1);
|
|
624
|
-
const Ne = z.length -
|
|
625
|
-
Ne > 0 && Xn(z, Ne),
|
|
624
|
+
const Ne = z.length - V.length;
|
|
625
|
+
Ne > 0 && Xn(z, Ne), V.length === 1 && V.unshift(null), Ii(A, V, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
|
|
626
626
|
};
|
|
627
627
|
if (P(S)) {
|
|
628
|
-
const
|
|
629
|
-
T(b, g, He("default",
|
|
628
|
+
const x = je(S, a);
|
|
629
|
+
T(b, g, He("default", x));
|
|
630
630
|
} else {
|
|
631
|
-
const
|
|
631
|
+
const x = qn(S, b, s, l), w = x.length;
|
|
632
632
|
for (let A = 0; A < w; A++) {
|
|
633
633
|
b = b, g = g;
|
|
634
|
-
const F =
|
|
635
|
-
for (const
|
|
636
|
-
T(b[
|
|
634
|
+
const F = x[A], v = je(F, a);
|
|
635
|
+
for (const V in b)
|
|
636
|
+
T(b[V], Wi(g, V), He(V, v), A, w);
|
|
637
637
|
}
|
|
638
638
|
}
|
|
639
639
|
c = f, f += y;
|
|
@@ -645,14 +645,14 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
|
|
|
645
645
|
const g = [], y = [], T = [];
|
|
646
646
|
for (let w = 0; w < b.length; w++) {
|
|
647
647
|
const { at: A, value: F, easing: v } = b[w];
|
|
648
|
-
g.push(F), y.push(
|
|
648
|
+
g.push(F), y.push(dt(0, h, A)), T.push(v || "easeOut");
|
|
649
649
|
}
|
|
650
650
|
y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), T.unshift(Ni)), y[y.length - 1] !== 1 && (y.push(1), g.push(null)), o.has(m) || o.set(m, {
|
|
651
651
|
keyframes: {},
|
|
652
652
|
transition: {}
|
|
653
653
|
});
|
|
654
|
-
const
|
|
655
|
-
|
|
654
|
+
const x = o.get(m);
|
|
655
|
+
x.keyframes[S] = g, x.transition[S] = {
|
|
656
656
|
...t,
|
|
657
657
|
duration: h,
|
|
658
658
|
ease: T,
|
|
@@ -662,7 +662,7 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
|
|
|
662
662
|
}
|
|
663
663
|
}), o;
|
|
664
664
|
}
|
|
665
|
-
function
|
|
665
|
+
function je(e, t) {
|
|
666
666
|
return !t.has(e) && t.set(e, {}), t.get(e);
|
|
667
667
|
}
|
|
668
668
|
function He(e, t) {
|
|
@@ -677,7 +677,7 @@ function Wi(e, t) {
|
|
|
677
677
|
...e[t]
|
|
678
678
|
} : { ...e };
|
|
679
679
|
}
|
|
680
|
-
const
|
|
680
|
+
const _i = (e) => typeof e == "number", ki = (e) => e.every(_i), $ = /* @__PURE__ */ new WeakMap(), mt = [
|
|
681
681
|
"transformPerspective",
|
|
682
682
|
"x",
|
|
683
683
|
"y",
|
|
@@ -695,7 +695,7 @@ const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE_
|
|
|
695
695
|
"skew",
|
|
696
696
|
"skewX",
|
|
697
697
|
"skewY"
|
|
698
|
-
], X = new Set(
|
|
698
|
+
], X = new Set(mt), Gi = {
|
|
699
699
|
type: "spring",
|
|
700
700
|
stiffness: 500,
|
|
701
701
|
damping: 25,
|
|
@@ -705,19 +705,19 @@ const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE_
|
|
|
705
705
|
stiffness: 550,
|
|
706
706
|
damping: e === 0 ? 2 * Math.sqrt(550) : 30,
|
|
707
707
|
restSpeed: 10
|
|
708
|
-
}),
|
|
708
|
+
}), Ui = {
|
|
709
709
|
type: "keyframes",
|
|
710
710
|
duration: 0.8
|
|
711
|
-
},
|
|
711
|
+
}, ji = {
|
|
712
712
|
type: "keyframes",
|
|
713
713
|
ease: [0.25, 0.1, 0.35, 1],
|
|
714
714
|
duration: 0.3
|
|
715
|
-
}, Hi = (e, { keyframes: t }) => t.length > 2 ?
|
|
715
|
+
}, Hi = (e, { keyframes: t }) => t.length > 2 ? Ui : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : Gi : ji;
|
|
716
716
|
function fe(e, t) {
|
|
717
717
|
return e ? e[t] || e.default || e : void 0;
|
|
718
718
|
}
|
|
719
719
|
const Yi = (e) => e !== null;
|
|
720
|
-
function
|
|
720
|
+
function gt(e, { repeat: t, repeatType: n = "loop" }, s) {
|
|
721
721
|
const i = e.filter(Yi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
|
|
722
722
|
return !r || s === void 0 ? i[r] : s;
|
|
723
723
|
}
|
|
@@ -729,13 +729,13 @@ function Zi(e, t, n, s, i) {
|
|
|
729
729
|
while (Math.abs(r) > Xi && ++a < qi);
|
|
730
730
|
return o;
|
|
731
731
|
}
|
|
732
|
-
function
|
|
732
|
+
function yt(e, t, n, s) {
|
|
733
733
|
if (e === t && n === s)
|
|
734
734
|
return K;
|
|
735
735
|
const i = (r) => Zi(r, 0, 1, e, n);
|
|
736
736
|
return (r) => r === 0 || r === 1 ? r : Jn(i(r), t, s);
|
|
737
737
|
}
|
|
738
|
-
const Qn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ts = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */
|
|
738
|
+
const Qn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ts = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ yt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ ts(es), ns = /* @__PURE__ */ Qn(he), ss = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = ts(de), is = Qn(de), rs = (e) => /^0[^.\s]+$/u.test(e);
|
|
739
739
|
function Qi(e) {
|
|
740
740
|
return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || rs(e) : !0;
|
|
741
741
|
}
|
|
@@ -767,17 +767,17 @@ const tt = {
|
|
|
767
767
|
test: (e) => typeof e == "number",
|
|
768
768
|
parse: parseFloat,
|
|
769
769
|
transform: (e) => e
|
|
770
|
-
},
|
|
770
|
+
}, at = {
|
|
771
771
|
...tt,
|
|
772
772
|
transform: (e) => H(0, 1, e)
|
|
773
|
-
},
|
|
773
|
+
}, bt = {
|
|
774
774
|
...tt,
|
|
775
775
|
default: 1
|
|
776
|
-
},
|
|
776
|
+
}, vt = (e) => ({
|
|
777
777
|
test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
|
|
778
778
|
parse: parseFloat,
|
|
779
779
|
transform: (t) => `${t}${e}`
|
|
780
|
-
}), W = /* @__PURE__ */
|
|
780
|
+
}), W = /* @__PURE__ */ vt("deg"), Z = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), rr = /* @__PURE__ */ vt("vh"), or = /* @__PURE__ */ vt("vw"), Ye = {
|
|
781
781
|
...Z,
|
|
782
782
|
parse: (e) => Z.parse(e) / 100,
|
|
783
783
|
transform: (e) => Z.transform(e * 100)
|
|
@@ -802,7 +802,7 @@ const tt = {
|
|
|
802
802
|
const r = s.match(/^matrix\((.+)\)$/u);
|
|
803
803
|
return r ? qe(r[1], e) : 0;
|
|
804
804
|
}
|
|
805
|
-
}, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur =
|
|
805
|
+
}, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = mt.filter((e) => !lr.has(e));
|
|
806
806
|
function cr(e) {
|
|
807
807
|
const t = [];
|
|
808
808
|
return ur.forEach((n) => {
|
|
@@ -827,11 +827,11 @@ Q.translateY = Q.y;
|
|
|
827
827
|
const cs = (e) => (t) => t.test(e), fr = {
|
|
828
828
|
test: (e) => e === "auto",
|
|
829
829
|
parse: (e) => e
|
|
830
|
-
}, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)),
|
|
831
|
-
let
|
|
830
|
+
}, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)), j = /* @__PURE__ */ new Set();
|
|
831
|
+
let Xt = !1, qt = !1;
|
|
832
832
|
function hs() {
|
|
833
|
-
if (
|
|
834
|
-
const e = Array.from(
|
|
833
|
+
if (qt) {
|
|
834
|
+
const e = Array.from(j).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
|
|
835
835
|
t.forEach((s) => {
|
|
836
836
|
const i = cr(s);
|
|
837
837
|
i.length && (n.set(s, i), s.render());
|
|
@@ -846,11 +846,11 @@ function hs() {
|
|
|
846
846
|
s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
|
|
847
847
|
});
|
|
848
848
|
}
|
|
849
|
-
|
|
849
|
+
qt = !1, Xt = !1, j.forEach((e) => e.complete()), j.clear();
|
|
850
850
|
}
|
|
851
851
|
function ds() {
|
|
852
|
-
|
|
853
|
-
e.readKeyframes(), e.needsMeasurement && (
|
|
852
|
+
j.forEach((e) => {
|
|
853
|
+
e.readKeyframes(), e.needsMeasurement && (qt = !0);
|
|
854
854
|
});
|
|
855
855
|
}
|
|
856
856
|
function hr() {
|
|
@@ -861,7 +861,7 @@ class me {
|
|
|
861
861
|
this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
|
|
862
862
|
}
|
|
863
863
|
scheduleResolve() {
|
|
864
|
-
this.isScheduled = !0, this.isAsync ? (
|
|
864
|
+
this.isScheduled = !0, this.isAsync ? (j.add(this), Xt || (Xt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
|
|
865
865
|
}
|
|
866
866
|
readKeyframes() {
|
|
867
867
|
const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
|
|
@@ -888,10 +888,10 @@ class me {
|
|
|
888
888
|
measureEndState() {
|
|
889
889
|
}
|
|
890
890
|
complete() {
|
|
891
|
-
this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe),
|
|
891
|
+
this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), j.delete(this);
|
|
892
892
|
}
|
|
893
893
|
cancel() {
|
|
894
|
-
this.isComplete || (this.isScheduled = !1,
|
|
894
|
+
this.isComplete || (this.isScheduled = !1, j.delete(this));
|
|
895
895
|
}
|
|
896
896
|
resume() {
|
|
897
897
|
this.isComplete || this.scheduleResolve();
|
|
@@ -914,10 +914,10 @@ const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
|
|
|
914
914
|
}, mr = (e) => H(0, 255, e), Wt = {
|
|
915
915
|
...tt,
|
|
916
916
|
transform: (e) => Math.round(mr(e))
|
|
917
|
-
},
|
|
917
|
+
}, U = {
|
|
918
918
|
test: /* @__PURE__ */ ye("rgb", "red"),
|
|
919
919
|
parse: /* @__PURE__ */ ps("red", "green", "blue"),
|
|
920
|
-
transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(
|
|
920
|
+
transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(at.transform(s)) + ")"
|
|
921
921
|
};
|
|
922
922
|
function gr(e) {
|
|
923
923
|
let t = "", n = "", s = "", i = "";
|
|
@@ -928,25 +928,25 @@ function gr(e) {
|
|
|
928
928
|
alpha: i ? parseInt(i, 16) / 255 : 1
|
|
929
929
|
};
|
|
930
930
|
}
|
|
931
|
-
const
|
|
931
|
+
const Zt = {
|
|
932
932
|
test: /* @__PURE__ */ ye("#"),
|
|
933
933
|
parse: gr,
|
|
934
|
-
transform:
|
|
934
|
+
transform: U.transform
|
|
935
935
|
}, q = {
|
|
936
936
|
test: /* @__PURE__ */ ye("hsl", "hue"),
|
|
937
937
|
parse: /* @__PURE__ */ ps("hue", "saturation", "lightness"),
|
|
938
|
-
transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(
|
|
938
|
+
transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(at.transform(s)) + ")"
|
|
939
939
|
}, E = {
|
|
940
|
-
test: (e) =>
|
|
941
|
-
parse: (e) =>
|
|
942
|
-
transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ?
|
|
940
|
+
test: (e) => U.test(e) || Zt.test(e) || q.test(e),
|
|
941
|
+
parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : Zt.parse(e),
|
|
942
|
+
transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : q.transform(e)
|
|
943
943
|
}, yr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
944
944
|
function vr(e) {
|
|
945
945
|
var t, n;
|
|
946
946
|
return isNaN(e) && typeof e == "string" && (((t = e.match(ge)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(yr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
|
|
947
947
|
}
|
|
948
948
|
const ms = "number", gs = "color", br = "var", Sr = "var(", Qe = "${}", wr = /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;
|
|
949
|
-
function
|
|
949
|
+
function lt(e) {
|
|
950
950
|
const t = e.toString(), n = [], s = {
|
|
951
951
|
color: [],
|
|
952
952
|
number: [],
|
|
@@ -957,10 +957,10 @@ function ut(e) {
|
|
|
957
957
|
return { values: n, split: a, indexes: s, types: i };
|
|
958
958
|
}
|
|
959
959
|
function ys(e) {
|
|
960
|
-
return
|
|
960
|
+
return lt(e).values;
|
|
961
961
|
}
|
|
962
962
|
function vs(e) {
|
|
963
|
-
const { split: t, types: n } =
|
|
963
|
+
const { split: t, types: n } = lt(e), s = t.length;
|
|
964
964
|
return (i) => {
|
|
965
965
|
let r = "";
|
|
966
966
|
for (let o = 0; o < s; o++)
|
|
@@ -972,7 +972,7 @@ function vs(e) {
|
|
|
972
972
|
};
|
|
973
973
|
}
|
|
974
974
|
const Tr = (e) => typeof e == "number" ? 0 : e;
|
|
975
|
-
function
|
|
975
|
+
function xr(e) {
|
|
976
976
|
const t = ys(e);
|
|
977
977
|
return vs(e)(t.map(Tr));
|
|
978
978
|
}
|
|
@@ -980,8 +980,8 @@ const et = {
|
|
|
980
980
|
test: vr,
|
|
981
981
|
parse: ys,
|
|
982
982
|
createTransformer: vs,
|
|
983
|
-
getAnimatableNone:
|
|
984
|
-
},
|
|
983
|
+
getAnimatableNone: xr
|
|
984
|
+
}, Vr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
985
985
|
function Ar(e) {
|
|
986
986
|
const [t, n] = e.slice(0, -1).split("(");
|
|
987
987
|
if (t === "drop-shadow")
|
|
@@ -990,16 +990,16 @@ function Ar(e) {
|
|
|
990
990
|
if (!s)
|
|
991
991
|
return e;
|
|
992
992
|
const i = n.replace(s, "");
|
|
993
|
-
let r =
|
|
993
|
+
let r = Vr.has(t) ? 1 : 0;
|
|
994
994
|
return s !== n && (r *= 100), t + "(" + r + i + ")";
|
|
995
995
|
}
|
|
996
|
-
const Mr = /\b([a-z-]*)\(.*?\)/gu,
|
|
996
|
+
const Mr = /\b([a-z-]*)\(.*?\)/gu, Jt = {
|
|
997
997
|
...et,
|
|
998
998
|
getAnimatableNone: (e) => {
|
|
999
999
|
const t = e.match(Mr);
|
|
1000
1000
|
return t ? t.map(Ar).join(" ") : e;
|
|
1001
1001
|
}
|
|
1002
|
-
},
|
|
1002
|
+
}, Qt = {
|
|
1003
1003
|
// Border props
|
|
1004
1004
|
borderWidth: d,
|
|
1005
1005
|
borderTopWidth: d,
|
|
@@ -1040,10 +1040,10 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
|
|
|
1040
1040
|
rotateX: W,
|
|
1041
1041
|
rotateY: W,
|
|
1042
1042
|
rotateZ: W,
|
|
1043
|
-
scale:
|
|
1044
|
-
scaleX:
|
|
1045
|
-
scaleY:
|
|
1046
|
-
scaleZ:
|
|
1043
|
+
scale: bt,
|
|
1044
|
+
scaleX: bt,
|
|
1045
|
+
scaleY: bt,
|
|
1046
|
+
scaleZ: bt,
|
|
1047
1047
|
skew: W,
|
|
1048
1048
|
skewX: W,
|
|
1049
1049
|
skewY: W,
|
|
@@ -1056,7 +1056,7 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
|
|
|
1056
1056
|
z: d,
|
|
1057
1057
|
perspective: d,
|
|
1058
1058
|
transformPerspective: d,
|
|
1059
|
-
opacity:
|
|
1059
|
+
opacity: at,
|
|
1060
1060
|
originX: Ye,
|
|
1061
1061
|
originY: Ye,
|
|
1062
1062
|
originZ: d
|
|
@@ -1064,13 +1064,13 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
|
|
|
1064
1064
|
...tt,
|
|
1065
1065
|
transform: Math.round
|
|
1066
1066
|
}, ve = {
|
|
1067
|
-
...
|
|
1067
|
+
...Qt,
|
|
1068
1068
|
...Er,
|
|
1069
1069
|
zIndex: tn,
|
|
1070
1070
|
size: d,
|
|
1071
1071
|
// SVG
|
|
1072
|
-
fillOpacity:
|
|
1073
|
-
strokeOpacity:
|
|
1072
|
+
fillOpacity: at,
|
|
1073
|
+
strokeOpacity: at,
|
|
1074
1074
|
numOctaves: tn
|
|
1075
1075
|
}, Pr = {
|
|
1076
1076
|
...ve,
|
|
@@ -1086,19 +1086,19 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
|
|
|
1086
1086
|
borderRightColor: E,
|
|
1087
1087
|
borderBottomColor: E,
|
|
1088
1088
|
borderLeftColor: E,
|
|
1089
|
-
filter:
|
|
1090
|
-
WebkitFilter:
|
|
1089
|
+
filter: Jt,
|
|
1090
|
+
WebkitFilter: Jt
|
|
1091
1091
|
}, be = (e) => Pr[e];
|
|
1092
1092
|
function bs(e, t) {
|
|
1093
1093
|
let n = be(e);
|
|
1094
|
-
return n !==
|
|
1094
|
+
return n !== Jt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
|
|
1095
1095
|
}
|
|
1096
1096
|
const Cr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
1097
1097
|
function Fr(e, t, n) {
|
|
1098
1098
|
let s = 0, i;
|
|
1099
1099
|
for (; s < e.length && !i; ) {
|
|
1100
1100
|
const r = e[s];
|
|
1101
|
-
typeof r == "string" && !Cr.has(r) &&
|
|
1101
|
+
typeof r == "string" && !Cr.has(r) && lt(r).values.length && (i = e[s]), s++;
|
|
1102
1102
|
}
|
|
1103
1103
|
if (i && n)
|
|
1104
1104
|
for (const r of t)
|
|
@@ -1177,7 +1177,7 @@ function Dr(e, t, n, s) {
|
|
|
1177
1177
|
if (t === "display" || t === "visibility")
|
|
1178
1178
|
return !0;
|
|
1179
1179
|
const r = e[e.length - 1], o = en(i, t), a = en(r, t);
|
|
1180
|
-
return
|
|
1180
|
+
return ft(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Or(e) || (n === "spring" || pt(n)) && s;
|
|
1181
1181
|
}
|
|
1182
1182
|
const Br = 40;
|
|
1183
1183
|
class ws {
|
|
@@ -1225,7 +1225,7 @@ class ws {
|
|
|
1225
1225
|
if (o)
|
|
1226
1226
|
this.options.duration = 0;
|
|
1227
1227
|
else {
|
|
1228
|
-
l == null || l(
|
|
1228
|
+
l == null || l(gt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
|
|
1229
1229
|
return;
|
|
1230
1230
|
}
|
|
1231
1231
|
const c = this.initPlayback(t, n);
|
|
@@ -1259,15 +1259,15 @@ function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
|
|
|
1259
1259
|
let S = n * t;
|
|
1260
1260
|
const b = f + S, g = o === void 0 ? b : o(b);
|
|
1261
1261
|
g !== b && (S = g - f);
|
|
1262
|
-
const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v),
|
|
1263
|
-
const
|
|
1264
|
-
h.done = Math.abs(
|
|
1262
|
+
const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), x = (v) => {
|
|
1263
|
+
const V = y(v), O = T(v);
|
|
1264
|
+
h.done = Math.abs(V) <= u, h.value = h.done ? g : O;
|
|
1265
1265
|
};
|
|
1266
1266
|
let w, A;
|
|
1267
1267
|
const F = (v) => {
|
|
1268
1268
|
p(h.value) && (w = v, A = le({
|
|
1269
1269
|
keyframes: [h.value, m(h.value)],
|
|
1270
|
-
velocity:
|
|
1270
|
+
velocity: jn(T, v, h.value),
|
|
1271
1271
|
// TODO: This should be passing * 1000
|
|
1272
1272
|
damping: i,
|
|
1273
1273
|
stiffness: r,
|
|
@@ -1278,12 +1278,12 @@ function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
|
|
|
1278
1278
|
return F(0), {
|
|
1279
1279
|
calculatedDuration: null,
|
|
1280
1280
|
next: (v) => {
|
|
1281
|
-
let
|
|
1282
|
-
return !A && w === void 0 && (
|
|
1281
|
+
let V = !1;
|
|
1282
|
+
return !A && w === void 0 && (V = !0, x(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!V && x(v), h);
|
|
1283
1283
|
}
|
|
1284
1284
|
};
|
|
1285
1285
|
}
|
|
1286
|
-
const Rr = /* @__PURE__ */
|
|
1286
|
+
const Rr = /* @__PURE__ */ yt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ yt(0, 0, 0.58, 1), Ts = /* @__PURE__ */ yt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
|
|
1287
1287
|
linear: K,
|
|
1288
1288
|
easeIn: Rr,
|
|
1289
1289
|
easeInOut: Ts,
|
|
@@ -1295,16 +1295,16 @@ const Rr = /* @__PURE__ */ vt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ vt(0, 0, 0.58
|
|
|
1295
1295
|
backInOut: ns,
|
|
1296
1296
|
backOut: es,
|
|
1297
1297
|
anticipate: ss
|
|
1298
|
-
},
|
|
1298
|
+
}, te = (e) => {
|
|
1299
1299
|
if (Se(e)) {
|
|
1300
1300
|
I(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
|
|
1301
1301
|
const [t, n, s, i] = e;
|
|
1302
|
-
return
|
|
1302
|
+
return yt(t, n, s, i);
|
|
1303
1303
|
} else if (typeof e == "string")
|
|
1304
1304
|
return I(sn[e] !== void 0, `Invalid easing type '${e}'`), sn[e];
|
|
1305
1305
|
return e;
|
|
1306
1306
|
}, Lr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Lr);
|
|
1307
|
-
function
|
|
1307
|
+
function _t(e, t, n) {
|
|
1308
1308
|
return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
|
|
1309
1309
|
}
|
|
1310
1310
|
function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
|
|
@@ -1314,7 +1314,7 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
|
|
|
1314
1314
|
i = r = o = n;
|
|
1315
1315
|
else {
|
|
1316
1316
|
const a = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - a;
|
|
1317
|
-
i =
|
|
1317
|
+
i = _t(l, a, e + 1 / 3), r = _t(l, a, e), o = _t(l, a, e - 1 / 3);
|
|
1318
1318
|
}
|
|
1319
1319
|
return {
|
|
1320
1320
|
red: Math.round(i * 255),
|
|
@@ -1323,16 +1323,16 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
|
|
|
1323
1323
|
alpha: s
|
|
1324
1324
|
};
|
|
1325
1325
|
}
|
|
1326
|
-
function
|
|
1326
|
+
function Vt(e, t) {
|
|
1327
1327
|
return (n) => n > 0 ? t : e;
|
|
1328
1328
|
}
|
|
1329
|
-
const
|
|
1329
|
+
const kt = (e, t, n) => {
|
|
1330
1330
|
const s = e * e, i = n * (t * t - s) + s;
|
|
1331
1331
|
return i < 0 ? 0 : Math.sqrt(i);
|
|
1332
|
-
}, $r = [
|
|
1332
|
+
}, $r = [Zt, U, q], Kr = (e) => $r.find((t) => t.test(e));
|
|
1333
1333
|
function rn(e) {
|
|
1334
1334
|
const t = Kr(e);
|
|
1335
|
-
if (
|
|
1335
|
+
if (ft(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
|
|
1336
1336
|
return !1;
|
|
1337
1337
|
let n = t.parse(e);
|
|
1338
1338
|
return t === q && (n = Nr(n)), n;
|
|
@@ -1340,20 +1340,20 @@ function rn(e) {
|
|
|
1340
1340
|
const on = (e, t) => {
|
|
1341
1341
|
const n = rn(e), s = rn(t);
|
|
1342
1342
|
if (!n || !s)
|
|
1343
|
-
return
|
|
1343
|
+
return Vt(e, t);
|
|
1344
1344
|
const i = { ...n };
|
|
1345
|
-
return (r) => (i.red =
|
|
1346
|
-
},
|
|
1345
|
+
return (r) => (i.red = kt(n.red, s.red, r), i.green = kt(n.green, s.green, r), i.blue = kt(n.blue, s.blue, r), i.alpha = ht(n.alpha, s.alpha, r), U.transform(i));
|
|
1346
|
+
}, ee = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
1347
1347
|
function Wr(e, t) {
|
|
1348
|
-
return
|
|
1348
|
+
return ee.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
|
|
1349
1349
|
}
|
|
1350
|
-
function
|
|
1351
|
-
return (n) =>
|
|
1350
|
+
function _r(e, t) {
|
|
1351
|
+
return (n) => ht(e, t, n);
|
|
1352
1352
|
}
|
|
1353
1353
|
function Te(e) {
|
|
1354
|
-
return typeof e == "number" ?
|
|
1354
|
+
return typeof e == "number" ? _r : typeof e == "string" ? pe(e) ? Vt : E.test(e) ? on : zr : Array.isArray(e) ? xs : typeof e == "object" ? E.test(e) ? on : kr : Vt;
|
|
1355
1355
|
}
|
|
1356
|
-
function
|
|
1356
|
+
function xs(e, t) {
|
|
1357
1357
|
const n = [...e], s = n.length, i = e.map((r, o) => Te(r)(r, t[o]));
|
|
1358
1358
|
return (r) => {
|
|
1359
1359
|
for (let o = 0; o < s; o++)
|
|
@@ -1361,7 +1361,7 @@ function Vs(e, t) {
|
|
|
1361
1361
|
return n;
|
|
1362
1362
|
};
|
|
1363
1363
|
}
|
|
1364
|
-
function
|
|
1364
|
+
function kr(e, t) {
|
|
1365
1365
|
const n = { ...e, ...t }, s = {};
|
|
1366
1366
|
for (const i in n)
|
|
1367
1367
|
e[i] !== void 0 && t[i] !== void 0 && (s[i] = Te(e[i])(e[i], t[i]));
|
|
@@ -1371,7 +1371,7 @@ function Gr(e, t) {
|
|
|
1371
1371
|
return n;
|
|
1372
1372
|
};
|
|
1373
1373
|
}
|
|
1374
|
-
function
|
|
1374
|
+
function Gr(e, t) {
|
|
1375
1375
|
var n;
|
|
1376
1376
|
const s = [], i = { color: 0, var: 0, number: 0 };
|
|
1377
1377
|
for (let r = 0; r < t.values.length; r++) {
|
|
@@ -1381,14 +1381,14 @@ function _r(e, t) {
|
|
|
1381
1381
|
return s;
|
|
1382
1382
|
}
|
|
1383
1383
|
const zr = (e, t) => {
|
|
1384
|
-
const n = et.createTransformer(t), s =
|
|
1385
|
-
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 ?
|
|
1384
|
+
const n = et.createTransformer(t), s = lt(e), i = lt(t);
|
|
1385
|
+
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 ? ee.has(e) && !i.values.length || ee.has(t) && !s.values.length ? Wr(e, t) : we(xs(Gr(s, i), i.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Vt(e, t));
|
|
1386
1386
|
};
|
|
1387
|
-
function
|
|
1388
|
-
return typeof e == "number" && typeof t == "number" && typeof n == "number" ?
|
|
1387
|
+
function Vs(e, t, n) {
|
|
1388
|
+
return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Te(e)(e, t);
|
|
1389
1389
|
}
|
|
1390
|
-
function
|
|
1391
|
-
const s = [], i = n ||
|
|
1390
|
+
function Ur(e, t, n) {
|
|
1391
|
+
const s = [], i = n || Vs, r = e.length - 1;
|
|
1392
1392
|
for (let o = 0; o < r; o++) {
|
|
1393
1393
|
let a = i(e[o], e[o + 1]);
|
|
1394
1394
|
if (t) {
|
|
@@ -1399,39 +1399,39 @@ function jr(e, t, n) {
|
|
|
1399
1399
|
}
|
|
1400
1400
|
return s;
|
|
1401
1401
|
}
|
|
1402
|
-
function
|
|
1402
|
+
function xe(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
|
|
1403
1403
|
const r = e.length;
|
|
1404
1404
|
if (I(r === t.length, "Both input and output ranges must be the same length"), r === 1)
|
|
1405
1405
|
return () => t[0];
|
|
1406
1406
|
if (r === 2 && e[0] === e[1])
|
|
1407
1407
|
return () => t[1];
|
|
1408
1408
|
e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
|
|
1409
|
-
const o =
|
|
1409
|
+
const o = Ur(t, s, i), a = o.length, l = (u) => {
|
|
1410
1410
|
let c = 0;
|
|
1411
1411
|
if (a > 1)
|
|
1412
1412
|
for (; c < e.length - 2 && !(u < e[c + 1]); c++)
|
|
1413
1413
|
;
|
|
1414
|
-
const f =
|
|
1414
|
+
const f = dt(e[c], e[c + 1], u);
|
|
1415
1415
|
return o[c](f);
|
|
1416
1416
|
};
|
|
1417
1417
|
return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
|
|
1418
1418
|
}
|
|
1419
|
-
function
|
|
1419
|
+
function jr(e, t) {
|
|
1420
1420
|
return e.map((n) => n * t);
|
|
1421
1421
|
}
|
|
1422
1422
|
function Hr(e, t) {
|
|
1423
1423
|
return e.map(() => t || Ts).splice(0, e.length - 1);
|
|
1424
1424
|
}
|
|
1425
|
-
function
|
|
1426
|
-
const i = Zn(s) ? s.map(
|
|
1425
|
+
function At({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
|
|
1426
|
+
const i = Zn(s) ? s.map(te) : te(s), r = {
|
|
1427
1427
|
done: !1,
|
|
1428
1428
|
value: t[0]
|
|
1429
|
-
}, o =
|
|
1429
|
+
}, o = jr(
|
|
1430
1430
|
// Only use the provided offsets if they're the correct length
|
|
1431
1431
|
// TODO Maybe we should warn here if there's a length mismatch
|
|
1432
1432
|
n && n.length === t.length ? n : ue(t),
|
|
1433
1433
|
e
|
|
1434
|
-
), a =
|
|
1434
|
+
), a = xe(o, t, {
|
|
1435
1435
|
ease: Array.isArray(i) ? i : Hr(t, i)
|
|
1436
1436
|
});
|
|
1437
1437
|
return {
|
|
@@ -1453,8 +1453,8 @@ const Yr = (e) => {
|
|
|
1453
1453
|
}, Xr = {
|
|
1454
1454
|
decay: nn,
|
|
1455
1455
|
inertia: nn,
|
|
1456
|
-
tween:
|
|
1457
|
-
keyframes:
|
|
1456
|
+
tween: At,
|
|
1457
|
+
keyframes: At,
|
|
1458
1458
|
spring: le
|
|
1459
1459
|
}, qr = (e) => e / 100;
|
|
1460
1460
|
class Lt extends ws {
|
|
@@ -1470,9 +1470,9 @@ class Lt extends ws {
|
|
|
1470
1470
|
this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
|
|
1471
1471
|
}
|
|
1472
1472
|
initPlayback(t) {
|
|
1473
|
-
const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a =
|
|
1473
|
+
const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = pt(n) ? n : Xr[n] || At;
|
|
1474
1474
|
let l, u;
|
|
1475
|
-
a !==
|
|
1475
|
+
a !== At && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(qr, Vs(t[0], t[1])), t = [0, 100]);
|
|
1476
1476
|
const c = a({ ...this.options, keyframes: t });
|
|
1477
1477
|
r === "mirror" && (u = a({
|
|
1478
1478
|
...this.options,
|
|
@@ -1506,18 +1506,18 @@ class Lt extends ws {
|
|
|
1506
1506
|
this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
|
|
1507
1507
|
const g = this.currentTime - h * (this.speed >= 0 ? 1 : -1), y = this.speed >= 0 ? g < 0 : g > c;
|
|
1508
1508
|
this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
|
|
1509
|
-
let T = this.currentTime,
|
|
1509
|
+
let T = this.currentTime, x = r;
|
|
1510
1510
|
if (p) {
|
|
1511
1511
|
const v = Math.min(this.currentTime, c) / f;
|
|
1512
|
-
let
|
|
1513
|
-
!O && v >= 1 && (O = 1), O === 1 &&
|
|
1512
|
+
let V = Math.floor(v), O = v % 1;
|
|
1513
|
+
!O && v >= 1 && (O = 1), O === 1 && V--, V = Math.min(V, p + 1), !!(V % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (x = o)), T = H(0, 1, O) * f;
|
|
1514
1514
|
}
|
|
1515
|
-
const w = y ? { done: !1, value: l[0] } :
|
|
1515
|
+
const w = y ? { done: !1, value: l[0] } : x.next(T);
|
|
1516
1516
|
a && (w.value = a(w.value));
|
|
1517
1517
|
let { done: A } = w;
|
|
1518
1518
|
!y && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
|
|
1519
1519
|
const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
|
|
1520
|
-
return F && i !== void 0 && (w.value =
|
|
1520
|
+
return F && i !== void 0 && (w.value = gt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
|
|
1521
1521
|
}
|
|
1522
1522
|
get duration() {
|
|
1523
1523
|
const { resolved: t } = this;
|
|
@@ -1592,7 +1592,7 @@ const Jr = /* @__PURE__ */ new Set([
|
|
|
1592
1592
|
let n = "";
|
|
1593
1593
|
const s = Math.max(Math.round(t / Qr), 2);
|
|
1594
1594
|
for (let i = 0; i < s; i++)
|
|
1595
|
-
n += e(
|
|
1595
|
+
n += e(dt(0, s - 1, i)) + ", ";
|
|
1596
1596
|
return `linear(${n.substring(0, n.length - 2)})`;
|
|
1597
1597
|
}, eo = {
|
|
1598
1598
|
linearEasing: void 0
|
|
@@ -1604,7 +1604,7 @@ function no(e, t) {
|
|
|
1604
1604
|
return (s = eo[t]) !== null && s !== void 0 ? s : n();
|
|
1605
1605
|
};
|
|
1606
1606
|
}
|
|
1607
|
-
const
|
|
1607
|
+
const ut = /* @__PURE__ */ no(() => {
|
|
1608
1608
|
try {
|
|
1609
1609
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
1610
1610
|
} catch {
|
|
@@ -1613,9 +1613,9 @@ const ct = /* @__PURE__ */ no(() => {
|
|
|
1613
1613
|
return !0;
|
|
1614
1614
|
}, "linearEasing");
|
|
1615
1615
|
function As(e) {
|
|
1616
|
-
return !!(typeof e == "function" &&
|
|
1616
|
+
return !!(typeof e == "function" && ut() || !e || typeof e == "string" && (e in ne || ut()) || Se(e) || Array.isArray(e) && e.every(As));
|
|
1617
1617
|
}
|
|
1618
|
-
const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`,
|
|
1618
|
+
const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ne = {
|
|
1619
1619
|
linear: "linear",
|
|
1620
1620
|
ease: "ease",
|
|
1621
1621
|
easeIn: "ease-in",
|
|
@@ -1628,7 +1628,7 @@ const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
|
|
|
1628
1628
|
};
|
|
1629
1629
|
function Ms(e, t) {
|
|
1630
1630
|
if (e)
|
|
1631
|
-
return typeof e == "function" &&
|
|
1631
|
+
return typeof e == "function" && ut() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ne.easeOut) : ne[e];
|
|
1632
1632
|
}
|
|
1633
1633
|
function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
|
|
1634
1634
|
const u = { [t]: n };
|
|
@@ -1643,12 +1643,12 @@ function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
|
|
|
1643
1643
|
direction: o === "reverse" ? "alternate" : "normal"
|
|
1644
1644
|
});
|
|
1645
1645
|
}
|
|
1646
|
-
function
|
|
1646
|
+
function Mt(e, t) {
|
|
1647
1647
|
e.timeline = t, e.onfinish = null;
|
|
1648
1648
|
}
|
|
1649
|
-
const Ps = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")),
|
|
1649
|
+
const Ps = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Et = 10, so = 2e4;
|
|
1650
1650
|
function io(e) {
|
|
1651
|
-
return
|
|
1651
|
+
return pt(e.type) || e.type === "spring" || !As(e.ease);
|
|
1652
1652
|
}
|
|
1653
1653
|
function ro(e, t) {
|
|
1654
1654
|
const n = new Lt({
|
|
@@ -1662,11 +1662,11 @@ function ro(e, t) {
|
|
|
1662
1662
|
const i = [];
|
|
1663
1663
|
let r = 0;
|
|
1664
1664
|
for (; !s.done && r < so; )
|
|
1665
|
-
s = n.sample(r), i.push(s.value), r +=
|
|
1665
|
+
s = n.sample(r), i.push(s.value), r += Et;
|
|
1666
1666
|
return {
|
|
1667
1667
|
times: void 0,
|
|
1668
1668
|
keyframes: i,
|
|
1669
|
-
duration: r -
|
|
1669
|
+
duration: r - Et,
|
|
1670
1670
|
ease: "linear"
|
|
1671
1671
|
};
|
|
1672
1672
|
}
|
|
@@ -1689,14 +1689,14 @@ class an extends ws {
|
|
|
1689
1689
|
let { duration: i = 300, times: r, ease: o, type: a, motionValue: l, name: u, startTime: c } = this.options;
|
|
1690
1690
|
if (!(!((s = l.owner) === null || s === void 0) && s.current))
|
|
1691
1691
|
return !1;
|
|
1692
|
-
if (typeof o == "string" &&
|
|
1692
|
+
if (typeof o == "string" && ut() && oo(o) && (o = Cs[o]), io(this.options)) {
|
|
1693
1693
|
const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = ro(t, b);
|
|
1694
1694
|
t = g.keyframes, t.length === 1 && (t[1] = t[0]), i = g.duration, r = g.times, o = g.ease, a = "keyframes";
|
|
1695
1695
|
}
|
|
1696
1696
|
const f = Es(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
|
|
1697
|
-
return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (
|
|
1697
|
+
return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Mt(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
|
|
1698
1698
|
const { onComplete: h } = this.options;
|
|
1699
|
-
l.set(
|
|
1699
|
+
l.set(gt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
|
|
1700
1700
|
}, {
|
|
1701
1701
|
animation: f,
|
|
1702
1702
|
duration: i,
|
|
@@ -1767,7 +1767,7 @@ class an extends ws {
|
|
|
1767
1767
|
if (!n)
|
|
1768
1768
|
return K;
|
|
1769
1769
|
const { animation: s } = n;
|
|
1770
|
-
|
|
1770
|
+
Mt(s, t);
|
|
1771
1771
|
}
|
|
1772
1772
|
return K;
|
|
1773
1773
|
}
|
|
@@ -1807,7 +1807,7 @@ class an extends ws {
|
|
|
1807
1807
|
times: a,
|
|
1808
1808
|
isGenerator: !0
|
|
1809
1809
|
}), S = C(this.time);
|
|
1810
|
-
u.setWithVelocity(m.sample(S -
|
|
1810
|
+
u.setWithVelocity(m.sample(S - Et).value, m.sample(S).value, Et);
|
|
1811
1811
|
}
|
|
1812
1812
|
const { onStop: l } = this.options;
|
|
1813
1813
|
l && l(), this.cancel();
|
|
@@ -1858,7 +1858,7 @@ const Fs = (e, t, n, s = {}, i, r) => (o) => {
|
|
|
1858
1858
|
}), c.duration && (c.duration = C(c.duration)), c.repeatDelay && (c.repeatDelay = C(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
|
|
1859
1859
|
let f = !1;
|
|
1860
1860
|
if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), f && !r && t.get() !== void 0) {
|
|
1861
|
-
const h =
|
|
1861
|
+
const h = gt(c.keyframes, a);
|
|
1862
1862
|
if (h !== void 0)
|
|
1863
1863
|
return M.update(() => {
|
|
1864
1864
|
c.onUpdate(h), c.onComplete();
|
|
@@ -1899,7 +1899,7 @@ function ho(e, t) {
|
|
|
1899
1899
|
fo(e, o, a);
|
|
1900
1900
|
}
|
|
1901
1901
|
}
|
|
1902
|
-
const
|
|
1902
|
+
const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), po = "framerAppearId", mo = "data-" + Ve(po);
|
|
1903
1903
|
function go(e) {
|
|
1904
1904
|
return e.props[mo];
|
|
1905
1905
|
}
|
|
@@ -1950,33 +1950,33 @@ function wo(e) {
|
|
|
1950
1950
|
return e instanceof SVGElement && e.tagName !== "svg";
|
|
1951
1951
|
}
|
|
1952
1952
|
const To = {};
|
|
1953
|
-
function
|
|
1953
|
+
function xo(e, { layout: t, layoutId: n }) {
|
|
1954
1954
|
return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!To[e] || e === "opacity");
|
|
1955
1955
|
}
|
|
1956
1956
|
function Ds(e, t, n) {
|
|
1957
1957
|
var s;
|
|
1958
1958
|
const { style: i } = e, r = {};
|
|
1959
1959
|
for (const o in i)
|
|
1960
|
-
(P(i[o]) || t.style && P(t.style[o]) ||
|
|
1960
|
+
(P(i[o]) || t.style && P(t.style[o]) || xo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
|
|
1961
1961
|
return r;
|
|
1962
1962
|
}
|
|
1963
|
-
function
|
|
1963
|
+
function Vo(e, t, n) {
|
|
1964
1964
|
const s = Ds(e, t, n);
|
|
1965
1965
|
for (const i in e)
|
|
1966
1966
|
if (P(e[i]) || P(t[i])) {
|
|
1967
|
-
const r =
|
|
1967
|
+
const r = mt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
|
|
1968
1968
|
s[r] = e[i];
|
|
1969
1969
|
}
|
|
1970
1970
|
return s;
|
|
1971
1971
|
}
|
|
1972
|
-
const Ao = typeof window < "u",
|
|
1972
|
+
const Ao = typeof window < "u", se = { current: null }, Bs = { current: !1 };
|
|
1973
1973
|
function Mo() {
|
|
1974
1974
|
if (Bs.current = !0, !!Ao)
|
|
1975
1975
|
if (window.matchMedia) {
|
|
1976
|
-
const e = window.matchMedia("(prefers-reduced-motion)"), t = () =>
|
|
1976
|
+
const e = window.matchMedia("(prefers-reduced-motion)"), t = () => se.current = e.matches;
|
|
1977
1977
|
e.addListener(t), t();
|
|
1978
1978
|
} else
|
|
1979
|
-
|
|
1979
|
+
se.current = !1;
|
|
1980
1980
|
}
|
|
1981
1981
|
function Eo(e) {
|
|
1982
1982
|
return e !== null && typeof e == "object" && typeof e.start == "function";
|
|
@@ -2038,9 +2038,9 @@ const un = {
|
|
|
2038
2038
|
pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
|
|
2039
2039
|
inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
|
|
2040
2040
|
layout: ["layout", "layoutId"]
|
|
2041
|
-
},
|
|
2041
|
+
}, ie = {};
|
|
2042
2042
|
for (const e in un)
|
|
2043
|
-
|
|
2043
|
+
ie[e] = {
|
|
2044
2044
|
isEnabled: (t) => un[e].some((n) => !!t[n])
|
|
2045
2045
|
};
|
|
2046
2046
|
const Bo = [...fs, E, et], Ro = (e) => Bo.find(cs(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
|
|
@@ -2082,7 +2082,7 @@ class Is {
|
|
|
2082
2082
|
}
|
|
2083
2083
|
}
|
|
2084
2084
|
mount(t) {
|
|
2085
|
-
this.current = t, $.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 :
|
|
2085
|
+
this.current = t, $.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : se.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
|
|
2086
2086
|
}
|
|
2087
2087
|
unmount() {
|
|
2088
2088
|
$.delete(this.current), this.projection && this.projection.unmount(), R(this.notifyUpdate), R(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
|
|
@@ -2109,8 +2109,8 @@ class Is {
|
|
|
2109
2109
|
}
|
|
2110
2110
|
updateFeatures() {
|
|
2111
2111
|
let t = "animation";
|
|
2112
|
-
for (t in
|
|
2113
|
-
const n =
|
|
2112
|
+
for (t in ie) {
|
|
2113
|
+
const n = ie[t];
|
|
2114
2114
|
if (!n)
|
|
2115
2115
|
continue;
|
|
2116
2116
|
const { isEnabled: s, Feature: i } = n;
|
|
@@ -2267,11 +2267,11 @@ const Ns = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Io = {
|
|
|
2267
2267
|
y: "translateY",
|
|
2268
2268
|
z: "translateZ",
|
|
2269
2269
|
transformPerspective: "perspective"
|
|
2270
|
-
}, Lo =
|
|
2270
|
+
}, Lo = mt.length;
|
|
2271
2271
|
function No(e, t, n) {
|
|
2272
2272
|
let s = "", i = !0;
|
|
2273
2273
|
for (let r = 0; r < Lo; r++) {
|
|
2274
|
-
const o =
|
|
2274
|
+
const o = mt[r], a = e[o];
|
|
2275
2275
|
if (a === void 0)
|
|
2276
2276
|
continue;
|
|
2277
2277
|
let l = !0;
|
|
@@ -2322,14 +2322,14 @@ const Ko = {
|
|
|
2322
2322
|
offset: "strokeDashoffset",
|
|
2323
2323
|
array: "strokeDasharray"
|
|
2324
2324
|
};
|
|
2325
|
-
function
|
|
2325
|
+
function _o(e, t, n = 1, s = 0, i = !0) {
|
|
2326
2326
|
e.pathLength = 1;
|
|
2327
2327
|
const r = i ? Ko : Wo;
|
|
2328
2328
|
e[r.offset] = d.transform(-s);
|
|
2329
2329
|
const o = d.transform(t), a = d.transform(n);
|
|
2330
2330
|
e[r.array] = `${o} ${a}`;
|
|
2331
2331
|
}
|
|
2332
|
-
function
|
|
2332
|
+
function ko(e, {
|
|
2333
2333
|
attrX: t,
|
|
2334
2334
|
attrY: n,
|
|
2335
2335
|
attrScale: s,
|
|
@@ -2347,7 +2347,7 @@ function Go(e, {
|
|
|
2347
2347
|
}
|
|
2348
2348
|
e.attrs = e.style, e.style = {};
|
|
2349
2349
|
const { attrs: h, style: p, dimensions: m } = e;
|
|
2350
|
-
h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = $o(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 &&
|
|
2350
|
+
h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = $o(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && _o(h, o, a, l, !1);
|
|
2351
2351
|
}
|
|
2352
2352
|
const Ks = /* @__PURE__ */ new Set([
|
|
2353
2353
|
"baseFrequency",
|
|
@@ -2379,13 +2379,13 @@ function Ws(e, { style: t, vars: n }, s, i) {
|
|
|
2379
2379
|
for (const r in n)
|
|
2380
2380
|
e.style.setProperty(r, n[r]);
|
|
2381
2381
|
}
|
|
2382
|
-
function
|
|
2382
|
+
function Go(e, t, n, s) {
|
|
2383
2383
|
Ws(e, t, void 0, s);
|
|
2384
2384
|
for (const i in t.attrs)
|
|
2385
|
-
e.setAttribute(Ks.has(i) ? i :
|
|
2385
|
+
e.setAttribute(Ks.has(i) ? i : Ve(i), t.attrs[i]);
|
|
2386
2386
|
}
|
|
2387
2387
|
const zo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
|
|
2388
|
-
class
|
|
2388
|
+
class Uo extends Ls {
|
|
2389
2389
|
constructor() {
|
|
2390
2390
|
super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
|
|
2391
2391
|
}
|
|
@@ -2397,22 +2397,22 @@ class jo extends Ls {
|
|
|
2397
2397
|
const s = be(n);
|
|
2398
2398
|
return s && s.default || 0;
|
|
2399
2399
|
}
|
|
2400
|
-
return n = Ks.has(n) ? n :
|
|
2400
|
+
return n = Ks.has(n) ? n : Ve(n), t.getAttribute(n);
|
|
2401
2401
|
}
|
|
2402
2402
|
scrapeMotionValuesFromProps(t, n, s) {
|
|
2403
|
-
return
|
|
2403
|
+
return Vo(t, n, s);
|
|
2404
2404
|
}
|
|
2405
2405
|
build(t, n, s) {
|
|
2406
|
-
|
|
2406
|
+
ko(t, n, this.isSVGTag, s.transformTemplate);
|
|
2407
2407
|
}
|
|
2408
2408
|
renderInstance(t, n, s, i) {
|
|
2409
|
-
|
|
2409
|
+
Go(t, n, s, i);
|
|
2410
2410
|
}
|
|
2411
2411
|
mount(t) {
|
|
2412
2412
|
this.isSVGTag = zo(t.tagName), super.mount(t);
|
|
2413
2413
|
}
|
|
2414
2414
|
}
|
|
2415
|
-
function
|
|
2415
|
+
function jo({ top: e, left: t, right: n, bottom: s }) {
|
|
2416
2416
|
return {
|
|
2417
2417
|
x: { min: t, max: n },
|
|
2418
2418
|
y: { min: e, max: s }
|
|
@@ -2430,7 +2430,7 @@ function Ho(e, t) {
|
|
|
2430
2430
|
};
|
|
2431
2431
|
}
|
|
2432
2432
|
function Yo(e, t) {
|
|
2433
|
-
return
|
|
2433
|
+
return jo(Ho(e.getBoundingClientRect(), t));
|
|
2434
2434
|
}
|
|
2435
2435
|
function Xo(e) {
|
|
2436
2436
|
return window.getComputedStyle(e);
|
|
@@ -2497,7 +2497,7 @@ class Jo extends Is {
|
|
|
2497
2497
|
return 0;
|
|
2498
2498
|
}
|
|
2499
2499
|
}
|
|
2500
|
-
function
|
|
2500
|
+
function _s(e) {
|
|
2501
2501
|
const t = {
|
|
2502
2502
|
presenceContext: null,
|
|
2503
2503
|
props: {},
|
|
@@ -2511,7 +2511,7 @@ function ks(e) {
|
|
|
2511
2511
|
},
|
|
2512
2512
|
latestValues: {}
|
|
2513
2513
|
}
|
|
2514
|
-
}, n = wo(e) ? new
|
|
2514
|
+
}, n = wo(e) ? new Uo(t) : new qo(t);
|
|
2515
2515
|
n.mount(e), $.set(e, n);
|
|
2516
2516
|
}
|
|
2517
2517
|
function Qo(e) {
|
|
@@ -2534,7 +2534,7 @@ function ta(e, t, n) {
|
|
|
2534
2534
|
function ea(e, t) {
|
|
2535
2535
|
return P(e) || typeof e == "number" || typeof e == "string" && !ce(t);
|
|
2536
2536
|
}
|
|
2537
|
-
function
|
|
2537
|
+
function ks(e, t, n, s) {
|
|
2538
2538
|
const i = [];
|
|
2539
2539
|
if (ea(e, t))
|
|
2540
2540
|
i.push(ta(e, ce(t) && t.default || t, n && (n.default || n)));
|
|
@@ -2542,7 +2542,7 @@ function Gs(e, t, n, s) {
|
|
|
2542
2542
|
const r = qn(e, t, s), o = r.length;
|
|
2543
2543
|
I(!!o, "No valid elements provided.");
|
|
2544
2544
|
for (let a = 0; a < o; a++) {
|
|
2545
|
-
const l = r[a], u = l instanceof Element ?
|
|
2545
|
+
const l = r[a], u = l instanceof Element ? _s : Qo;
|
|
2546
2546
|
$.has(l) || u(l);
|
|
2547
2547
|
const c = $.get(l), f = { ...n };
|
|
2548
2548
|
"delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...So(c, { ...t, transition: f }, {}));
|
|
@@ -2553,7 +2553,7 @@ function Gs(e, t, n, s) {
|
|
|
2553
2553
|
function na(e, t, n) {
|
|
2554
2554
|
const s = [];
|
|
2555
2555
|
return $i(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
|
|
2556
|
-
s.push(...
|
|
2556
|
+
s.push(...ks(a, r, o));
|
|
2557
2557
|
}), s;
|
|
2558
2558
|
}
|
|
2559
2559
|
function sa(e) {
|
|
@@ -2562,7 +2562,7 @@ function sa(e) {
|
|
|
2562
2562
|
function ia(e) {
|
|
2563
2563
|
function t(n, s, i) {
|
|
2564
2564
|
let r = [];
|
|
2565
|
-
sa(n) ? r = na(n, s, e) : r =
|
|
2565
|
+
sa(n) ? r = na(n, s, e) : r = ks(n, s, i, e);
|
|
2566
2566
|
const o = new ae(r);
|
|
2567
2567
|
return e && e.animations.push(o), o;
|
|
2568
2568
|
}
|
|
@@ -2582,16 +2582,16 @@ const la = /* @__PURE__ */ Rt(() => {
|
|
|
2582
2582
|
return !1;
|
|
2583
2583
|
}
|
|
2584
2584
|
return !0;
|
|
2585
|
-
}),
|
|
2585
|
+
}), wt = /* @__PURE__ */ new WeakMap();
|
|
2586
2586
|
function ua(e, t, n) {
|
|
2587
2587
|
for (let s = 0; s < t.length; s++)
|
|
2588
|
-
t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" &&
|
|
2588
|
+
t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Qt[e] && (t[s] = Qt[e].transform(t[s]));
|
|
2589
2589
|
!la() && t.length < 2 && t.unshift(n());
|
|
2590
2590
|
}
|
|
2591
2591
|
const dn = "easeOut";
|
|
2592
2592
|
function pn(e) {
|
|
2593
|
-
const t =
|
|
2594
|
-
return
|
|
2593
|
+
const t = wt.get(e) || /* @__PURE__ */ new Map();
|
|
2594
|
+
return wt.set(e, t), wt.get(e);
|
|
2595
2595
|
}
|
|
2596
2596
|
class ca {
|
|
2597
2597
|
constructor(t, n, s, i) {
|
|
@@ -2600,19 +2600,19 @@ class ca {
|
|
|
2600
2600
|
const o = pn(t).get(n);
|
|
2601
2601
|
o && o.stop();
|
|
2602
2602
|
const a = () => n.startsWith("--") ? t.style.getPropertyValue(n) : window.getComputedStyle(t)[n];
|
|
2603
|
-
if (Array.isArray(s) || (s = [s]), ua(n, s, a),
|
|
2603
|
+
if (Array.isArray(s) || (s = [s]), ua(n, s, a), pt(i.type)) {
|
|
2604
2604
|
const u = Yn(i, 100, i.type);
|
|
2605
|
-
i.ease =
|
|
2605
|
+
i.ease = ut() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
|
|
2606
2606
|
} else
|
|
2607
2607
|
i.ease = i.ease || dn;
|
|
2608
2608
|
this.removeAnimation = () => {
|
|
2609
2609
|
var u;
|
|
2610
|
-
return (u =
|
|
2610
|
+
return (u = wt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
|
|
2611
2611
|
};
|
|
2612
2612
|
const l = () => {
|
|
2613
|
-
this.setValue(t, n,
|
|
2613
|
+
this.setValue(t, n, gt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
|
|
2614
2614
|
};
|
|
2615
|
-
Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline &&
|
|
2615
|
+
Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Mt(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
|
|
2616
2616
|
}
|
|
2617
2617
|
get duration() {
|
|
2618
2618
|
return B(this.options.duration || 300);
|
|
@@ -2669,7 +2669,7 @@ class ca {
|
|
|
2669
2669
|
});
|
|
2670
2670
|
}
|
|
2671
2671
|
attachTimeline(t) {
|
|
2672
|
-
return this.animation ?
|
|
2672
|
+
return this.animation ? Mt(this.animation, t) : this.pendingTimeline = t, K;
|
|
2673
2673
|
}
|
|
2674
2674
|
}
|
|
2675
2675
|
function fa(e, t, n, s) {
|
|
@@ -2693,8 +2693,8 @@ const ha = (e) => {
|
|
|
2693
2693
|
return new ae(fa(n, s, i, e));
|
|
2694
2694
|
}
|
|
2695
2695
|
return t;
|
|
2696
|
-
}, Nl = /* @__PURE__ */ ha(),
|
|
2697
|
-
let
|
|
2696
|
+
}, Nl = /* @__PURE__ */ ha(), Tt = /* @__PURE__ */ new WeakMap();
|
|
2697
|
+
let _;
|
|
2698
2698
|
function da(e, t) {
|
|
2699
2699
|
if (t) {
|
|
2700
2700
|
const { inlineSize: n, blockSize: s } = t[0];
|
|
@@ -2706,7 +2706,7 @@ function da(e, t) {
|
|
|
2706
2706
|
}
|
|
2707
2707
|
function pa({ target: e, contentRect: t, borderBoxSize: n }) {
|
|
2708
2708
|
var s;
|
|
2709
|
-
(s =
|
|
2709
|
+
(s = Tt.get(e)) === null || s === void 0 || s.forEach((i) => {
|
|
2710
2710
|
i({
|
|
2711
2711
|
target: e,
|
|
2712
2712
|
contentSize: t,
|
|
@@ -2720,18 +2720,18 @@ function ma(e) {
|
|
|
2720
2720
|
e.forEach(pa);
|
|
2721
2721
|
}
|
|
2722
2722
|
function ga() {
|
|
2723
|
-
typeof ResizeObserver > "u" || (
|
|
2723
|
+
typeof ResizeObserver > "u" || (_ = new ResizeObserver(ma));
|
|
2724
2724
|
}
|
|
2725
2725
|
function ya(e, t) {
|
|
2726
|
-
|
|
2726
|
+
_ || ga();
|
|
2727
2727
|
const n = It(e);
|
|
2728
2728
|
return n.forEach((s) => {
|
|
2729
|
-
let i =
|
|
2730
|
-
i || (i = /* @__PURE__ */ new Set(),
|
|
2729
|
+
let i = Tt.get(s);
|
|
2730
|
+
i || (i = /* @__PURE__ */ new Set(), Tt.set(s, i)), i.add(t), _ == null || _.observe(s);
|
|
2731
2731
|
}), () => {
|
|
2732
2732
|
n.forEach((s) => {
|
|
2733
|
-
const i =
|
|
2734
|
-
i == null || i.delete(t), i != null && i.size ||
|
|
2733
|
+
const i = Tt.get(s);
|
|
2734
|
+
i == null || i.delete(t), i != null && i.size || _ == null || _.unobserve(s);
|
|
2735
2735
|
});
|
|
2736
2736
|
};
|
|
2737
2737
|
}
|
|
@@ -2771,7 +2771,7 @@ const wa = 50, mn = () => ({
|
|
|
2771
2771
|
time: 0,
|
|
2772
2772
|
x: mn(),
|
|
2773
2773
|
y: mn()
|
|
2774
|
-
}),
|
|
2774
|
+
}), xa = {
|
|
2775
2775
|
x: {
|
|
2776
2776
|
length: "Width",
|
|
2777
2777
|
position: "Left"
|
|
@@ -2782,12 +2782,12 @@ const wa = 50, mn = () => ({
|
|
|
2782
2782
|
}
|
|
2783
2783
|
};
|
|
2784
2784
|
function gn(e, t, n, s) {
|
|
2785
|
-
const i = n[t], { length: r, position: o } =
|
|
2786
|
-
i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress =
|
|
2785
|
+
const i = n[t], { length: r, position: o } = xa[t], a = i.current, l = n.time;
|
|
2786
|
+
i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = dt(0, i.scrollLength, i.current);
|
|
2787
2787
|
const u = s - l;
|
|
2788
2788
|
i.velocity = u > wa ? 0 : oe(i.current - a, u);
|
|
2789
2789
|
}
|
|
2790
|
-
function
|
|
2790
|
+
function Va(e, t, n) {
|
|
2791
2791
|
gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
|
|
2792
2792
|
}
|
|
2793
2793
|
function Aa(e, t) {
|
|
@@ -2829,14 +2829,14 @@ const Ma = {
|
|
|
2829
2829
|
[0, 0],
|
|
2830
2830
|
[1, 1]
|
|
2831
2831
|
]
|
|
2832
|
-
},
|
|
2832
|
+
}, re = {
|
|
2833
2833
|
start: 0,
|
|
2834
2834
|
center: 0.5,
|
|
2835
2835
|
end: 1
|
|
2836
2836
|
};
|
|
2837
2837
|
function yn(e, t, n = 0) {
|
|
2838
2838
|
let s = 0;
|
|
2839
|
-
if (e in
|
|
2839
|
+
if (e in re && (e = re[e]), typeof e == "string") {
|
|
2840
2840
|
const i = parseFloat(e);
|
|
2841
2841
|
e.endsWith("px") ? s = i : e.endsWith("%") ? e = i / 100 : e.endsWith("vw") ? s = i / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? s = i / 100 * document.documentElement.clientHeight : e = i;
|
|
2842
2842
|
}
|
|
@@ -2845,7 +2845,7 @@ function yn(e, t, n = 0) {
|
|
|
2845
2845
|
const Ea = [0, 0];
|
|
2846
2846
|
function Pa(e, t, n, s) {
|
|
2847
2847
|
let i = Array.isArray(e) ? e : Ea, r = 0, o = 0;
|
|
2848
|
-
return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e,
|
|
2848
|
+
return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, re[e] ? e : "0"]), r = yn(i[0], n, s), o = yn(i[1], t), r - o;
|
|
2849
2849
|
}
|
|
2850
2850
|
const Ca = { x: 0, y: 0 };
|
|
2851
2851
|
function Fa(e) {
|
|
@@ -2863,7 +2863,7 @@ function Oa(e, t, n) {
|
|
|
2863
2863
|
const p = Pa(s[h], u[o], l[o], a[r]);
|
|
2864
2864
|
!c && p !== t[r].interpolatorOffsets[h] && (c = !0), t[r].offset[h] = p;
|
|
2865
2865
|
}
|
|
2866
|
-
c && (t[r].interpolate =
|
|
2866
|
+
c && (t[r].interpolate = xe(t[r].offset, ue(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
|
|
2867
2867
|
}
|
|
2868
2868
|
function Da(e, t = e, n) {
|
|
2869
2869
|
if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
|
|
@@ -2877,15 +2877,15 @@ function Ba(e, t, n, s = {}) {
|
|
|
2877
2877
|
return {
|
|
2878
2878
|
measure: () => Da(e, s.target, n),
|
|
2879
2879
|
update: (i) => {
|
|
2880
|
-
|
|
2880
|
+
Va(e, n, i), (s.offset || s.target) && Oa(e, n, s);
|
|
2881
2881
|
},
|
|
2882
2882
|
notify: () => t(n)
|
|
2883
2883
|
};
|
|
2884
2884
|
}
|
|
2885
|
-
const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(),
|
|
2885
|
+
const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), bn = (e) => e === document.documentElement ? window : e;
|
|
2886
2886
|
function Me(e, { container: t = document.documentElement, ...n } = {}) {
|
|
2887
|
-
let s =
|
|
2888
|
-
s || (s = /* @__PURE__ */ new Set(),
|
|
2887
|
+
let s = Gt.get(t);
|
|
2888
|
+
s || (s = /* @__PURE__ */ new Set(), Gt.set(t, s));
|
|
2889
2889
|
const i = Ta(), r = Ba(t, e, i, n);
|
|
2890
2890
|
if (s.add(r), !nt.has(t)) {
|
|
2891
2891
|
const a = () => {
|
|
@@ -2908,14 +2908,14 @@ function Me(e, { container: t = document.documentElement, ...n } = {}) {
|
|
|
2908
2908
|
return M.read(o, !1, !0), () => {
|
|
2909
2909
|
var a;
|
|
2910
2910
|
R(o);
|
|
2911
|
-
const l =
|
|
2911
|
+
const l = Gt.get(t);
|
|
2912
2912
|
if (!l || (l.delete(r), l.size))
|
|
2913
2913
|
return;
|
|
2914
2914
|
const u = nt.get(t);
|
|
2915
2915
|
nt.delete(t), u && (bn(t).removeEventListener("scroll", u), (a = vn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
|
|
2916
2916
|
};
|
|
2917
2917
|
}
|
|
2918
|
-
function
|
|
2918
|
+
function Gs(e, t) {
|
|
2919
2919
|
let n;
|
|
2920
2920
|
const s = () => {
|
|
2921
2921
|
const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
|
|
@@ -2934,27 +2934,27 @@ const zt = /* @__PURE__ */ new Map();
|
|
|
2934
2934
|
function zs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
|
|
2935
2935
|
e && (t = e), zt.has(t) || zt.set(t, {});
|
|
2936
2936
|
const s = zt.get(t);
|
|
2937
|
-
return s[n] || (s[n] =
|
|
2937
|
+
return s[n] || (s[n] = Un() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
|
|
2938
2938
|
}
|
|
2939
2939
|
function Ia(e) {
|
|
2940
2940
|
return e.length === 2;
|
|
2941
2941
|
}
|
|
2942
|
-
function
|
|
2942
|
+
function Us(e) {
|
|
2943
2943
|
return e && (e.target || e.offset);
|
|
2944
2944
|
}
|
|
2945
2945
|
function La(e, t) {
|
|
2946
|
-
return Ia(e) ||
|
|
2946
|
+
return Ia(e) || Us(t) ? Me((n) => {
|
|
2947
2947
|
e(n[t.axis].progress, n);
|
|
2948
|
-
}, t) :
|
|
2948
|
+
}, t) : Gs(e, zs(t));
|
|
2949
2949
|
}
|
|
2950
2950
|
function Na(e, t) {
|
|
2951
|
-
if (
|
|
2951
|
+
if (Us(t))
|
|
2952
2952
|
return e.pause(), Me((n) => {
|
|
2953
2953
|
e.time = e.duration * n[t.axis].progress;
|
|
2954
2954
|
}, t);
|
|
2955
2955
|
{
|
|
2956
2956
|
const n = zs(t);
|
|
2957
|
-
return e.attachTimeline(n, (s) => (s.pause(),
|
|
2957
|
+
return e.attachTimeline(n, (s) => (s.pause(), Gs((i) => {
|
|
2958
2958
|
s.time = s.duration * i;
|
|
2959
2959
|
}, n)));
|
|
2960
2960
|
}
|
|
@@ -2991,7 +2991,7 @@ function $l(e, t = "end") {
|
|
|
2991
2991
|
return H(0, 1, i / e);
|
|
2992
2992
|
};
|
|
2993
2993
|
}
|
|
2994
|
-
function
|
|
2994
|
+
function _a(e, t) {
|
|
2995
2995
|
if (e === "first")
|
|
2996
2996
|
return 0;
|
|
2997
2997
|
{
|
|
@@ -3001,24 +3001,24 @@ function ka(e, t) {
|
|
|
3001
3001
|
}
|
|
3002
3002
|
function Kl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
|
|
3003
3003
|
return (i, r) => {
|
|
3004
|
-
const o = typeof n == "number" ? n :
|
|
3004
|
+
const o = typeof n == "number" ? n : _a(n, r), a = Math.abs(o - i);
|
|
3005
3005
|
let l = e * a;
|
|
3006
3006
|
if (s) {
|
|
3007
3007
|
const u = r * e;
|
|
3008
|
-
l =
|
|
3008
|
+
l = te(s)(l / u) * u;
|
|
3009
3009
|
}
|
|
3010
3010
|
return t + l;
|
|
3011
3011
|
};
|
|
3012
3012
|
}
|
|
3013
|
-
const
|
|
3013
|
+
const ka = (e) => e && typeof e == "object" && e.mix, Ga = (e) => ka(e) ? e.mix : void 0;
|
|
3014
3014
|
function za(...e) {
|
|
3015
|
-
const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a =
|
|
3016
|
-
mixer:
|
|
3015
|
+
const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = xe(i, r, {
|
|
3016
|
+
mixer: Ga(r[0]),
|
|
3017
3017
|
...o
|
|
3018
3018
|
});
|
|
3019
3019
|
return t ? a(s) : a;
|
|
3020
3020
|
}
|
|
3021
|
-
function
|
|
3021
|
+
function Ua(e, t) {
|
|
3022
3022
|
const n = N.now(), s = ({ timestamp: i }) => {
|
|
3023
3023
|
const r = i - n;
|
|
3024
3024
|
r >= t && (R(s), e(r - t));
|
|
@@ -3026,15 +3026,15 @@ function ja(e, t) {
|
|
|
3026
3026
|
return M.read(s, !0), () => R(s);
|
|
3027
3027
|
}
|
|
3028
3028
|
function Wl(e, t) {
|
|
3029
|
-
return
|
|
3029
|
+
return Ua(e, C(t));
|
|
3030
3030
|
}
|
|
3031
3031
|
const Sn = (e, t) => Math.abs(e - t);
|
|
3032
|
-
function
|
|
3032
|
+
function _l(e, t) {
|
|
3033
3033
|
const n = Sn(e.x, t.x), s = Sn(e.y, t.y);
|
|
3034
3034
|
return Math.sqrt(n ** 2 + s ** 2);
|
|
3035
3035
|
}
|
|
3036
|
-
const
|
|
3037
|
-
function
|
|
3036
|
+
const kl = M, Gl = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
|
|
3037
|
+
function js(e, t) {
|
|
3038
3038
|
const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
|
|
3039
3039
|
return [(o) => {
|
|
3040
3040
|
const a = Js(s, o);
|
|
@@ -3050,7 +3050,7 @@ function Us(e, t) {
|
|
|
3050
3050
|
function Y(e) {
|
|
3051
3051
|
return !!(e && e.getVelocity);
|
|
3052
3052
|
}
|
|
3053
|
-
const [
|
|
3053
|
+
const [ja, Ha] = js("Motion");
|
|
3054
3054
|
function wn(e, t) {
|
|
3055
3055
|
if (typeof e == "object")
|
|
3056
3056
|
return e;
|
|
@@ -3149,7 +3149,7 @@ function il(e) {
|
|
|
3149
3149
|
return sl.has(e);
|
|
3150
3150
|
}
|
|
3151
3151
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
3152
|
-
const
|
|
3152
|
+
const xn = (e) => typeof e < "u", Vn = {
|
|
3153
3153
|
syntax: "<angle>",
|
|
3154
3154
|
initialValue: "0deg",
|
|
3155
3155
|
toDefaultUnit: (e) => `${e}deg`
|
|
@@ -3159,29 +3159,29 @@ const Vn = (e) => typeof e < "u", xn = {
|
|
|
3159
3159
|
initialValue: "0px",
|
|
3160
3160
|
toDefaultUnit: (e) => `${e}px`
|
|
3161
3161
|
},
|
|
3162
|
-
rotate:
|
|
3162
|
+
rotate: Vn,
|
|
3163
3163
|
scale: {
|
|
3164
3164
|
syntax: "<number>",
|
|
3165
3165
|
initialValue: 1,
|
|
3166
3166
|
toDefaultUnit: tl
|
|
3167
3167
|
},
|
|
3168
|
-
skew:
|
|
3169
|
-
}, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(),
|
|
3168
|
+
skew: Vn
|
|
3169
|
+
}, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Pt = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
|
|
3170
3170
|
ol.forEach((e) => {
|
|
3171
3171
|
al.forEach((t) => {
|
|
3172
|
-
|
|
3172
|
+
Pt.push(e + t), Ee.set(
|
|
3173
3173
|
e + t,
|
|
3174
3174
|
rl[e]
|
|
3175
3175
|
);
|
|
3176
3176
|
});
|
|
3177
3177
|
});
|
|
3178
|
-
const ll = new Set(
|
|
3178
|
+
const ll = new Set(Pt), ul = (e) => ll.has(e), An = {
|
|
3179
3179
|
x: "translateX",
|
|
3180
3180
|
y: "translateY",
|
|
3181
3181
|
z: "translateZ"
|
|
3182
3182
|
};
|
|
3183
3183
|
function cl([e], [t]) {
|
|
3184
|
-
return
|
|
3184
|
+
return Pt.indexOf(e) - Pt.indexOf(t);
|
|
3185
3185
|
}
|
|
3186
3186
|
function fl(e, [t, n]) {
|
|
3187
3187
|
return `${e} ${t}(${n})`;
|
|
@@ -3210,7 +3210,7 @@ const dl = {
|
|
|
3210
3210
|
Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
|
|
3211
3211
|
}
|
|
3212
3212
|
};
|
|
3213
|
-
function
|
|
3213
|
+
function Ut(e) {
|
|
3214
3214
|
var s;
|
|
3215
3215
|
const t = {}, n = [];
|
|
3216
3216
|
for (let i in e) {
|
|
@@ -3298,7 +3298,7 @@ const gl = Ot({
|
|
|
3298
3298
|
return s;
|
|
3299
3299
|
const r = s[i];
|
|
3300
3300
|
(l = r.props) == null || delete l.ref;
|
|
3301
|
-
const o = r.props ?
|
|
3301
|
+
const o = r.props ? In(t, r.props) : t;
|
|
3302
3302
|
t.class && ((u = r.props) != null && u.class) && delete r.props.class;
|
|
3303
3303
|
const a = ni(r, o);
|
|
3304
3304
|
for (const c in o)
|
|
@@ -3346,7 +3346,7 @@ class vl {
|
|
|
3346
3346
|
new bl(t),
|
|
3347
3347
|
new Sl(t),
|
|
3348
3348
|
new wl(t),
|
|
3349
|
-
new
|
|
3349
|
+
new Vl(t),
|
|
3350
3350
|
new Tl(t)
|
|
3351
3351
|
];
|
|
3352
3352
|
}
|
|
@@ -3360,7 +3360,7 @@ class vl {
|
|
|
3360
3360
|
this.features.forEach((t) => t.update());
|
|
3361
3361
|
}
|
|
3362
3362
|
}
|
|
3363
|
-
function
|
|
3363
|
+
function ct(e, t, n) {
|
|
3364
3364
|
e.dispatchEvent(
|
|
3365
3365
|
new CustomEvent(t, { detail: { originalEvent: n } })
|
|
3366
3366
|
);
|
|
@@ -3377,7 +3377,7 @@ class Ce extends Pe {
|
|
|
3377
3377
|
}
|
|
3378
3378
|
function En(e, t, n) {
|
|
3379
3379
|
return (s) => {
|
|
3380
|
-
s.pointerType && s.pointerType !== "mouse" || (n(),
|
|
3380
|
+
s.pointerType && s.pointerType !== "mouse" || (n(), ct(e, t, s));
|
|
3381
3381
|
};
|
|
3382
3382
|
}
|
|
3383
3383
|
class bl extends Ce {
|
|
@@ -3410,9 +3410,9 @@ class Sl extends Ce {
|
|
|
3410
3410
|
constructor(t) {
|
|
3411
3411
|
super(t), this.subscribeEvents = () => {
|
|
3412
3412
|
const n = this.state.getElement(), s = (r) => {
|
|
3413
|
-
this.state.setActive("press", !1),
|
|
3413
|
+
this.state.setActive("press", !1), ct(n, "pressend", r), window.removeEventListener("pointerup", s);
|
|
3414
3414
|
}, i = (r) => {
|
|
3415
|
-
this.state.setActive("press", !0),
|
|
3415
|
+
this.state.setActive("press", !0), ct(n, "pressstart", r), window.addEventListener("pointerup", s);
|
|
3416
3416
|
};
|
|
3417
3417
|
return n.addEventListener("pointerdown", i), () => {
|
|
3418
3418
|
n.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", s);
|
|
@@ -3435,9 +3435,9 @@ class wl extends Ce {
|
|
|
3435
3435
|
var r;
|
|
3436
3436
|
const n = this.state.getElement(), { once: s, ...i } = ((r = this.state.getOptions()) == null ? void 0 : r.inViewOptions) || {};
|
|
3437
3437
|
return Wa(n, (o) => {
|
|
3438
|
-
if (this.state.setActive("inView", !0),
|
|
3438
|
+
if (this.state.setActive("inView", !0), ct(n, "viewenter", o), !s)
|
|
3439
3439
|
return (a) => {
|
|
3440
|
-
this.state.setActive("inView", !1),
|
|
3440
|
+
this.state.setActive("inView", !1), ct(n, "viewleave", a);
|
|
3441
3441
|
};
|
|
3442
3442
|
}, i);
|
|
3443
3443
|
};
|
|
@@ -3498,13 +3498,13 @@ class Tl extends Pe {
|
|
|
3498
3498
|
});
|
|
3499
3499
|
}
|
|
3500
3500
|
}
|
|
3501
|
-
function
|
|
3501
|
+
function xl(e) {
|
|
3502
3502
|
return e instanceof SVGElement && e.tagName !== "svg";
|
|
3503
3503
|
}
|
|
3504
|
-
class
|
|
3504
|
+
class Vl extends Pe {
|
|
3505
3505
|
mount() {
|
|
3506
3506
|
const t = this.state.getElement();
|
|
3507
|
-
if (!
|
|
3507
|
+
if (!xl(t))
|
|
3508
3508
|
return;
|
|
3509
3509
|
const n = this.state.visualElement;
|
|
3510
3510
|
M.read(() => {
|
|
@@ -3521,22 +3521,21 @@ class xl extends Pe {
|
|
|
3521
3521
|
});
|
|
3522
3522
|
}
|
|
3523
3523
|
unmount() {
|
|
3524
|
-
console.log("SVGRender unmount");
|
|
3525
3524
|
}
|
|
3526
3525
|
}
|
|
3527
|
-
let
|
|
3526
|
+
let G;
|
|
3528
3527
|
const Pn = (e) => e.next(), Al = (e) => e.animateUpdates();
|
|
3529
3528
|
function Ml() {
|
|
3530
|
-
if (!
|
|
3529
|
+
if (!G)
|
|
3531
3530
|
return;
|
|
3532
|
-
const e =
|
|
3533
|
-
e.forEach(Pn), e.forEach(Pn),
|
|
3531
|
+
const e = G.sort(Pl).map(Al);
|
|
3532
|
+
e.forEach(Pn), e.forEach(Pn), G = void 0;
|
|
3534
3533
|
}
|
|
3535
3534
|
function Cn(e) {
|
|
3536
|
-
|
|
3535
|
+
G ? qa(G, e) : (G = [e], requestAnimationFrame(Ml));
|
|
3537
3536
|
}
|
|
3538
3537
|
function El(e) {
|
|
3539
|
-
|
|
3538
|
+
G && Za(G, e);
|
|
3540
3539
|
}
|
|
3541
3540
|
function Pl(e, t) {
|
|
3542
3541
|
return e.getDepth() - t.getDepth();
|
|
@@ -3544,7 +3543,7 @@ function Pl(e, t) {
|
|
|
3544
3543
|
function Fn(e, t, n) {
|
|
3545
3544
|
return new CustomEvent(e, { detail: { target: t, isExit: n } });
|
|
3546
3545
|
}
|
|
3547
|
-
const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"],
|
|
3546
|
+
const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ct = /* @__PURE__ */ new WeakMap();
|
|
3548
3547
|
class Cl {
|
|
3549
3548
|
constructor(t, n) {
|
|
3550
3549
|
this.element = null, this.context = {}, this.activeStates = {
|
|
@@ -3563,14 +3562,14 @@ class Cl {
|
|
|
3563
3562
|
this.baseTarget = wn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
|
|
3564
3563
|
}
|
|
3565
3564
|
get initial() {
|
|
3566
|
-
return
|
|
3565
|
+
return xn(this.options.initial) ? this.options.initial : this.context.initial;
|
|
3567
3566
|
}
|
|
3568
3567
|
mount(t) {
|
|
3569
3568
|
var s;
|
|
3570
3569
|
Xs(
|
|
3571
3570
|
!!t,
|
|
3572
3571
|
"Animation state must be mounted with valid Element"
|
|
3573
|
-
), this.element = t,
|
|
3572
|
+
), this.element = t, Ct.set(t, this), $.get(t) || _s(t);
|
|
3574
3573
|
const n = $.get(t);
|
|
3575
3574
|
if (this.visualElement = n, n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
|
|
3576
3575
|
for (const i in this.initial)
|
|
@@ -3582,7 +3581,7 @@ class Cl {
|
|
|
3582
3581
|
}
|
|
3583
3582
|
unmount() {
|
|
3584
3583
|
var t;
|
|
3585
|
-
|
|
3584
|
+
Ct.delete(this.element), El(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
|
|
3586
3585
|
}
|
|
3587
3586
|
update(t) {
|
|
3588
3587
|
var n;
|
|
@@ -3599,7 +3598,7 @@ class Cl {
|
|
|
3599
3598
|
if (!this.activeStates[l])
|
|
3600
3599
|
continue;
|
|
3601
3600
|
const u = wn(
|
|
3602
|
-
|
|
3601
|
+
xn(this.options[l]) ? this.options[l] : this.context[l],
|
|
3603
3602
|
this.options.variants
|
|
3604
3603
|
);
|
|
3605
3604
|
if (!u)
|
|
@@ -3655,12 +3654,12 @@ class Cl {
|
|
|
3655
3654
|
return this.target;
|
|
3656
3655
|
}
|
|
3657
3656
|
}
|
|
3658
|
-
const
|
|
3659
|
-
function
|
|
3660
|
-
const t =
|
|
3661
|
-
t && e.removeEventListener("motioncomplete", t),
|
|
3657
|
+
const Ft = /* @__PURE__ */ new Map();
|
|
3658
|
+
function jt(e) {
|
|
3659
|
+
const t = Ft.get(e);
|
|
3660
|
+
t && e.removeEventListener("motioncomplete", t), Ft.delete(e);
|
|
3662
3661
|
}
|
|
3663
|
-
const [Fl, Ol] =
|
|
3662
|
+
const [Fl, Ol] = js("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
|
|
3664
3663
|
name: "Motion",
|
|
3665
3664
|
inheritAttrs: !1,
|
|
3666
3665
|
__name: "Motion",
|
|
@@ -3695,7 +3694,7 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
|
|
|
3695
3694
|
inView: void 0
|
|
3696
3695
|
}),
|
|
3697
3696
|
setup(e) {
|
|
3698
|
-
const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i =
|
|
3697
|
+
const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i = ja(null), r = ri(), o = new Cl(
|
|
3699
3698
|
{
|
|
3700
3699
|
...r,
|
|
3701
3700
|
...t
|
|
@@ -3708,7 +3707,7 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
|
|
|
3708
3707
|
o.mount(a == null ? void 0 : a.vnode.el), o.update({
|
|
3709
3708
|
...r,
|
|
3710
3709
|
...t,
|
|
3711
|
-
style: { ...
|
|
3710
|
+
style: { ...Ut(o.getTarget()), ...t.style }
|
|
3712
3711
|
});
|
|
3713
3712
|
}), Dt(() => {
|
|
3714
3713
|
s(a == null ? void 0 : a.vnode.el) && o.unmount();
|
|
@@ -3731,9 +3730,9 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
|
|
|
3731
3730
|
Object.assign(u, f), Object.assign(c, h, t.style);
|
|
3732
3731
|
} else
|
|
3733
3732
|
Object.assign(c, t.style, o.getTarget());
|
|
3734
|
-
return c =
|
|
3733
|
+
return c = Ut(c), u.style = Ut(c), u;
|
|
3735
3734
|
}
|
|
3736
|
-
return (u, c) => (Nn(), $n(li(yl),
|
|
3735
|
+
return (u, c) => (Nn(), $n(li(yl), In({
|
|
3737
3736
|
as: u.as,
|
|
3738
3737
|
"as-child": u.asChild
|
|
3739
3738
|
}, l()), {
|
|
@@ -3743,9 +3742,9 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
|
|
|
3743
3742
|
_: 3
|
|
3744
3743
|
}, 16, ["as", "as-child"]));
|
|
3745
3744
|
}
|
|
3746
|
-
}),
|
|
3745
|
+
}), Ul = /* @__PURE__ */ Ot({
|
|
3747
3746
|
name: "AnimatePresence",
|
|
3748
|
-
inheritAttrs: !
|
|
3747
|
+
inheritAttrs: !0,
|
|
3749
3748
|
__name: "AnimatePresence",
|
|
3750
3749
|
props: {
|
|
3751
3750
|
mode: { default: "sync" },
|
|
@@ -3758,37 +3757,36 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
|
|
|
3758
3757
|
Ol({
|
|
3759
3758
|
initial: n,
|
|
3760
3759
|
safeUnmount(r) {
|
|
3761
|
-
return !
|
|
3760
|
+
return !Ft.has(r);
|
|
3762
3761
|
}
|
|
3763
3762
|
});
|
|
3764
3763
|
function s(r) {
|
|
3765
|
-
const o =
|
|
3766
|
-
o && (
|
|
3764
|
+
const o = Ct.get(r);
|
|
3765
|
+
o && (jt(r), o.setActive("exit", !1));
|
|
3767
3766
|
}
|
|
3768
3767
|
function i(r, o) {
|
|
3769
|
-
const a =
|
|
3768
|
+
const a = Ct.get(r);
|
|
3770
3769
|
if (!a)
|
|
3771
3770
|
return o();
|
|
3772
|
-
|
|
3771
|
+
jt(r);
|
|
3773
3772
|
function l(u) {
|
|
3774
3773
|
var c;
|
|
3775
|
-
(c = u == null ? void 0 : u.detail) != null && c.isExit && (
|
|
3774
|
+
(c = u == null ? void 0 : u.detail) != null && c.isExit && (jt(r), o(), r.__vnode.ctx.isUnmounted && a.unmount());
|
|
3776
3775
|
}
|
|
3777
|
-
|
|
3776
|
+
Ft.set(r, l), r.addEventListener("motioncomplete", l), a.setActive("exit", !0);
|
|
3778
3777
|
}
|
|
3779
|
-
return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi),
|
|
3778
|
+
return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi), {
|
|
3780
3779
|
tag: r.multiple ? r.as : void 0,
|
|
3781
3780
|
css: !1,
|
|
3782
|
-
mode: r.mode === "wait" ? "out-in" : void 0
|
|
3783
|
-
}, r.$attrs, {
|
|
3781
|
+
mode: r.mode === "wait" ? "out-in" : void 0,
|
|
3784
3782
|
onEnter: s,
|
|
3785
3783
|
onLeave: i
|
|
3786
|
-
}
|
|
3784
|
+
}, {
|
|
3787
3785
|
default: Kn(() => [
|
|
3788
3786
|
Wn(r.$slots, "default")
|
|
3789
3787
|
]),
|
|
3790
3788
|
_: 3
|
|
3791
|
-
},
|
|
3789
|
+
}, 40, ["tag", "mode"]));
|
|
3792
3790
|
}
|
|
3793
3791
|
});
|
|
3794
3792
|
function Fe(e) {
|
|
@@ -3808,22 +3806,22 @@ function Fe(e) {
|
|
|
3808
3806
|
};
|
|
3809
3807
|
}
|
|
3810
3808
|
function Dl(e) {
|
|
3811
|
-
|
|
3809
|
+
k.current = [];
|
|
3812
3810
|
const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
|
|
3813
|
-
return n(
|
|
3814
|
-
s(),
|
|
3811
|
+
return n(k.current), k.current = void 0, _n(() => {
|
|
3812
|
+
s(), k.current = [], e(), n(k.current), k.current = void 0;
|
|
3815
3813
|
}), t;
|
|
3816
3814
|
}
|
|
3817
|
-
function
|
|
3815
|
+
function jl(e, t, n, s) {
|
|
3818
3816
|
if (typeof e == "function")
|
|
3819
3817
|
return Dl(e);
|
|
3820
3818
|
const i = typeof t == "function" ? t : za(t, n, s);
|
|
3821
|
-
return Array.isArray(e) ?
|
|
3819
|
+
return Array.isArray(e) ? Dn(
|
|
3822
3820
|
e,
|
|
3823
3821
|
i
|
|
3824
|
-
) :
|
|
3822
|
+
) : Dn([e], ([r]) => i(r));
|
|
3825
3823
|
}
|
|
3826
|
-
function
|
|
3824
|
+
function Dn(e, t) {
|
|
3827
3825
|
const n = [], { value: s, subscribe: i } = Fe(() => {
|
|
3828
3826
|
n.length = 0;
|
|
3829
3827
|
const r = e.length;
|
|
@@ -3838,7 +3836,7 @@ function Bl(e) {
|
|
|
3838
3836
|
const n = ({ timestamp: i, delta: r }) => {
|
|
3839
3837
|
t || (t = i), e(i - t, r);
|
|
3840
3838
|
}, s = () => R(n);
|
|
3841
|
-
|
|
3839
|
+
_n(() => {
|
|
3842
3840
|
s(), M.update(n, !0);
|
|
3843
3841
|
}), Dt(() => s()), M.update(n, !0);
|
|
3844
3842
|
}
|
|
@@ -3860,13 +3858,13 @@ function Yl(e, ...t) {
|
|
|
3860
3858
|
const { value: i, subscribe: r } = Fe(s);
|
|
3861
3859
|
return r(t.filter(Y)), i;
|
|
3862
3860
|
}
|
|
3863
|
-
function
|
|
3861
|
+
function Bn(e) {
|
|
3864
3862
|
return typeof e == "number" ? e : parseFloat(e);
|
|
3865
3863
|
}
|
|
3866
3864
|
function Xl(e, t = {}) {
|
|
3867
3865
|
let n = null;
|
|
3868
3866
|
const s = D(
|
|
3869
|
-
Y(e) ?
|
|
3867
|
+
Y(e) ? Bn(e.get()) : e
|
|
3870
3868
|
);
|
|
3871
3869
|
let i = s.get(), r = () => {
|
|
3872
3870
|
};
|
|
@@ -3884,14 +3882,14 @@ function Xl(e, t = {}) {
|
|
|
3884
3882
|
onUpdate: r
|
|
3885
3883
|
});
|
|
3886
3884
|
};
|
|
3887
|
-
return
|
|
3885
|
+
return kn(() => JSON.stringify(t), () => {
|
|
3888
3886
|
const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
|
|
3889
3887
|
di(() => l());
|
|
3890
3888
|
}, { immediate: !0 }), Y(e) && e.on("change", (l) => {
|
|
3891
|
-
s.set(
|
|
3889
|
+
s.set(Bn(l));
|
|
3892
3890
|
}), s;
|
|
3893
3891
|
}
|
|
3894
|
-
function
|
|
3892
|
+
function Rn(e, t) {
|
|
3895
3893
|
Ys(
|
|
3896
3894
|
!!(!t || t.value),
|
|
3897
3895
|
`You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
|
|
@@ -3925,8 +3923,8 @@ function ql({
|
|
|
3925
3923
|
);
|
|
3926
3924
|
};
|
|
3927
3925
|
return Ln(() => {
|
|
3928
|
-
|
|
3929
|
-
}), Dt(() => i == null ? void 0 : i()),
|
|
3926
|
+
Rn("target", t), Rn("container", e), r();
|
|
3927
|
+
}), Dt(() => i == null ? void 0 : i()), kn(
|
|
3930
3928
|
() => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
|
|
3931
3929
|
r
|
|
3932
3930
|
), s;
|
|
@@ -3947,7 +3945,7 @@ const Zl = {
|
|
|
3947
3945
|
]
|
|
3948
3946
|
};
|
|
3949
3947
|
export {
|
|
3950
|
-
|
|
3948
|
+
Ul as AnimatePresence,
|
|
3951
3949
|
zl as Motion,
|
|
3952
3950
|
wi as MotionValue,
|
|
3953
3951
|
ra as animate,
|
|
@@ -3957,17 +3955,17 @@ export {
|
|
|
3957
3955
|
ns as backInOut,
|
|
3958
3956
|
es as backOut,
|
|
3959
3957
|
R as cancelFrame,
|
|
3960
|
-
|
|
3958
|
+
Gl as cancelSync,
|
|
3961
3959
|
de as circIn,
|
|
3962
3960
|
is as circInOut,
|
|
3963
3961
|
Ji as circOut,
|
|
3964
3962
|
H as clamp,
|
|
3965
3963
|
Zl as components,
|
|
3966
3964
|
ia as createScopedAnimate,
|
|
3967
|
-
|
|
3965
|
+
yt as cubicBezier,
|
|
3968
3966
|
Wl as delay,
|
|
3969
3967
|
Sn as distance,
|
|
3970
|
-
|
|
3968
|
+
_l as distance2D,
|
|
3971
3969
|
Rr as easeIn,
|
|
3972
3970
|
Ts as easeInOut,
|
|
3973
3971
|
Ir as easeOut,
|
|
@@ -3976,29 +3974,29 @@ export {
|
|
|
3976
3974
|
Ll as frameSteps,
|
|
3977
3975
|
Wa as inView,
|
|
3978
3976
|
nn as inertia,
|
|
3979
|
-
|
|
3977
|
+
xe as interpolate,
|
|
3980
3978
|
I as invariant,
|
|
3981
|
-
|
|
3979
|
+
At as keyframes,
|
|
3982
3980
|
Qn as mirrorEasing,
|
|
3983
|
-
|
|
3981
|
+
Vs as mix,
|
|
3984
3982
|
D as motionValue,
|
|
3985
3983
|
we as pipe,
|
|
3986
|
-
|
|
3984
|
+
dt as progress,
|
|
3987
3985
|
ts as reverseEasing,
|
|
3988
3986
|
$a as scroll,
|
|
3989
3987
|
Me as scrollInfo,
|
|
3990
3988
|
le as spring,
|
|
3991
3989
|
Kl as stagger,
|
|
3992
3990
|
$l as steps,
|
|
3993
|
-
|
|
3991
|
+
kl as sync,
|
|
3994
3992
|
za as transform,
|
|
3995
3993
|
Yl as useMotionTemplate,
|
|
3996
3994
|
D as useMotionValue,
|
|
3997
3995
|
ql as useScroll,
|
|
3998
3996
|
Xl as useSpring,
|
|
3999
3997
|
Hl as useTime,
|
|
4000
|
-
|
|
3998
|
+
jl as useTransform,
|
|
4001
3999
|
Jl as utilities,
|
|
4002
|
-
|
|
4000
|
+
ft as warning,
|
|
4003
4001
|
Di as wrap
|
|
4004
4002
|
};
|