@ssgoi/core 7.1.3-beta.1 → 7.1.3-beta.2
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.cjs +9 -9
- package/dist/index.js +1148 -1066
- package/dist/transitions/hero/exit-layer.d.ts +8 -0
- package/dist/transitions/hero/exit-layer.d.ts.map +1 -0
- package/dist/transitions/hero/in-place.d.ts +4 -0
- package/dist/transitions/hero/in-place.d.ts.map +1 -1
- package/dist/transitions/hero/index.d.ts +3 -2
- package/dist/transitions/hero/index.d.ts.map +1 -1
- package/dist/transitions/hero/transition.d.ts +2 -1
- package/dist/transitions/hero/transition.d.ts.map +1 -1
- package/dist/transitions/hero/types.d.ts +5 -3
- package/dist/transitions/hero/types.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { d as
|
|
5
|
-
import { W as w, M as
|
|
6
|
-
import { A as
|
|
7
|
-
import { P as
|
|
8
|
-
import { F as
|
|
9
|
-
class
|
|
1
|
+
var Pe = Object.defineProperty;
|
|
2
|
+
var Ae = (t, e, n) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
|
|
3
|
+
var I = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
|
|
4
|
+
import { d as _, w as O } from "./index-B_K3Vnj-.js";
|
|
5
|
+
import { W as w, M as A } from "./multi-animation-Du9W3ZS_.js";
|
|
6
|
+
import { A as oi } from "./multi-animation-Du9W3ZS_.js";
|
|
7
|
+
import { P as ve, I as C, S as bt, a as Re, b as wt, s as Ie, D as _e } from "./provider-Cea0Pfm1.js";
|
|
8
|
+
import { F as Oe, a as ke, p as ot, S as Fe } from "./page-motion-MEazegOU.js";
|
|
9
|
+
class Te {
|
|
10
10
|
constructor(e) {
|
|
11
|
-
|
|
11
|
+
I(this, "durationSec");
|
|
12
12
|
this.durationSec = Math.max(1 / 60, e.durationSec);
|
|
13
13
|
}
|
|
14
14
|
step(e, n, o) {
|
|
15
|
-
const
|
|
16
|
-
if (
|
|
17
|
-
const
|
|
18
|
-
return (
|
|
15
|
+
const r = n - e.position;
|
|
16
|
+
if (r === 0) return e;
|
|
17
|
+
const i = Math.sign(r), c = Math.abs(r) / this.durationSec, s = i * c * o, l = e.position + s;
|
|
18
|
+
return (i > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: i * c };
|
|
19
19
|
}
|
|
20
20
|
isSettled(e, n) {
|
|
21
|
-
return Math.abs(e.position - n) <
|
|
21
|
+
return Math.abs(e.position - n) < ve;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
function
|
|
25
|
-
function n(
|
|
24
|
+
function Rt(t, e) {
|
|
25
|
+
function n(i) {
|
|
26
26
|
let c = 0, s = 0;
|
|
27
|
-
const l =
|
|
28
|
-
let
|
|
29
|
-
for (;
|
|
30
|
-
c +=
|
|
27
|
+
const l = i.offsetWidth, a = i.offsetHeight;
|
|
28
|
+
let d = i;
|
|
29
|
+
for (; d; )
|
|
30
|
+
c += d.offsetTop, s += d.offsetLeft, d = d.offsetParent;
|
|
31
31
|
return c -= window.scrollY, s -= window.scrollX, { top: c, left: s, width: l, height: a };
|
|
32
32
|
}
|
|
33
|
-
const o = n(t),
|
|
33
|
+
const o = n(t), r = n(e);
|
|
34
34
|
return new DOMRect(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
r.left - o.left,
|
|
36
|
+
r.top - o.top,
|
|
37
|
+
r.width,
|
|
38
|
+
r.height
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
41
|
function L(t, e) {
|
|
42
|
-
const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(),
|
|
42
|
+
const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), r = (s, l) => l > 0 && Math.abs(s - l) > 0.5 ? s / l : 1, i = r(n.width, t.offsetWidth), c = r(n.height, t.offsetHeight);
|
|
43
43
|
return new DOMRect(
|
|
44
|
-
(o.left - n.left) /
|
|
44
|
+
(o.left - n.left) / i,
|
|
45
45
|
(o.top - n.top) / c,
|
|
46
|
-
o.width /
|
|
46
|
+
o.width / i,
|
|
47
47
|
o.height / c
|
|
48
48
|
);
|
|
49
49
|
}
|
|
50
50
|
function H(t, e) {
|
|
51
|
-
const { scrollingElement: n, positionedParent: o } = t,
|
|
51
|
+
const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Rt(n, o).top : 0;
|
|
52
52
|
return {
|
|
53
53
|
top: t[e].scroll.y,
|
|
54
54
|
left: 0,
|
|
55
55
|
width: n.clientWidth,
|
|
56
|
-
height: n.clientHeight -
|
|
56
|
+
height: n.clientHeight - r
|
|
57
57
|
};
|
|
58
58
|
}
|
|
59
|
-
function
|
|
60
|
-
const { scrollingElement: n, positionedParent: o } = t,
|
|
59
|
+
function oe(t, e) {
|
|
60
|
+
const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Rt(n, o).top : 0;
|
|
61
61
|
return {
|
|
62
|
-
top: t[e].scroll.y -
|
|
62
|
+
top: t[e].scroll.y - r,
|
|
63
63
|
height: n.clientHeight
|
|
64
64
|
};
|
|
65
65
|
}
|
|
66
|
-
const
|
|
66
|
+
const kt = 8, Ft = {
|
|
67
67
|
spring: {
|
|
68
68
|
stiffness: 600,
|
|
69
69
|
damping: 40,
|
|
70
70
|
doubleSpring: 1.2
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
function
|
|
73
|
+
function Me({
|
|
74
74
|
direction: t
|
|
75
75
|
}) {
|
|
76
|
-
const e = t === "forward" ?
|
|
76
|
+
const e = t === "forward" ? kt : -kt;
|
|
77
77
|
return {
|
|
78
78
|
out: {
|
|
79
79
|
willChange: "transform, opacity",
|
|
@@ -95,32 +95,32 @@ function Fe({
|
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
}
|
|
98
|
-
function
|
|
98
|
+
function De() {
|
|
99
99
|
return {
|
|
100
|
-
outPhysics:
|
|
101
|
-
inPhysics:
|
|
100
|
+
outPhysics: Ft,
|
|
101
|
+
inPhysics: Ft,
|
|
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: Me
|
|
106
106
|
};
|
|
107
107
|
}
|
|
108
|
-
const
|
|
108
|
+
const Tt = 30, Ye = {
|
|
109
109
|
inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
|
|
110
|
-
},
|
|
110
|
+
}, Le = {
|
|
111
111
|
spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
|
|
112
112
|
};
|
|
113
|
-
function
|
|
113
|
+
function He({
|
|
114
114
|
direction: t
|
|
115
115
|
}) {
|
|
116
|
-
const e = t === "forward" ? 1 : -1, n = -
|
|
116
|
+
const e = t === "forward" ? 1 : -1, n = -Tt * e, o = Tt * e;
|
|
117
117
|
return {
|
|
118
118
|
out: {
|
|
119
119
|
willChange: "transform, opacity",
|
|
120
120
|
startStyle: {},
|
|
121
|
-
animate: (
|
|
122
|
-
transform: `translate3d(${n *
|
|
123
|
-
opacity: `${1 -
|
|
121
|
+
animate: (r) => ({
|
|
122
|
+
transform: `translate3d(${n * r}px, 0, 0)`,
|
|
123
|
+
opacity: `${1 - r}`
|
|
124
124
|
})
|
|
125
125
|
},
|
|
126
126
|
in: {
|
|
@@ -129,43 +129,43 @@ function De({
|
|
|
129
129
|
transform: `translate3d(${o}px, 0, 0)`,
|
|
130
130
|
opacity: "0"
|
|
131
131
|
},
|
|
132
|
-
animate: (
|
|
133
|
-
transform: `translate3d(${o * (1 -
|
|
134
|
-
opacity: `${
|
|
132
|
+
animate: (r) => ({
|
|
133
|
+
transform: `translate3d(${o * (1 - r)}px, 0, 0)`,
|
|
134
|
+
opacity: `${r}`
|
|
135
135
|
})
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
}
|
|
139
|
-
function
|
|
139
|
+
function Ne() {
|
|
140
140
|
return {
|
|
141
|
-
outPhysics:
|
|
142
|
-
inPhysics:
|
|
141
|
+
outPhysics: Ye,
|
|
142
|
+
inPhysics: Le,
|
|
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: He
|
|
148
148
|
};
|
|
149
149
|
}
|
|
150
|
-
const
|
|
151
|
-
snappy:
|
|
152
|
-
fluid:
|
|
153
|
-
},
|
|
150
|
+
const ze = {
|
|
151
|
+
snappy: De(),
|
|
152
|
+
fluid: Ne()
|
|
153
|
+
}, Mt = 8, We = {
|
|
154
154
|
inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
|
|
155
|
-
},
|
|
155
|
+
}, Ve = {
|
|
156
156
|
spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
|
|
157
157
|
};
|
|
158
|
-
function
|
|
158
|
+
function Xe({
|
|
159
159
|
direction: t
|
|
160
160
|
}) {
|
|
161
|
-
const e = t === "forward" ? 1 : -1, n = -
|
|
161
|
+
const e = t === "forward" ? 1 : -1, n = -Mt * e, o = Mt * e;
|
|
162
162
|
return {
|
|
163
163
|
out: {
|
|
164
164
|
willChange: "transform, opacity",
|
|
165
165
|
startStyle: {},
|
|
166
|
-
animate: (
|
|
167
|
-
transform: `translate3d(0, ${n *
|
|
168
|
-
opacity: `${1 -
|
|
166
|
+
animate: (r) => ({
|
|
167
|
+
transform: `translate3d(0, ${n * r}px, 0)`,
|
|
168
|
+
opacity: `${1 - r}`
|
|
169
169
|
})
|
|
170
170
|
},
|
|
171
171
|
in: {
|
|
@@ -174,24 +174,24 @@ function ze({
|
|
|
174
174
|
transform: `translate3d(0, ${o}px, 0)`,
|
|
175
175
|
opacity: "0"
|
|
176
176
|
},
|
|
177
|
-
animate: (
|
|
178
|
-
transform: `translate3d(0, ${o * (1 -
|
|
179
|
-
opacity: `${
|
|
177
|
+
animate: (r) => ({
|
|
178
|
+
transform: `translate3d(0, ${o * (1 - r)}px, 0)`,
|
|
179
|
+
opacity: `${r}`
|
|
180
180
|
})
|
|
181
181
|
}
|
|
182
182
|
};
|
|
183
183
|
}
|
|
184
|
-
function
|
|
184
|
+
function Be() {
|
|
185
185
|
return {
|
|
186
|
-
outPhysics:
|
|
187
|
-
inPhysics:
|
|
186
|
+
outPhysics: We,
|
|
187
|
+
inPhysics: Ve,
|
|
188
188
|
composition: { mode: "sequence" },
|
|
189
|
-
build:
|
|
189
|
+
build: Xe
|
|
190
190
|
};
|
|
191
191
|
}
|
|
192
|
-
const
|
|
192
|
+
const Ue = 40, Ze = {
|
|
193
193
|
inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
|
|
194
|
-
},
|
|
194
|
+
}, je = {
|
|
195
195
|
spring: {
|
|
196
196
|
stiffness: 400,
|
|
197
197
|
damping: 30,
|
|
@@ -200,8 +200,8 @@ const Xe = 40, Ve = {
|
|
|
200
200
|
restSpeed: 0.1
|
|
201
201
|
}
|
|
202
202
|
};
|
|
203
|
-
function
|
|
204
|
-
const e =
|
|
203
|
+
function Ge(t) {
|
|
204
|
+
const e = Ue;
|
|
205
205
|
return {
|
|
206
206
|
out: {
|
|
207
207
|
willChange: "opacity",
|
|
@@ -223,32 +223,32 @@ function Ue(t) {
|
|
|
223
223
|
}
|
|
224
224
|
};
|
|
225
225
|
}
|
|
226
|
-
function
|
|
226
|
+
function qe() {
|
|
227
227
|
return {
|
|
228
|
-
outPhysics:
|
|
229
|
-
inPhysics:
|
|
228
|
+
outPhysics: Ze,
|
|
229
|
+
inPhysics: je,
|
|
230
230
|
composition: { mode: "parallel", startAt: [0, 0] },
|
|
231
|
-
build:
|
|
231
|
+
build: Ge
|
|
232
232
|
};
|
|
233
233
|
}
|
|
234
|
-
const
|
|
235
|
-
snappy:
|
|
236
|
-
directional:
|
|
237
|
-
"non-directional":
|
|
238
|
-
},
|
|
234
|
+
const Dt = Be(), Ke = {
|
|
235
|
+
snappy: Dt,
|
|
236
|
+
directional: Dt,
|
|
237
|
+
"non-directional": qe()
|
|
238
|
+
}, Yt = {
|
|
239
239
|
spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
|
|
240
|
-
},
|
|
241
|
-
function
|
|
240
|
+
}, rt = 0.1, it = 1 / 3, Lt = (t) => Math.max(0, Math.min(1, t));
|
|
241
|
+
function Je({
|
|
242
242
|
direction: t
|
|
243
243
|
}) {
|
|
244
|
-
const e = t === "forward" ? 1 : -1, n = 1 - e *
|
|
244
|
+
const e = t === "forward" ? 1 : -1, n = 1 - e * rt;
|
|
245
245
|
return {
|
|
246
246
|
out: {
|
|
247
247
|
willChange: "transform, opacity",
|
|
248
248
|
startStyle: {},
|
|
249
249
|
animate: (o) => ({
|
|
250
|
-
transform: `scale(${1 + e * o *
|
|
251
|
-
opacity: `${
|
|
250
|
+
transform: `scale(${1 + e * o * rt})`,
|
|
251
|
+
opacity: `${Lt(1 - o / it)}`
|
|
252
252
|
})
|
|
253
253
|
},
|
|
254
254
|
in: {
|
|
@@ -258,135 +258,135 @@ function Ge({
|
|
|
258
258
|
opacity: "0"
|
|
259
259
|
},
|
|
260
260
|
animate: (o) => ({
|
|
261
|
-
transform: `scale(${n + e * o *
|
|
262
|
-
opacity: `${
|
|
261
|
+
transform: `scale(${n + e * o * rt})`,
|
|
262
|
+
opacity: `${Lt((o - it) / (1 - it))}`
|
|
263
263
|
})
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
266
|
}
|
|
267
|
-
function
|
|
267
|
+
function Qe() {
|
|
268
268
|
return {
|
|
269
|
-
outPhysics:
|
|
270
|
-
inPhysics:
|
|
269
|
+
outPhysics: Yt,
|
|
270
|
+
inPhysics: Yt,
|
|
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: Je
|
|
275
275
|
};
|
|
276
276
|
}
|
|
277
|
-
const
|
|
277
|
+
const Ht = {
|
|
278
278
|
spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
|
|
279
|
-
},
|
|
280
|
-
function
|
|
279
|
+
}, st = 0.1, at = 1 / 3, Nt = (t) => Math.max(0, Math.min(1, t));
|
|
280
|
+
function tn() {
|
|
281
281
|
return {
|
|
282
282
|
out: {
|
|
283
283
|
willChange: "opacity",
|
|
284
284
|
startStyle: {},
|
|
285
285
|
animate: (t) => ({
|
|
286
|
-
opacity: `${
|
|
286
|
+
opacity: `${Nt(1 - t / at)}`
|
|
287
287
|
})
|
|
288
288
|
},
|
|
289
289
|
in: {
|
|
290
290
|
willChange: "transform, opacity",
|
|
291
291
|
startStyle: {
|
|
292
|
-
transform: `scale(${1 -
|
|
292
|
+
transform: `scale(${1 - st})`,
|
|
293
293
|
opacity: "0"
|
|
294
294
|
},
|
|
295
295
|
animate: (t) => ({
|
|
296
|
-
transform: `scale(${1 -
|
|
297
|
-
opacity: `${
|
|
296
|
+
transform: `scale(${1 - st + t * st})`,
|
|
297
|
+
opacity: `${Nt((t - at) / (1 - at))}`
|
|
298
298
|
})
|
|
299
299
|
}
|
|
300
300
|
};
|
|
301
301
|
}
|
|
302
|
-
function
|
|
302
|
+
function en() {
|
|
303
303
|
return {
|
|
304
|
-
outPhysics:
|
|
305
|
-
inPhysics:
|
|
304
|
+
outPhysics: Ht,
|
|
305
|
+
inPhysics: Ht,
|
|
306
306
|
composition: { mode: "parallel" },
|
|
307
|
-
build:
|
|
307
|
+
build: tn
|
|
308
308
|
};
|
|
309
309
|
}
|
|
310
|
-
const
|
|
311
|
-
snappy:
|
|
312
|
-
directional:
|
|
313
|
-
"non-directional":
|
|
314
|
-
},
|
|
315
|
-
x:
|
|
316
|
-
y:
|
|
317
|
-
z:
|
|
310
|
+
const zt = Qe(), nn = {
|
|
311
|
+
snappy: zt,
|
|
312
|
+
directional: zt,
|
|
313
|
+
"non-directional": en()
|
|
314
|
+
}, on = {
|
|
315
|
+
x: ze,
|
|
316
|
+
y: Ke,
|
|
317
|
+
z: nn
|
|
318
318
|
};
|
|
319
|
-
function
|
|
320
|
-
const n =
|
|
319
|
+
function rn(t, e) {
|
|
320
|
+
const n = on[t];
|
|
321
321
|
return n[e] ?? n.snappy;
|
|
322
322
|
}
|
|
323
|
-
const
|
|
324
|
-
function
|
|
323
|
+
const sn = "x", an = "snappy";
|
|
324
|
+
function Wt(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))
|
|
327
327
|
t.style[n] = o;
|
|
328
328
|
}
|
|
329
|
-
function
|
|
329
|
+
function re(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
|
|
333
|
-
|
|
332
|
+
function cn(t) {
|
|
333
|
+
re(t), t.style.pointerEvents = "";
|
|
334
334
|
}
|
|
335
|
-
const
|
|
336
|
-
const e = t.type ??
|
|
337
|
-
const c = o.build({ direction:
|
|
335
|
+
const ln = (t = {}) => {
|
|
336
|
+
const e = t.type ?? sn, n = t.feel ?? an, o = rn(e, n), r = (i) => {
|
|
337
|
+
const c = o.build({ direction: i });
|
|
338
338
|
return {
|
|
339
339
|
prepare: ({ from: s, to: l }) => (s.then((a) => {
|
|
340
|
-
|
|
340
|
+
Wt(a, c.out), a.style.pointerEvents = "none";
|
|
341
341
|
}), l.then((a) => {
|
|
342
|
-
|
|
342
|
+
Wt(a, c.in);
|
|
343
343
|
}), {}),
|
|
344
344
|
animation: ({ from: s, to: l, context: a }) => {
|
|
345
345
|
if (e === "z") {
|
|
346
|
-
const
|
|
347
|
-
s.style.clipPath = `inset(${
|
|
346
|
+
const f = H(a, "from"), u = H(a, "to");
|
|
347
|
+
s.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
|
|
348
348
|
}
|
|
349
|
-
const
|
|
349
|
+
const d = new w({
|
|
350
350
|
element: s,
|
|
351
351
|
integrator: C.from(o.outPhysics),
|
|
352
|
-
style: (
|
|
352
|
+
style: (f) => c.out.animate(f),
|
|
353
353
|
// Restore the reused from node's inline styles on complete. This
|
|
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
|
-
onComplete: () =>
|
|
358
|
-
}),
|
|
357
|
+
onComplete: () => cn(s)
|
|
358
|
+
}), p = new w({
|
|
359
359
|
element: l,
|
|
360
360
|
integrator: C.from(o.inPhysics),
|
|
361
|
-
style: (
|
|
362
|
-
onComplete: () =>
|
|
361
|
+
style: (f) => c.in.animate(f),
|
|
362
|
+
onComplete: () => re(l)
|
|
363
363
|
});
|
|
364
|
-
return new
|
|
365
|
-
{ out:
|
|
364
|
+
return new A(
|
|
365
|
+
{ out: d, in: p },
|
|
366
366
|
o.composition
|
|
367
367
|
);
|
|
368
368
|
}
|
|
369
369
|
};
|
|
370
370
|
};
|
|
371
|
-
return
|
|
372
|
-
forward:
|
|
373
|
-
backward:
|
|
371
|
+
return _({
|
|
372
|
+
forward: r("forward"),
|
|
373
|
+
backward: r("backward")
|
|
374
374
|
});
|
|
375
375
|
};
|
|
376
|
-
function
|
|
376
|
+
function dn(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,
|
|
381
|
-
return
|
|
382
|
-
|
|
379
|
+
function Mr(t = {}, e = {}) {
|
|
380
|
+
const n = t.type ?? "x", o = t.variant, r = t.feel, i = dn(n, o, r);
|
|
381
|
+
return O(
|
|
382
|
+
ln({ type: n, feel: i }),
|
|
383
383
|
e.override
|
|
384
384
|
);
|
|
385
385
|
}
|
|
386
|
-
const
|
|
386
|
+
const pn = {
|
|
387
387
|
spring: { stiffness: 200, damping: 22 }
|
|
388
|
-
},
|
|
389
|
-
function
|
|
388
|
+
}, un = 10, fn = "horizontal", hn = "#000000";
|
|
389
|
+
function Vt(t, e, n, o, r, i) {
|
|
390
390
|
window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
|
|
391
391
|
const s = document.createElement("div");
|
|
392
392
|
s.style.cssText = `
|
|
@@ -401,44 +401,44 @@ function Ht(t, e, n, o, i, r) {
|
|
|
401
401
|
`;
|
|
402
402
|
const l = [];
|
|
403
403
|
for (let a = 0; a < e; a++) {
|
|
404
|
-
const
|
|
404
|
+
const d = document.createElement("div");
|
|
405
405
|
if (n === "horizontal") {
|
|
406
|
-
const
|
|
407
|
-
|
|
406
|
+
const p = 100 / e;
|
|
407
|
+
d.style.cssText = `
|
|
408
408
|
position: absolute;
|
|
409
|
-
top: ${
|
|
409
|
+
top: ${p * a}%;
|
|
410
410
|
left: 0;
|
|
411
411
|
width: 100%;
|
|
412
|
-
height: calc(${
|
|
412
|
+
height: calc(${p}% + 1px);
|
|
413
413
|
background: ${o};
|
|
414
|
-
transform: scaleX(${
|
|
415
|
-
transform-origin: ${
|
|
414
|
+
transform: scaleX(${r === "hidden" ? 0 : 1});
|
|
415
|
+
transform-origin: ${i} center;
|
|
416
416
|
will-change: transform;
|
|
417
417
|
`;
|
|
418
418
|
} else {
|
|
419
|
-
const
|
|
420
|
-
|
|
419
|
+
const p = 100 / e;
|
|
420
|
+
d.style.cssText = `
|
|
421
421
|
position: absolute;
|
|
422
422
|
top: 0;
|
|
423
|
-
left: ${
|
|
424
|
-
width: calc(${
|
|
423
|
+
left: ${p * a}%;
|
|
424
|
+
width: calc(${p}% + 1px);
|
|
425
425
|
height: 100%;
|
|
426
426
|
background: ${o};
|
|
427
|
-
transform: scaleY(${
|
|
428
|
-
transform-origin: ${
|
|
427
|
+
transform: scaleY(${r === "hidden" ? 0 : 1});
|
|
428
|
+
transform-origin: ${i === "left" ? "top" : "bottom"} center;
|
|
429
429
|
will-change: transform;
|
|
430
430
|
`;
|
|
431
431
|
}
|
|
432
|
-
l.push(
|
|
432
|
+
l.push(d), s.appendChild(d);
|
|
433
433
|
}
|
|
434
434
|
return t.appendChild(s), { container: s, blinds: l };
|
|
435
435
|
}
|
|
436
|
-
const
|
|
437
|
-
const e = t.blindCount ??
|
|
436
|
+
const yn = (t = {}) => {
|
|
437
|
+
const e = t.blindCount ?? un, n = t.direction ?? fn, o = t.blindColor ?? hn, r = t.physics ?? pn, i = {
|
|
438
438
|
prepare: async ({ from: c, to: s }) => {
|
|
439
439
|
const l = await c, a = await s;
|
|
440
440
|
l.style.zIndex = "1000";
|
|
441
|
-
const
|
|
441
|
+
const d = Vt(
|
|
442
442
|
l,
|
|
443
443
|
e,
|
|
444
444
|
n,
|
|
@@ -447,7 +447,7 @@ const un = (t = {}) => {
|
|
|
447
447
|
"left"
|
|
448
448
|
);
|
|
449
449
|
a.style.position = "relative", a.style.zIndex = "0";
|
|
450
|
-
const
|
|
450
|
+
const p = Vt(
|
|
451
451
|
a,
|
|
452
452
|
e,
|
|
453
453
|
n,
|
|
@@ -457,10 +457,10 @@ const un = (t = {}) => {
|
|
|
457
457
|
);
|
|
458
458
|
return {
|
|
459
459
|
fromEl: l,
|
|
460
|
-
fromBlinds:
|
|
461
|
-
fromContainer:
|
|
462
|
-
toBlinds:
|
|
463
|
-
toContainer:
|
|
460
|
+
fromBlinds: d.blinds,
|
|
461
|
+
fromContainer: d.container,
|
|
462
|
+
toBlinds: p.blinds,
|
|
463
|
+
toContainer: p.container
|
|
464
464
|
};
|
|
465
465
|
},
|
|
466
466
|
animation: ({
|
|
@@ -468,66 +468,66 @@ const un = (t = {}) => {
|
|
|
468
468
|
fromBlinds: s,
|
|
469
469
|
fromContainer: l,
|
|
470
470
|
toBlinds: a,
|
|
471
|
-
toContainer:
|
|
471
|
+
toContainer: d
|
|
472
472
|
}) => {
|
|
473
|
-
const
|
|
473
|
+
const p = s.map(
|
|
474
474
|
(h) => new w({
|
|
475
475
|
element: h,
|
|
476
|
-
integrator: C.from(
|
|
477
|
-
style: (
|
|
478
|
-
transform: n === "horizontal" ? `scaleX(${
|
|
476
|
+
integrator: C.from(r),
|
|
477
|
+
style: (y) => ({
|
|
478
|
+
transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
|
|
479
479
|
})
|
|
480
480
|
})
|
|
481
|
-
),
|
|
482
|
-
(h,
|
|
481
|
+
), f = a.map(
|
|
482
|
+
(h, y) => new w({
|
|
483
483
|
element: h,
|
|
484
|
-
integrator: C.from(
|
|
484
|
+
integrator: C.from(r),
|
|
485
485
|
style: (b, g) => ({
|
|
486
486
|
transform: n === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
|
|
487
487
|
}),
|
|
488
|
-
onComplete:
|
|
489
|
-
|
|
488
|
+
onComplete: y === a.length - 1 ? () => {
|
|
489
|
+
d.remove(), l.remove(), c.style.zIndex = "", c.style.position = "";
|
|
490
490
|
} : void 0
|
|
491
491
|
})
|
|
492
|
-
), u = new
|
|
493
|
-
return new
|
|
494
|
-
{ out: u, in:
|
|
492
|
+
), u = new A(p, { mode: "parallel" }), m = new A(f, { mode: "parallel" });
|
|
493
|
+
return new A(
|
|
494
|
+
{ out: u, in: m },
|
|
495
495
|
{ mode: "sequence" }
|
|
496
496
|
);
|
|
497
497
|
}
|
|
498
498
|
};
|
|
499
|
-
return
|
|
499
|
+
return _({ forward: i, backward: i });
|
|
500
500
|
};
|
|
501
|
-
function
|
|
501
|
+
function Dr(t = {}, e = {}) {
|
|
502
502
|
const { type: n = "horizontal" } = t;
|
|
503
|
-
return
|
|
503
|
+
return O(yn({ direction: n }), e.override);
|
|
504
504
|
}
|
|
505
|
-
function
|
|
505
|
+
function j(t, e = {}) {
|
|
506
506
|
const n = Object.fromEntries(
|
|
507
|
-
Object.entries(t).map(([o,
|
|
508
|
-
const
|
|
507
|
+
Object.entries(t).map(([o, r]) => {
|
|
508
|
+
const i = r;
|
|
509
509
|
return [
|
|
510
510
|
o,
|
|
511
|
-
Array.isArray(
|
|
511
|
+
Array.isArray(i) ? i.length === 1 ? i[0] : new A(i) : i
|
|
512
512
|
];
|
|
513
513
|
})
|
|
514
514
|
);
|
|
515
|
-
return new
|
|
515
|
+
return new A(n, e);
|
|
516
516
|
}
|
|
517
|
-
function
|
|
517
|
+
function G(t) {
|
|
518
518
|
const e = t.onComplete;
|
|
519
519
|
t.onComplete = () => {
|
|
520
520
|
e == null || e(), t.releaseFill();
|
|
521
521
|
};
|
|
522
522
|
}
|
|
523
|
-
const
|
|
523
|
+
const mn = {
|
|
524
524
|
spring: {
|
|
525
525
|
stiffness: 250,
|
|
526
526
|
damping: 23,
|
|
527
527
|
doubleSpring: 0.7
|
|
528
528
|
}
|
|
529
529
|
}, B = 0.5;
|
|
530
|
-
function
|
|
530
|
+
function gn(t) {
|
|
531
531
|
const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
|
|
532
532
|
return {
|
|
533
533
|
out: {
|
|
@@ -551,13 +551,13 @@ function hn(t) {
|
|
|
551
551
|
}
|
|
552
552
|
};
|
|
553
553
|
}
|
|
554
|
-
function
|
|
554
|
+
function bn() {
|
|
555
555
|
return {
|
|
556
|
-
physics:
|
|
557
|
-
build:
|
|
556
|
+
physics: mn,
|
|
557
|
+
build: gn
|
|
558
558
|
};
|
|
559
559
|
}
|
|
560
|
-
const
|
|
560
|
+
const wn = {
|
|
561
561
|
spring: {
|
|
562
562
|
stiffness: 230,
|
|
563
563
|
damping: 25,
|
|
@@ -567,7 +567,7 @@ const mn = {
|
|
|
567
567
|
}
|
|
568
568
|
}
|
|
569
569
|
};
|
|
570
|
-
function
|
|
570
|
+
function Sn(t) {
|
|
571
571
|
const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
|
|
572
572
|
return {
|
|
573
573
|
out: {
|
|
@@ -588,32 +588,32 @@ function gn(t) {
|
|
|
588
588
|
}
|
|
589
589
|
};
|
|
590
590
|
}
|
|
591
|
-
function
|
|
591
|
+
function xn() {
|
|
592
592
|
return {
|
|
593
|
-
physics:
|
|
594
|
-
build:
|
|
593
|
+
physics: wn,
|
|
594
|
+
build: Sn
|
|
595
595
|
};
|
|
596
596
|
}
|
|
597
|
-
const
|
|
598
|
-
parallax:
|
|
599
|
-
crossfade:
|
|
600
|
-
},
|
|
601
|
-
function
|
|
597
|
+
const Cn = {
|
|
598
|
+
parallax: xn(),
|
|
599
|
+
crossfade: bn()
|
|
600
|
+
}, M = "0", ie = "1", T = "2", En = "parallax";
|
|
601
|
+
function Xt(t, e) {
|
|
602
602
|
t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
|
|
603
603
|
for (const [n, o] of Object.entries(e.startStyle))
|
|
604
604
|
t.style[n] = o;
|
|
605
605
|
}
|
|
606
|
-
const
|
|
607
|
-
const e =
|
|
608
|
-
const
|
|
606
|
+
const $n = (t = {}) => {
|
|
607
|
+
const e = Cn[t.type ?? En], n = e.physics, o = (r) => {
|
|
608
|
+
const i = r === "forward" ? "enter" : "exit", c = e.build(i), s = i === "enter" ? M : T, l = i === "enter" ? T : M;
|
|
609
609
|
return {
|
|
610
|
-
prepare: ({ from: a, to:
|
|
611
|
-
|
|
612
|
-
}),
|
|
613
|
-
|
|
610
|
+
prepare: ({ from: a, to: d }) => (a.then((p) => {
|
|
611
|
+
Xt(p, c.out), p.style.pointerEvents = "none", p.style.zIndex = s;
|
|
612
|
+
}), d.then((p) => {
|
|
613
|
+
Xt(p, c.in), p.style.position = "relative", p.style.zIndex = l;
|
|
614
614
|
}), {}),
|
|
615
|
-
animation: ({ from: a, to:
|
|
616
|
-
const
|
|
615
|
+
animation: ({ from: a, to: d }) => {
|
|
616
|
+
const p = new w({
|
|
617
617
|
element: a,
|
|
618
618
|
integrator: C.from(n),
|
|
619
619
|
style: (u) => c.out.animate(u),
|
|
@@ -623,72 +623,72 @@ const xn = (t = {}) => {
|
|
|
623
623
|
onComplete: () => {
|
|
624
624
|
a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
|
|
625
625
|
}
|
|
626
|
-
}),
|
|
627
|
-
element:
|
|
626
|
+
}), f = new w({
|
|
627
|
+
element: d,
|
|
628
628
|
integrator: C.from(n),
|
|
629
629
|
style: (u) => c.in.animate(u),
|
|
630
630
|
onComplete: () => {
|
|
631
|
-
|
|
631
|
+
d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.transform = "", d.style.opacity = "", d.style.position === "relative" && (d.style.position = ""), d.style.zIndex === l && (d.style.zIndex = "");
|
|
632
632
|
}
|
|
633
633
|
});
|
|
634
|
-
return [
|
|
635
|
-
{ out:
|
|
634
|
+
return [p, f].forEach(G), new A(
|
|
635
|
+
{ out: p, in: f },
|
|
636
636
|
{ mode: "parallel" }
|
|
637
637
|
);
|
|
638
638
|
}
|
|
639
639
|
};
|
|
640
640
|
};
|
|
641
|
-
return
|
|
641
|
+
return _({
|
|
642
642
|
forward: o("forward"),
|
|
643
643
|
backward: o("backward")
|
|
644
644
|
});
|
|
645
645
|
};
|
|
646
|
-
function
|
|
646
|
+
function Pn(t) {
|
|
647
647
|
return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
|
|
648
648
|
}
|
|
649
|
-
function
|
|
650
|
-
const n = t.type, o =
|
|
651
|
-
return
|
|
649
|
+
function Yr(t = {}, e = {}) {
|
|
650
|
+
const n = t.type, o = Pn(n);
|
|
651
|
+
return O($n({ type: o }), e.override);
|
|
652
652
|
}
|
|
653
|
-
const
|
|
654
|
-
const e = t.physics ??
|
|
655
|
-
prepare: ({ to:
|
|
656
|
-
|
|
653
|
+
const An = (t = {}) => {
|
|
654
|
+
const e = t.physics ?? Oe, n = t.physics ?? ke, o = {
|
|
655
|
+
prepare: ({ to: r }) => (r.then((i) => {
|
|
656
|
+
i.style.opacity = "0", i.style.willChange = "opacity";
|
|
657
657
|
}), {}),
|
|
658
|
-
animation: ({ from:
|
|
658
|
+
animation: ({ from: r, to: i }) => {
|
|
659
659
|
const c = new w({
|
|
660
|
-
element:
|
|
660
|
+
element: r,
|
|
661
661
|
integrator: C.from(n),
|
|
662
662
|
// Default bounds (0, 1). `u` runs 1→0 as the animation moves
|
|
663
663
|
// forward, mapping opacity from fully visible to invisible.
|
|
664
664
|
style: (l) => ({
|
|
665
|
-
opacity:
|
|
665
|
+
opacity: ot("fade", "out", "forward", l).opacity
|
|
666
666
|
}),
|
|
667
667
|
onComplete: () => {
|
|
668
|
-
|
|
668
|
+
r.style.willChange = "auto", r.style.opacity = "";
|
|
669
669
|
}
|
|
670
670
|
}), s = new w({
|
|
671
|
-
element:
|
|
671
|
+
element: i,
|
|
672
672
|
integrator: C.from(e),
|
|
673
673
|
style: (l) => ({
|
|
674
|
-
opacity:
|
|
674
|
+
opacity: ot("fade", "in", "forward", l).opacity
|
|
675
675
|
}),
|
|
676
676
|
onComplete: () => {
|
|
677
|
-
|
|
677
|
+
i.style.willChange = "auto", i.style.opacity = "";
|
|
678
678
|
}
|
|
679
679
|
});
|
|
680
|
-
return new
|
|
680
|
+
return new A(
|
|
681
681
|
{ out: c, in: s },
|
|
682
682
|
{ mode: "sequence" }
|
|
683
683
|
);
|
|
684
684
|
}
|
|
685
685
|
};
|
|
686
|
-
return
|
|
686
|
+
return _({ forward: o, backward: o });
|
|
687
687
|
};
|
|
688
|
-
function
|
|
689
|
-
return
|
|
688
|
+
function Lr(t = {}, e = {}) {
|
|
689
|
+
return O(An(), e.override);
|
|
690
690
|
}
|
|
691
|
-
const
|
|
691
|
+
const ct = {
|
|
692
692
|
scaleDown: { stiffness: 20, damping: 7 },
|
|
693
693
|
translate: { stiffness: 15, damping: 7 },
|
|
694
694
|
scaleUp: { stiffness: 20, damping: 7 }
|
|
@@ -696,11 +696,11 @@ const st = {
|
|
|
696
696
|
scaleDown: 0,
|
|
697
697
|
translate: 0.2,
|
|
698
698
|
scaleUp: 0.8
|
|
699
|
-
},
|
|
700
|
-
function
|
|
701
|
-
const { items: e, from: n, to: o, recordFrame:
|
|
699
|
+
}, vn = 0.8, Rn = "white", Bt = 1e3 / 60, In = 600;
|
|
700
|
+
function _n(t) {
|
|
701
|
+
const { items: e, from: n, to: o, recordFrame: r } = t, i = Bt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
|
|
702
702
|
item: a,
|
|
703
|
-
integrator: new
|
|
703
|
+
integrator: new bt({
|
|
704
704
|
stiffness: a.spring.stiffness,
|
|
705
705
|
damping: a.spring.damping
|
|
706
706
|
}),
|
|
@@ -711,111 +711,111 @@ function An(t) {
|
|
|
711
711
|
}));
|
|
712
712
|
for (let a = 0; a < s.length; a++)
|
|
713
713
|
(a === 0 || s[a].item.offset === 0) && (s[a].started = !0);
|
|
714
|
-
|
|
714
|
+
r(0);
|
|
715
715
|
let l = 0;
|
|
716
|
-
for (let a = 1; a <=
|
|
717
|
-
const
|
|
718
|
-
l =
|
|
719
|
-
for (const
|
|
720
|
-
!
|
|
721
|
-
for (let
|
|
722
|
-
const
|
|
723
|
-
if (
|
|
724
|
-
const u = s[
|
|
716
|
+
for (let a = 1; a <= In; a++) {
|
|
717
|
+
const d = a * Bt;
|
|
718
|
+
l = d;
|
|
719
|
+
for (const p of s)
|
|
720
|
+
!p.started || p.settled || (p.state = p.integrator.step(p.state, o, i), p.integrator.isSettled(p.state, o) ? (p.settleTime += i, p.settleTime >= Re && (p.state = { position: o, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
|
|
721
|
+
for (let p = 1; p < s.length; p++) {
|
|
722
|
+
const f = s[p];
|
|
723
|
+
if (f.started) continue;
|
|
724
|
+
const u = s[p - 1];
|
|
725
725
|
if (!u.started) continue;
|
|
726
|
-
(c === 0 ? 1 : Math.abs(u.state.position - n) / c) >=
|
|
726
|
+
(c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= f.item.offset && (f.started = !0);
|
|
727
727
|
}
|
|
728
|
-
if (
|
|
728
|
+
if (r(d), s.every((p) => p.settled)) return d;
|
|
729
729
|
}
|
|
730
730
|
return l;
|
|
731
731
|
}
|
|
732
|
-
function
|
|
732
|
+
function lt(t, e) {
|
|
733
733
|
return t != null && t.spring ? {
|
|
734
734
|
stiffness: t.spring.stiffness,
|
|
735
735
|
damping: t.spring.damping
|
|
736
736
|
} : e;
|
|
737
737
|
}
|
|
738
|
-
function
|
|
739
|
-
const { rect: e, scale: n, direction: o, override:
|
|
738
|
+
function Ut(t) {
|
|
739
|
+
const { rect: e, scale: n, direction: o, override: r } = t, i = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = lt(r, ct.scaleDown), s = lt(r, ct.translate), l = lt(r, ct.scaleUp), a = o === "out" ? 1 : 0, d = o === "out" ? 0 : 1, p = o === "out" ? [
|
|
740
740
|
{
|
|
741
741
|
spring: c,
|
|
742
742
|
offset: W.scaleDown,
|
|
743
|
-
tick: (
|
|
744
|
-
const h = 1 -
|
|
745
|
-
|
|
743
|
+
tick: (m) => {
|
|
744
|
+
const h = 1 - m;
|
|
745
|
+
i.scale = 1 - (1 - n) * h;
|
|
746
746
|
}
|
|
747
747
|
},
|
|
748
748
|
{
|
|
749
749
|
spring: s,
|
|
750
750
|
offset: W.translate,
|
|
751
|
-
tick: (
|
|
752
|
-
const h = 1 -
|
|
753
|
-
|
|
751
|
+
tick: (m) => {
|
|
752
|
+
const h = 1 - m;
|
|
753
|
+
i.translateY = -e.top - e.height * h;
|
|
754
754
|
}
|
|
755
755
|
},
|
|
756
756
|
{
|
|
757
757
|
spring: l,
|
|
758
758
|
offset: W.scaleUp,
|
|
759
|
-
tick: (
|
|
760
|
-
const h = 1 -
|
|
761
|
-
|
|
759
|
+
tick: (m) => {
|
|
760
|
+
const h = 1 - m;
|
|
761
|
+
i.scale = n + (1 - n) * h;
|
|
762
762
|
}
|
|
763
763
|
}
|
|
764
764
|
] : [
|
|
765
765
|
{
|
|
766
766
|
spring: c,
|
|
767
767
|
offset: W.scaleDown,
|
|
768
|
-
tick: (
|
|
769
|
-
|
|
768
|
+
tick: (m) => {
|
|
769
|
+
i.scale = 1 - (1 - n) * m;
|
|
770
770
|
}
|
|
771
771
|
},
|
|
772
772
|
{
|
|
773
773
|
spring: s,
|
|
774
774
|
offset: W.translate,
|
|
775
|
-
tick: (
|
|
776
|
-
|
|
775
|
+
tick: (m) => {
|
|
776
|
+
i.translateY = -e.top + e.height * (1 - m);
|
|
777
777
|
}
|
|
778
778
|
},
|
|
779
779
|
{
|
|
780
780
|
spring: l,
|
|
781
781
|
offset: W.scaleUp,
|
|
782
|
-
tick: (
|
|
783
|
-
|
|
782
|
+
tick: (m) => {
|
|
783
|
+
i.scale = n + (1 - n) * m;
|
|
784
784
|
}
|
|
785
785
|
}
|
|
786
|
-
],
|
|
787
|
-
items:
|
|
786
|
+
], f = [], u = _n({
|
|
787
|
+
items: p,
|
|
788
788
|
from: a,
|
|
789
|
-
to:
|
|
790
|
-
recordFrame: (
|
|
791
|
-
time:
|
|
792
|
-
scale:
|
|
793
|
-
translateY:
|
|
789
|
+
to: d,
|
|
790
|
+
recordFrame: (m) => f.push({
|
|
791
|
+
time: m,
|
|
792
|
+
scale: i.scale,
|
|
793
|
+
translateY: i.translateY
|
|
794
794
|
})
|
|
795
795
|
});
|
|
796
|
-
return { snapshots:
|
|
796
|
+
return { snapshots: f, totalDuration: u };
|
|
797
797
|
}
|
|
798
|
-
function
|
|
798
|
+
function On(t, e) {
|
|
799
799
|
if (t.length === 0) return { time: 0, scale: 1, translateY: 0 };
|
|
800
800
|
if (t.length === 1 || e <= 0) return t[0];
|
|
801
801
|
if (e >= 1) return t[t.length - 1];
|
|
802
|
-
const n = e * (t.length - 1), o = Math.floor(n),
|
|
803
|
-
if (o ===
|
|
804
|
-
const
|
|
802
|
+
const n = e * (t.length - 1), o = Math.floor(n), r = Math.ceil(n);
|
|
803
|
+
if (o === r) return t[o];
|
|
804
|
+
const i = t[o], c = t[r], s = n - o;
|
|
805
805
|
return {
|
|
806
|
-
time:
|
|
807
|
-
scale:
|
|
808
|
-
translateY:
|
|
806
|
+
time: i.time + (c.time - i.time) * s,
|
|
807
|
+
scale: i.scale + (c.scale - i.scale) * s,
|
|
808
|
+
translateY: i.translateY + (c.translateY - i.translateY) * s
|
|
809
809
|
};
|
|
810
810
|
}
|
|
811
|
-
const
|
|
811
|
+
const kn = [
|
|
812
812
|
[1, 1],
|
|
813
813
|
[-1, 1],
|
|
814
814
|
[1, -1],
|
|
815
815
|
[-1, -1]
|
|
816
816
|
];
|
|
817
|
-
function
|
|
818
|
-
const
|
|
817
|
+
function Fn(t, e) {
|
|
818
|
+
const r = (i, c, s) => {
|
|
819
819
|
const l = document.createElement("div");
|
|
820
820
|
Object.assign(l.style, {
|
|
821
821
|
position: "fixed",
|
|
@@ -823,7 +823,7 @@ function _n(t, e) {
|
|
|
823
823
|
zIndex: "9999",
|
|
824
824
|
width: "15px",
|
|
825
825
|
height: "15px",
|
|
826
|
-
...
|
|
826
|
+
...i
|
|
827
827
|
});
|
|
828
828
|
const a = document.createElement("div");
|
|
829
829
|
Object.assign(a.style, {
|
|
@@ -834,18 +834,18 @@ function _n(t, e) {
|
|
|
834
834
|
[s]: "0",
|
|
835
835
|
[c]: "0"
|
|
836
836
|
});
|
|
837
|
-
const
|
|
838
|
-
return Object.assign(
|
|
837
|
+
const d = document.createElement("div");
|
|
838
|
+
return Object.assign(d.style, {
|
|
839
839
|
position: "absolute",
|
|
840
840
|
width: "1px",
|
|
841
841
|
height: "15px",
|
|
842
842
|
backgroundColor: t,
|
|
843
843
|
[s]: "0",
|
|
844
844
|
[c]: "0"
|
|
845
|
-
}), l.appendChild(a), l.appendChild(
|
|
845
|
+
}), l.appendChild(a), l.appendChild(d), l;
|
|
846
846
|
};
|
|
847
847
|
return {
|
|
848
|
-
topLeft:
|
|
848
|
+
topLeft: r(
|
|
849
849
|
{
|
|
850
850
|
top: `${e.top - 1}px`,
|
|
851
851
|
left: `${e.left - 1}px`
|
|
@@ -853,7 +853,7 @@ function _n(t, e) {
|
|
|
853
853
|
"left",
|
|
854
854
|
"top"
|
|
855
855
|
),
|
|
856
|
-
topRight:
|
|
856
|
+
topRight: r(
|
|
857
857
|
{
|
|
858
858
|
top: `${e.top - 1}px`,
|
|
859
859
|
left: `${e.left + e.width - 15 + 1}px`
|
|
@@ -861,7 +861,7 @@ function _n(t, e) {
|
|
|
861
861
|
"right",
|
|
862
862
|
"top"
|
|
863
863
|
),
|
|
864
|
-
bottomLeft:
|
|
864
|
+
bottomLeft: r(
|
|
865
865
|
{
|
|
866
866
|
top: `${e.top + e.height - 15 + 1}px`,
|
|
867
867
|
left: `${e.left - 1}px`
|
|
@@ -869,7 +869,7 @@ function _n(t, e) {
|
|
|
869
869
|
"left",
|
|
870
870
|
"bottom"
|
|
871
871
|
),
|
|
872
|
-
bottomRight:
|
|
872
|
+
bottomRight: r(
|
|
873
873
|
{
|
|
874
874
|
top: `${e.top + e.height - 15 + 1}px`,
|
|
875
875
|
left: `${e.left + e.width - 15 + 1}px`
|
|
@@ -879,11 +879,11 @@ function _n(t, e) {
|
|
|
879
879
|
)
|
|
880
880
|
};
|
|
881
881
|
}
|
|
882
|
-
function
|
|
882
|
+
function Zt(t, e) {
|
|
883
883
|
const n = e.left + e.width / 2, o = e.top + e.height / 2;
|
|
884
884
|
t.style.transformOrigin = `${n}px ${o}px`;
|
|
885
885
|
}
|
|
886
|
-
function
|
|
886
|
+
function jt(t, e) {
|
|
887
887
|
t.style.clipPath = `polygon(
|
|
888
888
|
${e.left}px ${e.top}px,
|
|
889
889
|
${e.left + e.width}px ${e.top}px,
|
|
@@ -891,24 +891,24 @@ function Vt(t, e) {
|
|
|
891
891
|
${e.left}px ${e.top + e.height}px
|
|
892
892
|
)`;
|
|
893
893
|
}
|
|
894
|
-
function
|
|
895
|
-
const
|
|
894
|
+
function dt(t, e, n, o, r) {
|
|
895
|
+
const i = n / 1e3;
|
|
896
896
|
return new w({
|
|
897
897
|
element: t,
|
|
898
|
-
integrator: new
|
|
898
|
+
integrator: new Te({ durationSec: i }),
|
|
899
899
|
lowerBound: 0,
|
|
900
900
|
upperBound: 1,
|
|
901
|
-
style: (c) => o(
|
|
902
|
-
onComplete:
|
|
901
|
+
style: (c) => o(On(e, c)),
|
|
902
|
+
onComplete: r
|
|
903
903
|
});
|
|
904
904
|
}
|
|
905
|
-
const
|
|
906
|
-
var
|
|
907
|
-
const e = ((
|
|
905
|
+
const Tn = (t = {}) => {
|
|
906
|
+
var i;
|
|
907
|
+
const e = ((i = t.border) == null ? void 0 : i.color) ?? Rn, n = vn, o = t.physics, r = {
|
|
908
908
|
prepare: ({ from: c, to: s, context: l }) => {
|
|
909
|
-
const a = H(l, "from"),
|
|
909
|
+
const a = H(l, "from"), d = H(l, "to"), p = Rt(document.body, l.positionedParent), f = Fn(e, {
|
|
910
910
|
...a,
|
|
911
|
-
top:
|
|
911
|
+
top: p.top
|
|
912
912
|
});
|
|
913
913
|
for (const u of [
|
|
914
914
|
"topLeft",
|
|
@@ -916,35 +916,35 @@ const On = (t = {}) => {
|
|
|
916
916
|
"bottomLeft",
|
|
917
917
|
"bottomRight"
|
|
918
918
|
])
|
|
919
|
-
l.positionedParent.appendChild(
|
|
919
|
+
l.positionedParent.appendChild(f[u]);
|
|
920
920
|
return c.then((u) => {
|
|
921
|
-
|
|
921
|
+
Zt(u, a), jt(u, a), u.style.transform = `translateY(${-a.top}px)`;
|
|
922
922
|
}), s.then((u) => {
|
|
923
|
-
|
|
924
|
-
}), { borders:
|
|
923
|
+
Zt(u, d), jt(u, d), u.style.transform = `translateY(${-d.top + d.height}px) scale(${n})`;
|
|
924
|
+
}), { borders: f, fromRect: a, toRect: d };
|
|
925
925
|
},
|
|
926
|
-
animation: ({ from: c, to: s, context: l, borders: a, fromRect:
|
|
927
|
-
const
|
|
928
|
-
rect:
|
|
926
|
+
animation: ({ from: c, to: s, context: l, borders: a, fromRect: d, toRect: p }) => {
|
|
927
|
+
const f = Ut({
|
|
928
|
+
rect: d,
|
|
929
929
|
scale: n,
|
|
930
930
|
direction: "out",
|
|
931
931
|
override: o
|
|
932
|
-
}), u =
|
|
933
|
-
rect:
|
|
932
|
+
}), u = Ut({
|
|
933
|
+
rect: p,
|
|
934
934
|
scale: n,
|
|
935
935
|
direction: "in",
|
|
936
936
|
override: o
|
|
937
|
-
}),
|
|
937
|
+
}), m = dt(
|
|
938
938
|
c,
|
|
939
|
-
|
|
940
|
-
|
|
939
|
+
f.snapshots,
|
|
940
|
+
f.totalDuration,
|
|
941
941
|
(S) => ({
|
|
942
942
|
transform: `translateY(${S.translateY}px) scale(${S.scale})`
|
|
943
943
|
}),
|
|
944
944
|
() => {
|
|
945
945
|
c.style.clipPath = "", c.style.transformOrigin = "", c.style.transform = "";
|
|
946
946
|
}
|
|
947
|
-
), h =
|
|
947
|
+
), h = dt(
|
|
948
948
|
s,
|
|
949
949
|
u.snapshots,
|
|
950
950
|
u.totalDuration,
|
|
@@ -954,21 +954,21 @@ const On = (t = {}) => {
|
|
|
954
954
|
() => {
|
|
955
955
|
s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
|
|
956
956
|
}
|
|
957
|
-
),
|
|
958
|
-
const
|
|
959
|
-
return
|
|
960
|
-
a[
|
|
961
|
-
|
|
962
|
-
|
|
957
|
+
), y = kn.map(([S, $], P) => {
|
|
958
|
+
const R = ["topLeft", "topRight", "bottomLeft", "bottomRight"][P];
|
|
959
|
+
return dt(
|
|
960
|
+
a[R],
|
|
961
|
+
f.snapshots,
|
|
962
|
+
f.totalDuration,
|
|
963
963
|
(x) => {
|
|
964
|
-
const E = (
|
|
965
|
-
return { transform: `translate(${E}px, ${
|
|
964
|
+
const E = (d.width - d.width * x.scale) / 2 * 0.7 * S, k = (d.height - d.height * x.scale) / 2 * 0.7 * $;
|
|
965
|
+
return { transform: `translate(${E}px, ${k}px)` };
|
|
966
966
|
}
|
|
967
967
|
);
|
|
968
|
-
}), b =
|
|
969
|
-
out:
|
|
968
|
+
}), b = j({
|
|
969
|
+
out: m,
|
|
970
970
|
in: h,
|
|
971
|
-
borders:
|
|
971
|
+
borders: y
|
|
972
972
|
}), g = b.onComplete;
|
|
973
973
|
return b.onComplete = () => {
|
|
974
974
|
g == null || g();
|
|
@@ -979,60 +979,60 @@ const On = (t = {}) => {
|
|
|
979
979
|
"bottomLeft",
|
|
980
980
|
"bottomRight"
|
|
981
981
|
]) {
|
|
982
|
-
const
|
|
983
|
-
|
|
982
|
+
const P = a[$];
|
|
983
|
+
P.parentElement === S && S.removeChild(P);
|
|
984
984
|
}
|
|
985
985
|
}, b;
|
|
986
986
|
}
|
|
987
987
|
};
|
|
988
|
-
return
|
|
988
|
+
return _({ forward: r, backward: r });
|
|
989
989
|
};
|
|
990
|
-
function
|
|
990
|
+
function Hr(t = {}, e = {}) {
|
|
991
991
|
const { options: n } = t, o = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
|
|
992
|
-
return
|
|
992
|
+
return O(Tn(o), e.override);
|
|
993
993
|
}
|
|
994
|
-
function
|
|
994
|
+
function Mn(t) {
|
|
995
995
|
if (!t) return null;
|
|
996
996
|
if (t.includes("/")) {
|
|
997
997
|
const n = t.split("/");
|
|
998
998
|
if (n.length !== 2) return null;
|
|
999
|
-
const o = Number.parseFloat(n[0] ?? ""),
|
|
1000
|
-
return Number.isFinite(o) && Number.isFinite(
|
|
999
|
+
const o = Number.parseFloat(n[0] ?? ""), r = Number.parseFloat(n[1] ?? "");
|
|
1000
|
+
return Number.isFinite(o) && Number.isFinite(r) && o > 0 && r > 0 ? o / r : null;
|
|
1001
1001
|
}
|
|
1002
1002
|
const e = Number.parseFloat(t);
|
|
1003
1003
|
return Number.isFinite(e) && e > 0 ? e : null;
|
|
1004
1004
|
}
|
|
1005
|
-
function
|
|
1005
|
+
function Dn(t) {
|
|
1006
1006
|
return t === "contain" || t === "cover" ? t : null;
|
|
1007
1007
|
}
|
|
1008
|
-
function
|
|
1008
|
+
function St(t) {
|
|
1009
1009
|
return t.tagName === "IMG";
|
|
1010
1010
|
}
|
|
1011
|
-
function
|
|
1012
|
-
if (
|
|
1011
|
+
function se(t) {
|
|
1012
|
+
if (St(t)) return t;
|
|
1013
1013
|
if (t.tagName === "PICTURE" || t.tagName === "VIDEO")
|
|
1014
1014
|
return null;
|
|
1015
1015
|
const e = [];
|
|
1016
1016
|
for (const n of Array.from(t.children)) {
|
|
1017
1017
|
const o = n;
|
|
1018
|
-
|
|
1018
|
+
St(o) && e.push(o);
|
|
1019
1019
|
}
|
|
1020
1020
|
return e.length === 1 ? e[0] ?? null : null;
|
|
1021
1021
|
}
|
|
1022
|
-
function
|
|
1022
|
+
function Yn(t) {
|
|
1023
1023
|
var l, a;
|
|
1024
|
-
if (!
|
|
1024
|
+
if (!St(t)) return null;
|
|
1025
1025
|
const e = t, n = e.naturalWidth, o = e.naturalHeight;
|
|
1026
1026
|
if (typeof n == "number" && typeof o == "number" && Number.isFinite(n) && Number.isFinite(o) && n > 0 && o > 0)
|
|
1027
1027
|
return n / o;
|
|
1028
|
-
const
|
|
1028
|
+
const r = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", i = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = r === "" ? Number.NaN : Number(r), s = i === "" ? Number.NaN : Number(i);
|
|
1029
1029
|
return Number.isFinite(c) && Number.isFinite(s) && c > 0 && s > 0 ? c / s : null;
|
|
1030
1030
|
}
|
|
1031
|
-
function
|
|
1031
|
+
function Ln(t) {
|
|
1032
1032
|
const e = t.trim().toLowerCase().replace(/\s+/g, " ");
|
|
1033
1033
|
return e === "" || e === "center" || e === "center center" || e === "50% 50%";
|
|
1034
1034
|
}
|
|
1035
|
-
function
|
|
1035
|
+
function J(t) {
|
|
1036
1036
|
if (typeof getComputedStyle == "function")
|
|
1037
1037
|
try {
|
|
1038
1038
|
return getComputedStyle(t);
|
|
@@ -1040,44 +1040,44 @@ function K(t) {
|
|
|
1040
1040
|
}
|
|
1041
1041
|
return t.style;
|
|
1042
1042
|
}
|
|
1043
|
-
function
|
|
1044
|
-
const e =
|
|
1043
|
+
function Hn(t) {
|
|
1044
|
+
const e = J(t), n = Ln(e.objectPosition ?? "");
|
|
1045
1045
|
return {
|
|
1046
|
-
fit: n ?
|
|
1046
|
+
fit: n ? Dn(e.objectFit ?? null) : null,
|
|
1047
1047
|
centered: n
|
|
1048
1048
|
};
|
|
1049
1049
|
}
|
|
1050
|
-
function
|
|
1050
|
+
function It(t) {
|
|
1051
1051
|
if (!t) return 0;
|
|
1052
1052
|
const e = /^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(t.trim());
|
|
1053
1053
|
if (!e) return null;
|
|
1054
1054
|
const n = Number.parseFloat(e[1] ?? "");
|
|
1055
1055
|
return Number.isFinite(n) && n >= 0 ? n : null;
|
|
1056
1056
|
}
|
|
1057
|
-
function
|
|
1058
|
-
const e =
|
|
1057
|
+
function xt(t) {
|
|
1058
|
+
const e = J(t), n = [
|
|
1059
1059
|
e.borderTopLeftRadius,
|
|
1060
1060
|
e.borderTopRightRadius,
|
|
1061
1061
|
e.borderBottomRightRadius,
|
|
1062
1062
|
e.borderBottomLeftRadius
|
|
1063
|
-
].map(
|
|
1063
|
+
].map(It), o = n[0];
|
|
1064
1064
|
if (o == null)
|
|
1065
1065
|
return { radius: 0, supported: !1 };
|
|
1066
|
-
const
|
|
1067
|
-
(
|
|
1066
|
+
const r = n.every(
|
|
1067
|
+
(i) => i !== null && Math.abs(i - o) < 1e-3
|
|
1068
1068
|
);
|
|
1069
|
-
return { radius:
|
|
1069
|
+
return { radius: r ? o : 0, supported: r };
|
|
1070
1070
|
}
|
|
1071
|
-
function
|
|
1072
|
-
var
|
|
1071
|
+
function Nn(t, e) {
|
|
1072
|
+
var r;
|
|
1073
1073
|
if (!e) return null;
|
|
1074
|
-
const n = (
|
|
1074
|
+
const n = (r = t.getAttribute(e)) == null ? void 0 : r.trim();
|
|
1075
1075
|
if (n == null || n === "") return null;
|
|
1076
1076
|
const o = Number.parseFloat(n);
|
|
1077
1077
|
return Number.isFinite(o) && o >= 0 ? o : null;
|
|
1078
1078
|
}
|
|
1079
|
-
function
|
|
1080
|
-
const e =
|
|
1079
|
+
function zn(t) {
|
|
1080
|
+
const e = J(t);
|
|
1081
1081
|
return [
|
|
1082
1082
|
e.paddingTop,
|
|
1083
1083
|
e.paddingRight,
|
|
@@ -1087,10 +1087,10 @@ function Ln(t) {
|
|
|
1087
1087
|
e.borderRightWidth,
|
|
1088
1088
|
e.borderBottomWidth,
|
|
1089
1089
|
e.borderLeftWidth
|
|
1090
|
-
].every((o) => o ?
|
|
1090
|
+
].every((o) => o ? It(o) === 0 : !0);
|
|
1091
1091
|
}
|
|
1092
|
-
function
|
|
1093
|
-
const e =
|
|
1092
|
+
function Wn(t) {
|
|
1093
|
+
const e = J(t), n = (o) => o === "hidden" || o === "clip";
|
|
1094
1094
|
return n(e.overflowX) && n(e.overflowY);
|
|
1095
1095
|
}
|
|
1096
1096
|
function D(t) {
|
|
@@ -1099,7 +1099,7 @@ function D(t) {
|
|
|
1099
1099
|
function Y(t) {
|
|
1100
1100
|
return t.top + t.height / 2;
|
|
1101
1101
|
}
|
|
1102
|
-
function
|
|
1102
|
+
function q(t, e) {
|
|
1103
1103
|
return {
|
|
1104
1104
|
top: Math.max(0, e.top - t.top),
|
|
1105
1105
|
right: Math.max(0, t.left + t.width - (e.left + e.width)),
|
|
@@ -1107,30 +1107,30 @@ function G(t, e) {
|
|
|
1107
1107
|
left: Math.max(0, e.left - t.left)
|
|
1108
1108
|
};
|
|
1109
1109
|
}
|
|
1110
|
-
function
|
|
1111
|
-
const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top),
|
|
1112
|
-
return
|
|
1110
|
+
function Ct(t, e) {
|
|
1111
|
+
const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), r = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height);
|
|
1112
|
+
return r > n && i > o ? { left: n, top: o, width: r - n, height: i - o } : null;
|
|
1113
1113
|
}
|
|
1114
1114
|
function U(t, e) {
|
|
1115
1115
|
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;
|
|
1116
1116
|
}
|
|
1117
|
-
function
|
|
1117
|
+
function Vn(t, e, n) {
|
|
1118
1118
|
const o = t.width / t.height;
|
|
1119
|
-
let
|
|
1120
|
-
return n === "contain" ? o > e ? (
|
|
1121
|
-
left: t.left + (t.width -
|
|
1122
|
-
top: t.top + (t.height -
|
|
1123
|
-
width:
|
|
1124
|
-
height:
|
|
1119
|
+
let r, i;
|
|
1120
|
+
return n === "contain" ? o > e ? (i = t.height, r = i * e) : (r = t.width, i = r / e) : o > e ? (r = t.width, i = r / e) : (i = t.height, r = i * e), {
|
|
1121
|
+
left: t.left + (t.width - r) / 2,
|
|
1122
|
+
top: t.top + (t.height - i) / 2,
|
|
1123
|
+
width: r,
|
|
1124
|
+
height: i
|
|
1125
1125
|
};
|
|
1126
1126
|
}
|
|
1127
|
-
function
|
|
1128
|
-
const o = e !== null && n !== null && t.width > 0 && t.height > 0 ?
|
|
1127
|
+
function ae(t, e, n) {
|
|
1128
|
+
const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Vn(t, e, n) : t, r = n === "contain" ? o : t;
|
|
1129
1129
|
return {
|
|
1130
1130
|
bbox: t,
|
|
1131
1131
|
content: o,
|
|
1132
|
-
window:
|
|
1133
|
-
clipInset:
|
|
1132
|
+
window: r,
|
|
1133
|
+
clipInset: q(o, r),
|
|
1134
1134
|
aspectRatio: e,
|
|
1135
1135
|
fit: n,
|
|
1136
1136
|
radius: 0,
|
|
@@ -1141,168 +1141,186 @@ function ie(t, e, n) {
|
|
|
1141
1141
|
mediaElement: null
|
|
1142
1142
|
};
|
|
1143
1143
|
}
|
|
1144
|
-
function
|
|
1144
|
+
function Et(t, e, n) {
|
|
1145
1145
|
return {
|
|
1146
|
-
...
|
|
1146
|
+
...ae(t, null, null),
|
|
1147
1147
|
radius: e,
|
|
1148
1148
|
radiusSource: n,
|
|
1149
1149
|
bboxRadius: e,
|
|
1150
1150
|
bboxRadiusSource: n
|
|
1151
1151
|
};
|
|
1152
1152
|
}
|
|
1153
|
-
function
|
|
1153
|
+
function ce(t, e) {
|
|
1154
1154
|
const n = t.aspectRatio, o = e.aspectRatio;
|
|
1155
1155
|
return t.contentAware && e.contentAware && n !== null && o !== null && Math.abs(n - o) / Math.max(n, o) < 0.01;
|
|
1156
1156
|
}
|
|
1157
|
-
function
|
|
1158
|
-
return
|
|
1157
|
+
function Gt(t) {
|
|
1158
|
+
return Et(
|
|
1159
1159
|
t.bbox,
|
|
1160
1160
|
t.bboxRadius,
|
|
1161
1161
|
t.bboxRadiusSource
|
|
1162
1162
|
);
|
|
1163
1163
|
}
|
|
1164
|
-
function
|
|
1165
|
-
return
|
|
1166
|
-
}
|
|
1167
|
-
function
|
|
1168
|
-
const
|
|
1169
|
-
t.getAttribute(o.legacyAspectRatioAttribute) ?? (
|
|
1170
|
-
) : null, s = c ?? (
|
|
1171
|
-
u && h && U(u, e) && S.push(
|
|
1172
|
-
const $ = S.every((E) => E.supported),
|
|
1164
|
+
function le(t, e) {
|
|
1165
|
+
return ce(t, e) ? [t, e] : [Gt(t), Gt(e)];
|
|
1166
|
+
}
|
|
1167
|
+
function Xn(t, e, n, o) {
|
|
1168
|
+
const r = se(t), i = r ? n(r) : e, c = o.legacyAspectRatioAttribute ? Mn(
|
|
1169
|
+
t.getAttribute(o.legacyAspectRatioAttribute) ?? (r == null ? void 0 : r.getAttribute(o.legacyAspectRatioAttribute)) ?? null
|
|
1170
|
+
) : null, s = c ?? (r ? Yn(r) : null), l = r ? Hn(r) : { fit: null, centered: !0 }, a = l.centered && (r === null || zn(r)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = ae(i, s, a), p = Wn(t), u = r !== null && r !== t && p ? Ct(d.window, e) : d.window, m = Nn(t, o.legacyRadiusAttribute), h = r === t || p, y = h ? xt(t) : { radius: 0, supported: !0 }, b = m ?? y.radius, g = m !== null ? "legacy" : y.supported ? y.radius > 0 ? "computed" : "none" : "unsupported", S = [];
|
|
1171
|
+
u && h && U(u, e) && S.push(y), u && r && U(u, i) && S.push(xt(r));
|
|
1172
|
+
const $ = S.every((E) => E.supported), P = Math.max(
|
|
1173
1173
|
0,
|
|
1174
1174
|
...S.map((E) => E.radius)
|
|
1175
|
-
),
|
|
1176
|
-
return !u || x === "unsupported" ?
|
|
1177
|
-
...
|
|
1175
|
+
), R = m ?? P, x = m !== null ? "legacy" : $ ? P > 0 ? "computed" : "none" : "unsupported";
|
|
1176
|
+
return !u || x === "unsupported" ? Et(e, b, g) : {
|
|
1177
|
+
...d,
|
|
1178
1178
|
bbox: e,
|
|
1179
1179
|
window: u,
|
|
1180
|
-
clipInset:
|
|
1181
|
-
radius:
|
|
1180
|
+
clipInset: q(d.content, u),
|
|
1181
|
+
radius: R,
|
|
1182
1182
|
radiusSource: x,
|
|
1183
1183
|
bboxRadius: b,
|
|
1184
1184
|
bboxRadiusSource: g,
|
|
1185
|
-
mediaElement:
|
|
1185
|
+
mediaElement: d.contentAware ? r : null
|
|
1186
1186
|
};
|
|
1187
1187
|
}
|
|
1188
|
-
function
|
|
1189
|
-
const
|
|
1188
|
+
function $t(t, e, n, o) {
|
|
1189
|
+
const r = Xn(
|
|
1190
1190
|
t,
|
|
1191
1191
|
e,
|
|
1192
1192
|
n,
|
|
1193
1193
|
o
|
|
1194
1194
|
);
|
|
1195
|
-
if (!o.clipRoot ||
|
|
1196
|
-
return
|
|
1197
|
-
let
|
|
1195
|
+
if (!o.clipRoot || r.radiusSource === "unsupported")
|
|
1196
|
+
return r;
|
|
1197
|
+
let i = r.window, c = r.radius, s = [c, c, c, c], l = r.radiusSource, a = t.parentElement;
|
|
1198
1198
|
for (; a && a !== o.clipRoot; ) {
|
|
1199
|
-
const
|
|
1200
|
-
if (u ||
|
|
1199
|
+
const p = J(a), f = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = f(p.overflowX), m = f(p.overflowY);
|
|
1200
|
+
if (u || m) {
|
|
1201
1201
|
if (![
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
].every((x) =>
|
|
1207
|
-
return
|
|
1208
|
-
const
|
|
1209
|
-
left: u ?
|
|
1210
|
-
top:
|
|
1211
|
-
width: u ?
|
|
1212
|
-
height:
|
|
1213
|
-
}, g =
|
|
1214
|
-
if (!g) return
|
|
1215
|
-
const S =
|
|
1216
|
-
if (!S.supported) return
|
|
1217
|
-
if (u &&
|
|
1202
|
+
p.borderTopWidth,
|
|
1203
|
+
p.borderRightWidth,
|
|
1204
|
+
p.borderBottomWidth,
|
|
1205
|
+
p.borderLeftWidth
|
|
1206
|
+
].every((x) => It(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
|
|
1207
|
+
return r;
|
|
1208
|
+
const y = n(a), b = {
|
|
1209
|
+
left: u ? y.left : i.left,
|
|
1210
|
+
top: m ? y.top : i.top,
|
|
1211
|
+
width: u ? y.width : i.width,
|
|
1212
|
+
height: m ? y.height : i.height
|
|
1213
|
+
}, g = Ct(i, b);
|
|
1214
|
+
if (!g) return r;
|
|
1215
|
+
const S = xt(a);
|
|
1216
|
+
if (!S.supported) return r;
|
|
1217
|
+
if (u && m && U(i, y))
|
|
1218
1218
|
l !== "legacy" && (c = Math.max(c, S.radius), s = s.map(
|
|
1219
1219
|
(x) => Math.max(x, S.radius)
|
|
1220
1220
|
), c > 0 && (l = "computed"));
|
|
1221
1221
|
else if (S.radius > 0) {
|
|
1222
1222
|
const x = {
|
|
1223
|
-
left:
|
|
1224
|
-
top:
|
|
1225
|
-
width:
|
|
1226
|
-
height:
|
|
1223
|
+
left: y.left + S.radius,
|
|
1224
|
+
top: y.top + S.radius,
|
|
1225
|
+
width: y.width - 2 * S.radius,
|
|
1226
|
+
height: y.height - 2 * S.radius
|
|
1227
1227
|
};
|
|
1228
|
-
if (!U(
|
|
1229
|
-
return
|
|
1228
|
+
if (!U(Ct(i, x) ?? y, i))
|
|
1229
|
+
return r;
|
|
1230
1230
|
}
|
|
1231
|
-
const $ =
|
|
1231
|
+
const $ = q(i, g), P = [
|
|
1232
1232
|
[$.top, $.left],
|
|
1233
1233
|
[$.top, $.right],
|
|
1234
1234
|
[$.bottom, $.right],
|
|
1235
1235
|
[$.bottom, $.left]
|
|
1236
1236
|
];
|
|
1237
1237
|
for (let x = 0; x < 4; x++) {
|
|
1238
|
-
const E = Math.max(...
|
|
1239
|
-
if (E > 0.01 && E <
|
|
1238
|
+
const E = Math.max(...P[x]), k = s[x];
|
|
1239
|
+
if (E > 0.01 && E < k) return r;
|
|
1240
1240
|
E > 0.01 && (s[x] = 0);
|
|
1241
1241
|
}
|
|
1242
|
-
const
|
|
1243
|
-
if (g.width <
|
|
1244
|
-
return
|
|
1245
|
-
|
|
1242
|
+
const R = Math.max(...s);
|
|
1243
|
+
if (g.width < R || g.height < R)
|
|
1244
|
+
return r;
|
|
1245
|
+
i = g;
|
|
1246
1246
|
}
|
|
1247
1247
|
a = a.parentElement;
|
|
1248
1248
|
}
|
|
1249
|
-
const
|
|
1249
|
+
const d = U(r.bbox, i);
|
|
1250
1250
|
return {
|
|
1251
|
-
...
|
|
1252
|
-
window:
|
|
1253
|
-
clipInset:
|
|
1251
|
+
...r,
|
|
1252
|
+
window: i,
|
|
1253
|
+
clipInset: q(r.content, i),
|
|
1254
1254
|
radius: c,
|
|
1255
1255
|
radiusSource: l,
|
|
1256
|
-
...s.some((
|
|
1257
|
-
...
|
|
1256
|
+
...s.some((p) => p !== c) ? { cornerRadii: s } : {},
|
|
1257
|
+
...d ? { bboxRadius: c, bboxRadiusSource: l } : {}
|
|
1258
1258
|
};
|
|
1259
1259
|
}
|
|
1260
|
-
function
|
|
1261
|
-
const
|
|
1260
|
+
function de(t, e, n, o, r) {
|
|
1261
|
+
const i = n.width / o, c = n.height / r;
|
|
1262
1262
|
return {
|
|
1263
|
-
left: D(t) + (D(n) - D(e)) / o -
|
|
1264
|
-
top: Y(t) + (Y(n) - Y(e)) /
|
|
1265
|
-
width:
|
|
1263
|
+
left: D(t) + (D(n) - D(e)) / o - i / 2,
|
|
1264
|
+
top: Y(t) + (Y(n) - Y(e)) / r - c / 2,
|
|
1265
|
+
width: i,
|
|
1266
1266
|
height: c
|
|
1267
1267
|
};
|
|
1268
1268
|
}
|
|
1269
|
-
const
|
|
1269
|
+
const Bn = {
|
|
1270
1270
|
enter: "contain",
|
|
1271
1271
|
exit: "cover",
|
|
1272
1272
|
legacy: "contain"
|
|
1273
1273
|
};
|
|
1274
|
-
function
|
|
1275
|
-
return
|
|
1274
|
+
function V(t) {
|
|
1275
|
+
return Bn[t];
|
|
1276
1276
|
}
|
|
1277
|
-
|
|
1277
|
+
const Pt = "data-hero-enter-key", At = "data-hero-exit-key", Z = "data-hero-key";
|
|
1278
|
+
function K(t, e) {
|
|
1278
1279
|
const n = e.map((o) => ({
|
|
1279
1280
|
name: o,
|
|
1280
1281
|
value: t.style.getPropertyValue(o),
|
|
1281
1282
|
priority: t.style.getPropertyPriority(o)
|
|
1282
1283
|
}));
|
|
1283
1284
|
return () => {
|
|
1284
|
-
for (const { name: o, value:
|
|
1285
|
-
|
|
1285
|
+
for (const { name: o, value: r, priority: i } of n)
|
|
1286
|
+
r ? t.style.setProperty(o, r, i) : t.style.removeProperty(o);
|
|
1286
1287
|
};
|
|
1287
1288
|
}
|
|
1288
|
-
|
|
1289
|
+
const nt = /* @__PURE__ */ new WeakMap();
|
|
1290
|
+
function Un(t) {
|
|
1291
|
+
var e;
|
|
1292
|
+
return ((e = nt.get(t)) == null ? void 0 : e.opacity) ?? getComputedStyle(t).opacity;
|
|
1293
|
+
}
|
|
1294
|
+
function pt(t) {
|
|
1295
|
+
const e = nt.get(t) ?? {
|
|
1296
|
+
users: 0,
|
|
1297
|
+
opacity: getComputedStyle(t).opacity,
|
|
1298
|
+
restore: K(t, ["opacity"])
|
|
1299
|
+
};
|
|
1300
|
+
e.users++, nt.set(t, e), t.style.opacity = "0";
|
|
1301
|
+
let n = !1;
|
|
1302
|
+
return () => {
|
|
1303
|
+
n || (n = !0, !(--e.users > 0) && (e.restore(), nt.delete(t)));
|
|
1304
|
+
};
|
|
1305
|
+
}
|
|
1306
|
+
function Zn(t) {
|
|
1289
1307
|
const e = t.getAttribute("data-hero-transitioning");
|
|
1290
1308
|
return t.setAttribute("data-hero-transitioning", ""), () => {
|
|
1291
1309
|
e === null ? t.removeAttribute("data-hero-transitioning") : t.setAttribute("data-hero-transitioning", e);
|
|
1292
1310
|
};
|
|
1293
1311
|
}
|
|
1294
|
-
function
|
|
1295
|
-
const n =
|
|
1296
|
-
return t.style.zIndex =
|
|
1312
|
+
function jn(t, e) {
|
|
1313
|
+
const n = K(t, ["z-index"]), o = K(e, ["z-index", "position"]);
|
|
1314
|
+
return t.style.zIndex = M, e.style.zIndex = T, getComputedStyle(e).position === "static" && (e.style.position = "relative"), () => {
|
|
1297
1315
|
n(), o();
|
|
1298
1316
|
};
|
|
1299
1317
|
}
|
|
1300
|
-
function
|
|
1318
|
+
function Gn(t, e, n) {
|
|
1301
1319
|
if (t.tagName !== "IMG") return () => {
|
|
1302
1320
|
};
|
|
1303
|
-
const o = getComputedStyle(t),
|
|
1304
|
-
let
|
|
1305
|
-
o.position !== "absolute" && o.position !== "fixed" && (
|
|
1321
|
+
const o = getComputedStyle(t), r = (f) => Number.parseFloat(f) || 0, i = o.boxSizing === "border-box", c = r(o.width) + (i ? 0 : r(o.paddingLeft) + r(o.paddingRight) + r(o.borderLeftWidth) + r(o.borderRightWidth)), s = r(o.height) + (i ? 0 : r(o.paddingTop) + r(o.paddingBottom) + r(o.borderTopWidth) + r(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
|
|
1322
|
+
let d = null;
|
|
1323
|
+
o.position !== "absolute" && o.position !== "fixed" && (d = document.createElement("span"), d.setAttribute("data-hero-placeholder", ""), d.setAttribute("aria-hidden", "true"), Object.assign(d.style, {
|
|
1306
1324
|
display: o.display === "inline" ? "inline-block" : o.display,
|
|
1307
1325
|
boxSizing: "border-box",
|
|
1308
1326
|
width: `${c}px`,
|
|
@@ -1315,8 +1333,8 @@ function Bn(t, e, n) {
|
|
|
1315
1333
|
verticalAlign: o.verticalAlign,
|
|
1316
1334
|
visibility: "hidden",
|
|
1317
1335
|
pointerEvents: "none"
|
|
1318
|
-
}), t.before(
|
|
1319
|
-
const
|
|
1336
|
+
}), t.before(d));
|
|
1337
|
+
const p = K(t, [
|
|
1320
1338
|
"position",
|
|
1321
1339
|
"left",
|
|
1322
1340
|
"top",
|
|
@@ -1351,22 +1369,65 @@ function Bn(t, e, n) {
|
|
|
1351
1369
|
margin: "0",
|
|
1352
1370
|
flex: "none"
|
|
1353
1371
|
}), () => {
|
|
1354
|
-
|
|
1372
|
+
p(), d == null || d.remove();
|
|
1355
1373
|
};
|
|
1356
1374
|
}
|
|
1357
|
-
function
|
|
1358
|
-
|
|
1375
|
+
function qn(t, e) {
|
|
1376
|
+
return t.fromEl.getAttribute(Pt) === t.key && t.toEl.getAttribute(At) === t.key ? !0 : e === "backward" && t.fromEl.getAttribute(Z) === t.key && t.toEl.getAttribute(Z) === t.key;
|
|
1377
|
+
}
|
|
1378
|
+
function Kn(t, e, n) {
|
|
1379
|
+
const o = t.cloneNode(!0), r = (i, c) => {
|
|
1380
|
+
const s = getComputedStyle(i), l = c.style;
|
|
1381
|
+
for (const a of Array.from(s))
|
|
1382
|
+
l.setProperty(a, s.getPropertyValue(a));
|
|
1383
|
+
for (const { name: a } of Array.from(c.attributes))
|
|
1384
|
+
(a === "id" || a.startsWith("data-hero-")) && c.removeAttribute(a);
|
|
1385
|
+
if (i.tagName === "IMG") {
|
|
1386
|
+
const a = i;
|
|
1387
|
+
a.currentSrc && (c.removeAttribute("srcset"), c.removeAttribute("sizes"), c.setAttribute("src", a.currentSrc)), c.setAttribute("loading", "eager");
|
|
1388
|
+
}
|
|
1389
|
+
l.animation = "none", l.transition = "none", Array.from(i.children).forEach((a, d) => {
|
|
1390
|
+
const p = c.children[d];
|
|
1391
|
+
p && r(a, p);
|
|
1392
|
+
});
|
|
1393
|
+
};
|
|
1394
|
+
return r(t, o), o.setAttribute("data-hero-layer", ""), o.setAttribute("aria-hidden", "true"), o.setAttribute("inert", ""), Object.assign(o.style, {
|
|
1395
|
+
position: "absolute",
|
|
1396
|
+
left: `${e.left}px`,
|
|
1397
|
+
top: `${e.top}px`,
|
|
1398
|
+
right: "auto",
|
|
1399
|
+
bottom: "auto",
|
|
1400
|
+
width: `${e.width}px`,
|
|
1401
|
+
height: `${e.height}px`,
|
|
1402
|
+
minWidth: "0",
|
|
1403
|
+
minHeight: "0",
|
|
1404
|
+
maxWidth: "none",
|
|
1405
|
+
maxHeight: "none",
|
|
1406
|
+
boxSizing: "border-box",
|
|
1407
|
+
margin: "0",
|
|
1408
|
+
transformOrigin: "center center",
|
|
1409
|
+
translate: "none",
|
|
1410
|
+
rotate: "none",
|
|
1411
|
+
scale: "none",
|
|
1412
|
+
// Both real pages have explicit stacking contexts at or below this tier.
|
|
1413
|
+
zIndex: String(Number(T) + 1),
|
|
1414
|
+
willChange: "transform, clip-path",
|
|
1415
|
+
pointerEvents: "none",
|
|
1416
|
+
opacity: Un(t)
|
|
1417
|
+
}), n && (o.style.borderRadius = "0"), o;
|
|
1418
|
+
}
|
|
1419
|
+
function _t(t, e, n) {
|
|
1420
|
+
const o = (s, l) => `${l > 0 ? s / l * 100 : 0}%`, r = [
|
|
1359
1421
|
o(e.top, t.height),
|
|
1360
1422
|
o(e.right, t.width),
|
|
1361
1423
|
o(e.bottom, t.height),
|
|
1362
1424
|
o(e.left, t.width)
|
|
1363
|
-
].join(" "),
|
|
1364
|
-
return `inset(${
|
|
1425
|
+
].join(" "), i = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
|
|
1426
|
+
return `inset(${r} round ${i} / ${c})`;
|
|
1365
1427
|
}
|
|
1366
|
-
|
|
1367
|
-
class Un {
|
|
1428
|
+
class Jn {
|
|
1368
1429
|
constructor() {
|
|
1369
|
-
|
|
1430
|
+
I(this, "previousFromOpacity", "");
|
|
1370
1431
|
}
|
|
1371
1432
|
prepare(e) {
|
|
1372
1433
|
e.from.then((n) => {
|
|
@@ -1379,82 +1440,82 @@ class Un {
|
|
|
1379
1440
|
}), {};
|
|
1380
1441
|
}
|
|
1381
1442
|
}
|
|
1382
|
-
const
|
|
1383
|
-
function
|
|
1443
|
+
const Qn = () => new Jn();
|
|
1444
|
+
function to(t, e) {
|
|
1384
1445
|
const n = new Set(e), o = /* @__PURE__ */ new Set();
|
|
1385
1446
|
for (const c of n) {
|
|
1386
1447
|
let s = c.parentElement;
|
|
1387
1448
|
for (; s && s !== t; )
|
|
1388
1449
|
o.add(s), s = s.parentElement;
|
|
1389
1450
|
}
|
|
1390
|
-
const
|
|
1451
|
+
const r = [], i = (c) => {
|
|
1391
1452
|
var s;
|
|
1392
1453
|
if (!(n.has(c) || ((s = c.getAttribute) == null ? void 0 : s.call(c, "data-hero-placeholder")) != null)) {
|
|
1393
1454
|
if (c !== t && !o.has(c)) {
|
|
1394
|
-
|
|
1455
|
+
r.push(c);
|
|
1395
1456
|
return;
|
|
1396
1457
|
}
|
|
1397
1458
|
for (const l of Array.from(c.children))
|
|
1398
|
-
l instanceof HTMLElement &&
|
|
1459
|
+
l instanceof HTMLElement && i(l);
|
|
1399
1460
|
}
|
|
1400
1461
|
};
|
|
1401
|
-
return
|
|
1462
|
+
return i(t), r;
|
|
1402
1463
|
}
|
|
1403
|
-
class
|
|
1464
|
+
class eo {
|
|
1404
1465
|
contribute(e) {
|
|
1405
|
-
const { from: n, to: o, resolved:
|
|
1406
|
-
(u) =>
|
|
1407
|
-
), l = (s.length ?
|
|
1466
|
+
const { from: n, to: o, resolved: r, physics: i, onComplete: c } = e, s = r.pairs.map(
|
|
1467
|
+
(u) => se(u.toEl) ?? u.toEl
|
|
1468
|
+
), l = (s.length ? to(o, s) : [o]).map((u) => ({
|
|
1408
1469
|
element: u,
|
|
1409
1470
|
opacity: u.style.opacity,
|
|
1410
1471
|
willChange: u.style.willChange,
|
|
1411
1472
|
targetOpacity: Number.parseFloat(getComputedStyle(u).opacity) || 0
|
|
1412
1473
|
})), a = /* @__PURE__ */ new Set();
|
|
1413
1474
|
for (const u of s)
|
|
1414
|
-
for (let
|
|
1475
|
+
for (let m = u.parentElement; m && (a.add(m), m !== o); m = m.parentElement)
|
|
1415
1476
|
;
|
|
1416
|
-
const
|
|
1477
|
+
const d = Array.from(a).map((u) => ({
|
|
1417
1478
|
element: u,
|
|
1418
1479
|
color: getComputedStyle(u).backgroundColor,
|
|
1419
1480
|
previousColor: u.style.backgroundColor
|
|
1420
1481
|
})).filter(
|
|
1421
1482
|
({ color: u }) => u && u !== "transparent" && u !== "rgba(0, 0, 0, 0)"
|
|
1422
|
-
),
|
|
1483
|
+
), p = n.style.opacity, f = n.style.willChange;
|
|
1423
1484
|
n.style.willChange = "opacity";
|
|
1424
1485
|
for (const { element: u } of l)
|
|
1425
1486
|
u.style.opacity = "0", u.style.willChange = "opacity";
|
|
1426
|
-
for (const { element: u } of
|
|
1487
|
+
for (const { element: u } of d)
|
|
1427
1488
|
u.style.backgroundColor = "transparent";
|
|
1428
1489
|
return c(() => {
|
|
1429
|
-
n.style.opacity =
|
|
1430
|
-
for (const { element: u, opacity:
|
|
1431
|
-
u.style.opacity =
|
|
1432
|
-
for (const { element: u, previousColor:
|
|
1433
|
-
u.style.backgroundColor =
|
|
1490
|
+
n.style.opacity = p, n.style.willChange = f;
|
|
1491
|
+
for (const { element: u, opacity: m, willChange: h } of l)
|
|
1492
|
+
u.style.opacity = m, u.style.willChange = h;
|
|
1493
|
+
for (const { element: u, previousColor: m } of d)
|
|
1494
|
+
u.style.backgroundColor = m;
|
|
1434
1495
|
}), {
|
|
1435
1496
|
out: [
|
|
1436
1497
|
new w({
|
|
1437
1498
|
element: n,
|
|
1438
|
-
integrator: C.from(
|
|
1439
|
-
style: (u,
|
|
1499
|
+
integrator: C.from(i),
|
|
1500
|
+
style: (u, m) => ({ opacity: m })
|
|
1440
1501
|
})
|
|
1441
1502
|
],
|
|
1442
1503
|
in: [
|
|
1443
1504
|
...l.map(
|
|
1444
|
-
({ element: u, targetOpacity:
|
|
1505
|
+
({ element: u, targetOpacity: m }) => new w({
|
|
1445
1506
|
element: u,
|
|
1446
|
-
integrator: C.from(
|
|
1507
|
+
integrator: C.from(i),
|
|
1447
1508
|
style: (h) => ({
|
|
1448
|
-
opacity: Math.min(1, Math.max(0, h)) *
|
|
1509
|
+
opacity: Math.min(1, Math.max(0, h)) * m
|
|
1449
1510
|
})
|
|
1450
1511
|
})
|
|
1451
1512
|
),
|
|
1452
|
-
...
|
|
1453
|
-
({ element: u, color:
|
|
1513
|
+
...d.map(
|
|
1514
|
+
({ element: u, color: m }) => new w({
|
|
1454
1515
|
element: u,
|
|
1455
|
-
integrator: C.from(
|
|
1516
|
+
integrator: C.from(i),
|
|
1456
1517
|
style: (h) => ({
|
|
1457
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1518
|
+
backgroundColor: `color-mix(in srgb, ${m} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
|
|
1458
1519
|
})
|
|
1459
1520
|
})
|
|
1460
1521
|
)
|
|
@@ -1462,19 +1523,19 @@ class Gn {
|
|
|
1462
1523
|
};
|
|
1463
1524
|
}
|
|
1464
1525
|
}
|
|
1465
|
-
const
|
|
1466
|
-
static:
|
|
1467
|
-
fade:
|
|
1468
|
-
},
|
|
1526
|
+
const no = () => new eo(), oo = {
|
|
1527
|
+
static: Qn,
|
|
1528
|
+
fade: no
|
|
1529
|
+
}, ro = {
|
|
1469
1530
|
spring: { stiffness: 320, damping: 30 }
|
|
1470
|
-
},
|
|
1531
|
+
}, io = () => ro, so = {
|
|
1471
1532
|
spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
|
|
1472
|
-
},
|
|
1473
|
-
default:
|
|
1474
|
-
smooth:
|
|
1475
|
-
},
|
|
1476
|
-
function
|
|
1477
|
-
const
|
|
1533
|
+
}, ao = () => so, co = {
|
|
1534
|
+
default: io,
|
|
1535
|
+
smooth: ao
|
|
1536
|
+
}, lo = 700, po = "data-hero-aspect-ratio", uo = "data-hero-radius";
|
|
1537
|
+
function qt(t, e, n, o) {
|
|
1538
|
+
const r = (c) => {
|
|
1478
1539
|
const s = L(t, c);
|
|
1479
1540
|
return {
|
|
1480
1541
|
left: s.left + t.scrollLeft,
|
|
@@ -1482,150 +1543,170 @@ function jt(t, e, n, o) {
|
|
|
1482
1543
|
width: s.width,
|
|
1483
1544
|
height: s.height
|
|
1484
1545
|
};
|
|
1485
|
-
},
|
|
1486
|
-
return
|
|
1546
|
+
}, i = r(e);
|
|
1547
|
+
return $t(e, i, r, {
|
|
1487
1548
|
clipRoot: o,
|
|
1488
1549
|
fallbackFit: n,
|
|
1489
|
-
legacyAspectRatioAttribute:
|
|
1490
|
-
legacyRadiusAttribute:
|
|
1550
|
+
legacyAspectRatioAttribute: po,
|
|
1551
|
+
legacyRadiusAttribute: uo
|
|
1491
1552
|
});
|
|
1492
1553
|
}
|
|
1493
|
-
function
|
|
1554
|
+
function tt(t, e) {
|
|
1494
1555
|
const n = /* @__PURE__ */ new Map(), o = t.querySelectorAll(`[${e}]`);
|
|
1495
|
-
for (const
|
|
1496
|
-
const
|
|
1497
|
-
|
|
1556
|
+
for (const r of Array.from(o)) {
|
|
1557
|
+
const i = r.getAttribute(e);
|
|
1558
|
+
i && (n.has(i) || n.set(i, r));
|
|
1498
1559
|
}
|
|
1499
1560
|
return n;
|
|
1500
1561
|
}
|
|
1501
|
-
function
|
|
1502
|
-
const n = [], o =
|
|
1562
|
+
function fo(t, e) {
|
|
1563
|
+
const n = [], o = tt(e, Pt), r = tt(t, At);
|
|
1503
1564
|
for (const [s, l] of o) {
|
|
1504
|
-
const a =
|
|
1565
|
+
const a = r.get(s);
|
|
1505
1566
|
a && n.push({
|
|
1506
1567
|
key: s,
|
|
1507
1568
|
fromEl: a,
|
|
1508
1569
|
toEl: l,
|
|
1509
|
-
fromFit:
|
|
1510
|
-
toFit:
|
|
1570
|
+
fromFit: V("exit"),
|
|
1571
|
+
toFit: V("enter")
|
|
1511
1572
|
});
|
|
1512
1573
|
}
|
|
1513
|
-
const
|
|
1514
|
-
for (const [s, l] of
|
|
1574
|
+
const i = tt(t, Pt), c = tt(e, At);
|
|
1575
|
+
for (const [s, l] of i) {
|
|
1515
1576
|
const a = c.get(s);
|
|
1516
1577
|
a && n.push({
|
|
1517
1578
|
key: s,
|
|
1518
1579
|
fromEl: l,
|
|
1519
1580
|
toEl: a,
|
|
1520
|
-
fromFit:
|
|
1521
|
-
toFit:
|
|
1581
|
+
fromFit: V("enter"),
|
|
1582
|
+
toFit: V("exit")
|
|
1522
1583
|
});
|
|
1523
1584
|
}
|
|
1524
1585
|
return n;
|
|
1525
1586
|
}
|
|
1526
|
-
function
|
|
1587
|
+
function ho(t, e) {
|
|
1527
1588
|
const n = [], o = Array.from(
|
|
1528
|
-
e.querySelectorAll(`[${
|
|
1589
|
+
e.querySelectorAll(`[${Z}]`)
|
|
1529
1590
|
);
|
|
1530
|
-
for (const
|
|
1531
|
-
const
|
|
1532
|
-
if (!
|
|
1591
|
+
for (const r of o) {
|
|
1592
|
+
const i = r.getAttribute(Z);
|
|
1593
|
+
if (!i) continue;
|
|
1533
1594
|
const c = t.querySelector(
|
|
1534
|
-
`[${
|
|
1595
|
+
`[${Z}="${i}"]`
|
|
1535
1596
|
);
|
|
1536
1597
|
c && n.push({
|
|
1537
|
-
key:
|
|
1598
|
+
key: i,
|
|
1538
1599
|
fromEl: c,
|
|
1539
|
-
toEl:
|
|
1540
|
-
fromFit:
|
|
1541
|
-
toFit:
|
|
1600
|
+
toEl: r,
|
|
1601
|
+
fromFit: V("legacy"),
|
|
1602
|
+
toFit: V("legacy")
|
|
1542
1603
|
});
|
|
1543
1604
|
}
|
|
1544
1605
|
return n;
|
|
1545
1606
|
}
|
|
1546
|
-
function
|
|
1547
|
-
const n =
|
|
1548
|
-
return n.length > 0 ? n :
|
|
1607
|
+
function yo(t, e) {
|
|
1608
|
+
const n = fo(t, e);
|
|
1609
|
+
return n.length > 0 ? n : ho(t, e);
|
|
1549
1610
|
}
|
|
1550
|
-
function
|
|
1551
|
-
return
|
|
1611
|
+
function mo(t, e) {
|
|
1612
|
+
return le(t, e);
|
|
1552
1613
|
}
|
|
1553
|
-
function
|
|
1614
|
+
function go(t, e) {
|
|
1554
1615
|
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";
|
|
1555
1616
|
}
|
|
1556
|
-
function
|
|
1557
|
-
const { fromEl:
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
), a = s.content,
|
|
1561
|
-
if (a.width === 0 || a.height === 0 ||
|
|
1617
|
+
function bo(t, e, n, o, r) {
|
|
1618
|
+
const { fromEl: i, toEl: c } = e, [s, l] = mo(
|
|
1619
|
+
qt(t, i, e.fromFit, o),
|
|
1620
|
+
qt(t, c, e.toFit, r)
|
|
1621
|
+
), a = s.content, d = s.window, p = l.content, f = l.window, u = l.clipInset, m = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = m ? 0 : s.radius, y = m ? 0 : l.radius;
|
|
1622
|
+
if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0 || f.width === 0 || f.height === 0)
|
|
1562
1623
|
return null;
|
|
1563
1624
|
const b = Math.max(
|
|
1564
|
-
a.width /
|
|
1565
|
-
a.height /
|
|
1566
|
-
), g = D(a), S = Y(a), $ = D(
|
|
1625
|
+
a.width / p.width,
|
|
1626
|
+
a.height / p.height
|
|
1627
|
+
), g = D(a), S = Y(a), $ = D(p), P = Y(p), R = g - $, x = S - P;
|
|
1567
1628
|
if (Math.abs(x) > n) return null;
|
|
1568
|
-
const E =
|
|
1569
|
-
|
|
1570
|
-
|
|
1629
|
+
const E = q(
|
|
1630
|
+
p,
|
|
1631
|
+
de(p, a, d, b, b)
|
|
1571
1632
|
);
|
|
1572
1633
|
return {
|
|
1573
|
-
toContent:
|
|
1574
|
-
fromVisualEl: s.mediaElement ??
|
|
1634
|
+
toContent: p,
|
|
1635
|
+
fromVisualEl: s.mediaElement ?? i,
|
|
1575
1636
|
toVisualEl: l.mediaElement ?? c,
|
|
1576
|
-
resetRadius:
|
|
1577
|
-
styleFor: (
|
|
1578
|
-
const
|
|
1637
|
+
resetRadius: go(s, l),
|
|
1638
|
+
styleFor: (k, F, v) => {
|
|
1639
|
+
const X = (F * R + (v ? $ - D(v.box) : 0)) / ((v == null ? void 0 : v.scaleX) ?? 1), N = (F * x + (v ? P - Y(v.box) : 0)) / ((v == null ? void 0 : v.scaleY) ?? 1), z = k + F * b, me = s.cornerRadii ?? [
|
|
1579
1640
|
h,
|
|
1580
1641
|
h,
|
|
1581
1642
|
h,
|
|
1582
1643
|
h
|
|
1583
|
-
],
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
],
|
|
1589
|
-
const
|
|
1590
|
-
return { x:
|
|
1591
|
-
}),
|
|
1644
|
+
], ge = l.cornerRadii ?? [
|
|
1645
|
+
y,
|
|
1646
|
+
y,
|
|
1647
|
+
y,
|
|
1648
|
+
y
|
|
1649
|
+
], be = me.map((Ee, $e) => {
|
|
1650
|
+
const Ot = Math.max(0, Ee * F + ge[$e] * k) / Math.max(Math.abs(z), 1e-6);
|
|
1651
|
+
return { x: Ot, y: Ot };
|
|
1652
|
+
}), we = E.top * F + u.top * k, Se = E.right * F + u.right * k, xe = E.bottom * F + u.bottom * k, Ce = E.left * F + u.left * k;
|
|
1592
1653
|
return {
|
|
1593
|
-
transform:
|
|
1594
|
-
clipPath:
|
|
1595
|
-
|
|
1654
|
+
transform: v ? `translate(${X}px, ${N}px) scale(${z * p.width / v.box.width}, ${z * p.height / v.box.height})` : `translate(${X}px, ${N}px) scale(${z})`,
|
|
1655
|
+
clipPath: _t(
|
|
1656
|
+
p,
|
|
1596
1657
|
{
|
|
1597
|
-
top:
|
|
1598
|
-
right:
|
|
1599
|
-
bottom:
|
|
1600
|
-
left:
|
|
1658
|
+
top: we,
|
|
1659
|
+
right: Se,
|
|
1660
|
+
bottom: xe,
|
|
1661
|
+
left: Ce
|
|
1601
1662
|
},
|
|
1602
|
-
|
|
1663
|
+
be
|
|
1603
1664
|
)
|
|
1604
1665
|
};
|
|
1605
1666
|
}
|
|
1606
1667
|
};
|
|
1607
1668
|
}
|
|
1608
|
-
function
|
|
1669
|
+
function Kt(t, e) {
|
|
1609
1670
|
t.style.transform = e.transform, t.style.clipPath = e.clipPath;
|
|
1610
1671
|
}
|
|
1611
|
-
class
|
|
1672
|
+
class wo {
|
|
1612
1673
|
contribute(e) {
|
|
1613
|
-
const { resolved: n, physics: o, positionedParent:
|
|
1614
|
-
c(
|
|
1674
|
+
const { resolved: n, physics: o, positionedParent: r, maxDistance: i, onComplete: c } = e;
|
|
1675
|
+
c(jn(e.from, e.to));
|
|
1615
1676
|
const s = n.pairs.flatMap((a) => {
|
|
1616
|
-
const
|
|
1617
|
-
i,
|
|
1618
|
-
a,
|
|
1677
|
+
const d = bo(
|
|
1619
1678
|
r,
|
|
1679
|
+
a,
|
|
1680
|
+
i,
|
|
1620
1681
|
e.from,
|
|
1621
1682
|
e.to
|
|
1622
1683
|
);
|
|
1623
|
-
return
|
|
1684
|
+
return d ? [{ pair: a, plan: d }] : [];
|
|
1624
1685
|
});
|
|
1625
1686
|
e.resolved = { pairs: s.map(({ pair: a }) => a) };
|
|
1626
1687
|
const l = [];
|
|
1627
|
-
for (const {
|
|
1628
|
-
const { fromVisualEl: p, toVisualEl:
|
|
1688
|
+
for (const { pair: a, plan: d } of s) {
|
|
1689
|
+
const { fromVisualEl: p, toVisualEl: f } = d;
|
|
1690
|
+
if (qn(a, e.direction)) {
|
|
1691
|
+
const $ = Kn(
|
|
1692
|
+
f,
|
|
1693
|
+
d.toContent,
|
|
1694
|
+
d.resetRadius
|
|
1695
|
+
);
|
|
1696
|
+
Kt($, d.styleFor(0, 1)), r.appendChild($);
|
|
1697
|
+
const P = pt(p), R = pt(f);
|
|
1698
|
+
c(() => {
|
|
1699
|
+
$.remove(), P(), R();
|
|
1700
|
+
}), l.push(
|
|
1701
|
+
new w({
|
|
1702
|
+
element: $,
|
|
1703
|
+
integrator: C.from(o),
|
|
1704
|
+
style: (x, E) => d.styleFor(x, E)
|
|
1705
|
+
})
|
|
1706
|
+
);
|
|
1707
|
+
continue;
|
|
1708
|
+
}
|
|
1709
|
+
const u = Zn(f), m = pt(p), h = K(f, [
|
|
1629
1710
|
"transform",
|
|
1630
1711
|
"transform-origin",
|
|
1631
1712
|
"clip-path",
|
|
@@ -1633,120 +1714,121 @@ class ho {
|
|
|
1633
1714
|
"border-radius",
|
|
1634
1715
|
"will-change"
|
|
1635
1716
|
]);
|
|
1636
|
-
|
|
1637
|
-
const
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
L(
|
|
1641
|
-
),
|
|
1717
|
+
f.style.transform = "none", f.style.transformOrigin = "center center", f.style.willChange = "transform, clip-path", d.resetRadius && (f.style.borderRadius = "0");
|
|
1718
|
+
const y = Gn(
|
|
1719
|
+
f,
|
|
1720
|
+
d.toContent,
|
|
1721
|
+
L(r, f)
|
|
1722
|
+
), b = L(r, f), g = {
|
|
1642
1723
|
box: {
|
|
1643
|
-
left:
|
|
1644
|
-
top:
|
|
1645
|
-
width:
|
|
1646
|
-
height:
|
|
1724
|
+
left: b.left + r.scrollLeft,
|
|
1725
|
+
top: b.top + r.scrollTop,
|
|
1726
|
+
width: b.width,
|
|
1727
|
+
height: b.height
|
|
1647
1728
|
},
|
|
1648
|
-
scaleX:
|
|
1649
|
-
scaleY:
|
|
1650
|
-
},
|
|
1651
|
-
|
|
1652
|
-
|
|
1729
|
+
scaleX: f.offsetWidth && Math.abs(b.width - f.offsetWidth) > 0.5 ? b.width / f.offsetWidth : 1,
|
|
1730
|
+
scaleY: f.offsetHeight && Math.abs(b.height - f.offsetHeight) > 0.5 ? b.height / f.offsetHeight : 1
|
|
1731
|
+
}, S = ($, P) => d.styleFor($, P, g);
|
|
1732
|
+
Kt(f, S(0, 1)), c(() => {
|
|
1733
|
+
y(), h(), m(), u();
|
|
1653
1734
|
}), l.push(
|
|
1654
1735
|
new w({
|
|
1655
|
-
element:
|
|
1736
|
+
element: f,
|
|
1656
1737
|
integrator: C.from(o),
|
|
1657
|
-
style:
|
|
1738
|
+
style: S
|
|
1658
1739
|
})
|
|
1659
1740
|
);
|
|
1660
1741
|
}
|
|
1661
1742
|
return { shared: l };
|
|
1662
1743
|
}
|
|
1663
1744
|
}
|
|
1664
|
-
function
|
|
1665
|
-
return [new
|
|
1745
|
+
function So(t) {
|
|
1746
|
+
return [new wo(), oo[t.type]()];
|
|
1666
1747
|
}
|
|
1667
|
-
const
|
|
1668
|
-
const e =
|
|
1669
|
-
prepare: (
|
|
1748
|
+
const xo = (t) => {
|
|
1749
|
+
const e = co[t.variant](), n = lo, o = {
|
|
1750
|
+
prepare: (r) => {
|
|
1670
1751
|
var l;
|
|
1671
|
-
const
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
]).then(([a,
|
|
1675
|
-
from:
|
|
1676
|
-
to:
|
|
1752
|
+
const i = So(t), c = Promise.all([
|
|
1753
|
+
r.from,
|
|
1754
|
+
r.to
|
|
1755
|
+
]).then(([a, d]) => ({ pairs: yo(a, d) })), s = {
|
|
1756
|
+
from: r.from,
|
|
1757
|
+
to: r.to,
|
|
1677
1758
|
resolved: c
|
|
1678
1759
|
};
|
|
1679
|
-
for (const a of
|
|
1760
|
+
for (const a of i)
|
|
1680
1761
|
(l = a.prepare) == null || l.call(a, s);
|
|
1681
|
-
return c.then((a) => ({ resolved: a, strategies:
|
|
1762
|
+
return c.then((a) => ({ resolved: a, strategies: i }));
|
|
1682
1763
|
},
|
|
1683
|
-
animation: ({ from:
|
|
1764
|
+
animation: ({ from: r, to: i, context: c, resolved: s, strategies: l }) => {
|
|
1684
1765
|
var h;
|
|
1685
1766
|
if (s.pairs.length === 0)
|
|
1686
|
-
return
|
|
1687
|
-
const a = [],
|
|
1688
|
-
a.push(
|
|
1689
|
-
},
|
|
1690
|
-
|
|
1691
|
-
|
|
1767
|
+
return j({ shared: [], out: [], in: [] });
|
|
1768
|
+
const a = [], d = (y) => {
|
|
1769
|
+
a.push(y);
|
|
1770
|
+
}, p = {
|
|
1771
|
+
direction: c.direction,
|
|
1772
|
+
from: r,
|
|
1773
|
+
to: i,
|
|
1692
1774
|
resolved: s,
|
|
1693
1775
|
physics: e,
|
|
1694
1776
|
positionedParent: c.positionedParent,
|
|
1695
1777
|
maxDistance: n,
|
|
1696
|
-
onComplete:
|
|
1697
|
-
},
|
|
1778
|
+
onComplete: d
|
|
1779
|
+
}, f = {
|
|
1698
1780
|
shared: [],
|
|
1699
1781
|
out: [],
|
|
1700
1782
|
in: []
|
|
1701
1783
|
};
|
|
1702
|
-
for (const
|
|
1703
|
-
const b = (h =
|
|
1784
|
+
for (const y of l) {
|
|
1785
|
+
const b = (h = y.contribute) == null ? void 0 : h.call(y, p);
|
|
1704
1786
|
if (b)
|
|
1705
|
-
for (const g of Object.keys(
|
|
1706
|
-
|
|
1787
|
+
for (const g of Object.keys(f))
|
|
1788
|
+
f[g].push(...b[g] ?? []);
|
|
1707
1789
|
}
|
|
1708
|
-
const u =
|
|
1790
|
+
const u = j(f), m = u.onComplete;
|
|
1709
1791
|
return u.onComplete = () => {
|
|
1710
|
-
|
|
1711
|
-
for (const
|
|
1712
|
-
|
|
1713
|
-
for (const
|
|
1792
|
+
m == null || m();
|
|
1793
|
+
for (const y of Object.values(f).flat())
|
|
1794
|
+
y instanceof w && y.releaseFill();
|
|
1795
|
+
for (const y of a)
|
|
1714
1796
|
try {
|
|
1715
|
-
|
|
1797
|
+
y();
|
|
1716
1798
|
} catch (b) {
|
|
1717
1799
|
console.error("[hero] cleanup error", b);
|
|
1718
1800
|
}
|
|
1719
1801
|
}, u;
|
|
1720
1802
|
}
|
|
1721
1803
|
};
|
|
1722
|
-
return
|
|
1804
|
+
return _({
|
|
1723
1805
|
forward: o,
|
|
1724
1806
|
backward: o
|
|
1725
1807
|
});
|
|
1726
1808
|
};
|
|
1727
|
-
function
|
|
1809
|
+
function Nr(t = {}, e = {}) {
|
|
1728
1810
|
const n = t.type ?? "static", o = t.variant ?? "default";
|
|
1729
|
-
return
|
|
1811
|
+
return O(xo({ type: n, variant: o }), e.override);
|
|
1730
1812
|
}
|
|
1731
|
-
const
|
|
1813
|
+
const Co = {
|
|
1732
1814
|
spring: { stiffness: 50, damping: 30 }
|
|
1733
|
-
},
|
|
1815
|
+
}, Eo = {
|
|
1734
1816
|
spring: { stiffness: 80, damping: 25 }
|
|
1735
|
-
},
|
|
1736
|
-
const e = t.physics ??
|
|
1817
|
+
}, $o = (t = {}) => {
|
|
1818
|
+
const e = t.physics ?? Co, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, r = t.rotationTriggerPoint ?? 0.8, i = {
|
|
1737
1819
|
prepare: ({ from: c, to: s, context: l }) => (c.then((a) => {
|
|
1738
1820
|
a.style.opacity = "1";
|
|
1739
1821
|
}), s.then((a) => {
|
|
1740
|
-
const
|
|
1741
|
-
a.style.setProperty("--max-border-radius", `${
|
|
1742
|
-
const
|
|
1743
|
-
a.style.transformOrigin = `${
|
|
1822
|
+
const d = H(l, "to"), p = Math.min(d.width, d.height) * 0.4;
|
|
1823
|
+
a.style.setProperty("--max-border-radius", `${p}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
|
|
1824
|
+
const f = d.left + d.width / 2, u = d.top + d.height / 2;
|
|
1825
|
+
a.style.transformOrigin = `${f}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";
|
|
1744
1826
|
}), {}),
|
|
1745
1827
|
animation: ({ from: c, to: s }) => {
|
|
1746
1828
|
const l = new w({
|
|
1747
1829
|
element: c,
|
|
1748
|
-
integrator: C.from(
|
|
1749
|
-
style: (
|
|
1830
|
+
integrator: C.from(Eo),
|
|
1831
|
+
style: (d, p) => ({ opacity: p }),
|
|
1750
1832
|
// The outgoing node is reused (re-hidden, shown again on the next
|
|
1751
1833
|
// navigation), so reset every inline style we wrote to it — mirroring
|
|
1752
1834
|
// the "to" cleanup below. prepare sets opacity and the out style fades
|
|
@@ -1757,63 +1839,63 @@ const go = {
|
|
|
1757
1839
|
}), a = new w({
|
|
1758
1840
|
element: s,
|
|
1759
1841
|
integrator: C.from(e),
|
|
1760
|
-
style: (
|
|
1761
|
-
let
|
|
1762
|
-
if (
|
|
1763
|
-
|
|
1764
|
-
else if (
|
|
1765
|
-
const h = (
|
|
1766
|
-
|
|
1842
|
+
style: (d) => {
|
|
1843
|
+
let p;
|
|
1844
|
+
if (d <= 0.05)
|
|
1845
|
+
p = o;
|
|
1846
|
+
else if (d <= r) {
|
|
1847
|
+
const h = (d - 0.05) / (r - 0.05), y = Math.pow(h, 9);
|
|
1848
|
+
p = o + (0.8 - o) * y;
|
|
1767
1849
|
} else {
|
|
1768
|
-
const h = (
|
|
1769
|
-
|
|
1850
|
+
const h = (d - r) / (1 - r);
|
|
1851
|
+
p = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
|
|
1770
1852
|
}
|
|
1771
|
-
const
|
|
1853
|
+
const f = 0.7;
|
|
1772
1854
|
let u;
|
|
1773
|
-
if (
|
|
1855
|
+
if (d <= f)
|
|
1774
1856
|
u = n;
|
|
1775
1857
|
else {
|
|
1776
|
-
const h = (
|
|
1777
|
-
u = n * (1 -
|
|
1858
|
+
const h = (d - f) / (1 - f), y = 1 - Math.pow(1 - h, 2);
|
|
1859
|
+
u = n * (1 - y);
|
|
1778
1860
|
}
|
|
1779
|
-
let
|
|
1780
|
-
if (
|
|
1781
|
-
|
|
1861
|
+
let m;
|
|
1862
|
+
if (d <= f)
|
|
1863
|
+
m = 1;
|
|
1782
1864
|
else {
|
|
1783
|
-
const h = (
|
|
1784
|
-
|
|
1865
|
+
const h = (d - f) / (1 - f);
|
|
1866
|
+
m = 1 - Math.pow(h, 0.5);
|
|
1785
1867
|
}
|
|
1786
1868
|
return {
|
|
1787
|
-
transform: `rotate(${u.toFixed(2)}deg) scale(${
|
|
1788
|
-
"--border-radius-scale":
|
|
1869
|
+
transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
|
|
1870
|
+
"--border-radius-scale": m.toFixed(4)
|
|
1789
1871
|
};
|
|
1790
1872
|
},
|
|
1791
1873
|
onComplete: () => {
|
|
1792
1874
|
s.style.willChange = "", s.style.backfaceVisibility = "", s.style.removeProperty("--max-border-radius"), s.style.removeProperty("--border-radius-scale"), s.style.transform = "", s.style.transformOrigin = "", s.style.position = "", s.style.zIndex = "", s.style.top = "", s.style.left = "", s.style.width = "", s.style.height = "", s.style.overflow = "", s.style.borderRadius = "";
|
|
1793
1875
|
}
|
|
1794
1876
|
});
|
|
1795
|
-
return new
|
|
1877
|
+
return new A(
|
|
1796
1878
|
{ out: l, in: a },
|
|
1797
1879
|
{ mode: "parallel" }
|
|
1798
1880
|
);
|
|
1799
1881
|
}
|
|
1800
1882
|
};
|
|
1801
|
-
return
|
|
1883
|
+
return _({ forward: i, backward: i });
|
|
1802
1884
|
};
|
|
1803
|
-
function
|
|
1804
|
-
return
|
|
1885
|
+
function zr(t = {}, e = {}) {
|
|
1886
|
+
return O($o(), e.override);
|
|
1805
1887
|
}
|
|
1806
|
-
const
|
|
1888
|
+
const Po = {
|
|
1807
1889
|
spring: { stiffness: 100, damping: 30 }
|
|
1808
|
-
},
|
|
1809
|
-
const e = t.physics ??
|
|
1810
|
-
prepare: ({ from: o, to:
|
|
1811
|
-
|
|
1812
|
-
}),
|
|
1813
|
-
|
|
1890
|
+
}, Ao = (t = {}) => {
|
|
1891
|
+
const e = t.physics ?? Po, n = {
|
|
1892
|
+
prepare: ({ from: o, to: r }) => (o.then((i) => {
|
|
1893
|
+
i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
|
|
1894
|
+
}), r.then((i) => {
|
|
1895
|
+
i.style.opacity = "0", i.style.transform = "rotate(-180deg)", i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
|
|
1814
1896
|
}), {}),
|
|
1815
|
-
animation: ({ from: o, to:
|
|
1816
|
-
const
|
|
1897
|
+
animation: ({ from: o, to: r }) => {
|
|
1898
|
+
const i = new w({
|
|
1817
1899
|
element: o,
|
|
1818
1900
|
integrator: C.from(e),
|
|
1819
1901
|
style: (s) => ({
|
|
@@ -1827,7 +1909,7 @@ const So = {
|
|
|
1827
1909
|
o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
|
|
1828
1910
|
}
|
|
1829
1911
|
}), c = new w({
|
|
1830
|
-
element:
|
|
1912
|
+
element: r,
|
|
1831
1913
|
integrator: C.from(e),
|
|
1832
1914
|
// u runs 1→0, so -u*180 unwinds -180→0.
|
|
1833
1915
|
style: (s, l) => ({
|
|
@@ -1835,21 +1917,21 @@ const So = {
|
|
|
1835
1917
|
opacity: s > 0.5 ? 1 : 0
|
|
1836
1918
|
}),
|
|
1837
1919
|
onComplete: () => {
|
|
1838
|
-
|
|
1920
|
+
r.style.willChange = "auto", r.style.transform = "", r.style.transformOrigin = "", r.style.opacity = "";
|
|
1839
1921
|
}
|
|
1840
1922
|
});
|
|
1841
|
-
return new
|
|
1842
|
-
{ out:
|
|
1923
|
+
return new A(
|
|
1924
|
+
{ out: i, in: c },
|
|
1843
1925
|
{ mode: "parallel" }
|
|
1844
1926
|
);
|
|
1845
1927
|
}
|
|
1846
1928
|
};
|
|
1847
|
-
return
|
|
1929
|
+
return _({ forward: n, backward: n });
|
|
1848
1930
|
};
|
|
1849
|
-
function
|
|
1850
|
-
return
|
|
1931
|
+
function Wr(t = {}, e = {}) {
|
|
1932
|
+
return O(Ao(), e.override);
|
|
1851
1933
|
}
|
|
1852
|
-
const
|
|
1934
|
+
const vo = {
|
|
1853
1935
|
spring: {
|
|
1854
1936
|
stiffness: 20,
|
|
1855
1937
|
damping: 8,
|
|
@@ -1857,20 +1939,20 @@ const Co = {
|
|
|
1857
1939
|
restDelta: 1e-3,
|
|
1858
1940
|
restSpeed: 1e-3
|
|
1859
1941
|
}
|
|
1860
|
-
},
|
|
1861
|
-
const e = t.physics ??
|
|
1862
|
-
const
|
|
1942
|
+
}, Ro = (t = {}) => {
|
|
1943
|
+
const e = t.physics ?? vo, n = t.directional ?? !0, o = (r) => {
|
|
1944
|
+
const i = !n || r === "forward", c = i ? M : T, s = i ? T : M;
|
|
1863
1945
|
return {
|
|
1864
|
-
prepare: ({ from: l, to: a }) => (l.then((
|
|
1865
|
-
|
|
1866
|
-
}), a.then((
|
|
1867
|
-
|
|
1946
|
+
prepare: ({ from: l, to: a }) => (l.then((d) => {
|
|
1947
|
+
d.style.zIndex = c, d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.pointerEvents = "none";
|
|
1948
|
+
}), a.then((d) => {
|
|
1949
|
+
d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.position = "relative", d.style.zIndex = s;
|
|
1868
1950
|
}), {}),
|
|
1869
1951
|
animation: ({ from: l, to: a }) => {
|
|
1870
|
-
const
|
|
1952
|
+
const d = l.offsetHeight, p = a.offsetHeight, f = window.innerHeight, u = Math.max(Math.min(d, p), f), m = new w({
|
|
1871
1953
|
element: l,
|
|
1872
1954
|
integrator: C.from(e),
|
|
1873
|
-
style: (
|
|
1955
|
+
style: (y) => ({ transform: `translate3d(0, ${i ? -u * y : u * y}px, 0)` }),
|
|
1874
1956
|
// The outgoing node is the real, reused element (re-hidden then shown
|
|
1875
1957
|
// again on the next navigation), so mirror the incoming cleanup and
|
|
1876
1958
|
// also reset the out-only props applied in prepare (zIndex,
|
|
@@ -1882,74 +1964,74 @@ const Co = {
|
|
|
1882
1964
|
}), h = new w({
|
|
1883
1965
|
element: a,
|
|
1884
1966
|
integrator: C.from(e),
|
|
1885
|
-
style: (
|
|
1967
|
+
style: (y, b) => ({ transform: `translate3d(0, ${i ? b * u : b * -u}px, 0)` }),
|
|
1886
1968
|
onComplete: () => {
|
|
1887
1969
|
a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === s && (a.style.zIndex = "");
|
|
1888
1970
|
}
|
|
1889
1971
|
});
|
|
1890
|
-
return [
|
|
1891
|
-
{ out:
|
|
1972
|
+
return [m, h].forEach(G), new A(
|
|
1973
|
+
{ out: m, in: h },
|
|
1892
1974
|
{ mode: "parallel" }
|
|
1893
1975
|
);
|
|
1894
1976
|
}
|
|
1895
1977
|
};
|
|
1896
1978
|
};
|
|
1897
|
-
return
|
|
1979
|
+
return _({
|
|
1898
1980
|
forward: o("forward"),
|
|
1899
1981
|
backward: o("backward")
|
|
1900
1982
|
});
|
|
1901
1983
|
};
|
|
1902
|
-
function
|
|
1984
|
+
function Vr(t = {}, e = {}) {
|
|
1903
1985
|
const { type: n = "directional" } = t;
|
|
1904
|
-
return
|
|
1905
|
-
|
|
1986
|
+
return O(
|
|
1987
|
+
Ro({ directional: n === "directional" }),
|
|
1906
1988
|
e.override
|
|
1907
1989
|
);
|
|
1908
1990
|
}
|
|
1909
|
-
const
|
|
1991
|
+
const Io = {
|
|
1910
1992
|
spring: { stiffness: 200, damping: 24 }
|
|
1911
|
-
},
|
|
1993
|
+
}, _o = {
|
|
1912
1994
|
inertia: { acceleration: 25, resistance: 1.2 }
|
|
1913
|
-
},
|
|
1914
|
-
function
|
|
1995
|
+
}, ut = 0.2;
|
|
1996
|
+
function Oo() {
|
|
1915
1997
|
return {
|
|
1916
|
-
enterPhysics:
|
|
1917
|
-
exitPhysics:
|
|
1998
|
+
enterPhysics: Io,
|
|
1999
|
+
exitPhysics: _o,
|
|
1918
2000
|
background: {
|
|
1919
2001
|
willChange: "transform, opacity",
|
|
1920
2002
|
enterStyle: (t, e) => ({
|
|
1921
|
-
transform: `scale(${1 -
|
|
2003
|
+
transform: `scale(${1 - ut * t})`,
|
|
1922
2004
|
opacity: e
|
|
1923
2005
|
}),
|
|
1924
2006
|
exitStyle: (t) => ({
|
|
1925
|
-
transform: `scale(${1 -
|
|
2007
|
+
transform: `scale(${1 - ut + ut * t})`,
|
|
1926
2008
|
opacity: t
|
|
1927
2009
|
})
|
|
1928
2010
|
}
|
|
1929
2011
|
};
|
|
1930
2012
|
}
|
|
1931
|
-
const
|
|
2013
|
+
const ko = {
|
|
1932
2014
|
spring: { stiffness: 200, damping: 24 }
|
|
1933
|
-
},
|
|
2015
|
+
}, Fo = {
|
|
1934
2016
|
inertia: { acceleration: 25, resistance: 1.2 }
|
|
1935
|
-
},
|
|
1936
|
-
function
|
|
2017
|
+
}, ft = 0.08, To = 16, ht = 0.6, Mo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
|
|
2018
|
+
function Do() {
|
|
1937
2019
|
return {
|
|
1938
|
-
enterPhysics:
|
|
1939
|
-
exitPhysics:
|
|
2020
|
+
enterPhysics: ko,
|
|
2021
|
+
exitPhysics: Fo,
|
|
1940
2022
|
background: {
|
|
1941
2023
|
willChange: "transform, opacity",
|
|
1942
2024
|
// enter: t 0 → 1 as the sheet rises. At rest (t = 0) the page is
|
|
1943
2025
|
// untouched; at peak it is shrunk and dimmed.
|
|
1944
2026
|
enterStyle: (t) => ({
|
|
1945
|
-
transform: `scale(${1 -
|
|
1946
|
-
opacity: 1 - (1 -
|
|
2027
|
+
transform: `scale(${1 - ft * t})`,
|
|
2028
|
+
opacity: 1 - (1 - ht) * t
|
|
1947
2029
|
}),
|
|
1948
2030
|
// exit: t 0 → 1 as the sheet falls away and the page returns to rest —
|
|
1949
2031
|
// the inverse ramp of enter.
|
|
1950
2032
|
exitStyle: (t) => ({
|
|
1951
|
-
transform: `scale(${1 -
|
|
1952
|
-
opacity:
|
|
2033
|
+
transform: `scale(${1 - ft + ft * t})`,
|
|
2034
|
+
opacity: ht + (1 - ht) * t
|
|
1953
2035
|
})
|
|
1954
2036
|
},
|
|
1955
2037
|
overlay: {
|
|
@@ -1967,27 +2049,27 @@ function Oo() {
|
|
|
1967
2049
|
// enter: 0 → MAX as the sheet rises (progress 0 → 1).
|
|
1968
2050
|
// exit: MAX → 0 as it falls (progress 0 → 1, so the visual is inverted).
|
|
1969
2051
|
style: (t, e) => {
|
|
1970
|
-
const n = t === "enter" ? e : 1 - e, o =
|
|
2052
|
+
const n = t === "enter" ? e : 1 - e, o = Mo(To * n);
|
|
1971
2053
|
return { backdropFilter: o, WebkitBackdropFilter: o };
|
|
1972
2054
|
}
|
|
1973
2055
|
}
|
|
1974
2056
|
};
|
|
1975
2057
|
}
|
|
1976
|
-
const
|
|
2058
|
+
const Yo = {
|
|
1977
2059
|
spring: {
|
|
1978
2060
|
stiffness: 190,
|
|
1979
2061
|
damping: 25
|
|
1980
2062
|
}
|
|
1981
|
-
},
|
|
2063
|
+
}, Lo = {
|
|
1982
2064
|
spring: {
|
|
1983
2065
|
stiffness: 190,
|
|
1984
2066
|
damping: 25
|
|
1985
2067
|
}
|
|
1986
2068
|
};
|
|
1987
|
-
function
|
|
2069
|
+
function Ho() {
|
|
1988
2070
|
return {
|
|
1989
|
-
enterPhysics:
|
|
1990
|
-
exitPhysics:
|
|
2071
|
+
enterPhysics: Yo,
|
|
2072
|
+
exitPhysics: Lo,
|
|
1991
2073
|
background: {
|
|
1992
2074
|
willChange: "",
|
|
1993
2075
|
enterStyle: () => ({}),
|
|
@@ -1995,155 +2077,155 @@ function To() {
|
|
|
1995
2077
|
}
|
|
1996
2078
|
};
|
|
1997
2079
|
}
|
|
1998
|
-
const
|
|
1999
|
-
static:
|
|
2000
|
-
"background-scale":
|
|
2001
|
-
blur:
|
|
2002
|
-
},
|
|
2003
|
-
const e =
|
|
2004
|
-
const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to",
|
|
2080
|
+
const No = {
|
|
2081
|
+
static: Ho(),
|
|
2082
|
+
"background-scale": Oo(),
|
|
2083
|
+
blur: Do()
|
|
2084
|
+
}, zo = "static", Wo = "transform", Vo = (t = {}) => {
|
|
2085
|
+
const e = No[t.type ?? zo], n = e.background, o = e.overlay, r = n.willChange !== "", i = (c) => {
|
|
2086
|
+
const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", d = s === "enter" ? e.enterPhysics : e.exitPhysics;
|
|
2005
2087
|
return {
|
|
2006
|
-
prepare: ({ from:
|
|
2007
|
-
const h = { from:
|
|
2088
|
+
prepare: ({ from: p, to: f, context: u, createElement: m }) => {
|
|
2089
|
+
const h = { from: p, to: f }[l], y = { from: p, to: f }[a];
|
|
2008
2090
|
h.then((g) => {
|
|
2009
|
-
g.style.willChange =
|
|
2010
|
-
}),
|
|
2011
|
-
|
|
2091
|
+
g.style.willChange = Wo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = T, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
|
|
2092
|
+
}), y.then((g) => {
|
|
2093
|
+
r && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = M, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
|
|
2012
2094
|
});
|
|
2013
2095
|
let b;
|
|
2014
|
-
return o && (b =
|
|
2096
|
+
return o && (b = m("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
|
|
2015
2097
|
},
|
|
2016
|
-
animation: ({ from:
|
|
2017
|
-
const h = { from:
|
|
2018
|
-
|
|
2098
|
+
animation: ({ from: p, to: f, context: u, overlay: m }) => {
|
|
2099
|
+
const h = { from: p, to: f }[l], y = { from: p, to: f }[a], b = H(u, l), g = () => {
|
|
2100
|
+
p.style.pointerEvents = "", p.style.zIndex = "";
|
|
2019
2101
|
}, S = () => {
|
|
2020
|
-
const x = s === "enter" ?
|
|
2021
|
-
|
|
2102
|
+
const x = s === "enter" ? T : M;
|
|
2103
|
+
f.style.position === "relative" && (f.style.position = ""), f.style.zIndex === x && (f.style.zIndex = "");
|
|
2022
2104
|
};
|
|
2023
2105
|
h.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
|
|
2024
2106
|
const $ = s === "enter" ? (x, E) => ({
|
|
2025
2107
|
transform: `translate3d(0, ${E * b.height}px, 0)`
|
|
2026
2108
|
}) : (x) => ({
|
|
2027
2109
|
transform: `translate3d(0, ${x * b.height}px, 0)`
|
|
2028
|
-
}),
|
|
2110
|
+
}), P = new w({
|
|
2029
2111
|
element: h,
|
|
2030
|
-
integrator: C.from(
|
|
2112
|
+
integrator: C.from(d),
|
|
2031
2113
|
style: $,
|
|
2032
2114
|
onComplete: () => {
|
|
2033
2115
|
h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", g(), S();
|
|
2034
2116
|
}
|
|
2035
2117
|
});
|
|
2036
|
-
|
|
2037
|
-
const
|
|
2038
|
-
sheet:
|
|
2039
|
-
background: new
|
|
2040
|
-
overlay: new
|
|
2118
|
+
G(P);
|
|
2119
|
+
const R = {
|
|
2120
|
+
sheet: P,
|
|
2121
|
+
background: new A([]),
|
|
2122
|
+
overlay: new A([])
|
|
2041
2123
|
};
|
|
2042
|
-
if (
|
|
2043
|
-
const x =
|
|
2044
|
-
x > 0 && (
|
|
2045
|
-
const E = H(u, a),
|
|
2046
|
-
|
|
2047
|
-
const
|
|
2048
|
-
element:
|
|
2049
|
-
integrator: C.from(
|
|
2050
|
-
style:
|
|
2124
|
+
if (r) {
|
|
2125
|
+
const x = y.scrollHeight;
|
|
2126
|
+
x > 0 && (y.style.height = `${x}px`);
|
|
2127
|
+
const E = H(u, a), k = E.left + E.width / 2, F = E.top + E.height / 2;
|
|
2128
|
+
y.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, y.style.transformOrigin = `${k}px ${F}px`;
|
|
2129
|
+
const v = s === "enter" ? (N, z) => n.enterStyle(N, z) : (N) => n.exitStyle(N), X = new w({
|
|
2130
|
+
element: y,
|
|
2131
|
+
integrator: C.from(d),
|
|
2132
|
+
style: v,
|
|
2051
2133
|
// The background is the reused outgoing (`from`) node on `enter` and
|
|
2052
2134
|
// the surviving incoming (`to`) node on `exit` — in both cases its
|
|
2053
2135
|
// inline styles must be cleared on settle so the reused node is not
|
|
2054
2136
|
// left scaled/faded/clipped the next time it is shown. releaseFill
|
|
2055
2137
|
// below drops the WAAPI fill so these resets actually take effect.
|
|
2056
2138
|
onComplete: () => {
|
|
2057
|
-
|
|
2139
|
+
y.style.willChange = "auto", y.style.backfaceVisibility = "", y.style.contain = "", y.style.clipPath = "", y.style.transformOrigin = "", y.style.transform = "", y.style.opacity = "", y.style.height = "";
|
|
2058
2140
|
}
|
|
2059
2141
|
});
|
|
2060
|
-
|
|
2142
|
+
G(X), R.background = X;
|
|
2061
2143
|
}
|
|
2062
|
-
if (
|
|
2063
|
-
|
|
2064
|
-
const x =
|
|
2065
|
-
|
|
2066
|
-
element:
|
|
2067
|
-
integrator: C.from(
|
|
2144
|
+
if (m && o) {
|
|
2145
|
+
m.style.zIndex = ie;
|
|
2146
|
+
const x = oe(u, "to");
|
|
2147
|
+
m.style.top = `${x.top}px`, m.style.height = `${x.height}px`, R.overlay = new w({
|
|
2148
|
+
element: m,
|
|
2149
|
+
integrator: C.from(d),
|
|
2068
2150
|
style: (E) => o.style(s, E)
|
|
2069
2151
|
});
|
|
2070
2152
|
}
|
|
2071
|
-
return new
|
|
2153
|
+
return new A(R, { mode: "parallel" });
|
|
2072
2154
|
}
|
|
2073
2155
|
};
|
|
2074
2156
|
};
|
|
2075
|
-
return
|
|
2076
|
-
forward:
|
|
2077
|
-
backward:
|
|
2157
|
+
return _({
|
|
2158
|
+
forward: i("forward"),
|
|
2159
|
+
backward: i("backward")
|
|
2078
2160
|
});
|
|
2079
2161
|
};
|
|
2080
|
-
function
|
|
2162
|
+
function Xo(t) {
|
|
2081
2163
|
return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
|
|
2082
2164
|
}
|
|
2083
|
-
function
|
|
2084
|
-
const n = t.type, o =
|
|
2085
|
-
return
|
|
2165
|
+
function Xr(t = {}, e = {}) {
|
|
2166
|
+
const n = t.type, o = Xo(n);
|
|
2167
|
+
return O(Vo({ type: o }), e.override);
|
|
2086
2168
|
}
|
|
2087
|
-
const
|
|
2088
|
-
const e = t.physics ??
|
|
2089
|
-
const
|
|
2169
|
+
const Bo = (t = {}) => {
|
|
2170
|
+
const e = t.physics ?? Fe, n = (o) => {
|
|
2171
|
+
const r = o === "forward" ? 100 : -100;
|
|
2090
2172
|
return {
|
|
2091
|
-
prepare: ({ from:
|
|
2173
|
+
prepare: ({ from: i, to: c }) => (i.then((s) => {
|
|
2092
2174
|
s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
|
|
2093
2175
|
}), c.then((s) => {
|
|
2094
|
-
s.style.transform = `translate3d(${
|
|
2176
|
+
s.style.transform = `translate3d(${r}%, 0, 0)`, s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
|
|
2095
2177
|
}), {}),
|
|
2096
|
-
animation: ({ from:
|
|
2178
|
+
animation: ({ from: i, to: c }) => {
|
|
2097
2179
|
const s = new w({
|
|
2098
|
-
element:
|
|
2180
|
+
element: i,
|
|
2099
2181
|
integrator: C.from(e),
|
|
2100
|
-
style: (a) => ({ transform: `translate3d(${100 *
|
|
2182
|
+
style: (a) => ({ transform: `translate3d(${100 * ot("slide", "out", o, a).x}%, 0, 0)` }),
|
|
2101
2183
|
// The outgoing node is the real Activity page and gets reused on the
|
|
2102
2184
|
// next navigation, so reset every inline style we wrote to it (mirror
|
|
2103
2185
|
// the incoming cleanup, plus the out-only pointerEvents).
|
|
2104
2186
|
onComplete: () => {
|
|
2105
|
-
|
|
2187
|
+
i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.pointerEvents = "";
|
|
2106
2188
|
}
|
|
2107
2189
|
}), l = new w({
|
|
2108
2190
|
element: c,
|
|
2109
2191
|
integrator: C.from(e),
|
|
2110
|
-
style: (a) => ({ transform: `translate3d(${100 *
|
|
2192
|
+
style: (a) => ({ transform: `translate3d(${100 * ot("slide", "in", o, a).x}%, 0, 0)` }),
|
|
2111
2193
|
onComplete: () => {
|
|
2112
2194
|
c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "", c.style.transform = "";
|
|
2113
2195
|
}
|
|
2114
2196
|
});
|
|
2115
|
-
return new
|
|
2197
|
+
return new A(
|
|
2116
2198
|
{ out: s, in: l },
|
|
2117
2199
|
{ mode: "parallel" }
|
|
2118
2200
|
);
|
|
2119
2201
|
}
|
|
2120
2202
|
};
|
|
2121
2203
|
};
|
|
2122
|
-
return
|
|
2204
|
+
return _({
|
|
2123
2205
|
forward: n("forward"),
|
|
2124
2206
|
backward: n("backward")
|
|
2125
2207
|
});
|
|
2126
2208
|
};
|
|
2127
|
-
function
|
|
2128
|
-
return
|
|
2209
|
+
function Br(t = {}, e = {}) {
|
|
2210
|
+
return O(Bo(), e.override);
|
|
2129
2211
|
}
|
|
2130
|
-
const
|
|
2212
|
+
const Uo = {
|
|
2131
2213
|
spring: { stiffness: 17, damping: 6 }
|
|
2132
|
-
},
|
|
2133
|
-
const e = t.physics ??
|
|
2134
|
-
prepare: ({ from: o, to:
|
|
2135
|
-
|
|
2136
|
-
}),
|
|
2137
|
-
|
|
2214
|
+
}, yt = 20, et = 800, Zo = (t = {}) => {
|
|
2215
|
+
const e = t.physics ?? Uo, n = {
|
|
2216
|
+
prepare: ({ from: o, to: r }) => (o.then((i) => {
|
|
2217
|
+
i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none", i.style.transform = `perspective(${et}px) rotateY(0deg) translate3d(0%, 0, 0)`;
|
|
2218
|
+
}), r.then((i) => {
|
|
2219
|
+
i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.transform = `perspective(${et}px) rotateY(${yt}deg) translate3d(-100%, 0, 0)`;
|
|
2138
2220
|
}), {}),
|
|
2139
|
-
animation: ({ from: o, to:
|
|
2140
|
-
const
|
|
2221
|
+
animation: ({ from: o, to: r }) => {
|
|
2222
|
+
const i = new w({
|
|
2141
2223
|
element: o,
|
|
2142
2224
|
integrator: C.from(e),
|
|
2143
2225
|
style: (s) => {
|
|
2144
|
-
const l = -s *
|
|
2226
|
+
const l = -s * yt, a = s * 100;
|
|
2145
2227
|
return {
|
|
2146
|
-
transform: `perspective(${
|
|
2228
|
+
transform: `perspective(${et}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
|
|
2147
2229
|
};
|
|
2148
2230
|
},
|
|
2149
2231
|
// The outgoing node is reused (Activity/cacheComponents re-hide it),
|
|
@@ -2153,33 +2235,33 @@ const zo = {
|
|
|
2153
2235
|
o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.pointerEvents = "";
|
|
2154
2236
|
}
|
|
2155
2237
|
}), c = new w({
|
|
2156
|
-
element:
|
|
2238
|
+
element: r,
|
|
2157
2239
|
integrator: C.from(e),
|
|
2158
2240
|
style: (s, l) => {
|
|
2159
|
-
const a = l *
|
|
2241
|
+
const a = l * yt, d = -l * 100;
|
|
2160
2242
|
return {
|
|
2161
|
-
transform: `perspective(${
|
|
2243
|
+
transform: `perspective(${et}px) rotateY(${a}deg) translate3d(${d}%, 0, 0)`
|
|
2162
2244
|
};
|
|
2163
2245
|
},
|
|
2164
2246
|
onComplete: () => {
|
|
2165
|
-
|
|
2247
|
+
r.style.transform = "", r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "";
|
|
2166
2248
|
}
|
|
2167
2249
|
});
|
|
2168
|
-
return new
|
|
2169
|
-
{ out:
|
|
2250
|
+
return new A(
|
|
2251
|
+
{ out: i, in: c },
|
|
2170
2252
|
{ mode: "sequence" }
|
|
2171
2253
|
);
|
|
2172
2254
|
}
|
|
2173
2255
|
};
|
|
2174
|
-
return
|
|
2256
|
+
return _({ forward: n, backward: n });
|
|
2175
2257
|
};
|
|
2176
|
-
function
|
|
2177
|
-
return
|
|
2258
|
+
function Ur(t = {}, e = {}) {
|
|
2259
|
+
return O(Zo(), e.override);
|
|
2178
2260
|
}
|
|
2179
|
-
function
|
|
2261
|
+
function jo(t, e) {
|
|
2180
2262
|
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;
|
|
2181
2263
|
}
|
|
2182
|
-
function
|
|
2264
|
+
function pe(t) {
|
|
2183
2265
|
const e = () => ({
|
|
2184
2266
|
enterContent: t.enterRect,
|
|
2185
2267
|
exitContent: t.exitRect,
|
|
@@ -2187,27 +2269,27 @@ function ce(t) {
|
|
|
2187
2269
|
scaleX: t.exitRect.width / t.enterRect.width,
|
|
2188
2270
|
scaleY: t.exitRect.height / t.enterRect.height
|
|
2189
2271
|
}), { enterMedia: n, exitMedia: o } = t;
|
|
2190
|
-
if (!n || !o || !
|
|
2191
|
-
const
|
|
2192
|
-
if (
|
|
2272
|
+
if (!n || !o || !ce(n, o)) return e();
|
|
2273
|
+
const r = n.content, i = o.content;
|
|
2274
|
+
if (r.width <= 0 || r.height <= 0 || i.width <= 0 || i.height <= 0)
|
|
2193
2275
|
return e();
|
|
2194
|
-
const c =
|
|
2195
|
-
i,
|
|
2276
|
+
const c = i.width / r.width, s = i.height / r.height, l = de(
|
|
2196
2277
|
r,
|
|
2278
|
+
i,
|
|
2197
2279
|
o.window,
|
|
2198
2280
|
c,
|
|
2199
2281
|
s
|
|
2200
2282
|
);
|
|
2201
|
-
return
|
|
2202
|
-
enterContent:
|
|
2203
|
-
exitContent:
|
|
2283
|
+
return jo(n.window, l) ? {
|
|
2284
|
+
enterContent: r,
|
|
2285
|
+
exitContent: i,
|
|
2204
2286
|
startWindow: l,
|
|
2205
2287
|
scaleX: c,
|
|
2206
2288
|
scaleY: s,
|
|
2207
2289
|
exitCornerRadii: o.cornerRadii
|
|
2208
2290
|
} : e();
|
|
2209
2291
|
}
|
|
2210
|
-
function
|
|
2292
|
+
function ue(t, e) {
|
|
2211
2293
|
return {
|
|
2212
2294
|
top: t.top,
|
|
2213
2295
|
right: e.width - (t.left + t.width),
|
|
@@ -2215,36 +2297,36 @@ function le(t, e) {
|
|
|
2215
2297
|
left: t.left
|
|
2216
2298
|
};
|
|
2217
2299
|
}
|
|
2218
|
-
function
|
|
2300
|
+
function Go(t, e, n) {
|
|
2219
2301
|
return {
|
|
2220
2302
|
x: t / Math.max(Math.abs(e), 1e-6),
|
|
2221
2303
|
y: t / Math.max(Math.abs(n), 1e-6)
|
|
2222
2304
|
};
|
|
2223
2305
|
}
|
|
2224
|
-
function
|
|
2306
|
+
function fe(t, e, n, o, r, i) {
|
|
2225
2307
|
return (n ?? [t]).map(
|
|
2226
|
-
(c) =>
|
|
2308
|
+
(c) => Go(
|
|
2227
2309
|
Math.max(0, c * o + e * (1 - o)),
|
|
2228
|
-
|
|
2229
|
-
|
|
2310
|
+
r,
|
|
2311
|
+
i
|
|
2230
2312
|
)
|
|
2231
2313
|
);
|
|
2232
2314
|
}
|
|
2233
|
-
function
|
|
2234
|
-
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius:
|
|
2315
|
+
function qo(t) {
|
|
2316
|
+
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = pe(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 - n.x, f = s.top - c.top + (s.height - c.height) / 2 - n.y, u = ue(l, e);
|
|
2235
2317
|
return {
|
|
2236
2318
|
transformOrigin: `${D(c)}px ${Y(c)}px`,
|
|
2237
|
-
animate: (
|
|
2238
|
-
const h = 1 -
|
|
2239
|
-
|
|
2319
|
+
animate: (m) => {
|
|
2320
|
+
const h = 1 - m, y = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = fe(
|
|
2321
|
+
r,
|
|
2240
2322
|
o,
|
|
2241
|
-
|
|
2323
|
+
i.exitCornerRadii,
|
|
2242
2324
|
h,
|
|
2243
|
-
|
|
2325
|
+
y,
|
|
2244
2326
|
b
|
|
2245
2327
|
);
|
|
2246
2328
|
return {
|
|
2247
|
-
clipPath:
|
|
2329
|
+
clipPath: _t(
|
|
2248
2330
|
e,
|
|
2249
2331
|
{
|
|
2250
2332
|
top: u.top * h,
|
|
@@ -2254,26 +2336,26 @@ function Bo(t) {
|
|
|
2254
2336
|
},
|
|
2255
2337
|
g
|
|
2256
2338
|
),
|
|
2257
|
-
transform: `translate(${
|
|
2339
|
+
transform: `translate(${p * h}px, ${f * h}px) scale(${y}, ${b})`
|
|
2258
2340
|
};
|
|
2259
2341
|
}
|
|
2260
2342
|
};
|
|
2261
2343
|
}
|
|
2262
|
-
function
|
|
2263
|
-
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius:
|
|
2344
|
+
function Ko(t) {
|
|
2345
|
+
const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = pe(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 + n.x, f = s.top - c.top + (s.height - c.height) / 2 + n.y, u = ue(l, e);
|
|
2264
2346
|
return {
|
|
2265
2347
|
transformOrigin: `${D(c)}px ${Y(c)}px`,
|
|
2266
|
-
animate: (
|
|
2267
|
-
const h = 1 -
|
|
2268
|
-
|
|
2348
|
+
animate: (m) => {
|
|
2349
|
+
const h = 1 - m, y = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = fe(
|
|
2350
|
+
r,
|
|
2269
2351
|
o,
|
|
2270
|
-
|
|
2352
|
+
i.exitCornerRadii,
|
|
2271
2353
|
h,
|
|
2272
|
-
|
|
2354
|
+
y,
|
|
2273
2355
|
b
|
|
2274
2356
|
);
|
|
2275
2357
|
return {
|
|
2276
|
-
clipPath:
|
|
2358
|
+
clipPath: _t(
|
|
2277
2359
|
e,
|
|
2278
2360
|
{
|
|
2279
2361
|
top: u.top * h,
|
|
@@ -2283,12 +2365,12 @@ function Uo(t) {
|
|
|
2283
2365
|
},
|
|
2284
2366
|
g
|
|
2285
2367
|
),
|
|
2286
|
-
transform: `translate(${
|
|
2368
|
+
transform: `translate(${p * h - n.x}px, ${f * h}px) scale(${y}, ${b})`
|
|
2287
2369
|
};
|
|
2288
2370
|
}
|
|
2289
2371
|
};
|
|
2290
2372
|
}
|
|
2291
|
-
const
|
|
2373
|
+
const Jo = {
|
|
2292
2374
|
spring: {
|
|
2293
2375
|
stiffness: 380,
|
|
2294
2376
|
damping: 30,
|
|
@@ -2299,30 +2381,30 @@ const Zo = {
|
|
|
2299
2381
|
damping: 30
|
|
2300
2382
|
}
|
|
2301
2383
|
}
|
|
2302
|
-
},
|
|
2303
|
-
function
|
|
2384
|
+
}, he = 0.12, Qo = 18;
|
|
2385
|
+
function tr() {
|
|
2304
2386
|
return {
|
|
2305
2387
|
transformOrigin: "50% 50%",
|
|
2306
2388
|
animate: (t) => {
|
|
2307
2389
|
const e = 1 - t;
|
|
2308
2390
|
return {
|
|
2309
|
-
transform: `scale(${1 -
|
|
2391
|
+
transform: `scale(${1 - he * e})`
|
|
2310
2392
|
};
|
|
2311
2393
|
}
|
|
2312
2394
|
};
|
|
2313
2395
|
}
|
|
2314
|
-
function
|
|
2396
|
+
function er() {
|
|
2315
2397
|
return {
|
|
2316
2398
|
transformOrigin: "50% 50%",
|
|
2317
2399
|
animate: (t) => {
|
|
2318
2400
|
const e = 1 - t;
|
|
2319
2401
|
return {
|
|
2320
|
-
transform: `scale(${1 -
|
|
2402
|
+
transform: `scale(${1 - he * e})`
|
|
2321
2403
|
};
|
|
2322
2404
|
}
|
|
2323
2405
|
};
|
|
2324
2406
|
}
|
|
2325
|
-
const
|
|
2407
|
+
const mt = {
|
|
2326
2408
|
willChange: "backdrop-filter",
|
|
2327
2409
|
// `top` + `height` are set per-transition in OverlayStrategy.contribute (they
|
|
2328
2410
|
// track the live scroll position), so they are intentionally omitted here.
|
|
@@ -2338,52 +2420,52 @@ const ht = {
|
|
|
2338
2420
|
WebkitBackdropFilter: "blur(0px)"
|
|
2339
2421
|
},
|
|
2340
2422
|
style: (t, e) => {
|
|
2341
|
-
const n = t === "enter" ? e : 1 - e, o = `blur(${
|
|
2423
|
+
const n = t === "enter" ? e : 1 - e, o = `blur(${Qo * n}px)`;
|
|
2342
2424
|
return {
|
|
2343
2425
|
backdropFilter: o,
|
|
2344
2426
|
WebkitBackdropFilter: o
|
|
2345
2427
|
};
|
|
2346
2428
|
}
|
|
2347
2429
|
};
|
|
2348
|
-
class
|
|
2430
|
+
class nr {
|
|
2349
2431
|
constructor() {
|
|
2350
|
-
|
|
2351
|
-
|
|
2432
|
+
I(this, "name", "background");
|
|
2433
|
+
I(this, "physics", Jo);
|
|
2352
2434
|
}
|
|
2353
2435
|
contribute(e) {
|
|
2354
|
-
const { from: n, to: o, resolved:
|
|
2436
|
+
const { from: n, to: o, resolved: r, physics: i } = e, c = r.mode === "enter", s = c ? n : o, l = c ? tr() : er();
|
|
2355
2437
|
return l && (s.style.transformOrigin = l.transformOrigin), [
|
|
2356
2438
|
new w({
|
|
2357
2439
|
element: s,
|
|
2358
|
-
integrator: C.from(
|
|
2359
|
-
style: c ? (a,
|
|
2440
|
+
integrator: C.from(i),
|
|
2441
|
+
style: c ? (a, d) => l.animate(d) : (a) => l.animate(a)
|
|
2360
2442
|
})
|
|
2361
2443
|
];
|
|
2362
2444
|
}
|
|
2363
2445
|
}
|
|
2364
|
-
class
|
|
2446
|
+
class or {
|
|
2365
2447
|
constructor() {
|
|
2366
|
-
|
|
2448
|
+
I(this, "name", "overlay");
|
|
2367
2449
|
}
|
|
2368
2450
|
prepare(e) {
|
|
2369
2451
|
const n = e.createElement("zoom-overlay");
|
|
2370
|
-
return Object.assign(n.style,
|
|
2452
|
+
return Object.assign(n.style, mt.initialStyle), n.style.willChange = mt.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
|
|
2371
2453
|
}
|
|
2372
2454
|
contribute(e) {
|
|
2373
2455
|
const n = e.extras.overlay;
|
|
2374
2456
|
if (!n) return [];
|
|
2375
|
-
n.style.zIndex =
|
|
2376
|
-
const o =
|
|
2457
|
+
n.style.zIndex = ie;
|
|
2458
|
+
const o = oe(e.context, "to");
|
|
2377
2459
|
return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
|
|
2378
2460
|
new w({
|
|
2379
2461
|
element: n,
|
|
2380
2462
|
integrator: C.from(e.physics),
|
|
2381
|
-
style: (
|
|
2463
|
+
style: (r) => mt.style(e.resolved.mode, r)
|
|
2382
2464
|
})
|
|
2383
2465
|
];
|
|
2384
2466
|
}
|
|
2385
2467
|
}
|
|
2386
|
-
const
|
|
2468
|
+
const rr = {
|
|
2387
2469
|
spring: {
|
|
2388
2470
|
stiffness: 380,
|
|
2389
2471
|
damping: 30,
|
|
@@ -2393,172 +2475,172 @@ const Qo = {
|
|
|
2393
2475
|
}
|
|
2394
2476
|
}
|
|
2395
2477
|
};
|
|
2396
|
-
function
|
|
2478
|
+
function ir({
|
|
2397
2479
|
enterRect: t,
|
|
2398
2480
|
exitRect: e,
|
|
2399
2481
|
scrollOffset: n
|
|
2400
2482
|
}) {
|
|
2401
|
-
const o = t.left - e.left + (t.width - e.width) / 2 + n.x,
|
|
2483
|
+
const o = t.left - e.left + (t.width - e.width) / 2 + n.x, r = t.top - e.top + (t.height - e.height) / 2 + n.y, i = t.width / e.width, c = t.height / e.height, s = Math.max(i, c);
|
|
2402
2484
|
return {
|
|
2403
2485
|
transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
|
|
2404
2486
|
animate: (l) => {
|
|
2405
2487
|
const a = 1 - l;
|
|
2406
2488
|
return {
|
|
2407
|
-
transform: `translate(${o * a - n.x}px, ${
|
|
2489
|
+
transform: `translate(${o * a - n.x}px, ${r * a}px) scale(${1 + (s - 1) * a})`
|
|
2408
2490
|
};
|
|
2409
2491
|
}
|
|
2410
2492
|
};
|
|
2411
2493
|
}
|
|
2412
|
-
function
|
|
2494
|
+
function sr({
|
|
2413
2495
|
enterRect: t,
|
|
2414
2496
|
exitRect: e,
|
|
2415
2497
|
scrollOffset: n
|
|
2416
2498
|
}) {
|
|
2417
|
-
const o = t.left - e.left + (t.width - e.width) / 2 - n.x,
|
|
2499
|
+
const o = t.left - e.left + (t.width - e.width) / 2 - n.x, r = t.top - e.top + (t.height - e.height) / 2 - n.y, i = t.width / e.width, c = t.height / e.height, s = Math.max(i, c);
|
|
2418
2500
|
return {
|
|
2419
2501
|
transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
|
|
2420
2502
|
animate: (l) => {
|
|
2421
2503
|
const a = 1 - l;
|
|
2422
2504
|
return {
|
|
2423
|
-
transform: `translate(${o * a}px, ${
|
|
2505
|
+
transform: `translate(${o * a}px, ${r * a}px) scale(${1 + (s - 1) * a})`
|
|
2424
2506
|
};
|
|
2425
2507
|
}
|
|
2426
2508
|
};
|
|
2427
2509
|
}
|
|
2428
|
-
class
|
|
2510
|
+
class ar {
|
|
2429
2511
|
constructor() {
|
|
2430
|
-
|
|
2431
|
-
|
|
2512
|
+
I(this, "name", "background");
|
|
2513
|
+
I(this, "physics", rr);
|
|
2432
2514
|
}
|
|
2433
2515
|
contribute(e) {
|
|
2434
|
-
const { from: n, to: o, resolved:
|
|
2516
|
+
const { from: n, to: o, resolved: r, input: i, physics: c } = e, s = r.mode === "enter", l = s ? n : o, a = s ? ir(i) : sr(i);
|
|
2435
2517
|
return a && (l.style.transformOrigin = a.transformOrigin), [
|
|
2436
2518
|
new w({
|
|
2437
2519
|
element: l,
|
|
2438
2520
|
integrator: C.from(c),
|
|
2439
|
-
style: s ? (
|
|
2521
|
+
style: s ? (d, p) => a.animate(p) : (d) => a.animate(d)
|
|
2440
2522
|
})
|
|
2441
2523
|
];
|
|
2442
2524
|
}
|
|
2443
2525
|
}
|
|
2444
|
-
const
|
|
2526
|
+
const cr = {
|
|
2445
2527
|
spring: {
|
|
2446
2528
|
stiffness: 530,
|
|
2447
2529
|
damping: 34,
|
|
2448
2530
|
doubleSpring: 1
|
|
2449
2531
|
}
|
|
2450
2532
|
};
|
|
2451
|
-
class
|
|
2533
|
+
class lr {
|
|
2452
2534
|
constructor() {
|
|
2453
|
-
|
|
2454
|
-
|
|
2535
|
+
I(this, "name", "background");
|
|
2536
|
+
I(this, "physics", cr);
|
|
2455
2537
|
}
|
|
2456
2538
|
contribute(e) {
|
|
2457
2539
|
return [];
|
|
2458
2540
|
}
|
|
2459
2541
|
}
|
|
2460
|
-
const
|
|
2461
|
-
expand: () => new
|
|
2462
|
-
static: () => new
|
|
2463
|
-
blur: () => new
|
|
2542
|
+
const dr = {
|
|
2543
|
+
expand: () => new ar(),
|
|
2544
|
+
static: () => new lr(),
|
|
2545
|
+
blur: () => new nr()
|
|
2464
2546
|
};
|
|
2465
|
-
function
|
|
2466
|
-
return
|
|
2547
|
+
function pr(t) {
|
|
2548
|
+
return dr[t]();
|
|
2467
2549
|
}
|
|
2468
|
-
const
|
|
2469
|
-
function
|
|
2550
|
+
const vt = "data-zoom-enter-key", Jt = "data-zoom-exit-key", Qt = "data-zoom-radius";
|
|
2551
|
+
function ur(t, e) {
|
|
2470
2552
|
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;
|
|
2471
2553
|
}
|
|
2472
|
-
function
|
|
2554
|
+
function fr(t, e) {
|
|
2473
2555
|
const n = [];
|
|
2474
2556
|
let o = e;
|
|
2475
2557
|
for (; o && o !== t; ) {
|
|
2476
|
-
const
|
|
2477
|
-
if (!
|
|
2478
|
-
for (const
|
|
2479
|
-
|
|
2480
|
-
o =
|
|
2558
|
+
const r = o.parentElement;
|
|
2559
|
+
if (!r) break;
|
|
2560
|
+
for (const i of Array.from(r.children))
|
|
2561
|
+
i !== o && i instanceof HTMLElement && n.push(i);
|
|
2562
|
+
o = r;
|
|
2481
2563
|
}
|
|
2482
2564
|
return n;
|
|
2483
2565
|
}
|
|
2484
|
-
function
|
|
2485
|
-
const e = t.querySelectorAll(`[${
|
|
2566
|
+
function te(t) {
|
|
2567
|
+
const e = t.querySelectorAll(`[${vt}]`);
|
|
2486
2568
|
return e.length !== 1 ? null : e[0];
|
|
2487
2569
|
}
|
|
2488
|
-
function
|
|
2489
|
-
const n = t.querySelectorAll(`[${
|
|
2570
|
+
function ee(t, e) {
|
|
2571
|
+
const n = t.querySelectorAll(`[${Jt}]`);
|
|
2490
2572
|
for (const o of n)
|
|
2491
|
-
if (o.getAttribute(
|
|
2573
|
+
if (o.getAttribute(Jt) === e)
|
|
2492
2574
|
return o;
|
|
2493
2575
|
return null;
|
|
2494
2576
|
}
|
|
2495
|
-
function
|
|
2577
|
+
function hr(t, e, n) {
|
|
2496
2578
|
if (n === "forward") {
|
|
2497
|
-
const c =
|
|
2579
|
+
const c = te(e);
|
|
2498
2580
|
if (!c) return null;
|
|
2499
|
-
const s = c.getAttribute(
|
|
2581
|
+
const s = c.getAttribute(vt);
|
|
2500
2582
|
if (!s) return null;
|
|
2501
|
-
const l =
|
|
2583
|
+
const l = ee(t, s);
|
|
2502
2584
|
return l ? { mode: "enter", enterEl: c, exitEl: l } : null;
|
|
2503
2585
|
}
|
|
2504
|
-
const o =
|
|
2586
|
+
const o = te(t);
|
|
2505
2587
|
if (!o) return null;
|
|
2506
|
-
const
|
|
2507
|
-
if (!
|
|
2508
|
-
const
|
|
2509
|
-
return
|
|
2588
|
+
const r = o.getAttribute(vt);
|
|
2589
|
+
if (!r) return null;
|
|
2590
|
+
const i = ee(e, r);
|
|
2591
|
+
return i ? { mode: "exit", enterEl: o, exitEl: i } : null;
|
|
2510
2592
|
}
|
|
2511
|
-
function
|
|
2512
|
-
const
|
|
2593
|
+
function yr(t, e, n, o) {
|
|
2594
|
+
const r = t.mode === "enter" ? n : e, i = t.mode === "enter" ? e : n, c = L(r, t.enterEl), s = L(i, t.exitEl), l = $t(
|
|
2513
2595
|
t.enterEl,
|
|
2514
2596
|
c,
|
|
2515
|
-
(
|
|
2597
|
+
(y) => L(r, y),
|
|
2516
2598
|
{
|
|
2517
|
-
clipRoot:
|
|
2518
|
-
legacyRadiusAttribute:
|
|
2599
|
+
clipRoot: r,
|
|
2600
|
+
legacyRadiusAttribute: Qt
|
|
2519
2601
|
}
|
|
2520
|
-
), a =
|
|
2602
|
+
), a = $t(
|
|
2521
2603
|
t.exitEl,
|
|
2522
2604
|
s,
|
|
2523
|
-
(
|
|
2605
|
+
(y) => L(i, y),
|
|
2524
2606
|
{
|
|
2525
|
-
clipRoot:
|
|
2526
|
-
legacyRadiusAttribute:
|
|
2607
|
+
clipRoot: i,
|
|
2608
|
+
legacyRadiusAttribute: Qt
|
|
2527
2609
|
}
|
|
2528
|
-
), [
|
|
2610
|
+
), [d, p] = le(l, a), f = d.contentAware && p.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), m = {
|
|
2529
2611
|
left: 0,
|
|
2530
2612
|
top: 0,
|
|
2531
2613
|
width: u.width,
|
|
2532
2614
|
height: u.height
|
|
2533
|
-
}, h =
|
|
2615
|
+
}, h = d.radiusSource === "legacy" || ur(d.window, m) ? d.radius : 0;
|
|
2534
2616
|
return {
|
|
2535
2617
|
enterRect: c,
|
|
2536
2618
|
exitRect: s,
|
|
2537
|
-
...
|
|
2538
|
-
enterMedia:
|
|
2539
|
-
exitMedia:
|
|
2619
|
+
...f ? {
|
|
2620
|
+
enterMedia: d,
|
|
2621
|
+
exitMedia: p
|
|
2540
2622
|
} : {},
|
|
2541
2623
|
pageRect: u,
|
|
2542
2624
|
scrollOffset: o,
|
|
2543
2625
|
enterRadius: h,
|
|
2544
|
-
exitRadius:
|
|
2626
|
+
exitRadius: p.radius
|
|
2545
2627
|
};
|
|
2546
2628
|
}
|
|
2547
|
-
const
|
|
2548
|
-
function
|
|
2549
|
-
const e =
|
|
2629
|
+
const gt = /* @__PURE__ */ new WeakMap();
|
|
2630
|
+
function mr(t) {
|
|
2631
|
+
const e = gt.get(t) ?? {
|
|
2550
2632
|
opacity: t.style.opacity,
|
|
2551
2633
|
users: 0
|
|
2552
2634
|
};
|
|
2553
|
-
e.users++,
|
|
2635
|
+
e.users++, gt.set(t, e), t.style.opacity = "0";
|
|
2554
2636
|
let n = !1;
|
|
2555
2637
|
return () => {
|
|
2556
|
-
n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity),
|
|
2638
|
+
n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), gt.delete(t)));
|
|
2557
2639
|
};
|
|
2558
2640
|
}
|
|
2559
|
-
class
|
|
2641
|
+
class gr {
|
|
2560
2642
|
constructor() {
|
|
2561
|
-
|
|
2643
|
+
I(this, "name", "tile");
|
|
2562
2644
|
}
|
|
2563
2645
|
prepare(e) {
|
|
2564
2646
|
e.from.then((n) => {
|
|
@@ -2566,89 +2648,89 @@ class ui {
|
|
|
2566
2648
|
});
|
|
2567
2649
|
}
|
|
2568
2650
|
contribute(e) {
|
|
2569
|
-
const { from: n, to: o, resolved:
|
|
2570
|
-
s(
|
|
2571
|
-
const
|
|
2572
|
-
n.style.zIndex =
|
|
2573
|
-
const h = o.style.zIndex,
|
|
2651
|
+
const { from: n, to: o, resolved: r, input: i, physics: c, onComplete: s } = e, l = r.mode === "enter", a = l ? qo(i) : Ko(i), d = l ? o : n, p = l ? "t" : "u";
|
|
2652
|
+
s(mr(r.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
|
|
2653
|
+
const f = l ? M : T, u = l ? T : M, m = n.style.zIndex;
|
|
2654
|
+
n.style.zIndex = f;
|
|
2655
|
+
const h = o.style.zIndex, y = o.style.position;
|
|
2574
2656
|
return o.style.zIndex = u, o.style.position = "relative", s(() => {
|
|
2575
|
-
|
|
2657
|
+
d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.transformOrigin = "", d.style.contain = "", n.style.zIndex = m, o.style.zIndex === u && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = y), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
|
|
2576
2658
|
}), [
|
|
2577
2659
|
new w({
|
|
2578
|
-
element:
|
|
2660
|
+
element: d,
|
|
2579
2661
|
integrator: C.from(c),
|
|
2580
2662
|
// Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
|
|
2581
2663
|
// the legacy convention from v5's outAnim path. Either way, feed
|
|
2582
2664
|
// the progress that matches the tileConfig's authored direction.
|
|
2583
|
-
style:
|
|
2665
|
+
style: p === "t" ? (b) => a.animate(b) : (b, g) => a.animate(g)
|
|
2584
2666
|
})
|
|
2585
2667
|
];
|
|
2586
2668
|
}
|
|
2587
2669
|
}
|
|
2588
|
-
class
|
|
2670
|
+
class br {
|
|
2589
2671
|
constructor() {
|
|
2590
|
-
|
|
2672
|
+
I(this, "name", "content");
|
|
2591
2673
|
}
|
|
2592
2674
|
contribute(e) {
|
|
2593
|
-
const { resolved: n, physics: o, from:
|
|
2675
|
+
const { resolved: n, physics: o, from: r, to: i, onComplete: c } = e, s = n.mode === "enter" ? i : r, l = fr(s, n.enterEl);
|
|
2594
2676
|
if (l.length === 0) return [];
|
|
2595
|
-
const a = l.map((
|
|
2677
|
+
const a = l.map((d) => d.style.opacity);
|
|
2596
2678
|
if (n.mode === "enter")
|
|
2597
|
-
for (const
|
|
2679
|
+
for (const d of l) d.style.opacity = "0";
|
|
2598
2680
|
return c(() => {
|
|
2599
|
-
for (let
|
|
2600
|
-
const
|
|
2601
|
-
|
|
2681
|
+
for (let d = 0; d < l.length; d++) {
|
|
2682
|
+
const p = l[d];
|
|
2683
|
+
p && (p.style.opacity = a[d] ?? "");
|
|
2602
2684
|
}
|
|
2603
2685
|
}), l.map(
|
|
2604
|
-
(
|
|
2605
|
-
element:
|
|
2686
|
+
(d) => new w({
|
|
2687
|
+
element: d,
|
|
2606
2688
|
integrator: C.from(o),
|
|
2607
|
-
style: (
|
|
2608
|
-
opacity: n.mode === "enter" ?
|
|
2689
|
+
style: (p, f) => ({
|
|
2690
|
+
opacity: n.mode === "enter" ? p : f
|
|
2609
2691
|
})
|
|
2610
2692
|
})
|
|
2611
2693
|
);
|
|
2612
2694
|
}
|
|
2613
2695
|
}
|
|
2614
|
-
class
|
|
2696
|
+
class wr {
|
|
2615
2697
|
constructor() {
|
|
2616
|
-
|
|
2698
|
+
I(this, "name", "content");
|
|
2617
2699
|
}
|
|
2618
2700
|
contribute() {
|
|
2619
2701
|
return [];
|
|
2620
2702
|
}
|
|
2621
2703
|
}
|
|
2622
|
-
const
|
|
2623
|
-
default: () => new
|
|
2624
|
-
fade: () => new
|
|
2704
|
+
const Sr = {
|
|
2705
|
+
default: () => new wr(),
|
|
2706
|
+
fade: () => new br()
|
|
2625
2707
|
};
|
|
2626
|
-
function
|
|
2627
|
-
return
|
|
2708
|
+
function xr(t) {
|
|
2709
|
+
return Sr[t]();
|
|
2628
2710
|
}
|
|
2629
|
-
function
|
|
2630
|
-
const e =
|
|
2711
|
+
function Cr(t) {
|
|
2712
|
+
const e = pr(t.type);
|
|
2631
2713
|
return { strategies: [
|
|
2632
|
-
new
|
|
2714
|
+
new gr(),
|
|
2633
2715
|
e,
|
|
2634
|
-
|
|
2716
|
+
xr(t.variant),
|
|
2635
2717
|
// Overlay is intrinsically tied to backdrop-filter-driven types. Today
|
|
2636
2718
|
// that's only `blur`; the table-driven factory above owns the mapping
|
|
2637
2719
|
// so this conditional is the single line that knows the relationship.
|
|
2638
|
-
...t.type === "blur" ? [new
|
|
2720
|
+
...t.type === "blur" ? [new or()] : []
|
|
2639
2721
|
], physics: e.physics };
|
|
2640
2722
|
}
|
|
2641
|
-
const
|
|
2642
|
-
const { strategies: e, physics: n } =
|
|
2643
|
-
prepare: (
|
|
2723
|
+
const Er = (t) => {
|
|
2724
|
+
const { strategies: e, physics: n } = Cr(t), o = (r) => ({
|
|
2725
|
+
prepare: (i) => {
|
|
2644
2726
|
const c = {
|
|
2645
|
-
from:
|
|
2646
|
-
to:
|
|
2647
|
-
context: { positionedParent:
|
|
2727
|
+
from: i.from,
|
|
2728
|
+
to: i.to,
|
|
2729
|
+
context: { positionedParent: i.context.positionedParent },
|
|
2648
2730
|
// `createElement` from the dispatcher is generic over tag; the
|
|
2649
2731
|
// strategy interface narrows the cast to keep both signatures
|
|
2650
2732
|
// compatible.
|
|
2651
|
-
createElement:
|
|
2733
|
+
createElement: i.createElement
|
|
2652
2734
|
}, s = {};
|
|
2653
2735
|
for (const l of e) {
|
|
2654
2736
|
if (!l.prepare) continue;
|
|
@@ -2657,38 +2739,38 @@ const bi = (t) => {
|
|
|
2657
2739
|
}
|
|
2658
2740
|
return s;
|
|
2659
2741
|
},
|
|
2660
|
-
animation: ({ from:
|
|
2742
|
+
animation: ({ from: i, to: c, context: s, ...l }) => {
|
|
2661
2743
|
var b;
|
|
2662
|
-
const a =
|
|
2744
|
+
const a = hr(i, c, r);
|
|
2663
2745
|
if (!a)
|
|
2664
|
-
return
|
|
2746
|
+
return j({
|
|
2665
2747
|
tile: [],
|
|
2666
2748
|
background: [],
|
|
2667
2749
|
content: [],
|
|
2668
2750
|
overlay: []
|
|
2669
2751
|
});
|
|
2670
|
-
const
|
|
2671
|
-
from:
|
|
2752
|
+
const d = yr(a, i, c, s.scrollOffset), p = [], u = {
|
|
2753
|
+
from: i,
|
|
2672
2754
|
to: c,
|
|
2673
2755
|
resolved: a,
|
|
2674
|
-
input:
|
|
2756
|
+
input: d,
|
|
2675
2757
|
physics: n,
|
|
2676
2758
|
context: s,
|
|
2677
2759
|
extras: l,
|
|
2678
2760
|
onComplete: (g) => {
|
|
2679
|
-
|
|
2761
|
+
p.push(g);
|
|
2680
2762
|
}
|
|
2681
|
-
},
|
|
2763
|
+
}, m = {
|
|
2682
2764
|
tile: [],
|
|
2683
2765
|
background: [],
|
|
2684
2766
|
content: [],
|
|
2685
2767
|
overlay: []
|
|
2686
2768
|
};
|
|
2687
2769
|
for (const g of e)
|
|
2688
|
-
|
|
2689
|
-
const h = Object.values(
|
|
2690
|
-
|
|
2691
|
-
for (const g of
|
|
2770
|
+
m[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, u)) ?? []);
|
|
2771
|
+
const h = Object.values(m).flat(), y = j(m);
|
|
2772
|
+
y.onComplete = () => {
|
|
2773
|
+
for (const g of p)
|
|
2692
2774
|
try {
|
|
2693
2775
|
g();
|
|
2694
2776
|
} catch (S) {
|
|
@@ -2696,29 +2778,29 @@ const bi = (t) => {
|
|
|
2696
2778
|
}
|
|
2697
2779
|
};
|
|
2698
2780
|
for (const g of h)
|
|
2699
|
-
g instanceof w &&
|
|
2700
|
-
return
|
|
2781
|
+
g instanceof w && G(g);
|
|
2782
|
+
return y;
|
|
2701
2783
|
}
|
|
2702
2784
|
});
|
|
2703
|
-
return
|
|
2785
|
+
return _({
|
|
2704
2786
|
forward: o("forward"),
|
|
2705
2787
|
backward: o("backward")
|
|
2706
2788
|
});
|
|
2707
2789
|
};
|
|
2708
|
-
function
|
|
2790
|
+
function $r(t) {
|
|
2709
2791
|
const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
|
|
2710
2792
|
return { type: e, variant: n };
|
|
2711
2793
|
}
|
|
2712
|
-
function
|
|
2713
|
-
const n =
|
|
2714
|
-
return
|
|
2794
|
+
function Zr(t = {}, e = {}) {
|
|
2795
|
+
const n = $r(t);
|
|
2796
|
+
return O(Er(n), e.override);
|
|
2715
2797
|
}
|
|
2716
|
-
const
|
|
2717
|
-
function
|
|
2718
|
-
const n = Math.sqrt(t), o = e / (2 * n),
|
|
2719
|
-
return { duration:
|
|
2798
|
+
const ne = 1 / 60, Pr = 600;
|
|
2799
|
+
function Ar(t, e) {
|
|
2800
|
+
const n = Math.sqrt(t), o = e / (2 * n), r = 2 * Math.PI / n, i = o <= 1 ? 1 - o : 1 / o - 1;
|
|
2801
|
+
return { duration: r, bounce: i, zeta: o };
|
|
2720
2802
|
}
|
|
2721
|
-
function
|
|
2803
|
+
function Q(t) {
|
|
2722
2804
|
if (!Number.isFinite(t.stiffness) || t.stiffness <= 0)
|
|
2723
2805
|
throw new Error("spring(): stiffness must be finite and > 0");
|
|
2724
2806
|
if (!Number.isFinite(t.damping) || t.damping < 0)
|
|
@@ -2731,40 +2813,40 @@ function J(t) {
|
|
|
2731
2813
|
throw new Error(`spring(): ${e} must be finite and > 0`);
|
|
2732
2814
|
return C.from({ spring: t });
|
|
2733
2815
|
}
|
|
2734
|
-
function
|
|
2816
|
+
function vr(t) {
|
|
2735
2817
|
let e = { position: 0, velocity: 0 };
|
|
2736
|
-
for (let n = 1; n <=
|
|
2737
|
-
if (e = t.step(e, 1,
|
|
2818
|
+
for (let n = 1; n <= Pr; n++)
|
|
2819
|
+
if (e = t.step(e, 1, ne), e.position >= 1) return n * ne * 1e3;
|
|
2738
2820
|
return 1 / 0;
|
|
2739
2821
|
}
|
|
2740
|
-
function
|
|
2822
|
+
function Rr(t) {
|
|
2741
2823
|
const { duration: e, resistance: n = 1.5, restDelta: o } = t;
|
|
2742
2824
|
if (!Number.isFinite(e) || !(e > 0))
|
|
2743
2825
|
throw new Error("easeIn(): duration must be finite and > 0");
|
|
2744
|
-
const
|
|
2745
|
-
let
|
|
2826
|
+
const r = e * 1e3;
|
|
2827
|
+
let i = 0.01, c = 1e6;
|
|
2746
2828
|
for (let s = 0; s < 60; s++) {
|
|
2747
|
-
const l = Math.sqrt(
|
|
2829
|
+
const l = Math.sqrt(i * c), a = new wt({
|
|
2748
2830
|
acceleration: l,
|
|
2749
2831
|
resistance: n,
|
|
2750
2832
|
restDelta: o
|
|
2751
2833
|
});
|
|
2752
|
-
|
|
2834
|
+
vr(a) > r ? i = l : c = l;
|
|
2753
2835
|
}
|
|
2754
|
-
return new
|
|
2836
|
+
return new wt({ acceleration: c, resistance: n, restDelta: o });
|
|
2755
2837
|
}
|
|
2756
|
-
class
|
|
2838
|
+
class ye {
|
|
2757
2839
|
constructor(e, n) {
|
|
2758
2840
|
if (this.inner = e, this.factor = n, !Number.isFinite(n) || !(n > 0))
|
|
2759
2841
|
throw new Error("scale(): factor must be finite and > 0");
|
|
2760
2842
|
}
|
|
2761
2843
|
step(e, n, o) {
|
|
2762
|
-
const
|
|
2844
|
+
const r = Math.max(1, Math.ceil(this.factor)), i = o * this.factor / r;
|
|
2763
2845
|
let c = {
|
|
2764
2846
|
...e,
|
|
2765
2847
|
velocity: e.velocity / this.factor
|
|
2766
2848
|
};
|
|
2767
|
-
for (let s = 0; s <
|
|
2849
|
+
for (let s = 0; s < r; s++) c = this.inner.step(c, n, i);
|
|
2768
2850
|
return { ...c, velocity: c.velocity * this.factor };
|
|
2769
2851
|
}
|
|
2770
2852
|
isSettled(e, n) {
|
|
@@ -2774,13 +2856,13 @@ class ue {
|
|
|
2774
2856
|
);
|
|
2775
2857
|
}
|
|
2776
2858
|
}
|
|
2777
|
-
function
|
|
2778
|
-
return new
|
|
2859
|
+
function jr(t, e) {
|
|
2860
|
+
return new ye(t, e);
|
|
2779
2861
|
}
|
|
2780
|
-
function
|
|
2781
|
-
const e =
|
|
2782
|
-
if (t instanceof
|
|
2783
|
-
const o =
|
|
2862
|
+
function Ir(t) {
|
|
2863
|
+
const e = Ie(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
|
|
2864
|
+
if (t instanceof ye) {
|
|
2865
|
+
const o = Ir(t.inner);
|
|
2784
2866
|
return {
|
|
2785
2867
|
...o,
|
|
2786
2868
|
kind: "scaled",
|
|
@@ -2788,61 +2870,61 @@ function $i(t) {
|
|
|
2788
2870
|
settleMs: n
|
|
2789
2871
|
};
|
|
2790
2872
|
}
|
|
2791
|
-
return t instanceof
|
|
2792
|
-
kind: t instanceof
|
|
2793
|
-
...
|
|
2873
|
+
return t instanceof bt || t instanceof _e ? {
|
|
2874
|
+
kind: t instanceof bt ? "spring" : "double-spring",
|
|
2875
|
+
...Ar(t.stiffness, t.damping),
|
|
2794
2876
|
settleMs: n
|
|
2795
|
-
} : t instanceof
|
|
2877
|
+
} : t instanceof wt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
|
|
2796
2878
|
}
|
|
2797
|
-
const
|
|
2879
|
+
const Gr = Q({
|
|
2798
2880
|
stiffness: 246.74011002723395,
|
|
2799
2881
|
damping: 31.41592653589793
|
|
2800
|
-
}),
|
|
2882
|
+
}), qr = Q({
|
|
2801
2883
|
stiffness: 438.6490844928604,
|
|
2802
2884
|
damping: 35.604716740684324
|
|
2803
|
-
}),
|
|
2885
|
+
}), Kr = Q({
|
|
2804
2886
|
stiffness: 194.9551486634935,
|
|
2805
2887
|
damping: 19.54768762233649
|
|
2806
|
-
}),
|
|
2888
|
+
}), Jr = Q({
|
|
2807
2889
|
stiffness: 130.5071656342394,
|
|
2808
2890
|
damping: 22.84794657156213
|
|
2809
|
-
}),
|
|
2891
|
+
}), Qr = Q({
|
|
2810
2892
|
stiffness: 986.9604401089358,
|
|
2811
2893
|
damping: 62.83185307179586
|
|
2812
|
-
}),
|
|
2894
|
+
}), ti = Rr({ duration: 0.2 });
|
|
2813
2895
|
export {
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2896
|
+
oi as Animation,
|
|
2897
|
+
_e as DoubleSpringIntegrator,
|
|
2898
|
+
wt as InertiaIntegrator,
|
|
2817
2899
|
C as IntegratorProvider,
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2900
|
+
Te as LinearIntegrator,
|
|
2901
|
+
A as MultiAnimation,
|
|
2902
|
+
ye as ScaledIntegrator,
|
|
2903
|
+
bt as SpringIntegrator,
|
|
2822
2904
|
w as WebAnimation,
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
|
|
2905
|
+
ti as accelerate,
|
|
2906
|
+
Mr as axis,
|
|
2907
|
+
Dr as blind,
|
|
2908
|
+
Kr as bouncy,
|
|
2909
|
+
_ as defineTransition,
|
|
2910
|
+
Ir as describeIntegrator,
|
|
2911
|
+
Yr as drill,
|
|
2912
|
+
Rr as easeIn,
|
|
2913
|
+
Lr as fade,
|
|
2914
|
+
Hr as film,
|
|
2915
|
+
Jr as gentle,
|
|
2916
|
+
Nr as hero,
|
|
2917
|
+
zr as jaemin,
|
|
2918
|
+
Wr as rotate,
|
|
2919
|
+
jr as scale,
|
|
2920
|
+
Vr as scroll,
|
|
2921
|
+
Xr as sheet,
|
|
2922
|
+
Br as slide,
|
|
2923
|
+
Gr as smooth,
|
|
2924
|
+
qr as snappy,
|
|
2925
|
+
Q as spring,
|
|
2926
|
+
Ur as strip,
|
|
2927
|
+
Qr as swift,
|
|
2928
|
+
O as withOverride,
|
|
2929
|
+
Zr as zoom
|
|
2848
2930
|
};
|