@latte-macchiat-io/latte-vanilla-components 0.0.117 → 0.0.119
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.js +3 -3
- package/dist/index.es.js +573 -567
- package/dist/latte-vanilla-components.css +1 -0
- package/dist/types/components/Main/index.d.ts +1 -3
- package/dist/types/components/Main/stories.d.ts +1 -1
- package/dist/types/components/Main/styles.css.d.ts +4 -0
- package/package.json +7 -2
package/dist/index.es.js
CHANGED
@@ -768,7 +768,7 @@ function ul() {
|
|
768
768
|
}
|
769
769
|
}
|
770
770
|
}
|
771
|
-
var m = l, E = c, M = a, y = s, b = e, x = u, C = i, O = p,
|
771
|
+
var m = l, E = c, M = a, y = s, b = e, x = u, C = i, O = p, z = h, q = n, X = o, U = r, k = f, _ = !1;
|
772
772
|
function at(R) {
|
773
773
|
return _ || (_ = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), it(R) || V(R) === l;
|
774
774
|
}
|
@@ -808,7 +808,7 @@ function ul() {
|
|
808
808
|
function Gt(R) {
|
809
809
|
return V(R) === f;
|
810
810
|
}
|
811
|
-
$.AsyncMode = m, $.ConcurrentMode = E, $.ContextConsumer = M, $.ContextProvider = y, $.Element = b, $.ForwardRef = x, $.Fragment = C, $.Lazy = O, $.Memo =
|
811
|
+
$.AsyncMode = m, $.ConcurrentMode = E, $.ContextConsumer = M, $.ContextProvider = y, $.Element = b, $.ForwardRef = x, $.Fragment = C, $.Lazy = O, $.Memo = z, $.Portal = q, $.Profiler = X, $.StrictMode = U, $.Suspense = k, $.isAsyncMode = at, $.isConcurrentMode = it, $.isContextConsumer = Ft, $.isContextProvider = It, $.isElement = bt, $.isForwardRef = gt, $.isFragment = Bt, $.isLazy = pt, $.isMemo = $t, $.isPortal = St, $.isProfiler = wt, $.isStrictMode = Wt, $.isSuspense = Gt, $.isValidElementType = T, $.typeOf = V;
|
812
812
|
}()), $;
|
813
813
|
}
|
814
814
|
var Ji;
|
@@ -1154,9 +1154,9 @@ const Un = [
|
|
1154
1154
|
768,
|
1155
1155
|
1024,
|
1156
1156
|
1680
|
1157
|
-
], P = Un.map((t) =>
|
1157
|
+
], P = Un.map((t) => `(min-width: ${t}px)`), W = (t, e) => {
|
1158
1158
|
for (const n in e)
|
1159
|
-
e.hasOwnProperty(n) && (e[n] instanceof Object && t[n] instanceof Object ? t[n] =
|
1159
|
+
e.hasOwnProperty(n) && (e[n] instanceof Object && t[n] instanceof Object ? t[n] = W(t[n], e[n]) : t[n] = e[n]);
|
1160
1160
|
return t;
|
1161
1161
|
}, Ml = D.button(
|
1162
1162
|
({
|
@@ -1170,7 +1170,7 @@ const Un = [
|
|
1170
1170
|
isOutlined: h,
|
1171
1171
|
isSecondary: p,
|
1172
1172
|
staticColor: g
|
1173
|
-
}) =>
|
1173
|
+
}) => W(
|
1174
1174
|
{
|
1175
1175
|
minWidth: t,
|
1176
1176
|
fontWeight: n,
|
@@ -1468,7 +1468,7 @@ const Ol = D.div(
|
|
1468
1468
|
theme: {
|
1469
1469
|
actions: { gap: n, paddingTop: i }
|
1470
1470
|
}
|
1471
|
-
}) =>
|
1471
|
+
}) => W(
|
1472
1472
|
{
|
1473
1473
|
gap: n / 2,
|
1474
1474
|
width: "100%",
|
@@ -1485,7 +1485,7 @@ const Ol = D.div(
|
|
1485
1485
|
},
|
1486
1486
|
e
|
1487
1487
|
)
|
1488
|
-
),
|
1488
|
+
), Ip = ({ children: t, styles: e = {}, theme: n = j, align: i = be.Left }) => /* @__PURE__ */ A(Ol, { theme: n, align: i, styles: e, children: t }), kl = {
|
1489
1489
|
caret: "M8.12 9.29 12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7a.9959.9959 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0",
|
1490
1490
|
close: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4",
|
1491
1491
|
arrowBack: "M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 0 0-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1",
|
@@ -1505,7 +1505,7 @@ const Ol = D.div(
|
|
1505
1505
|
socialX: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z",
|
1506
1506
|
socialYoutube: "M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z"
|
1507
1507
|
}, Fl = D.svg(
|
1508
|
-
({ styles: t }) =>
|
1508
|
+
({ styles: t }) => W(
|
1509
1509
|
{
|
1510
1510
|
margin: "0 auto",
|
1511
1511
|
display: "inline-block",
|
@@ -1532,7 +1532,7 @@ const Bl = D.div(
|
|
1532
1532
|
modal: { overlayBlur: t, overlayOpacity: e, overlayBackgroundColor: n }
|
1533
1533
|
},
|
1534
1534
|
styles: i
|
1535
|
-
}) =>
|
1535
|
+
}) => W(
|
1536
1536
|
{
|
1537
1537
|
zIndex: 100,
|
1538
1538
|
position: "fixed",
|
@@ -1617,7 +1617,7 @@ const Bl = D.div(
|
|
1617
1617
|
"&:hover": {
|
1618
1618
|
transform: "scale(1.2)"
|
1619
1619
|
}
|
1620
|
-
}),
|
1620
|
+
}), Bp = ({
|
1621
1621
|
children: t,
|
1622
1622
|
styles: e = {},
|
1623
1623
|
align: n = nn.Left,
|
@@ -1627,7 +1627,7 @@ const Bl = D.div(
|
|
1627
1627
|
r && /* @__PURE__ */ A(jl, { onClick: r, children: /* @__PURE__ */ A(Lt, { theme: i, icon: "close" }) }),
|
1628
1628
|
t
|
1629
1629
|
] }) }), _l = D.div(
|
1630
|
-
({ styles: t, isVideoFullWidth: e }) =>
|
1630
|
+
({ styles: t, isVideoFullWidth: e }) => W(
|
1631
1631
|
{
|
1632
1632
|
video: {
|
1633
1633
|
top: "50%",
|
@@ -1852,7 +1852,7 @@ const Bl = D.div(
|
|
1852
1852
|
l && /* @__PURE__ */ A(Gl, { theme: c, isMuted: r, onClick: m, "aria-label": "Sound", children: /* @__PURE__ */ A(Lt, { icon: S ? "volumeUp" : "volumeMute", size: 28, theme: c }) })
|
1853
1853
|
] });
|
1854
1854
|
}, Hl = D.div(
|
1855
|
-
({ styles: t }) =>
|
1855
|
+
({ styles: t }) => W(
|
1856
1856
|
{
|
1857
1857
|
img: {
|
1858
1858
|
width: "100%",
|
@@ -1862,14 +1862,14 @@ const Bl = D.div(
|
|
1862
1862
|
},
|
1863
1863
|
t
|
1864
1864
|
)
|
1865
|
-
),
|
1865
|
+
), $p = ({ children: t, styles: e = {}, theme: n = j }) => /* @__PURE__ */ A(Hl, { theme: n, styles: e, children: t }), Yl = D.div(
|
1866
1866
|
({
|
1867
1867
|
styles: t,
|
1868
1868
|
isFullWidth: e,
|
1869
1869
|
theme: {
|
1870
1870
|
global: { paddingLeft: n, paddingRight: i }
|
1871
1871
|
}
|
1872
|
-
}) =>
|
1872
|
+
}) => W(
|
1873
1873
|
{
|
1874
1874
|
overflow: "hidden",
|
1875
1875
|
position: "relative",
|
@@ -1987,7 +1987,7 @@ function ec() {
|
|
1987
1987
|
return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
|
1988
1988
|
}, []), t;
|
1989
1989
|
}
|
1990
|
-
const
|
1990
|
+
const jp = ({
|
1991
1991
|
data: t,
|
1992
1992
|
styles: e = {},
|
1993
1993
|
displayItem: n = 1,
|
@@ -2029,10 +2029,10 @@ const Fp = ({
|
|
2029
2029
|
let x = 0, C = 0;
|
2030
2030
|
const O = (U) => {
|
2031
2031
|
x = U.changedTouches[0].screenX;
|
2032
|
-
},
|
2032
|
+
}, z = (U) => {
|
2033
2033
|
C = U.changedTouches[0].screenX, b(x, C);
|
2034
2034
|
};
|
2035
|
-
(q = E.current) == null || q.addEventListener("touchstart", (U) => O(U), { passive: !0 }), (X = E.current) == null || X.addEventListener("touchend", (U) =>
|
2035
|
+
(q = E.current) == null || q.addEventListener("touchstart", (U) => O(U), { passive: !0 }), (X = E.current) == null || X.addEventListener("touchend", (U) => z(U), { passive: !0 });
|
2036
2036
|
}, []), ut(() => {
|
2037
2037
|
const C = (V - 1) * u;
|
2038
2038
|
y.current && T((p - C) / V);
|
@@ -2173,9 +2173,9 @@ function sc() {
|
|
2173
2173
|
function n(y, b) {
|
2174
2174
|
var x = y == null ? null : typeof Symbol < "u" && y[Symbol.iterator] || y["@@iterator"];
|
2175
2175
|
if (x != null) {
|
2176
|
-
var C, O,
|
2176
|
+
var C, O, z, q, X = [], U = !0, k = !1;
|
2177
2177
|
try {
|
2178
|
-
if (
|
2178
|
+
if (z = (x = x.call(y)).next, b !== 0) for (; !(U = (C = z.call(x)).done) && (X.push(C.value), X.length !== b); U = !0) ;
|
2179
2179
|
} catch (_) {
|
2180
2180
|
k = !0, O = _;
|
2181
2181
|
} finally {
|
@@ -2243,18 +2243,18 @@ function sc() {
|
|
2243
2243
|
}
|
2244
2244
|
function c(y, b) {
|
2245
2245
|
if (y == null) return {};
|
2246
|
-
var x = {}, C = Object.keys(y), O,
|
2247
|
-
for (
|
2248
|
-
O = C[
|
2246
|
+
var x = {}, C = Object.keys(y), O, z;
|
2247
|
+
for (z = 0; z < C.length; z++)
|
2248
|
+
O = C[z], !(b.indexOf(O) >= 0) && (x[O] = y[O]);
|
2249
2249
|
return x;
|
2250
2250
|
}
|
2251
2251
|
function u(y, b) {
|
2252
2252
|
if (y == null) return {};
|
2253
2253
|
var x = c(y, b), C, O;
|
2254
2254
|
if (Object.getOwnPropertySymbols) {
|
2255
|
-
var
|
2256
|
-
for (O = 0; O <
|
2257
|
-
C =
|
2255
|
+
var z = Object.getOwnPropertySymbols(y);
|
2256
|
+
for (O = 0; O < z.length; O++)
|
2257
|
+
C = z[O], !(b.indexOf(C) >= 0) && Object.prototype.propertyIsEnumerable.call(y, C) && (x[C] = y[C]);
|
2258
2258
|
}
|
2259
2259
|
return x;
|
2260
2260
|
}
|
@@ -2293,10 +2293,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
2293
2293
|
}, []);
|
2294
2294
|
}
|
2295
2295
|
var w = function(b, x) {
|
2296
|
-
var C = x.decimal, O = x.decimals,
|
2296
|
+
var C = x.decimal, O = x.decimals, z = x.duration, q = x.easingFn, X = x.end, U = x.formattingFn, k = x.numerals, _ = x.prefix, at = x.separator, it = x.start, Ft = x.suffix, It = x.useEasing, bt = x.useGrouping, gt = x.useIndianSeparators, Bt = x.enableScrollSpy, pt = x.scrollSpyDelay, $t = x.scrollSpyOnce, St = x.plugin;
|
2297
2297
|
return new e.CountUp(b, X, {
|
2298
2298
|
startVal: it,
|
2299
|
-
duration:
|
2299
|
+
duration: z,
|
2300
2300
|
decimal: C,
|
2301
2301
|
decimalPlaces: O,
|
2302
2302
|
easingFn: q,
|
@@ -2333,7 +2333,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
2333
2333
|
return Kt !== void 0;
|
2334
2334
|
})), C = t.useMemo(function() {
|
2335
2335
|
return r(r({}, V), x);
|
2336
|
-
}, [b]), O = C.ref,
|
2336
|
+
}, [b]), O = C.ref, z = C.startOnMount, q = C.enableReinitialize, X = C.delay, U = C.onEnd, k = C.onStart, _ = C.onPauseResume, at = C.onReset, it = C.onUpdate, Ft = u(C, T), It = t.useRef(), bt = t.useRef(), gt = t.useRef(!1), Bt = v(function() {
|
2337
2337
|
return w(typeof O == "string" ? O : O.current, Ft);
|
2338
2338
|
}), pt = v(function(lt) {
|
2339
2339
|
var Ct = It.current;
|
@@ -2378,7 +2378,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
2378
2378
|
}), Gt = v(function() {
|
2379
2379
|
wt(), $t();
|
2380
2380
|
}), R = v(function(lt) {
|
2381
|
-
|
2381
|
+
z && (lt && wt(), $t());
|
2382
2382
|
});
|
2383
2383
|
return t.useEffect(function() {
|
2384
2384
|
gt.current ? q && R(!0) : (gt.current = !0, R());
|
@@ -2394,9 +2394,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
2394
2394
|
getCountUp: pt
|
2395
2395
|
};
|
2396
2396
|
}, E = ["className", "redraw", "containerProps", "children", "style"], M = function(b) {
|
2397
|
-
var x = b.className, C = b.redraw, O = b.containerProps,
|
2397
|
+
var x = b.className, C = b.redraw, O = b.containerProps, z = b.children, q = b.style, X = u(b, E), U = t.useRef(null), k = t.useRef(!1), _ = m(r(r({}, X), {}, {
|
2398
2398
|
ref: U,
|
2399
|
-
startOnMount: typeof
|
2399
|
+
startOnMount: typeof z != "function" || b.delay === 0,
|
2400
2400
|
// component manually restarts
|
2401
2401
|
enableReinitialize: !1
|
2402
2402
|
})), at = _.start, it = _.reset, Ft = _.update, It = _.pauseResume, bt = _.getCountUp, gt = v(function() {
|
@@ -2422,7 +2422,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
2422
2422
|
!C && k.current && gt();
|
2423
2423
|
}, [gt, C, b.start, b.suffix, b.prefix, b.duration, b.separator, b.decimals, b.decimal, b.className, b.formattingFn]), t.useEffect(function() {
|
2424
2424
|
k.current = !0;
|
2425
|
-
}, []), typeof
|
2425
|
+
}, []), typeof z == "function" ? z({
|
2426
2426
|
countUpRef: U,
|
2427
2427
|
start: at,
|
2428
2428
|
reset: it,
|
@@ -2557,7 +2557,7 @@ function hc({
|
|
2557
2557
|
return w.ref = w[0], w.inView = w[1], w.entry = w[2], w;
|
2558
2558
|
}
|
2559
2559
|
const pc = D.div(
|
2560
|
-
({ styles: t }) =>
|
2560
|
+
({ styles: t }) => W(
|
2561
2561
|
{
|
2562
2562
|
display: "flex",
|
2563
2563
|
flexDirection: "column"
|
@@ -2574,7 +2574,7 @@ const pc = D.div(
|
|
2574
2574
|
fontSize: "2.5em",
|
2575
2575
|
lineHeight: "1em"
|
2576
2576
|
}
|
2577
|
-
}),
|
2577
|
+
}), _p = ({ label: t, suffix: e, keyNumber: n, styles: i = {}, theme: r = j }) => {
|
2578
2578
|
const [o, s] = hc({
|
2579
2579
|
threshold: 0.3,
|
2580
2580
|
triggerOnce: !0
|
@@ -2592,7 +2592,7 @@ const pc = D.div(
|
|
2592
2592
|
theme: {
|
2593
2593
|
global: { maxWidth: e, paddingLeft: n, paddingRight: i }
|
2594
2594
|
}
|
2595
|
-
}) =>
|
2595
|
+
}) => W(
|
2596
2596
|
{
|
2597
2597
|
height: 0,
|
2598
2598
|
width: "100vw",
|
@@ -2616,7 +2616,7 @@ const pc = D.div(
|
|
2616
2616
|
},
|
2617
2617
|
t
|
2618
2618
|
)
|
2619
|
-
),
|
2619
|
+
), Np = ({
|
2620
2620
|
video: t,
|
2621
2621
|
poster: e,
|
2622
2622
|
isAutoPlay: n,
|
@@ -2630,7 +2630,7 @@ const pc = D.div(
|
|
2630
2630
|
theme: {
|
2631
2631
|
languageSwitcher: { width: e }
|
2632
2632
|
}
|
2633
|
-
}) =>
|
2633
|
+
}) => W(
|
2634
2634
|
{
|
2635
2635
|
width: e[0],
|
2636
2636
|
marginLeft: "auto",
|
@@ -2694,7 +2694,7 @@ const pc = D.div(
|
|
2694
2694
|
outline: "none"
|
2695
2695
|
}
|
2696
2696
|
})
|
2697
|
-
),
|
2697
|
+
), Up = ({
|
2698
2698
|
currentLocale: t,
|
2699
2699
|
handleChange: e,
|
2700
2700
|
locales: n,
|
@@ -2704,29 +2704,35 @@ const pc = D.div(
|
|
2704
2704
|
}) => /* @__PURE__ */ ht(yc, { theme: r, styles: i, children: [
|
2705
2705
|
/* @__PURE__ */ A(vc, { children: /* @__PURE__ */ A(Lt, { theme: r, icon: "caret" }) }),
|
2706
2706
|
/* @__PURE__ */ A(xc, { theme: r, value: t, onChange: e, "aria-label": "Switch Language", children: n.map((s, a) => /* @__PURE__ */ A("option", { value: s, disabled: s === t, children: o[s] }, `locale-${a}`)) })
|
2707
|
-
] })
|
2708
|
-
|
2709
|
-
|
2710
|
-
|
2711
|
-
|
2707
|
+
] });
|
2708
|
+
function bc(t) {
|
2709
|
+
var e = t.match(/^var\((.*)\)$/);
|
2710
|
+
return e ? e[1] : t;
|
2711
|
+
}
|
2712
|
+
function Sc(t, e) {
|
2713
|
+
var n = {};
|
2714
|
+
{
|
2715
|
+
var i = t;
|
2716
|
+
for (var r in i) {
|
2717
|
+
var o = i[r];
|
2718
|
+
o != null && (n[bc(r)] = o);
|
2712
2719
|
}
|
2713
|
-
}
|
2714
|
-
|
2715
|
-
|
2716
|
-
|
2717
|
-
flex: "1 1 auto",
|
2718
|
-
minHeight: "45vh",
|
2719
|
-
textAlign: "center",
|
2720
|
-
alignItems: "center",
|
2721
|
-
flexDirection: "column",
|
2722
|
-
justifyContent: "center",
|
2723
|
-
[P[1]]: {
|
2724
|
-
minHeight: n
|
2725
|
-
}
|
2720
|
+
}
|
2721
|
+
return Object.defineProperty(n, "toString", {
|
2722
|
+
value: function() {
|
2723
|
+
return Object.keys(this).map((a) => "".concat(a, ":").concat(this[a])).join(";");
|
2726
2724
|
},
|
2727
|
-
|
2728
|
-
)
|
2729
|
-
|
2725
|
+
writable: !1
|
2726
|
+
}), n;
|
2727
|
+
}
|
2728
|
+
var wc = "var(--_1wp326d0)", Tc = "var(--_1wp326d1)", Cc = "_1wp326d2";
|
2729
|
+
const zp = ({ children: t, theme: e = j }) => {
|
2730
|
+
const { main: { backgroundColor: n, minHeight: i } } = e;
|
2731
|
+
return /* @__PURE__ */ A("main", { className: Cc, style: Sc({
|
2732
|
+
[wc]: i,
|
2733
|
+
[Tc]: n
|
2734
|
+
}), children: t });
|
2735
|
+
}, Pc = D.div(
|
2730
2736
|
({
|
2731
2737
|
isOpen: t,
|
2732
2738
|
theme: {
|
@@ -2761,9 +2767,9 @@ const pc = D.div(
|
|
2761
2767
|
gap: e[3]
|
2762
2768
|
}
|
2763
2769
|
})
|
2764
|
-
),
|
2770
|
+
), Ac = ({ isOpen: t, theme: e = j, children: n }) => (ut(() => {
|
2765
2771
|
document.getElementsByTagName("html")[0].style.overflow = "", t && (document.getElementsByTagName("html")[0].style.overflow = "hidden");
|
2766
|
-
}, [t]), /* @__PURE__ */ A(
|
2772
|
+
}, [t]), /* @__PURE__ */ A(Pc, { isOpen: t, theme: e, children: n })), Vc = D.header(
|
2767
2773
|
({
|
2768
2774
|
styles: t,
|
2769
2775
|
isFixed: e,
|
@@ -2771,7 +2777,7 @@ const pc = D.div(
|
|
2771
2777
|
global: { paddingLeft: n, paddingRight: i },
|
2772
2778
|
header: { height: r, gap: o, backgroundColor: s, paddingTop: a, paddingBottom: l }
|
2773
2779
|
}
|
2774
|
-
}) =>
|
2780
|
+
}) => W(
|
2775
2781
|
{
|
2776
2782
|
zIndex: 30,
|
2777
2783
|
gap: o[0],
|
@@ -2819,7 +2825,7 @@ const pc = D.div(
|
|
2819
2825
|
},
|
2820
2826
|
t
|
2821
2827
|
)
|
2822
|
-
),
|
2828
|
+
), Ec = D.div(
|
2823
2829
|
({
|
2824
2830
|
theme: {
|
2825
2831
|
header: { height: t }
|
@@ -2836,7 +2842,7 @@ const pc = D.div(
|
|
2836
2842
|
height: t[3]
|
2837
2843
|
}
|
2838
2844
|
})
|
2839
|
-
),
|
2845
|
+
), Rc = D.button(({ displayOnDesktop: t }) => ({
|
2840
2846
|
border: 0,
|
2841
2847
|
width: 25,
|
2842
2848
|
height: 12,
|
@@ -2870,12 +2876,12 @@ const pc = D.div(
|
|
2870
2876
|
transform: t ? "rotate(-45deg) translate(4px, -3px)" : "none"
|
2871
2877
|
}
|
2872
2878
|
})
|
2873
|
-
),
|
2879
|
+
), Mc = ({ onToggleNav: t, theme: e = j, isNavOpen: n = !1, displayOnDesktop: i }) => /* @__PURE__ */ ht(Rc, { onClick: () => {
|
2874
2880
|
window.scrollTo({ top: 0, behavior: "smooth" }), t();
|
2875
2881
|
}, "aria-label": "Toggle nav", displayOnDesktop: i, children: [
|
2876
2882
|
/* @__PURE__ */ A(cr, { theme: e, isNavOpen: n }),
|
2877
2883
|
/* @__PURE__ */ A(cr, { theme: e, isNavOpen: n })
|
2878
|
-
] }),
|
2884
|
+
] }), Wp = ({
|
2879
2885
|
children: t,
|
2880
2886
|
styles: e = {},
|
2881
2887
|
isFixed: n = !1,
|
@@ -2886,21 +2892,21 @@ const pc = D.div(
|
|
2886
2892
|
}) => {
|
2887
2893
|
const [a, l] = xt(!1);
|
2888
2894
|
return /* @__PURE__ */ ht(Rl, { children: [
|
2889
|
-
/* @__PURE__ */ ht(
|
2890
|
-
i && /* @__PURE__ */ A(
|
2895
|
+
/* @__PURE__ */ ht(Vc, { theme: r, styles: e, isFixed: n, children: [
|
2896
|
+
i && /* @__PURE__ */ A(Ac, { theme: r, isOpen: a, children: i }),
|
2891
2897
|
t,
|
2892
|
-
!o && /* @__PURE__ */ A(
|
2898
|
+
!o && /* @__PURE__ */ A(Mc, { theme: r, isNavOpen: a, onToggleNav: () => l(!a), displayOnDesktop: s })
|
2893
2899
|
] }),
|
2894
|
-
n && /* @__PURE__ */ A(
|
2900
|
+
n && /* @__PURE__ */ A(Ec, { theme: r })
|
2895
2901
|
] });
|
2896
|
-
},
|
2902
|
+
}, Dc = D.footer(
|
2897
2903
|
({
|
2898
2904
|
styles: t,
|
2899
2905
|
theme: {
|
2900
2906
|
global: { paddingLeft: e, paddingRight: n },
|
2901
2907
|
footer: { gap: i, backgroundColor: r, paddingTop: o, paddingBottom: s }
|
2902
2908
|
}
|
2903
|
-
}) =>
|
2909
|
+
}) => W(
|
2904
2910
|
{
|
2905
2911
|
zIndex: 20,
|
2906
2912
|
gap: i[0],
|
@@ -2945,9 +2951,9 @@ const pc = D.div(
|
|
2945
2951
|
},
|
2946
2952
|
t
|
2947
2953
|
)
|
2948
|
-
),
|
2954
|
+
), Gp = ({ children: t, styles: e = {}, theme: n = j }) => /* @__PURE__ */ A(Dc, { theme: n, styles: e, children: t });
|
2949
2955
|
var Se = /* @__PURE__ */ ((t) => (t[t.Center = 0] = "Center", t[t.Left = 1] = "Left", t[t.Right = 2] = "Right", t))(Se || {});
|
2950
|
-
const
|
2956
|
+
const Lc = D.div(({ theme: t, styles: e, align: n, columns: i, isCentered: r, isInverted: o }) => {
|
2951
2957
|
const s = {
|
2952
2958
|
width: "100%",
|
2953
2959
|
display: "flex",
|
@@ -2983,8 +2989,8 @@ const Ec = D.div(({ theme: t, styles: e, align: n, columns: i, isCentered: r, is
|
|
2983
2989
|
}
|
2984
2990
|
}
|
2985
2991
|
}));
|
2986
|
-
return
|
2987
|
-
}),
|
2992
|
+
return W(Object.assign(s, ...a), e);
|
2993
|
+
}), Kp = ({
|
2988
2994
|
columns: t,
|
2989
2995
|
children: e,
|
2990
2996
|
styles: n = {},
|
@@ -2992,7 +2998,7 @@ const Ec = D.div(({ theme: t, styles: e, align: n, columns: i, isCentered: r, is
|
|
2992
2998
|
isCentered: r = !1,
|
2993
2999
|
isInverted: o = !1,
|
2994
3000
|
theme: s = j
|
2995
|
-
}) => /* @__PURE__ */ A(
|
3001
|
+
}) => /* @__PURE__ */ A(Lc, { align: i, theme: s, columns: t, isCentered: r, isInverted: o, styles: n, children: e }), Ws = ue({});
|
2996
3002
|
function Gs(t) {
|
2997
3003
|
const e = _t(null);
|
2998
3004
|
return e.current === null && (e.current = t()), e.current;
|
@@ -3002,7 +3008,7 @@ const di = /* @__PURE__ */ ue(null), Ks = ue({
|
|
3002
3008
|
isStatic: !1,
|
3003
3009
|
reducedMotion: "never"
|
3004
3010
|
});
|
3005
|
-
function
|
3011
|
+
function Oc(t = !0) {
|
3006
3012
|
const e = st(di);
|
3007
3013
|
if (e === null)
|
3008
3014
|
return [!0, null];
|
@@ -3030,7 +3036,7 @@ function pi(t) {
|
|
3030
3036
|
const ae = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
|
3031
3037
|
const i = e - t;
|
3032
3038
|
return i === 0 ? 1 : (n - t) / i;
|
3033
|
-
}, Et = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, Ot = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3,
|
3039
|
+
}, Et = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, Ot = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, kc = {
|
3034
3040
|
skipAnimations: !1,
|
3035
3041
|
useManualTiming: !1
|
3036
3042
|
}, Ge = [
|
@@ -3047,7 +3053,7 @@ const ae = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
|
|
3047
3053
|
"postRender"
|
3048
3054
|
// Compute
|
3049
3055
|
];
|
3050
|
-
function
|
3056
|
+
function Fc(t, e) {
|
3051
3057
|
let n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = !1, o = !1;
|
3052
3058
|
const s = /* @__PURE__ */ new WeakSet();
|
3053
3059
|
let a = {
|
@@ -3085,16 +3091,16 @@ function Dc(t, e) {
|
|
3085
3091
|
};
|
3086
3092
|
return c;
|
3087
3093
|
}
|
3088
|
-
const
|
3094
|
+
const Ic = 40;
|
3089
3095
|
function Ys(t, e) {
|
3090
3096
|
let n = !1, i = !0;
|
3091
3097
|
const r = {
|
3092
3098
|
delta: 0,
|
3093
3099
|
timestamp: 0,
|
3094
3100
|
isProcessing: !1
|
3095
|
-
}, o = () => n = !0, s = Ge.reduce((v, w) => (v[w] =
|
3101
|
+
}, o = () => n = !0, s = Ge.reduce((v, w) => (v[w] = Fc(o), v), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: f, postRender: d } = s, h = () => {
|
3096
3102
|
const v = performance.now();
|
3097
|
-
n = !1, r.delta = i ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp,
|
3103
|
+
n = !1, r.delta = i ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, Ic), 1), r.timestamp = v, r.isProcessing = !0, a.process(r), l.process(r), c.process(r), u.process(r), f.process(r), d.process(r), r.isProcessing = !1, n && e && (i = !1, t(h));
|
3098
3104
|
}, p = () => {
|
3099
3105
|
n = !0, i = !0, r.isProcessing || t(h);
|
3100
3106
|
};
|
@@ -3130,14 +3136,14 @@ for (const t in ur)
|
|
3130
3136
|
le[t] = {
|
3131
3137
|
isEnabled: (e) => ur[t].some((n) => !!e[n])
|
3132
3138
|
};
|
3133
|
-
function
|
3139
|
+
function Bc(t) {
|
3134
3140
|
for (const e in t)
|
3135
3141
|
le[e] = {
|
3136
3142
|
...le[e],
|
3137
3143
|
...t[e]
|
3138
3144
|
};
|
3139
3145
|
}
|
3140
|
-
const
|
3146
|
+
const $c = /* @__PURE__ */ new Set([
|
3141
3147
|
"animate",
|
3142
3148
|
"exit",
|
3143
3149
|
"variants",
|
@@ -3170,17 +3176,17 @@ const kc = /* @__PURE__ */ new Set([
|
|
3170
3176
|
"viewport"
|
3171
3177
|
]);
|
3172
3178
|
function sn(t) {
|
3173
|
-
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") ||
|
3179
|
+
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || $c.has(t);
|
3174
3180
|
}
|
3175
3181
|
let Xs = (t) => !sn(t);
|
3176
|
-
function
|
3182
|
+
function jc(t) {
|
3177
3183
|
t && (Xs = (e) => e.startsWith("on") ? !sn(e) : t(e));
|
3178
3184
|
}
|
3179
3185
|
try {
|
3180
|
-
|
3186
|
+
jc(require("@emotion/is-prop-valid").default);
|
3181
3187
|
} catch {
|
3182
3188
|
}
|
3183
|
-
function
|
3189
|
+
function _c(t, e, n) {
|
3184
3190
|
const i = {};
|
3185
3191
|
for (const r in t)
|
3186
3192
|
r === "values" && typeof t.values == "object" || (Xs(r) || n === !0 && sn(r) || !e && !sn(r) || // If trying to use native HTML drag events, forward drag listeners
|
@@ -3191,7 +3197,7 @@ const fr = /* @__PURE__ */ new Set();
|
|
3191
3197
|
function yn(t, e, n) {
|
3192
3198
|
t || fr.has(e) || (console.warn(e), fr.add(e));
|
3193
3199
|
}
|
3194
|
-
function
|
3200
|
+
function Nc(t) {
|
3195
3201
|
if (typeof Proxy > "u")
|
3196
3202
|
return t;
|
3197
3203
|
const e = /* @__PURE__ */ new Map(), n = (...i) => (process.env.NODE_ENV !== "production" && yn(!1, "motion() is deprecated. Use motion.create() instead."), t(...i));
|
@@ -3226,7 +3232,7 @@ function bn(t) {
|
|
3226
3232
|
function Zs(t) {
|
3227
3233
|
return !!(bn(t) || t.variants);
|
3228
3234
|
}
|
3229
|
-
function
|
3235
|
+
function Uc(t, e) {
|
3230
3236
|
if (bn(t)) {
|
3231
3237
|
const { initial: n, animate: i } = t;
|
3232
3238
|
return {
|
@@ -3236,18 +3242,18 @@ function $c(t, e) {
|
|
3236
3242
|
}
|
3237
3243
|
return t.inherit !== !1 ? e : {};
|
3238
3244
|
}
|
3239
|
-
function
|
3240
|
-
const { initial: e, animate: n } =
|
3245
|
+
function zc(t) {
|
3246
|
+
const { initial: e, animate: n } = Uc(t, st(vn));
|
3241
3247
|
return dn(() => ({ initial: e, animate: n }), [dr(e), dr(n)]);
|
3242
3248
|
}
|
3243
3249
|
function dr(t) {
|
3244
3250
|
return Array.isArray(t) ? t.join(" ") : t;
|
3245
3251
|
}
|
3246
|
-
const
|
3252
|
+
const Wc = Symbol.for("motionComponentSymbol");
|
3247
3253
|
function Jt(t) {
|
3248
3254
|
return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
|
3249
3255
|
}
|
3250
|
-
function
|
3256
|
+
function Gc(t, e, n) {
|
3251
3257
|
return Es(
|
3252
3258
|
(i) => {
|
3253
3259
|
i && t.onMount && t.onMount(i), e && (i ? e.mount(i) : e.unmount()), n && (typeof n == "function" ? n(i) : Jt(n) && (n.current = i));
|
@@ -3260,8 +3266,8 @@ function Nc(t, e, n) {
|
|
3260
3266
|
[e]
|
3261
3267
|
);
|
3262
3268
|
}
|
3263
|
-
const yi = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(),
|
3264
|
-
function
|
3269
|
+
const yi = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Kc = "framerAppearId", Js = "data-" + yi(Kc), { schedule: vi, cancel: Hp } = Ys(queueMicrotask, !1), Qs = ue({});
|
3270
|
+
function Hc(t, e, n, i, r) {
|
3265
3271
|
var o, s;
|
3266
3272
|
const { visualElement: a } = st(vn), l = st(qs), c = st(di), u = st(Ks).reducedMotion, f = _t(null);
|
3267
3273
|
i = i || l.renderer, !f.current && i && (f.current = i(t, {
|
@@ -3273,7 +3279,7 @@ function zc(t, e, n, i, r) {
|
|
3273
3279
|
reducedMotionConfig: u
|
3274
3280
|
}));
|
3275
3281
|
const d = f.current, h = st(Qs);
|
3276
|
-
d && !d.projection && r && (d.type === "html" || d.type === "svg") &&
|
3282
|
+
d && !d.projection && r && (d.type === "html" || d.type === "svg") && Yc(f.current, n, r, h);
|
3277
3283
|
const p = _t(!1);
|
3278
3284
|
Va(() => {
|
3279
3285
|
d && p.current && d.update(n, c);
|
@@ -3288,7 +3294,7 @@ function zc(t, e, n, i, r) {
|
|
3288
3294
|
}), S.current = !1));
|
3289
3295
|
}), d;
|
3290
3296
|
}
|
3291
|
-
function
|
3297
|
+
function Yc(t, e, n, i) {
|
3292
3298
|
const { layoutId: r, layout: o, drag: s, dragConstraints: a, layoutScroll: l, layoutRoot: c } = e;
|
3293
3299
|
t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : to(t.parent)), t.projection.setOptions({
|
3294
3300
|
layoutId: r,
|
@@ -3312,39 +3318,39 @@ function to(t) {
|
|
3312
3318
|
if (t)
|
3313
3319
|
return t.options.allowProjection !== !1 ? t.projection : to(t.parent);
|
3314
3320
|
}
|
3315
|
-
function
|
3321
|
+
function qc({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: i, Component: r }) {
|
3316
3322
|
var o, s;
|
3317
|
-
t &&
|
3323
|
+
t && Bc(t);
|
3318
3324
|
function a(c, u) {
|
3319
3325
|
let f;
|
3320
3326
|
const d = {
|
3321
3327
|
...st(Ks),
|
3322
3328
|
...c,
|
3323
|
-
layoutId:
|
3324
|
-
}, { isStatic: h } = d, p =
|
3329
|
+
layoutId: Xc(c)
|
3330
|
+
}, { isStatic: h } = d, p = zc(c), g = i(c, h);
|
3325
3331
|
if (!h && hi) {
|
3326
|
-
|
3327
|
-
const S =
|
3328
|
-
f = S.MeasureLayout, p.visualElement =
|
3332
|
+
Zc(d, t);
|
3333
|
+
const S = Jc(d);
|
3334
|
+
f = S.MeasureLayout, p.visualElement = Hc(r, g, d, e, S.ProjectionNode);
|
3329
3335
|
}
|
3330
|
-
return Ta(vn.Provider, { value: p, children: [f && p.visualElement ? As(f, { visualElement: p.visualElement, ...d }) : null, n(r, c,
|
3336
|
+
return Ta(vn.Provider, { value: p, children: [f && p.visualElement ? As(f, { visualElement: p.visualElement, ...d }) : null, n(r, c, Gc(g, p.visualElement, u), g, h, p.visualElement)] });
|
3331
3337
|
}
|
3332
3338
|
a.displayName = `motion.${typeof r == "string" ? r : `create(${(s = (o = r.displayName) !== null && o !== void 0 ? o : r.name) !== null && s !== void 0 ? s : ""})`}`;
|
3333
3339
|
const l = Vs(a);
|
3334
|
-
return l[
|
3340
|
+
return l[Wc] = r, l;
|
3335
3341
|
}
|
3336
|
-
function
|
3342
|
+
function Xc({ layoutId: t }) {
|
3337
3343
|
const e = st(Ws).id;
|
3338
3344
|
return e && t !== void 0 ? e + "-" + t : t;
|
3339
3345
|
}
|
3340
|
-
function
|
3346
|
+
function Zc(t, e) {
|
3341
3347
|
const n = st(qs).strict;
|
3342
3348
|
if (process.env.NODE_ENV !== "production" && e && n) {
|
3343
3349
|
const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
|
3344
3350
|
t.ignoreStrict ? de(!1, i) : Dt(!1, i);
|
3345
3351
|
}
|
3346
3352
|
}
|
3347
|
-
function
|
3353
|
+
function Jc(t) {
|
3348
3354
|
const { drag: e, layout: n } = le;
|
3349
3355
|
if (!e && !n)
|
3350
3356
|
return {};
|
@@ -3354,8 +3360,8 @@ function Yc(t) {
|
|
3354
3360
|
ProjectionNode: i.ProjectionNode
|
3355
3361
|
};
|
3356
3362
|
}
|
3357
|
-
const eo = (t) => (e) => typeof e == "string" && e.startsWith(t), xi = /* @__PURE__ */ eo("--"),
|
3358
|
-
function
|
3363
|
+
const eo = (t) => (e) => typeof e == "string" && e.startsWith(t), xi = /* @__PURE__ */ eo("--"), Qc = /* @__PURE__ */ eo("var(--"), bi = (t) => Qc(t) ? tu.test(t.split("/*")[0].trim()) : !1, tu = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, De = {};
|
3364
|
+
function eu(t) {
|
3359
3365
|
for (const e in t)
|
3360
3366
|
De[e] = t[e], xi(e) && (De[e].isCSSVariable = !0);
|
3361
3367
|
}
|
@@ -3395,11 +3401,11 @@ const nt = (t) => !!(t && t.getVelocity), io = (t, e) => e && typeof t == "numbe
|
|
3395
3401
|
test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
|
3396
3402
|
parse: parseFloat,
|
3397
3403
|
transform: (e) => `${e}${t}`
|
3398
|
-
}), jt = /* @__PURE__ */ $e("deg"), Rt = /* @__PURE__ */ $e("%"), L = /* @__PURE__ */ $e("px"),
|
3404
|
+
}), jt = /* @__PURE__ */ $e("deg"), Rt = /* @__PURE__ */ $e("%"), L = /* @__PURE__ */ $e("px"), nu = /* @__PURE__ */ $e("vh"), iu = /* @__PURE__ */ $e("vw"), hr = {
|
3399
3405
|
...Rt,
|
3400
3406
|
parse: (t) => Rt.parse(t) / 100,
|
3401
3407
|
transform: (t) => Rt.transform(t * 100)
|
3402
|
-
},
|
3408
|
+
}, ru = {
|
3403
3409
|
// Border props
|
3404
3410
|
borderWidth: L,
|
3405
3411
|
borderTopWidth: L,
|
@@ -3435,7 +3441,7 @@ const nt = (t) => !!(t && t.getVelocity), io = (t, e) => e && typeof t == "numbe
|
|
3435
3441
|
// Misc
|
3436
3442
|
backgroundPositionX: L,
|
3437
3443
|
backgroundPositionY: L
|
3438
|
-
},
|
3444
|
+
}, su = {
|
3439
3445
|
rotate: jt,
|
3440
3446
|
rotateX: jt,
|
3441
3447
|
rotateY: jt,
|
@@ -3464,23 +3470,23 @@ const nt = (t) => !!(t && t.getVelocity), io = (t, e) => e && typeof t == "numbe
|
|
3464
3470
|
...pe,
|
3465
3471
|
transform: Math.round
|
3466
3472
|
}, Si = {
|
3467
|
-
...
|
3468
|
-
...
|
3473
|
+
...ru,
|
3474
|
+
...su,
|
3469
3475
|
zIndex: pr,
|
3470
3476
|
size: L,
|
3471
3477
|
// SVG
|
3472
3478
|
fillOpacity: Le,
|
3473
3479
|
strokeOpacity: Le,
|
3474
3480
|
numOctaves: pr
|
3475
|
-
},
|
3481
|
+
}, ou = {
|
3476
3482
|
x: "translateX",
|
3477
3483
|
y: "translateY",
|
3478
3484
|
z: "translateZ",
|
3479
3485
|
transformPerspective: "perspective"
|
3480
|
-
},
|
3481
|
-
function
|
3486
|
+
}, au = he.length;
|
3487
|
+
function lu(t, e, n) {
|
3482
3488
|
let i = "", r = !0;
|
3483
|
-
for (let o = 0; o <
|
3489
|
+
for (let o = 0; o < au; o++) {
|
3484
3490
|
const s = he[o], a = t[s];
|
3485
3491
|
if (a === void 0)
|
3486
3492
|
continue;
|
@@ -3489,7 +3495,7 @@ function ru(t, e, n) {
|
|
3489
3495
|
const c = io(a, Si[s]);
|
3490
3496
|
if (!l) {
|
3491
3497
|
r = !1;
|
3492
|
-
const u =
|
3498
|
+
const u = ou[s] || s;
|
3493
3499
|
i += `${u}(${c}) `;
|
3494
3500
|
}
|
3495
3501
|
n && (e[s] = c);
|
@@ -3513,7 +3519,7 @@ function wi(t, e, n) {
|
|
3513
3519
|
l.startsWith("origin") ? (a = !0, o[l] = u) : i[l] = u;
|
3514
3520
|
}
|
3515
3521
|
}
|
3516
|
-
if (e.transform || (s || n ? i.transform =
|
3522
|
+
if (e.transform || (s || n ? i.transform = lu(e, t.transform, n) : i.transform && (i.transform = "none")), a) {
|
3517
3523
|
const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
|
3518
3524
|
i.transformOrigin = `${l} ${c} ${u}`;
|
3519
3525
|
}
|
@@ -3528,21 +3534,21 @@ function ro(t, e, n) {
|
|
3528
3534
|
for (const i in e)
|
3529
3535
|
!nt(e[i]) && !no(i, n) && (t[i] = e[i]);
|
3530
3536
|
}
|
3531
|
-
function
|
3537
|
+
function cu({ transformTemplate: t }, e) {
|
3532
3538
|
return dn(() => {
|
3533
3539
|
const n = Ti();
|
3534
3540
|
return wi(n, e, t), Object.assign({}, n.vars, n.style);
|
3535
3541
|
}, [e]);
|
3536
3542
|
}
|
3537
|
-
function
|
3543
|
+
function uu(t, e) {
|
3538
3544
|
const n = t.style || {}, i = {};
|
3539
|
-
return ro(i, n, t), Object.assign(i,
|
3545
|
+
return ro(i, n, t), Object.assign(i, cu(t, e)), i;
|
3540
3546
|
}
|
3541
|
-
function
|
3542
|
-
const n = {}, i =
|
3547
|
+
function fu(t, e) {
|
3548
|
+
const n = {}, i = uu(t, e);
|
3543
3549
|
return t.drag && t.dragListener !== !1 && (n.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = i, n;
|
3544
3550
|
}
|
3545
|
-
const
|
3551
|
+
const du = [
|
3546
3552
|
"animate",
|
3547
3553
|
"circle",
|
3548
3554
|
"defs",
|
@@ -3582,23 +3588,23 @@ function Ci(t) {
|
|
3582
3588
|
/**
|
3583
3589
|
* If it's in our list of lowercase SVG tags, it's an SVG component
|
3584
3590
|
*/
|
3585
|
-
!!(
|
3591
|
+
!!(du.indexOf(t) > -1 || /**
|
3586
3592
|
* If it contains a capital letter, it's an SVG component
|
3587
3593
|
*/
|
3588
3594
|
/[A-Z]/u.test(t))
|
3589
3595
|
)
|
3590
3596
|
);
|
3591
3597
|
}
|
3592
|
-
const
|
3598
|
+
const hu = {
|
3593
3599
|
offset: "stroke-dashoffset",
|
3594
3600
|
array: "stroke-dasharray"
|
3595
|
-
},
|
3601
|
+
}, pu = {
|
3596
3602
|
offset: "strokeDashoffset",
|
3597
3603
|
array: "strokeDasharray"
|
3598
3604
|
};
|
3599
|
-
function
|
3605
|
+
function mu(t, e, n = 1, i = 0, r = !0) {
|
3600
3606
|
t.pathLength = 1;
|
3601
|
-
const o = r ?
|
3607
|
+
const o = r ? hu : pu;
|
3602
3608
|
t[o.offset] = L.transform(-i);
|
3603
3609
|
const s = L.transform(e), a = L.transform(n);
|
3604
3610
|
t[o.array] = `${s} ${a}`;
|
@@ -3606,7 +3612,7 @@ function fu(t, e, n = 1, i = 0, r = !0) {
|
|
3606
3612
|
function mr(t, e, n) {
|
3607
3613
|
return typeof t == "string" ? t : L.transform(e + n * t);
|
3608
3614
|
}
|
3609
|
-
function
|
3615
|
+
function gu(t, e, n) {
|
3610
3616
|
const i = mr(e, t.x, t.width), r = mr(n, t.y, t.height);
|
3611
3617
|
return `${i} ${r}`;
|
3612
3618
|
}
|
@@ -3628,13 +3634,13 @@ function Pi(t, {
|
|
3628
3634
|
}
|
3629
3635
|
t.attrs = t.style, t.style = {};
|
3630
3636
|
const { attrs: d, style: h, dimensions: p } = t;
|
3631
|
-
d.transform && (p && (h.transform = d.transform), delete d.transform), p && (r !== void 0 || o !== void 0 || h.transform) && (h.transformOrigin =
|
3637
|
+
d.transform && (p && (h.transform = d.transform), delete d.transform), p && (r !== void 0 || o !== void 0 || h.transform) && (h.transformOrigin = gu(p, r !== void 0 ? r : 0.5, o !== void 0 ? o : 0.5)), e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), i !== void 0 && (d.scale = i), s !== void 0 && mu(d, s, a, l, !1);
|
3632
3638
|
}
|
3633
3639
|
const so = () => ({
|
3634
3640
|
...Ti(),
|
3635
3641
|
attrs: {}
|
3636
3642
|
}), Ai = (t) => typeof t == "string" && t.toLowerCase() === "svg";
|
3637
|
-
function
|
3643
|
+
function yu(t, e, n, i) {
|
3638
3644
|
const r = dn(() => {
|
3639
3645
|
const o = so();
|
3640
3646
|
return Pi(o, e, Ai(i), t.transformTemplate), {
|
@@ -3648,9 +3654,9 @@ function hu(t, e, n, i) {
|
|
3648
3654
|
}
|
3649
3655
|
return r;
|
3650
3656
|
}
|
3651
|
-
function
|
3657
|
+
function vu(t = !1) {
|
3652
3658
|
return (n, i, r, { latestValues: o }, s) => {
|
3653
|
-
const l = (Ci(n) ?
|
3659
|
+
const l = (Ci(n) ? yu : fu)(i, o, s, n), c = _c(i, typeof n == "string", t), u = n !== Rs ? { ...c, ...l, ref: r } : {}, { children: f } = i, d = dn(() => nt(f) ? f.get() : f, [f]);
|
3654
3660
|
return Ea(n, {
|
3655
3661
|
...u,
|
3656
3662
|
children: d
|
@@ -3674,23 +3680,23 @@ function Vi(t, e, n, i) {
|
|
3674
3680
|
}
|
3675
3681
|
return e;
|
3676
3682
|
}
|
3677
|
-
const Kn = (t) => Array.isArray(t),
|
3683
|
+
const Kn = (t) => Array.isArray(t), xu = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), bu = (t) => Kn(t) ? t[t.length - 1] || 0 : t;
|
3678
3684
|
function Je(t) {
|
3679
3685
|
const e = nt(t) ? t.get() : t;
|
3680
|
-
return
|
3686
|
+
return xu(e) ? e.toValue() : e;
|
3681
3687
|
}
|
3682
|
-
function
|
3688
|
+
function Su({ scrapeMotionValuesFromProps: t, createRenderState: e, onUpdate: n }, i, r, o) {
|
3683
3689
|
const s = {
|
3684
|
-
latestValues:
|
3690
|
+
latestValues: wu(i, r, o, t),
|
3685
3691
|
renderState: e()
|
3686
3692
|
};
|
3687
3693
|
return n && (s.onMount = (a) => n({ props: i, current: a, ...s }), s.onUpdate = (a) => n(a)), s;
|
3688
3694
|
}
|
3689
3695
|
const oo = (t) => (e, n) => {
|
3690
|
-
const i = st(vn), r = st(di), o = () =>
|
3696
|
+
const i = st(vn), r = st(di), o = () => Su(t, e, i, r);
|
3691
3697
|
return n ? o() : Gs(o);
|
3692
3698
|
};
|
3693
|
-
function
|
3699
|
+
function wu(t, e, n, i) {
|
3694
3700
|
const r = {}, o = i(t, {});
|
3695
3701
|
for (const d in o)
|
3696
3702
|
r[d] = Je(o[d]);
|
@@ -3728,7 +3734,7 @@ function Ei(t, e, n) {
|
|
3728
3734
|
(nt(r[s]) || e.style && nt(e.style[s]) || no(s, t) || ((i = n == null ? void 0 : n.getValue(s)) === null || i === void 0 ? void 0 : i.liveStyle) !== void 0) && (o[s] = r[s]);
|
3729
3735
|
return o;
|
3730
3736
|
}
|
3731
|
-
const
|
3737
|
+
const Tu = {
|
3732
3738
|
useVisualState: oo({
|
3733
3739
|
scrapeMotionValuesFromProps: Ei,
|
3734
3740
|
createRenderState: Ti
|
@@ -3790,7 +3796,7 @@ function fo(t, e, n) {
|
|
3790
3796
|
}
|
3791
3797
|
return i;
|
3792
3798
|
}
|
3793
|
-
const yr = ["x", "y", "width", "height", "cx", "cy", "r"],
|
3799
|
+
const yr = ["x", "y", "width", "height", "cx", "cy", "r"], Cu = {
|
3794
3800
|
useVisualState: oo({
|
3795
3801
|
scrapeMotionValuesFromProps: fo,
|
3796
3802
|
createRenderState: so,
|
@@ -3821,24 +3827,24 @@ const yr = ["x", "y", "width", "height", "cx", "cy", "r"], bu = {
|
|
3821
3827
|
}
|
3822
3828
|
})
|
3823
3829
|
};
|
3824
|
-
function
|
3830
|
+
function Pu(t, e) {
|
3825
3831
|
return function(i, { forwardMotionProps: r } = { forwardMotionProps: !1 }) {
|
3826
3832
|
const s = {
|
3827
|
-
...Ci(i) ?
|
3833
|
+
...Ci(i) ? Cu : Tu,
|
3828
3834
|
preloadedFeatures: t,
|
3829
|
-
useRender:
|
3835
|
+
useRender: vu(r),
|
3830
3836
|
createVisualElement: e,
|
3831
3837
|
Component: i
|
3832
3838
|
};
|
3833
|
-
return
|
3839
|
+
return qc(s);
|
3834
3840
|
};
|
3835
3841
|
}
|
3836
3842
|
function Oe(t, e, n) {
|
3837
3843
|
const i = t.getProps();
|
3838
3844
|
return Vi(i, e, n !== void 0 ? n : i.custom, t);
|
3839
3845
|
}
|
3840
|
-
const
|
3841
|
-
class
|
3846
|
+
const Au = /* @__PURE__ */ pi(() => window.ScrollTimeline !== void 0);
|
3847
|
+
class Vu {
|
3842
3848
|
constructor(e) {
|
3843
3849
|
this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
|
3844
3850
|
}
|
@@ -3857,7 +3863,7 @@ class Tu {
|
|
3857
3863
|
}
|
3858
3864
|
attachTimeline(e, n) {
|
3859
3865
|
const i = this.animations.map((r) => {
|
3860
|
-
if (
|
3866
|
+
if (Au() && r.attachTimeline)
|
3861
3867
|
return r.attachTimeline(e);
|
3862
3868
|
if (typeof n == "function")
|
3863
3869
|
return n(r);
|
@@ -3908,7 +3914,7 @@ class Tu {
|
|
3908
3914
|
this.runAll("complete");
|
3909
3915
|
}
|
3910
3916
|
}
|
3911
|
-
class
|
3917
|
+
class Eu extends Vu {
|
3912
3918
|
then(e, n) {
|
3913
3919
|
return Promise.all(this.animations).then(e).catch(n);
|
3914
3920
|
}
|
@@ -3931,17 +3937,17 @@ function Mi(t) {
|
|
3931
3937
|
function vr(t, e) {
|
3932
3938
|
t.timeline = e, t.onfinish = null;
|
3933
3939
|
}
|
3934
|
-
const Di = (t) => Array.isArray(t) && typeof t[0] == "number",
|
3940
|
+
const Di = (t) => Array.isArray(t) && typeof t[0] == "number", Ru = {
|
3935
3941
|
linearEasing: void 0
|
3936
3942
|
};
|
3937
|
-
function
|
3943
|
+
function Mu(t, e) {
|
3938
3944
|
const n = /* @__PURE__ */ pi(t);
|
3939
3945
|
return () => {
|
3940
3946
|
var i;
|
3941
|
-
return (i =
|
3947
|
+
return (i = Ru[e]) !== null && i !== void 0 ? i : n();
|
3942
3948
|
};
|
3943
3949
|
}
|
3944
|
-
const on = /* @__PURE__ */
|
3950
|
+
const on = /* @__PURE__ */ Mu(() => {
|
3945
3951
|
try {
|
3946
3952
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
3947
3953
|
} catch {
|
@@ -4002,7 +4008,7 @@ function xo(t, e) {
|
|
4002
4008
|
function xr(t) {
|
4003
4009
|
return !(t.pointerType === "touch" || yo());
|
4004
4010
|
}
|
4005
|
-
function
|
4011
|
+
function Du(t, e, n = {}) {
|
4006
4012
|
const [i, r, o] = xo(t, n), s = (a) => {
|
4007
4013
|
if (!xr(a))
|
4008
4014
|
return;
|
@@ -4026,15 +4032,15 @@ function an(t, e) {
|
|
4026
4032
|
} catch {
|
4027
4033
|
}
|
4028
4034
|
}
|
4029
|
-
const bo = (t, e) => e ? t === e ? !0 : bo(t, e.parentElement) : !1, Li = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1,
|
4035
|
+
const bo = (t, e) => e ? t === e ? !0 : bo(t, e.parentElement) : !1, Li = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Lu = /* @__PURE__ */ new Set([
|
4030
4036
|
"BUTTON",
|
4031
4037
|
"INPUT",
|
4032
4038
|
"SELECT",
|
4033
4039
|
"TEXTAREA",
|
4034
4040
|
"A"
|
4035
4041
|
]);
|
4036
|
-
function
|
4037
|
-
return
|
4042
|
+
function Ou(t) {
|
4043
|
+
return Lu.has(t.tagName) || t.tabIndex !== -1;
|
4038
4044
|
}
|
4039
4045
|
const xe = /* @__PURE__ */ new WeakSet();
|
4040
4046
|
function br(t) {
|
@@ -4045,7 +4051,7 @@ function br(t) {
|
|
4045
4051
|
function En(t, e) {
|
4046
4052
|
t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
|
4047
4053
|
}
|
4048
|
-
const
|
4054
|
+
const ku = (t, e) => {
|
4049
4055
|
const n = t.currentTarget;
|
4050
4056
|
if (!n)
|
4051
4057
|
return;
|
@@ -4063,7 +4069,7 @@ const Mu = (t, e) => {
|
|
4063
4069
|
function Sr(t) {
|
4064
4070
|
return Li(t) && !yo();
|
4065
4071
|
}
|
4066
|
-
function
|
4072
|
+
function Fu(t, e, n = {}) {
|
4067
4073
|
const [i, r, o] = xo(t, n), s = (a) => {
|
4068
4074
|
const l = a.currentTarget;
|
4069
4075
|
if (!l || !Sr(a) || xe.has(l))
|
@@ -4072,7 +4078,7 @@ function Du(t, e, n = {}) {
|
|
4072
4078
|
const c = e(l, a), u = (h, p) => {
|
4073
4079
|
l.removeEventListener("pointerup", f), l.removeEventListener("pointercancel", d), an(h, "release"), !(!Sr(h) || !xe.has(l)) && (xe.delete(l), typeof c == "function" && c(h, { success: p }));
|
4074
4080
|
}, f = (h) => {
|
4075
|
-
(h.isTrusted ?
|
4081
|
+
(h.isTrusted ? Iu(h, l instanceof Element ? l.getBoundingClientRect() : {
|
4076
4082
|
left: 0,
|
4077
4083
|
top: 0,
|
4078
4084
|
right: window.innerWidth,
|
@@ -4086,13 +4092,13 @@ function Du(t, e, n = {}) {
|
|
4086
4092
|
return i.forEach((a) => {
|
4087
4093
|
a = n.useGlobalTarget ? window : a;
|
4088
4094
|
let l = !1;
|
4089
|
-
a instanceof HTMLElement && (l = !0, !
|
4095
|
+
a instanceof HTMLElement && (l = !0, !Ou(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0)), a.addEventListener("pointerdown", s, r), l && a.addEventListener("focus", (c) => ku(c, r), r);
|
4090
4096
|
}), o;
|
4091
4097
|
}
|
4092
|
-
function
|
4098
|
+
function Iu(t, e) {
|
4093
4099
|
return t.clientX < e.left || t.clientX > e.right || t.clientY < e.top || t.clientY > e.bottom;
|
4094
4100
|
}
|
4095
|
-
function
|
4101
|
+
function Bu(t) {
|
4096
4102
|
return t === "x" || t === "y" ? Tt[t] ? null : (Tt[t] = !0, () => {
|
4097
4103
|
Tt[t] = !1;
|
4098
4104
|
}) : Tt.x || Tt.y ? null : (Tt.x = Tt.y = !0, () => {
|
@@ -4109,13 +4115,13 @@ const So = /* @__PURE__ */ new Set([
|
|
4109
4115
|
...he
|
4110
4116
|
]);
|
4111
4117
|
let Qe;
|
4112
|
-
function
|
4118
|
+
function $u() {
|
4113
4119
|
Qe = void 0;
|
4114
4120
|
}
|
4115
4121
|
const Mt = {
|
4116
|
-
now: () => (Qe === void 0 && Mt.set(Z.isProcessing ||
|
4122
|
+
now: () => (Qe === void 0 && Mt.set(Z.isProcessing || kc.useManualTiming ? Z.timestamp : performance.now()), Qe),
|
4117
4123
|
set: (t) => {
|
4118
|
-
Qe = t, queueMicrotask(
|
4124
|
+
Qe = t, queueMicrotask($u);
|
4119
4125
|
}
|
4120
4126
|
};
|
4121
4127
|
function Oi(t, e) {
|
@@ -4153,8 +4159,8 @@ class Fi {
|
|
4153
4159
|
function wo(t, e) {
|
4154
4160
|
return e ? t * (1e3 / e) : 0;
|
4155
4161
|
}
|
4156
|
-
const wr = 30,
|
4157
|
-
class
|
4162
|
+
const wr = 30, ju = (t) => !isNaN(parseFloat(t));
|
4163
|
+
class _u {
|
4158
4164
|
/**
|
4159
4165
|
* @param init - The initiating value
|
4160
4166
|
* @param config - Optional configuration options
|
@@ -4170,7 +4176,7 @@ class Iu {
|
|
4170
4176
|
}, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
|
4171
4177
|
}
|
4172
4178
|
setCurrent(e) {
|
4173
|
-
this.current = e, this.updatedAt = Mt.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity =
|
4179
|
+
this.current = e, this.updatedAt = Mt.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ju(this.current));
|
4174
4180
|
}
|
4175
4181
|
setPrevFrameValue(e = this.current) {
|
4176
4182
|
this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
|
@@ -4349,9 +4355,9 @@ class Iu {
|
|
4349
4355
|
}
|
4350
4356
|
}
|
4351
4357
|
function ke(t, e) {
|
4352
|
-
return new
|
4358
|
+
return new _u(t, e);
|
4353
4359
|
}
|
4354
|
-
function
|
4360
|
+
function Nu(t, e, n) {
|
4355
4361
|
t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, ke(n));
|
4356
4362
|
}
|
4357
4363
|
function Ii(t, e) {
|
@@ -4359,44 +4365,44 @@ function Ii(t, e) {
|
|
4359
4365
|
let { transitionEnd: i = {}, transition: r = {}, ...o } = n || {};
|
4360
4366
|
o = { ...o, ...i };
|
4361
4367
|
for (const s in o) {
|
4362
|
-
const a =
|
4363
|
-
|
4368
|
+
const a = bu(o[s]);
|
4369
|
+
Nu(t, s, a);
|
4364
4370
|
}
|
4365
4371
|
}
|
4366
|
-
function
|
4372
|
+
function Uu(t) {
|
4367
4373
|
return !!(nt(t) && t.add);
|
4368
4374
|
}
|
4369
4375
|
function qn(t, e) {
|
4370
4376
|
const n = t.getValue("willChange");
|
4371
|
-
if (
|
4377
|
+
if (Uu(n))
|
4372
4378
|
return n.add(e);
|
4373
4379
|
}
|
4374
4380
|
function To(t) {
|
4375
4381
|
return t.props[Js];
|
4376
4382
|
}
|
4377
|
-
const Co = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t,
|
4378
|
-
function
|
4383
|
+
const Co = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, zu = 1e-7, Wu = 12;
|
4384
|
+
function Gu(t, e, n, i, r) {
|
4379
4385
|
let o, s, a = 0;
|
4380
4386
|
do
|
4381
4387
|
s = e + (n - e) / 2, o = Co(s, i, r) - t, o > 0 ? n = s : e = s;
|
4382
|
-
while (Math.abs(o) >
|
4388
|
+
while (Math.abs(o) > zu && ++a < Wu);
|
4383
4389
|
return s;
|
4384
4390
|
}
|
4385
4391
|
function je(t, e, n, i) {
|
4386
4392
|
if (t === e && n === i)
|
4387
4393
|
return ft;
|
4388
|
-
const r = (o) =>
|
4394
|
+
const r = (o) => Gu(o, 0, 1, t, n);
|
4389
4395
|
return (o) => o === 0 || o === 1 ? o : Co(r(o), e, i);
|
4390
4396
|
}
|
4391
4397
|
const Po = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Ao = (t) => (e) => 1 - t(1 - e), Vo = /* @__PURE__ */ je(0.33, 1.53, 0.69, 0.99), Bi = /* @__PURE__ */ Ao(Vo), Eo = /* @__PURE__ */ Po(Bi), Ro = (t) => (t *= 2) < 1 ? 0.5 * Bi(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), $i = (t) => 1 - Math.sin(Math.acos(t)), Mo = Ao($i), Do = Po($i), Lo = (t) => /^0[^.\s]+$/u.test(t);
|
4392
|
-
function
|
4398
|
+
function Ku(t) {
|
4393
4399
|
return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Lo(t) : !0;
|
4394
4400
|
}
|
4395
4401
|
const we = (t) => Math.round(t * 1e5) / 1e5, ji = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
4396
|
-
function
|
4402
|
+
function Hu(t) {
|
4397
4403
|
return t == null;
|
4398
4404
|
}
|
4399
|
-
const
|
4405
|
+
const Yu = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, _i = (t, e) => (n) => !!(typeof n == "string" && Yu.test(n) && n.startsWith(t) || e && !Hu(n) && Object.prototype.hasOwnProperty.call(n, e)), Oo = (t, e, n) => (i) => {
|
4400
4406
|
if (typeof i != "string")
|
4401
4407
|
return i;
|
4402
4408
|
const [r, o, s, a] = i.match(ji);
|
@@ -4406,15 +4412,15 @@ const Wu = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
|
|
4406
4412
|
[n]: parseFloat(s),
|
4407
4413
|
alpha: a !== void 0 ? parseFloat(a) : 1
|
4408
4414
|
};
|
4409
|
-
},
|
4415
|
+
}, qu = (t) => kt(0, 255, t), Rn = {
|
4410
4416
|
...pe,
|
4411
|
-
transform: (t) => Math.round(
|
4417
|
+
transform: (t) => Math.round(qu(t))
|
4412
4418
|
}, qt = {
|
4413
4419
|
test: /* @__PURE__ */ _i("rgb", "red"),
|
4414
4420
|
parse: /* @__PURE__ */ Oo("red", "green", "blue"),
|
4415
4421
|
transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + Rn.transform(t) + ", " + Rn.transform(e) + ", " + Rn.transform(n) + ", " + we(Le.transform(i)) + ")"
|
4416
4422
|
};
|
4417
|
-
function
|
4423
|
+
function Xu(t) {
|
4418
4424
|
let e = "", n = "", i = "", r = "";
|
4419
4425
|
return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), i = t.substring(5, 7), r = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), i = t.substring(3, 4), r = t.substring(4, 5), e += e, n += n, i += i, r += r), {
|
4420
4426
|
red: parseInt(e, 16),
|
@@ -4425,7 +4431,7 @@ function Ku(t) {
|
|
4425
4431
|
}
|
4426
4432
|
const Xn = {
|
4427
4433
|
test: /* @__PURE__ */ _i("#"),
|
4428
|
-
parse:
|
4434
|
+
parse: Xu,
|
4429
4435
|
transform: qt.transform
|
4430
4436
|
}, Qt = {
|
4431
4437
|
test: /* @__PURE__ */ _i("hsl", "hue"),
|
@@ -4435,12 +4441,12 @@ const Xn = {
|
|
4435
4441
|
test: (t) => qt.test(t) || Xn.test(t) || Qt.test(t),
|
4436
4442
|
parse: (t) => qt.test(t) ? qt.parse(t) : Qt.test(t) ? Qt.parse(t) : Xn.parse(t),
|
4437
4443
|
transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? qt.transform(t) : Qt.transform(t)
|
4438
|
-
},
|
4439
|
-
function
|
4444
|
+
}, Zu = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
4445
|
+
function Ju(t) {
|
4440
4446
|
var e, n;
|
4441
|
-
return isNaN(t) && typeof t == "string" && (((e = t.match(ji)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(
|
4447
|
+
return isNaN(t) && typeof t == "string" && (((e = t.match(ji)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(Zu)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
|
4442
4448
|
}
|
4443
|
-
const ko = "number", Fo = "color",
|
4449
|
+
const ko = "number", Fo = "color", Qu = "var", tf = "var(", Tr = "${}", ef = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
|
4444
4450
|
function Fe(t) {
|
4445
4451
|
const e = t.toString(), n = [], i = {
|
4446
4452
|
color: [],
|
@@ -4448,7 +4454,7 @@ function Fe(t) {
|
|
4448
4454
|
var: []
|
4449
4455
|
}, r = [];
|
4450
4456
|
let o = 0;
|
4451
|
-
const a = e.replace(
|
4457
|
+
const a = e.replace(ef, (l) => (et.test(l) ? (i.color.push(o), r.push(Fo), n.push(et.parse(l))) : l.startsWith(tf) ? (i.var.push(o), r.push(Qu), n.push(l)) : (i.number.push(o), r.push(ko), n.push(parseFloat(l))), ++o, Tr)).split(Tr);
|
4452
4458
|
return { values: n, split: a, indexes: i, types: r };
|
4453
4459
|
}
|
4454
4460
|
function Io(t) {
|
@@ -4466,18 +4472,18 @@ function Bo(t) {
|
|
4466
4472
|
return o;
|
4467
4473
|
};
|
4468
4474
|
}
|
4469
|
-
const
|
4470
|
-
function
|
4475
|
+
const nf = (t) => typeof t == "number" ? 0 : t;
|
4476
|
+
function rf(t) {
|
4471
4477
|
const e = Io(t);
|
4472
|
-
return Bo(t)(e.map(
|
4478
|
+
return Bo(t)(e.map(nf));
|
4473
4479
|
}
|
4474
4480
|
const Ut = {
|
4475
|
-
test:
|
4481
|
+
test: Ju,
|
4476
4482
|
parse: Io,
|
4477
4483
|
createTransformer: Bo,
|
4478
|
-
getAnimatableNone:
|
4479
|
-
},
|
4480
|
-
function
|
4484
|
+
getAnimatableNone: rf
|
4485
|
+
}, sf = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
4486
|
+
function of(t) {
|
4481
4487
|
const [e, n] = t.slice(0, -1).split("(");
|
4482
4488
|
if (e === "drop-shadow")
|
4483
4489
|
return t;
|
@@ -4485,16 +4491,16 @@ function ef(t) {
|
|
4485
4491
|
if (!i)
|
4486
4492
|
return t;
|
4487
4493
|
const r = n.replace(i, "");
|
4488
|
-
let o =
|
4494
|
+
let o = sf.has(e) ? 1 : 0;
|
4489
4495
|
return i !== n && (o *= 100), e + "(" + o + r + ")";
|
4490
4496
|
}
|
4491
|
-
const
|
4497
|
+
const af = /\b([a-z-]*)\(.*?\)/gu, Zn = {
|
4492
4498
|
...Ut,
|
4493
4499
|
getAnimatableNone: (t) => {
|
4494
|
-
const e = t.match(
|
4495
|
-
return e ? e.map(
|
4500
|
+
const e = t.match(af);
|
4501
|
+
return e ? e.map(of).join(" ") : t;
|
4496
4502
|
}
|
4497
|
-
},
|
4503
|
+
}, lf = {
|
4498
4504
|
...Si,
|
4499
4505
|
// Color props
|
4500
4506
|
color: et,
|
@@ -4510,17 +4516,17 @@ const nf = /\b([a-z-]*)\(.*?\)/gu, Zn = {
|
|
4510
4516
|
borderLeftColor: et,
|
4511
4517
|
filter: Zn,
|
4512
4518
|
WebkitFilter: Zn
|
4513
|
-
}, Ni = (t) =>
|
4519
|
+
}, Ni = (t) => lf[t];
|
4514
4520
|
function $o(t, e) {
|
4515
4521
|
let n = Ni(t);
|
4516
4522
|
return n !== Zn && (n = Ut), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
|
4517
4523
|
}
|
4518
|
-
const
|
4519
|
-
function
|
4524
|
+
const cf = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
4525
|
+
function uf(t, e, n) {
|
4520
4526
|
let i = 0, r;
|
4521
4527
|
for (; i < t.length && !r; ) {
|
4522
4528
|
const o = t[i];
|
4523
|
-
typeof o == "string" && !
|
4529
|
+
typeof o == "string" && !cf.has(o) && Fe(o).values.length && (r = t[i]), i++;
|
4524
4530
|
}
|
4525
4531
|
if (r && n)
|
4526
4532
|
for (const o of e)
|
@@ -4536,10 +4542,10 @@ const Cr = (t) => t === pe || t === L, Pr = (t, e) => parseFloat(t.split(", ")[e
|
|
4536
4542
|
const o = i.match(/^matrix\((.+)\)$/u);
|
4537
4543
|
return o ? Pr(o[1], t) : 0;
|
4538
4544
|
}
|
4539
|
-
},
|
4540
|
-
function
|
4545
|
+
}, ff = /* @__PURE__ */ new Set(["x", "y", "z"]), df = he.filter((t) => !ff.has(t));
|
4546
|
+
function hf(t) {
|
4541
4547
|
const e = [];
|
4542
|
-
return
|
4548
|
+
return df.forEach((n) => {
|
4543
4549
|
const i = t.getValue(n);
|
4544
4550
|
i !== void 0 && (e.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
|
4545
4551
|
}), e;
|
@@ -4564,7 +4570,7 @@ function jo() {
|
|
4564
4570
|
if (Qn) {
|
4565
4571
|
const t = Array.from(Xt).filter((i) => i.needsMeasurement), e = new Set(t.map((i) => i.element)), n = /* @__PURE__ */ new Map();
|
4566
4572
|
e.forEach((i) => {
|
4567
|
-
const r =
|
4573
|
+
const r = hf(i);
|
4568
4574
|
r.length && (n.set(i, r), i.render());
|
4569
4575
|
}), t.forEach((i) => i.measureInitialState()), e.forEach((i) => {
|
4570
4576
|
i.render();
|
@@ -4584,7 +4590,7 @@ function _o() {
|
|
4584
4590
|
t.readKeyframes(), t.needsMeasurement && (Qn = !0);
|
4585
4591
|
});
|
4586
4592
|
}
|
4587
|
-
function
|
4593
|
+
function pf() {
|
4588
4594
|
_o(), jo();
|
4589
4595
|
}
|
4590
4596
|
class Ui {
|
@@ -4628,21 +4634,21 @@ class Ui {
|
|
4628
4634
|
this.isComplete || this.scheduleResolve();
|
4629
4635
|
}
|
4630
4636
|
}
|
4631
|
-
const No = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t),
|
4637
|
+
const No = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), mf = (
|
4632
4638
|
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
4633
4639
|
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
4634
4640
|
);
|
4635
|
-
function
|
4636
|
-
const e =
|
4641
|
+
function gf(t) {
|
4642
|
+
const e = mf.exec(t);
|
4637
4643
|
if (!e)
|
4638
4644
|
return [,];
|
4639
4645
|
const [, n, i, r] = e;
|
4640
4646
|
return [`--${n ?? i}`, r];
|
4641
4647
|
}
|
4642
|
-
const
|
4648
|
+
const yf = 4;
|
4643
4649
|
function Uo(t, e, n = 1) {
|
4644
|
-
Dt(n <=
|
4645
|
-
const [i, r] =
|
4650
|
+
Dt(n <= yf, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
|
4651
|
+
const [i, r] = gf(t);
|
4646
4652
|
if (!i)
|
4647
4653
|
return;
|
4648
4654
|
const o = window.getComputedStyle(e).getPropertyValue(i);
|
@@ -4652,10 +4658,10 @@ function Uo(t, e, n = 1) {
|
|
4652
4658
|
}
|
4653
4659
|
return bi(r) ? Uo(r, e, n + 1) : r;
|
4654
4660
|
}
|
4655
|
-
const zo = (t) => (e) => e.test(t),
|
4661
|
+
const zo = (t) => (e) => e.test(t), vf = {
|
4656
4662
|
test: (t) => t === "auto",
|
4657
4663
|
parse: (t) => t
|
4658
|
-
}, Wo = [pe, L, Rt, jt,
|
4664
|
+
}, Wo = [pe, L, Rt, jt, iu, nu, vf], Vr = (t) => Wo.find(zo(t));
|
4659
4665
|
class Go extends Ui {
|
4660
4666
|
constructor(e, n, i, r, o) {
|
4661
4667
|
super(e, n, i, r, o, !0);
|
@@ -4687,8 +4693,8 @@ class Go extends Ui {
|
|
4687
4693
|
resolveNoneKeyframes() {
|
4688
4694
|
const { unresolvedKeyframes: e, name: n } = this, i = [];
|
4689
4695
|
for (let r = 0; r < e.length; r++)
|
4690
|
-
|
4691
|
-
i.length &&
|
4696
|
+
Ku(e[r]) && i.push(r);
|
4697
|
+
i.length && uf(e, i, n);
|
4692
4698
|
}
|
4693
4699
|
measureInitialState() {
|
4694
4700
|
const { element: e, unresolvedKeyframes: n, name: i } = this;
|
@@ -4714,7 +4720,7 @@ class Go extends Ui {
|
|
4714
4720
|
const Er = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
|
4715
4721
|
(Ut.test(t) || t === "0") && // And it contains numbers and/or colors
|
4716
4722
|
!t.startsWith("url("));
|
4717
|
-
function
|
4723
|
+
function xf(t) {
|
4718
4724
|
const e = t[0];
|
4719
4725
|
if (t.length === 1)
|
4720
4726
|
return !0;
|
@@ -4722,21 +4728,21 @@ function mf(t) {
|
|
4722
4728
|
if (t[n] !== e)
|
4723
4729
|
return !0;
|
4724
4730
|
}
|
4725
|
-
function
|
4731
|
+
function bf(t, e, n, i) {
|
4726
4732
|
const r = t[0];
|
4727
4733
|
if (r === null)
|
4728
4734
|
return !1;
|
4729
4735
|
if (e === "display" || e === "visibility")
|
4730
4736
|
return !0;
|
4731
4737
|
const o = t[t.length - 1], s = Er(r, e), a = Er(o, e);
|
4732
|
-
return de(s === a, `You are trying to animate ${e} from "${r}" to "${o}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${o} via the \`style\` property.`), !s || !a ? !1 :
|
4738
|
+
return de(s === a, `You are trying to animate ${e} from "${r}" to "${o}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${o} via the \`style\` property.`), !s || !a ? !1 : xf(t) || (n === "spring" || Mi(n)) && i;
|
4733
4739
|
}
|
4734
|
-
const
|
4740
|
+
const Sf = (t) => t !== null;
|
4735
4741
|
function Sn(t, { repeat: e, repeatType: n = "loop" }, i) {
|
4736
|
-
const r = t.filter(
|
4742
|
+
const r = t.filter(Sf), o = e && n !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
|
4737
4743
|
return !o || i === void 0 ? r[o] : i;
|
4738
4744
|
}
|
4739
|
-
const
|
4745
|
+
const wf = 40;
|
4740
4746
|
class Ko {
|
4741
4747
|
constructor({ autoplay: e = !0, delay: n = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: s = "loop", ...a }) {
|
4742
4748
|
this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = Mt.now(), this.options = {
|
@@ -4760,7 +4766,7 @@ class Ko {
|
|
4760
4766
|
* to avoid a sudden jump into the animation.
|
4761
4767
|
*/
|
4762
4768
|
calcStartTime() {
|
4763
|
-
return this.resolvedAt ? this.resolvedAt - this.createdAt >
|
4769
|
+
return this.resolvedAt ? this.resolvedAt - this.createdAt > wf ? this.resolvedAt : this.createdAt : this.createdAt;
|
4764
4770
|
}
|
4765
4771
|
/**
|
4766
4772
|
* A getter for resolved data. If keyframes are not yet resolved, accessing
|
@@ -4768,7 +4774,7 @@ class Ko {
|
|
4768
4774
|
* This is a deoptimisation, but at its worst still batches read/writes.
|
4769
4775
|
*/
|
4770
4776
|
get resolved() {
|
4771
|
-
return !this._resolved && !this.hasAttemptedResolve &&
|
4777
|
+
return !this._resolved && !this.hasAttemptedResolve && pf(), this._resolved;
|
4772
4778
|
}
|
4773
4779
|
/**
|
4774
4780
|
* A method to be called when the keyframes resolver completes. This method
|
@@ -4778,7 +4784,7 @@ class Ko {
|
|
4778
4784
|
onKeyframesResolved(e, n) {
|
4779
4785
|
this.resolvedAt = Mt.now(), this.hasAttemptedResolve = !0;
|
4780
4786
|
const { name: i, type: r, velocity: o, delay: s, onComplete: a, onUpdate: l, isGenerator: c } = this.options;
|
4781
|
-
if (!c && !
|
4787
|
+
if (!c && !bf(e, i, r, o))
|
4782
4788
|
if (s)
|
4783
4789
|
this.options.duration = 0;
|
4784
4790
|
else {
|
@@ -4815,7 +4821,7 @@ const K = (t, e, n) => t + (e - t) * n;
|
|
4815
4821
|
function Mn(t, e, n) {
|
4816
4822
|
return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
|
4817
4823
|
}
|
4818
|
-
function
|
4824
|
+
function Tf({ hue: t, saturation: e, lightness: n, alpha: i }) {
|
4819
4825
|
t /= 360, e /= 100, n /= 100;
|
4820
4826
|
let r = 0, o = 0, s = 0;
|
4821
4827
|
if (!e)
|
@@ -4837,13 +4843,13 @@ function ln(t, e) {
|
|
4837
4843
|
const Dn = (t, e, n) => {
|
4838
4844
|
const i = t * t, r = n * (e * e - i) + i;
|
4839
4845
|
return r < 0 ? 0 : Math.sqrt(r);
|
4840
|
-
},
|
4846
|
+
}, Cf = [Xn, qt, Qt], Pf = (t) => Cf.find((e) => e.test(t));
|
4841
4847
|
function Rr(t) {
|
4842
|
-
const e =
|
4848
|
+
const e = Pf(t);
|
4843
4849
|
if (de(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
|
4844
4850
|
return !1;
|
4845
4851
|
let n = e.parse(t);
|
4846
|
-
return e === Qt && (n =
|
4852
|
+
return e === Qt && (n = Tf(n)), n;
|
4847
4853
|
}
|
4848
4854
|
const Mr = (t, e) => {
|
4849
4855
|
const n = Rr(t), i = Rr(e);
|
@@ -4851,15 +4857,15 @@ const Mr = (t, e) => {
|
|
4851
4857
|
return ln(t, e);
|
4852
4858
|
const r = { ...n };
|
4853
4859
|
return (o) => (r.red = Dn(n.red, i.red, o), r.green = Dn(n.green, i.green, o), r.blue = Dn(n.blue, i.blue, o), r.alpha = K(n.alpha, i.alpha, o), qt.transform(r));
|
4854
|
-
},
|
4855
|
-
function
|
4860
|
+
}, Af = (t, e) => (n) => e(t(n)), _e = (...t) => t.reduce(Af), ti = /* @__PURE__ */ new Set(["none", "hidden"]);
|
4861
|
+
function Vf(t, e) {
|
4856
4862
|
return ti.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
|
4857
4863
|
}
|
4858
|
-
function
|
4864
|
+
function Ef(t, e) {
|
4859
4865
|
return (n) => K(t, e, n);
|
4860
4866
|
}
|
4861
4867
|
function zi(t) {
|
4862
|
-
return typeof t == "number" ?
|
4868
|
+
return typeof t == "number" ? Ef : typeof t == "string" ? bi(t) ? ln : et.test(t) ? Mr : Df : Array.isArray(t) ? Ho : typeof t == "object" ? et.test(t) ? Mr : Rf : ln;
|
4863
4869
|
}
|
4864
4870
|
function Ho(t, e) {
|
4865
4871
|
const n = [...t], i = n.length, r = t.map((o, s) => zi(o)(o, e[s]));
|
@@ -4869,7 +4875,7 @@ function Ho(t, e) {
|
|
4869
4875
|
return n;
|
4870
4876
|
};
|
4871
4877
|
}
|
4872
|
-
function
|
4878
|
+
function Rf(t, e) {
|
4873
4879
|
const n = { ...t, ...e }, i = {};
|
4874
4880
|
for (const r in n)
|
4875
4881
|
t[r] !== void 0 && e[r] !== void 0 && (i[r] = zi(t[r])(t[r], e[r]));
|
@@ -4879,7 +4885,7 @@ function Pf(t, e) {
|
|
4879
4885
|
return n;
|
4880
4886
|
};
|
4881
4887
|
}
|
4882
|
-
function
|
4888
|
+
function Mf(t, e) {
|
4883
4889
|
var n;
|
4884
4890
|
const i = [], r = { color: 0, var: 0, number: 0 };
|
4885
4891
|
for (let o = 0; o < e.values.length; o++) {
|
@@ -4888,16 +4894,16 @@ function Af(t, e) {
|
|
4888
4894
|
}
|
4889
4895
|
return i;
|
4890
4896
|
}
|
4891
|
-
const
|
4897
|
+
const Df = (t, e) => {
|
4892
4898
|
const n = Ut.createTransformer(e), i = Fe(t), r = Fe(e);
|
4893
|
-
return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? ti.has(t) && !r.values.length || ti.has(e) && !i.values.length ?
|
4899
|
+
return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? ti.has(t) && !r.values.length || ti.has(e) && !i.values.length ? Vf(t, e) : _e(Ho(Mf(i, r), r.values), n) : (de(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), ln(t, e));
|
4894
4900
|
};
|
4895
4901
|
function Yo(t, e, n) {
|
4896
4902
|
return typeof t == "number" && typeof e == "number" && typeof n == "number" ? K(t, e, n) : zi(t)(t, e);
|
4897
4903
|
}
|
4898
|
-
const
|
4904
|
+
const Lf = 5;
|
4899
4905
|
function qo(t, e, n) {
|
4900
|
-
const i = Math.max(e -
|
4906
|
+
const i = Math.max(e - Lf, 0);
|
4901
4907
|
return wo(n - t(i), e - i);
|
4902
4908
|
}
|
4903
4909
|
const G = {
|
@@ -4929,7 +4935,7 @@ const G = {
|
|
4929
4935
|
minDamping: 0.05,
|
4930
4936
|
maxDamping: 1
|
4931
4937
|
}, Dr = 1e-3;
|
4932
|
-
function
|
4938
|
+
function Of({ duration: t = G.duration, bounce: e = G.bounce, velocity: n = G.velocity, mass: i = G.mass }) {
|
4933
4939
|
let r, o;
|
4934
4940
|
de(t <= /* @__PURE__ */ Et(G.maxDuration), "Spring duration must be 10 seconds or less");
|
4935
4941
|
let s = 1 - e;
|
@@ -4946,7 +4952,7 @@ function Rf({ duration: t = G.duration, bounce: e = G.bounce, velocity: n = G.ve
|
|
4946
4952
|
const u = Math.exp(-c * t), f = (n - c) * (t * t);
|
4947
4953
|
return u * f;
|
4948
4954
|
});
|
4949
|
-
const a = 5 / t, l =
|
4955
|
+
const a = 5 / t, l = Ff(r, o, a);
|
4950
4956
|
if (t = /* @__PURE__ */ Et(t), isNaN(l))
|
4951
4957
|
return {
|
4952
4958
|
stiffness: G.stiffness,
|
@@ -4962,21 +4968,21 @@ function Rf({ duration: t = G.duration, bounce: e = G.bounce, velocity: n = G.ve
|
|
4962
4968
|
};
|
4963
4969
|
}
|
4964
4970
|
}
|
4965
|
-
const
|
4966
|
-
function
|
4971
|
+
const kf = 12;
|
4972
|
+
function Ff(t, e, n) {
|
4967
4973
|
let i = n;
|
4968
|
-
for (let r = 1; r <
|
4974
|
+
for (let r = 1; r < kf; r++)
|
4969
4975
|
i = i - t(i) / e(i);
|
4970
4976
|
return i;
|
4971
4977
|
}
|
4972
4978
|
function ei(t, e) {
|
4973
4979
|
return t * Math.sqrt(1 - e * e);
|
4974
4980
|
}
|
4975
|
-
const
|
4981
|
+
const If = ["duration", "bounce"], Bf = ["stiffness", "damping", "mass"];
|
4976
4982
|
function Lr(t, e) {
|
4977
4983
|
return e.some((n) => t[n] !== void 0);
|
4978
4984
|
}
|
4979
|
-
function
|
4985
|
+
function $f(t) {
|
4980
4986
|
let e = {
|
4981
4987
|
velocity: G.velocity,
|
4982
4988
|
stiffness: G.stiffness,
|
@@ -4985,7 +4991,7 @@ function kf(t) {
|
|
4985
4991
|
isResolvedFromDuration: !1,
|
4986
4992
|
...t
|
4987
4993
|
};
|
4988
|
-
if (!Lr(t,
|
4994
|
+
if (!Lr(t, Bf) && Lr(t, If))
|
4989
4995
|
if (t.visualDuration) {
|
4990
4996
|
const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), r = i * i, o = 2 * kt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(r);
|
4991
4997
|
e = {
|
@@ -4995,7 +5001,7 @@ function kf(t) {
|
|
4995
5001
|
damping: o
|
4996
5002
|
};
|
4997
5003
|
} else {
|
4998
|
-
const n =
|
5004
|
+
const n = Of(t);
|
4999
5005
|
e = {
|
5000
5006
|
...e,
|
5001
5007
|
...n,
|
@@ -5011,7 +5017,7 @@ function Xo(t = G.visualDuration, e = G.bounce) {
|
|
5011
5017
|
bounce: e
|
5012
5018
|
} : t;
|
5013
5019
|
let { restSpeed: i, restDelta: r } = n;
|
5014
|
-
const o = n.keyframes[0], s = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: f, velocity: d, isResolvedFromDuration: h } =
|
5020
|
+
const o = n.keyframes[0], s = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: f, velocity: d, isResolvedFromDuration: h } = $f({
|
5015
5021
|
...n,
|
5016
5022
|
velocity: -/* @__PURE__ */ Ot(n.velocity || 0)
|
5017
5023
|
}), p = d || 0, g = c / (2 * Math.sqrt(l * u)), S = s - o, v = /* @__PURE__ */ Ot(Math.sqrt(l / u)), w = Math.abs(S) < 5;
|
@@ -5085,11 +5091,11 @@ function Or({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
|
|
5085
5091
|
}
|
5086
5092
|
};
|
5087
5093
|
}
|
5088
|
-
const
|
5094
|
+
const jf = /* @__PURE__ */ je(0.42, 0, 1, 1), _f = /* @__PURE__ */ je(0, 0, 0.58, 1), Zo = /* @__PURE__ */ je(0.42, 0, 0.58, 1), Nf = (t) => Array.isArray(t) && typeof t[0] != "number", kr = {
|
5089
5095
|
linear: ft,
|
5090
|
-
easeIn:
|
5096
|
+
easeIn: jf,
|
5091
5097
|
easeInOut: Zo,
|
5092
|
-
easeOut:
|
5098
|
+
easeOut: _f,
|
5093
5099
|
circIn: $i,
|
5094
5100
|
circInOut: Do,
|
5095
5101
|
circOut: Mo,
|
@@ -5106,7 +5112,7 @@ const Ff = /* @__PURE__ */ je(0.42, 0, 1, 1), If = /* @__PURE__ */ je(0, 0, 0.58
|
|
5106
5112
|
return Dt(kr[t] !== void 0, `Invalid easing type '${t}'`), kr[t];
|
5107
5113
|
return t;
|
5108
5114
|
};
|
5109
|
-
function
|
5115
|
+
function Uf(t, e, n) {
|
5110
5116
|
const i = [], r = n || Yo, o = t.length - 1;
|
5111
5117
|
for (let s = 0; s < o; s++) {
|
5112
5118
|
let a = r(t[s], t[s + 1]);
|
@@ -5118,7 +5124,7 @@ function $f(t, e, n) {
|
|
5118
5124
|
}
|
5119
5125
|
return i;
|
5120
5126
|
}
|
5121
|
-
function
|
5127
|
+
function zf(t, e, { clamp: n = !0, ease: i, mixer: r } = {}) {
|
5122
5128
|
const o = t.length;
|
5123
5129
|
if (Dt(o === e.length, "Both input and output ranges must be the same length"), o === 1)
|
5124
5130
|
return () => e[0];
|
@@ -5126,7 +5132,7 @@ function jf(t, e, { clamp: n = !0, ease: i, mixer: r } = {}) {
|
|
5126
5132
|
return () => e[1];
|
5127
5133
|
const s = t[0] === t[1];
|
5128
5134
|
t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
|
5129
|
-
const a =
|
5135
|
+
const a = Uf(e, i, r), l = a.length, c = (u) => {
|
5130
5136
|
if (s && u < t[0])
|
5131
5137
|
return e[0];
|
5132
5138
|
let f = 0;
|
@@ -5138,41 +5144,41 @@ function jf(t, e, { clamp: n = !0, ease: i, mixer: r } = {}) {
|
|
5138
5144
|
};
|
5139
5145
|
return n ? (u) => c(kt(t[0], t[o - 1], u)) : c;
|
5140
5146
|
}
|
5141
|
-
function
|
5147
|
+
function Wf(t, e) {
|
5142
5148
|
const n = t[t.length - 1];
|
5143
5149
|
for (let i = 1; i <= e; i++) {
|
5144
5150
|
const r = /* @__PURE__ */ ae(0, e, i);
|
5145
5151
|
t.push(K(n, 1, r));
|
5146
5152
|
}
|
5147
5153
|
}
|
5148
|
-
function
|
5154
|
+
function Gf(t) {
|
5149
5155
|
const e = [0];
|
5150
|
-
return
|
5156
|
+
return Wf(e, t.length - 1), e;
|
5151
5157
|
}
|
5152
|
-
function
|
5158
|
+
function Kf(t, e) {
|
5153
5159
|
return t.map((n) => n * e);
|
5154
5160
|
}
|
5155
|
-
function
|
5161
|
+
function Hf(t, e) {
|
5156
5162
|
return t.map(() => e || Zo).splice(0, t.length - 1);
|
5157
5163
|
}
|
5158
5164
|
function Te({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
|
5159
|
-
const r =
|
5165
|
+
const r = Nf(i) ? i.map(Fr) : Fr(i), o = {
|
5160
5166
|
done: !1,
|
5161
5167
|
value: e[0]
|
5162
|
-
}, s =
|
5168
|
+
}, s = Kf(
|
5163
5169
|
// Only use the provided offsets if they're the correct length
|
5164
5170
|
// TODO Maybe we should warn here if there's a length mismatch
|
5165
|
-
n && n.length === e.length ? n :
|
5171
|
+
n && n.length === e.length ? n : Gf(e),
|
5166
5172
|
t
|
5167
|
-
), a =
|
5168
|
-
ease: Array.isArray(r) ? r :
|
5173
|
+
), a = zf(s, e, {
|
5174
|
+
ease: Array.isArray(r) ? r : Hf(e, r)
|
5169
5175
|
});
|
5170
5176
|
return {
|
5171
5177
|
calculatedDuration: t,
|
5172
5178
|
next: (l) => (o.value = a(l), o.done = l >= t, o)
|
5173
5179
|
};
|
5174
5180
|
}
|
5175
|
-
const
|
5181
|
+
const Yf = (t) => {
|
5176
5182
|
const e = ({ timestamp: n }) => t(n);
|
5177
5183
|
return {
|
5178
5184
|
start: () => N.update(e, !0),
|
@@ -5183,13 +5189,13 @@ const Wf = (t) => {
|
|
5183
5189
|
*/
|
5184
5190
|
now: () => Z.isProcessing ? Z.timestamp : Mt.now()
|
5185
5191
|
};
|
5186
|
-
},
|
5192
|
+
}, qf = {
|
5187
5193
|
decay: Or,
|
5188
5194
|
inertia: Or,
|
5189
5195
|
tween: Te,
|
5190
5196
|
keyframes: Te,
|
5191
5197
|
spring: Xo
|
5192
|
-
},
|
5198
|
+
}, Xf = (t) => t / 100;
|
5193
5199
|
class Wi extends Ko {
|
5194
5200
|
constructor(e) {
|
5195
5201
|
super(e), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
|
@@ -5206,9 +5212,9 @@ class Wi extends Ko {
|
|
5206
5212
|
super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
|
5207
5213
|
}
|
5208
5214
|
initPlayback(e) {
|
5209
|
-
const { type: n = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o, velocity: s = 0 } = this.options, a = Mi(n) ? n :
|
5215
|
+
const { type: n = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o, velocity: s = 0 } = this.options, a = Mi(n) ? n : qf[n] || Te;
|
5210
5216
|
let l, c;
|
5211
|
-
process.env.NODE_ENV !== "production" && a !== Te && Dt(e.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), a !== Te && typeof e[0] != "number" && (l = _e(
|
5217
|
+
process.env.NODE_ENV !== "production" && a !== Te && Dt(e.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), a !== Te && typeof e[0] != "number" && (l = _e(Xf, Yo(e[0], e[1])), e = [0, 100]);
|
5212
5218
|
const u = a({ ...this.options, keyframes: e });
|
5213
5219
|
o === "mirror" && (c = a({
|
5214
5220
|
...this.options,
|
@@ -5279,7 +5285,7 @@ class Wi extends Ko {
|
|
5279
5285
|
}
|
5280
5286
|
if (this.isStopped)
|
5281
5287
|
return;
|
5282
|
-
const { driver: e =
|
5288
|
+
const { driver: e = Yf, onPlay: n, startTime: i } = this.options;
|
5283
5289
|
this.driver || (this.driver = e((o) => this.tick(o))), n && n();
|
5284
5290
|
const r = this.driver.now();
|
5285
5291
|
this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = r) : this.startTime = i ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
|
@@ -5313,7 +5319,7 @@ class Wi extends Ko {
|
|
5313
5319
|
return this.startTime = 0, this.tick(e, !0);
|
5314
5320
|
}
|
5315
5321
|
}
|
5316
|
-
const
|
5322
|
+
const Zf = /* @__PURE__ */ new Set([
|
5317
5323
|
"opacity",
|
5318
5324
|
"clipPath",
|
5319
5325
|
"filter",
|
@@ -5322,7 +5328,7 @@ const Hf = /* @__PURE__ */ new Set([
|
|
5322
5328
|
// or until we implement support for linear() easing.
|
5323
5329
|
// "background-color"
|
5324
5330
|
]);
|
5325
|
-
function
|
5331
|
+
function Jf(t, e, n, { delay: i = 0, duration: r = 300, repeat: o = 0, repeatType: s = "loop", ease: a = "easeInOut", times: l } = {}) {
|
5326
5332
|
const c = { [e]: n };
|
5327
5333
|
l && (c.offset = l);
|
5328
5334
|
const u = go(a, r);
|
@@ -5335,11 +5341,11 @@ function Yf(t, e, n, { delay: i = 0, duration: r = 300, repeat: o = 0, repeatTyp
|
|
5335
5341
|
direction: s === "reverse" ? "alternate" : "normal"
|
5336
5342
|
});
|
5337
5343
|
}
|
5338
|
-
const
|
5339
|
-
function
|
5344
|
+
const Qf = /* @__PURE__ */ pi(() => Object.hasOwnProperty.call(Element.prototype, "animate")), cn = 10, td = 2e4;
|
5345
|
+
function ed(t) {
|
5340
5346
|
return Mi(t.type) || t.type === "spring" || !mo(t.ease);
|
5341
5347
|
}
|
5342
|
-
function
|
5348
|
+
function nd(t, e) {
|
5343
5349
|
const n = new Wi({
|
5344
5350
|
...e,
|
5345
5351
|
keyframes: t,
|
@@ -5350,7 +5356,7 @@ function Jf(t, e) {
|
|
5350
5356
|
let i = { done: !1, value: t[0] };
|
5351
5357
|
const r = [];
|
5352
5358
|
let o = 0;
|
5353
|
-
for (; !i.done && o <
|
5359
|
+
for (; !i.done && o < td; )
|
5354
5360
|
i = n.sample(o), r.push(i.value), o += cn;
|
5355
5361
|
return {
|
5356
5362
|
times: void 0,
|
@@ -5364,7 +5370,7 @@ const Jo = {
|
|
5364
5370
|
backInOut: Eo,
|
5365
5371
|
circInOut: Do
|
5366
5372
|
};
|
5367
|
-
function
|
5373
|
+
function id(t) {
|
5368
5374
|
return t in Jo;
|
5369
5375
|
}
|
5370
5376
|
class Ir extends Ko {
|
@@ -5377,11 +5383,11 @@ class Ir extends Ko {
|
|
5377
5383
|
let { duration: i = 300, times: r, ease: o, type: s, motionValue: a, name: l, startTime: c } = this.options;
|
5378
5384
|
if (!a.owner || !a.owner.current)
|
5379
5385
|
return !1;
|
5380
|
-
if (typeof o == "string" && on() &&
|
5381
|
-
const { onComplete: f, onUpdate: d, motionValue: h, element: p, ...g } = this.options, S =
|
5386
|
+
if (typeof o == "string" && on() && id(o) && (o = Jo[o]), ed(this.options)) {
|
5387
|
+
const { onComplete: f, onUpdate: d, motionValue: h, element: p, ...g } = this.options, S = nd(e, g);
|
5382
5388
|
e = S.keyframes, e.length === 1 && (e[1] = e[0]), i = S.duration, r = S.times, o = S.ease, s = "keyframes";
|
5383
5389
|
}
|
5384
|
-
const u =
|
5390
|
+
const u = Jf(a.owner.current, l, e, { ...this.options, duration: i, times: r, ease: o });
|
5385
5391
|
return u.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (vr(u, this.pendingTimeline), this.pendingTimeline = void 0) : u.onfinish = () => {
|
5386
5392
|
const { onComplete: f } = this.options;
|
5387
5393
|
a.set(Sn(e, this.options, n)), f && f(), this.cancel(), this.resolveFinishedPromise();
|
@@ -5513,32 +5519,32 @@ class Ir extends Ko {
|
|
5513
5519
|
if (!n || !n.owner || !(n.owner.current instanceof HTMLElement))
|
5514
5520
|
return !1;
|
5515
5521
|
const { onUpdate: l, transformTemplate: c } = n.owner.getProps();
|
5516
|
-
return
|
5522
|
+
return Qf() && i && Zf.has(i) && /**
|
5517
5523
|
* If we're outputting values to onUpdate then we can't use WAAPI as there's
|
5518
5524
|
* no way to read the value from WAAPI every frame.
|
5519
5525
|
*/
|
5520
5526
|
!l && !c && !r && o !== "mirror" && s !== 0 && a !== "inertia";
|
5521
5527
|
}
|
5522
5528
|
}
|
5523
|
-
const
|
5529
|
+
const rd = {
|
5524
5530
|
type: "spring",
|
5525
5531
|
stiffness: 500,
|
5526
5532
|
damping: 25,
|
5527
5533
|
restSpeed: 10
|
5528
|
-
},
|
5534
|
+
}, sd = (t) => ({
|
5529
5535
|
type: "spring",
|
5530
5536
|
stiffness: 550,
|
5531
5537
|
damping: t === 0 ? 2 * Math.sqrt(550) : 30,
|
5532
5538
|
restSpeed: 10
|
5533
|
-
}),
|
5539
|
+
}), od = {
|
5534
5540
|
type: "keyframes",
|
5535
5541
|
duration: 0.8
|
5536
|
-
},
|
5542
|
+
}, ad = {
|
5537
5543
|
type: "keyframes",
|
5538
5544
|
ease: [0.25, 0.1, 0.35, 1],
|
5539
5545
|
duration: 0.3
|
5540
|
-
},
|
5541
|
-
function
|
5546
|
+
}, ld = (t, { keyframes: e }) => e.length > 2 ? od : Zt.has(t) ? t.startsWith("scale") ? sd(e[1]) : rd : ad;
|
5547
|
+
function cd({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: r, repeat: o, repeatType: s, repeatDelay: a, from: l, elapsed: c, ...u }) {
|
5542
5548
|
return !!Object.keys(u).length;
|
5543
5549
|
}
|
5544
5550
|
const Gi = (t, e, n, i = {}, r, o) => (s) => {
|
@@ -5561,9 +5567,9 @@ const Gi = (t, e, n, i = {}, r, o) => (s) => {
|
|
5561
5567
|
motionValue: e,
|
5562
5568
|
element: o ? void 0 : r
|
5563
5569
|
};
|
5564
|
-
|
5570
|
+
cd(a) || (u = {
|
5565
5571
|
...u,
|
5566
|
-
...
|
5572
|
+
...ld(t, u)
|
5567
5573
|
}), u.duration && (u.duration = /* @__PURE__ */ Et(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ Et(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
|
5568
5574
|
let f = !1;
|
5569
5575
|
if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (f = !0)), f && !o && e.get() !== void 0) {
|
@@ -5571,11 +5577,11 @@ const Gi = (t, e, n, i = {}, r, o) => (s) => {
|
|
5571
5577
|
if (d !== void 0)
|
5572
5578
|
return N.update(() => {
|
5573
5579
|
u.onUpdate(d), u.onComplete();
|
5574
|
-
}), new
|
5580
|
+
}), new Eu([]);
|
5575
5581
|
}
|
5576
5582
|
return !o && Ir.supports(u) ? new Ir(u) : new Wi(u);
|
5577
5583
|
};
|
5578
|
-
function
|
5584
|
+
function ud({ protectedKeys: t, needsAnimating: e }, n) {
|
5579
5585
|
const i = t.hasOwnProperty(n) && e[n] !== !0;
|
5580
5586
|
return e[n] = !1, i;
|
5581
5587
|
}
|
@@ -5586,7 +5592,7 @@ function Qo(t, e, { delay: n = 0, transitionOverride: i, type: r } = {}) {
|
|
5586
5592
|
const c = [], u = r && t.animationState && t.animationState.getState()[r];
|
5587
5593
|
for (const f in l) {
|
5588
5594
|
const d = t.getValue(f, (o = t.latestValues[f]) !== null && o !== void 0 ? o : null), h = l[f];
|
5589
|
-
if (h === void 0 || u &&
|
5595
|
+
if (h === void 0 || u && ud(u, f))
|
5590
5596
|
continue;
|
5591
5597
|
const p = {
|
5592
5598
|
delay: n,
|
@@ -5617,7 +5623,7 @@ function ni(t, e, n = {}) {
|
|
5617
5623
|
n.transitionOverride && (o = n.transitionOverride);
|
5618
5624
|
const s = r ? () => Promise.all(Qo(t, r, n)) : () => Promise.resolve(), a = t.variantChildren && t.variantChildren.size ? (c = 0) => {
|
5619
5625
|
const { delayChildren: u = 0, staggerChildren: f, staggerDirection: d } = o;
|
5620
|
-
return
|
5626
|
+
return fd(t, e, u + c, f, d, n);
|
5621
5627
|
} : () => Promise.resolve(), { when: l } = o;
|
5622
5628
|
if (l) {
|
5623
5629
|
const [c, u] = l === "beforeChildren" ? [s, a] : [a, s];
|
@@ -5625,16 +5631,16 @@ function ni(t, e, n = {}) {
|
|
5625
5631
|
} else
|
5626
5632
|
return Promise.all([s(), a(n.delay)]);
|
5627
5633
|
}
|
5628
|
-
function
|
5634
|
+
function fd(t, e, n = 0, i = 0, r = 1, o) {
|
5629
5635
|
const s = [], a = (t.variantChildren.size - 1) * i, l = r === 1 ? (c = 0) => c * i : (c = 0) => a - c * i;
|
5630
|
-
return Array.from(t.variantChildren).sort(
|
5636
|
+
return Array.from(t.variantChildren).sort(dd).forEach((c, u) => {
|
5631
5637
|
c.notify("AnimationStart", e), s.push(ni(c, e, {
|
5632
5638
|
...o,
|
5633
5639
|
delay: n + l(u)
|
5634
5640
|
}).then(() => c.notify("AnimationComplete", e)));
|
5635
5641
|
}), Promise.all(s);
|
5636
5642
|
}
|
5637
|
-
function
|
5643
|
+
function dd(t, e) {
|
5638
5644
|
return t.sortNodePosition(e);
|
5639
5645
|
}
|
5640
5646
|
function ta(t, e, n = {}) {
|
@@ -5664,7 +5670,7 @@ function ea(t, e) {
|
|
5664
5670
|
return !1;
|
5665
5671
|
return !0;
|
5666
5672
|
}
|
5667
|
-
const
|
5673
|
+
const hd = gi.length;
|
5668
5674
|
function na(t) {
|
5669
5675
|
if (!t)
|
5670
5676
|
return;
|
@@ -5673,18 +5679,18 @@ function na(t) {
|
|
5673
5679
|
return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
|
5674
5680
|
}
|
5675
5681
|
const e = {};
|
5676
|
-
for (let n = 0; n <
|
5682
|
+
for (let n = 0; n < hd; n++) {
|
5677
5683
|
const i = gi[n], r = t.props[i];
|
5678
5684
|
(Me(r) || r === !1) && (e[i] = r);
|
5679
5685
|
}
|
5680
5686
|
return e;
|
5681
5687
|
}
|
5682
|
-
const
|
5683
|
-
function
|
5688
|
+
const pd = [...mi].reverse(), md = mi.length;
|
5689
|
+
function gd(t) {
|
5684
5690
|
return (e) => Promise.all(e.map(({ animation: n, options: i }) => ta(t, n, i)));
|
5685
5691
|
}
|
5686
|
-
function
|
5687
|
-
let e =
|
5692
|
+
function yd(t) {
|
5693
|
+
let e = gd(t), n = Br(), i = !0;
|
5688
5694
|
const r = (l) => (c, u) => {
|
5689
5695
|
var f;
|
5690
5696
|
const d = Oe(t, u, l === "exit" ? (f = t.presenceContext) === null || f === void 0 ? void 0 : f.custom : void 0);
|
@@ -5700,8 +5706,8 @@ function hd(t) {
|
|
5700
5706
|
function s(l) {
|
5701
5707
|
const { props: c } = t, u = na(t.parent) || {}, f = [], d = /* @__PURE__ */ new Set();
|
5702
5708
|
let h = {}, p = 1 / 0;
|
5703
|
-
for (let S = 0; S <
|
5704
|
-
const v =
|
5709
|
+
for (let S = 0; S < md; S++) {
|
5710
|
+
const v = pd[S], w = n[v], T = c[v] !== void 0 ? c[v] : u[v], V = Me(T), m = v === l ? w.isActive : null;
|
5705
5711
|
m === !1 && (p = S);
|
5706
5712
|
let E = T === u[v] && T !== c[v] && V;
|
5707
5713
|
if (E && i && t.manuallyAnimateOnMount && (E = !1), w.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
|
@@ -5709,14 +5715,14 @@ function hd(t) {
|
|
5709
5715
|
!T && !w.prevProp || // Or if the prop doesn't define an animation
|
5710
5716
|
xn(T) || typeof T == "boolean")
|
5711
5717
|
continue;
|
5712
|
-
const M =
|
5718
|
+
const M = vd(w.prevProp, T);
|
5713
5719
|
let y = M || // If we're making this variant active, we want to always make it active
|
5714
5720
|
v === l && w.isActive && !E && V || // If we removed a higher-priority variant (i is in reverse order)
|
5715
5721
|
S > p && V, b = !1;
|
5716
5722
|
const x = Array.isArray(T) ? T : [T];
|
5717
5723
|
let C = x.reduce(r(v), {});
|
5718
5724
|
m === !1 && (C = {});
|
5719
|
-
const { prevResolvedValues: O = {} } = w,
|
5725
|
+
const { prevResolvedValues: O = {} } = w, z = {
|
5720
5726
|
...O,
|
5721
5727
|
...C
|
5722
5728
|
}, q = (k) => {
|
@@ -5724,7 +5730,7 @@ function hd(t) {
|
|
5724
5730
|
const _ = t.getValue(k);
|
5725
5731
|
_ && (_.liveStyle = !1);
|
5726
5732
|
};
|
5727
|
-
for (const k in
|
5733
|
+
for (const k in z) {
|
5728
5734
|
const _ = C[k], at = O[k];
|
5729
5735
|
if (h.hasOwnProperty(k))
|
5730
5736
|
continue;
|
@@ -5773,7 +5779,7 @@ function hd(t) {
|
|
5773
5779
|
}
|
5774
5780
|
};
|
5775
5781
|
}
|
5776
|
-
function
|
5782
|
+
function vd(t, e) {
|
5777
5783
|
return typeof e == "string" ? e !== t : Array.isArray(e) ? !ea(e, t) : !1;
|
5778
5784
|
}
|
5779
5785
|
function Ht(t = !1) {
|
@@ -5802,14 +5808,14 @@ class zt {
|
|
5802
5808
|
update() {
|
5803
5809
|
}
|
5804
5810
|
}
|
5805
|
-
class
|
5811
|
+
class xd extends zt {
|
5806
5812
|
/**
|
5807
5813
|
* We dynamically generate the AnimationState manager as it contains a reference
|
5808
5814
|
* to the underlying animation library. We only want to load that if we load this,
|
5809
5815
|
* so people can optionally code split it out using the `m` component.
|
5810
5816
|
*/
|
5811
5817
|
constructor(e) {
|
5812
|
-
super(e), e.animationState || (e.animationState =
|
5818
|
+
super(e), e.animationState || (e.animationState = yd(e));
|
5813
5819
|
}
|
5814
5820
|
updateAnimationControlsSubscription() {
|
5815
5821
|
const { animate: e } = this.node.getProps();
|
@@ -5830,10 +5836,10 @@ class md extends zt {
|
|
5830
5836
|
this.node.animationState.reset(), (e = this.unmountControls) === null || e === void 0 || e.call(this);
|
5831
5837
|
}
|
5832
5838
|
}
|
5833
|
-
let
|
5834
|
-
class
|
5839
|
+
let bd = 0;
|
5840
|
+
class Sd extends zt {
|
5835
5841
|
constructor() {
|
5836
|
-
super(...arguments), this.id =
|
5842
|
+
super(...arguments), this.id = bd++;
|
5837
5843
|
}
|
5838
5844
|
update() {
|
5839
5845
|
if (!this.node.presenceContext)
|
@@ -5853,12 +5859,12 @@ class yd extends zt {
|
|
5853
5859
|
unmount() {
|
5854
5860
|
}
|
5855
5861
|
}
|
5856
|
-
const
|
5862
|
+
const wd = {
|
5857
5863
|
animation: {
|
5858
|
-
Feature:
|
5864
|
+
Feature: xd
|
5859
5865
|
},
|
5860
5866
|
exit: {
|
5861
|
-
Feature:
|
5867
|
+
Feature: Sd
|
5862
5868
|
}
|
5863
5869
|
};
|
5864
5870
|
function Ie(t, e, n, i = { passive: !0 }) {
|
@@ -5872,9 +5878,9 @@ function Ne(t) {
|
|
5872
5878
|
}
|
5873
5879
|
};
|
5874
5880
|
}
|
5875
|
-
const
|
5881
|
+
const Td = (t) => (e) => Li(e) && t(e, Ne(e));
|
5876
5882
|
function te(t, e, n, i) {
|
5877
|
-
return Ie(t, e,
|
5883
|
+
return Ie(t, e, Td(n), i);
|
5878
5884
|
}
|
5879
5885
|
function ia({ top: t, left: e, right: n, bottom: i }) {
|
5880
5886
|
return {
|
@@ -5882,10 +5888,10 @@ function ia({ top: t, left: e, right: n, bottom: i }) {
|
|
5882
5888
|
y: { min: t, max: i }
|
5883
5889
|
};
|
5884
5890
|
}
|
5885
|
-
function
|
5891
|
+
function Cd({ x: t, y: e }) {
|
5886
5892
|
return { top: e.min, right: t.max, bottom: e.max, left: t.min };
|
5887
5893
|
}
|
5888
|
-
function
|
5894
|
+
function Pd(t, e) {
|
5889
5895
|
if (!e)
|
5890
5896
|
return t;
|
5891
5897
|
const n = e({ x: t.left, y: t.top }), i = e({ x: t.right, y: t.bottom });
|
@@ -5896,15 +5902,15 @@ function Sd(t, e) {
|
|
5896
5902
|
right: i.x
|
5897
5903
|
};
|
5898
5904
|
}
|
5899
|
-
const ra = 1e-4,
|
5905
|
+
const ra = 1e-4, Ad = 1 - ra, Vd = 1 + ra, sa = 0.01, Ed = 0 - sa, Rd = 0 + sa;
|
5900
5906
|
function ot(t) {
|
5901
5907
|
return t.max - t.min;
|
5902
5908
|
}
|
5903
|
-
function
|
5909
|
+
function Md(t, e, n) {
|
5904
5910
|
return Math.abs(t - e) <= n;
|
5905
5911
|
}
|
5906
5912
|
function $r(t, e, n, i = 0.5) {
|
5907
|
-
t.origin = i, t.originPoint = K(e.min, e.max, t.origin), t.scale = ot(n) / ot(e), t.translate = K(n.min, n.max, t.origin) - t.originPoint, (t.scale >=
|
5913
|
+
t.origin = i, t.originPoint = K(e.min, e.max, t.origin), t.scale = ot(n) / ot(e), t.translate = K(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Ad && t.scale <= Vd || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Ed && t.translate <= Rd || isNaN(t.translate)) && (t.translate = 0);
|
5908
5914
|
}
|
5909
5915
|
function Ce(t, e, n, i) {
|
5910
5916
|
$r(t.x, e.x, n.x, i ? i.originX : void 0), $r(t.y, e.y, n.y, i ? i.originY : void 0);
|
@@ -5912,7 +5918,7 @@ function Ce(t, e, n, i) {
|
|
5912
5918
|
function jr(t, e, n) {
|
5913
5919
|
t.min = n.min + e.min, t.max = t.min + ot(e);
|
5914
5920
|
}
|
5915
|
-
function
|
5921
|
+
function Dd(t, e, n) {
|
5916
5922
|
jr(t.x, e.x, n.x), jr(t.y, e.y, n.y);
|
5917
5923
|
}
|
5918
5924
|
function _r(t, e, n) {
|
@@ -5965,7 +5971,7 @@ function aa(t, { x: e, y: n }) {
|
|
5965
5971
|
ri(t.x, e.translate, e.scale, e.originPoint), ri(t.y, n.translate, n.scale, n.originPoint);
|
5966
5972
|
}
|
5967
5973
|
const Gr = 0.999999999999, Kr = 1.0000000000001;
|
5968
|
-
function
|
5974
|
+
function Ld(t, e, n, i = !1) {
|
5969
5975
|
const r = n.length;
|
5970
5976
|
if (!r)
|
5971
5977
|
return;
|
@@ -5992,14 +5998,14 @@ function ie(t, e) {
|
|
5992
5998
|
Hr(t.x, e.x, e.scaleX, e.scale, e.originX), Hr(t.y, e.y, e.scaleY, e.scale, e.originY);
|
5993
5999
|
}
|
5994
6000
|
function la(t, e) {
|
5995
|
-
return ia(
|
6001
|
+
return ia(Pd(t.getBoundingClientRect(), e));
|
5996
6002
|
}
|
5997
|
-
function
|
6003
|
+
function Od(t, e, n) {
|
5998
6004
|
const i = la(t, n), { scroll: r } = e;
|
5999
6005
|
return r && (ne(i.x, r.offset.x), ne(i.y, r.offset.y)), i;
|
6000
6006
|
}
|
6001
6007
|
const Yr = (t, e) => Math.abs(t - e);
|
6002
|
-
function
|
6008
|
+
function kd(t, e) {
|
6003
6009
|
const n = Yr(t.x, e.x), i = Yr(t.y, e.y);
|
6004
6010
|
return Math.sqrt(n ** 2 + i ** 2);
|
6005
6011
|
}
|
@@ -6008,7 +6014,7 @@ class ca {
|
|
6008
6014
|
if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
|
6009
6015
|
if (!(this.lastMoveEvent && this.lastMoveEventInfo))
|
6010
6016
|
return;
|
6011
|
-
const u = kn(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d =
|
6017
|
+
const u = kn(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = kd(u.offset, { x: 0, y: 0 }) >= 3;
|
6012
6018
|
if (!f && !d)
|
6013
6019
|
return;
|
6014
6020
|
const { point: h } = u, { timestamp: p } = Z;
|
@@ -6055,17 +6061,17 @@ function kn({ point: t }, e) {
|
|
6055
6061
|
return {
|
6056
6062
|
point: t,
|
6057
6063
|
delta: qr(t, ua(e)),
|
6058
|
-
offset: qr(t,
|
6059
|
-
velocity:
|
6064
|
+
offset: qr(t, Fd(e)),
|
6065
|
+
velocity: Id(e, 0.1)
|
6060
6066
|
};
|
6061
6067
|
}
|
6062
|
-
function
|
6068
|
+
function Fd(t) {
|
6063
6069
|
return t[0];
|
6064
6070
|
}
|
6065
6071
|
function ua(t) {
|
6066
6072
|
return t[t.length - 1];
|
6067
6073
|
}
|
6068
|
-
function
|
6074
|
+
function Id(t, e) {
|
6069
6075
|
if (t.length < 2)
|
6070
6076
|
return { x: 0, y: 0 };
|
6071
6077
|
let n = t.length - 1, i = null;
|
@@ -6083,7 +6089,7 @@ function Ld(t, e) {
|
|
6083
6089
|
};
|
6084
6090
|
return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
|
6085
6091
|
}
|
6086
|
-
function
|
6092
|
+
function Bd(t, { min: e, max: n }, i) {
|
6087
6093
|
return e !== void 0 && t < e ? t = i ? K(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? K(n, t, i.max) : Math.min(t, n)), t;
|
6088
6094
|
}
|
6089
6095
|
function Xr(t, e, n) {
|
@@ -6092,7 +6098,7 @@ function Xr(t, e, n) {
|
|
6092
6098
|
max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
|
6093
6099
|
};
|
6094
6100
|
}
|
6095
|
-
function
|
6101
|
+
function $d(t, { top: e, left: n, bottom: i, right: r }) {
|
6096
6102
|
return {
|
6097
6103
|
x: Xr(t.x, n, r),
|
6098
6104
|
y: Xr(t.y, e, i)
|
@@ -6102,23 +6108,23 @@ function Zr(t, e) {
|
|
6102
6108
|
let n = e.min - t.min, i = e.max - t.max;
|
6103
6109
|
return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
|
6104
6110
|
}
|
6105
|
-
function
|
6111
|
+
function jd(t, e) {
|
6106
6112
|
return {
|
6107
6113
|
x: Zr(t.x, e.x),
|
6108
6114
|
y: Zr(t.y, e.y)
|
6109
6115
|
};
|
6110
6116
|
}
|
6111
|
-
function
|
6117
|
+
function _d(t, e) {
|
6112
6118
|
let n = 0.5;
|
6113
6119
|
const i = ot(t), r = ot(e);
|
6114
6120
|
return r > i ? n = /* @__PURE__ */ ae(e.min, e.max - i, t.min) : i > r && (n = /* @__PURE__ */ ae(t.min, t.max - r, e.min)), kt(0, 1, n);
|
6115
6121
|
}
|
6116
|
-
function
|
6122
|
+
function Nd(t, e) {
|
6117
6123
|
const n = {};
|
6118
6124
|
return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
|
6119
6125
|
}
|
6120
6126
|
const si = 0.35;
|
6121
|
-
function
|
6127
|
+
function Ud(t = si) {
|
6122
6128
|
return t === !1 ? t = 0 : t === !0 && (t = si), {
|
6123
6129
|
x: Jr(t, "left", "right"),
|
6124
6130
|
y: Jr(t, "top", "bottom")
|
@@ -6133,8 +6139,8 @@ function Jr(t, e, n) {
|
|
6133
6139
|
function Qr(t, e) {
|
6134
6140
|
return typeof t == "number" ? t : t[e] || 0;
|
6135
6141
|
}
|
6136
|
-
const
|
6137
|
-
class
|
6142
|
+
const zd = /* @__PURE__ */ new WeakMap();
|
6143
|
+
class Wd {
|
6138
6144
|
constructor(e) {
|
6139
6145
|
this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = H(), this.visualElement = e;
|
6140
6146
|
}
|
@@ -6147,7 +6153,7 @@ class _d {
|
|
6147
6153
|
f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ne(u).point);
|
6148
6154
|
}, o = (u, f) => {
|
6149
6155
|
const { drag: d, dragPropagation: h, onDragStart: p } = this.getProps();
|
6150
|
-
if (d && !h && (this.openDragLock && this.openDragLock(), this.openDragLock =
|
6156
|
+
if (d && !h && (this.openDragLock && this.openDragLock(), this.openDragLock = Bu(d), !this.openDragLock))
|
6151
6157
|
return;
|
6152
6158
|
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), vt((S) => {
|
6153
6159
|
let v = this.getAxisMotionValue(S).get() || 0;
|
@@ -6168,7 +6174,7 @@ class _d {
|
|
6168
6174
|
return;
|
6169
6175
|
const { offset: S } = f;
|
6170
6176
|
if (h && this.currentDirection === null) {
|
6171
|
-
this.currentDirection =
|
6177
|
+
this.currentDirection = Gd(S), this.currentDirection !== null && p && p(this.currentDirection);
|
6172
6178
|
return;
|
6173
6179
|
}
|
6174
6180
|
this.updateAxis("x", f.point, S), this.updateAxis("y", f.point, S), this.visualElement.render(), g && g(u, f);
|
@@ -6209,13 +6215,13 @@ class _d {
|
|
6209
6215
|
return;
|
6210
6216
|
const o = this.getAxisMotionValue(e);
|
6211
6217
|
let s = this.originPoint[e] + i[e];
|
6212
|
-
this.constraints && this.constraints[e] && (s =
|
6218
|
+
this.constraints && this.constraints[e] && (s = Bd(s, this.constraints[e], this.elastic[e])), o.set(s);
|
6213
6219
|
}
|
6214
6220
|
resolveConstraints() {
|
6215
6221
|
var e;
|
6216
6222
|
const { dragConstraints: n, dragElastic: i } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (e = this.visualElement.projection) === null || e === void 0 ? void 0 : e.layout, o = this.constraints;
|
6217
|
-
n && Jt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && r ? this.constraints =
|
6218
|
-
this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] =
|
6223
|
+
n && Jt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && r ? this.constraints = $d(r.layoutBox, n) : this.constraints = !1, this.elastic = Ud(i), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && vt((s) => {
|
6224
|
+
this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = Nd(r.layoutBox[s], this.constraints[s]));
|
6219
6225
|
});
|
6220
6226
|
}
|
6221
6227
|
resolveRefConstraints() {
|
@@ -6227,10 +6233,10 @@ class _d {
|
|
6227
6233
|
const { projection: r } = this.visualElement;
|
6228
6234
|
if (!r || !r.layout)
|
6229
6235
|
return !1;
|
6230
|
-
const o =
|
6231
|
-
let s =
|
6236
|
+
const o = Od(i, r.root, this.visualElement.getTransformPagePoint());
|
6237
|
+
let s = jd(r.layout.layoutBox, o);
|
6232
6238
|
if (n) {
|
6233
|
-
const a = n(
|
6239
|
+
const a = n(Cd(s));
|
6234
6240
|
this.hasMutatedConstraints = !!a, a && (s = ia(a));
|
6235
6241
|
}
|
6236
6242
|
return s;
|
@@ -6312,7 +6318,7 @@ class _d {
|
|
6312
6318
|
const a = this.getAxisMotionValue(s);
|
6313
6319
|
if (a && this.constraints !== !1) {
|
6314
6320
|
const l = a.get();
|
6315
|
-
r[s] =
|
6321
|
+
r[s] = _d({ min: l, max: l }, this.constraints[s]);
|
6316
6322
|
}
|
6317
6323
|
});
|
6318
6324
|
const { transformTemplate: o } = this.visualElement.getProps();
|
@@ -6326,7 +6332,7 @@ class _d {
|
|
6326
6332
|
addListeners() {
|
6327
6333
|
if (!this.visualElement.current)
|
6328
6334
|
return;
|
6329
|
-
|
6335
|
+
zd.set(this.visualElement, this);
|
6330
6336
|
const e = this.visualElement.current, n = te(e, "pointerdown", (l) => {
|
6331
6337
|
const { drag: c, dragListener: u = !0 } = this.getProps();
|
6332
6338
|
c && u && this.start(l);
|
@@ -6361,13 +6367,13 @@ class _d {
|
|
6361
6367
|
function He(t, e, n) {
|
6362
6368
|
return (e === !0 || e === t) && (n === null || n === t);
|
6363
6369
|
}
|
6364
|
-
function
|
6370
|
+
function Gd(t, e = 10) {
|
6365
6371
|
let n = null;
|
6366
6372
|
return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
|
6367
6373
|
}
|
6368
|
-
class
|
6374
|
+
class Kd extends zt {
|
6369
6375
|
constructor(e) {
|
6370
|
-
super(e), this.removeGroupControls = ft, this.removeListeners = ft, this.controls = new
|
6376
|
+
super(e), this.removeGroupControls = ft, this.removeListeners = ft, this.controls = new Wd(e);
|
6371
6377
|
}
|
6372
6378
|
mount() {
|
6373
6379
|
const { dragControls: e } = this.node.getProps();
|
@@ -6380,7 +6386,7 @@ class Ud extends zt {
|
|
6380
6386
|
const ts = (t) => (e, n) => {
|
6381
6387
|
t && N.postRender(() => t(e, n));
|
6382
6388
|
};
|
6383
|
-
class
|
6389
|
+
class Hd extends zt {
|
6384
6390
|
constructor() {
|
6385
6391
|
super(...arguments), this.removePointerDownListener = ft;
|
6386
6392
|
}
|
@@ -6437,7 +6443,7 @@ const ye = {
|
|
6437
6443
|
const n = es(t, e.target.x), i = es(t, e.target.y);
|
6438
6444
|
return `${n}% ${i}%`;
|
6439
6445
|
}
|
6440
|
-
},
|
6446
|
+
}, Yd = {
|
6441
6447
|
correct: (t, { treeScale: e, projectionDelta: n }) => {
|
6442
6448
|
const i = t, r = Ut.parse(t);
|
6443
6449
|
if (r.length > 5)
|
@@ -6448,7 +6454,7 @@ const ye = {
|
|
6448
6454
|
return typeof r[2 + s] == "number" && (r[2 + s] /= c), typeof r[3 + s] == "number" && (r[3 + s] /= c), o(r);
|
6449
6455
|
}
|
6450
6456
|
};
|
6451
|
-
class
|
6457
|
+
class qd extends Ra {
|
6452
6458
|
/**
|
6453
6459
|
* This only mounts projection nodes for components that
|
6454
6460
|
* need measuring, we might want to do it for all components
|
@@ -6456,7 +6462,7 @@ class Gd extends Ra {
|
|
6456
6462
|
*/
|
6457
6463
|
componentDidMount() {
|
6458
6464
|
const { visualElement: e, layoutGroup: n, switchLayoutGroup: i, layoutId: r } = this.props, { projection: o } = e;
|
6459
|
-
|
6465
|
+
eu(Xd), o && (n.group && n.group.add(o), i && i.register && r && i.register(o), o.root.didUpdate(), o.addEventListener("animationComplete", () => {
|
6460
6466
|
this.safeToRemove();
|
6461
6467
|
}), o.setOptions({
|
6462
6468
|
...o.options,
|
@@ -6489,10 +6495,10 @@ class Gd extends Ra {
|
|
6489
6495
|
}
|
6490
6496
|
}
|
6491
6497
|
function fa(t) {
|
6492
|
-
const [e, n] =
|
6493
|
-
return As(
|
6498
|
+
const [e, n] = Oc(), i = st(Ws);
|
6499
|
+
return As(qd, { ...t, layoutGroup: i, switchLayoutGroup: st(Qs), isPresent: e, safeToRemove: n });
|
6494
6500
|
}
|
6495
|
-
const
|
6501
|
+
const Xd = {
|
6496
6502
|
borderRadius: {
|
6497
6503
|
...ye,
|
6498
6504
|
applyTo: [
|
@@ -6506,17 +6512,17 @@ const Kd = {
|
|
6506
6512
|
borderTopRightRadius: ye,
|
6507
6513
|
borderBottomLeftRadius: ye,
|
6508
6514
|
borderBottomRightRadius: ye,
|
6509
|
-
boxShadow:
|
6515
|
+
boxShadow: Yd
|
6510
6516
|
};
|
6511
|
-
function
|
6517
|
+
function Zd(t, e, n) {
|
6512
6518
|
const i = nt(t) ? t : ke(t);
|
6513
6519
|
return i.start(Gi("", i, e, n)), i.animation;
|
6514
6520
|
}
|
6515
|
-
function
|
6521
|
+
function Jd(t) {
|
6516
6522
|
return t instanceof SVGElement && t.tagName !== "svg";
|
6517
6523
|
}
|
6518
|
-
const
|
6519
|
-
class
|
6524
|
+
const Qd = (t, e) => t.depth - e.depth;
|
6525
|
+
class th {
|
6520
6526
|
constructor() {
|
6521
6527
|
this.children = [], this.isDirty = !1;
|
6522
6528
|
}
|
@@ -6527,25 +6533,25 @@ class Xd {
|
|
6527
6533
|
ki(this.children, e), this.isDirty = !0;
|
6528
6534
|
}
|
6529
6535
|
forEach(e) {
|
6530
|
-
this.isDirty && this.children.sort(
|
6536
|
+
this.isDirty && this.children.sort(Qd), this.isDirty = !1, this.children.forEach(e);
|
6531
6537
|
}
|
6532
6538
|
}
|
6533
|
-
function
|
6539
|
+
function eh(t, e) {
|
6534
6540
|
const n = Mt.now(), i = ({ timestamp: r }) => {
|
6535
6541
|
const o = r - n;
|
6536
6542
|
o >= e && (Nt(i), t(o - e));
|
6537
6543
|
};
|
6538
6544
|
return N.read(i, !0), () => Nt(i);
|
6539
6545
|
}
|
6540
|
-
const da = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"],
|
6541
|
-
function
|
6546
|
+
const da = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], nh = da.length, ns = (t) => typeof t == "string" ? parseFloat(t) : t, is = (t) => typeof t == "number" || L.test(t);
|
6547
|
+
function ih(t, e, n, i, r, o) {
|
6542
6548
|
r ? (t.opacity = K(
|
6543
6549
|
0,
|
6544
6550
|
// TODO Reinstate this if only child
|
6545
6551
|
n.opacity !== void 0 ? n.opacity : 1,
|
6546
|
-
|
6547
|
-
), t.opacityExit = K(e.opacity !== void 0 ? e.opacity : 1, 0,
|
6548
|
-
for (let s = 0; s <
|
6552
|
+
rh(i)
|
6553
|
+
), t.opacityExit = K(e.opacity !== void 0 ? e.opacity : 1, 0, sh(i))) : o && (t.opacity = K(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, i));
|
6554
|
+
for (let s = 0; s < nh; s++) {
|
6549
6555
|
const a = `border${da[s]}Radius`;
|
6550
6556
|
let l = rs(e, a), c = rs(n, a);
|
6551
6557
|
if (l === void 0 && c === void 0)
|
@@ -6557,7 +6563,7 @@ function Qd(t, e, n, i, r, o) {
|
|
6557
6563
|
function rs(t, e) {
|
6558
6564
|
return t[e] !== void 0 ? t[e] : t.borderRadius;
|
6559
6565
|
}
|
6560
|
-
const
|
6566
|
+
const rh = /* @__PURE__ */ ha(0, 0.5, Mo), sh = /* @__PURE__ */ ha(0.5, 0.95, ft);
|
6561
6567
|
function ha(t, e, n) {
|
6562
6568
|
return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ ae(t, e, i));
|
6563
6569
|
}
|
@@ -6573,18 +6579,18 @@ function os(t, e) {
|
|
6573
6579
|
function as(t, e, n, i, r) {
|
6574
6580
|
return t -= e, t = un(t, 1 / n, i), r !== void 0 && (t = un(t, 1 / r, i)), t;
|
6575
6581
|
}
|
6576
|
-
function
|
6582
|
+
function oh(t, e = 0, n = 1, i = 0.5, r, o = t, s = t) {
|
6577
6583
|
if (Rt.test(e) && (e = parseFloat(e), e = K(s.min, s.max, e / 100) - s.min), typeof e != "number")
|
6578
6584
|
return;
|
6579
6585
|
let a = K(o.min, o.max, i);
|
6580
6586
|
t === o && (a -= e), t.min = as(t.min, e, n, a, r), t.max = as(t.max, e, n, a, r);
|
6581
6587
|
}
|
6582
6588
|
function ls(t, e, [n, i, r], o, s) {
|
6583
|
-
|
6589
|
+
oh(t, e[n], e[i], e[r], e.scale, o, s);
|
6584
6590
|
}
|
6585
|
-
const
|
6591
|
+
const ah = ["x", "scaleX", "originX"], lh = ["y", "scaleY", "originY"];
|
6586
6592
|
function cs(t, e, n, i) {
|
6587
|
-
ls(t.x, e,
|
6593
|
+
ls(t.x, e, ah, n ? n.x : void 0, i ? i.x : void 0), ls(t.y, e, lh, n ? n.y : void 0, i ? i.y : void 0);
|
6588
6594
|
}
|
6589
6595
|
function us(t) {
|
6590
6596
|
return t.translate === 0 && t.scale === 1;
|
@@ -6595,7 +6601,7 @@ function pa(t) {
|
|
6595
6601
|
function fs(t, e) {
|
6596
6602
|
return t.min === e.min && t.max === e.max;
|
6597
6603
|
}
|
6598
|
-
function
|
6604
|
+
function ch(t, e) {
|
6599
6605
|
return fs(t.x, e.x) && fs(t.y, e.y);
|
6600
6606
|
}
|
6601
6607
|
function ds(t, e) {
|
@@ -6610,7 +6616,7 @@ function hs(t) {
|
|
6610
6616
|
function ps(t, e) {
|
6611
6617
|
return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
|
6612
6618
|
}
|
6613
|
-
class
|
6619
|
+
class uh {
|
6614
6620
|
constructor() {
|
6615
6621
|
this.members = [];
|
6616
6622
|
}
|
@@ -6664,7 +6670,7 @@ class oh {
|
|
6664
6670
|
this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
|
6665
6671
|
}
|
6666
6672
|
}
|
6667
|
-
function
|
6673
|
+
function fh(t, e, n) {
|
6668
6674
|
let i = "";
|
6669
6675
|
const r = t.x.translate / e.x, o = t.y.translate / e.y, s = (n == null ? void 0 : n.z) || 0;
|
6670
6676
|
if ((r || o || s) && (i = `translate3d(${r}px, ${o}px, ${s}px) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
|
@@ -6674,8 +6680,8 @@ function ah(t, e, n) {
|
|
6674
6680
|
const a = t.x.scale * e.x, l = t.y.scale * e.y;
|
6675
6681
|
return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
|
6676
6682
|
}
|
6677
|
-
const Fn = ["", "X", "Y", "Z"],
|
6678
|
-
let
|
6683
|
+
const Fn = ["", "X", "Y", "Z"], dh = { visibility: "hidden" }, ms = 1e3;
|
6684
|
+
let hh = 0;
|
6679
6685
|
function In(t, e, n, i) {
|
6680
6686
|
const { latestValues: r } = e;
|
6681
6687
|
r[t] && (n[t] = r[t], e.setStaticValue(t, 0), i && (i[t] = 0));
|
@@ -6697,14 +6703,14 @@ function ga(t) {
|
|
6697
6703
|
function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: r }) {
|
6698
6704
|
return class {
|
6699
6705
|
constructor(s = {}, a = e == null ? void 0 : e()) {
|
6700
|
-
this.id =
|
6706
|
+
this.id = hh++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
|
6701
6707
|
this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
|
6702
6708
|
}, this.updateProjection = () => {
|
6703
|
-
this.projectionUpdateScheduled = !1, this.nodes.forEach(
|
6709
|
+
this.projectionUpdateScheduled = !1, this.nodes.forEach(gh), this.nodes.forEach(Sh), this.nodes.forEach(wh), this.nodes.forEach(yh);
|
6704
6710
|
}, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = s, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
|
6705
6711
|
for (let l = 0; l < this.path.length; l++)
|
6706
6712
|
this.path[l].shouldResetTransform = !0;
|
6707
|
-
this.root === this && (this.nodes = new
|
6713
|
+
this.root === this && (this.nodes = new th());
|
6708
6714
|
}
|
6709
6715
|
addEventListener(s, a) {
|
6710
6716
|
return this.eventHandlers.has(s) || this.eventHandlers.set(s, new Fi()), this.eventHandlers.get(s).add(a);
|
@@ -6722,13 +6728,13 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6722
6728
|
mount(s, a = this.root.hasTreeAnimated) {
|
6723
6729
|
if (this.instance)
|
6724
6730
|
return;
|
6725
|
-
this.isSVG =
|
6731
|
+
this.isSVG = Jd(s), this.instance = s;
|
6726
6732
|
const { layoutId: l, layout: c, visualElement: u } = this.options;
|
6727
6733
|
if (u && !u.current && u.mount(s), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), t) {
|
6728
6734
|
let f;
|
6729
6735
|
const d = () => this.root.updateBlockedByResize = !1;
|
6730
6736
|
t(s, () => {
|
6731
|
-
this.root.updateBlockedByResize = !0, f && f(), f =
|
6737
|
+
this.root.updateBlockedByResize = !0, f && f(), f = eh(d, 250), tn.hasAnimatedSinceResize && (tn.hasAnimatedSinceResize = !1, this.nodes.forEach(ys));
|
6732
6738
|
});
|
6733
6739
|
}
|
6734
6740
|
l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: d, hasRelativeLayoutChanged: h, layout: p }) => {
|
@@ -6736,7 +6742,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6736
6742
|
this.target = void 0, this.relativeTarget = void 0;
|
6737
6743
|
return;
|
6738
6744
|
}
|
6739
|
-
const g = this.options.transition || u.getDefaultTransition() ||
|
6745
|
+
const g = this.options.transition || u.getDefaultTransition() || Vh, { onLayoutAnimationStart: S, onLayoutAnimationComplete: v } = u.getProps(), w = !this.targetLayout || !ma(this.targetLayout, p), T = !d && h;
|
6740
6746
|
if (this.options.layoutRoot || this.resumeFrom || T || d && (w || !this.currentAnimation)) {
|
6741
6747
|
this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, T);
|
6742
6748
|
const V = {
|
@@ -6770,7 +6776,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6770
6776
|
}
|
6771
6777
|
// Note: currently only running on root node
|
6772
6778
|
startUpdate() {
|
6773
|
-
this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(
|
6779
|
+
this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Th), this.animationId++);
|
6774
6780
|
}
|
6775
6781
|
getTransformTemplate() {
|
6776
6782
|
const { visualElement: s } = this.options;
|
@@ -6799,7 +6805,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6799
6805
|
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(gs);
|
6800
6806
|
return;
|
6801
6807
|
}
|
6802
|
-
this.isUpdating || this.nodes.forEach(
|
6808
|
+
this.isUpdating || this.nodes.forEach(xh), this.isUpdating = !1, this.nodes.forEach(bh), this.nodes.forEach(ph), this.nodes.forEach(mh), this.clearAllSnapshots();
|
6803
6809
|
const a = Mt.now();
|
6804
6810
|
Z.delta = kt(0, 1e3 / 60, a - Z.timestamp), Z.timestamp = a, Z.isProcessing = !0, Vn.update.process(Z), Vn.preRender.process(Z), Vn.render.process(Z), Z.isProcessing = !1;
|
6805
6811
|
}
|
@@ -6807,7 +6813,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6807
6813
|
this.updateScheduled || (this.updateScheduled = !0, vi.read(this.scheduleUpdate));
|
6808
6814
|
}
|
6809
6815
|
clearAllSnapshots() {
|
6810
|
-
this.nodes.forEach(
|
6816
|
+
this.nodes.forEach(vh), this.sharedNodes.forEach(Ch);
|
6811
6817
|
}
|
6812
6818
|
scheduleUpdateProjection() {
|
6813
6819
|
this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, N.preRender(this.updateProjection, !1, !0));
|
@@ -6856,7 +6862,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6856
6862
|
measure(s = !0) {
|
6857
6863
|
const a = this.measurePageBox();
|
6858
6864
|
let l = this.removeElementScroll(a);
|
6859
|
-
return s && (l = this.removeTransform(l)),
|
6865
|
+
return s && (l = this.removeTransform(l)), Eh(l), {
|
6860
6866
|
animationId: this.root.animationId,
|
6861
6867
|
measuredBox: a,
|
6862
6868
|
layoutBox: l,
|
@@ -6870,7 +6876,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6870
6876
|
if (!a)
|
6871
6877
|
return H();
|
6872
6878
|
const l = a.measureViewportBox();
|
6873
|
-
if (!(((s = this.scroll) === null || s === void 0 ? void 0 : s.wasRoot) || this.path.some(
|
6879
|
+
if (!(((s = this.scroll) === null || s === void 0 ? void 0 : s.wasRoot) || this.path.some(Rh))) {
|
6874
6880
|
const { scroll: u } = this.root;
|
6875
6881
|
u && (ne(l.x, u.offset.x), ne(l.y, u.offset.y));
|
6876
6882
|
}
|
@@ -6941,7 +6947,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6941
6947
|
const h = this.getClosestProjectingParent();
|
6942
6948
|
h && h.layout && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = H(), this.relativeTargetOrigin = H(), Pe(this.relativeTargetOrigin, this.layout.layoutBox, h.layout.layoutBox), yt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
6943
6949
|
}
|
6944
|
-
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = H(), this.targetWithTransforms = H()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(),
|
6950
|
+
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = H(), this.targetWithTransforms = H()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Dd(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : yt(this.target, this.layout.layoutBox), aa(this.target, this.targetDelta)) : yt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
|
6945
6951
|
this.attemptToResolveRelativeTarget = !1;
|
6946
6952
|
const h = this.getClosestProjectingParent();
|
6947
6953
|
h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = H(), this.relativeTargetOrigin = H(), Pe(this.relativeTargetOrigin, this.target, h.target), yt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
@@ -6966,7 +6972,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6966
6972
|
return;
|
6967
6973
|
yt(this.layoutCorrected, this.layout.layoutBox);
|
6968
6974
|
const d = this.treeScale.x, h = this.treeScale.y;
|
6969
|
-
|
6975
|
+
Ld(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = H());
|
6970
6976
|
const { target: p } = a;
|
6971
6977
|
if (!p) {
|
6972
6978
|
this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
|
@@ -6994,17 +7000,17 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
6994
7000
|
setAnimationOrigin(s, a = !1) {
|
6995
7001
|
const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, f = ee();
|
6996
7002
|
(!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
|
6997
|
-
const d = H(), h = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, g = h !== p, S = this.getStack(), v = !S || S.members.length <= 1, w = !!(g && !v && this.options.crossfade === !0 && !this.path.some(
|
7003
|
+
const d = H(), h = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, g = h !== p, S = this.getStack(), v = !S || S.members.length <= 1, w = !!(g && !v && this.options.crossfade === !0 && !this.path.some(Ah));
|
6998
7004
|
this.animationProgress = 0;
|
6999
7005
|
let T;
|
7000
7006
|
this.mixTargetDelta = (V) => {
|
7001
7007
|
const m = V / 1e3;
|
7002
|
-
vs(f.x, s.x, m), vs(f.y, s.y, m), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Pe(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox),
|
7008
|
+
vs(f.x, s.x, m), vs(f.y, s.y, m), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Pe(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ph(this.relativeTarget, this.relativeTargetOrigin, d, m), T && ch(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = H()), yt(T, this.relativeTarget)), g && (this.animationValues = u, ih(u, c, this.latestValues, m, w, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = m;
|
7003
7009
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
7004
7010
|
}
|
7005
7011
|
startAnimation(s) {
|
7006
7012
|
this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Nt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = N.update(() => {
|
7007
|
-
tn.hasAnimatedSinceResize = !0, this.currentAnimation =
|
7013
|
+
tn.hasAnimatedSinceResize = !0, this.currentAnimation = Zd(0, ms, {
|
7008
7014
|
...s,
|
7009
7015
|
onUpdate: (a) => {
|
7010
7016
|
this.mixTargetDelta(a), s.onUpdate && s.onUpdate(a);
|
@@ -7040,7 +7046,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
7040
7046
|
}
|
7041
7047
|
}
|
7042
7048
|
registerSharedNode(s, a) {
|
7043
|
-
this.sharedNodes.has(s) || this.sharedNodes.set(s, new
|
7049
|
+
this.sharedNodes.has(s) || this.sharedNodes.set(s, new uh()), this.sharedNodes.get(s).add(a);
|
7044
7050
|
const c = a.options.initialPromotionConfig;
|
7045
7051
|
a.promote({
|
7046
7052
|
transition: c ? c.transition : void 0,
|
@@ -7096,7 +7102,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
7096
7102
|
if (!this.instance || this.isSVG)
|
7097
7103
|
return;
|
7098
7104
|
if (!this.isVisible)
|
7099
|
-
return
|
7105
|
+
return dh;
|
7100
7106
|
const c = {
|
7101
7107
|
visibility: ""
|
7102
7108
|
}, u = this.getTransformTemplate();
|
@@ -7108,7 +7114,7 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
7108
7114
|
return this.options.layoutId && (g.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, g.pointerEvents = Je(s == null ? void 0 : s.pointerEvents) || ""), this.hasProjected && !Yt(this.latestValues) && (g.transform = u ? u({}, "") : "none", this.hasProjected = !1), g;
|
7109
7115
|
}
|
7110
7116
|
const d = f.animationValues || f.latestValues;
|
7111
|
-
this.applyTransformsToTarget(), c.transform =
|
7117
|
+
this.applyTransformsToTarget(), c.transform = fh(this.projectionDeltaWithTransform, this.treeScale, d), u && (c.transform = u(d, c.transform));
|
7112
7118
|
const { x: h, y: p } = this.projectionDelta;
|
7113
7119
|
c.transformOrigin = `${h.origin * 100}% ${p.origin * 100}% 0`, f.animationValues ? c.opacity = f === this ? (l = (a = d.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : c.opacity = f === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
|
7114
7120
|
for (const g in De) {
|
@@ -7136,10 +7142,10 @@ function ya({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
7136
7142
|
}
|
7137
7143
|
};
|
7138
7144
|
}
|
7139
|
-
function
|
7145
|
+
function ph(t) {
|
7140
7146
|
t.updateLayout();
|
7141
7147
|
}
|
7142
|
-
function
|
7148
|
+
function mh(t) {
|
7143
7149
|
var e;
|
7144
7150
|
const n = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
|
7145
7151
|
if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
|
@@ -7183,38 +7189,38 @@ function fh(t) {
|
|
7183
7189
|
}
|
7184
7190
|
t.options.transition = void 0;
|
7185
7191
|
}
|
7186
|
-
function
|
7192
|
+
function gh(t) {
|
7187
7193
|
t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
|
7188
7194
|
}
|
7189
|
-
function
|
7195
|
+
function yh(t) {
|
7190
7196
|
t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
|
7191
7197
|
}
|
7192
|
-
function
|
7198
|
+
function vh(t) {
|
7193
7199
|
t.clearSnapshot();
|
7194
7200
|
}
|
7195
7201
|
function gs(t) {
|
7196
7202
|
t.clearMeasurements();
|
7197
7203
|
}
|
7198
|
-
function
|
7204
|
+
function xh(t) {
|
7199
7205
|
t.isLayoutDirty = !1;
|
7200
7206
|
}
|
7201
|
-
function
|
7207
|
+
function bh(t) {
|
7202
7208
|
const { visualElement: e } = t.options;
|
7203
7209
|
e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
|
7204
7210
|
}
|
7205
7211
|
function ys(t) {
|
7206
7212
|
t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
|
7207
7213
|
}
|
7208
|
-
function
|
7214
|
+
function Sh(t) {
|
7209
7215
|
t.resolveTargetDelta();
|
7210
7216
|
}
|
7211
|
-
function
|
7217
|
+
function wh(t) {
|
7212
7218
|
t.calcProjection();
|
7213
7219
|
}
|
7214
|
-
function
|
7220
|
+
function Th(t) {
|
7215
7221
|
t.resetSkewAndRotation();
|
7216
7222
|
}
|
7217
|
-
function
|
7223
|
+
function Ch(t) {
|
7218
7224
|
t.removeLeadSnapshot();
|
7219
7225
|
}
|
7220
7226
|
function vs(t, e, n) {
|
@@ -7223,30 +7229,30 @@ function vs(t, e, n) {
|
|
7223
7229
|
function xs(t, e, n, i) {
|
7224
7230
|
t.min = K(e.min, n.min, i), t.max = K(e.max, n.max, i);
|
7225
7231
|
}
|
7226
|
-
function
|
7232
|
+
function Ph(t, e, n, i) {
|
7227
7233
|
xs(t.x, e.x, n.x, i), xs(t.y, e.y, n.y, i);
|
7228
7234
|
}
|
7229
|
-
function
|
7235
|
+
function Ah(t) {
|
7230
7236
|
return t.animationValues && t.animationValues.opacityExit !== void 0;
|
7231
7237
|
}
|
7232
|
-
const
|
7238
|
+
const Vh = {
|
7233
7239
|
duration: 0.45,
|
7234
7240
|
ease: [0.4, 0, 0.1, 1]
|
7235
7241
|
}, bs = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ss = bs("applewebkit/") && !bs("chrome/") ? Math.round : ft;
|
7236
7242
|
function ws(t) {
|
7237
7243
|
t.min = Ss(t.min), t.max = Ss(t.max);
|
7238
7244
|
}
|
7239
|
-
function
|
7245
|
+
function Eh(t) {
|
7240
7246
|
ws(t.x), ws(t.y);
|
7241
7247
|
}
|
7242
7248
|
function va(t, e, n) {
|
7243
|
-
return t === "position" || t === "preserve-aspect" && !
|
7249
|
+
return t === "position" || t === "preserve-aspect" && !Md(hs(e), hs(n), 0.2);
|
7244
7250
|
}
|
7245
|
-
function
|
7251
|
+
function Rh(t) {
|
7246
7252
|
var e;
|
7247
7253
|
return t !== t.root && ((e = t.scroll) === null || e === void 0 ? void 0 : e.wasRoot);
|
7248
7254
|
}
|
7249
|
-
const
|
7255
|
+
const Mh = ya({
|
7250
7256
|
attachResizeListener: (t, e) => Ie(t, "resize", e),
|
7251
7257
|
measureScroll: () => ({
|
7252
7258
|
x: document.documentElement.scrollLeft || document.body.scrollLeft,
|
@@ -7262,7 +7268,7 @@ const Ah = ya({
|
|
7262
7268
|
}),
|
7263
7269
|
defaultParent: () => {
|
7264
7270
|
if (!Bn.current) {
|
7265
|
-
const t = new
|
7271
|
+
const t = new Mh({});
|
7266
7272
|
t.mount(window), t.setOptions({ layoutScroll: !0 }), Bn.current = t;
|
7267
7273
|
}
|
7268
7274
|
return Bn.current;
|
@@ -7271,12 +7277,12 @@ const Ah = ya({
|
|
7271
7277
|
t.style.transform = e !== void 0 ? e : "none";
|
7272
7278
|
},
|
7273
7279
|
checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
|
7274
|
-
}),
|
7280
|
+
}), Dh = {
|
7275
7281
|
pan: {
|
7276
|
-
Feature:
|
7282
|
+
Feature: Hd
|
7277
7283
|
},
|
7278
7284
|
drag: {
|
7279
|
-
Feature:
|
7285
|
+
Feature: Kd,
|
7280
7286
|
ProjectionNode: xa,
|
7281
7287
|
MeasureLayout: fa
|
7282
7288
|
}
|
@@ -7287,15 +7293,15 @@ function Ts(t, e, n) {
|
|
7287
7293
|
const r = "onHover" + n, o = i[r];
|
7288
7294
|
o && N.postRender(() => o(e, Ne(e)));
|
7289
7295
|
}
|
7290
|
-
class
|
7296
|
+
class Lh extends zt {
|
7291
7297
|
mount() {
|
7292
7298
|
const { current: e } = this.node;
|
7293
|
-
e && (this.unmount =
|
7299
|
+
e && (this.unmount = Du(e, (n, i) => (Ts(this.node, i, "Start"), (r) => Ts(this.node, r, "End"))));
|
7294
7300
|
}
|
7295
7301
|
unmount() {
|
7296
7302
|
}
|
7297
7303
|
}
|
7298
|
-
class
|
7304
|
+
class Oh extends zt {
|
7299
7305
|
constructor() {
|
7300
7306
|
super(...arguments), this.isActive = !1;
|
7301
7307
|
}
|
@@ -7325,37 +7331,37 @@ function Cs(t, e, n) {
|
|
7325
7331
|
const r = "onTap" + (n === "End" ? "" : n), o = i[r];
|
7326
7332
|
o && N.postRender(() => o(e, Ne(e)));
|
7327
7333
|
}
|
7328
|
-
class
|
7334
|
+
class kh extends zt {
|
7329
7335
|
mount() {
|
7330
7336
|
const { current: e } = this.node;
|
7331
|
-
e && (this.unmount =
|
7337
|
+
e && (this.unmount = Fu(e, (n, i) => (Cs(this.node, i, "Start"), (r, { success: o }) => Cs(this.node, r, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
|
7332
7338
|
}
|
7333
7339
|
unmount() {
|
7334
7340
|
}
|
7335
7341
|
}
|
7336
|
-
const oi = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(),
|
7342
|
+
const oi = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), Fh = (t) => {
|
7337
7343
|
const e = oi.get(t.target);
|
7338
7344
|
e && e(t);
|
7339
|
-
},
|
7340
|
-
t.forEach(
|
7345
|
+
}, Ih = (t) => {
|
7346
|
+
t.forEach(Fh);
|
7341
7347
|
};
|
7342
|
-
function
|
7348
|
+
function Bh({ root: t, ...e }) {
|
7343
7349
|
const n = t || document;
|
7344
7350
|
$n.has(n) || $n.set(n, {});
|
7345
7351
|
const i = $n.get(n), r = JSON.stringify(e);
|
7346
|
-
return i[r] || (i[r] = new IntersectionObserver(
|
7352
|
+
return i[r] || (i[r] = new IntersectionObserver(Ih, { root: t, ...e })), i[r];
|
7347
7353
|
}
|
7348
|
-
function
|
7349
|
-
const i =
|
7354
|
+
function $h(t, e, n) {
|
7355
|
+
const i = Bh(e);
|
7350
7356
|
return oi.set(t, n), i.observe(t), () => {
|
7351
7357
|
oi.delete(t), i.unobserve(t);
|
7352
7358
|
};
|
7353
7359
|
}
|
7354
|
-
const
|
7360
|
+
const jh = {
|
7355
7361
|
some: 0,
|
7356
7362
|
all: 1
|
7357
7363
|
};
|
7358
|
-
class
|
7364
|
+
class _h extends zt {
|
7359
7365
|
constructor() {
|
7360
7366
|
super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
|
7361
7367
|
}
|
@@ -7364,7 +7370,7 @@ class Ih extends zt {
|
|
7364
7370
|
const { viewport: e = {} } = this.node.getProps(), { root: n, margin: i, amount: r = "some", once: o } = e, s = {
|
7365
7371
|
root: n ? n.current : void 0,
|
7366
7372
|
rootMargin: i,
|
7367
|
-
threshold: typeof r == "number" ? r :
|
7373
|
+
threshold: typeof r == "number" ? r : jh[r]
|
7368
7374
|
}, a = (l) => {
|
7369
7375
|
const { isIntersecting: c } = l;
|
7370
7376
|
if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
|
@@ -7373,7 +7379,7 @@ class Ih extends zt {
|
|
7373
7379
|
const { onViewportEnter: u, onViewportLeave: f } = this.node.getProps(), d = c ? u : f;
|
7374
7380
|
d && d(l);
|
7375
7381
|
};
|
7376
|
-
return
|
7382
|
+
return $h(this.node.current, s, a);
|
7377
7383
|
}
|
7378
7384
|
mount() {
|
7379
7385
|
this.startObserver();
|
@@ -7382,34 +7388,34 @@ class Ih extends zt {
|
|
7382
7388
|
if (typeof IntersectionObserver > "u")
|
7383
7389
|
return;
|
7384
7390
|
const { props: e, prevProps: n } = this.node;
|
7385
|
-
["amount", "margin", "root"].some(
|
7391
|
+
["amount", "margin", "root"].some(Nh(e, n)) && this.startObserver();
|
7386
7392
|
}
|
7387
7393
|
unmount() {
|
7388
7394
|
}
|
7389
7395
|
}
|
7390
|
-
function
|
7396
|
+
function Nh({ viewport: t = {} }, { viewport: e = {} } = {}) {
|
7391
7397
|
return (n) => t[n] !== e[n];
|
7392
7398
|
}
|
7393
|
-
const
|
7399
|
+
const Uh = {
|
7394
7400
|
inView: {
|
7395
|
-
Feature:
|
7401
|
+
Feature: _h
|
7396
7402
|
},
|
7397
7403
|
tap: {
|
7398
|
-
Feature:
|
7404
|
+
Feature: kh
|
7399
7405
|
},
|
7400
7406
|
focus: {
|
7401
|
-
Feature:
|
7407
|
+
Feature: Oh
|
7402
7408
|
},
|
7403
7409
|
hover: {
|
7404
|
-
Feature:
|
7410
|
+
Feature: Lh
|
7405
7411
|
}
|
7406
|
-
},
|
7412
|
+
}, zh = {
|
7407
7413
|
layout: {
|
7408
7414
|
ProjectionNode: xa,
|
7409
7415
|
MeasureLayout: fa
|
7410
7416
|
}
|
7411
7417
|
}, ai = { current: null }, ba = { current: !1 };
|
7412
|
-
function
|
7418
|
+
function Wh() {
|
7413
7419
|
if (ba.current = !0, !!hi)
|
7414
7420
|
if (window.matchMedia) {
|
7415
7421
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ai.current = t.matches;
|
@@ -7417,8 +7423,8 @@ function _h() {
|
|
7417
7423
|
} else
|
7418
7424
|
ai.current = !1;
|
7419
7425
|
}
|
7420
|
-
const
|
7421
|
-
function
|
7426
|
+
const Gh = [...Wo, et, Ut], Kh = (t) => Gh.find(zo(t)), Hh = /* @__PURE__ */ new WeakMap();
|
7427
|
+
function Yh(t, e, n) {
|
7422
7428
|
for (const i in e) {
|
7423
7429
|
const r = e[i], o = n[i];
|
7424
7430
|
if (nt(r))
|
@@ -7447,7 +7453,7 @@ const Ps = [
|
|
7447
7453
|
"LayoutAnimationStart",
|
7448
7454
|
"LayoutAnimationComplete"
|
7449
7455
|
];
|
7450
|
-
class
|
7456
|
+
class qh {
|
7451
7457
|
/**
|
7452
7458
|
* This method takes React props and returns found MotionValues. For example, HTML
|
7453
7459
|
* MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
|
@@ -7474,7 +7480,7 @@ class Gh {
|
|
7474
7480
|
}
|
7475
7481
|
}
|
7476
7482
|
mount(e) {
|
7477
|
-
this.current = e,
|
7483
|
+
this.current = e, Hh.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, i) => this.bindToMotionValue(i, n)), ba.current || Wh(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ai.current, process.env.NODE_ENV !== "production" && yn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
|
7478
7484
|
}
|
7479
7485
|
unmount() {
|
7480
7486
|
this.projection && this.projection.unmount(), Nt(this.notifyUpdate), Nt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
|
@@ -7543,7 +7549,7 @@ class Gh {
|
|
7543
7549
|
const o = "on" + r, s = e[o];
|
7544
7550
|
s && (this.propEventSubscriptions[r] = this.on(r, s));
|
7545
7551
|
}
|
7546
|
-
this.prevMotionValues =
|
7552
|
+
this.prevMotionValues = Yh(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
|
7547
7553
|
}
|
7548
7554
|
getProps() {
|
7549
7555
|
return this.props;
|
@@ -7609,7 +7615,7 @@ class Gh {
|
|
7609
7615
|
readValue(e, n) {
|
7610
7616
|
var i;
|
7611
7617
|
let r = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (i = this.getBaseTargetFromProps(this.props, e)) !== null && i !== void 0 ? i : this.readValueFromInstance(this.current, e, this.options);
|
7612
|
-
return r != null && (typeof r == "string" && (No(r) || Lo(r)) ? r = parseFloat(r) : !
|
7618
|
+
return r != null && (typeof r == "string" && (No(r) || Lo(r)) ? r = parseFloat(r) : !Kh(r) && Ut.test(n) && (r = $o(e, n)), this.setBaseTarget(e, nt(r) ? r.get() : r)), nt(r) ? r.get() : r;
|
7613
7619
|
}
|
7614
7620
|
/**
|
7615
7621
|
* Set the base target to later animate back to. This is currently
|
@@ -7642,7 +7648,7 @@ class Gh {
|
|
7642
7648
|
this.events[e] && this.events[e].notify(...n);
|
7643
7649
|
}
|
7644
7650
|
}
|
7645
|
-
class Sa extends
|
7651
|
+
class Sa extends qh {
|
7646
7652
|
constructor() {
|
7647
7653
|
super(...arguments), this.KeyframeResolver = Go;
|
7648
7654
|
}
|
@@ -7663,10 +7669,10 @@ class Sa extends Gh {
|
|
7663
7669
|
}));
|
7664
7670
|
}
|
7665
7671
|
}
|
7666
|
-
function
|
7672
|
+
function Xh(t) {
|
7667
7673
|
return window.getComputedStyle(t);
|
7668
7674
|
}
|
7669
|
-
class
|
7675
|
+
class Zh extends Sa {
|
7670
7676
|
constructor() {
|
7671
7677
|
super(...arguments), this.type = "html", this.renderInstance = lo;
|
7672
7678
|
}
|
@@ -7675,7 +7681,7 @@ class Hh extends Sa {
|
|
7675
7681
|
const i = Ni(n);
|
7676
7682
|
return i && i.default || 0;
|
7677
7683
|
} else {
|
7678
|
-
const i =
|
7684
|
+
const i = Xh(e), r = (xi(n) ? i.getPropertyValue(n) : i[n]) || 0;
|
7679
7685
|
return typeof r == "string" ? r.trim() : r;
|
7680
7686
|
}
|
7681
7687
|
}
|
@@ -7689,7 +7695,7 @@ class Hh extends Sa {
|
|
7689
7695
|
return Ei(e, n, i);
|
7690
7696
|
}
|
7691
7697
|
}
|
7692
|
-
class
|
7698
|
+
class Jh extends Sa {
|
7693
7699
|
constructor() {
|
7694
7700
|
super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = H, this.updateDimensions = () => {
|
7695
7701
|
this.current && !this.renderState.dimensions && ao(this.current, this.renderState);
|
@@ -7721,15 +7727,15 @@ class Yh extends Sa {
|
|
7721
7727
|
this.isSVGTag = Ai(e.tagName), super.mount(e);
|
7722
7728
|
}
|
7723
7729
|
}
|
7724
|
-
const
|
7730
|
+
const Qh = (t, e) => Ci(t) ? new Jh(e) : new Zh(e, {
|
7725
7731
|
allowProjection: t !== Rs
|
7726
|
-
}),
|
7727
|
-
...
|
7728
|
-
|
7729
|
-
...
|
7730
|
-
...
|
7731
|
-
},
|
7732
|
-
function
|
7732
|
+
}), tp = /* @__PURE__ */ Pu({
|
7733
|
+
...wd,
|
7734
|
+
...Uh,
|
7735
|
+
...Dh,
|
7736
|
+
...zh
|
7737
|
+
}, Qh), ep = /* @__PURE__ */ Nc(tp);
|
7738
|
+
function np(t) {
|
7733
7739
|
t.values.forEach((e) => e.stop());
|
7734
7740
|
}
|
7735
7741
|
function li(t, e) {
|
@@ -7740,14 +7746,14 @@ function li(t, e) {
|
|
7740
7746
|
});
|
7741
7747
|
});
|
7742
7748
|
}
|
7743
|
-
function
|
7749
|
+
function ip(t, e) {
|
7744
7750
|
if (Array.isArray(e))
|
7745
7751
|
return li(t, e);
|
7746
7752
|
if (typeof e == "string")
|
7747
7753
|
return li(t, [e]);
|
7748
7754
|
Ii(t, e);
|
7749
7755
|
}
|
7750
|
-
function
|
7756
|
+
function rp() {
|
7751
7757
|
let t = !1;
|
7752
7758
|
const e = /* @__PURE__ */ new Set(), n = {
|
7753
7759
|
subscribe(i) {
|
@@ -7764,12 +7770,12 @@ function tp() {
|
|
7764
7770
|
},
|
7765
7771
|
set(i) {
|
7766
7772
|
return Dt(t, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."), e.forEach((r) => {
|
7767
|
-
|
7773
|
+
ip(r, i);
|
7768
7774
|
});
|
7769
7775
|
},
|
7770
7776
|
stop() {
|
7771
7777
|
e.forEach((i) => {
|
7772
|
-
|
7778
|
+
np(i);
|
7773
7779
|
});
|
7774
7780
|
},
|
7775
7781
|
mount() {
|
@@ -7780,15 +7786,15 @@ function tp() {
|
|
7780
7786
|
};
|
7781
7787
|
return n;
|
7782
7788
|
}
|
7783
|
-
function
|
7784
|
-
const t = Gs(
|
7789
|
+
function sp() {
|
7790
|
+
const t = Gs(rp);
|
7785
7791
|
return Hs(t.mount, []), t;
|
7786
7792
|
}
|
7787
|
-
const
|
7793
|
+
const op = sp, ap = {
|
7788
7794
|
some: 0,
|
7789
7795
|
all: 1
|
7790
7796
|
};
|
7791
|
-
function
|
7797
|
+
function lp(t, e, { root: n, margin: i, amount: r = "some" } = {}) {
|
7792
7798
|
const o = vo(t), s = /* @__PURE__ */ new WeakMap(), a = (c) => {
|
7793
7799
|
c.forEach((u) => {
|
7794
7800
|
const f = s.get(u.target);
|
@@ -7801,11 +7807,11 @@ function rp(t, e, { root: n, margin: i, amount: r = "some" } = {}) {
|
|
7801
7807
|
}, l = new IntersectionObserver(a, {
|
7802
7808
|
root: n,
|
7803
7809
|
rootMargin: i,
|
7804
|
-
threshold: typeof r == "number" ? r :
|
7810
|
+
threshold: typeof r == "number" ? r : ap[r]
|
7805
7811
|
});
|
7806
7812
|
return o.forEach((c) => l.observe(c)), () => l.disconnect();
|
7807
7813
|
}
|
7808
|
-
function
|
7814
|
+
function cp(t, { root: e, margin: n, amount: i, once: r = !1, initial: o = !1 } = {}) {
|
7809
7815
|
const [s, a] = xt(o);
|
7810
7816
|
return ut(() => {
|
7811
7817
|
if (!t.current || r && s)
|
@@ -7815,11 +7821,11 @@ function sp(t, { root: e, margin: n, amount: i, once: r = !1, initial: o = !1 }
|
|
7815
7821
|
margin: n,
|
7816
7822
|
amount: i
|
7817
7823
|
};
|
7818
|
-
return
|
7824
|
+
return lp(t.current, l, c);
|
7819
7825
|
}, [e, t, n, r, i]), s;
|
7820
7826
|
}
|
7821
7827
|
var re = /* @__PURE__ */ ((t) => (t[t.Center = 0] = "Center", t[t.Left = 1] = "Left", t[t.Right = 2] = "Right", t))(re || {});
|
7822
|
-
const
|
7828
|
+
const up = D.section(
|
7823
7829
|
({
|
7824
7830
|
styles: t,
|
7825
7831
|
theme: {
|
@@ -7836,7 +7842,7 @@ const op = D.section(
|
|
7836
7842
|
noPaddingTop: d,
|
7837
7843
|
noPaddingBottom: h,
|
7838
7844
|
backgroundColor: p
|
7839
|
-
}) =>
|
7845
|
+
}) => W(
|
7840
7846
|
{
|
7841
7847
|
zIndex: l,
|
7842
7848
|
width: "100%",
|
@@ -7884,13 +7890,13 @@ const op = D.section(
|
|
7884
7890
|
},
|
7885
7891
|
t
|
7886
7892
|
)
|
7887
|
-
),
|
7893
|
+
), fp = D(ep.div)({
|
7888
7894
|
gap: 15,
|
7889
7895
|
width: "100%",
|
7890
7896
|
display: "flex",
|
7891
7897
|
flexDirection: "column",
|
7892
7898
|
maxWidth: "var(--max-width)"
|
7893
|
-
}),
|
7899
|
+
}), dp = {
|
7894
7900
|
hidden: {
|
7895
7901
|
opacity: 0
|
7896
7902
|
},
|
@@ -7903,7 +7909,7 @@ const op = D.section(
|
|
7903
7909
|
type: "spring"
|
7904
7910
|
}
|
7905
7911
|
}
|
7906
|
-
},
|
7912
|
+
}, qp = ({
|
7907
7913
|
children: t,
|
7908
7914
|
zIndex: e = 20,
|
7909
7915
|
styles: n = {},
|
@@ -7916,13 +7922,13 @@ const op = D.section(
|
|
7916
7922
|
theme: c = j,
|
7917
7923
|
noPaddingBottom: u = !1
|
7918
7924
|
}) => {
|
7919
|
-
const f =
|
7925
|
+
const f = op(), d = Ma(), h = cp(d, {
|
7920
7926
|
margin: "0px 0px 0px 0px"
|
7921
7927
|
});
|
7922
7928
|
return ut(() => {
|
7923
7929
|
h && f.start("visible");
|
7924
7930
|
}, [f, h]), /* @__PURE__ */ A(
|
7925
|
-
|
7931
|
+
up,
|
7926
7932
|
{
|
7927
7933
|
id: i,
|
7928
7934
|
ref: d,
|
@@ -7935,16 +7941,16 @@ const op = D.section(
|
|
7935
7941
|
noPaddingTop: a,
|
7936
7942
|
noPaddingBottom: u,
|
7937
7943
|
backgroundColor: l || c.main.backgroundColor,
|
7938
|
-
children: /* @__PURE__ */ A(
|
7944
|
+
children: /* @__PURE__ */ A(fp, { initial: "hidden", animate: f, variants: dp, children: t })
|
7939
7945
|
}
|
7940
7946
|
);
|
7941
|
-
},
|
7947
|
+
}, hp = D.div(
|
7942
7948
|
({
|
7943
7949
|
styles: t,
|
7944
7950
|
theme: {
|
7945
7951
|
nav: { gap: e }
|
7946
7952
|
}
|
7947
|
-
}) =>
|
7953
|
+
}) => W(
|
7948
7954
|
{
|
7949
7955
|
gap: e[0],
|
7950
7956
|
display: "flex",
|
@@ -7962,13 +7968,13 @@ const op = D.section(
|
|
7962
7968
|
},
|
7963
7969
|
t
|
7964
7970
|
)
|
7965
|
-
),
|
7971
|
+
), Xp = ({ children: t, styles: e = {}, theme: n = j }) => /* @__PURE__ */ A(hp, { theme: n, styles: e, children: t }), pp = D.div(
|
7966
7972
|
({
|
7967
7973
|
styles: t,
|
7968
7974
|
theme: {
|
7969
7975
|
navSocial: { gap: e }
|
7970
7976
|
}
|
7971
|
-
}) =>
|
7977
|
+
}) => W(
|
7972
7978
|
{
|
7973
7979
|
gap: e[0],
|
7974
7980
|
marginLeft: 0,
|
@@ -7987,7 +7993,7 @@ const op = D.section(
|
|
7987
7993
|
},
|
7988
7994
|
t
|
7989
7995
|
)
|
7990
|
-
),
|
7996
|
+
), mp = D.div({
|
7991
7997
|
display: "flex",
|
7992
7998
|
flexDirection: "row",
|
7993
7999
|
a: {
|
@@ -8001,16 +8007,16 @@ const op = D.section(
|
|
8001
8007
|
}
|
8002
8008
|
}
|
8003
8009
|
}
|
8004
|
-
}),
|
8010
|
+
}), Zp = ({ navSocial: t, styles: e = {}, theme: n = j }) => /* @__PURE__ */ A(pp, { theme: n, styles: e, children: t.map(({ name: i, link: r }, o) => {
|
8005
8011
|
const s = i[0].toUpperCase() + i.slice(1);
|
8006
|
-
return /* @__PURE__ */ A(
|
8007
|
-
}) }),
|
8012
|
+
return /* @__PURE__ */ A(mp, { children: /* @__PURE__ */ A("a", { target: "_blank", "aria-label": i, href: r, children: /* @__PURE__ */ A(Lt, { theme: n, icon: `social${s}` }) }) }, `navSocialItem-${o}`);
|
8013
|
+
}) }), gp = D.div(
|
8008
8014
|
({
|
8009
8015
|
styles: t,
|
8010
8016
|
theme: {
|
8011
8017
|
navLegal: { gap: e }
|
8012
8018
|
}
|
8013
|
-
}) =>
|
8019
|
+
}) => W(
|
8014
8020
|
{
|
8015
8021
|
gap: e[0],
|
8016
8022
|
display: "flex",
|
@@ -8027,13 +8033,13 @@ const op = D.section(
|
|
8027
8033
|
},
|
8028
8034
|
t
|
8029
8035
|
)
|
8030
|
-
),
|
8036
|
+
), Jp = ({ children: t, styles: e = {}, theme: n = j }) => /* @__PURE__ */ A(gp, { theme: n, styles: e, children: t }), yp = D.form(
|
8031
8037
|
({
|
8032
8038
|
styles: t,
|
8033
8039
|
theme: {
|
8034
8040
|
form: { width: e, padding: n, backgroundColor: i }
|
8035
8041
|
}
|
8036
|
-
}) =>
|
8042
|
+
}) => W(
|
8037
8043
|
{
|
8038
8044
|
width: "100%",
|
8039
8045
|
maxWidth: e,
|
@@ -8046,9 +8052,9 @@ const op = D.section(
|
|
8046
8052
|
},
|
8047
8053
|
t
|
8048
8054
|
)
|
8049
|
-
),
|
8055
|
+
), Qp = ({ action: t, children: e, styles: n = {}, theme: i = j }) => /* @__PURE__ */ A(yp, { theme: i, styles: n, action: t, children: e });
|
8050
8056
|
var fn = /* @__PURE__ */ ((t) => (t[t.Center = 0] = "Center", t[t.Left = 1] = "Left", t[t.Right = 2] = "Right", t))(fn || {});
|
8051
|
-
const
|
8057
|
+
const vp = D.div(
|
8052
8058
|
({
|
8053
8059
|
theme: {
|
8054
8060
|
form: {
|
@@ -8058,7 +8064,7 @@ const pp = D.div(
|
|
8058
8064
|
align: n,
|
8059
8065
|
styles: i,
|
8060
8066
|
isMessage: r
|
8061
|
-
}) =>
|
8067
|
+
}) => W(
|
8062
8068
|
{
|
8063
8069
|
gap: t[0],
|
8064
8070
|
display: "flex",
|
@@ -8074,7 +8080,7 @@ const pp = D.div(
|
|
8074
8080
|
},
|
8075
8081
|
i
|
8076
8082
|
)
|
8077
|
-
),
|
8083
|
+
), tm = ({ children: t, theme: e = j, styles: n = {}, isActions: i = !1, isMessage: r = !1, align: o = fn.Left }) => /* @__PURE__ */ A(vp, { align: o, theme: e, styles: n, isActions: i, isMessage: r, children: t }), xp = D.input(
|
8078
8084
|
({
|
8079
8085
|
styles: t,
|
8080
8086
|
theme: {
|
@@ -8090,7 +8096,7 @@ const pp = D.div(
|
|
8090
8096
|
}
|
8091
8097
|
}
|
8092
8098
|
}
|
8093
|
-
}) =>
|
8099
|
+
}) => W(
|
8094
8100
|
{
|
8095
8101
|
color: n,
|
8096
8102
|
width: "100%",
|
@@ -8120,7 +8126,7 @@ const pp = D.div(
|
|
8120
8126
|
)
|
8121
8127
|
);
|
8122
8128
|
var Ki = /* @__PURE__ */ ((t) => (t.Text = "text", t.Email = "email", t.Search = "search", t.Number = "number", t.Hidden = "hidden", t.Password = "password", t))(Ki || {});
|
8123
|
-
const
|
8129
|
+
const bp = ({
|
8124
8130
|
name: t,
|
8125
8131
|
value: e = "",
|
8126
8132
|
styles: n = {},
|
@@ -8130,7 +8136,7 @@ const gp = ({
|
|
8130
8136
|
theme: s = j,
|
8131
8137
|
onChange: a = void 0
|
8132
8138
|
}) => /* @__PURE__ */ A(
|
8133
|
-
|
8139
|
+
xp,
|
8134
8140
|
{
|
8135
8141
|
type: i,
|
8136
8142
|
id: t,
|
@@ -8142,7 +8148,7 @@ const gp = ({
|
|
8142
8148
|
defaultValue: e,
|
8143
8149
|
placeholder: o
|
8144
8150
|
}
|
8145
|
-
),
|
8151
|
+
), Sp = D.label(
|
8146
8152
|
({
|
8147
8153
|
theme: {
|
8148
8154
|
form: {
|
@@ -8157,11 +8163,11 @@ const gp = ({
|
|
8157
8163
|
textAlign: "left",
|
8158
8164
|
fontFamily: `var(--font-${e})`
|
8159
8165
|
})
|
8160
|
-
),
|
8166
|
+
), wp = ({ name: t, label: e, required: n = !1, theme: i = j }) => /* @__PURE__ */ ht(Sp, { htmlFor: t, theme: i, children: [
|
8161
8167
|
e,
|
8162
8168
|
n ? /* @__PURE__ */ A("span", { children: " *" }) : ""
|
8163
|
-
] }),
|
8164
|
-
({ styles: t }) =>
|
8169
|
+
] }), Tp = D.div(
|
8170
|
+
({ styles: t }) => W(
|
8165
8171
|
{
|
8166
8172
|
width: "100%",
|
8167
8173
|
display: "flex",
|
@@ -8171,11 +8177,11 @@ const gp = ({
|
|
8171
8177
|
},
|
8172
8178
|
t
|
8173
8179
|
)
|
8174
|
-
),
|
8180
|
+
), Cp = D.div({
|
8175
8181
|
paddingTop: 5,
|
8176
8182
|
textAlign: "left",
|
8177
8183
|
fontStyle: "italic"
|
8178
|
-
}),
|
8184
|
+
}), Pp = D.span(
|
8179
8185
|
({
|
8180
8186
|
theme: {
|
8181
8187
|
form: {
|
@@ -8188,7 +8194,7 @@ const gp = ({
|
|
8188
8194
|
fontSize: "0.875rem",
|
8189
8195
|
marginTop: "0.25rem"
|
8190
8196
|
})
|
8191
|
-
),
|
8197
|
+
), Ap = D.textarea(
|
8192
8198
|
({
|
8193
8199
|
styles: t,
|
8194
8200
|
theme: {
|
@@ -8204,7 +8210,7 @@ const gp = ({
|
|
8204
8210
|
}
|
8205
8211
|
}
|
8206
8212
|
}
|
8207
|
-
}) =>
|
8213
|
+
}) => W(
|
8208
8214
|
{
|
8209
8215
|
color: n,
|
8210
8216
|
width: "100%",
|
@@ -8232,7 +8238,7 @@ const gp = ({
|
|
8232
8238
|
},
|
8233
8239
|
t
|
8234
8240
|
)
|
8235
|
-
),
|
8241
|
+
), Vp = ({
|
8236
8242
|
name: t,
|
8237
8243
|
value: e,
|
8238
8244
|
rows: n = 2,
|
@@ -8242,7 +8248,7 @@ const gp = ({
|
|
8242
8248
|
onChange: s = void 0,
|
8243
8249
|
theme: a = j
|
8244
8250
|
}) => /* @__PURE__ */ A(
|
8245
|
-
|
8251
|
+
Ap,
|
8246
8252
|
{
|
8247
8253
|
id: t,
|
8248
8254
|
name: t,
|
@@ -8256,7 +8262,7 @@ const gp = ({
|
|
8256
8262
|
}
|
8257
8263
|
);
|
8258
8264
|
var wa = /* @__PURE__ */ ((t) => (t.Textarea = "textarea", t))(wa || {});
|
8259
|
-
const
|
8265
|
+
const em = ({
|
8260
8266
|
name: t,
|
8261
8267
|
label: e = "",
|
8262
8268
|
value: n = "",
|
@@ -8269,17 +8275,17 @@ const Zp = ({
|
|
8269
8275
|
theme: c = j,
|
8270
8276
|
onChange: u = void 0,
|
8271
8277
|
type: f = Ki.Text
|
8272
|
-
}) => /* @__PURE__ */ ht(
|
8273
|
-
e && /* @__PURE__ */ A(
|
8274
|
-
f === wa.Textarea ? /* @__PURE__ */ A(
|
8275
|
-
l && /* @__PURE__ */ A(
|
8276
|
-
] }),
|
8278
|
+
}) => /* @__PURE__ */ ht(Tp, { styles: i, children: [
|
8279
|
+
e && /* @__PURE__ */ A(wp, { theme: c, label: e, name: t, required: o }),
|
8280
|
+
f === wa.Textarea ? /* @__PURE__ */ A(Vp, { value: n, rows: r, name: t, theme: c, onChange: u, disabled: s, placeholder: a }) : /* @__PURE__ */ A(bp, { value: n, type: f, name: t, theme: c, onChange: u, disabled: s, placeholder: a }),
|
8281
|
+
l && /* @__PURE__ */ A(Cp, { children: l instanceof Array ? l.map((d, h) => /* @__PURE__ */ A(Pp, { theme: c, children: d }, h)) : l })
|
8282
|
+
] }), Ep = D.div(
|
8277
8283
|
({
|
8278
8284
|
styles: t,
|
8279
8285
|
theme: {
|
8280
8286
|
consentCookie: { overlayBlur: e, overlayOpacity: n, overlayBackgroundColor: i }
|
8281
8287
|
}
|
8282
|
-
}) =>
|
8288
|
+
}) => W(
|
8283
8289
|
{
|
8284
8290
|
zIndex: 100,
|
8285
8291
|
position: "fixed",
|
@@ -8297,7 +8303,7 @@ const Zp = ({
|
|
8297
8303
|
},
|
8298
8304
|
t
|
8299
8305
|
)
|
8300
|
-
),
|
8306
|
+
), Rp = D.div(
|
8301
8307
|
({
|
8302
8308
|
theme: {
|
8303
8309
|
consentCookie: { width: t, borders: e, borderRadius: n, backgroundColor: i, paddingTop: r, paddingLeft: o, paddingRight: s, paddingBottom: a }
|
@@ -8339,7 +8345,7 @@ const Zp = ({
|
|
8339
8345
|
paddingBottom: a[3]
|
8340
8346
|
}
|
8341
8347
|
})
|
8342
|
-
),
|
8348
|
+
), Mp = D.div(
|
8343
8349
|
({
|
8344
8350
|
theme: {
|
8345
8351
|
consentCookie: { actionsGap: t, actionsPaddingTop: e }
|
@@ -8362,7 +8368,7 @@ const Zp = ({
|
|
8362
8368
|
}
|
8363
8369
|
})
|
8364
8370
|
);
|
8365
|
-
function
|
8371
|
+
function Dp(t) {
|
8366
8372
|
const e = t + "=", i = decodeURIComponent(document.cookie).split(";");
|
8367
8373
|
for (let r = 0; r < i.length; r++) {
|
8368
8374
|
let o = i[r];
|
@@ -8373,13 +8379,13 @@ function Vp(t) {
|
|
8373
8379
|
}
|
8374
8380
|
return "";
|
8375
8381
|
}
|
8376
|
-
function
|
8382
|
+
function Lp(t, e, n) {
|
8377
8383
|
const i = /* @__PURE__ */ new Date();
|
8378
8384
|
i.setTime(i.getTime() + n * 24 * 60 * 60 * 1e3);
|
8379
8385
|
const r = "expires=" + i.toUTCString();
|
8380
8386
|
document.cookie = t + "=" + e + ";" + r + ";path=/";
|
8381
8387
|
}
|
8382
|
-
const
|
8388
|
+
const nm = ({
|
8383
8389
|
styles: t = {},
|
8384
8390
|
children: e = void 0,
|
8385
8391
|
theme: n = j,
|
@@ -8388,56 +8394,56 @@ const Jp = ({
|
|
8388
8394
|
cookieExpirationDays: o = 365
|
8389
8395
|
}) => {
|
8390
8396
|
const [s, a] = xt(!1), l = (c) => {
|
8391
|
-
a(!1),
|
8397
|
+
a(!1), Lp(i, `${c}`, o);
|
8392
8398
|
};
|
8393
8399
|
return ut(() => {
|
8394
|
-
const c =
|
8400
|
+
const c = Dp(i), u = c !== "true" && c !== "false", f = c === "true";
|
8395
8401
|
u && a(!0);
|
8396
8402
|
const d = f ? "granted" : "denied";
|
8397
8403
|
typeof window.gtag < "u" && window.gtag("consent", "update", {
|
8398
8404
|
analytics_storage: d
|
8399
8405
|
});
|
8400
|
-
}, [s]), s ? /* @__PURE__ */ A(
|
8406
|
+
}, [s]), s ? /* @__PURE__ */ A(Ep, { theme: n, styles: t, children: /* @__PURE__ */ ht(Rp, { theme: n, children: [
|
8401
8407
|
e,
|
8402
|
-
/* @__PURE__ */ ht(
|
8408
|
+
/* @__PURE__ */ ht(Mp, { theme: n, children: [
|
8403
8409
|
/* @__PURE__ */ A(sr, { onClick: () => l(!1), children: (r == null ? void 0 : r.actions.reject) || "Reject" }),
|
8404
8410
|
/* @__PURE__ */ A(sr, { onClick: () => l(!0), children: (r == null ? void 0 : r.actions.accept) || "Accept" })
|
8405
8411
|
] })
|
8406
8412
|
] }) }) : null;
|
8407
8413
|
};
|
8408
8414
|
export {
|
8409
|
-
|
8415
|
+
Ip as Actions,
|
8410
8416
|
be as ActionsAlign,
|
8411
8417
|
sr as Button,
|
8412
8418
|
Ze as ButtonSize,
|
8413
8419
|
Wn as ButtonStyle,
|
8414
8420
|
Us as ButtonType,
|
8415
8421
|
zn as ButtonVariant,
|
8416
|
-
|
8417
|
-
|
8422
|
+
jp as Carousel,
|
8423
|
+
Kp as Columns,
|
8418
8424
|
Se as ColumnsAlign,
|
8419
|
-
|
8420
|
-
|
8421
|
-
|
8422
|
-
|
8425
|
+
nm as ConsentCookie,
|
8426
|
+
Gp as Footer,
|
8427
|
+
Qp as Form,
|
8428
|
+
tm as FormRow,
|
8423
8429
|
fn as FormRowAlign,
|
8424
|
-
|
8430
|
+
Wp as Header,
|
8425
8431
|
Lt as Icon,
|
8426
8432
|
Ki as InputType,
|
8427
|
-
|
8428
|
-
|
8429
|
-
|
8430
|
-
|
8431
|
-
|
8432
|
-
|
8433
|
-
|
8434
|
-
|
8435
|
-
|
8436
|
-
|
8437
|
-
|
8438
|
-
|
8439
|
-
|
8433
|
+
_p as KeyNumber,
|
8434
|
+
Up as LanguageSwitcher,
|
8435
|
+
$p as Logo,
|
8436
|
+
zp as Main,
|
8437
|
+
Bp as Modal,
|
8438
|
+
Xp as Nav,
|
8439
|
+
Jp as NavLegal,
|
8440
|
+
Zp as NavSocial,
|
8441
|
+
qp as Section,
|
8442
|
+
em as TextField,
|
8443
|
+
bp as TextFieldInput,
|
8444
|
+
wp as TextFieldLabel,
|
8445
|
+
Vp as TextFieldTextarea,
|
8440
8446
|
wa as TextareaType,
|
8441
8447
|
Kl as Video,
|
8442
|
-
|
8448
|
+
Np as VideoFullWidth
|
8443
8449
|
};
|