@ssgoi/core 7.3.0 → 7.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var O = (t, e, n) =>
|
|
1
|
+
var De = Object.defineProperty;
|
|
2
|
+
var Fe = (t, e, n) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
|
|
3
|
+
var O = (t, e, n) => Fe(t, typeof e != "symbol" ? e + "" : e, n);
|
|
4
4
|
import { d as k, w as D } from "./index-B_K3Vnj-.js";
|
|
5
|
-
import { W as
|
|
6
|
-
import { A as
|
|
7
|
-
import { P as
|
|
8
|
-
import { F as
|
|
9
|
-
class
|
|
5
|
+
import { W as S, M as I, r as ot } from "./retain-opacity-BVcRlLr1.js";
|
|
6
|
+
import { A as hr } from "./retain-opacity-BVcRlLr1.js";
|
|
7
|
+
import { P as Me, I as E, S as Pt, b as Te, d as vt, a as Ye, D as Le } from "./provider-BLf6XeXT.js";
|
|
8
|
+
import { F as He, a as ze, p as it, S as Ne } from "./page-motion-CoPTk-Gd.js";
|
|
9
|
+
class We {
|
|
10
10
|
constructor(e) {
|
|
11
11
|
O(this, "durationSec");
|
|
12
12
|
this.durationSec = Math.max(1 / 60, e.durationSec);
|
|
@@ -18,7 +18,7 @@ class Ne {
|
|
|
18
18
|
return (r > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: r * c };
|
|
19
19
|
}
|
|
20
20
|
isSettled(e, n) {
|
|
21
|
-
return Math.abs(e.position - n) <
|
|
21
|
+
return Math.abs(e.position - n) < Me;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
function Ft(t, e) {
|
|
@@ -70,7 +70,7 @@ const Ht = 8, zt = {
|
|
|
70
70
|
doubleSpring: 1.2
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
function
|
|
73
|
+
function Xe({
|
|
74
74
|
direction: t
|
|
75
75
|
}) {
|
|
76
76
|
const e = t === "forward" ? Ht : -Ht;
|
|
@@ -95,22 +95,22 @@ function We({
|
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function Ve() {
|
|
99
99
|
return {
|
|
100
100
|
outPhysics: zt,
|
|
101
101
|
inPhysics: zt,
|
|
102
102
|
// Both sides run together — the cross-fade is the whole point of the
|
|
103
103
|
// snappy feel. (fluid's sibling uses staggered fade-through.)
|
|
104
104
|
composition: { mode: "parallel", startAt: [0, 0] },
|
|
105
|
-
build:
|
|
105
|
+
build: Xe
|
|
106
106
|
};
|
|
107
107
|
}
|
|
108
|
-
const Nt = 30,
|
|
108
|
+
const Nt = 30, Be = {
|
|
109
109
|
inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
|
|
110
|
-
},
|
|
110
|
+
}, Ue = {
|
|
111
111
|
spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
|
|
112
112
|
};
|
|
113
|
-
function
|
|
113
|
+
function je({
|
|
114
114
|
direction: t
|
|
115
115
|
}) {
|
|
116
116
|
const e = t === "forward" ? 1 : -1, n = -Nt * e, o = Nt * e;
|
|
@@ -136,26 +136,26 @@ function Ue({
|
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
}
|
|
139
|
-
function
|
|
139
|
+
function Ze() {
|
|
140
140
|
return {
|
|
141
|
-
outPhysics:
|
|
142
|
-
inPhysics:
|
|
141
|
+
outPhysics: Be,
|
|
142
|
+
inPhysics: Ue,
|
|
143
143
|
// Phased motion: outgoing falls away first under inertia, then incoming
|
|
144
144
|
// springs in. The fade-through shape comes from the integrator curves
|
|
145
145
|
// plus the sequence handoff, not from FADE_SPLIT inside animate(t).
|
|
146
146
|
composition: { mode: "sequence" },
|
|
147
|
-
build:
|
|
147
|
+
build: je
|
|
148
148
|
};
|
|
149
149
|
}
|
|
150
|
-
const
|
|
151
|
-
snappy:
|
|
152
|
-
fluid:
|
|
153
|
-
}, Wt = 8,
|
|
150
|
+
const Ge = {
|
|
151
|
+
snappy: Ve(),
|
|
152
|
+
fluid: Ze()
|
|
153
|
+
}, Wt = 8, qe = {
|
|
154
154
|
inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
|
|
155
|
-
},
|
|
155
|
+
}, Ke = {
|
|
156
156
|
spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
|
|
157
157
|
};
|
|
158
|
-
function
|
|
158
|
+
function Je({
|
|
159
159
|
direction: t
|
|
160
160
|
}) {
|
|
161
161
|
const e = t === "forward" ? 1 : -1, n = -Wt * e, o = Wt * e;
|
|
@@ -181,17 +181,17 @@ function Ke({
|
|
|
181
181
|
}
|
|
182
182
|
};
|
|
183
183
|
}
|
|
184
|
-
function
|
|
184
|
+
function Qe() {
|
|
185
185
|
return {
|
|
186
|
-
outPhysics:
|
|
187
|
-
inPhysics:
|
|
186
|
+
outPhysics: qe,
|
|
187
|
+
inPhysics: Ke,
|
|
188
188
|
composition: { mode: "sequence" },
|
|
189
|
-
build:
|
|
189
|
+
build: Je
|
|
190
190
|
};
|
|
191
191
|
}
|
|
192
|
-
const
|
|
192
|
+
const tn = 40, en = {
|
|
193
193
|
inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
|
|
194
|
-
},
|
|
194
|
+
}, nn = {
|
|
195
195
|
spring: {
|
|
196
196
|
stiffness: 400,
|
|
197
197
|
damping: 30,
|
|
@@ -200,8 +200,8 @@ const Qe = 40, tn = {
|
|
|
200
200
|
restSpeed: 0.1
|
|
201
201
|
}
|
|
202
202
|
};
|
|
203
|
-
function
|
|
204
|
-
const e =
|
|
203
|
+
function on(t) {
|
|
204
|
+
const e = tn;
|
|
205
205
|
return {
|
|
206
206
|
out: {
|
|
207
207
|
willChange: "opacity",
|
|
@@ -223,22 +223,22 @@ function nn(t) {
|
|
|
223
223
|
}
|
|
224
224
|
};
|
|
225
225
|
}
|
|
226
|
-
function
|
|
226
|
+
function rn() {
|
|
227
227
|
return {
|
|
228
|
-
outPhysics:
|
|
229
|
-
inPhysics:
|
|
228
|
+
outPhysics: en,
|
|
229
|
+
inPhysics: nn,
|
|
230
230
|
composition: { mode: "parallel", startAt: [0, 0] },
|
|
231
|
-
build:
|
|
231
|
+
build: on
|
|
232
232
|
};
|
|
233
233
|
}
|
|
234
|
-
const Xt =
|
|
234
|
+
const Xt = Qe(), sn = {
|
|
235
235
|
snappy: Xt,
|
|
236
236
|
directional: Xt,
|
|
237
|
-
"non-directional":
|
|
237
|
+
"non-directional": rn()
|
|
238
238
|
}, Vt = {
|
|
239
239
|
spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
|
|
240
240
|
}, ut = 0.1, ft = 1 / 3, Bt = (t) => Math.max(0, Math.min(1, t));
|
|
241
|
-
function
|
|
241
|
+
function an({
|
|
242
242
|
direction: t
|
|
243
243
|
}) {
|
|
244
244
|
const e = t === "forward" ? 1 : -1, n = 1 - e * ut;
|
|
@@ -264,20 +264,20 @@ function sn({
|
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
266
|
}
|
|
267
|
-
function
|
|
267
|
+
function cn() {
|
|
268
268
|
return {
|
|
269
269
|
outPhysics: Vt,
|
|
270
270
|
inPhysics: Vt,
|
|
271
271
|
// Scale must move together on both sides; fade-through is encoded inside
|
|
272
272
|
// each tick (piecewise), not via composition staggering — so parallel.
|
|
273
273
|
composition: { mode: "parallel" },
|
|
274
|
-
build:
|
|
274
|
+
build: an
|
|
275
275
|
};
|
|
276
276
|
}
|
|
277
277
|
const Ut = {
|
|
278
278
|
spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
|
|
279
279
|
}, ht = 0.1, yt = 1 / 3, jt = (t) => Math.max(0, Math.min(1, t));
|
|
280
|
-
function
|
|
280
|
+
function ln() {
|
|
281
281
|
return {
|
|
282
282
|
out: {
|
|
283
283
|
willChange: "opacity",
|
|
@@ -299,28 +299,28 @@ function cn() {
|
|
|
299
299
|
}
|
|
300
300
|
};
|
|
301
301
|
}
|
|
302
|
-
function
|
|
302
|
+
function dn() {
|
|
303
303
|
return {
|
|
304
304
|
outPhysics: Ut,
|
|
305
305
|
inPhysics: Ut,
|
|
306
306
|
composition: { mode: "parallel" },
|
|
307
|
-
build:
|
|
307
|
+
build: ln
|
|
308
308
|
};
|
|
309
309
|
}
|
|
310
|
-
const Zt =
|
|
310
|
+
const Zt = cn(), pn = {
|
|
311
311
|
snappy: Zt,
|
|
312
312
|
directional: Zt,
|
|
313
|
-
"non-directional":
|
|
314
|
-
},
|
|
315
|
-
x:
|
|
316
|
-
y:
|
|
317
|
-
z:
|
|
313
|
+
"non-directional": dn()
|
|
314
|
+
}, un = {
|
|
315
|
+
x: Ge,
|
|
316
|
+
y: sn,
|
|
317
|
+
z: pn
|
|
318
318
|
};
|
|
319
|
-
function
|
|
320
|
-
const n =
|
|
319
|
+
function fn(t, e) {
|
|
320
|
+
const n = un[t];
|
|
321
321
|
return n[e] ?? n.snappy;
|
|
322
322
|
}
|
|
323
|
-
const
|
|
323
|
+
const hn = "x", yn = "snappy";
|
|
324
324
|
function Gt(t, e) {
|
|
325
325
|
t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
|
|
326
326
|
for (const [n, o] of Object.entries(e.startStyle))
|
|
@@ -329,11 +329,11 @@ function Gt(t, e) {
|
|
|
329
329
|
function ue(t) {
|
|
330
330
|
t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
|
|
331
331
|
}
|
|
332
|
-
function
|
|
332
|
+
function mn(t) {
|
|
333
333
|
ue(t), t.style.pointerEvents = "";
|
|
334
334
|
}
|
|
335
|
-
const
|
|
336
|
-
const e = t.type ??
|
|
335
|
+
const gn = (t = {}) => {
|
|
336
|
+
const e = t.type ?? hn, n = t.feel ?? yn, o = fn(e, n), i = (r) => {
|
|
337
337
|
const c = o.build({ direction: r });
|
|
338
338
|
return {
|
|
339
339
|
prepare: ({ from: s, to: l }) => (s.then((a) => {
|
|
@@ -346,7 +346,7 @@ const mn = (t = {}) => {
|
|
|
346
346
|
const y = X(a, "from"), u = X(a, "to");
|
|
347
347
|
s.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
|
|
348
348
|
}
|
|
349
|
-
const d = new
|
|
349
|
+
const d = new S({
|
|
350
350
|
element: s,
|
|
351
351
|
integrator: E.from(o.outPhysics),
|
|
352
352
|
style: (y) => c.out.animate(y),
|
|
@@ -354,8 +354,8 @@ const mn = (t = {}) => {
|
|
|
354
354
|
// covers willChange/backfaceVisibility/contain/transform/opacity (from
|
|
355
355
|
// applyStartStyle + the WAAPI final frame), pointerEvents (set in
|
|
356
356
|
// prepare), and clipPath (set above for z; harmless no-op otherwise).
|
|
357
|
-
onDispose: () =>
|
|
358
|
-
}), p = new
|
|
357
|
+
onDispose: () => mn(s)
|
|
358
|
+
}), p = new S({
|
|
359
359
|
element: l,
|
|
360
360
|
integrator: E.from(o.inPhysics),
|
|
361
361
|
style: (y) => c.in.animate(y),
|
|
@@ -373,19 +373,19 @@ const mn = (t = {}) => {
|
|
|
373
373
|
backward: i("backward")
|
|
374
374
|
});
|
|
375
375
|
};
|
|
376
|
-
function
|
|
376
|
+
function bn(t, e, n) {
|
|
377
377
|
return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
|
|
378
378
|
}
|
|
379
|
-
function
|
|
380
|
-
const n = t.type ?? "x", o = t.variant, i = t.feel, r =
|
|
379
|
+
function Ui(t = {}, e = {}) {
|
|
380
|
+
const n = t.type ?? "x", o = t.variant, i = t.feel, r = bn(n, o, i);
|
|
381
381
|
return D(
|
|
382
|
-
|
|
382
|
+
gn({ type: n, feel: r }),
|
|
383
383
|
e.override
|
|
384
384
|
);
|
|
385
385
|
}
|
|
386
|
-
const
|
|
386
|
+
const wn = {
|
|
387
387
|
spring: { stiffness: 200, damping: 22 }
|
|
388
|
-
},
|
|
388
|
+
}, xn = 10, Sn = "horizontal", En = "#000000";
|
|
389
389
|
function qt(t, e, n, o, i, r) {
|
|
390
390
|
window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
|
|
391
391
|
const s = document.createElement("div");
|
|
@@ -433,8 +433,8 @@ function qt(t, e, n, o, i, r) {
|
|
|
433
433
|
}
|
|
434
434
|
return t.appendChild(s), { container: s, blinds: l };
|
|
435
435
|
}
|
|
436
|
-
const
|
|
437
|
-
const e = t.blindCount ??
|
|
436
|
+
const $n = (t = {}) => {
|
|
437
|
+
const e = t.blindCount ?? xn, n = t.direction ?? Sn, o = t.blindColor ?? En, i = t.physics ?? wn, r = {
|
|
438
438
|
prepare: async ({ from: c, to: s, signal: l, onCleanup: a }) => {
|
|
439
439
|
const d = await c, p = await s;
|
|
440
440
|
if (l != null && l.aborted) throw new Error("Blind preparation superseded");
|
|
@@ -475,7 +475,7 @@ const En = (t = {}) => {
|
|
|
475
475
|
toContainer: p
|
|
476
476
|
}) => {
|
|
477
477
|
const y = l.map(
|
|
478
|
-
(b, g) => new
|
|
478
|
+
(b, g) => new S({
|
|
479
479
|
element: b,
|
|
480
480
|
motion: {
|
|
481
481
|
lifetime: "temporary",
|
|
@@ -489,7 +489,7 @@ const En = (t = {}) => {
|
|
|
489
489
|
})
|
|
490
490
|
})
|
|
491
491
|
), u = d.map(
|
|
492
|
-
(b, g) => new
|
|
492
|
+
(b, g) => new S({
|
|
493
493
|
element: b,
|
|
494
494
|
motion: {
|
|
495
495
|
lifetime: "temporary",
|
|
@@ -513,9 +513,9 @@ const En = (t = {}) => {
|
|
|
513
513
|
};
|
|
514
514
|
return k({ forward: r, backward: r });
|
|
515
515
|
};
|
|
516
|
-
function
|
|
516
|
+
function ji(t = {}, e = {}) {
|
|
517
517
|
const { type: n = "horizontal" } = t;
|
|
518
|
-
return D(
|
|
518
|
+
return D($n({ direction: n }), e.override);
|
|
519
519
|
}
|
|
520
520
|
function K(t, e = {}) {
|
|
521
521
|
const n = Object.fromEntries(
|
|
@@ -535,14 +535,14 @@ function J(t) {
|
|
|
535
535
|
e == null || e(), t.releaseFill();
|
|
536
536
|
};
|
|
537
537
|
}
|
|
538
|
-
const
|
|
538
|
+
const Cn = {
|
|
539
539
|
spring: {
|
|
540
540
|
stiffness: 250,
|
|
541
541
|
damping: 23,
|
|
542
542
|
doubleSpring: 0.7
|
|
543
543
|
}
|
|
544
|
-
},
|
|
545
|
-
function
|
|
544
|
+
}, j = 0.5;
|
|
545
|
+
function An(t) {
|
|
546
546
|
const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
|
|
547
547
|
return {
|
|
548
548
|
out: {
|
|
@@ -550,29 +550,29 @@ function Cn(t) {
|
|
|
550
550
|
startStyle: {},
|
|
551
551
|
animate: (o) => ({
|
|
552
552
|
transform: `translate3d(${e * o}%, 0, 0)`,
|
|
553
|
-
opacity: `${
|
|
553
|
+
opacity: `${j + (1 - j) * (1 - o)}`
|
|
554
554
|
})
|
|
555
555
|
},
|
|
556
556
|
in: {
|
|
557
557
|
willChange: "transform, opacity",
|
|
558
558
|
startStyle: {
|
|
559
559
|
transform: `translate3d(${n}%, 0, 0)`,
|
|
560
|
-
opacity: `${
|
|
560
|
+
opacity: `${j}`
|
|
561
561
|
},
|
|
562
562
|
animate: (o) => ({
|
|
563
563
|
transform: `translate3d(${n * (1 - o)}%, 0, 0)`,
|
|
564
|
-
opacity: `${
|
|
564
|
+
opacity: `${j + (1 - j) * o}`
|
|
565
565
|
})
|
|
566
566
|
}
|
|
567
567
|
};
|
|
568
568
|
}
|
|
569
|
-
function
|
|
569
|
+
function Pn() {
|
|
570
570
|
return {
|
|
571
|
-
physics:
|
|
572
|
-
build:
|
|
571
|
+
physics: Cn,
|
|
572
|
+
build: An
|
|
573
573
|
};
|
|
574
574
|
}
|
|
575
|
-
const
|
|
575
|
+
const vn = {
|
|
576
576
|
spring: {
|
|
577
577
|
stiffness: 230,
|
|
578
578
|
damping: 25,
|
|
@@ -582,7 +582,7 @@ const Pn = {
|
|
|
582
582
|
}
|
|
583
583
|
}
|
|
584
584
|
};
|
|
585
|
-
function
|
|
585
|
+
function Rn(t) {
|
|
586
586
|
const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
|
|
587
587
|
return {
|
|
588
588
|
out: {
|
|
@@ -603,23 +603,23 @@ function vn(t) {
|
|
|
603
603
|
}
|
|
604
604
|
};
|
|
605
605
|
}
|
|
606
|
-
function
|
|
606
|
+
function In() {
|
|
607
607
|
return {
|
|
608
|
-
physics:
|
|
609
|
-
build:
|
|
608
|
+
physics: vn,
|
|
609
|
+
build: Rn
|
|
610
610
|
};
|
|
611
611
|
}
|
|
612
|
-
const
|
|
613
|
-
parallax:
|
|
614
|
-
crossfade:
|
|
615
|
-
}, L = "0", fe = "1", M = "2",
|
|
612
|
+
const On = {
|
|
613
|
+
parallax: In(),
|
|
614
|
+
crossfade: Pn()
|
|
615
|
+
}, L = "0", fe = "1", M = "2", _n = "parallax";
|
|
616
616
|
function Kt(t, e) {
|
|
617
617
|
t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
|
|
618
618
|
for (const [n, o] of Object.entries(e.startStyle))
|
|
619
619
|
t.style[n] = o;
|
|
620
620
|
}
|
|
621
|
-
const
|
|
622
|
-
const e =
|
|
621
|
+
const kn = (t = {}) => {
|
|
622
|
+
const e = On[t.type ?? _n], n = e.physics, o = (i) => {
|
|
623
623
|
const r = i === "forward" ? "enter" : "exit", c = e.build(r), s = r === "enter" ? L : M, l = r === "enter" ? M : L;
|
|
624
624
|
return {
|
|
625
625
|
prepare: ({ from: a, to: d }) => (a.then((p) => {
|
|
@@ -628,7 +628,7 @@ const _n = (t = {}) => {
|
|
|
628
628
|
Kt(p, c.in), p.style.position = "relative", p.style.zIndex = l;
|
|
629
629
|
}), {}),
|
|
630
630
|
animation: ({ from: a, to: d }) => {
|
|
631
|
-
const p = new
|
|
631
|
+
const p = new S({
|
|
632
632
|
element: a,
|
|
633
633
|
integrator: E.from(n),
|
|
634
634
|
style: (u) => c.out.animate(u),
|
|
@@ -638,7 +638,7 @@ const _n = (t = {}) => {
|
|
|
638
638
|
onDispose: () => {
|
|
639
639
|
a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
|
|
640
640
|
}
|
|
641
|
-
}), y = new
|
|
641
|
+
}), y = new S({
|
|
642
642
|
element: d,
|
|
643
643
|
integrator: E.from(n),
|
|
644
644
|
style: (u) => c.in.animate(u),
|
|
@@ -658,20 +658,20 @@ const _n = (t = {}) => {
|
|
|
658
658
|
backward: o("backward")
|
|
659
659
|
});
|
|
660
660
|
};
|
|
661
|
-
function
|
|
661
|
+
function Dn(t) {
|
|
662
662
|
return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
|
|
663
663
|
}
|
|
664
|
-
function
|
|
665
|
-
const n = t.type, o =
|
|
666
|
-
return D(
|
|
664
|
+
function Zi(t = {}, e = {}) {
|
|
665
|
+
const n = t.type, o = Dn(n);
|
|
666
|
+
return D(kn({ type: o }), e.override);
|
|
667
667
|
}
|
|
668
|
-
const
|
|
669
|
-
const e = t.physics ??
|
|
668
|
+
const Fn = (t = {}) => {
|
|
669
|
+
const e = t.physics ?? He, n = t.physics ?? ze, o = {
|
|
670
670
|
prepare: ({ to: i }) => (i.then((r) => {
|
|
671
671
|
r.style.opacity = "0", r.style.willChange = "opacity";
|
|
672
672
|
}), {}),
|
|
673
673
|
animation: ({ from: i, to: r }) => {
|
|
674
|
-
const c = new
|
|
674
|
+
const c = new S({
|
|
675
675
|
element: i,
|
|
676
676
|
integrator: E.from(n),
|
|
677
677
|
// Default bounds (0, 1). `u` runs 1→0 as the animation moves
|
|
@@ -682,7 +682,7 @@ const Dn = (t = {}) => {
|
|
|
682
682
|
onDispose: () => {
|
|
683
683
|
i.style.willChange = "auto", i.style.opacity = "";
|
|
684
684
|
}
|
|
685
|
-
}), s = new
|
|
685
|
+
}), s = new S({
|
|
686
686
|
element: r,
|
|
687
687
|
integrator: E.from(e),
|
|
688
688
|
style: (l) => ({
|
|
@@ -700,8 +700,8 @@ const Dn = (t = {}) => {
|
|
|
700
700
|
};
|
|
701
701
|
return k({ forward: o, backward: o });
|
|
702
702
|
};
|
|
703
|
-
function
|
|
704
|
-
return D(
|
|
703
|
+
function Gi(t = {}, e = {}) {
|
|
704
|
+
return D(Fn(), e.override);
|
|
705
705
|
}
|
|
706
706
|
const mt = {
|
|
707
707
|
scaleDown: { stiffness: 20, damping: 7 },
|
|
@@ -711,8 +711,8 @@ const mt = {
|
|
|
711
711
|
scaleDown: 0,
|
|
712
712
|
translate: 0.2,
|
|
713
713
|
scaleUp: 0.8
|
|
714
|
-
},
|
|
715
|
-
function
|
|
714
|
+
}, Mn = 0.8, Tn = "white", Jt = 1e3 / 60, Yn = 600;
|
|
715
|
+
function Ln(t) {
|
|
716
716
|
const { items: e, from: n, to: o, recordFrame: i } = t, r = Jt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
|
|
717
717
|
item: a,
|
|
718
718
|
integrator: new Pt({
|
|
@@ -728,11 +728,11 @@ function Yn(t) {
|
|
|
728
728
|
(a === 0 || s[a].item.offset === 0) && (s[a].started = !0);
|
|
729
729
|
i(0);
|
|
730
730
|
let l = 0;
|
|
731
|
-
for (let a = 1; a <=
|
|
731
|
+
for (let a = 1; a <= Yn; a++) {
|
|
732
732
|
const d = a * Jt;
|
|
733
733
|
l = d;
|
|
734
734
|
for (const p of s)
|
|
735
|
-
!p.started || p.settled || (p.state = p.integrator.step(p.state, o, r), p.integrator.isSettled(p.state, o) ? (p.settleTime += r, p.settleTime >=
|
|
735
|
+
!p.started || p.settled || (p.state = p.integrator.step(p.state, o, r), p.integrator.isSettled(p.state, o) ? (p.settleTime += r, p.settleTime >= Te && (p.state = { position: o, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
|
|
736
736
|
for (let p = 1; p < s.length; p++) {
|
|
737
737
|
const y = s[p];
|
|
738
738
|
if (y.started) continue;
|
|
@@ -798,7 +798,7 @@ function Qt(t) {
|
|
|
798
798
|
r.scale = n + (1 - n) * f;
|
|
799
799
|
}
|
|
800
800
|
}
|
|
801
|
-
], y = [], u =
|
|
801
|
+
], y = [], u = Ln({
|
|
802
802
|
items: p,
|
|
803
803
|
from: a,
|
|
804
804
|
to: d,
|
|
@@ -810,7 +810,7 @@ function Qt(t) {
|
|
|
810
810
|
});
|
|
811
811
|
return { snapshots: y, totalDuration: u };
|
|
812
812
|
}
|
|
813
|
-
function
|
|
813
|
+
function Hn(t, e) {
|
|
814
814
|
if (t.length === 0) return { time: 0, scale: 1, translateY: 0 };
|
|
815
815
|
if (t.length === 1 || e <= 0) return t[0];
|
|
816
816
|
if (e >= 1) return t[t.length - 1];
|
|
@@ -823,13 +823,13 @@ function Ln(t, e) {
|
|
|
823
823
|
translateY: r.translateY + (c.translateY - r.translateY) * s
|
|
824
824
|
};
|
|
825
825
|
}
|
|
826
|
-
const
|
|
826
|
+
const zn = [
|
|
827
827
|
[1, 1],
|
|
828
828
|
[-1, 1],
|
|
829
829
|
[1, -1],
|
|
830
830
|
[-1, -1]
|
|
831
831
|
];
|
|
832
|
-
function
|
|
832
|
+
function Nn(t, e) {
|
|
833
833
|
const i = (r, c, s) => {
|
|
834
834
|
const l = document.createElement("div");
|
|
835
835
|
Object.assign(l.style, {
|
|
@@ -908,20 +908,20 @@ function ee(t, e) {
|
|
|
908
908
|
}
|
|
909
909
|
function bt(t, e, n, o, i) {
|
|
910
910
|
const r = n / 1e3;
|
|
911
|
-
return new
|
|
911
|
+
return new S({
|
|
912
912
|
element: t,
|
|
913
|
-
integrator: new
|
|
913
|
+
integrator: new We({ durationSec: r }),
|
|
914
914
|
lowerBound: 0,
|
|
915
915
|
upperBound: 1,
|
|
916
|
-
style: (c) => o(
|
|
916
|
+
style: (c) => o(Hn(e, c)),
|
|
917
917
|
onDispose: i
|
|
918
918
|
});
|
|
919
919
|
}
|
|
920
|
-
const
|
|
920
|
+
const Wn = (t = {}) => {
|
|
921
921
|
var r;
|
|
922
|
-
const e = ((r = t.border) == null ? void 0 : r.color) ??
|
|
922
|
+
const e = ((r = t.border) == null ? void 0 : r.color) ?? Tn, n = Mn, o = t.physics, i = {
|
|
923
923
|
prepare: ({ from: c, to: s, context: l, onCleanup: a }) => {
|
|
924
|
-
const d = X(l, "from"), p = X(l, "to"), y = Ft(document.body, l.positionedParent), u =
|
|
924
|
+
const d = X(l, "from"), p = X(l, "to"), y = Ft(document.body, l.positionedParent), u = Nn(e, {
|
|
925
925
|
...d,
|
|
926
926
|
top: y.top
|
|
927
927
|
});
|
|
@@ -972,20 +972,20 @@ const Nn = (t = {}) => {
|
|
|
972
972
|
() => {
|
|
973
973
|
s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
|
|
974
974
|
}
|
|
975
|
-
), m =
|
|
975
|
+
), m = zn.map(([g, w], C) => {
|
|
976
976
|
const A = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
|
|
977
977
|
return bt(
|
|
978
978
|
a[A],
|
|
979
979
|
y.snapshots,
|
|
980
980
|
y.totalDuration,
|
|
981
981
|
(P) => {
|
|
982
|
-
const
|
|
983
|
-
return { transform: `translate(${
|
|
982
|
+
const x = (d.width - d.width * P.scale) / 2 * 0.7 * g, $ = (d.height - d.height * P.scale) / 2 * 0.7 * w;
|
|
983
|
+
return { transform: `translate(${x}px, ${$}px)` };
|
|
984
984
|
}
|
|
985
985
|
);
|
|
986
986
|
});
|
|
987
987
|
for (const g of m)
|
|
988
|
-
g instanceof
|
|
988
|
+
g instanceof S && (g.motion.lifetime = "temporary");
|
|
989
989
|
const b = K({
|
|
990
990
|
out: f,
|
|
991
991
|
in: h,
|
|
@@ -1007,11 +1007,11 @@ const Nn = (t = {}) => {
|
|
|
1007
1007
|
};
|
|
1008
1008
|
return k({ forward: i, backward: i });
|
|
1009
1009
|
};
|
|
1010
|
-
function
|
|
1010
|
+
function qi(t = {}, e = {}) {
|
|
1011
1011
|
const { options: n } = t, o = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
|
|
1012
|
-
return D(
|
|
1012
|
+
return D(Wn(o), e.override);
|
|
1013
1013
|
}
|
|
1014
|
-
function
|
|
1014
|
+
function Xn(t) {
|
|
1015
1015
|
if (!t) return null;
|
|
1016
1016
|
if (t.includes("/")) {
|
|
1017
1017
|
const n = t.split("/");
|
|
@@ -1022,7 +1022,7 @@ function Wn(t) {
|
|
|
1022
1022
|
const e = Number.parseFloat(t);
|
|
1023
1023
|
return Number.isFinite(e) && e > 0 ? e : null;
|
|
1024
1024
|
}
|
|
1025
|
-
function
|
|
1025
|
+
function Vn(t) {
|
|
1026
1026
|
return t === "contain" || t === "cover" ? t : null;
|
|
1027
1027
|
}
|
|
1028
1028
|
function Rt(t) {
|
|
@@ -1040,7 +1040,7 @@ function he(t) {
|
|
|
1040
1040
|
}
|
|
1041
1041
|
return e.length === 1 ? e[0] ?? null : null;
|
|
1042
1042
|
}
|
|
1043
|
-
function
|
|
1043
|
+
function Bn(t) {
|
|
1044
1044
|
var l, a;
|
|
1045
1045
|
if (!Rt(t)) return null;
|
|
1046
1046
|
const e = t, n = e.naturalWidth, o = e.naturalHeight;
|
|
@@ -1049,7 +1049,7 @@ function Vn(t) {
|
|
|
1049
1049
|
const i = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", r = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = i === "" ? Number.NaN : Number(i), s = r === "" ? Number.NaN : Number(r);
|
|
1050
1050
|
return Number.isFinite(c) && Number.isFinite(s) && c > 0 && s > 0 ? c / s : null;
|
|
1051
1051
|
}
|
|
1052
|
-
function
|
|
1052
|
+
function Un(t) {
|
|
1053
1053
|
const e = t.trim().toLowerCase().replace(/\s+/g, " ");
|
|
1054
1054
|
return e === "" || e === "center" || e === "center center" || e === "50% 50%";
|
|
1055
1055
|
}
|
|
@@ -1061,10 +1061,10 @@ function Q(t) {
|
|
|
1061
1061
|
}
|
|
1062
1062
|
return t.style;
|
|
1063
1063
|
}
|
|
1064
|
-
function
|
|
1065
|
-
const e = Q(t), n =
|
|
1064
|
+
function jn(t) {
|
|
1065
|
+
const e = Q(t), n = Un(e.objectPosition ?? "");
|
|
1066
1066
|
return {
|
|
1067
|
-
fit: n ?
|
|
1067
|
+
fit: n ? Vn(e.objectFit ?? null) : null,
|
|
1068
1068
|
centered: n
|
|
1069
1069
|
};
|
|
1070
1070
|
}
|
|
@@ -1089,7 +1089,7 @@ function It(t) {
|
|
|
1089
1089
|
);
|
|
1090
1090
|
return { radius: i ? o : 0, supported: i };
|
|
1091
1091
|
}
|
|
1092
|
-
function
|
|
1092
|
+
function Zn(t, e) {
|
|
1093
1093
|
var i;
|
|
1094
1094
|
if (!e) return null;
|
|
1095
1095
|
const n = (i = t.getAttribute(e)) == null ? void 0 : i.trim();
|
|
@@ -1097,7 +1097,7 @@ function jn(t, e) {
|
|
|
1097
1097
|
const o = Number.parseFloat(n);
|
|
1098
1098
|
return Number.isFinite(o) && o >= 0 ? o : null;
|
|
1099
1099
|
}
|
|
1100
|
-
function
|
|
1100
|
+
function Gn(t) {
|
|
1101
1101
|
const e = Q(t);
|
|
1102
1102
|
return [
|
|
1103
1103
|
e.paddingTop,
|
|
@@ -1110,7 +1110,7 @@ function Zn(t) {
|
|
|
1110
1110
|
e.borderLeftWidth
|
|
1111
1111
|
].every((o) => o ? Mt(o) === 0 : !0);
|
|
1112
1112
|
}
|
|
1113
|
-
function
|
|
1113
|
+
function qn(t) {
|
|
1114
1114
|
const e = Q(t), n = (o) => o === "hidden" || o === "clip";
|
|
1115
1115
|
return n(e.overflowX) && n(e.overflowY);
|
|
1116
1116
|
}
|
|
@@ -1120,7 +1120,7 @@ function N(t) {
|
|
|
1120
1120
|
function W(t) {
|
|
1121
1121
|
return t.top + t.height / 2;
|
|
1122
1122
|
}
|
|
1123
|
-
function
|
|
1123
|
+
function U(t, e) {
|
|
1124
1124
|
return {
|
|
1125
1125
|
top: Math.max(0, e.top - t.top),
|
|
1126
1126
|
right: Math.max(0, t.left + t.width - (e.left + e.width)),
|
|
@@ -1132,10 +1132,10 @@ function Ot(t, e) {
|
|
|
1132
1132
|
const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), i = Math.min(t.left + t.width, e.left + e.width), r = Math.min(t.top + t.height, e.top + e.height);
|
|
1133
1133
|
return i > n && r > o ? { left: n, top: o, width: i - n, height: r - o } : null;
|
|
1134
1134
|
}
|
|
1135
|
-
function
|
|
1135
|
+
function Z(t, e) {
|
|
1136
1136
|
return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
|
|
1137
1137
|
}
|
|
1138
|
-
function
|
|
1138
|
+
function Kn(t, e, n) {
|
|
1139
1139
|
const o = t.width / t.height;
|
|
1140
1140
|
let i, r;
|
|
1141
1141
|
return n === "contain" ? o > e ? (r = t.height, i = r * e) : (i = t.width, r = i / e) : o > e ? (i = t.width, r = i / e) : (r = t.height, i = r * e), {
|
|
@@ -1146,12 +1146,12 @@ function qn(t, e, n) {
|
|
|
1146
1146
|
};
|
|
1147
1147
|
}
|
|
1148
1148
|
function ye(t, e, n) {
|
|
1149
|
-
const o = e !== null && n !== null && t.width > 0 && t.height > 0 ?
|
|
1149
|
+
const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Kn(t, e, n) : t, i = n === "contain" ? o : t;
|
|
1150
1150
|
return {
|
|
1151
1151
|
bbox: t,
|
|
1152
1152
|
content: o,
|
|
1153
1153
|
window: i,
|
|
1154
|
-
clipInset:
|
|
1154
|
+
clipInset: U(o, i),
|
|
1155
1155
|
aspectRatio: e,
|
|
1156
1156
|
fit: n,
|
|
1157
1157
|
radius: 0,
|
|
@@ -1185,29 +1185,29 @@ function ne(t) {
|
|
|
1185
1185
|
function ge(t, e) {
|
|
1186
1186
|
return me(t, e) ? [t, e] : [ne(t), ne(e)];
|
|
1187
1187
|
}
|
|
1188
|
-
function
|
|
1189
|
-
const i = he(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ?
|
|
1188
|
+
function Jn(t, e, n, o) {
|
|
1189
|
+
const i = he(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ? Xn(
|
|
1190
1190
|
t.getAttribute(o.legacyAspectRatioAttribute) ?? (i == null ? void 0 : i.getAttribute(o.legacyAspectRatioAttribute)) ?? null
|
|
1191
|
-
) : null, s = c ?? (i ?
|
|
1192
|
-
u && h &&
|
|
1191
|
+
) : null, s = c ?? (i ? Bn(i) : null), l = i ? jn(i) : { fit: null, centered: !0 }, a = l.centered && (i === null || Gn(i)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = ye(r, s, a), p = qn(t), u = i !== null && i !== t && p ? Ot(d.window, e) : d.window, f = Zn(t, o.legacyRadiusAttribute), h = i === t || p, m = h ? It(t) : { radius: 0, supported: !0 }, b = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", w = [];
|
|
1192
|
+
u && h && Z(u, e) && w.push(m), u && i && Z(u, r) && w.push(It(i));
|
|
1193
1193
|
const C = w.every(($) => $.supported), A = Math.max(
|
|
1194
1194
|
0,
|
|
1195
1195
|
...w.map(($) => $.radius)
|
|
1196
|
-
), P = f ?? A,
|
|
1197
|
-
return !u ||
|
|
1196
|
+
), P = f ?? A, x = f !== null ? "legacy" : C ? A > 0 ? "computed" : "none" : "unsupported";
|
|
1197
|
+
return !u || x === "unsupported" ? _t(e, b, g) : {
|
|
1198
1198
|
...d,
|
|
1199
1199
|
bbox: e,
|
|
1200
1200
|
window: u,
|
|
1201
|
-
clipInset:
|
|
1201
|
+
clipInset: U(d.content, u),
|
|
1202
1202
|
radius: P,
|
|
1203
|
-
radiusSource:
|
|
1203
|
+
radiusSource: x,
|
|
1204
1204
|
bboxRadius: b,
|
|
1205
1205
|
bboxRadiusSource: g,
|
|
1206
1206
|
mediaElement: d.contentAware ? i : null
|
|
1207
1207
|
};
|
|
1208
1208
|
}
|
|
1209
1209
|
function rt(t, e, n, o) {
|
|
1210
|
-
const i =
|
|
1210
|
+
const i = Jn(
|
|
1211
1211
|
t,
|
|
1212
1212
|
e,
|
|
1213
1213
|
n,
|
|
@@ -1224,7 +1224,7 @@ function rt(t, e, n, o) {
|
|
|
1224
1224
|
p.borderRightWidth,
|
|
1225
1225
|
p.borderBottomWidth,
|
|
1226
1226
|
p.borderLeftWidth
|
|
1227
|
-
].every((
|
|
1227
|
+
].every((x) => Mt(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
|
|
1228
1228
|
return i;
|
|
1229
1229
|
const m = n(a), b = {
|
|
1230
1230
|
left: u ? m.left : r.left,
|
|
@@ -1235,30 +1235,30 @@ function rt(t, e, n, o) {
|
|
|
1235
1235
|
if (!g) return i;
|
|
1236
1236
|
const w = It(a);
|
|
1237
1237
|
if (!w.supported) return i;
|
|
1238
|
-
if (u && f &&
|
|
1238
|
+
if (u && f && Z(r, m))
|
|
1239
1239
|
l !== "legacy" && (c = Math.max(c, w.radius), s = s.map(
|
|
1240
|
-
(
|
|
1240
|
+
(x) => Math.max(x, w.radius)
|
|
1241
1241
|
), c > 0 && (l = "computed"));
|
|
1242
1242
|
else if (w.radius > 0) {
|
|
1243
|
-
const
|
|
1243
|
+
const x = {
|
|
1244
1244
|
left: m.left + w.radius,
|
|
1245
1245
|
top: m.top + w.radius,
|
|
1246
1246
|
width: m.width - 2 * w.radius,
|
|
1247
1247
|
height: m.height - 2 * w.radius
|
|
1248
1248
|
};
|
|
1249
|
-
if (!
|
|
1249
|
+
if (!Z(Ot(r, x) ?? m, r))
|
|
1250
1250
|
return i;
|
|
1251
1251
|
}
|
|
1252
|
-
const C =
|
|
1252
|
+
const C = U(r, g), A = [
|
|
1253
1253
|
[C.top, C.left],
|
|
1254
1254
|
[C.top, C.right],
|
|
1255
1255
|
[C.bottom, C.right],
|
|
1256
1256
|
[C.bottom, C.left]
|
|
1257
1257
|
];
|
|
1258
|
-
for (let
|
|
1259
|
-
const $ = Math.max(...A[
|
|
1258
|
+
for (let x = 0; x < 4; x++) {
|
|
1259
|
+
const $ = Math.max(...A[x]), R = s[x];
|
|
1260
1260
|
if ($ > 0.01 && $ < R) return i;
|
|
1261
|
-
$ > 0.01 && (s[
|
|
1261
|
+
$ > 0.01 && (s[x] = 0);
|
|
1262
1262
|
}
|
|
1263
1263
|
const P = Math.max(...s);
|
|
1264
1264
|
if (g.width < P || g.height < P)
|
|
@@ -1267,11 +1267,11 @@ function rt(t, e, n, o) {
|
|
|
1267
1267
|
}
|
|
1268
1268
|
a = a.parentElement;
|
|
1269
1269
|
}
|
|
1270
|
-
const d =
|
|
1270
|
+
const d = Z(i.bbox, r);
|
|
1271
1271
|
return {
|
|
1272
1272
|
...i,
|
|
1273
1273
|
window: r,
|
|
1274
|
-
clipInset:
|
|
1274
|
+
clipInset: U(i.content, r),
|
|
1275
1275
|
radius: c,
|
|
1276
1276
|
radiusSource: l,
|
|
1277
1277
|
...s.some((p) => p !== c) ? { cornerRadii: s } : {},
|
|
@@ -1287,15 +1287,19 @@ function be(t, e, n, o, i) {
|
|
|
1287
1287
|
height: c
|
|
1288
1288
|
};
|
|
1289
1289
|
}
|
|
1290
|
-
const
|
|
1290
|
+
const Qn = {
|
|
1291
1291
|
enter: "contain",
|
|
1292
1292
|
exit: "cover",
|
|
1293
1293
|
legacy: "contain"
|
|
1294
1294
|
};
|
|
1295
1295
|
function B(t) {
|
|
1296
|
-
return
|
|
1296
|
+
return Qn[t];
|
|
1297
|
+
}
|
|
1298
|
+
const st = "data-ssgoi-crossfade", G = (t) => Math.min(1, Math.max(0, t));
|
|
1299
|
+
function we(t, e, n) {
|
|
1300
|
+
const o = G(t), i = o + (1 - o) * (1 - n);
|
|
1301
|
+
return i > 0 ? o / i * e : e;
|
|
1297
1302
|
}
|
|
1298
|
-
const st = "data-ssgoi-crossfade", U = (t) => Math.min(1, Math.max(0, t));
|
|
1299
1303
|
function Tt(t) {
|
|
1300
1304
|
const e = t.cloneNode(!0), n = (o, i) => {
|
|
1301
1305
|
const r = getComputedStyle(o), c = i.style;
|
|
@@ -1348,15 +1352,15 @@ function kt(t, e) {
|
|
|
1348
1352
|
scaleY: e.offsetHeight && Math.abs(n.height - e.offsetHeight) > 0.5 ? n.height / e.offsetHeight : 1
|
|
1349
1353
|
};
|
|
1350
1354
|
}
|
|
1351
|
-
function
|
|
1355
|
+
function to(t, e) {
|
|
1352
1356
|
const { box: n, scaleX: o, scaleY: i } = e, r = (t.left + t.width / 2 - n.left - n.width / 2) / o, c = (t.top + t.height / 2 - n.top - n.height / 2) / i;
|
|
1353
1357
|
return `translate(${r}px, ${c}px) scale(${t.width / n.width}, ${t.height / n.height})`;
|
|
1354
1358
|
}
|
|
1355
1359
|
const at = "data-hero-enter-key", ct = "data-hero-exit-key", q = "data-hero-key";
|
|
1356
|
-
function
|
|
1360
|
+
function eo(t, e) {
|
|
1357
1361
|
return t.fromEl.getAttribute(at) === t.key && t.toEl.getAttribute(ct) === t.key ? !0 : t.fromEl.getAttribute(ct) === t.key && t.toEl.getAttribute(at) === t.key ? !1 : e === "backward" && t.fromEl.getAttribute(q) === t.key && t.toEl.getAttribute(q) === t.key;
|
|
1358
1362
|
}
|
|
1359
|
-
function
|
|
1363
|
+
function no(t, e, n, o, i) {
|
|
1360
1364
|
const r = document.createElement("div");
|
|
1361
1365
|
r.setAttribute("data-hero-layer", ""), r.setAttribute("aria-hidden", "true"), r.setAttribute("inert", ""), Object.assign(r.style, {
|
|
1362
1366
|
position: "absolute",
|
|
@@ -1394,19 +1398,19 @@ function lt(t, e) {
|
|
|
1394
1398
|
i ? t.style.setProperty(o, i, r) : t.style.removeProperty(o);
|
|
1395
1399
|
};
|
|
1396
1400
|
}
|
|
1397
|
-
function
|
|
1401
|
+
function oo(t) {
|
|
1398
1402
|
const e = t.getAttribute("data-hero-transitioning");
|
|
1399
1403
|
return t.setAttribute("data-hero-transitioning", ""), () => {
|
|
1400
1404
|
e === null ? t.removeAttribute("data-hero-transitioning") : t.setAttribute("data-hero-transitioning", e);
|
|
1401
1405
|
};
|
|
1402
1406
|
}
|
|
1403
|
-
function
|
|
1407
|
+
function io(t, e) {
|
|
1404
1408
|
const n = lt(t, ["z-index"]), o = lt(e, ["z-index", "position"]);
|
|
1405
1409
|
return t.style.zIndex = L, e.style.zIndex = M, getComputedStyle(e).position === "static" && (e.style.position = "relative"), (i = () => !0) => {
|
|
1406
1410
|
i(t) && n(), i(e) && o();
|
|
1407
1411
|
};
|
|
1408
1412
|
}
|
|
1409
|
-
function
|
|
1413
|
+
function ro(t, e, n) {
|
|
1410
1414
|
if (t.tagName !== "IMG") return () => {
|
|
1411
1415
|
};
|
|
1412
1416
|
const o = getComputedStyle(t), i = (y) => Number.parseFloat(y) || 0, r = o.boxSizing === "border-box", c = i(o.width) + (r ? 0 : i(o.paddingLeft) + i(o.paddingRight) + i(o.borderLeftWidth) + i(o.borderRightWidth)), s = i(o.height) + (r ? 0 : i(o.paddingTop) + i(o.paddingBottom) + i(o.borderTopWidth) + i(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
|
|
@@ -1472,7 +1476,7 @@ function dt(t, e, n) {
|
|
|
1472
1476
|
].join(" "), r = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
|
|
1473
1477
|
return `inset(${i} round ${r} / ${c})`;
|
|
1474
1478
|
}
|
|
1475
|
-
class
|
|
1479
|
+
class so {
|
|
1476
1480
|
constructor() {
|
|
1477
1481
|
O(this, "previousFromOpacity", "");
|
|
1478
1482
|
}
|
|
@@ -1487,8 +1491,8 @@ class ro {
|
|
|
1487
1491
|
}), {};
|
|
1488
1492
|
}
|
|
1489
1493
|
}
|
|
1490
|
-
const
|
|
1491
|
-
function
|
|
1494
|
+
const ao = () => new so();
|
|
1495
|
+
function co(t, e) {
|
|
1492
1496
|
const n = new Set(e), o = /* @__PURE__ */ new Set();
|
|
1493
1497
|
for (const c of n) {
|
|
1494
1498
|
let s = c.parentElement;
|
|
@@ -1508,11 +1512,11 @@ function ao(t, e) {
|
|
|
1508
1512
|
};
|
|
1509
1513
|
return r(t), i;
|
|
1510
1514
|
}
|
|
1511
|
-
class
|
|
1515
|
+
class lo {
|
|
1512
1516
|
contribute(e) {
|
|
1513
1517
|
const { from: n, to: o, resolved: i, physics: r, onDispose: c } = e, s = i.pairs.map(
|
|
1514
1518
|
(u) => he(u.toEl) ?? u.toEl
|
|
1515
|
-
), l = (s.length ?
|
|
1519
|
+
), l = (s.length ? co(o, s) : [o]).map((u) => ({
|
|
1516
1520
|
element: u,
|
|
1517
1521
|
opacity: u.style.opacity,
|
|
1518
1522
|
willChange: u.style.willChange,
|
|
@@ -1541,7 +1545,7 @@ class co {
|
|
|
1541
1545
|
u.owns(f) && (f.style.backgroundColor = h);
|
|
1542
1546
|
}), {
|
|
1543
1547
|
out: [
|
|
1544
|
-
new
|
|
1548
|
+
new S({
|
|
1545
1549
|
element: n,
|
|
1546
1550
|
integrator: E.from(r),
|
|
1547
1551
|
style: (u, f) => ({ opacity: f })
|
|
@@ -1549,7 +1553,7 @@ class co {
|
|
|
1549
1553
|
],
|
|
1550
1554
|
in: [
|
|
1551
1555
|
...l.map(
|
|
1552
|
-
({ element: u, targetOpacity: f }) => new
|
|
1556
|
+
({ element: u, targetOpacity: f }) => new S({
|
|
1553
1557
|
element: u,
|
|
1554
1558
|
integrator: E.from(r),
|
|
1555
1559
|
style: (h) => ({
|
|
@@ -1558,7 +1562,7 @@ class co {
|
|
|
1558
1562
|
})
|
|
1559
1563
|
),
|
|
1560
1564
|
...d.map(
|
|
1561
|
-
({ element: u, color: f }) => new
|
|
1565
|
+
({ element: u, color: f }) => new S({
|
|
1562
1566
|
element: u,
|
|
1563
1567
|
integrator: E.from(r),
|
|
1564
1568
|
style: (h) => ({
|
|
@@ -1570,17 +1574,17 @@ class co {
|
|
|
1570
1574
|
};
|
|
1571
1575
|
}
|
|
1572
1576
|
}
|
|
1573
|
-
const
|
|
1574
|
-
static:
|
|
1575
|
-
fade:
|
|
1576
|
-
},
|
|
1577
|
+
const po = () => new lo(), uo = {
|
|
1578
|
+
static: ao,
|
|
1579
|
+
fade: po
|
|
1580
|
+
}, fo = {
|
|
1577
1581
|
spring: { stiffness: 320, damping: 30 }
|
|
1578
|
-
},
|
|
1582
|
+
}, ho = () => fo, yo = {
|
|
1579
1583
|
spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
|
|
1580
|
-
},
|
|
1581
|
-
default:
|
|
1582
|
-
smooth:
|
|
1583
|
-
},
|
|
1584
|
+
}, mo = () => yo, go = {
|
|
1585
|
+
default: ho,
|
|
1586
|
+
smooth: mo
|
|
1587
|
+
}, bo = 700, wo = "data-hero-aspect-ratio", xo = "data-hero-radius";
|
|
1584
1588
|
function oe(t, e, n, o) {
|
|
1585
1589
|
const i = (c) => {
|
|
1586
1590
|
const s = z(t, c);
|
|
@@ -1594,8 +1598,8 @@ function oe(t, e, n, o) {
|
|
|
1594
1598
|
return rt(e, r, i, {
|
|
1595
1599
|
clipRoot: o,
|
|
1596
1600
|
fallbackFit: n,
|
|
1597
|
-
legacyAspectRatioAttribute:
|
|
1598
|
-
legacyRadiusAttribute:
|
|
1601
|
+
legacyAspectRatioAttribute: wo,
|
|
1602
|
+
legacyRadiusAttribute: xo
|
|
1599
1603
|
});
|
|
1600
1604
|
}
|
|
1601
1605
|
function et(t, e) {
|
|
@@ -1606,7 +1610,7 @@ function et(t, e) {
|
|
|
1606
1610
|
}
|
|
1607
1611
|
return n;
|
|
1608
1612
|
}
|
|
1609
|
-
function
|
|
1613
|
+
function So(t, e) {
|
|
1610
1614
|
const n = [], o = et(e, at), i = et(t, ct);
|
|
1611
1615
|
for (const [s, l] of o) {
|
|
1612
1616
|
const a = i.get(s);
|
|
@@ -1631,7 +1635,7 @@ function xo(t, e) {
|
|
|
1631
1635
|
}
|
|
1632
1636
|
return n;
|
|
1633
1637
|
}
|
|
1634
|
-
function
|
|
1638
|
+
function Eo(t, e) {
|
|
1635
1639
|
const n = [], o = Array.from(
|
|
1636
1640
|
e.querySelectorAll(`[${q}]`)
|
|
1637
1641
|
);
|
|
@@ -1651,26 +1655,26 @@ function So(t, e) {
|
|
|
1651
1655
|
}
|
|
1652
1656
|
return n;
|
|
1653
1657
|
}
|
|
1654
|
-
function Eo(t, e) {
|
|
1655
|
-
const n = xo(t, e);
|
|
1656
|
-
return n.length > 0 ? n : So(t, e);
|
|
1657
|
-
}
|
|
1658
1658
|
function $o(t, e) {
|
|
1659
|
-
|
|
1659
|
+
const n = So(t, e);
|
|
1660
|
+
return n.length > 0 ? n : Eo(t, e);
|
|
1660
1661
|
}
|
|
1661
1662
|
function Co(t, e) {
|
|
1663
|
+
return ge(t, e);
|
|
1664
|
+
}
|
|
1665
|
+
function Ao(t, e) {
|
|
1662
1666
|
return t.radiusSource === "unsupported" || e.radiusSource === "unsupported" ? !1 : t.mediaElement !== null || e.mediaElement !== null || t.radiusSource === "computed" || t.radiusSource === "legacy" || e.radiusSource === "computed" || e.radiusSource === "legacy";
|
|
1663
1667
|
}
|
|
1664
|
-
function
|
|
1665
|
-
const { fromEl: r, toEl: c } = e, [s, l] =
|
|
1668
|
+
function Po(t, e, n, o, i) {
|
|
1669
|
+
const { fromEl: r, toEl: c } = e, [s, l] = Co(
|
|
1666
1670
|
oe(t, r, e.fromFit, o),
|
|
1667
1671
|
oe(t, c, e.toFit, i)
|
|
1668
1672
|
), a = s.content, d = s.window, p = l.content, y = l.window, u = l.clipInset, f = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = f ? 0 : s.radius, m = f ? 0 : l.radius;
|
|
1669
1673
|
if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0 || y.width === 0 || y.height === 0)
|
|
1670
1674
|
return null;
|
|
1671
|
-
const b = a.width / p.width, g = a.height / p.height, w = N(a), C = W(a), A = N(p), P = W(p),
|
|
1675
|
+
const b = a.width / p.width, g = a.height / p.height, w = N(a), C = W(a), A = N(p), P = W(p), x = w - A, $ = C - P;
|
|
1672
1676
|
if (Math.abs($) > n) return null;
|
|
1673
|
-
const R =
|
|
1677
|
+
const R = U(
|
|
1674
1678
|
p,
|
|
1675
1679
|
be(p, a, d, b, g)
|
|
1676
1680
|
);
|
|
@@ -1679,36 +1683,36 @@ function Ao(t, e, n, o, i) {
|
|
|
1679
1683
|
toContent: p,
|
|
1680
1684
|
fromVisualEl: s.mediaElement ?? r,
|
|
1681
1685
|
toVisualEl: l.mediaElement ?? c,
|
|
1682
|
-
resetRadius:
|
|
1686
|
+
resetRadius: Ao(s, l),
|
|
1683
1687
|
styleFor: (F, _, v) => {
|
|
1684
|
-
const T = (_ *
|
|
1688
|
+
const T = (_ * x + (v ? A - N(v.box) : 0)) / ((v == null ? void 0 : v.scaleX) ?? 1), Y = (_ * $ + (v ? P - W(v.box) : 0)) / ((v == null ? void 0 : v.scaleY) ?? 1), H = F + _ * b, pt = F + _ * g, Ce = s.cornerRadii ?? [
|
|
1685
1689
|
h,
|
|
1686
1690
|
h,
|
|
1687
1691
|
h,
|
|
1688
1692
|
h
|
|
1689
|
-
],
|
|
1693
|
+
], Ae = l.cornerRadii ?? [
|
|
1690
1694
|
m,
|
|
1691
1695
|
m,
|
|
1692
1696
|
m,
|
|
1693
1697
|
m
|
|
1694
|
-
],
|
|
1695
|
-
const Lt = Math.max(0,
|
|
1698
|
+
], Pe = Ce.map((_e, ke) => {
|
|
1699
|
+
const Lt = Math.max(0, _e * _ + Ae[ke] * F);
|
|
1696
1700
|
return {
|
|
1697
1701
|
x: Lt / Math.max(Math.abs(H), 1e-6),
|
|
1698
1702
|
y: Lt / Math.max(Math.abs(pt), 1e-6)
|
|
1699
1703
|
};
|
|
1700
|
-
}),
|
|
1704
|
+
}), ve = R.top * _ + u.top * F, Re = R.right * _ + u.right * F, Ie = R.bottom * _ + u.bottom * F, Oe = R.left * _ + u.left * F;
|
|
1701
1705
|
return {
|
|
1702
1706
|
transform: v ? `translate(${T}px, ${Y}px) scale(${H * p.width / v.box.width}, ${pt * p.height / v.box.height})` : `translate(${T}px, ${Y}px) scale(${H}, ${pt})`,
|
|
1703
1707
|
clipPath: dt(
|
|
1704
1708
|
p,
|
|
1705
1709
|
{
|
|
1706
|
-
top:
|
|
1707
|
-
right:
|
|
1708
|
-
bottom:
|
|
1709
|
-
left:
|
|
1710
|
+
top: ve,
|
|
1711
|
+
right: Re,
|
|
1712
|
+
bottom: Ie,
|
|
1713
|
+
left: Oe
|
|
1710
1714
|
},
|
|
1711
|
-
|
|
1715
|
+
Pe
|
|
1712
1716
|
)
|
|
1713
1717
|
};
|
|
1714
1718
|
}
|
|
@@ -1729,15 +1733,15 @@ function re(t) {
|
|
|
1729
1733
|
lifetime: "temporary"
|
|
1730
1734
|
};
|
|
1731
1735
|
}
|
|
1732
|
-
function
|
|
1736
|
+
function vo(t, e) {
|
|
1733
1737
|
t.style.transform = e.transform, t.style.clipPath = e.clipPath;
|
|
1734
1738
|
}
|
|
1735
|
-
class
|
|
1739
|
+
class Ro {
|
|
1736
1740
|
contribute(e) {
|
|
1737
|
-
const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onDispose: c } = e, s =
|
|
1741
|
+
const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onDispose: c } = e, s = io(e.from, e.to);
|
|
1738
1742
|
c((d) => s(d.owns));
|
|
1739
1743
|
const l = n.pairs.flatMap((d) => {
|
|
1740
|
-
const p =
|
|
1744
|
+
const p = Po(
|
|
1741
1745
|
i,
|
|
1742
1746
|
d,
|
|
1743
1747
|
r,
|
|
@@ -1750,8 +1754,8 @@ class vo {
|
|
|
1750
1754
|
const a = [];
|
|
1751
1755
|
for (const { pair: d, plan: p } of l) {
|
|
1752
1756
|
const { fromVisualEl: y, toVisualEl: u } = p, f = ot(y), h = ot(u);
|
|
1753
|
-
if (
|
|
1754
|
-
const { layer: $, source: R, destination: F } =
|
|
1757
|
+
if (eo(d, e.direction)) {
|
|
1758
|
+
const { layer: $, source: R, destination: F } = no(
|
|
1755
1759
|
y,
|
|
1756
1760
|
u,
|
|
1757
1761
|
p.fromContent,
|
|
@@ -1763,21 +1767,21 @@ class vo {
|
|
|
1763
1767
|
scaleY: 1
|
|
1764
1768
|
}, v = (Y, H) => ({
|
|
1765
1769
|
...p.styleFor(Y, H, _),
|
|
1766
|
-
opacity:
|
|
1770
|
+
opacity: G(H) * f.opacity
|
|
1767
1771
|
}), T = (Y, H) => ({
|
|
1768
1772
|
...p.styleFor(Y, H),
|
|
1769
|
-
opacity:
|
|
1773
|
+
opacity: G(Y) * h.opacity
|
|
1770
1774
|
});
|
|
1771
1775
|
Object.assign(R.style, v(0, 1)), Object.assign(F.style, T(0, 1)), i.appendChild($), f.set(0), h.set(0), c(() => {
|
|
1772
1776
|
$.remove(), f.restore(), h.restore();
|
|
1773
1777
|
}), a.push(
|
|
1774
|
-
new
|
|
1778
|
+
new S({
|
|
1775
1779
|
element: R,
|
|
1776
1780
|
motion: re(i),
|
|
1777
1781
|
integrator: E.from(o),
|
|
1778
1782
|
style: v
|
|
1779
1783
|
}),
|
|
1780
|
-
new
|
|
1784
|
+
new S({
|
|
1781
1785
|
element: F,
|
|
1782
1786
|
motion: ie(d.key, i, !0),
|
|
1783
1787
|
integrator: E.from(o),
|
|
@@ -1786,7 +1790,7 @@ class vo {
|
|
|
1786
1790
|
);
|
|
1787
1791
|
continue;
|
|
1788
1792
|
}
|
|
1789
|
-
const m = Tt(y), b =
|
|
1793
|
+
const m = Tt(y), b = oo(u), g = lt(u, [
|
|
1790
1794
|
"transform",
|
|
1791
1795
|
"transform-origin",
|
|
1792
1796
|
"clip-path",
|
|
@@ -1795,7 +1799,7 @@ class vo {
|
|
|
1795
1799
|
"will-change"
|
|
1796
1800
|
]);
|
|
1797
1801
|
u.style.transform = "none", u.style.transformOrigin = "center center", u.style.willChange = "transform, clip-path, opacity", p.resetRadius && (u.style.borderRadius = "0");
|
|
1798
|
-
const w =
|
|
1802
|
+
const w = ro(
|
|
1799
1803
|
u,
|
|
1800
1804
|
p.toContent,
|
|
1801
1805
|
z(i, u)
|
|
@@ -1803,42 +1807,46 @@ class vo {
|
|
|
1803
1807
|
m.style.width = `${p.fromContent.width / C.scaleX}px`, m.style.height = `${p.fromContent.height / C.scaleY}px`, m.style.zIndex = getComputedStyle(u).zIndex, p.resetRadius && (m.style.borderRadius = "0"), u.after(m);
|
|
1804
1808
|
const A = kt(i, m), P = ($, R) => ({
|
|
1805
1809
|
...p.styleFor($, R, A),
|
|
1806
|
-
opacity:
|
|
1807
|
-
}),
|
|
1810
|
+
opacity: G(R) * f.opacity
|
|
1811
|
+
}), x = ($, R) => ({
|
|
1808
1812
|
...p.styleFor($, R, C),
|
|
1809
|
-
opacity:
|
|
1813
|
+
opacity: we(
|
|
1814
|
+
$,
|
|
1815
|
+
h.opacity,
|
|
1816
|
+
f.opacity
|
|
1817
|
+
)
|
|
1810
1818
|
});
|
|
1811
|
-
|
|
1819
|
+
vo(u, x(0, 1)), Object.assign(m.style, P(0, 1)), h.set(x(0, 1).opacity), f.set(0), c(() => {
|
|
1812
1820
|
w(), g(), f.restore(), h.restore(), b(), m.remove();
|
|
1813
1821
|
}), a.push(
|
|
1814
|
-
new
|
|
1822
|
+
new S({
|
|
1815
1823
|
element: m,
|
|
1816
1824
|
motion: re(i),
|
|
1817
1825
|
integrator: E.from(o),
|
|
1818
1826
|
style: P
|
|
1819
1827
|
}),
|
|
1820
|
-
new
|
|
1828
|
+
new S({
|
|
1821
1829
|
element: u,
|
|
1822
1830
|
motion: ie(d.key, i, !1),
|
|
1823
1831
|
integrator: E.from(o),
|
|
1824
|
-
style:
|
|
1832
|
+
style: x
|
|
1825
1833
|
})
|
|
1826
1834
|
);
|
|
1827
1835
|
}
|
|
1828
1836
|
return { shared: a };
|
|
1829
1837
|
}
|
|
1830
1838
|
}
|
|
1831
|
-
function
|
|
1832
|
-
return [new
|
|
1839
|
+
function Io(t) {
|
|
1840
|
+
return [new Ro(), uo[t.type]()];
|
|
1833
1841
|
}
|
|
1834
|
-
const
|
|
1835
|
-
const e =
|
|
1842
|
+
const Oo = (t) => {
|
|
1843
|
+
const e = go[t.variant](), n = bo, o = {
|
|
1836
1844
|
prepare: (i) => {
|
|
1837
1845
|
var l;
|
|
1838
|
-
const r =
|
|
1846
|
+
const r = Io(t), c = Promise.all([
|
|
1839
1847
|
i.from,
|
|
1840
1848
|
i.to
|
|
1841
|
-
]).then(([a, d]) => ({ pairs:
|
|
1849
|
+
]).then(([a, d]) => ({ pairs: $o(a, d) })), s = {
|
|
1842
1850
|
from: i.from,
|
|
1843
1851
|
to: i.to,
|
|
1844
1852
|
resolved: c
|
|
@@ -1877,7 +1885,7 @@ const Io = (t) => {
|
|
|
1877
1885
|
return u.onDispose = (m) => {
|
|
1878
1886
|
f == null || f(m);
|
|
1879
1887
|
for (const b of Object.values(y).flat())
|
|
1880
|
-
b instanceof
|
|
1888
|
+
b instanceof S && b.releaseFill();
|
|
1881
1889
|
for (const b of a)
|
|
1882
1890
|
try {
|
|
1883
1891
|
b(m);
|
|
@@ -1892,16 +1900,16 @@ const Io = (t) => {
|
|
|
1892
1900
|
backward: o
|
|
1893
1901
|
});
|
|
1894
1902
|
};
|
|
1895
|
-
function
|
|
1903
|
+
function Ki(t = {}, e = {}) {
|
|
1896
1904
|
const n = t.type ?? "static", o = t.variant ?? "default";
|
|
1897
|
-
return D(
|
|
1905
|
+
return D(Oo({ type: n, variant: o }), e.override);
|
|
1898
1906
|
}
|
|
1899
|
-
const
|
|
1907
|
+
const _o = {
|
|
1900
1908
|
spring: { stiffness: 50, damping: 30 }
|
|
1901
|
-
},
|
|
1909
|
+
}, ko = {
|
|
1902
1910
|
spring: { stiffness: 80, damping: 25 }
|
|
1903
|
-
},
|
|
1904
|
-
const e = t.physics ??
|
|
1911
|
+
}, Do = (t = {}) => {
|
|
1912
|
+
const e = t.physics ?? _o, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8, r = {
|
|
1905
1913
|
prepare: ({ from: c, to: s, context: l }) => (c.then((a) => {
|
|
1906
1914
|
a.style.opacity = "1";
|
|
1907
1915
|
}), s.then((a) => {
|
|
@@ -1911,9 +1919,9 @@ const Oo = {
|
|
|
1911
1919
|
a.style.transformOrigin = `${y}px ${u}px`, a.style.position = "fixed", a.style.top = `${d.top}px`, a.style.left = `${d.left}px`, a.style.width = `${d.width}px`, a.style.height = `${d.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
|
|
1912
1920
|
}), {}),
|
|
1913
1921
|
animation: ({ from: c, to: s }) => {
|
|
1914
|
-
const l = new
|
|
1922
|
+
const l = new S({
|
|
1915
1923
|
element: c,
|
|
1916
|
-
integrator: E.from(
|
|
1924
|
+
integrator: E.from(ko),
|
|
1917
1925
|
style: (d, p) => ({ opacity: p }),
|
|
1918
1926
|
// The outgoing node is reused (re-hidden, shown again on the next
|
|
1919
1927
|
// navigation), so reset every inline style we wrote to it — mirroring
|
|
@@ -1922,7 +1930,7 @@ const Oo = {
|
|
|
1922
1930
|
onDispose: () => {
|
|
1923
1931
|
c.style.opacity = "";
|
|
1924
1932
|
}
|
|
1925
|
-
}), a = new
|
|
1933
|
+
}), a = new S({
|
|
1926
1934
|
element: s,
|
|
1927
1935
|
integrator: E.from(e),
|
|
1928
1936
|
style: (d) => {
|
|
@@ -1968,20 +1976,20 @@ const Oo = {
|
|
|
1968
1976
|
};
|
|
1969
1977
|
return k({ forward: r, backward: r });
|
|
1970
1978
|
};
|
|
1971
|
-
function
|
|
1972
|
-
return D(
|
|
1979
|
+
function Ji(t = {}, e = {}) {
|
|
1980
|
+
return D(Do(), e.override);
|
|
1973
1981
|
}
|
|
1974
|
-
const
|
|
1982
|
+
const Fo = {
|
|
1975
1983
|
spring: { stiffness: 100, damping: 30 }
|
|
1976
|
-
},
|
|
1977
|
-
const e = t.physics ??
|
|
1984
|
+
}, Mo = (t = {}) => {
|
|
1985
|
+
const e = t.physics ?? Fo, n = {
|
|
1978
1986
|
prepare: ({ from: o, to: i }) => (o.then((r) => {
|
|
1979
1987
|
r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
|
|
1980
1988
|
}), i.then((r) => {
|
|
1981
1989
|
r.style.opacity = "0", r.style.transform = "rotate(-180deg)", r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
|
|
1982
1990
|
}), {}),
|
|
1983
1991
|
animation: ({ from: o, to: i }) => {
|
|
1984
|
-
const r = new
|
|
1992
|
+
const r = new S({
|
|
1985
1993
|
element: o,
|
|
1986
1994
|
integrator: E.from(e),
|
|
1987
1995
|
style: (s) => ({
|
|
@@ -1994,7 +2002,7 @@ const Do = {
|
|
|
1994
2002
|
onDispose: () => {
|
|
1995
2003
|
o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
|
|
1996
2004
|
}
|
|
1997
|
-
}), c = new
|
|
2005
|
+
}), c = new S({
|
|
1998
2006
|
element: i,
|
|
1999
2007
|
integrator: E.from(e),
|
|
2000
2008
|
// u runs 1→0, so -u*180 unwinds -180→0.
|
|
@@ -2014,10 +2022,10 @@ const Do = {
|
|
|
2014
2022
|
};
|
|
2015
2023
|
return k({ forward: n, backward: n });
|
|
2016
2024
|
};
|
|
2017
|
-
function
|
|
2018
|
-
return D(
|
|
2025
|
+
function Qi(t = {}, e = {}) {
|
|
2026
|
+
return D(Mo(), e.override);
|
|
2019
2027
|
}
|
|
2020
|
-
const
|
|
2028
|
+
const To = {
|
|
2021
2029
|
spring: {
|
|
2022
2030
|
stiffness: 20,
|
|
2023
2031
|
damping: 8,
|
|
@@ -2025,8 +2033,8 @@ const Mo = {
|
|
|
2025
2033
|
restDelta: 1e-3,
|
|
2026
2034
|
restSpeed: 1e-3
|
|
2027
2035
|
}
|
|
2028
|
-
},
|
|
2029
|
-
const e = t.physics ??
|
|
2036
|
+
}, Yo = (t = {}) => {
|
|
2037
|
+
const e = t.physics ?? To, n = t.directional ?? !0, o = (i) => {
|
|
2030
2038
|
const r = !n || i === "forward", c = r ? L : M, s = r ? M : L;
|
|
2031
2039
|
return {
|
|
2032
2040
|
prepare: ({ from: l, to: a }) => (l.then((d) => {
|
|
@@ -2035,7 +2043,7 @@ const Mo = {
|
|
|
2035
2043
|
d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.position = "relative", d.style.zIndex = s;
|
|
2036
2044
|
}), {}),
|
|
2037
2045
|
animation: ({ from: l, to: a }) => {
|
|
2038
|
-
const d = l.offsetHeight, p = a.offsetHeight, y = window.innerHeight, u = Math.max(Math.min(d, p), y), f = new
|
|
2046
|
+
const d = l.offsetHeight, p = a.offsetHeight, y = window.innerHeight, u = Math.max(Math.min(d, p), y), f = new S({
|
|
2039
2047
|
element: l,
|
|
2040
2048
|
integrator: E.from(e),
|
|
2041
2049
|
style: (m) => ({ transform: `translate3d(0, ${r ? -u * m : u * m}px, 0)` }),
|
|
@@ -2047,7 +2055,7 @@ const Mo = {
|
|
|
2047
2055
|
onDispose: () => {
|
|
2048
2056
|
l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.pointerEvents = "", l.style.zIndex = "";
|
|
2049
2057
|
}
|
|
2050
|
-
}), h = new
|
|
2058
|
+
}), h = new S({
|
|
2051
2059
|
element: a,
|
|
2052
2060
|
integrator: E.from(e),
|
|
2053
2061
|
style: (m, b) => ({ transform: `translate3d(0, ${r ? b * u : b * -u}px, 0)` }),
|
|
@@ -2067,22 +2075,22 @@ const Mo = {
|
|
|
2067
2075
|
backward: o("backward")
|
|
2068
2076
|
});
|
|
2069
2077
|
};
|
|
2070
|
-
function
|
|
2078
|
+
function tr(t = {}, e = {}) {
|
|
2071
2079
|
const { type: n = "directional" } = t;
|
|
2072
2080
|
return D(
|
|
2073
|
-
|
|
2081
|
+
Yo({ directional: n === "directional" }),
|
|
2074
2082
|
e.override
|
|
2075
2083
|
);
|
|
2076
2084
|
}
|
|
2077
|
-
const
|
|
2085
|
+
const Lo = {
|
|
2078
2086
|
spring: { stiffness: 200, damping: 24 }
|
|
2079
|
-
},
|
|
2087
|
+
}, Ho = {
|
|
2080
2088
|
inertia: { acceleration: 25, resistance: 1.2 }
|
|
2081
2089
|
}, wt = 0.2;
|
|
2082
|
-
function
|
|
2090
|
+
function zo() {
|
|
2083
2091
|
return {
|
|
2084
|
-
enterPhysics:
|
|
2085
|
-
exitPhysics:
|
|
2092
|
+
enterPhysics: Lo,
|
|
2093
|
+
exitPhysics: Ho,
|
|
2086
2094
|
background: {
|
|
2087
2095
|
willChange: "transform, opacity",
|
|
2088
2096
|
enterStyle: (t, e) => ({
|
|
@@ -2096,15 +2104,15 @@ function Ho() {
|
|
|
2096
2104
|
}
|
|
2097
2105
|
};
|
|
2098
2106
|
}
|
|
2099
|
-
const
|
|
2107
|
+
const No = {
|
|
2100
2108
|
spring: { stiffness: 200, damping: 24 }
|
|
2101
|
-
},
|
|
2109
|
+
}, Wo = {
|
|
2102
2110
|
inertia: { acceleration: 25, resistance: 1.2 }
|
|
2103
|
-
}, xt = 0.08,
|
|
2104
|
-
function
|
|
2111
|
+
}, xt = 0.08, Xo = 16, St = 0.6, Vo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
|
|
2112
|
+
function Bo() {
|
|
2105
2113
|
return {
|
|
2106
|
-
enterPhysics:
|
|
2107
|
-
exitPhysics:
|
|
2114
|
+
enterPhysics: No,
|
|
2115
|
+
exitPhysics: Wo,
|
|
2108
2116
|
background: {
|
|
2109
2117
|
willChange: "transform, opacity",
|
|
2110
2118
|
// enter: t 0 → 1 as the sheet rises. At rest (t = 0) the page is
|
|
@@ -2135,27 +2143,27 @@ function Vo() {
|
|
|
2135
2143
|
// enter: 0 → MAX as the sheet rises (progress 0 → 1).
|
|
2136
2144
|
// exit: MAX → 0 as it falls (progress 0 → 1, so the visual is inverted).
|
|
2137
2145
|
style: (t, e) => {
|
|
2138
|
-
const n = t === "enter" ? e : 1 - e, o = Xo
|
|
2146
|
+
const n = t === "enter" ? e : 1 - e, o = Vo(Xo * n);
|
|
2139
2147
|
return { backdropFilter: o, WebkitBackdropFilter: o };
|
|
2140
2148
|
}
|
|
2141
2149
|
}
|
|
2142
2150
|
};
|
|
2143
2151
|
}
|
|
2144
|
-
const
|
|
2152
|
+
const Uo = {
|
|
2145
2153
|
spring: {
|
|
2146
2154
|
stiffness: 190,
|
|
2147
2155
|
damping: 25
|
|
2148
2156
|
}
|
|
2149
|
-
},
|
|
2157
|
+
}, jo = {
|
|
2150
2158
|
spring: {
|
|
2151
2159
|
stiffness: 190,
|
|
2152
2160
|
damping: 25
|
|
2153
2161
|
}
|
|
2154
2162
|
};
|
|
2155
|
-
function
|
|
2163
|
+
function Zo() {
|
|
2156
2164
|
return {
|
|
2157
|
-
enterPhysics:
|
|
2158
|
-
exitPhysics:
|
|
2165
|
+
enterPhysics: Uo,
|
|
2166
|
+
exitPhysics: jo,
|
|
2159
2167
|
background: {
|
|
2160
2168
|
willChange: "",
|
|
2161
2169
|
enterStyle: () => ({}),
|
|
@@ -2163,18 +2171,18 @@ function jo() {
|
|
|
2163
2171
|
}
|
|
2164
2172
|
};
|
|
2165
2173
|
}
|
|
2166
|
-
const
|
|
2167
|
-
static:
|
|
2168
|
-
"background-scale":
|
|
2169
|
-
blur:
|
|
2170
|
-
},
|
|
2171
|
-
const e =
|
|
2174
|
+
const Go = {
|
|
2175
|
+
static: Zo(),
|
|
2176
|
+
"background-scale": zo(),
|
|
2177
|
+
blur: Bo()
|
|
2178
|
+
}, qo = "static", Ko = "transform", Jo = (t = {}) => {
|
|
2179
|
+
const e = Go[t.type ?? qo], n = e.background, o = e.overlay, i = n.willChange !== "", r = (c) => {
|
|
2172
2180
|
const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", d = s === "enter" ? e.enterPhysics : e.exitPhysics;
|
|
2173
2181
|
return {
|
|
2174
2182
|
prepare: ({ from: p, to: y, context: u, createElement: f }) => {
|
|
2175
2183
|
const h = { from: p, to: y }[l], m = { from: p, to: y }[a];
|
|
2176
2184
|
h.then((g) => {
|
|
2177
|
-
g.style.willChange =
|
|
2185
|
+
g.style.willChange = Ko, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = M, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
|
|
2178
2186
|
}), m.then((g) => {
|
|
2179
2187
|
i && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = L, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
|
|
2180
2188
|
});
|
|
@@ -2185,20 +2193,20 @@ const Zo = {
|
|
|
2185
2193
|
const h = { from: p, to: y }[l], m = { from: p, to: y }[a], b = X(u, l), g = () => {
|
|
2186
2194
|
p.style.pointerEvents = "", p.style.zIndex = "";
|
|
2187
2195
|
}, w = () => {
|
|
2188
|
-
const
|
|
2189
|
-
y.style.position === "relative" && (y.style.position = ""), y.style.zIndex ===
|
|
2196
|
+
const x = s === "enter" ? M : L;
|
|
2197
|
+
y.style.position === "relative" && (y.style.position = ""), y.style.zIndex === x && (y.style.zIndex = "");
|
|
2190
2198
|
};
|
|
2191
2199
|
h.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
|
|
2192
|
-
const C = s === "enter" ? (
|
|
2200
|
+
const C = s === "enter" ? (x, $) => ({
|
|
2193
2201
|
transform: `translate3d(0, ${$ * b.height}px, 0)`
|
|
2194
|
-
}) : (
|
|
2195
|
-
transform: `translate3d(0, ${
|
|
2196
|
-
}), A = new
|
|
2202
|
+
}) : (x) => ({
|
|
2203
|
+
transform: `translate3d(0, ${x * b.height}px, 0)`
|
|
2204
|
+
}), A = new S({
|
|
2197
2205
|
element: h,
|
|
2198
2206
|
integrator: E.from(d),
|
|
2199
2207
|
style: C,
|
|
2200
|
-
onDispose: (
|
|
2201
|
-
h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "",
|
|
2208
|
+
onDispose: (x) => {
|
|
2209
|
+
h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", x.owns(p) && g(), x.owns(y) && w();
|
|
2202
2210
|
}
|
|
2203
2211
|
});
|
|
2204
2212
|
J(A);
|
|
@@ -2208,11 +2216,11 @@ const Zo = {
|
|
|
2208
2216
|
overlay: new I([])
|
|
2209
2217
|
};
|
|
2210
2218
|
if (i) {
|
|
2211
|
-
const
|
|
2212
|
-
|
|
2219
|
+
const x = m.scrollHeight;
|
|
2220
|
+
x > 0 && (m.style.height = `${x}px`);
|
|
2213
2221
|
const $ = X(u, a), R = $.left + $.width / 2, F = $.top + $.height / 2;
|
|
2214
2222
|
m.style.clipPath = `inset(${$.top}px 0 calc(100% - ${$.top + $.height}px) 0)`, m.style.transformOrigin = `${R}px ${F}px`;
|
|
2215
|
-
const _ = s === "enter" ? (T, Y) => n.enterStyle(T, Y) : (T) => n.exitStyle(T), v = new
|
|
2223
|
+
const _ = s === "enter" ? (T, Y) => n.enterStyle(T, Y) : (T) => n.exitStyle(T), v = new S({
|
|
2216
2224
|
element: m,
|
|
2217
2225
|
integrator: E.from(d),
|
|
2218
2226
|
style: _,
|
|
@@ -2229,8 +2237,8 @@ const Zo = {
|
|
|
2229
2237
|
}
|
|
2230
2238
|
if (f && o) {
|
|
2231
2239
|
f.style.zIndex = fe;
|
|
2232
|
-
const
|
|
2233
|
-
f.style.top = `${
|
|
2240
|
+
const x = pe(u, "to");
|
|
2241
|
+
f.style.top = `${x.top}px`, f.style.height = `${x.height}px`, P.overlay = new S({
|
|
2234
2242
|
element: f,
|
|
2235
2243
|
motion: { lifetime: "temporary", role: "overlay" },
|
|
2236
2244
|
integrator: E.from(d),
|
|
@@ -2246,15 +2254,15 @@ const Zo = {
|
|
|
2246
2254
|
backward: r("backward")
|
|
2247
2255
|
});
|
|
2248
2256
|
};
|
|
2249
|
-
function
|
|
2257
|
+
function Qo(t) {
|
|
2250
2258
|
return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
|
|
2251
2259
|
}
|
|
2252
|
-
function
|
|
2253
|
-
const n = t.type, o =
|
|
2254
|
-
return D(
|
|
2260
|
+
function er(t = {}, e = {}) {
|
|
2261
|
+
const n = t.type, o = Qo(n);
|
|
2262
|
+
return D(Jo({ type: o }), e.override);
|
|
2255
2263
|
}
|
|
2256
|
-
const
|
|
2257
|
-
const e = t.physics ??
|
|
2264
|
+
const ti = (t = {}) => {
|
|
2265
|
+
const e = t.physics ?? Ne, n = (o) => {
|
|
2258
2266
|
const i = o === "forward" ? 100 : -100;
|
|
2259
2267
|
return {
|
|
2260
2268
|
prepare: ({ from: r, to: c }) => (r.then((s) => {
|
|
@@ -2263,7 +2271,7 @@ const Qo = (t = {}) => {
|
|
|
2263
2271
|
s.style.transform = `translate3d(${i}%, 0, 0)`, s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
|
|
2264
2272
|
}), {}),
|
|
2265
2273
|
animation: ({ from: r, to: c }) => {
|
|
2266
|
-
const s = new
|
|
2274
|
+
const s = new S({
|
|
2267
2275
|
element: r,
|
|
2268
2276
|
integrator: E.from(e),
|
|
2269
2277
|
style: (a) => ({ transform: `translate3d(${100 * it("slide", "out", o, a).x}%, 0, 0)` }),
|
|
@@ -2273,7 +2281,7 @@ const Qo = (t = {}) => {
|
|
|
2273
2281
|
onDispose: () => {
|
|
2274
2282
|
r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.pointerEvents = "";
|
|
2275
2283
|
}
|
|
2276
|
-
}), l = new
|
|
2284
|
+
}), l = new S({
|
|
2277
2285
|
element: c,
|
|
2278
2286
|
integrator: E.from(e),
|
|
2279
2287
|
style: (a) => ({ transform: `translate3d(${100 * it("slide", "in", o, a).x}%, 0, 0)` }),
|
|
@@ -2293,20 +2301,20 @@ const Qo = (t = {}) => {
|
|
|
2293
2301
|
backward: n("backward")
|
|
2294
2302
|
});
|
|
2295
2303
|
};
|
|
2296
|
-
function
|
|
2297
|
-
return D(
|
|
2304
|
+
function nr(t = {}, e = {}) {
|
|
2305
|
+
return D(ti(), e.override);
|
|
2298
2306
|
}
|
|
2299
|
-
const
|
|
2307
|
+
const ei = {
|
|
2300
2308
|
spring: { stiffness: 17, damping: 6 }
|
|
2301
|
-
}, Et = 20, nt = 800,
|
|
2302
|
-
const e = t.physics ??
|
|
2309
|
+
}, Et = 20, nt = 800, ni = (t = {}) => {
|
|
2310
|
+
const e = t.physics ?? ei, n = {
|
|
2303
2311
|
prepare: ({ from: o, to: i }) => (o.then((r) => {
|
|
2304
2312
|
r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none", r.style.transform = `perspective(${nt}px) rotateY(0deg) translate3d(0%, 0, 0)`;
|
|
2305
2313
|
}), i.then((r) => {
|
|
2306
2314
|
r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.transform = `perspective(${nt}px) rotateY(${Et}deg) translate3d(-100%, 0, 0)`;
|
|
2307
2315
|
}), {}),
|
|
2308
2316
|
animation: ({ from: o, to: i }) => {
|
|
2309
|
-
const r = new
|
|
2317
|
+
const r = new S({
|
|
2310
2318
|
element: o,
|
|
2311
2319
|
integrator: E.from(e),
|
|
2312
2320
|
style: (s) => {
|
|
@@ -2321,7 +2329,7 @@ const ti = {
|
|
|
2321
2329
|
onDispose: () => {
|
|
2322
2330
|
o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.pointerEvents = "";
|
|
2323
2331
|
}
|
|
2324
|
-
}), c = new
|
|
2332
|
+
}), c = new S({
|
|
2325
2333
|
element: i,
|
|
2326
2334
|
integrator: E.from(e),
|
|
2327
2335
|
style: (s, l) => {
|
|
@@ -2342,11 +2350,11 @@ const ti = {
|
|
|
2342
2350
|
};
|
|
2343
2351
|
return k({ forward: n, backward: n });
|
|
2344
2352
|
};
|
|
2345
|
-
function
|
|
2346
|
-
return D(
|
|
2353
|
+
function or(t = {}, e = {}) {
|
|
2354
|
+
return D(ni(), e.override);
|
|
2347
2355
|
}
|
|
2348
2356
|
const $t = /* @__PURE__ */ new WeakMap();
|
|
2349
|
-
function
|
|
2357
|
+
function oi(t) {
|
|
2350
2358
|
const e = $t.get(t) ?? {
|
|
2351
2359
|
opacity: t.style.opacity,
|
|
2352
2360
|
users: 0
|
|
@@ -2357,7 +2365,7 @@ function ni(t) {
|
|
|
2357
2365
|
n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), $t.delete(t)));
|
|
2358
2366
|
};
|
|
2359
2367
|
}
|
|
2360
|
-
function
|
|
2368
|
+
function ii(t, e) {
|
|
2361
2369
|
return e.left >= t.left - 0.01 && e.top >= t.top - 0.01 && e.left + e.width <= t.left + t.width + 0.01 && e.top + e.height <= t.top + t.height + 0.01;
|
|
2362
2370
|
}
|
|
2363
2371
|
function Yt(t) {
|
|
@@ -2380,7 +2388,7 @@ function Yt(t) {
|
|
|
2380
2388
|
c,
|
|
2381
2389
|
s
|
|
2382
2390
|
);
|
|
2383
|
-
return
|
|
2391
|
+
return ii(n.window, l) ? {
|
|
2384
2392
|
contentAware: !0,
|
|
2385
2393
|
enterContent: i,
|
|
2386
2394
|
exitContent: r,
|
|
@@ -2390,7 +2398,7 @@ function Yt(t) {
|
|
|
2390
2398
|
exitCornerRadii: o.cornerRadii
|
|
2391
2399
|
} : e();
|
|
2392
2400
|
}
|
|
2393
|
-
function
|
|
2401
|
+
function xe(t, e) {
|
|
2394
2402
|
return {
|
|
2395
2403
|
top: t.top,
|
|
2396
2404
|
right: e.width - (t.left + t.width),
|
|
@@ -2398,27 +2406,27 @@ function we(t, e) {
|
|
|
2398
2406
|
left: t.left
|
|
2399
2407
|
};
|
|
2400
2408
|
}
|
|
2401
|
-
function
|
|
2409
|
+
function ri(t, e, n) {
|
|
2402
2410
|
return {
|
|
2403
2411
|
x: t / Math.max(Math.abs(e), 1e-6),
|
|
2404
2412
|
y: t / Math.max(Math.abs(n), 1e-6)
|
|
2405
2413
|
};
|
|
2406
2414
|
}
|
|
2407
|
-
function
|
|
2415
|
+
function Se(t, e, n, o, i, r) {
|
|
2408
2416
|
return (n ?? [t]).map(
|
|
2409
|
-
(c) =>
|
|
2417
|
+
(c) => ri(
|
|
2410
2418
|
Math.max(0, c * o + e * (1 - o)),
|
|
2411
2419
|
i,
|
|
2412
2420
|
r
|
|
2413
2421
|
)
|
|
2414
2422
|
);
|
|
2415
2423
|
}
|
|
2416
|
-
function
|
|
2417
|
-
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, p = s.left - c.left + (s.width - c.width) / 2 - n.x, y = s.top - c.top + (s.height - c.height) / 2 - n.y, u =
|
|
2424
|
+
function si(t) {
|
|
2425
|
+
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, p = s.left - c.left + (s.width - c.width) / 2 - n.x, y = s.top - c.top + (s.height - c.height) / 2 - n.y, u = xe(l, e);
|
|
2418
2426
|
return {
|
|
2419
2427
|
transformOrigin: `${N(c)}px ${W(c)}px`,
|
|
2420
2428
|
animate: (f) => {
|
|
2421
|
-
const h = 1 - f, m = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g =
|
|
2429
|
+
const h = 1 - f, m = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = Se(
|
|
2422
2430
|
i,
|
|
2423
2431
|
o,
|
|
2424
2432
|
r.exitCornerRadii,
|
|
@@ -2442,12 +2450,12 @@ function ri(t) {
|
|
|
2442
2450
|
}
|
|
2443
2451
|
};
|
|
2444
2452
|
}
|
|
2445
|
-
function
|
|
2446
|
-
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, p = s.left - c.left + (s.width - c.width) / 2 + n.x, y = s.top - c.top + (s.height - c.height) / 2 + n.y, u =
|
|
2453
|
+
function ai(t) {
|
|
2454
|
+
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, p = s.left - c.left + (s.width - c.width) / 2 + n.x, y = s.top - c.top + (s.height - c.height) / 2 + n.y, u = xe(l, e);
|
|
2447
2455
|
return {
|
|
2448
2456
|
transformOrigin: `${N(c)}px ${W(c)}px`,
|
|
2449
2457
|
animate: (f) => {
|
|
2450
|
-
const h = 1 - f, m = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g =
|
|
2458
|
+
const h = 1 - f, m = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = Se(
|
|
2451
2459
|
i,
|
|
2452
2460
|
o,
|
|
2453
2461
|
r.exitCornerRadii,
|
|
@@ -2471,7 +2479,7 @@ function si(t) {
|
|
|
2471
2479
|
}
|
|
2472
2480
|
};
|
|
2473
2481
|
}
|
|
2474
|
-
const
|
|
2482
|
+
const ci = {
|
|
2475
2483
|
spring: {
|
|
2476
2484
|
stiffness: 500,
|
|
2477
2485
|
damping: 49,
|
|
@@ -2482,32 +2490,32 @@ const ai = {
|
|
|
2482
2490
|
restDelta: 0.05,
|
|
2483
2491
|
restSpeed: 0.05
|
|
2484
2492
|
}
|
|
2485
|
-
},
|
|
2493
|
+
}, li = {
|
|
2486
2494
|
spring: {
|
|
2487
2495
|
stiffness: 280,
|
|
2488
2496
|
damping: 33.5,
|
|
2489
2497
|
restDelta: 0.1,
|
|
2490
2498
|
restSpeed: 0.1
|
|
2491
2499
|
}
|
|
2492
|
-
},
|
|
2493
|
-
function
|
|
2500
|
+
}, Ee = 0.12, di = 18;
|
|
2501
|
+
function pi() {
|
|
2494
2502
|
return {
|
|
2495
2503
|
transformOrigin: "50% 50%",
|
|
2496
2504
|
animate: (t) => {
|
|
2497
2505
|
const e = 1 - t;
|
|
2498
2506
|
return {
|
|
2499
|
-
transform: `scale(${1 -
|
|
2507
|
+
transform: `scale(${1 - Ee * e})`
|
|
2500
2508
|
};
|
|
2501
2509
|
}
|
|
2502
2510
|
};
|
|
2503
2511
|
}
|
|
2504
|
-
function
|
|
2512
|
+
function ui() {
|
|
2505
2513
|
return {
|
|
2506
2514
|
transformOrigin: "50% 50%",
|
|
2507
2515
|
animate: (t) => {
|
|
2508
2516
|
const e = 1 - t;
|
|
2509
2517
|
return {
|
|
2510
|
-
transform: `scale(${1 -
|
|
2518
|
+
transform: `scale(${1 - Ee * e})`
|
|
2511
2519
|
};
|
|
2512
2520
|
}
|
|
2513
2521
|
};
|
|
@@ -2528,23 +2536,23 @@ const Ct = {
|
|
|
2528
2536
|
WebkitBackdropFilter: "blur(0px)"
|
|
2529
2537
|
},
|
|
2530
2538
|
style: (t, e) => {
|
|
2531
|
-
const n = t === "enter" ? e : 1 - e, o = `blur(${
|
|
2539
|
+
const n = t === "enter" ? e : 1 - e, o = `blur(${di * n}px)`;
|
|
2532
2540
|
return {
|
|
2533
2541
|
backdropFilter: o,
|
|
2534
2542
|
WebkitBackdropFilter: o
|
|
2535
2543
|
};
|
|
2536
2544
|
}
|
|
2537
2545
|
};
|
|
2538
|
-
class
|
|
2546
|
+
class fi {
|
|
2539
2547
|
constructor() {
|
|
2540
2548
|
O(this, "name", "background");
|
|
2541
|
-
O(this, "physics",
|
|
2542
|
-
O(this, "exitPhysics",
|
|
2549
|
+
O(this, "physics", ci);
|
|
2550
|
+
O(this, "exitPhysics", li);
|
|
2543
2551
|
}
|
|
2544
2552
|
contribute(e) {
|
|
2545
|
-
const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ?
|
|
2553
|
+
const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ? pi() : ui();
|
|
2546
2554
|
return l && (s.style.transformOrigin = l.transformOrigin), [
|
|
2547
|
-
new
|
|
2555
|
+
new S({
|
|
2548
2556
|
element: s,
|
|
2549
2557
|
integrator: E.from(r),
|
|
2550
2558
|
style: c ? (a, d) => l.animate(d) : (a) => l.animate(a)
|
|
@@ -2552,7 +2560,7 @@ class ui {
|
|
|
2552
2560
|
];
|
|
2553
2561
|
}
|
|
2554
2562
|
}
|
|
2555
|
-
class
|
|
2563
|
+
class hi {
|
|
2556
2564
|
constructor() {
|
|
2557
2565
|
O(this, "name", "overlay");
|
|
2558
2566
|
}
|
|
@@ -2566,7 +2574,7 @@ class fi {
|
|
|
2566
2574
|
n.style.zIndex = fe;
|
|
2567
2575
|
const o = pe(e.context, "to");
|
|
2568
2576
|
return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
|
|
2569
|
-
new
|
|
2577
|
+
new S({
|
|
2570
2578
|
element: n,
|
|
2571
2579
|
motion: { lifetime: "temporary", role: "overlay" },
|
|
2572
2580
|
integrator: E.from(e.physics),
|
|
@@ -2575,7 +2583,7 @@ class fi {
|
|
|
2575
2583
|
];
|
|
2576
2584
|
}
|
|
2577
2585
|
}
|
|
2578
|
-
const
|
|
2586
|
+
const yi = {
|
|
2579
2587
|
spring: {
|
|
2580
2588
|
stiffness: 380,
|
|
2581
2589
|
damping: 30,
|
|
@@ -2585,7 +2593,7 @@ const hi = {
|
|
|
2585
2593
|
}
|
|
2586
2594
|
}
|
|
2587
2595
|
};
|
|
2588
|
-
function
|
|
2596
|
+
function mi({
|
|
2589
2597
|
enterRect: t,
|
|
2590
2598
|
exitRect: e,
|
|
2591
2599
|
scrollOffset: n
|
|
@@ -2601,7 +2609,7 @@ function yi({
|
|
|
2601
2609
|
}
|
|
2602
2610
|
};
|
|
2603
2611
|
}
|
|
2604
|
-
function
|
|
2612
|
+
function gi({
|
|
2605
2613
|
enterRect: t,
|
|
2606
2614
|
exitRect: e,
|
|
2607
2615
|
scrollOffset: n
|
|
@@ -2617,15 +2625,15 @@ function mi({
|
|
|
2617
2625
|
}
|
|
2618
2626
|
};
|
|
2619
2627
|
}
|
|
2620
|
-
class
|
|
2628
|
+
class bi {
|
|
2621
2629
|
constructor() {
|
|
2622
2630
|
O(this, "name", "background");
|
|
2623
|
-
O(this, "physics",
|
|
2631
|
+
O(this, "physics", yi);
|
|
2624
2632
|
}
|
|
2625
2633
|
contribute(e) {
|
|
2626
|
-
const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ?
|
|
2634
|
+
const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ? mi(r) : gi(r);
|
|
2627
2635
|
return a && (l.style.transformOrigin = a.transformOrigin), [
|
|
2628
|
-
new
|
|
2636
|
+
new S({
|
|
2629
2637
|
element: l,
|
|
2630
2638
|
integrator: E.from(c),
|
|
2631
2639
|
style: s ? (d, p) => a.animate(p) : (d) => a.animate(d)
|
|
@@ -2633,34 +2641,34 @@ class gi {
|
|
|
2633
2641
|
];
|
|
2634
2642
|
}
|
|
2635
2643
|
}
|
|
2636
|
-
const
|
|
2644
|
+
const wi = {
|
|
2637
2645
|
spring: {
|
|
2638
2646
|
stiffness: 530,
|
|
2639
2647
|
damping: 34,
|
|
2640
2648
|
doubleSpring: 1
|
|
2641
2649
|
}
|
|
2642
2650
|
};
|
|
2643
|
-
class
|
|
2651
|
+
class xi {
|
|
2644
2652
|
constructor() {
|
|
2645
2653
|
O(this, "name", "background");
|
|
2646
|
-
O(this, "physics",
|
|
2654
|
+
O(this, "physics", wi);
|
|
2647
2655
|
}
|
|
2648
2656
|
contribute(e) {
|
|
2649
2657
|
return [];
|
|
2650
2658
|
}
|
|
2651
2659
|
}
|
|
2652
|
-
const
|
|
2653
|
-
expand: () => new
|
|
2654
|
-
static: () => new
|
|
2655
|
-
blur: () => new
|
|
2660
|
+
const Si = {
|
|
2661
|
+
expand: () => new bi(),
|
|
2662
|
+
static: () => new xi(),
|
|
2663
|
+
blur: () => new fi()
|
|
2656
2664
|
};
|
|
2657
|
-
function Si(t) {
|
|
2658
|
-
return xi[t]();
|
|
2659
|
-
}
|
|
2660
2665
|
function Ei(t) {
|
|
2666
|
+
return Si[t]();
|
|
2667
|
+
}
|
|
2668
|
+
function $i(t) {
|
|
2661
2669
|
var w, C;
|
|
2662
2670
|
const { resolved: e, input: n, from: o, to: i, physics: r, onDispose: c } = t, s = e.mode === "enter", l = s ? i : o, a = Yt(n), d = a.contentAware ? ((w = n.exitMedia) == null ? void 0 : w.mediaElement) ?? e.exitEl : e.exitEl, p = a.contentAware ? ((C = n.enterMedia) == null ? void 0 : C.mediaElement) ?? e.enterEl : e.enterEl, y = ot(d), u = ot(p), f = Tt(d);
|
|
2663
|
-
a.contentAware && (f.style.width = `${a.exitContent.width}px`, f.style.height = `${a.exitContent.height}px`, f.style.borderRadius = "0"), f.style.zIndex = getComputedStyle(p).zIndex, p.after(f), f.style.transform =
|
|
2671
|
+
a.contentAware && (f.style.width = `${a.exitContent.width}px`, f.style.height = `${a.exitContent.height}px`, f.style.borderRadius = "0"), f.style.zIndex = getComputedStyle(p).zIndex, p.after(f), f.style.transform = to(
|
|
2664
2672
|
{
|
|
2665
2673
|
width: a.enterContent.width,
|
|
2666
2674
|
height: a.enterContent.height,
|
|
@@ -2679,25 +2687,29 @@ function Ei(t) {
|
|
|
2679
2687
|
const A = a.contentAware ? h.window : n.enterRect, P = a.contentAware ? h.cornerRadii ?? [h.radius] : [h.bboxRadius];
|
|
2680
2688
|
f.style.borderRadius = "0", f.style.clipPath = dt(
|
|
2681
2689
|
a.enterContent,
|
|
2682
|
-
|
|
2683
|
-
P.map((
|
|
2690
|
+
U(a.enterContent, A),
|
|
2691
|
+
P.map((x) => ({ x, y: x }))
|
|
2684
2692
|
);
|
|
2685
2693
|
}
|
|
2686
2694
|
const b = (A, P) => ({
|
|
2687
|
-
opacity:
|
|
2695
|
+
opacity: G(s ? P : A) * y.opacity
|
|
2688
2696
|
}), g = (A, P) => ({
|
|
2689
|
-
opacity:
|
|
2697
|
+
opacity: we(
|
|
2698
|
+
s ? A : P,
|
|
2699
|
+
u.opacity,
|
|
2700
|
+
y.opacity
|
|
2701
|
+
)
|
|
2690
2702
|
});
|
|
2691
2703
|
return f.style.opacity = String(b(0, 1).opacity), y.set(0), u.set(g(0, 1).opacity), c(() => {
|
|
2692
2704
|
f.remove(), y.restore(), u.restore();
|
|
2693
2705
|
}), [
|
|
2694
|
-
new
|
|
2706
|
+
new S({
|
|
2695
2707
|
element: f,
|
|
2696
2708
|
motion: { lifetime: "temporary", role: "shared-media-source" },
|
|
2697
2709
|
integrator: E.from(r),
|
|
2698
2710
|
style: b
|
|
2699
2711
|
}),
|
|
2700
|
-
new
|
|
2712
|
+
new S({
|
|
2701
2713
|
element: p,
|
|
2702
2714
|
integrator: E.from(r),
|
|
2703
2715
|
style: g
|
|
@@ -2705,10 +2717,10 @@ function Ei(t) {
|
|
|
2705
2717
|
];
|
|
2706
2718
|
}
|
|
2707
2719
|
const Dt = "data-zoom-enter-key", se = "data-zoom-exit-key", ae = "data-zoom-radius";
|
|
2708
|
-
function
|
|
2720
|
+
function Ci(t, e) {
|
|
2709
2721
|
return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
|
|
2710
2722
|
}
|
|
2711
|
-
function
|
|
2723
|
+
function Ai(t, e) {
|
|
2712
2724
|
const n = [];
|
|
2713
2725
|
let o = e;
|
|
2714
2726
|
for (; o && o !== t; ) {
|
|
@@ -2731,7 +2743,7 @@ function le(t, e) {
|
|
|
2731
2743
|
return o;
|
|
2732
2744
|
return null;
|
|
2733
2745
|
}
|
|
2734
|
-
function
|
|
2746
|
+
function Pi(t, e, n) {
|
|
2735
2747
|
if (n === "forward") {
|
|
2736
2748
|
const c = ce(e);
|
|
2737
2749
|
if (!c) return null;
|
|
@@ -2747,7 +2759,7 @@ function Ai(t, e, n) {
|
|
|
2747
2759
|
const r = le(e, i);
|
|
2748
2760
|
return r ? { mode: "exit", enterEl: o, exitEl: r } : null;
|
|
2749
2761
|
}
|
|
2750
|
-
function
|
|
2762
|
+
function vi(t, e, n, o) {
|
|
2751
2763
|
const i = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, c = z(i, t.enterEl), s = z(r, t.exitEl), l = rt(
|
|
2752
2764
|
t.enterEl,
|
|
2753
2765
|
c,
|
|
@@ -2769,7 +2781,7 @@ function Pi(t, e, n, o) {
|
|
|
2769
2781
|
top: 0,
|
|
2770
2782
|
width: u.width,
|
|
2771
2783
|
height: u.height
|
|
2772
|
-
}, h = d.radiusSource === "legacy" ||
|
|
2784
|
+
}, h = d.radiusSource === "legacy" || Ci(d.window, f) ? d.radius : 0;
|
|
2773
2785
|
return {
|
|
2774
2786
|
enterRect: c,
|
|
2775
2787
|
exitRect: s,
|
|
@@ -2783,7 +2795,7 @@ function Pi(t, e, n, o) {
|
|
|
2783
2795
|
exitRadius: p.radius
|
|
2784
2796
|
};
|
|
2785
2797
|
}
|
|
2786
|
-
class
|
|
2798
|
+
class Ri {
|
|
2787
2799
|
constructor() {
|
|
2788
2800
|
O(this, "name", "tile");
|
|
2789
2801
|
}
|
|
@@ -2793,8 +2805,8 @@ class vi {
|
|
|
2793
2805
|
});
|
|
2794
2806
|
}
|
|
2795
2807
|
contribute(e) {
|
|
2796
|
-
const { from: n, to: o, resolved: i, input: r, physics: c, onDispose: s } = e, l = i.mode === "enter", a = l ?
|
|
2797
|
-
s(
|
|
2808
|
+
const { from: n, to: o, resolved: i, input: r, physics: c, onDispose: s } = e, l = i.mode === "enter", a = l ? si(r) : ai(r), d = l ? o : n, p = l ? "t" : "u", y = $i(e);
|
|
2809
|
+
s(oi(i.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
|
|
2798
2810
|
const u = l ? L : M, f = l ? M : L, h = n.style.zIndex;
|
|
2799
2811
|
n.style.zIndex = u;
|
|
2800
2812
|
const m = o.style.zIndex, b = o.style.position;
|
|
@@ -2802,7 +2814,7 @@ class vi {
|
|
|
2802
2814
|
g.owns(d) && (d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.transformOrigin = "", d.style.contain = ""), g.owns(n) && (n.style.zIndex = h, n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = ""), g.owns(o) && (o.style.zIndex = m, o.style.position = b, o.style.transformOrigin = "");
|
|
2803
2815
|
}), [
|
|
2804
2816
|
...y,
|
|
2805
|
-
new
|
|
2817
|
+
new S({
|
|
2806
2818
|
element: d,
|
|
2807
2819
|
integrator: E.from(c),
|
|
2808
2820
|
// Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
|
|
@@ -2813,12 +2825,12 @@ class vi {
|
|
|
2813
2825
|
];
|
|
2814
2826
|
}
|
|
2815
2827
|
}
|
|
2816
|
-
class
|
|
2828
|
+
class Ii {
|
|
2817
2829
|
constructor() {
|
|
2818
2830
|
O(this, "name", "content");
|
|
2819
2831
|
}
|
|
2820
2832
|
contribute(e) {
|
|
2821
|
-
const { resolved: n, physics: o, from: i, to: r, onDispose: c } = e, s = n.mode === "enter" ? r : i, l =
|
|
2833
|
+
const { resolved: n, physics: o, from: i, to: r, onDispose: c } = e, s = n.mode === "enter" ? r : i, l = Ai(s, n.enterEl);
|
|
2822
2834
|
if (l.length === 0) return [];
|
|
2823
2835
|
const a = l.map((d) => d.style.opacity);
|
|
2824
2836
|
if (n.mode === "enter")
|
|
@@ -2829,7 +2841,7 @@ class Ri {
|
|
|
2829
2841
|
y && d.owns(y) && (y.style.opacity = a[p] ?? "");
|
|
2830
2842
|
}
|
|
2831
2843
|
}), l.map(
|
|
2832
|
-
(d) => new
|
|
2844
|
+
(d) => new S({
|
|
2833
2845
|
element: d,
|
|
2834
2846
|
integrator: E.from(o),
|
|
2835
2847
|
style: (p, y) => ({
|
|
@@ -2839,7 +2851,7 @@ class Ri {
|
|
|
2839
2851
|
);
|
|
2840
2852
|
}
|
|
2841
2853
|
}
|
|
2842
|
-
class
|
|
2854
|
+
class Oi {
|
|
2843
2855
|
constructor() {
|
|
2844
2856
|
O(this, "name", "content");
|
|
2845
2857
|
}
|
|
@@ -2847,33 +2859,33 @@ class Ii {
|
|
|
2847
2859
|
return [];
|
|
2848
2860
|
}
|
|
2849
2861
|
}
|
|
2850
|
-
const
|
|
2851
|
-
default: () => new
|
|
2852
|
-
fade: () => new
|
|
2862
|
+
const _i = {
|
|
2863
|
+
default: () => new Oi(),
|
|
2864
|
+
fade: () => new Ii()
|
|
2853
2865
|
};
|
|
2854
|
-
function
|
|
2855
|
-
return
|
|
2866
|
+
function ki(t) {
|
|
2867
|
+
return _i[t]();
|
|
2856
2868
|
}
|
|
2857
2869
|
function At(t) {
|
|
2858
|
-
const e =
|
|
2870
|
+
const e = Ei(t.type);
|
|
2859
2871
|
return {
|
|
2860
2872
|
strategies: [
|
|
2861
|
-
new
|
|
2873
|
+
new Ri(),
|
|
2862
2874
|
e,
|
|
2863
|
-
|
|
2875
|
+
ki(t.variant),
|
|
2864
2876
|
// Overlay is intrinsically tied to backdrop-filter-driven types. Today
|
|
2865
2877
|
// that's only `blur`; the table-driven factory above owns the mapping
|
|
2866
2878
|
// so this conditional is the single line that knows the relationship.
|
|
2867
|
-
...t.type === "blur" ? [new
|
|
2879
|
+
...t.type === "blur" ? [new hi()] : []
|
|
2868
2880
|
],
|
|
2869
2881
|
physics: e.physics,
|
|
2870
2882
|
exitPhysics: e.exitPhysics
|
|
2871
2883
|
};
|
|
2872
2884
|
}
|
|
2873
|
-
function
|
|
2885
|
+
function Di(t, e) {
|
|
2874
2886
|
return e === "exit" ? t.exitPhysics ?? t.physics : t.physics;
|
|
2875
2887
|
}
|
|
2876
|
-
const
|
|
2888
|
+
const Fi = (t) => {
|
|
2877
2889
|
const { physics: e, exitPhysics: n } = At(t), o = (i) => ({
|
|
2878
2890
|
prepare: (r) => {
|
|
2879
2891
|
const { strategies: c } = At(t), s = {
|
|
@@ -2900,7 +2912,7 @@ const Di = (t) => {
|
|
|
2900
2912
|
...a
|
|
2901
2913
|
}) => {
|
|
2902
2914
|
var g;
|
|
2903
|
-
const d =
|
|
2915
|
+
const d = Pi(r, c, i);
|
|
2904
2916
|
if (!d)
|
|
2905
2917
|
return K({
|
|
2906
2918
|
tile: [],
|
|
@@ -2908,14 +2920,14 @@ const Di = (t) => {
|
|
|
2908
2920
|
content: [],
|
|
2909
2921
|
overlay: []
|
|
2910
2922
|
});
|
|
2911
|
-
const p =
|
|
2923
|
+
const p = vi(d, r, c, s.scrollOffset), y = [], u = (w) => {
|
|
2912
2924
|
y.push(w);
|
|
2913
2925
|
}, f = {
|
|
2914
2926
|
from: r,
|
|
2915
2927
|
to: c,
|
|
2916
2928
|
resolved: d,
|
|
2917
2929
|
input: p,
|
|
2918
|
-
physics:
|
|
2930
|
+
physics: Di({ physics: e, exitPhysics: n }, d.mode),
|
|
2919
2931
|
context: s,
|
|
2920
2932
|
extras: a,
|
|
2921
2933
|
onDispose: u
|
|
@@ -2937,7 +2949,7 @@ const Di = (t) => {
|
|
|
2937
2949
|
}
|
|
2938
2950
|
};
|
|
2939
2951
|
for (const w of m)
|
|
2940
|
-
w instanceof
|
|
2952
|
+
w instanceof S && J(w);
|
|
2941
2953
|
return b;
|
|
2942
2954
|
}
|
|
2943
2955
|
});
|
|
@@ -2946,16 +2958,16 @@ const Di = (t) => {
|
|
|
2946
2958
|
backward: o("backward")
|
|
2947
2959
|
});
|
|
2948
2960
|
};
|
|
2949
|
-
function
|
|
2961
|
+
function Mi(t) {
|
|
2950
2962
|
const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
|
|
2951
2963
|
return { type: e, variant: n };
|
|
2952
2964
|
}
|
|
2953
|
-
function
|
|
2954
|
-
const n =
|
|
2955
|
-
return D(
|
|
2965
|
+
function ir(t = {}, e = {}) {
|
|
2966
|
+
const n = Mi(t);
|
|
2967
|
+
return D(Fi(n), e.override);
|
|
2956
2968
|
}
|
|
2957
|
-
const de = 1 / 60,
|
|
2958
|
-
function
|
|
2969
|
+
const de = 1 / 60, Ti = 600;
|
|
2970
|
+
function Yi(t, e) {
|
|
2959
2971
|
const n = Math.sqrt(t), o = e / (2 * n), i = 2 * Math.PI / n, r = o <= 1 ? 1 - o : 1 / o - 1;
|
|
2960
2972
|
return { duration: i, bounce: r, zeta: o };
|
|
2961
2973
|
}
|
|
@@ -2972,13 +2984,13 @@ function tt(t) {
|
|
|
2972
2984
|
throw new Error(`spring(): ${e} must be finite and > 0`);
|
|
2973
2985
|
return E.from({ spring: t });
|
|
2974
2986
|
}
|
|
2975
|
-
function
|
|
2987
|
+
function Li(t) {
|
|
2976
2988
|
let e = { position: 0, velocity: 0 };
|
|
2977
|
-
for (let n = 1; n <=
|
|
2989
|
+
for (let n = 1; n <= Ti; n++)
|
|
2978
2990
|
if (e = t.step(e, 1, de), e.position >= 1) return n * de * 1e3;
|
|
2979
2991
|
return 1 / 0;
|
|
2980
2992
|
}
|
|
2981
|
-
function
|
|
2993
|
+
function Hi(t) {
|
|
2982
2994
|
const { duration: e, resistance: n = 1.5, restDelta: o } = t;
|
|
2983
2995
|
if (!Number.isFinite(e) || !(e > 0))
|
|
2984
2996
|
throw new Error("easeIn(): duration must be finite and > 0");
|
|
@@ -2990,11 +3002,11 @@ function Li(t) {
|
|
|
2990
3002
|
resistance: n,
|
|
2991
3003
|
restDelta: o
|
|
2992
3004
|
});
|
|
2993
|
-
|
|
3005
|
+
Li(a) > i ? r = l : c = l;
|
|
2994
3006
|
}
|
|
2995
3007
|
return new vt({ acceleration: c, resistance: n, restDelta: o });
|
|
2996
3008
|
}
|
|
2997
|
-
class
|
|
3009
|
+
class $e {
|
|
2998
3010
|
constructor(e, n) {
|
|
2999
3011
|
if (this.inner = e, this.factor = n, !Number.isFinite(n) || !(n > 0))
|
|
3000
3012
|
throw new Error("scale(): factor must be finite and > 0");
|
|
@@ -3015,13 +3027,13 @@ class Ee {
|
|
|
3015
3027
|
);
|
|
3016
3028
|
}
|
|
3017
3029
|
}
|
|
3018
|
-
function
|
|
3019
|
-
return new
|
|
3030
|
+
function rr(t, e) {
|
|
3031
|
+
return new $e(t, e);
|
|
3020
3032
|
}
|
|
3021
|
-
function
|
|
3022
|
-
const e =
|
|
3023
|
-
if (t instanceof
|
|
3024
|
-
const o =
|
|
3033
|
+
function zi(t) {
|
|
3034
|
+
const e = Ye(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
|
|
3035
|
+
if (t instanceof $e) {
|
|
3036
|
+
const o = zi(t.inner);
|
|
3025
3037
|
return {
|
|
3026
3038
|
...o,
|
|
3027
3039
|
kind: "scaled",
|
|
@@ -3029,61 +3041,61 @@ function Hi(t) {
|
|
|
3029
3041
|
settleMs: n
|
|
3030
3042
|
};
|
|
3031
3043
|
}
|
|
3032
|
-
return t instanceof Pt || t instanceof
|
|
3044
|
+
return t instanceof Pt || t instanceof Le ? {
|
|
3033
3045
|
kind: t instanceof Pt ? "spring" : "double-spring",
|
|
3034
|
-
...
|
|
3046
|
+
...Yi(t.stiffness, t.damping),
|
|
3035
3047
|
settleMs: n
|
|
3036
3048
|
} : t instanceof vt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
|
|
3037
3049
|
}
|
|
3038
|
-
const
|
|
3050
|
+
const sr = tt({
|
|
3039
3051
|
stiffness: 246.74011002723395,
|
|
3040
3052
|
damping: 31.41592653589793
|
|
3041
|
-
}),
|
|
3053
|
+
}), ar = tt({
|
|
3042
3054
|
stiffness: 438.6490844928604,
|
|
3043
3055
|
damping: 35.604716740684324
|
|
3044
|
-
}),
|
|
3056
|
+
}), cr = tt({
|
|
3045
3057
|
stiffness: 194.9551486634935,
|
|
3046
3058
|
damping: 19.54768762233649
|
|
3047
|
-
}),
|
|
3059
|
+
}), lr = tt({
|
|
3048
3060
|
stiffness: 130.5071656342394,
|
|
3049
3061
|
damping: 22.84794657156213
|
|
3050
|
-
}),
|
|
3062
|
+
}), dr = tt({
|
|
3051
3063
|
stiffness: 986.9604401089358,
|
|
3052
3064
|
damping: 62.83185307179586
|
|
3053
|
-
}),
|
|
3065
|
+
}), pr = Hi({ duration: 0.2 });
|
|
3054
3066
|
export {
|
|
3055
|
-
|
|
3056
|
-
|
|
3067
|
+
hr as Animation,
|
|
3068
|
+
Le as DoubleSpringIntegrator,
|
|
3057
3069
|
vt as InertiaIntegrator,
|
|
3058
3070
|
E as IntegratorProvider,
|
|
3059
|
-
|
|
3071
|
+
We as LinearIntegrator,
|
|
3060
3072
|
I as MultiAnimation,
|
|
3061
|
-
|
|
3073
|
+
$e as ScaledIntegrator,
|
|
3062
3074
|
Pt as SpringIntegrator,
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
|
|
3075
|
+
S as WebAnimation,
|
|
3076
|
+
pr as accelerate,
|
|
3077
|
+
Ui as axis,
|
|
3078
|
+
ji as blind,
|
|
3079
|
+
cr as bouncy,
|
|
3068
3080
|
k as defineTransition,
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3081
|
+
zi as describeIntegrator,
|
|
3082
|
+
Zi as drill,
|
|
3083
|
+
Hi as easeIn,
|
|
3084
|
+
Gi as fade,
|
|
3085
|
+
qi as film,
|
|
3086
|
+
lr as gentle,
|
|
3087
|
+
Ki as hero,
|
|
3088
|
+
Ji as jaemin,
|
|
3089
|
+
Qi as rotate,
|
|
3090
|
+
rr as scale,
|
|
3091
|
+
tr as scroll,
|
|
3092
|
+
er as sheet,
|
|
3093
|
+
nr as slide,
|
|
3094
|
+
sr as smooth,
|
|
3095
|
+
ar as snappy,
|
|
3084
3096
|
tt as spring,
|
|
3085
|
-
|
|
3086
|
-
|
|
3097
|
+
or as strip,
|
|
3098
|
+
dr as swift,
|
|
3087
3099
|
D as withOverride,
|
|
3088
|
-
|
|
3100
|
+
ir as zoom
|
|
3089
3101
|
};
|