@ukpc-lib/react 0.1.1 → 0.1.3
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/components/index.cjs +6 -6
- package/dist/components/index.js +844 -841
- package/dist/share/index.cjs +1 -1
- package/dist/share/index.js +3 -3
- package/package.json +3 -5
- package/web-components-bundle/global-menu/index.cjs +6 -6
- package/web-components-bundle/global-menu/index.js +224 -224
- package/web-components-bundle/global-topbar/index.cjs +2 -2
- package/web-components-bundle/global-topbar/index.js +2 -2
- package/web-components-bundle/{index-fe58ccfa.cjs → index-447756c6.cjs} +16 -16
- package/web-components-bundle/{index-6fdc89ad.js → index-6ba7e1d4.js} +380 -377
package/dist/components/index.js
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as R, Fragment as Fi, jsx as S } from "react/jsx-runtime";
|
|
2
2
|
import * as D from "react";
|
|
3
|
-
import zi, { useState as
|
|
3
|
+
import zi, { useState as q, useRef as Et, useEffect as Xt, createContext as Dt, useLayoutEffect as Wi, useContext as z, useInsertionEffect as kr, useCallback as Cr, useMemo as be, forwardRef as Vr, createElement as _i, useId as Er } from "react";
|
|
4
4
|
import { C as Mr, g as Or, R as Dr, Q as Lr, p as Rr } from "../index-60dc34b2.js";
|
|
5
5
|
import { a as ah, b as lh } from "../index-60dc34b2.js";
|
|
6
6
|
import { Link as Br, useLocation as Nr } from "react-router-dom";
|
|
7
7
|
import { createPortal as jr } from "react-dom";
|
|
8
8
|
import Ir from "axios";
|
|
9
|
-
const Fr =
|
|
10
|
-
`;
|
|
11
|
-
function en({ children: t, styles: e = [], ...n }) {
|
|
12
|
-
return /* @__PURE__ */ B(Mr.div, { ...n, children: [
|
|
13
|
-
[Fr, ...e].map((i, s) => /* @__PURE__ */ w("style", { type: "text/css", children: i }, s)),
|
|
14
|
-
t
|
|
15
|
-
] });
|
|
16
|
-
}
|
|
17
|
-
const zr = `.modal-overlay{z-index:1300;position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-title{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}.modal-button{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
|
|
9
|
+
const Fr = `.modal-overlay{z-index:1300;position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-title{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}.modal-button{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
|
|
18
10
|
`;
|
|
19
11
|
function Ui({
|
|
20
12
|
isOpen: t,
|
|
@@ -27,24 +19,27 @@ function Ui({
|
|
|
27
19
|
var o;
|
|
28
20
|
((o = s.target) == null ? void 0 : o.id) === "modal-wrapper" && e();
|
|
29
21
|
}
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
"button",
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
22
|
+
return /* @__PURE__ */ R(Fi, { children: [
|
|
23
|
+
/* @__PURE__ */ S("style", { type: "text/css", children: Fr }),
|
|
24
|
+
/* @__PURE__ */ S("div", { onClick: i, className: "modal-overlay", id: "modal-wrapper", children: /* @__PURE__ */ R("div", { className: "modal-container", children: [
|
|
25
|
+
/* @__PURE__ */ S("h3", { className: "modal-title", children: "Log out" }),
|
|
26
|
+
/* @__PURE__ */ S("p", { className: "text-sm", children: "Are you sure want to log out?" }),
|
|
27
|
+
/* @__PURE__ */ R("div", { className: "modal-footer", children: [
|
|
28
|
+
/* @__PURE__ */ S("button", { className: "modal-button", onClick: e, children: "Cancel" }),
|
|
29
|
+
/* @__PURE__ */ S(
|
|
30
|
+
"button",
|
|
31
|
+
{
|
|
32
|
+
onClick: n,
|
|
33
|
+
className: "text-white confirm-btn modal-button",
|
|
34
|
+
children: "Confirm"
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
] })
|
|
38
|
+
] }) })
|
|
39
|
+
] });
|
|
45
40
|
}
|
|
46
|
-
function
|
|
47
|
-
return /* @__PURE__ */
|
|
41
|
+
function zr({ primaryColor: t = "#009d4f" }) {
|
|
42
|
+
return /* @__PURE__ */ R(
|
|
48
43
|
"svg",
|
|
49
44
|
{
|
|
50
45
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -53,7 +48,7 @@ function Wr({ primaryColor: t = "#009d4f" }) {
|
|
|
53
48
|
viewBox: "0 0 24 25",
|
|
54
49
|
fill: "none",
|
|
55
50
|
children: [
|
|
56
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ S(
|
|
57
52
|
"path",
|
|
58
53
|
{
|
|
59
54
|
d: "M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",
|
|
@@ -64,7 +59,7 @@ function Wr({ primaryColor: t = "#009d4f" }) {
|
|
|
64
59
|
"stroke-linejoin": "round"
|
|
65
60
|
}
|
|
66
61
|
),
|
|
67
|
-
/* @__PURE__ */
|
|
62
|
+
/* @__PURE__ */ S(
|
|
68
63
|
"path",
|
|
69
64
|
{
|
|
70
65
|
d: "M15.9965 11.5H16.0054",
|
|
@@ -74,7 +69,7 @@ function Wr({ primaryColor: t = "#009d4f" }) {
|
|
|
74
69
|
"stroke-linejoin": "round"
|
|
75
70
|
}
|
|
76
71
|
),
|
|
77
|
-
/* @__PURE__ */
|
|
72
|
+
/* @__PURE__ */ S(
|
|
78
73
|
"path",
|
|
79
74
|
{
|
|
80
75
|
d: "M11.9955 11.5H12.0045",
|
|
@@ -84,7 +79,7 @@ function Wr({ primaryColor: t = "#009d4f" }) {
|
|
|
84
79
|
"stroke-linejoin": "round"
|
|
85
80
|
}
|
|
86
81
|
),
|
|
87
|
-
/* @__PURE__ */
|
|
82
|
+
/* @__PURE__ */ S(
|
|
88
83
|
"path",
|
|
89
84
|
{
|
|
90
85
|
d: "M7.99451 11.5H8.00349",
|
|
@@ -98,10 +93,10 @@ function Wr({ primaryColor: t = "#009d4f" }) {
|
|
|
98
93
|
}
|
|
99
94
|
);
|
|
100
95
|
}
|
|
101
|
-
function
|
|
96
|
+
function Wr({
|
|
102
97
|
primaryColor: t = "#009d4f"
|
|
103
98
|
}) {
|
|
104
|
-
return /* @__PURE__ */
|
|
99
|
+
return /* @__PURE__ */ R(
|
|
105
100
|
"svg",
|
|
106
101
|
{
|
|
107
102
|
width: "24",
|
|
@@ -110,7 +105,7 @@ function _r({
|
|
|
110
105
|
fill: "none",
|
|
111
106
|
xmlns: "http://www.w3.org/2000/svg",
|
|
112
107
|
children: [
|
|
113
|
-
/* @__PURE__ */
|
|
108
|
+
/* @__PURE__ */ S(
|
|
114
109
|
"path",
|
|
115
110
|
{
|
|
116
111
|
"fill-rule": "evenodd",
|
|
@@ -122,7 +117,7 @@ function _r({
|
|
|
122
117
|
"stroke-linejoin": "round"
|
|
123
118
|
}
|
|
124
119
|
),
|
|
125
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ S(
|
|
126
121
|
"path",
|
|
127
122
|
{
|
|
128
123
|
d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
|
|
@@ -132,12 +127,20 @@ function _r({
|
|
|
132
127
|
"stroke-linejoin": "round"
|
|
133
128
|
}
|
|
134
129
|
),
|
|
135
|
-
/* @__PURE__ */
|
|
130
|
+
/* @__PURE__ */ S("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: t })
|
|
136
131
|
]
|
|
137
132
|
}
|
|
138
133
|
);
|
|
139
134
|
}
|
|
140
|
-
const
|
|
135
|
+
const _r = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAYAAAADgWq5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA3XSURBVHgBtVl7jFxVGf/dO3feMzuzO/tuu92y2xIoCEgCgUQogSIKhBIgaAxpFdREITxMVCrYNqB/+A8QCYQYbIuJUTChGqBQDCkaMUCgW0qtpe12t933drezs/N+XX/fuefOzK6l0KInPb2POfec3/m+3/c6a+ALNNu247xczL6Ofbm+j+suLck+pK972XcYhrEbX6AZOItGoGt4uZ99jQtu+tAnmP7kIPLz8yiwS/NHmxDr6kJTdzfaVq5qnGIb+/azAX9GgDXQTQJUQB3Y+SqOvL1bgXVB6nELv2OvcqllX74Uq2+8SV2buBE40n+QwHfgfwlYq34r+7rU+Bj2vvgH/Ou1VxXIxeAaW7Xht6ph1NGzCfAr7/meC3wb+xYCH8IXBaylurWQnu/d++IfMUCwRS1Nuz7mFN813lfVUrYh3xi1lWXIlXd/F1eww5H2rQQ9gLMFTCAP8PJEamIcO+77AebHx+u/6Y8FrItNJDqVL2Awm8WJQhFejwedfj9WhIJosjz8wKCkUdupu6koOX7n08+60haKPHnGgAlEuLp5bGAPdm78yUKO6tU4cQ3w/uQc3pqYwkypQOAGTNNU3SJoi+N6wmFclWjmBnxqvEja1rMJcF8kghseeRT9V62Rl5s595bPDZggxE29fPD11/DWLx9f/FsNqFwrvP5l6DjenZmBKN40TM5qqrEeAUzJGnz28Rpgv6atFRdGQmrXjjG6QrDV/Q0/+zlWf/1GebWB82//TMAE0svLnpnDh+N/umfDaY1KfnlrdBw7R8ZguyQxPJSsoW493JDHY7JbaiGhSNCycEt3J3oDgZp2qi5HOMgbjuCOp59B+8pV4rsvWWyIpwJ8ND0x0fvKQ/dDPIJh1yWgWVsbW6xU8au9+8jXAqUJWJRo2OdDiGqPBv1ojcUQIRVOptOYnEsjky+iUrXREw3jm91dihQ26VPRs0NvoKmrk6DJ6c6uAQK+pBGftQis8LZ3z/ZtIGjFQRJS78zQ05q1u/0nk5ghWOFoazCAloCFGIF2xKPobmtHW1sCifZWeP1e5DM5jJPjHxwaxsGpJE5WykhYlprZI1IWr0FOGASd4tpv/OIx3PHrZy4mJuHzZhejuYgKDxza9Tqkm4ah5Ck8NUzpjhG5z/L7QQIWsGGfFzGvGJeeUMZY5G0oxGgXRYBSjsSi6GpvwZoL+7GqM4GhbM5hkOEIw6SkDcN5ISIZ2fOh6mz36ziwEDCb7CK+94UXHFAKsHMVQzK1lIWfakq+T4p0+RwhWP5Tm1CcVAbFb7w+xwA9XnVvkS4RbuCS5Z18tvT8LmgO0+s5axrY5Ri8gH3gVICvPvLmG0hPTjjSNVyp6kk5Uhii7Mm01W9i1X6S1yLR7apj78ozKEPjDqoVlIsFLmIjJNKm6wpEI2iOBMhzT10wohmzDtSloGAZ2bNngZRNTYcNwt0ju3Y5vK19jIZJG7ssZiuL93kMTSmC5X3Acnq1lEM2lUQ2OYsTY2PI8BoOeOEXgVfLiPqtmmBqVGt4NrWG3932vCvlNY1GtyYzOYmpfR9pKsgWRa91ryBvXZ8pb1PFspo0YJpqxIlCCf6qiRx3eWwkidBkCj2JGfT3LsU+Gtp83sbyZcsRpTtDbhYtytWJUVfrkwqRbE0rJ4xilBIu0MtQO7fwzQ6XEldPfVQHa7vc1cZlurs26+9eOngIQ/MpeMmVeCiAXNWLXBkEVuDVwniqiH2Tafzz4Cj2T6QwkytifHYOyfQ8ZuYLeHN4FEUKxZWuY6v63k039NqDf/+bPK5TEiYdJOnunT16xLFu6TqKyVURTEvZwwlVBsaFUsqdAZlKBWYuj85QBJmq5A8mYpEw5uYraPUauHBZBxf18LuqChSlSgnnLO1AjnTxaA+huCl5BqUt63q0x6gq92lj+shhnEdaiCezND+QPHrUIbzgMZ3Q61ib7QQPdevwWh6DtPIygXpMD4p0Cx0RA+cnOlUaWShXkZsvYwkN7LLz+5AtVbF0SbcKzyGfhfTMNFYtaVXaMVzfRrCOlzE0TL0Z3owO7HEdw8UCuFfuMlOTNWnWrFWnhY5DdpnsXFfEYxjN5NSGKpw0ncsy8kVRplkcn06izQ+E6IujzQlcviqH9/49zIhmoY9AffQyYZ8fZsmjMghnaqNuIRLWbceQhculTMYFHK8Bzk1POzvUiY3zrVnLqZRJmI6UpfU3t+AfKt00tTHaODw2gQIHlctlTCaLGDqZwfzvX6Ira0IgEMTw1BRGR4awsiOOsBVg2uFXvK2vZzgobVN5oaqjYOXedOuthWZTATJr8V1RQyeCqMm1LvCepihDcRDJYlEBrkqgEP5yBQ8DhD8eRlu8CSuW96ClOYYSc2SDGjs6PonxZAqdTdRWuGlBpm+gIXuzDQfTwvSlIXBo92S7oExDewudLi7yxVEm5ndfcAF5yOSFq3jok6Ufm8sjze+C8WYsWXUuWnpXoBgM4/3jE9gzPO4EFY4zqqiF4gU+uOaLtZfQHsttIuEhuQl3dEB8sZs1aUY4FDCqTvJj63xN5wwtrCSaKc2xXAEpZmIrOoSfQILG1kOpfuXSS9Ddswz+YBA9zIGPkUIf7NuvpNfmDao5lJUYjo93c2xXy66bbersdPEOCWDJO+FjHpo1Jl1y1KkgXkIrwmiwP7Fjr6STlpcuK48CxTybztDQPEimUojxuv+99zB9bNihVjGNALUS9AfgJTWWB6M1Cdq60qsVBg0kWQxYkKiir43qVY5bAxLVeAxolaDm0G19dbO2CsdWCCBPQ5tIZZArVVQSP8nodGB4BIPDx5FlsLDI11lyt1wu4bJ4u/LpCpBZpwOABlpAGZ68be1b6QJOWpLRc1fJ2Ipz4nAduespFrkzxx8bdSMQAyMnyzpnzpdKBJpFdzSIJYkE+np70HtOL6KRIGZnZnF8cgpLQzG0+ILaMzR4h0XN1bNE1kRfn5KuVNSul/jzkssuX/9hLTXXEm2wW1tPXPOZXPBktqAqCFXq2I5WsswpjlWqSsm5cgXTLE5l+OiJWRW66d/wTr6E/oAP7bBrLs02Tln+qLW6LrpInnbLfy7gHd5weH3b6gswvf/jU+7VjXYizP0nTuCVw4MYnJsjjx2LrlYNRQ01iEAHZ1MYTqbhHRxVJdOKzg60NUUUzY4UWH14vehg4r+UX3QxexNe1845XAWyd1x4ESIdisNvNwLeLfw4785vxKc3PaIJUFUewlXcXKmM96nSd1h0jpKfZeYQMkqqZhnnkZhN0JJrlLgrcVs2k41YOICVXe0Is3SS9LNKflveELyMdCelCGDfT6Es529Ly0VE1by6Mudd//XXu3TYVgPMhyRV81Tr6gs2hds7kZUwDcegxjNZvM0INnBihiCrzBuY7DA5N0XkBGXy2SlHbFUuqQcxWOYYzQTbxoJTPLz4a8u0MG34lR8uku9hJvUVApT8Q3zJKLndzA2vLuYQ4PswtdJ/3doaHVx9u01OW5KX/vBexeNksYSXh4bxG6aRH88lafisJKhan1e6l1mZl++YC9CtSTBQZRQX9jMpipGf3bEQ2mlsQapdNpOn1McrTJhsllN8V2IlIqqrUAiSYko499LtZVjMvh+N4XgojC996y7BJW53y38BFinzIlLGSGe3A5RuyCYYARkMhuBjkJCTHK+EXk7u8zIXIPAycwKTwKFDu0+iGe+EGuliFWmTIdwMqdouwM3IKLGFErWTzeeoMQMZFqVObmyq0N659qvou/Y6gfZU49lEo4Shy+mB23+6EfGubiVBOQTxM2cQNYqqg4xuIuEgAYdo8WFGsRC7FQjBE4ygxKQmbfiQZSQrBOPwNLczKMUQZj0X4qYdz2io2k96kXm1SFlaLp9XjqEl0Yqbb7vN5e7mBRixqLknPwcPHIh/f/16ZHOyc+a8THIU6bmJEvnX6KttisuSKpjSKfG8QRLxMMF5+E42E6CGAtyccF/AWtz8PKNhS2sCkzRk0ZyYhJfjm1ta8Ojjj2FpT88pT37MxYD1gAfPPe88/GjjwwRoOZWAlPOUkgD1UbqKEuwRhvQwzx18lg9NLOETTHoSXDTKbC7EMCzGJxV2RdduUl3LfPIs3kjCdSaTJqU8yFPad939HQErQ799qvNiC6do4kJE0jevu3VTUyyOTQ9vRIVG4UpHpCxNXJiU8/KuSj6KNIsMvR66Lj8NVDyBAJPNCUjRiKWlLG7RrRWzrFyWdC/Fgw//GBddrE6mtnzaqbyB0zT3fHhsdBQP3XsfxkZGlBsSFSr1GI6f9pLT8l7O0WQTeXIxSm2UuMkcjSrRkqBXKCkteSW1FP/LoNPBpCZL6XposE8+ywNAZow42/PhBtBSpL7M3rv9+efx2+eeo0S99VTQcNSq/CoBi5pzLJcsbkKkn+W9ABa35UjYUvmBeIeeZT24+rpr8bWbbkIoHB6CQ4Pdp8PzmYA16F44R1nrJ5jT/m7rVvz19TecPJaqFsDlakXxWYCJNCt89mgDbWluVvx0D7mjTU248qqrsO7225BgksS2Q4NNfhaWzwW4AbicDTzB3jtJ4HsHBvDmzp0YPHQYhVKRbi6oKFIgOKGFBAhpQb4Pkt8r+s7B5VdcgWvWrhWJyk+SH2w2zuDPX2cEuAH4Gl42sK933w0ePowZhu9JHpWmyM8y3ZvwOMoz4r7+foLtc4cmNdAnjf/33+lOA14k7/4VdDkW/iV0Dk6RMARH9QOfR/Wf1v4D3Fe7Fu3OpbsAAAAASUVORK5CYII=", Ur = `@import"https://fonts.cdnfonts.com/css/tt-firs-neue-trl?styles=143111,143113,143105,143108,143110,143101,143099,143103,143097,143115";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:TT Firs Neue Trl,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}
|
|
136
|
+
`;
|
|
137
|
+
function Hi({ children: t, styles: e = [], ...n }) {
|
|
138
|
+
return /* @__PURE__ */ R(Mr.div, { ...n, children: [
|
|
139
|
+
[Ur, ...e].map((i, s) => /* @__PURE__ */ S("style", { type: "text/css", children: i }, s)),
|
|
140
|
+
t
|
|
141
|
+
] });
|
|
142
|
+
}
|
|
143
|
+
const Hr = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.5rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.navbar-container img{height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}.relative{position:relative}.cursor-pointer{cursor:pointer}
|
|
141
144
|
`;
|
|
142
145
|
function eh({
|
|
143
146
|
logo: t,
|
|
@@ -151,27 +154,27 @@ function eh({
|
|
|
151
154
|
...i,
|
|
152
155
|
color: (o == null ? void 0 : o.color) || "black",
|
|
153
156
|
backgroundColor: (o == null ? void 0 : o.bgColor) || "black"
|
|
154
|
-
}, [l, c] =
|
|
157
|
+
}, [l, c] = q(!1), u = () => {
|
|
155
158
|
window.location.href = `${n}/authentication/logout?callbackUrl=${window.location.href}`;
|
|
156
159
|
};
|
|
157
|
-
return /* @__PURE__ */
|
|
158
|
-
/* @__PURE__ */
|
|
160
|
+
return /* @__PURE__ */ R(Hi, { styles: [Hr], style: { zIndex: 1202 }, children: [
|
|
161
|
+
/* @__PURE__ */ S(
|
|
159
162
|
"nav",
|
|
160
163
|
{
|
|
161
164
|
className: `navbar ${s}`,
|
|
162
165
|
style: o ? a : i,
|
|
163
|
-
children: /* @__PURE__ */
|
|
164
|
-
/* @__PURE__ */
|
|
165
|
-
/* @__PURE__ */
|
|
166
|
-
/* @__PURE__ */
|
|
167
|
-
/* @__PURE__ */
|
|
166
|
+
children: /* @__PURE__ */ R("div", { className: "navbar-container", children: [
|
|
167
|
+
/* @__PURE__ */ S("div", { className: "logo-container", children: /* @__PURE__ */ S("img", { src: r, alt: "logo-header" }) }),
|
|
168
|
+
/* @__PURE__ */ R("div", { className: "right-side-container", children: [
|
|
169
|
+
/* @__PURE__ */ R("div", { className: "userContainer", children: [
|
|
170
|
+
/* @__PURE__ */ S(
|
|
168
171
|
"p",
|
|
169
172
|
{
|
|
170
173
|
className: "userFullName",
|
|
171
174
|
children: `${e == null ? void 0 : e.firstName} ${e == null ? void 0 : e.lastName}`
|
|
172
175
|
}
|
|
173
176
|
),
|
|
174
|
-
/* @__PURE__ */
|
|
177
|
+
/* @__PURE__ */ S(
|
|
175
178
|
Gr,
|
|
176
179
|
{
|
|
177
180
|
primaryColor: o == null ? void 0 : o.primaryColor,
|
|
@@ -180,13 +183,13 @@ function eh({
|
|
|
180
183
|
}
|
|
181
184
|
)
|
|
182
185
|
] }),
|
|
183
|
-
/* @__PURE__ */
|
|
184
|
-
/* @__PURE__ */
|
|
186
|
+
/* @__PURE__ */ S("span", { className: "cursor-pointer", children: /* @__PURE__ */ S(Wr, { primaryColor: o == null ? void 0 : o.primaryColor }) }),
|
|
187
|
+
/* @__PURE__ */ S("span", { className: "cursor-pointer", children: /* @__PURE__ */ S(zr, { primaryColor: o == null ? void 0 : o.primaryColor }) })
|
|
185
188
|
] })
|
|
186
189
|
] })
|
|
187
190
|
}
|
|
188
191
|
),
|
|
189
|
-
/* @__PURE__ */
|
|
192
|
+
/* @__PURE__ */ S(
|
|
190
193
|
Ui,
|
|
191
194
|
{
|
|
192
195
|
isOpen: l,
|
|
@@ -201,7 +204,7 @@ function Gr({
|
|
|
201
204
|
setShowConfirmModal: e,
|
|
202
205
|
primaryColor: n = "#009d4f"
|
|
203
206
|
}) {
|
|
204
|
-
const [i, s] =
|
|
207
|
+
const [i, s] = q(!1), o = Et(null), r = Et(null), [a, l] = q(!1), [c, u] = q(!1), h = {
|
|
205
208
|
backgroundColor: a ? n : "transparent"
|
|
206
209
|
}, d = {
|
|
207
210
|
backgroundColor: c ? n : "transparent"
|
|
@@ -213,25 +216,25 @@ function Gr({
|
|
|
213
216
|
return document.addEventListener("click", f, !0), () => {
|
|
214
217
|
document.removeEventListener("click", f, !0);
|
|
215
218
|
};
|
|
216
|
-
}, [o]), /* @__PURE__ */
|
|
217
|
-
/* @__PURE__ */
|
|
219
|
+
}, [o]), /* @__PURE__ */ S(Fi, { children: /* @__PURE__ */ R("div", { style: { position: "relative" }, children: [
|
|
220
|
+
/* @__PURE__ */ S(
|
|
218
221
|
"img",
|
|
219
222
|
{
|
|
220
223
|
onClick: () => s(!i),
|
|
221
224
|
ref: o,
|
|
222
225
|
alt: "user avatar",
|
|
223
226
|
className: "userAvatar",
|
|
224
|
-
src: t ||
|
|
227
|
+
src: t || _r
|
|
225
228
|
}
|
|
226
229
|
),
|
|
227
|
-
/* @__PURE__ */
|
|
230
|
+
/* @__PURE__ */ S(
|
|
228
231
|
"div",
|
|
229
232
|
{
|
|
230
233
|
style: { display: i ? "block" : "none" },
|
|
231
234
|
className: "avartarDropdownMenu",
|
|
232
235
|
ref: r,
|
|
233
|
-
children: /* @__PURE__ */
|
|
234
|
-
/* @__PURE__ */
|
|
236
|
+
children: /* @__PURE__ */ R("ul", { children: [
|
|
237
|
+
/* @__PURE__ */ S(
|
|
235
238
|
"li",
|
|
236
239
|
{
|
|
237
240
|
onMouseEnter: () => u(!0),
|
|
@@ -241,7 +244,7 @@ function Gr({
|
|
|
241
244
|
children: "Profile"
|
|
242
245
|
}
|
|
243
246
|
),
|
|
244
|
-
/* @__PURE__ */
|
|
247
|
+
/* @__PURE__ */ S(
|
|
245
248
|
"li",
|
|
246
249
|
{
|
|
247
250
|
onMouseEnter: () => l(!0),
|
|
@@ -260,10 +263,10 @@ function Gr({
|
|
|
260
263
|
var Yr = typeof global == "object" && global && global.Object === Object && global;
|
|
261
264
|
const Xr = Yr;
|
|
262
265
|
var qr = typeof self == "object" && self && self.Object === Object && self, Kr = Xr || qr || Function("return this")();
|
|
263
|
-
const
|
|
264
|
-
var $r =
|
|
266
|
+
const Gi = Kr;
|
|
267
|
+
var $r = Gi.Symbol;
|
|
265
268
|
const ce = $r;
|
|
266
|
-
var
|
|
269
|
+
var Yi = Object.prototype, Qr = Yi.hasOwnProperty, Zr = Yi.toString, Nt = ce ? ce.toStringTag : void 0;
|
|
267
270
|
function Jr(t) {
|
|
268
271
|
var e = Qr.call(t, Nt), n = t[Nt];
|
|
269
272
|
try {
|
|
@@ -278,9 +281,9 @@ var to = Object.prototype, eo = to.toString;
|
|
|
278
281
|
function no(t) {
|
|
279
282
|
return eo.call(t);
|
|
280
283
|
}
|
|
281
|
-
var io = "[object Null]", so = "[object Undefined]",
|
|
284
|
+
var io = "[object Null]", so = "[object Undefined]", Vn = ce ? ce.toStringTag : void 0;
|
|
282
285
|
function ro(t) {
|
|
283
|
-
return t == null ? t === void 0 ? so : io :
|
|
286
|
+
return t == null ? t === void 0 ? so : io : Vn && Vn in Object(t) ? Jr(t) : no(t);
|
|
284
287
|
}
|
|
285
288
|
function oo(t) {
|
|
286
289
|
return t != null && typeof t == "object";
|
|
@@ -303,12 +306,12 @@ function ue(t) {
|
|
|
303
306
|
var e = typeof t;
|
|
304
307
|
return t != null && (e == "object" || e == "function");
|
|
305
308
|
}
|
|
306
|
-
var
|
|
307
|
-
function
|
|
309
|
+
var En = 0 / 0, po = /^[-+]0x[0-9a-f]+$/i, mo = /^0b[01]+$/i, go = /^0o[0-7]+$/i, vo = parseInt;
|
|
310
|
+
function Mn(t) {
|
|
308
311
|
if (typeof t == "number")
|
|
309
312
|
return t;
|
|
310
313
|
if (lo(t))
|
|
311
|
-
return
|
|
314
|
+
return En;
|
|
312
315
|
if (ue(t)) {
|
|
313
316
|
var e = typeof t.valueOf == "function" ? t.valueOf() : t;
|
|
314
317
|
t = ue(e) ? e + "" : e;
|
|
@@ -317,10 +320,10 @@ function On(t) {
|
|
|
317
320
|
return t === 0 ? t : +t;
|
|
318
321
|
t = fo(t);
|
|
319
322
|
var n = mo.test(t);
|
|
320
|
-
return n || go.test(t) ? vo(t.slice(2), n ? 2 : 8) : po.test(t) ?
|
|
323
|
+
return n || go.test(t) ? vo(t.slice(2), n ? 2 : 8) : po.test(t) ? En : +t;
|
|
321
324
|
}
|
|
322
325
|
var yo = function() {
|
|
323
|
-
return
|
|
326
|
+
return Gi.Date.now();
|
|
324
327
|
};
|
|
325
328
|
const Ve = yo;
|
|
326
329
|
var bo = "Expected a function", xo = Math.max, wo = Math.min;
|
|
@@ -328,30 +331,30 @@ function oe(t, e, n) {
|
|
|
328
331
|
var i, s, o, r, a, l, c = 0, u = !1, h = !1, d = !0;
|
|
329
332
|
if (typeof t != "function")
|
|
330
333
|
throw new TypeError(bo);
|
|
331
|
-
e =
|
|
332
|
-
function f(
|
|
333
|
-
var k = i,
|
|
334
|
-
return i = s = void 0, c =
|
|
334
|
+
e = Mn(e) || 0, ue(n) && (u = !!n.leading, h = "maxWait" in n, o = h ? xo(Mn(n.maxWait) || 0, e) : o, d = "trailing" in n ? !!n.trailing : d);
|
|
335
|
+
function f(w) {
|
|
336
|
+
var k = i, A = s;
|
|
337
|
+
return i = s = void 0, c = w, r = t.apply(A, k), r;
|
|
335
338
|
}
|
|
336
|
-
function p(
|
|
337
|
-
return c =
|
|
339
|
+
function p(w) {
|
|
340
|
+
return c = w, a = setTimeout(b, e), u ? f(w) : r;
|
|
338
341
|
}
|
|
339
|
-
function m(
|
|
340
|
-
var k =
|
|
341
|
-
return h ? wo(C, o -
|
|
342
|
+
function m(w) {
|
|
343
|
+
var k = w - l, A = w - c, C = e - k;
|
|
344
|
+
return h ? wo(C, o - A) : C;
|
|
342
345
|
}
|
|
343
|
-
function y(
|
|
344
|
-
var k =
|
|
345
|
-
return l === void 0 || k >= e || k < 0 || h &&
|
|
346
|
+
function y(w) {
|
|
347
|
+
var k = w - l, A = w - c;
|
|
348
|
+
return l === void 0 || k >= e || k < 0 || h && A >= o;
|
|
346
349
|
}
|
|
347
350
|
function b() {
|
|
348
|
-
var
|
|
349
|
-
if (y(
|
|
350
|
-
return v(
|
|
351
|
-
a = setTimeout(b, m(
|
|
351
|
+
var w = Ve();
|
|
352
|
+
if (y(w))
|
|
353
|
+
return v(w);
|
|
354
|
+
a = setTimeout(b, m(w));
|
|
352
355
|
}
|
|
353
|
-
function v(
|
|
354
|
-
return a = void 0, d && i ? f(
|
|
356
|
+
function v(w) {
|
|
357
|
+
return a = void 0, d && i ? f(w) : (i = s = void 0, r);
|
|
355
358
|
}
|
|
356
359
|
function g() {
|
|
357
360
|
a !== void 0 && clearTimeout(a), c = 0, i = l = s = a = void 0;
|
|
@@ -359,9 +362,9 @@ function oe(t, e, n) {
|
|
|
359
362
|
function x() {
|
|
360
363
|
return a === void 0 ? r : v(Ve());
|
|
361
364
|
}
|
|
362
|
-
function
|
|
363
|
-
var
|
|
364
|
-
if (i = arguments, s = this, l =
|
|
365
|
+
function T() {
|
|
366
|
+
var w = Ve(), k = y(w);
|
|
367
|
+
if (i = arguments, s = this, l = w, k) {
|
|
365
368
|
if (a === void 0)
|
|
366
369
|
return p(l);
|
|
367
370
|
if (h)
|
|
@@ -369,7 +372,7 @@ function oe(t, e, n) {
|
|
|
369
372
|
}
|
|
370
373
|
return a === void 0 && (a = setTimeout(b, e)), r;
|
|
371
374
|
}
|
|
372
|
-
return
|
|
375
|
+
return T.cancel = g, T.flush = x, T;
|
|
373
376
|
}
|
|
374
377
|
var So = "Expected a function";
|
|
375
378
|
function To(t, e, n) {
|
|
@@ -383,7 +386,7 @@ function To(t, e, n) {
|
|
|
383
386
|
});
|
|
384
387
|
}
|
|
385
388
|
var Ao = !!(typeof window < "u" && window.document && window.document.createElement), Po = Ao;
|
|
386
|
-
const
|
|
389
|
+
const Xi = /* @__PURE__ */ Or(Po);
|
|
387
390
|
var At = function() {
|
|
388
391
|
return At = Object.assign || function(e) {
|
|
389
392
|
for (var n, i = 1, s = arguments.length; i < s; i++) {
|
|
@@ -393,11 +396,11 @@ var At = function() {
|
|
|
393
396
|
}
|
|
394
397
|
return e;
|
|
395
398
|
}, At.apply(this, arguments);
|
|
396
|
-
}, Tt = null,
|
|
397
|
-
|
|
398
|
-
|
|
399
|
+
}, Tt = null, On = null;
|
|
400
|
+
Xi && window.addEventListener("resize", function() {
|
|
401
|
+
On !== window.devicePixelRatio && (On = window.devicePixelRatio, Tt = null);
|
|
399
402
|
});
|
|
400
|
-
function
|
|
403
|
+
function Dn() {
|
|
401
404
|
if (Tt === null) {
|
|
402
405
|
if (typeof document > "u")
|
|
403
406
|
return Tt = 0, Tt;
|
|
@@ -408,13 +411,13 @@ function Ln() {
|
|
|
408
411
|
}
|
|
409
412
|
return Tt;
|
|
410
413
|
}
|
|
411
|
-
function
|
|
414
|
+
function qi(t) {
|
|
412
415
|
return !t || !t.ownerDocument || !t.ownerDocument.defaultView ? window : t.ownerDocument.defaultView;
|
|
413
416
|
}
|
|
414
|
-
function
|
|
417
|
+
function Ki(t) {
|
|
415
418
|
return !t || !t.ownerDocument ? document : t.ownerDocument;
|
|
416
419
|
}
|
|
417
|
-
var
|
|
420
|
+
var $i = function(t) {
|
|
418
421
|
var e = {}, n = Array.prototype.reduce.call(t, function(i, s) {
|
|
419
422
|
var o = s.name.match(/data-simplebar-(.+)/);
|
|
420
423
|
if (o) {
|
|
@@ -439,27 +442,27 @@ var Ki = function(t) {
|
|
|
439
442
|
}, e);
|
|
440
443
|
return n;
|
|
441
444
|
};
|
|
442
|
-
function
|
|
445
|
+
function Qi(t, e) {
|
|
443
446
|
var n;
|
|
444
447
|
t && (n = t.classList).add.apply(n, e.split(" "));
|
|
445
448
|
}
|
|
446
|
-
function
|
|
449
|
+
function Zi(t, e) {
|
|
447
450
|
t && e.split(" ").forEach(function(n) {
|
|
448
451
|
t.classList.remove(n);
|
|
449
452
|
});
|
|
450
453
|
}
|
|
451
|
-
function
|
|
454
|
+
function Ji(t) {
|
|
452
455
|
return ".".concat(t.split(" ").join("."));
|
|
453
456
|
}
|
|
454
457
|
var ko = /* @__PURE__ */ Object.freeze({
|
|
455
458
|
__proto__: null,
|
|
456
|
-
getElementWindow:
|
|
457
|
-
getElementDocument:
|
|
458
|
-
getOptions:
|
|
459
|
-
addClasses:
|
|
460
|
-
removeClasses:
|
|
461
|
-
classNamesToQuery:
|
|
462
|
-
}),
|
|
459
|
+
getElementWindow: qi,
|
|
460
|
+
getElementDocument: Ki,
|
|
461
|
+
getOptions: $i,
|
|
462
|
+
addClasses: Qi,
|
|
463
|
+
removeClasses: Zi,
|
|
464
|
+
classNamesToQuery: Ji
|
|
465
|
+
}), st = qi, Ee = Ki, Co = $i, rt = Qi, ot = Zi, F = Ji, te = (
|
|
463
466
|
/** @class */
|
|
464
467
|
function() {
|
|
465
468
|
function t(e, n) {
|
|
@@ -470,18 +473,18 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
470
473
|
}, this.onStopScrolling = function() {
|
|
471
474
|
}, this.onMouseEntered = function() {
|
|
472
475
|
}, this.onScroll = function() {
|
|
473
|
-
var s =
|
|
474
|
-
i.scrollXTicking || (s.requestAnimationFrame(i.scrollX), i.scrollXTicking = !0), i.scrollYTicking || (s.requestAnimationFrame(i.scrollY), i.scrollYTicking = !0), i.isScrolling || (i.isScrolling = !0,
|
|
476
|
+
var s = st(i.el);
|
|
477
|
+
i.scrollXTicking || (s.requestAnimationFrame(i.scrollX), i.scrollXTicking = !0), i.scrollYTicking || (s.requestAnimationFrame(i.scrollY), i.scrollYTicking = !0), i.isScrolling || (i.isScrolling = !0, rt(i.el, i.classNames.scrolling)), i.showScrollbar("x"), i.showScrollbar("y"), i.onStopScrolling();
|
|
475
478
|
}, this.scrollX = function() {
|
|
476
479
|
i.axis.x.isOverflowing && i.positionScrollbar("x"), i.scrollXTicking = !1;
|
|
477
480
|
}, this.scrollY = function() {
|
|
478
481
|
i.axis.y.isOverflowing && i.positionScrollbar("y"), i.scrollYTicking = !1;
|
|
479
482
|
}, this._onStopScrolling = function() {
|
|
480
|
-
|
|
483
|
+
ot(i.el, i.classNames.scrolling), i.options.autoHide && (i.hideScrollbar("x"), i.hideScrollbar("y")), i.isScrolling = !1;
|
|
481
484
|
}, this.onMouseEnter = function() {
|
|
482
|
-
i.isMouseEntering || (
|
|
485
|
+
i.isMouseEntering || (rt(i.el, i.classNames.mouseEntered), i.showScrollbar("x"), i.showScrollbar("y"), i.isMouseEntering = !0), i.onMouseEntered();
|
|
483
486
|
}, this._onMouseEntered = function() {
|
|
484
|
-
|
|
487
|
+
ot(i.el, i.classNames.mouseEntered), i.options.autoHide && (i.hideScrollbar("x"), i.hideScrollbar("y")), i.isMouseEntering = !1;
|
|
485
488
|
}, this._onMouseMove = function(s) {
|
|
486
489
|
i.mouseX = s.clientX, i.mouseY = s.clientY, (i.axis.x.isOverflowing || i.axis.x.forceVisible) && i.onMouseMoveForAxis("x"), (i.axis.y.isOverflowing || i.axis.y.forceVisible) && i.onMouseMoveForAxis("y");
|
|
487
490
|
}, this.onMouseLeave = function() {
|
|
@@ -496,16 +499,16 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
496
499
|
}, this.drag = function(s) {
|
|
497
500
|
var o, r, a, l, c, u, h, d, f, p, m;
|
|
498
501
|
if (!(!i.draggedAxis || !i.contentWrapperEl)) {
|
|
499
|
-
var y, b = i.axis[i.draggedAxis].track, v = (r = (o = b.rect) === null || o === void 0 ? void 0 : o[i.axis[i.draggedAxis].sizeAttr]) !== null && r !== void 0 ? r : 0, g = i.axis[i.draggedAxis].scrollbar, x = (l = (a = i.contentWrapperEl) === null || a === void 0 ? void 0 : a[i.axis[i.draggedAxis].scrollSizeAttr]) !== null && l !== void 0 ? l : 0,
|
|
502
|
+
var y, b = i.axis[i.draggedAxis].track, v = (r = (o = b.rect) === null || o === void 0 ? void 0 : o[i.axis[i.draggedAxis].sizeAttr]) !== null && r !== void 0 ? r : 0, g = i.axis[i.draggedAxis].scrollbar, x = (l = (a = i.contentWrapperEl) === null || a === void 0 ? void 0 : a[i.axis[i.draggedAxis].scrollSizeAttr]) !== null && l !== void 0 ? l : 0, T = parseInt((u = (c = i.elStyles) === null || c === void 0 ? void 0 : c[i.axis[i.draggedAxis].sizeAttr]) !== null && u !== void 0 ? u : "0px", 10);
|
|
500
503
|
s.preventDefault(), s.stopPropagation(), i.draggedAxis === "y" ? y = s.pageY : y = s.pageX;
|
|
501
|
-
var
|
|
502
|
-
|
|
503
|
-
var k =
|
|
504
|
-
i.draggedAxis === "x" && i.isRtl && (
|
|
504
|
+
var w = y - ((d = (h = b.rect) === null || h === void 0 ? void 0 : h[i.axis[i.draggedAxis].offsetAttr]) !== null && d !== void 0 ? d : 0) - i.axis[i.draggedAxis].dragOffset;
|
|
505
|
+
w = i.draggedAxis === "x" && i.isRtl ? ((p = (f = b.rect) === null || f === void 0 ? void 0 : f[i.axis[i.draggedAxis].sizeAttr]) !== null && p !== void 0 ? p : 0) - g.size - w : w;
|
|
506
|
+
var k = w / (v - g.size), A = k * (x - T);
|
|
507
|
+
i.draggedAxis === "x" && i.isRtl && (A = !((m = t.getRtlHelpers()) === null || m === void 0) && m.isScrollingToNegative ? -A : A), i.contentWrapperEl[i.axis[i.draggedAxis].scrollOffsetAttr] = A;
|
|
505
508
|
}
|
|
506
509
|
}, this.onEndDrag = function(s) {
|
|
507
|
-
var o = Ee(i.el), r =
|
|
508
|
-
s.preventDefault(), s.stopPropagation(),
|
|
510
|
+
var o = Ee(i.el), r = st(i.el);
|
|
511
|
+
s.preventDefault(), s.stopPropagation(), ot(i.el, i.classNames.dragging), o.removeEventListener("mousemove", i.drag, !0), o.removeEventListener("mouseup", i.onEndDrag, !0), i.removePreventClickId = r.setTimeout(function() {
|
|
509
512
|
o.removeEventListener("click", i.preventClick, !0), o.removeEventListener("dblclick", i.preventClick, !0), i.removePreventClickId = null;
|
|
510
513
|
});
|
|
511
514
|
}, this.preventClick = function(s) {
|
|
@@ -561,23 +564,23 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
561
564
|
}, t.rtlHelpers;
|
|
562
565
|
}, t.prototype.getScrollbarWidth = function() {
|
|
563
566
|
try {
|
|
564
|
-
return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 :
|
|
567
|
+
return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 : Dn();
|
|
565
568
|
} catch {
|
|
566
|
-
return
|
|
569
|
+
return Dn();
|
|
567
570
|
}
|
|
568
571
|
}, t.getOffset = function(e) {
|
|
569
|
-
var n = e.getBoundingClientRect(), i = Ee(e), s =
|
|
572
|
+
var n = e.getBoundingClientRect(), i = Ee(e), s = st(e);
|
|
570
573
|
return {
|
|
571
574
|
top: n.top + (s.pageYOffset || i.documentElement.scrollTop),
|
|
572
575
|
left: n.left + (s.pageXOffset || i.documentElement.scrollLeft)
|
|
573
576
|
};
|
|
574
577
|
}, t.prototype.init = function() {
|
|
575
|
-
|
|
578
|
+
Xi && (this.initDOM(), this.rtlHelpers = t.getRtlHelpers(), this.scrollbarWidth = this.getScrollbarWidth(), this.recalculate(), this.initListeners());
|
|
576
579
|
}, t.prototype.initDOM = function() {
|
|
577
580
|
var e, n;
|
|
578
|
-
this.wrapperEl = this.el.querySelector(F(this.classNames.wrapper)), this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(F(this.classNames.contentWrapper)), this.contentEl = this.options.contentNode || this.el.querySelector(F(this.classNames.contentEl)), this.offsetEl = this.el.querySelector(F(this.classNames.offset)), this.maskEl = this.el.querySelector(F(this.classNames.mask)), this.placeholderEl = this.findChild(this.wrapperEl, F(this.classNames.placeholder)), this.heightAutoObserverWrapperEl = this.el.querySelector(F(this.classNames.heightAutoObserverWrapperEl)), this.heightAutoObserverEl = this.el.querySelector(F(this.classNames.heightAutoObserverEl)), this.axis.x.track.el = this.findChild(this.el, "".concat(F(this.classNames.track)).concat(F(this.classNames.horizontal))), this.axis.y.track.el = this.findChild(this.el, "".concat(F(this.classNames.track)).concat(F(this.classNames.vertical))), this.axis.x.scrollbar.el = ((e = this.axis.x.track.el) === null || e === void 0 ? void 0 : e.querySelector(F(this.classNames.scrollbar))) || null, this.axis.y.scrollbar.el = ((n = this.axis.y.track.el) === null || n === void 0 ? void 0 : n.querySelector(F(this.classNames.scrollbar))) || null, this.options.autoHide || (
|
|
581
|
+
this.wrapperEl = this.el.querySelector(F(this.classNames.wrapper)), this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(F(this.classNames.contentWrapper)), this.contentEl = this.options.contentNode || this.el.querySelector(F(this.classNames.contentEl)), this.offsetEl = this.el.querySelector(F(this.classNames.offset)), this.maskEl = this.el.querySelector(F(this.classNames.mask)), this.placeholderEl = this.findChild(this.wrapperEl, F(this.classNames.placeholder)), this.heightAutoObserverWrapperEl = this.el.querySelector(F(this.classNames.heightAutoObserverWrapperEl)), this.heightAutoObserverEl = this.el.querySelector(F(this.classNames.heightAutoObserverEl)), this.axis.x.track.el = this.findChild(this.el, "".concat(F(this.classNames.track)).concat(F(this.classNames.horizontal))), this.axis.y.track.el = this.findChild(this.el, "".concat(F(this.classNames.track)).concat(F(this.classNames.vertical))), this.axis.x.scrollbar.el = ((e = this.axis.x.track.el) === null || e === void 0 ? void 0 : e.querySelector(F(this.classNames.scrollbar))) || null, this.axis.y.scrollbar.el = ((n = this.axis.y.track.el) === null || n === void 0 ? void 0 : n.querySelector(F(this.classNames.scrollbar))) || null, this.options.autoHide || (rt(this.axis.x.scrollbar.el, this.classNames.visible), rt(this.axis.y.scrollbar.el, this.classNames.visible));
|
|
579
582
|
}, t.prototype.initListeners = function() {
|
|
580
|
-
var e = this, n, i =
|
|
583
|
+
var e = this, n, i = st(this.el);
|
|
581
584
|
if (this.el.addEventListener("mouseenter", this.onMouseEnter), this.el.addEventListener("pointerdown", this.onPointerEvent, !0), this.el.addEventListener("mousemove", this.onMouseMove), this.el.addEventListener("mouseleave", this.onMouseLeave), (n = this.contentWrapperEl) === null || n === void 0 || n.addEventListener("scroll", this.onScroll), i.addEventListener("resize", this.onWindowResize), !!this.contentEl) {
|
|
582
585
|
if (window.ResizeObserver) {
|
|
583
586
|
var s = !1, o = i.ResizeObserver || ResizeObserver;
|
|
@@ -601,7 +604,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
601
604
|
}
|
|
602
605
|
}, t.prototype.recalculate = function() {
|
|
603
606
|
if (!(!this.heightAutoObserverEl || !this.contentEl || !this.contentWrapperEl || !this.wrapperEl || !this.placeholderEl)) {
|
|
604
|
-
var e =
|
|
607
|
+
var e = st(this.el);
|
|
605
608
|
this.elStyles = e.getComputedStyle(this.el), this.isRtl = this.elStyles.direction === "rtl";
|
|
606
609
|
var n = this.contentEl.offsetWidth, i = this.heightAutoObserverEl.offsetHeight <= 1, s = this.heightAutoObserverEl.offsetWidth <= 1 || n > 0, o = this.contentWrapperEl.offsetWidth, r = this.elStyles.overflowX, a = this.elStyles.overflowY;
|
|
607
610
|
this.contentEl.style.padding = "".concat(this.elStyles.paddingTop, " ").concat(this.elStyles.paddingRight, " ").concat(this.elStyles.paddingBottom, " ").concat(this.elStyles.paddingLeft), this.wrapperEl.style.margin = "-".concat(this.elStyles.paddingTop, " -").concat(this.elStyles.paddingRight, " -").concat(this.elStyles.paddingBottom, " -").concat(this.elStyles.paddingLeft);
|
|
@@ -633,29 +636,29 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
633
636
|
var n = this.axis[e].track.el, i = this.axis[e].scrollbar.el;
|
|
634
637
|
!n || !i || !this.contentWrapperEl || (this.axis[e].isOverflowing || this.axis[e].forceVisible ? (n.style.visibility = "visible", this.contentWrapperEl.style[this.axis[e].overflowAttr] = "scroll", this.el.classList.add("".concat(this.classNames.scrollable, "-").concat(e))) : (n.style.visibility = "hidden", this.contentWrapperEl.style[this.axis[e].overflowAttr] = "hidden", this.el.classList.remove("".concat(this.classNames.scrollable, "-").concat(e))), this.axis[e].isOverflowing ? i.style.display = "block" : i.style.display = "none");
|
|
635
638
|
}, t.prototype.showScrollbar = function(e) {
|
|
636
|
-
e === void 0 && (e = "y"), this.axis[e].isOverflowing && !this.axis[e].scrollbar.isVisible && (
|
|
639
|
+
e === void 0 && (e = "y"), this.axis[e].isOverflowing && !this.axis[e].scrollbar.isVisible && (rt(this.axis[e].scrollbar.el, this.classNames.visible), this.axis[e].scrollbar.isVisible = !0);
|
|
637
640
|
}, t.prototype.hideScrollbar = function(e) {
|
|
638
|
-
e === void 0 && (e = "y"), this.axis[e].isOverflowing && this.axis[e].scrollbar.isVisible && (
|
|
641
|
+
e === void 0 && (e = "y"), this.axis[e].isOverflowing && this.axis[e].scrollbar.isVisible && (ot(this.axis[e].scrollbar.el, this.classNames.visible), this.axis[e].scrollbar.isVisible = !1);
|
|
639
642
|
}, t.prototype.hideNativeScrollbar = function() {
|
|
640
643
|
this.offsetEl && (this.offsetEl.style[this.isRtl ? "left" : "right"] = this.axis.y.isOverflowing || this.axis.y.forceVisible ? "-".concat(this.scrollbarWidth, "px") : "0px", this.offsetEl.style.bottom = this.axis.x.isOverflowing || this.axis.x.forceVisible ? "-".concat(this.scrollbarWidth, "px") : "0px");
|
|
641
644
|
}, t.prototype.onMouseMoveForAxis = function(e) {
|
|
642
645
|
e === void 0 && (e = "y");
|
|
643
646
|
var n = this.axis[e];
|
|
644
|
-
!n.track.el || !n.scrollbar.el || (n.track.rect = n.track.el.getBoundingClientRect(), n.scrollbar.rect = n.scrollbar.el.getBoundingClientRect(), this.isWithinBounds(n.track.rect) ? (this.showScrollbar(e),
|
|
647
|
+
!n.track.el || !n.scrollbar.el || (n.track.rect = n.track.el.getBoundingClientRect(), n.scrollbar.rect = n.scrollbar.el.getBoundingClientRect(), this.isWithinBounds(n.track.rect) ? (this.showScrollbar(e), rt(n.track.el, this.classNames.hover), this.isWithinBounds(n.scrollbar.rect) ? rt(n.scrollbar.el, this.classNames.hover) : ot(n.scrollbar.el, this.classNames.hover)) : (ot(n.track.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(e)));
|
|
645
648
|
}, t.prototype.onMouseLeaveForAxis = function(e) {
|
|
646
|
-
e === void 0 && (e = "y"),
|
|
649
|
+
e === void 0 && (e = "y"), ot(this.axis[e].track.el, this.classNames.hover), ot(this.axis[e].scrollbar.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(e);
|
|
647
650
|
}, t.prototype.onDragStart = function(e, n) {
|
|
648
651
|
var i;
|
|
649
652
|
n === void 0 && (n = "y");
|
|
650
|
-
var s = Ee(this.el), o =
|
|
651
|
-
this.axis[n].dragOffset = a - (((i = r.rect) === null || i === void 0 ? void 0 : i[this.axis[n].offsetAttr]) || 0), this.draggedAxis = n,
|
|
653
|
+
var s = Ee(this.el), o = st(this.el), r = this.axis[n].scrollbar, a = n === "y" ? e.pageY : e.pageX;
|
|
654
|
+
this.axis[n].dragOffset = a - (((i = r.rect) === null || i === void 0 ? void 0 : i[this.axis[n].offsetAttr]) || 0), this.draggedAxis = n, rt(this.el, this.classNames.dragging), s.addEventListener("mousemove", this.drag, !0), s.addEventListener("mouseup", this.onEndDrag, !0), this.removePreventClickId === null ? (s.addEventListener("click", this.preventClick, !0), s.addEventListener("dblclick", this.preventClick, !0)) : (o.clearTimeout(this.removePreventClickId), this.removePreventClickId = null);
|
|
652
655
|
}, t.prototype.onTrackClick = function(e, n) {
|
|
653
656
|
var i = this, s, o, r, a;
|
|
654
657
|
n === void 0 && (n = "y");
|
|
655
658
|
var l = this.axis[n];
|
|
656
659
|
if (!(!this.options.clickOnTrack || !l.scrollbar.el || !this.contentWrapperEl)) {
|
|
657
660
|
e.preventDefault();
|
|
658
|
-
var c =
|
|
661
|
+
var c = st(this.el);
|
|
659
662
|
this.axis[n].scrollbar.rect = l.scrollbar.el.getBoundingClientRect();
|
|
660
663
|
var u = this.axis[n].scrollbar, h = (o = (s = u.rect) === null || s === void 0 ? void 0 : s[this.axis[n].offsetAttr]) !== null && o !== void 0 ? o : 0, d = parseInt((a = (r = this.elStyles) === null || r === void 0 ? void 0 : r[this.axis[n].sizeAttr]) !== null && a !== void 0 ? a : "0px", 10), f = this.contentWrapperEl[this.axis[n].scrollOffsetAttr], p = n === "y" ? this.mouseY - h : this.mouseX - h, m = p < 0 ? -1 : 1, y = m === -1 ? f - d : f + d, b = 40, v = function() {
|
|
661
664
|
i.contentWrapperEl && (m === -1 ? f > y && (f -= b, i.contentWrapperEl[i.axis[n].scrollOffsetAttr] = f, c.requestAnimationFrame(v)) : f < y && (f += b, i.contentWrapperEl[i.axis[n].scrollOffsetAttr] = f, c.requestAnimationFrame(v)));
|
|
@@ -667,7 +670,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
667
670
|
}, t.prototype.getScrollElement = function() {
|
|
668
671
|
return this.contentWrapperEl;
|
|
669
672
|
}, t.prototype.removeListeners = function() {
|
|
670
|
-
var e =
|
|
673
|
+
var e = st(this.el);
|
|
671
674
|
this.el.removeEventListener("mouseenter", this.onMouseEnter), this.el.removeEventListener("pointerdown", this.onPointerEvent, !0), this.el.removeEventListener("mousemove", this.onMouseMove), this.el.removeEventListener("mouseleave", this.onMouseLeave), this.contentWrapperEl && this.contentWrapperEl.removeEventListener("scroll", this.onScroll), e.removeEventListener("resize", this.onWindowResize), this.mutationObserver && this.mutationObserver.disconnect(), this.resizeObserver && this.resizeObserver.disconnect(), this.onMouseMove.cancel(), this.onWindowResize.cancel(), this.onStopScrolling.cancel(), this.onMouseEntered.cancel();
|
|
672
675
|
}, t.prototype.unMount = function() {
|
|
673
676
|
this.removeListeners();
|
|
@@ -728,7 +731,7 @@ function Vo(t, e) {
|
|
|
728
731
|
e.indexOf(i[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[s]) && (n[i[s]] = t[i[s]]);
|
|
729
732
|
return n;
|
|
730
733
|
}
|
|
731
|
-
var
|
|
734
|
+
var ts = D.forwardRef(function(t, e) {
|
|
732
735
|
var n = t.children, i = t.scrollableNodeProps, s = i === void 0 ? {} : i, o = Vo(t, ["children", "scrollableNodeProps"]), r = D.useRef(), a = D.useRef(), l = D.useRef(), c = {}, u = {};
|
|
733
736
|
Object.keys(o).forEach(function(f) {
|
|
734
737
|
Object.prototype.hasOwnProperty.call(te.defaultOptions, f) ? c[f] = o[f] : u[f] = o[f];
|
|
@@ -785,14 +788,14 @@ var Ji = D.forwardRef(function(t, e) {
|
|
|
785
788
|
)
|
|
786
789
|
);
|
|
787
790
|
});
|
|
788
|
-
|
|
789
|
-
const
|
|
791
|
+
ts.displayName = "SimpleBar";
|
|
792
|
+
const es = Dt({
|
|
790
793
|
transformPagePoint: (t) => t,
|
|
791
794
|
isStatic: !1,
|
|
792
795
|
reducedMotion: "never"
|
|
793
|
-
}), xe = Dt({}),
|
|
796
|
+
}), xe = Dt({}), en = Dt(null), we = typeof document < "u", Eo = we ? Wi : Xt, ns = Dt({ strict: !1 }), nn = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Mo = "framerAppearId", is = "data-" + nn(Mo);
|
|
794
797
|
function Oo(t, e, n, i) {
|
|
795
|
-
const { visualElement: s } = z(xe), o = z(
|
|
798
|
+
const { visualElement: s } = z(xe), o = z(ns), r = z(en), a = z(es).reducedMotion, l = Et();
|
|
796
799
|
i = i || o.renderer, !l.current && i && (l.current = i(t, {
|
|
797
800
|
visualState: e,
|
|
798
801
|
parent: s,
|
|
@@ -805,7 +808,7 @@ function Oo(t, e, n, i) {
|
|
|
805
808
|
kr(() => {
|
|
806
809
|
c && c.update(n, r);
|
|
807
810
|
});
|
|
808
|
-
const u = Et(!!(n[
|
|
811
|
+
const u = Et(!!(n[is] && !window.HandoffComplete));
|
|
809
812
|
return Eo(() => {
|
|
810
813
|
c && (c.render(), u.current && c.animationState && c.animationState.animateChanges());
|
|
811
814
|
}), Xt(() => {
|
|
@@ -834,7 +837,7 @@ function Ht(t) {
|
|
|
834
837
|
function Se(t) {
|
|
835
838
|
return t !== null && typeof t == "object" && typeof t.start == "function";
|
|
836
839
|
}
|
|
837
|
-
const
|
|
840
|
+
const sn = [
|
|
838
841
|
"animate",
|
|
839
842
|
"whileInView",
|
|
840
843
|
"whileFocus",
|
|
@@ -842,11 +845,11 @@ const rn = [
|
|
|
842
845
|
"whileTap",
|
|
843
846
|
"whileDrag",
|
|
844
847
|
"exit"
|
|
845
|
-
],
|
|
848
|
+
], rn = ["initial", ...sn];
|
|
846
849
|
function Te(t) {
|
|
847
|
-
return Se(t.animate) ||
|
|
850
|
+
return Se(t.animate) || rn.some((e) => Ht(t[e]));
|
|
848
851
|
}
|
|
849
|
-
function
|
|
852
|
+
function ss(t) {
|
|
850
853
|
return !!(Te(t) || t.variants);
|
|
851
854
|
}
|
|
852
855
|
function Lo(t, e) {
|
|
@@ -861,12 +864,12 @@ function Lo(t, e) {
|
|
|
861
864
|
}
|
|
862
865
|
function Ro(t) {
|
|
863
866
|
const { initial: e, animate: n } = Lo(t, z(xe));
|
|
864
|
-
return be(() => ({ initial: e, animate: n }), [
|
|
867
|
+
return be(() => ({ initial: e, animate: n }), [Ln(e), Ln(n)]);
|
|
865
868
|
}
|
|
866
|
-
function
|
|
869
|
+
function Ln(t) {
|
|
867
870
|
return Array.isArray(t) ? t.join(" ") : t;
|
|
868
871
|
}
|
|
869
|
-
const
|
|
872
|
+
const Rn = {
|
|
870
873
|
animation: [
|
|
871
874
|
"animate",
|
|
872
875
|
"variants",
|
|
@@ -886,9 +889,9 @@ const Bn = {
|
|
|
886
889
|
inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
|
|
887
890
|
layout: ["layout", "layoutId"]
|
|
888
891
|
}, Gt = {};
|
|
889
|
-
for (const t in
|
|
892
|
+
for (const t in Rn)
|
|
890
893
|
Gt[t] = {
|
|
891
|
-
isEnabled: (e) =>
|
|
894
|
+
isEnabled: (e) => Rn[t].some((n) => !!e[n])
|
|
892
895
|
};
|
|
893
896
|
function Bo(t) {
|
|
894
897
|
for (const e in t)
|
|
@@ -897,19 +900,19 @@ function Bo(t) {
|
|
|
897
900
|
...t[e]
|
|
898
901
|
};
|
|
899
902
|
}
|
|
900
|
-
const
|
|
903
|
+
const rs = Dt({}), os = Dt({}), No = Symbol.for("motionComponentSymbol");
|
|
901
904
|
function jo({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: i, Component: s }) {
|
|
902
905
|
t && Bo(t);
|
|
903
906
|
function o(a, l) {
|
|
904
907
|
let c;
|
|
905
908
|
const u = {
|
|
906
|
-
...z(
|
|
909
|
+
...z(es),
|
|
907
910
|
...a,
|
|
908
911
|
layoutId: Io(a)
|
|
909
912
|
}, { isStatic: h } = u, d = Ro(a), f = i(a, h);
|
|
910
913
|
if (!h && we) {
|
|
911
914
|
d.visualElement = Oo(s, f, u, e);
|
|
912
|
-
const p = z(
|
|
915
|
+
const p = z(os), m = z(ns).strict;
|
|
913
916
|
d.visualElement && (c = d.visualElement.loadFeatures(
|
|
914
917
|
// Note: Pass the full new combined props to correctly re-render dynamic feature components.
|
|
915
918
|
u,
|
|
@@ -929,7 +932,7 @@ function jo({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
|
|
|
929
932
|
return r[No] = s, r;
|
|
930
933
|
}
|
|
931
934
|
function Io({ layoutId: t }) {
|
|
932
|
-
const e = z(
|
|
935
|
+
const e = z(rs).id;
|
|
933
936
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
934
937
|
}
|
|
935
938
|
function Fo(t) {
|
|
@@ -975,7 +978,7 @@ const zo = [
|
|
|
975
978
|
"use",
|
|
976
979
|
"view"
|
|
977
980
|
];
|
|
978
|
-
function
|
|
981
|
+
function on(t) {
|
|
979
982
|
return (
|
|
980
983
|
/**
|
|
981
984
|
* If it's not a string, it's a custom React component. Currently we only support
|
|
@@ -1017,9 +1020,9 @@ const qt = [
|
|
|
1017
1020
|
"skew",
|
|
1018
1021
|
"skewX",
|
|
1019
1022
|
"skewY"
|
|
1020
|
-
],
|
|
1021
|
-
function
|
|
1022
|
-
return
|
|
1023
|
+
], bt = new Set(qt);
|
|
1024
|
+
function as(t, { layout: e, layoutId: n }) {
|
|
1025
|
+
return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!he[t] || t === "opacity");
|
|
1023
1026
|
}
|
|
1024
1027
|
const W = (t) => !!(t && t.getVelocity), _o = {
|
|
1025
1028
|
x: "translateX",
|
|
@@ -1038,17 +1041,17 @@ function Ho(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0
|
|
|
1038
1041
|
}
|
|
1039
1042
|
return e && !t.z && (o += "translateZ(0)"), o = o.trim(), s ? o = s(t, i ? "" : o) : n && i && (o = "none"), o;
|
|
1040
1043
|
}
|
|
1041
|
-
const
|
|
1044
|
+
const ls = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = ls("--"), _e = ls("var(--"), Go = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Yo = (t, e) => e && typeof t == "number" ? e.transform(t) : t, ht = (t, e, n) => Math.min(Math.max(n, t), e), xt = {
|
|
1042
1045
|
test: (t) => typeof t == "number",
|
|
1043
1046
|
parse: parseFloat,
|
|
1044
1047
|
transform: (t) => t
|
|
1045
1048
|
}, zt = {
|
|
1046
|
-
...
|
|
1047
|
-
transform: (t) =>
|
|
1049
|
+
...xt,
|
|
1050
|
+
transform: (t) => ht(0, 1, t)
|
|
1048
1051
|
}, ee = {
|
|
1049
|
-
...
|
|
1052
|
+
...xt,
|
|
1050
1053
|
default: 1
|
|
1051
|
-
}, Wt = (t) => Math.round(t * 1e5) / 1e5, Ae = /(-)?([\d]*\.?[\d])+/g,
|
|
1054
|
+
}, Wt = (t) => Math.round(t * 1e5) / 1e5, Ae = /(-)?([\d]*\.?[\d])+/g, us = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Xo = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
|
|
1052
1055
|
function Kt(t) {
|
|
1053
1056
|
return typeof t == "string";
|
|
1054
1057
|
}
|
|
@@ -1056,90 +1059,90 @@ const $t = (t) => ({
|
|
|
1056
1059
|
test: (e) => Kt(e) && e.endsWith(t) && e.split(" ").length === 1,
|
|
1057
1060
|
parse: parseFloat,
|
|
1058
1061
|
transform: (e) => `${e}${t}`
|
|
1059
|
-
}),
|
|
1060
|
-
|
|
1061
|
-
parse: (t) =>
|
|
1062
|
-
transform: (t) =>
|
|
1063
|
-
},
|
|
1064
|
-
...
|
|
1062
|
+
}), at = $t("deg"), $ = $t("%"), P = $t("px"), qo = $t("vh"), Ko = $t("vw"), Bn = {
|
|
1063
|
+
...$,
|
|
1064
|
+
parse: (t) => $.parse(t) / 100,
|
|
1065
|
+
transform: (t) => $.transform(t * 100)
|
|
1066
|
+
}, Nn = {
|
|
1067
|
+
...xt,
|
|
1065
1068
|
transform: Math.round
|
|
1066
|
-
},
|
|
1069
|
+
}, hs = {
|
|
1067
1070
|
// Border props
|
|
1068
|
-
borderWidth:
|
|
1069
|
-
borderTopWidth:
|
|
1070
|
-
borderRightWidth:
|
|
1071
|
-
borderBottomWidth:
|
|
1072
|
-
borderLeftWidth:
|
|
1073
|
-
borderRadius:
|
|
1074
|
-
radius:
|
|
1075
|
-
borderTopLeftRadius:
|
|
1076
|
-
borderTopRightRadius:
|
|
1077
|
-
borderBottomRightRadius:
|
|
1078
|
-
borderBottomLeftRadius:
|
|
1071
|
+
borderWidth: P,
|
|
1072
|
+
borderTopWidth: P,
|
|
1073
|
+
borderRightWidth: P,
|
|
1074
|
+
borderBottomWidth: P,
|
|
1075
|
+
borderLeftWidth: P,
|
|
1076
|
+
borderRadius: P,
|
|
1077
|
+
radius: P,
|
|
1078
|
+
borderTopLeftRadius: P,
|
|
1079
|
+
borderTopRightRadius: P,
|
|
1080
|
+
borderBottomRightRadius: P,
|
|
1081
|
+
borderBottomLeftRadius: P,
|
|
1079
1082
|
// Positioning props
|
|
1080
|
-
width:
|
|
1081
|
-
maxWidth:
|
|
1082
|
-
height:
|
|
1083
|
-
maxHeight:
|
|
1084
|
-
size:
|
|
1085
|
-
top:
|
|
1086
|
-
right:
|
|
1087
|
-
bottom:
|
|
1088
|
-
left:
|
|
1083
|
+
width: P,
|
|
1084
|
+
maxWidth: P,
|
|
1085
|
+
height: P,
|
|
1086
|
+
maxHeight: P,
|
|
1087
|
+
size: P,
|
|
1088
|
+
top: P,
|
|
1089
|
+
right: P,
|
|
1090
|
+
bottom: P,
|
|
1091
|
+
left: P,
|
|
1089
1092
|
// Spacing props
|
|
1090
|
-
padding:
|
|
1091
|
-
paddingTop:
|
|
1092
|
-
paddingRight:
|
|
1093
|
-
paddingBottom:
|
|
1094
|
-
paddingLeft:
|
|
1095
|
-
margin:
|
|
1096
|
-
marginTop:
|
|
1097
|
-
marginRight:
|
|
1098
|
-
marginBottom:
|
|
1099
|
-
marginLeft:
|
|
1093
|
+
padding: P,
|
|
1094
|
+
paddingTop: P,
|
|
1095
|
+
paddingRight: P,
|
|
1096
|
+
paddingBottom: P,
|
|
1097
|
+
paddingLeft: P,
|
|
1098
|
+
margin: P,
|
|
1099
|
+
marginTop: P,
|
|
1100
|
+
marginRight: P,
|
|
1101
|
+
marginBottom: P,
|
|
1102
|
+
marginLeft: P,
|
|
1100
1103
|
// Transform props
|
|
1101
|
-
rotate:
|
|
1102
|
-
rotateX:
|
|
1103
|
-
rotateY:
|
|
1104
|
-
rotateZ:
|
|
1104
|
+
rotate: at,
|
|
1105
|
+
rotateX: at,
|
|
1106
|
+
rotateY: at,
|
|
1107
|
+
rotateZ: at,
|
|
1105
1108
|
scale: ee,
|
|
1106
1109
|
scaleX: ee,
|
|
1107
1110
|
scaleY: ee,
|
|
1108
1111
|
scaleZ: ee,
|
|
1109
|
-
skew:
|
|
1110
|
-
skewX:
|
|
1111
|
-
skewY:
|
|
1112
|
-
distance:
|
|
1113
|
-
translateX:
|
|
1114
|
-
translateY:
|
|
1115
|
-
translateZ:
|
|
1116
|
-
x:
|
|
1117
|
-
y:
|
|
1118
|
-
z:
|
|
1119
|
-
perspective:
|
|
1120
|
-
transformPerspective:
|
|
1112
|
+
skew: at,
|
|
1113
|
+
skewX: at,
|
|
1114
|
+
skewY: at,
|
|
1115
|
+
distance: P,
|
|
1116
|
+
translateX: P,
|
|
1117
|
+
translateY: P,
|
|
1118
|
+
translateZ: P,
|
|
1119
|
+
x: P,
|
|
1120
|
+
y: P,
|
|
1121
|
+
z: P,
|
|
1122
|
+
perspective: P,
|
|
1123
|
+
transformPerspective: P,
|
|
1121
1124
|
opacity: zt,
|
|
1122
|
-
originX:
|
|
1123
|
-
originY:
|
|
1124
|
-
originZ:
|
|
1125
|
+
originX: Bn,
|
|
1126
|
+
originY: Bn,
|
|
1127
|
+
originZ: P,
|
|
1125
1128
|
// Misc
|
|
1126
|
-
zIndex:
|
|
1129
|
+
zIndex: Nn,
|
|
1127
1130
|
// SVG
|
|
1128
1131
|
fillOpacity: zt,
|
|
1129
1132
|
strokeOpacity: zt,
|
|
1130
|
-
numOctaves:
|
|
1133
|
+
numOctaves: Nn
|
|
1131
1134
|
};
|
|
1132
|
-
function
|
|
1135
|
+
function an(t, e, n, i) {
|
|
1133
1136
|
const { style: s, vars: o, transform: r, transformOrigin: a } = t;
|
|
1134
1137
|
let l = !1, c = !1, u = !0;
|
|
1135
1138
|
for (const h in e) {
|
|
1136
1139
|
const d = e[h];
|
|
1137
|
-
if (
|
|
1140
|
+
if (cs(h)) {
|
|
1138
1141
|
o[h] = d;
|
|
1139
1142
|
continue;
|
|
1140
1143
|
}
|
|
1141
|
-
const f =
|
|
1142
|
-
if (
|
|
1144
|
+
const f = hs[h], p = Yo(d, f);
|
|
1145
|
+
if (bt.has(h)) {
|
|
1143
1146
|
if (l = !0, r[h] = p, !u)
|
|
1144
1147
|
continue;
|
|
1145
1148
|
d !== (f.default || 0) && (u = !1);
|
|
@@ -1151,25 +1154,25 @@ function ln(t, e, n, i) {
|
|
|
1151
1154
|
s.transformOrigin = `${h} ${d} ${f}`;
|
|
1152
1155
|
}
|
|
1153
1156
|
}
|
|
1154
|
-
const
|
|
1157
|
+
const ln = () => ({
|
|
1155
1158
|
style: {},
|
|
1156
1159
|
transform: {},
|
|
1157
1160
|
transformOrigin: {},
|
|
1158
1161
|
vars: {}
|
|
1159
1162
|
});
|
|
1160
|
-
function
|
|
1163
|
+
function ds(t, e, n) {
|
|
1161
1164
|
for (const i in e)
|
|
1162
|
-
!W(e[i]) && !
|
|
1165
|
+
!W(e[i]) && !as(i, n) && (t[i] = e[i]);
|
|
1163
1166
|
}
|
|
1164
1167
|
function $o({ transformTemplate: t }, e, n) {
|
|
1165
1168
|
return be(() => {
|
|
1166
|
-
const i =
|
|
1167
|
-
return
|
|
1169
|
+
const i = ln();
|
|
1170
|
+
return an(i, e, { enableHardwareAcceleration: !n }, t), Object.assign({}, i.vars, i.style);
|
|
1168
1171
|
}, [e]);
|
|
1169
1172
|
}
|
|
1170
1173
|
function Qo(t, e, n) {
|
|
1171
1174
|
const i = t.style || {}, s = {};
|
|
1172
|
-
return
|
|
1175
|
+
return ds(s, i, t), Object.assign(s, $o(t, e, n)), t.transformValues ? t.transformValues(s) : s;
|
|
1173
1176
|
}
|
|
1174
1177
|
function Zo(t, e, n) {
|
|
1175
1178
|
const i = {}, s = Qo(t, e, n);
|
|
@@ -1211,9 +1214,9 @@ const Jo = /* @__PURE__ */ new Set([
|
|
|
1211
1214
|
function de(t) {
|
|
1212
1215
|
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Jo.has(t);
|
|
1213
1216
|
}
|
|
1214
|
-
let
|
|
1217
|
+
let fs = (t) => !de(t);
|
|
1215
1218
|
function ta(t) {
|
|
1216
|
-
t && (
|
|
1219
|
+
t && (fs = (e) => e.startsWith("on") ? !de(e) : t(e));
|
|
1217
1220
|
}
|
|
1218
1221
|
try {
|
|
1219
1222
|
ta(require("@emotion/is-prop-valid").default);
|
|
@@ -1222,15 +1225,15 @@ try {
|
|
|
1222
1225
|
function ea(t, e, n) {
|
|
1223
1226
|
const i = {};
|
|
1224
1227
|
for (const s in t)
|
|
1225
|
-
s === "values" && typeof t.values == "object" || (
|
|
1228
|
+
s === "values" && typeof t.values == "object" || (fs(s) || n === !0 && de(s) || !e && !de(s) || // If trying to use native HTML drag events, forward drag listeners
|
|
1226
1229
|
t.draggable && s.startsWith("onDrag")) && (i[s] = t[s]);
|
|
1227
1230
|
return i;
|
|
1228
1231
|
}
|
|
1229
|
-
function
|
|
1230
|
-
return typeof t == "string" ? t :
|
|
1232
|
+
function jn(t, e, n) {
|
|
1233
|
+
return typeof t == "string" ? t : P.transform(e + n * t);
|
|
1231
1234
|
}
|
|
1232
1235
|
function na(t, e, n) {
|
|
1233
|
-
const i =
|
|
1236
|
+
const i = jn(e, t.x, t.width), s = jn(n, t.y, t.height);
|
|
1234
1237
|
return `${i} ${s}`;
|
|
1235
1238
|
}
|
|
1236
1239
|
const ia = {
|
|
@@ -1243,11 +1246,11 @@ const ia = {
|
|
|
1243
1246
|
function ra(t, e, n = 1, i = 0, s = !0) {
|
|
1244
1247
|
t.pathLength = 1;
|
|
1245
1248
|
const o = s ? ia : sa;
|
|
1246
|
-
t[o.offset] =
|
|
1247
|
-
const r =
|
|
1249
|
+
t[o.offset] = P.transform(-i);
|
|
1250
|
+
const r = P.transform(e), a = P.transform(n);
|
|
1248
1251
|
t[o.array] = `${r} ${a}`;
|
|
1249
1252
|
}
|
|
1250
|
-
function
|
|
1253
|
+
function cn(t, {
|
|
1251
1254
|
attrX: e,
|
|
1252
1255
|
attrY: n,
|
|
1253
1256
|
attrScale: i,
|
|
@@ -1259,7 +1262,7 @@ function un(t, {
|
|
|
1259
1262
|
// This is object creation, which we try to avoid per-frame.
|
|
1260
1263
|
...c
|
|
1261
1264
|
}, u, h, d) {
|
|
1262
|
-
if (
|
|
1265
|
+
if (an(t, c, u, d), h) {
|
|
1263
1266
|
t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
|
|
1264
1267
|
return;
|
|
1265
1268
|
}
|
|
@@ -1267,27 +1270,27 @@ function un(t, {
|
|
|
1267
1270
|
const { attrs: f, style: p, dimensions: m } = t;
|
|
1268
1271
|
f.transform && (m && (p.transform = f.transform), delete f.transform), m && (s !== void 0 || o !== void 0 || p.transform) && (p.transformOrigin = na(m, s !== void 0 ? s : 0.5, o !== void 0 ? o : 0.5)), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), i !== void 0 && (f.scale = i), r !== void 0 && ra(f, r, a, l, !1);
|
|
1269
1272
|
}
|
|
1270
|
-
const
|
|
1271
|
-
...
|
|
1273
|
+
const ps = () => ({
|
|
1274
|
+
...ln(),
|
|
1272
1275
|
attrs: {}
|
|
1273
|
-
}),
|
|
1276
|
+
}), un = (t) => typeof t == "string" && t.toLowerCase() === "svg";
|
|
1274
1277
|
function oa(t, e, n, i) {
|
|
1275
1278
|
const s = be(() => {
|
|
1276
|
-
const o =
|
|
1277
|
-
return
|
|
1279
|
+
const o = ps();
|
|
1280
|
+
return cn(o, e, { enableHardwareAcceleration: !1 }, un(i), t.transformTemplate), {
|
|
1278
1281
|
...o.attrs,
|
|
1279
1282
|
style: { ...o.style }
|
|
1280
1283
|
};
|
|
1281
1284
|
}, [e]);
|
|
1282
1285
|
if (t.style) {
|
|
1283
1286
|
const o = {};
|
|
1284
|
-
|
|
1287
|
+
ds(o, t.style, t), s.style = { ...o, ...s.style };
|
|
1285
1288
|
}
|
|
1286
1289
|
return s;
|
|
1287
1290
|
}
|
|
1288
1291
|
function aa(t = !1) {
|
|
1289
1292
|
return (n, i, s, { latestValues: o }, r) => {
|
|
1290
|
-
const l = (
|
|
1293
|
+
const l = (on(n) ? oa : Zo)(i, o, r, n), u = {
|
|
1291
1294
|
...ea(i, typeof n == "string", t),
|
|
1292
1295
|
...l,
|
|
1293
1296
|
ref: s
|
|
@@ -1298,12 +1301,12 @@ function aa(t = !1) {
|
|
|
1298
1301
|
});
|
|
1299
1302
|
};
|
|
1300
1303
|
}
|
|
1301
|
-
function
|
|
1304
|
+
function ms(t, { style: e, vars: n }, i, s) {
|
|
1302
1305
|
Object.assign(t.style, e, s && s.getProjectionStyles(i));
|
|
1303
1306
|
for (const o in n)
|
|
1304
1307
|
t.style.setProperty(o, n[o]);
|
|
1305
1308
|
}
|
|
1306
|
-
const
|
|
1309
|
+
const gs = /* @__PURE__ */ new Set([
|
|
1307
1310
|
"baseFrequency",
|
|
1308
1311
|
"diffuseConstant",
|
|
1309
1312
|
"kernelMatrix",
|
|
@@ -1328,19 +1331,19 @@ const ms = /* @__PURE__ */ new Set([
|
|
|
1328
1331
|
"textLength",
|
|
1329
1332
|
"lengthAdjust"
|
|
1330
1333
|
]);
|
|
1331
|
-
function
|
|
1332
|
-
|
|
1334
|
+
function vs(t, e, n, i) {
|
|
1335
|
+
ms(t, e, void 0, i);
|
|
1333
1336
|
for (const s in e.attrs)
|
|
1334
|
-
t.setAttribute(
|
|
1337
|
+
t.setAttribute(gs.has(s) ? s : nn(s), e.attrs[s]);
|
|
1335
1338
|
}
|
|
1336
|
-
function
|
|
1339
|
+
function hn(t, e) {
|
|
1337
1340
|
const { style: n } = t, i = {};
|
|
1338
1341
|
for (const s in n)
|
|
1339
|
-
(W(n[s]) || e.style && W(e.style[s]) ||
|
|
1342
|
+
(W(n[s]) || e.style && W(e.style[s]) || as(s, t)) && (i[s] = n[s]);
|
|
1340
1343
|
return i;
|
|
1341
1344
|
}
|
|
1342
|
-
function
|
|
1343
|
-
const n =
|
|
1345
|
+
function ys(t, e) {
|
|
1346
|
+
const n = hn(t, e);
|
|
1344
1347
|
for (const i in t)
|
|
1345
1348
|
if (W(t[i]) || W(e[i])) {
|
|
1346
1349
|
const s = qt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
|
|
@@ -1348,7 +1351,7 @@ function vs(t, e) {
|
|
|
1348
1351
|
}
|
|
1349
1352
|
return n;
|
|
1350
1353
|
}
|
|
1351
|
-
function
|
|
1354
|
+
function dn(t, e, n, i = {}, s = {}) {
|
|
1352
1355
|
return typeof e == "function" && (e = e(n !== void 0 ? n : t.custom, i, s)), typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function" && (e = e(n !== void 0 ? n : t.custom, i, s)), e;
|
|
1353
1356
|
}
|
|
1354
1357
|
function la(t) {
|
|
@@ -1367,8 +1370,8 @@ function ha({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }
|
|
|
1367
1370
|
};
|
|
1368
1371
|
return n && (r.mount = (a) => n(i, a, r)), r;
|
|
1369
1372
|
}
|
|
1370
|
-
const
|
|
1371
|
-
const i = z(xe), s = z(
|
|
1373
|
+
const bs = (t) => (e, n) => {
|
|
1374
|
+
const i = z(xe), s = z(en), o = () => ha(t, e, i, s);
|
|
1372
1375
|
return n ? o() : la(o);
|
|
1373
1376
|
};
|
|
1374
1377
|
function da(t, e, n, i) {
|
|
@@ -1376,13 +1379,13 @@ function da(t, e, n, i) {
|
|
|
1376
1379
|
for (const d in o)
|
|
1377
1380
|
s[d] = ae(o[d]);
|
|
1378
1381
|
let { initial: r, animate: a } = t;
|
|
1379
|
-
const l = Te(t), c =
|
|
1382
|
+
const l = Te(t), c = ss(t);
|
|
1380
1383
|
e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
|
|
1381
1384
|
let u = n ? n.initial === !1 : !1;
|
|
1382
1385
|
u = u || r === !1;
|
|
1383
1386
|
const h = u ? a : r;
|
|
1384
1387
|
return h && typeof h != "boolean" && !Se(h) && (Array.isArray(h) ? h : [h]).forEach((f) => {
|
|
1385
|
-
const p =
|
|
1388
|
+
const p = dn(t, f);
|
|
1386
1389
|
if (!p)
|
|
1387
1390
|
return;
|
|
1388
1391
|
const { transitionEnd: m, transition: y, ...b } = p;
|
|
@@ -1399,7 +1402,7 @@ function da(t, e, n, i) {
|
|
|
1399
1402
|
}), s;
|
|
1400
1403
|
}
|
|
1401
1404
|
const O = (t) => t;
|
|
1402
|
-
class
|
|
1405
|
+
class In {
|
|
1403
1406
|
constructor() {
|
|
1404
1407
|
this.order = [], this.scheduled = /* @__PURE__ */ new Set();
|
|
1405
1408
|
}
|
|
@@ -1416,7 +1419,7 @@ class Fn {
|
|
|
1416
1419
|
}
|
|
1417
1420
|
}
|
|
1418
1421
|
function fa(t) {
|
|
1419
|
-
let e = new
|
|
1422
|
+
let e = new In(), n = new In(), i = 0, s = !1, o = !1;
|
|
1420
1423
|
const r = /* @__PURE__ */ new WeakSet(), a = {
|
|
1421
1424
|
/**
|
|
1422
1425
|
* Schedule a process to run on the next frame.
|
|
@@ -1474,10 +1477,10 @@ function ma(t, e) {
|
|
|
1474
1477
|
return h[d] = (p, m = !1, y = !1) => (n || l(), f.schedule(p, m, y)), h;
|
|
1475
1478
|
}, {}), cancel: (h) => ne.forEach((d) => o[d].cancel(h)), state: s, steps: o };
|
|
1476
1479
|
}
|
|
1477
|
-
const { schedule: V, cancel:
|
|
1478
|
-
useVisualState:
|
|
1479
|
-
scrapeMotionValuesFromProps:
|
|
1480
|
-
createRenderState:
|
|
1480
|
+
const { schedule: V, cancel: nt, state: N, steps: Me } = ma(typeof requestAnimationFrame < "u" ? requestAnimationFrame : O, !0), ga = {
|
|
1481
|
+
useVisualState: bs({
|
|
1482
|
+
scrapeMotionValuesFromProps: ys,
|
|
1483
|
+
createRenderState: ps,
|
|
1481
1484
|
onMount: (t, e, { renderState: n, latestValues: i }) => {
|
|
1482
1485
|
V.read(() => {
|
|
1483
1486
|
try {
|
|
@@ -1491,29 +1494,29 @@ const { schedule: V, cancel: et, state: N, steps: Me } = ma(typeof requestAnimat
|
|
|
1491
1494
|
};
|
|
1492
1495
|
}
|
|
1493
1496
|
}), V.render(() => {
|
|
1494
|
-
|
|
1497
|
+
cn(n, i, { enableHardwareAcceleration: !1 }, un(e.tagName), t.transformTemplate), vs(e, n);
|
|
1495
1498
|
});
|
|
1496
1499
|
}
|
|
1497
1500
|
})
|
|
1498
1501
|
}, va = {
|
|
1499
|
-
useVisualState:
|
|
1500
|
-
scrapeMotionValuesFromProps:
|
|
1501
|
-
createRenderState:
|
|
1502
|
+
useVisualState: bs({
|
|
1503
|
+
scrapeMotionValuesFromProps: hn,
|
|
1504
|
+
createRenderState: ln
|
|
1502
1505
|
})
|
|
1503
1506
|
};
|
|
1504
1507
|
function ya(t, { forwardMotionProps: e = !1 }, n, i) {
|
|
1505
1508
|
return {
|
|
1506
|
-
...
|
|
1509
|
+
...on(t) ? ga : va,
|
|
1507
1510
|
preloadedFeatures: n,
|
|
1508
1511
|
useRender: aa(e),
|
|
1509
1512
|
createVisualElement: i,
|
|
1510
1513
|
Component: t
|
|
1511
1514
|
};
|
|
1512
1515
|
}
|
|
1513
|
-
function
|
|
1516
|
+
function J(t, e, n, i = { passive: !0 }) {
|
|
1514
1517
|
return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
|
|
1515
1518
|
}
|
|
1516
|
-
const
|
|
1519
|
+
const xs = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
|
|
1517
1520
|
function Pe(t, e = "page") {
|
|
1518
1521
|
return {
|
|
1519
1522
|
point: {
|
|
@@ -1522,12 +1525,12 @@ function Pe(t, e = "page") {
|
|
|
1522
1525
|
}
|
|
1523
1526
|
};
|
|
1524
1527
|
}
|
|
1525
|
-
const ba = (t) => (e) =>
|
|
1526
|
-
function
|
|
1527
|
-
return
|
|
1528
|
+
const ba = (t) => (e) => xs(e) && t(e, Pe(e));
|
|
1529
|
+
function tt(t, e, n, i) {
|
|
1530
|
+
return J(t, e, ba(n), i);
|
|
1528
1531
|
}
|
|
1529
|
-
const xa = (t, e) => (n) => e(t(n)),
|
|
1530
|
-
function
|
|
1532
|
+
const xa = (t, e) => (n) => e(t(n)), ct = (...t) => t.reduce(xa);
|
|
1533
|
+
function ws(t) {
|
|
1531
1534
|
let e = null;
|
|
1532
1535
|
return () => {
|
|
1533
1536
|
const n = () => {
|
|
@@ -1536,51 +1539,51 @@ function xs(t) {
|
|
|
1536
1539
|
return e === null ? (e = t, n) : !1;
|
|
1537
1540
|
};
|
|
1538
1541
|
}
|
|
1539
|
-
const
|
|
1540
|
-
function
|
|
1542
|
+
const Fn = ws("dragHorizontal"), zn = ws("dragVertical");
|
|
1543
|
+
function Ss(t) {
|
|
1541
1544
|
let e = !1;
|
|
1542
1545
|
if (t === "y")
|
|
1543
|
-
e = Wn();
|
|
1544
|
-
else if (t === "x")
|
|
1545
1546
|
e = zn();
|
|
1547
|
+
else if (t === "x")
|
|
1548
|
+
e = Fn();
|
|
1546
1549
|
else {
|
|
1547
|
-
const n =
|
|
1550
|
+
const n = Fn(), i = zn();
|
|
1548
1551
|
n && i ? e = () => {
|
|
1549
1552
|
n(), i();
|
|
1550
1553
|
} : (n && n(), i && i());
|
|
1551
1554
|
}
|
|
1552
1555
|
return e;
|
|
1553
1556
|
}
|
|
1554
|
-
function
|
|
1555
|
-
const t =
|
|
1557
|
+
function Ts() {
|
|
1558
|
+
const t = Ss(!0);
|
|
1556
1559
|
return t ? (t(), !1) : !0;
|
|
1557
1560
|
}
|
|
1558
|
-
class
|
|
1561
|
+
class ft {
|
|
1559
1562
|
constructor(e) {
|
|
1560
1563
|
this.isMounted = !1, this.node = e;
|
|
1561
1564
|
}
|
|
1562
1565
|
update() {
|
|
1563
1566
|
}
|
|
1564
1567
|
}
|
|
1565
|
-
function
|
|
1568
|
+
function Wn(t, e) {
|
|
1566
1569
|
const n = "pointer" + (e ? "enter" : "leave"), i = "onHover" + (e ? "Start" : "End"), s = (o, r) => {
|
|
1567
|
-
if (o.pointerType === "touch" ||
|
|
1570
|
+
if (o.pointerType === "touch" || Ts())
|
|
1568
1571
|
return;
|
|
1569
1572
|
const a = t.getProps();
|
|
1570
1573
|
t.animationState && a.whileHover && t.animationState.setActive("whileHover", e), a[i] && V.update(() => a[i](o, r));
|
|
1571
1574
|
};
|
|
1572
|
-
return
|
|
1575
|
+
return tt(t.current, n, s, {
|
|
1573
1576
|
passive: !t.getProps()[i]
|
|
1574
1577
|
});
|
|
1575
1578
|
}
|
|
1576
|
-
class wa extends
|
|
1579
|
+
class wa extends ft {
|
|
1577
1580
|
mount() {
|
|
1578
|
-
this.unmount =
|
|
1581
|
+
this.unmount = ct(Wn(this.node, !0), Wn(this.node, !1));
|
|
1579
1582
|
}
|
|
1580
1583
|
unmount() {
|
|
1581
1584
|
}
|
|
1582
1585
|
}
|
|
1583
|
-
class Sa extends
|
|
1586
|
+
class Sa extends ft {
|
|
1584
1587
|
constructor() {
|
|
1585
1588
|
super(...arguments), this.isActive = !1;
|
|
1586
1589
|
}
|
|
@@ -1597,33 +1600,33 @@ class Sa extends dt {
|
|
|
1597
1600
|
!this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
|
|
1598
1601
|
}
|
|
1599
1602
|
mount() {
|
|
1600
|
-
this.unmount =
|
|
1603
|
+
this.unmount = ct(J(this.node.current, "focus", () => this.onFocus()), J(this.node.current, "blur", () => this.onBlur()));
|
|
1601
1604
|
}
|
|
1602
1605
|
unmount() {
|
|
1603
1606
|
}
|
|
1604
1607
|
}
|
|
1605
|
-
const
|
|
1608
|
+
const As = (t, e) => e ? t === e ? !0 : As(t, e.parentElement) : !1;
|
|
1606
1609
|
function Oe(t, e) {
|
|
1607
1610
|
if (!e)
|
|
1608
1611
|
return;
|
|
1609
1612
|
const n = new PointerEvent("pointer" + t);
|
|
1610
1613
|
e(n, Pe(n));
|
|
1611
1614
|
}
|
|
1612
|
-
class Ta extends
|
|
1615
|
+
class Ta extends ft {
|
|
1613
1616
|
constructor() {
|
|
1614
1617
|
super(...arguments), this.removeStartListeners = O, this.removeEndListeners = O, this.removeAccessibleListeners = O, this.startPointerPress = (e, n) => {
|
|
1615
1618
|
if (this.isPressing)
|
|
1616
1619
|
return;
|
|
1617
1620
|
this.removeEndListeners();
|
|
1618
|
-
const i = this.node.getProps(), o =
|
|
1621
|
+
const i = this.node.getProps(), o = tt(window, "pointerup", (a, l) => {
|
|
1619
1622
|
if (!this.checkPressEnd())
|
|
1620
1623
|
return;
|
|
1621
1624
|
const { onTap: c, onTapCancel: u, globalTapTarget: h } = this.node.getProps();
|
|
1622
1625
|
V.update(() => {
|
|
1623
|
-
!h && !
|
|
1626
|
+
!h && !As(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
|
|
1624
1627
|
});
|
|
1625
|
-
}, { passive: !(i.onTap || i.onPointerUp) }), r =
|
|
1626
|
-
this.removeEndListeners =
|
|
1628
|
+
}, { passive: !(i.onTap || i.onPointerUp) }), r = tt(window, "pointercancel", (a, l) => this.cancelPress(a, l), { passive: !(i.onTapCancel || i.onPointerCancel) });
|
|
1629
|
+
this.removeEndListeners = ct(o, r), this.startPress(e, n);
|
|
1627
1630
|
}, this.startAccessiblePress = () => {
|
|
1628
1631
|
const e = (o) => {
|
|
1629
1632
|
if (o.key !== "Enter" || this.isPressing)
|
|
@@ -1634,13 +1637,13 @@ class Ta extends dt {
|
|
|
1634
1637
|
u && V.update(() => u(l, c));
|
|
1635
1638
|
});
|
|
1636
1639
|
};
|
|
1637
|
-
this.removeEndListeners(), this.removeEndListeners =
|
|
1640
|
+
this.removeEndListeners(), this.removeEndListeners = J(this.node.current, "keyup", r), Oe("down", (a, l) => {
|
|
1638
1641
|
this.startPress(a, l);
|
|
1639
1642
|
});
|
|
1640
|
-
}, n =
|
|
1643
|
+
}, n = J(this.node.current, "keydown", e), i = () => {
|
|
1641
1644
|
this.isPressing && Oe("cancel", (o, r) => this.cancelPress(o, r));
|
|
1642
|
-
}, s =
|
|
1643
|
-
this.removeAccessibleListeners =
|
|
1645
|
+
}, s = J(this.node.current, "blur", i);
|
|
1646
|
+
this.removeAccessibleListeners = ct(n, s);
|
|
1644
1647
|
};
|
|
1645
1648
|
}
|
|
1646
1649
|
startPress(e, n) {
|
|
@@ -1649,7 +1652,7 @@ class Ta extends dt {
|
|
|
1649
1652
|
s && this.node.animationState && this.node.animationState.setActive("whileTap", !0), i && V.update(() => i(e, n));
|
|
1650
1653
|
}
|
|
1651
1654
|
checkPressEnd() {
|
|
1652
|
-
return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !
|
|
1655
|
+
return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !Ts();
|
|
1653
1656
|
}
|
|
1654
1657
|
cancelPress(e, n) {
|
|
1655
1658
|
if (!this.checkPressEnd())
|
|
@@ -1658,8 +1661,8 @@ class Ta extends dt {
|
|
|
1658
1661
|
i && V.update(() => i(e, n));
|
|
1659
1662
|
}
|
|
1660
1663
|
mount() {
|
|
1661
|
-
const e = this.node.getProps(), n =
|
|
1662
|
-
this.removeStartListeners =
|
|
1664
|
+
const e = this.node.getProps(), n = tt(e.globalTapTarget ? window : this.node.current, "pointerdown", this.startPointerPress, { passive: !(e.onTapStart || e.onPointerStart) }), i = J(this.node.current, "focus", this.startAccessiblePress);
|
|
1665
|
+
this.removeStartListeners = ct(n, i);
|
|
1663
1666
|
}
|
|
1664
1667
|
unmount() {
|
|
1665
1668
|
this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
|
|
@@ -1687,7 +1690,7 @@ const Va = {
|
|
|
1687
1690
|
some: 0,
|
|
1688
1691
|
all: 1
|
|
1689
1692
|
};
|
|
1690
|
-
class Ea extends
|
|
1693
|
+
class Ea extends ft {
|
|
1691
1694
|
constructor() {
|
|
1692
1695
|
super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
|
|
1693
1696
|
}
|
|
@@ -1736,7 +1739,7 @@ const Oa = {
|
|
|
1736
1739
|
Feature: wa
|
|
1737
1740
|
}
|
|
1738
1741
|
};
|
|
1739
|
-
function
|
|
1742
|
+
function Ps(t, e) {
|
|
1740
1743
|
if (!Array.isArray(e))
|
|
1741
1744
|
return !1;
|
|
1742
1745
|
const n = e.length;
|
|
@@ -1757,22 +1760,22 @@ function La(t) {
|
|
|
1757
1760
|
}
|
|
1758
1761
|
function ke(t, e, n) {
|
|
1759
1762
|
const i = t.getProps();
|
|
1760
|
-
return
|
|
1763
|
+
return dn(i, e, n !== void 0 ? n : i.custom, Da(t), La(t));
|
|
1761
1764
|
}
|
|
1762
|
-
let Qt = O,
|
|
1765
|
+
let Qt = O, K = O;
|
|
1763
1766
|
process.env.NODE_ENV !== "production" && (Qt = (t, e) => {
|
|
1764
1767
|
!t && typeof console < "u" && console.warn(e);
|
|
1765
|
-
},
|
|
1768
|
+
}, K = (t, e) => {
|
|
1766
1769
|
if (!t)
|
|
1767
1770
|
throw new Error(e);
|
|
1768
1771
|
});
|
|
1769
|
-
const
|
|
1772
|
+
const ut = (t) => t * 1e3, et = (t) => t / 1e3, Ra = {
|
|
1770
1773
|
current: !1
|
|
1771
|
-
},
|
|
1772
|
-
function
|
|
1773
|
-
return !!(!t || typeof t == "string" &&
|
|
1774
|
+
}, ks = (t) => Array.isArray(t) && typeof t[0] == "number";
|
|
1775
|
+
function Cs(t) {
|
|
1776
|
+
return !!(!t || typeof t == "string" && Vs[t] || ks(t) || Array.isArray(t) && t.every(Cs));
|
|
1774
1777
|
}
|
|
1775
|
-
const Ft = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`,
|
|
1778
|
+
const Ft = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Vs = {
|
|
1776
1779
|
linear: "linear",
|
|
1777
1780
|
ease: "ease",
|
|
1778
1781
|
easeIn: "ease-in",
|
|
@@ -1783,14 +1786,14 @@ const Ft = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Cs = {
|
|
|
1783
1786
|
backIn: Ft([0.31, 0.01, 0.66, -0.59]),
|
|
1784
1787
|
backOut: Ft([0.33, 1.53, 0.69, 0.99])
|
|
1785
1788
|
};
|
|
1786
|
-
function
|
|
1789
|
+
function Es(t) {
|
|
1787
1790
|
if (t)
|
|
1788
|
-
return
|
|
1791
|
+
return ks(t) ? Ft(t) : Array.isArray(t) ? t.map(Es) : Vs[t];
|
|
1789
1792
|
}
|
|
1790
1793
|
function Ba(t, e, n, { delay: i = 0, duration: s, repeat: o = 0, repeatType: r = "loop", ease: a, times: l } = {}) {
|
|
1791
1794
|
const c = { [e]: n };
|
|
1792
1795
|
l && (c.offset = l);
|
|
1793
|
-
const u =
|
|
1796
|
+
const u = Es(a);
|
|
1794
1797
|
return Array.isArray(u) && (c.easing = u), t.animate(c, {
|
|
1795
1798
|
delay: i,
|
|
1796
1799
|
duration: s,
|
|
@@ -1804,11 +1807,11 @@ function Na(t, { repeat: e, repeatType: n = "loop" }) {
|
|
|
1804
1807
|
const i = e && n !== "loop" && e % 2 === 1 ? 0 : t.length - 1;
|
|
1805
1808
|
return t[i];
|
|
1806
1809
|
}
|
|
1807
|
-
const
|
|
1810
|
+
const Ms = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ja = 1e-7, Ia = 12;
|
|
1808
1811
|
function Fa(t, e, n, i, s) {
|
|
1809
1812
|
let o, r, a = 0;
|
|
1810
1813
|
do
|
|
1811
|
-
r = e + (n - e) / 2, o =
|
|
1814
|
+
r = e + (n - e) / 2, o = Ms(r, i, s) - t, o > 0 ? n = r : e = r;
|
|
1812
1815
|
while (Math.abs(o) > ja && ++a < Ia);
|
|
1813
1816
|
return r;
|
|
1814
1817
|
}
|
|
@@ -1816,29 +1819,29 @@ function Zt(t, e, n, i) {
|
|
|
1816
1819
|
if (t === e && n === i)
|
|
1817
1820
|
return O;
|
|
1818
1821
|
const s = (o) => Fa(o, 0, 1, t, n);
|
|
1819
|
-
return (o) => o === 0 || o === 1 ? o :
|
|
1822
|
+
return (o) => o === 0 || o === 1 ? o : Ms(s(o), e, i);
|
|
1820
1823
|
}
|
|
1821
|
-
const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1),
|
|
1824
|
+
const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1), Os = Zt(0.42, 0, 0.58, 1), _a = (t) => Array.isArray(t) && typeof t[0] != "number", Ds = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Ls = (t) => (e) => 1 - t(1 - e), fn = (t) => 1 - Math.sin(Math.acos(t)), Rs = Ls(fn), Ua = Ds(fn), Bs = Zt(0.33, 1.53, 0.69, 0.99), pn = Ls(Bs), Ha = Ds(pn), Ga = (t) => (t *= 2) < 1 ? 0.5 * pn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), _n = {
|
|
1822
1825
|
linear: O,
|
|
1823
1826
|
easeIn: za,
|
|
1824
|
-
easeInOut:
|
|
1827
|
+
easeInOut: Os,
|
|
1825
1828
|
easeOut: Wa,
|
|
1826
|
-
circIn:
|
|
1829
|
+
circIn: fn,
|
|
1827
1830
|
circInOut: Ua,
|
|
1828
|
-
circOut:
|
|
1829
|
-
backIn:
|
|
1831
|
+
circOut: Rs,
|
|
1832
|
+
backIn: pn,
|
|
1830
1833
|
backInOut: Ha,
|
|
1831
|
-
backOut:
|
|
1834
|
+
backOut: Bs,
|
|
1832
1835
|
anticipate: Ga
|
|
1833
|
-
},
|
|
1836
|
+
}, Un = (t) => {
|
|
1834
1837
|
if (Array.isArray(t)) {
|
|
1835
|
-
|
|
1838
|
+
K(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
|
|
1836
1839
|
const [e, n, i, s] = t;
|
|
1837
1840
|
return Zt(e, n, i, s);
|
|
1838
1841
|
} else if (typeof t == "string")
|
|
1839
|
-
return
|
|
1842
|
+
return K(_n[t] !== void 0, `Invalid easing type '${t}'`), _n[t];
|
|
1840
1843
|
return t;
|
|
1841
|
-
},
|
|
1844
|
+
}, mn = (t, e) => (n) => !!(Kt(n) && Xo.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Ns = (t, e, n) => (i) => {
|
|
1842
1845
|
if (!Kt(i))
|
|
1843
1846
|
return i;
|
|
1844
1847
|
const [s, o, r, a] = i.match(Ae);
|
|
@@ -1848,12 +1851,12 @@ const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1), Ms = Zt(0.42, 0, 0.58, 1),
|
|
|
1848
1851
|
[n]: parseFloat(r),
|
|
1849
1852
|
alpha: a !== void 0 ? parseFloat(a) : 1
|
|
1850
1853
|
};
|
|
1851
|
-
}, Ya = (t) =>
|
|
1852
|
-
...
|
|
1854
|
+
}, Ya = (t) => ht(0, 255, t), Le = {
|
|
1855
|
+
...xt,
|
|
1853
1856
|
transform: (t) => Math.round(Ya(t))
|
|
1854
|
-
},
|
|
1855
|
-
test:
|
|
1856
|
-
parse:
|
|
1857
|
+
}, yt = {
|
|
1858
|
+
test: mn("rgb", "red"),
|
|
1859
|
+
parse: Ns("red", "green", "blue"),
|
|
1857
1860
|
transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + Le.transform(t) + ", " + Le.transform(e) + ", " + Le.transform(n) + ", " + Wt(zt.transform(i)) + ")"
|
|
1858
1861
|
};
|
|
1859
1862
|
function Xa(t) {
|
|
@@ -1866,17 +1869,17 @@ function Xa(t) {
|
|
|
1866
1869
|
};
|
|
1867
1870
|
}
|
|
1868
1871
|
const He = {
|
|
1869
|
-
test:
|
|
1872
|
+
test: mn("#"),
|
|
1870
1873
|
parse: Xa,
|
|
1871
|
-
transform:
|
|
1874
|
+
transform: yt.transform
|
|
1872
1875
|
}, kt = {
|
|
1873
|
-
test:
|
|
1874
|
-
parse:
|
|
1875
|
-
transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " +
|
|
1876
|
+
test: mn("hsl", "hue"),
|
|
1877
|
+
parse: Ns("hue", "saturation", "lightness"),
|
|
1878
|
+
transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + $.transform(Wt(e)) + ", " + $.transform(Wt(n)) + ", " + Wt(zt.transform(i)) + ")"
|
|
1876
1879
|
}, I = {
|
|
1877
|
-
test: (t) =>
|
|
1878
|
-
parse: (t) =>
|
|
1879
|
-
transform: (t) => Kt(t) ? t : t.hasOwnProperty("red") ?
|
|
1880
|
+
test: (t) => yt.test(t) || He.test(t) || kt.test(t),
|
|
1881
|
+
parse: (t) => yt.test(t) ? yt.parse(t) : kt.test(t) ? kt.parse(t) : He.parse(t),
|
|
1882
|
+
transform: (t) => Kt(t) ? t : t.hasOwnProperty("red") ? yt.transform(t) : kt.transform(t)
|
|
1880
1883
|
}, M = (t, e, n) => -n * t + n * e + t;
|
|
1881
1884
|
function Re(t, e, n) {
|
|
1882
1885
|
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;
|
|
@@ -1900,36 +1903,36 @@ function qa({ hue: t, saturation: e, lightness: n, alpha: i }) {
|
|
|
1900
1903
|
const Be = (t, e, n) => {
|
|
1901
1904
|
const i = t * t;
|
|
1902
1905
|
return Math.sqrt(Math.max(0, n * (e * e - i) + i));
|
|
1903
|
-
}, Ka = [He,
|
|
1904
|
-
function
|
|
1906
|
+
}, Ka = [He, yt, kt], $a = (t) => Ka.find((e) => e.test(t));
|
|
1907
|
+
function Hn(t) {
|
|
1905
1908
|
const e = $a(t);
|
|
1906
|
-
|
|
1909
|
+
K(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`);
|
|
1907
1910
|
let n = e.parse(t);
|
|
1908
1911
|
return e === kt && (n = qa(n)), n;
|
|
1909
1912
|
}
|
|
1910
|
-
const
|
|
1911
|
-
const n =
|
|
1912
|
-
return (o) => (s.red = Be(n.red, i.red, o), s.green = Be(n.green, i.green, o), s.blue = Be(n.blue, i.blue, o), s.alpha = M(n.alpha, i.alpha, o),
|
|
1913
|
+
const js = (t, e) => {
|
|
1914
|
+
const n = Hn(t), i = Hn(e), s = { ...n };
|
|
1915
|
+
return (o) => (s.red = Be(n.red, i.red, o), s.green = Be(n.green, i.green, o), s.blue = Be(n.blue, i.blue, o), s.alpha = M(n.alpha, i.alpha, o), yt.transform(s));
|
|
1913
1916
|
};
|
|
1914
1917
|
function Qa(t) {
|
|
1915
1918
|
var e, n;
|
|
1916
|
-
return isNaN(t) && Kt(t) && (((e = t.match(Ae)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(
|
|
1919
|
+
return isNaN(t) && Kt(t) && (((e = t.match(Ae)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(us)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
|
|
1917
1920
|
}
|
|
1918
|
-
const
|
|
1921
|
+
const Is = {
|
|
1919
1922
|
regex: Go,
|
|
1920
1923
|
countKey: "Vars",
|
|
1921
1924
|
token: "${v}",
|
|
1922
1925
|
parse: O
|
|
1923
|
-
},
|
|
1924
|
-
regex:
|
|
1926
|
+
}, Fs = {
|
|
1927
|
+
regex: us,
|
|
1925
1928
|
countKey: "Colors",
|
|
1926
1929
|
token: "${c}",
|
|
1927
1930
|
parse: I.parse
|
|
1928
|
-
},
|
|
1931
|
+
}, zs = {
|
|
1929
1932
|
regex: Ae,
|
|
1930
1933
|
countKey: "Numbers",
|
|
1931
1934
|
token: "${n}",
|
|
1932
|
-
parse:
|
|
1935
|
+
parse: xt.parse
|
|
1933
1936
|
};
|
|
1934
1937
|
function Ne(t, { regex: e, countKey: n, token: i, parse: s }) {
|
|
1935
1938
|
const o = t.tokenised.match(e);
|
|
@@ -1944,36 +1947,36 @@ function pe(t) {
|
|
|
1944
1947
|
numColors: 0,
|
|
1945
1948
|
numNumbers: 0
|
|
1946
1949
|
};
|
|
1947
|
-
return n.value.includes("var(--") && Ne(n,
|
|
1950
|
+
return n.value.includes("var(--") && Ne(n, Is), Ne(n, Fs), Ne(n, zs), n;
|
|
1948
1951
|
}
|
|
1949
|
-
function
|
|
1952
|
+
function Ws(t) {
|
|
1950
1953
|
return pe(t).values;
|
|
1951
1954
|
}
|
|
1952
|
-
function
|
|
1955
|
+
function _s(t) {
|
|
1953
1956
|
const { values: e, numColors: n, numVars: i, tokenised: s } = pe(t), o = e.length;
|
|
1954
1957
|
return (r) => {
|
|
1955
1958
|
let a = s;
|
|
1956
1959
|
for (let l = 0; l < o; l++)
|
|
1957
|
-
l < i ? a = a.replace(
|
|
1960
|
+
l < i ? a = a.replace(Is.token, r[l]) : l < i + n ? a = a.replace(Fs.token, I.transform(r[l])) : a = a.replace(zs.token, Wt(r[l]));
|
|
1958
1961
|
return a;
|
|
1959
1962
|
};
|
|
1960
1963
|
}
|
|
1961
1964
|
const Za = (t) => typeof t == "number" ? 0 : t;
|
|
1962
1965
|
function Ja(t) {
|
|
1963
|
-
const e =
|
|
1964
|
-
return
|
|
1966
|
+
const e = Ws(t);
|
|
1967
|
+
return _s(t)(e.map(Za));
|
|
1965
1968
|
}
|
|
1966
|
-
const
|
|
1969
|
+
const dt = {
|
|
1967
1970
|
test: Qa,
|
|
1968
|
-
parse:
|
|
1969
|
-
createTransformer:
|
|
1971
|
+
parse: Ws,
|
|
1972
|
+
createTransformer: _s,
|
|
1970
1973
|
getAnimatableNone: Ja
|
|
1971
|
-
},
|
|
1972
|
-
function
|
|
1973
|
-
return typeof t == "number" ? (n) => M(t, e, n) : I.test(t) ?
|
|
1974
|
+
}, Us = (t, e) => (n) => `${n > 0 ? e : t}`;
|
|
1975
|
+
function Hs(t, e) {
|
|
1976
|
+
return typeof t == "number" ? (n) => M(t, e, n) : I.test(t) ? js(t, e) : t.startsWith("var(") ? Us(t, e) : Ys(t, e);
|
|
1974
1977
|
}
|
|
1975
|
-
const
|
|
1976
|
-
const n = [...t], i = n.length, s = t.map((o, r) =>
|
|
1978
|
+
const Gs = (t, e) => {
|
|
1979
|
+
const n = [...t], i = n.length, s = t.map((o, r) => Hs(o, e[r]));
|
|
1977
1980
|
return (o) => {
|
|
1978
1981
|
for (let r = 0; r < i; r++)
|
|
1979
1982
|
n[r] = s[r](o);
|
|
@@ -1982,21 +1985,21 @@ const Hs = (t, e) => {
|
|
|
1982
1985
|
}, tl = (t, e) => {
|
|
1983
1986
|
const n = { ...t, ...e }, i = {};
|
|
1984
1987
|
for (const s in n)
|
|
1985
|
-
t[s] !== void 0 && e[s] !== void 0 && (i[s] =
|
|
1988
|
+
t[s] !== void 0 && e[s] !== void 0 && (i[s] = Hs(t[s], e[s]));
|
|
1986
1989
|
return (s) => {
|
|
1987
1990
|
for (const o in i)
|
|
1988
1991
|
n[o] = i[o](s);
|
|
1989
1992
|
return n;
|
|
1990
1993
|
};
|
|
1991
|
-
},
|
|
1992
|
-
const n =
|
|
1993
|
-
return i.numVars === s.numVars && i.numColors === s.numColors && i.numNumbers >= s.numNumbers ?
|
|
1994
|
+
}, Ys = (t, e) => {
|
|
1995
|
+
const n = dt.createTransformer(e), i = pe(t), s = pe(e);
|
|
1996
|
+
return i.numVars === s.numVars && i.numColors === s.numColors && i.numNumbers >= s.numNumbers ? ct(Gs(i.values, s.values), n) : (Qt(!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.`), Us(t, e));
|
|
1994
1997
|
}, Yt = (t, e, n) => {
|
|
1995
1998
|
const i = e - t;
|
|
1996
1999
|
return i === 0 ? 1 : (n - t) / i;
|
|
1997
|
-
},
|
|
2000
|
+
}, Gn = (t, e) => (n) => M(t, e, n);
|
|
1998
2001
|
function el(t) {
|
|
1999
|
-
return typeof t == "number" ?
|
|
2002
|
+
return typeof t == "number" ? Gn : typeof t == "string" ? I.test(t) ? js : Ys : Array.isArray(t) ? Gs : typeof t == "object" ? tl : Gn;
|
|
2000
2003
|
}
|
|
2001
2004
|
function nl(t, e, n) {
|
|
2002
2005
|
const i = [], s = n || el(t[0]), o = t.length - 1;
|
|
@@ -2004,15 +2007,15 @@ function nl(t, e, n) {
|
|
|
2004
2007
|
let a = s(t[r], t[r + 1]);
|
|
2005
2008
|
if (e) {
|
|
2006
2009
|
const l = Array.isArray(e) ? e[r] || O : e;
|
|
2007
|
-
a =
|
|
2010
|
+
a = ct(l, a);
|
|
2008
2011
|
}
|
|
2009
2012
|
i.push(a);
|
|
2010
2013
|
}
|
|
2011
2014
|
return i;
|
|
2012
2015
|
}
|
|
2013
|
-
function
|
|
2016
|
+
function Xs(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
|
|
2014
2017
|
const o = t.length;
|
|
2015
|
-
if (
|
|
2018
|
+
if (K(o === e.length, "Both input and output ranges must be the same length"), o === 1)
|
|
2016
2019
|
return () => e[0];
|
|
2017
2020
|
t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
|
|
2018
2021
|
const r = nl(e, i, s), a = r.length, l = (c) => {
|
|
@@ -2023,7 +2026,7 @@ function Ys(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
|
|
|
2023
2026
|
const h = Yt(t[u], t[u + 1], c);
|
|
2024
2027
|
return r[u](h);
|
|
2025
2028
|
};
|
|
2026
|
-
return n ? (c) => l(
|
|
2029
|
+
return n ? (c) => l(ht(t[0], t[o - 1], c)) : l;
|
|
2027
2030
|
}
|
|
2028
2031
|
function il(t, e) {
|
|
2029
2032
|
const n = t[t.length - 1];
|
|
@@ -2040,10 +2043,10 @@ function rl(t, e) {
|
|
|
2040
2043
|
return t.map((n) => n * e);
|
|
2041
2044
|
}
|
|
2042
2045
|
function ol(t, e) {
|
|
2043
|
-
return t.map(() => e ||
|
|
2046
|
+
return t.map(() => e || Os).splice(0, t.length - 1);
|
|
2044
2047
|
}
|
|
2045
2048
|
function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
|
|
2046
|
-
const s = _a(i) ? i.map(
|
|
2049
|
+
const s = _a(i) ? i.map(Un) : Un(i), o = {
|
|
2047
2050
|
done: !1,
|
|
2048
2051
|
value: e[0]
|
|
2049
2052
|
}, r = rl(
|
|
@@ -2051,7 +2054,7 @@ function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
|
|
|
2051
2054
|
// TODO Maybe we should warn here if there's a length mismatch
|
|
2052
2055
|
n && n.length === e.length ? n : sl(e),
|
|
2053
2056
|
t
|
|
2054
|
-
), a =
|
|
2057
|
+
), a = Xs(r, e, {
|
|
2055
2058
|
ease: Array.isArray(s) ? s : ol(e, s)
|
|
2056
2059
|
});
|
|
2057
2060
|
return {
|
|
@@ -2059,20 +2062,20 @@ function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
|
|
|
2059
2062
|
next: (l) => (o.value = a(l), o.done = l >= t, o)
|
|
2060
2063
|
};
|
|
2061
2064
|
}
|
|
2062
|
-
function
|
|
2065
|
+
function qs(t, e) {
|
|
2063
2066
|
return e ? t * (1e3 / e) : 0;
|
|
2064
2067
|
}
|
|
2065
2068
|
const al = 5;
|
|
2066
|
-
function
|
|
2069
|
+
function Ks(t, e, n) {
|
|
2067
2070
|
const i = Math.max(e - al, 0);
|
|
2068
|
-
return
|
|
2071
|
+
return qs(n - t(i), e - i);
|
|
2069
2072
|
}
|
|
2070
|
-
const je = 1e-3, ll = 0.01,
|
|
2073
|
+
const je = 1e-3, ll = 0.01, Yn = 10, cl = 0.05, ul = 1;
|
|
2071
2074
|
function hl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: i = 1 }) {
|
|
2072
2075
|
let s, o;
|
|
2073
|
-
Qt(t <=
|
|
2076
|
+
Qt(t <= ut(Yn), "Spring duration must be 10 seconds or less");
|
|
2074
2077
|
let r = 1 - e;
|
|
2075
|
-
r =
|
|
2078
|
+
r = ht(cl, ul, r), t = ht(ll, Yn, et(t)), r < 1 ? (s = (c) => {
|
|
2076
2079
|
const u = c * r, h = u * t, d = u - n, f = Ge(c, r), p = Math.exp(-h);
|
|
2077
2080
|
return je - d / f * p;
|
|
2078
2081
|
}, o = (c) => {
|
|
@@ -2086,7 +2089,7 @@ function hl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: i = 1
|
|
|
2086
2089
|
return u * h;
|
|
2087
2090
|
});
|
|
2088
2091
|
const a = 5 / t, l = fl(s, o, a);
|
|
2089
|
-
if (t =
|
|
2092
|
+
if (t = ut(t), isNaN(l))
|
|
2090
2093
|
return {
|
|
2091
2094
|
stiffness: 100,
|
|
2092
2095
|
damping: 10,
|
|
@@ -2112,7 +2115,7 @@ function Ge(t, e) {
|
|
|
2112
2115
|
return t * Math.sqrt(1 - e * e);
|
|
2113
2116
|
}
|
|
2114
2117
|
const pl = ["duration", "bounce"], ml = ["stiffness", "damping", "mass"];
|
|
2115
|
-
function
|
|
2118
|
+
function Xn(t, e) {
|
|
2116
2119
|
return e.some((n) => t[n] !== void 0);
|
|
2117
2120
|
}
|
|
2118
2121
|
function gl(t) {
|
|
@@ -2124,7 +2127,7 @@ function gl(t) {
|
|
|
2124
2127
|
isResolvedFromDuration: !1,
|
|
2125
2128
|
...t
|
|
2126
2129
|
};
|
|
2127
|
-
if (!
|
|
2130
|
+
if (!Xn(t, ml) && Xn(t, pl)) {
|
|
2128
2131
|
const n = hl(t);
|
|
2129
2132
|
e = {
|
|
2130
2133
|
...e,
|
|
@@ -2134,26 +2137,26 @@ function gl(t) {
|
|
|
2134
2137
|
}
|
|
2135
2138
|
return e;
|
|
2136
2139
|
}
|
|
2137
|
-
function
|
|
2140
|
+
function $s({ keyframes: t, restDelta: e, restSpeed: n, ...i }) {
|
|
2138
2141
|
const s = t[0], o = t[t.length - 1], r = { done: !1, value: s }, { stiffness: a, damping: l, mass: c, duration: u, velocity: h, isResolvedFromDuration: d } = gl({
|
|
2139
2142
|
...i,
|
|
2140
|
-
velocity: -
|
|
2141
|
-
}), f = h || 0, p = l / (2 * Math.sqrt(a * c)), m = o - s, y =
|
|
2143
|
+
velocity: -et(i.velocity || 0)
|
|
2144
|
+
}), f = h || 0, p = l / (2 * Math.sqrt(a * c)), m = o - s, y = et(Math.sqrt(a / c)), b = Math.abs(m) < 5;
|
|
2142
2145
|
n || (n = b ? 0.01 : 2), e || (e = b ? 5e-3 : 0.5);
|
|
2143
2146
|
let v;
|
|
2144
2147
|
if (p < 1) {
|
|
2145
2148
|
const g = Ge(y, p);
|
|
2146
2149
|
v = (x) => {
|
|
2147
|
-
const
|
|
2148
|
-
return o -
|
|
2150
|
+
const T = Math.exp(-p * y * x);
|
|
2151
|
+
return o - T * ((f + p * y * m) / g * Math.sin(g * x) + m * Math.cos(g * x));
|
|
2149
2152
|
};
|
|
2150
2153
|
} else if (p === 1)
|
|
2151
2154
|
v = (g) => o - Math.exp(-y * g) * (m + (f + y * m) * g);
|
|
2152
2155
|
else {
|
|
2153
2156
|
const g = y * Math.sqrt(p * p - 1);
|
|
2154
2157
|
v = (x) => {
|
|
2155
|
-
const
|
|
2156
|
-
return o -
|
|
2158
|
+
const T = Math.exp(-p * y * x), w = Math.min(g * x, 300);
|
|
2159
|
+
return o - T * ((f + p * y * m) * Math.sinh(w) + g * m * Math.cosh(w)) / g;
|
|
2157
2160
|
};
|
|
2158
2161
|
}
|
|
2159
2162
|
return {
|
|
@@ -2163,32 +2166,32 @@ function Ks({ keyframes: t, restDelta: e, restSpeed: n, ...i }) {
|
|
|
2163
2166
|
if (d)
|
|
2164
2167
|
r.done = g >= u;
|
|
2165
2168
|
else {
|
|
2166
|
-
let
|
|
2167
|
-
g !== 0 && (p < 1 ?
|
|
2168
|
-
const
|
|
2169
|
-
r.done =
|
|
2169
|
+
let T = f;
|
|
2170
|
+
g !== 0 && (p < 1 ? T = Ks(v, g, x) : T = 0);
|
|
2171
|
+
const w = Math.abs(T) <= n, k = Math.abs(o - x) <= e;
|
|
2172
|
+
r.done = w && k;
|
|
2170
2173
|
}
|
|
2171
2174
|
return r.value = r.done ? o : x, r;
|
|
2172
2175
|
}
|
|
2173
2176
|
};
|
|
2174
2177
|
}
|
|
2175
|
-
function
|
|
2178
|
+
function qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
|
|
2176
2179
|
const h = t[0], d = {
|
|
2177
2180
|
done: !1,
|
|
2178
2181
|
value: h
|
|
2179
|
-
}, f = (
|
|
2182
|
+
}, f = (A) => a !== void 0 && A < a || l !== void 0 && A > l, p = (A) => a === void 0 ? l : l === void 0 || Math.abs(a - A) < Math.abs(l - A) ? a : l;
|
|
2180
2183
|
let m = n * e;
|
|
2181
2184
|
const y = h + m, b = r === void 0 ? y : r(y);
|
|
2182
2185
|
b !== y && (m = b - h);
|
|
2183
|
-
const v = (
|
|
2184
|
-
const C = v(
|
|
2185
|
-
d.done = Math.abs(C) <= c, d.value = d.done ? b :
|
|
2186
|
+
const v = (A) => -m * Math.exp(-A / i), g = (A) => b + v(A), x = (A) => {
|
|
2187
|
+
const C = v(A), H = g(A);
|
|
2188
|
+
d.done = Math.abs(C) <= c, d.value = d.done ? b : H;
|
|
2186
2189
|
};
|
|
2187
|
-
let
|
|
2188
|
-
const k = (
|
|
2189
|
-
f(d.value) && (
|
|
2190
|
+
let T, w;
|
|
2191
|
+
const k = (A) => {
|
|
2192
|
+
f(d.value) && (T = A, w = $s({
|
|
2190
2193
|
keyframes: [d.value, p(d.value)],
|
|
2191
|
-
velocity:
|
|
2194
|
+
velocity: Ks(g, A, d.value),
|
|
2192
2195
|
damping: s,
|
|
2193
2196
|
stiffness: o,
|
|
2194
2197
|
restDelta: c,
|
|
@@ -2197,9 +2200,9 @@ function Kn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
|
|
|
2197
2200
|
};
|
|
2198
2201
|
return k(0), {
|
|
2199
2202
|
calculatedDuration: null,
|
|
2200
|
-
next: (
|
|
2203
|
+
next: (A) => {
|
|
2201
2204
|
let C = !1;
|
|
2202
|
-
return !
|
|
2205
|
+
return !w && T === void 0 && (C = !0, x(A), k(A)), T !== void 0 && A > T ? w.next(A - T) : (!C && x(A), d);
|
|
2203
2206
|
}
|
|
2204
2207
|
};
|
|
2205
2208
|
}
|
|
@@ -2207,28 +2210,28 @@ const vl = (t) => {
|
|
|
2207
2210
|
const e = ({ timestamp: n }) => t(n);
|
|
2208
2211
|
return {
|
|
2209
2212
|
start: () => V.update(e, !0),
|
|
2210
|
-
stop: () =>
|
|
2213
|
+
stop: () => nt(e),
|
|
2211
2214
|
/**
|
|
2212
2215
|
* If we're processing this frame we can use the
|
|
2213
2216
|
* framelocked timestamp to keep things in sync.
|
|
2214
2217
|
*/
|
|
2215
2218
|
now: () => N.isProcessing ? N.timestamp : performance.now()
|
|
2216
2219
|
};
|
|
2217
|
-
},
|
|
2218
|
-
function
|
|
2220
|
+
}, Kn = 2e4;
|
|
2221
|
+
function $n(t) {
|
|
2219
2222
|
let e = 0;
|
|
2220
2223
|
const n = 50;
|
|
2221
2224
|
let i = t.next(e);
|
|
2222
|
-
for (; !i.done && e <
|
|
2225
|
+
for (; !i.done && e < Kn; )
|
|
2223
2226
|
e += n, i = t.next(e);
|
|
2224
|
-
return e >=
|
|
2227
|
+
return e >= Kn ? 1 / 0 : e;
|
|
2225
2228
|
}
|
|
2226
2229
|
const yl = {
|
|
2227
|
-
decay:
|
|
2228
|
-
inertia:
|
|
2230
|
+
decay: qn,
|
|
2231
|
+
inertia: qn,
|
|
2229
2232
|
tween: me,
|
|
2230
2233
|
keyframes: me,
|
|
2231
|
-
spring:
|
|
2234
|
+
spring: $s
|
|
2232
2235
|
};
|
|
2233
2236
|
function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type: s = "keyframes", repeat: o = 0, repeatDelay: r = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: h, ...d }) {
|
|
2234
2237
|
let f = 1, p = !1, m, y;
|
|
@@ -2241,93 +2244,93 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2241
2244
|
let v;
|
|
2242
2245
|
const g = yl[s] || me;
|
|
2243
2246
|
let x;
|
|
2244
|
-
g !== me && typeof i[0] != "number" && (process.env.NODE_ENV !== "production" &&
|
|
2247
|
+
g !== me && typeof i[0] != "number" && (process.env.NODE_ENV !== "production" && K(i.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${i}`), x = Xs([0, 100], i, {
|
|
2245
2248
|
clamp: !1
|
|
2246
2249
|
}), i = [0, 100]);
|
|
2247
|
-
const
|
|
2248
|
-
let
|
|
2249
|
-
a === "mirror" && (
|
|
2250
|
+
const T = g({ ...d, keyframes: i });
|
|
2251
|
+
let w;
|
|
2252
|
+
a === "mirror" && (w = g({
|
|
2250
2253
|
...d,
|
|
2251
2254
|
keyframes: [...i].reverse(),
|
|
2252
2255
|
velocity: -(d.velocity || 0)
|
|
2253
2256
|
}));
|
|
2254
|
-
let k = "idle",
|
|
2255
|
-
|
|
2256
|
-
const { calculatedDuration:
|
|
2257
|
-
let
|
|
2258
|
-
|
|
2257
|
+
let k = "idle", A = null, C = null, H = null;
|
|
2258
|
+
T.calculatedDuration === null && o && (T.calculatedDuration = $n(T));
|
|
2259
|
+
const { calculatedDuration: Q } = T;
|
|
2260
|
+
let X = 1 / 0, Z = 1 / 0;
|
|
2261
|
+
Q !== null && (X = Q + r, Z = X * (o + 1) - r);
|
|
2259
2262
|
let j = 0;
|
|
2260
2263
|
const wt = (E) => {
|
|
2261
2264
|
if (C === null)
|
|
2262
2265
|
return;
|
|
2263
|
-
f > 0 && (C = Math.min(C, E)), f < 0 && (C = Math.min(E -
|
|
2264
|
-
const Rt = j - e * (f >= 0 ? 1 : -1),
|
|
2265
|
-
j = Math.max(Rt, 0), k === "finished" &&
|
|
2266
|
-
let
|
|
2266
|
+
f > 0 && (C = Math.min(C, E)), f < 0 && (C = Math.min(E - Z / f, C)), A !== null ? j = A : j = Math.round(E - C) * f;
|
|
2267
|
+
const Rt = j - e * (f >= 0 ? 1 : -1), An = f >= 0 ? Rt < 0 : Rt > Z;
|
|
2268
|
+
j = Math.max(Rt, 0), k === "finished" && A === null && (j = Z);
|
|
2269
|
+
let Pn = j, kn = T;
|
|
2267
2270
|
if (o) {
|
|
2268
|
-
const Ce = Math.min(j,
|
|
2269
|
-
let Jt = Math.floor(Ce),
|
|
2270
|
-
!
|
|
2271
|
+
const Ce = Math.min(j, Z) / X;
|
|
2272
|
+
let Jt = Math.floor(Ce), pt = Ce % 1;
|
|
2273
|
+
!pt && Ce >= 1 && (pt = 1), pt === 1 && Jt--, Jt = Math.min(Jt, o + 1), !!(Jt % 2) && (a === "reverse" ? (pt = 1 - pt, r && (pt -= r / X)) : a === "mirror" && (kn = w)), Pn = ht(0, 1, pt) * X;
|
|
2271
2274
|
}
|
|
2272
|
-
const Bt =
|
|
2275
|
+
const Bt = An ? { done: !1, value: i[0] } : kn.next(Pn);
|
|
2273
2276
|
x && (Bt.value = x(Bt.value));
|
|
2274
|
-
let { done:
|
|
2275
|
-
!
|
|
2276
|
-
const
|
|
2277
|
-
return h && h(Bt.value),
|
|
2278
|
-
},
|
|
2277
|
+
let { done: Cn } = Bt;
|
|
2278
|
+
!An && Q !== null && (Cn = f >= 0 ? j >= Z : j <= 0);
|
|
2279
|
+
const Pr = A === null && (k === "finished" || k === "running" && Cn);
|
|
2280
|
+
return h && h(Bt.value), Pr && Lt(), Bt;
|
|
2281
|
+
}, B = () => {
|
|
2279
2282
|
v && v.stop(), v = void 0;
|
|
2280
|
-
},
|
|
2281
|
-
k = "idle",
|
|
2283
|
+
}, it = () => {
|
|
2284
|
+
k = "idle", B(), m(), b(), C = H = null;
|
|
2282
2285
|
}, Lt = () => {
|
|
2283
|
-
k = "finished", u && u(),
|
|
2286
|
+
k = "finished", u && u(), B(), m();
|
|
2284
2287
|
}, St = () => {
|
|
2285
2288
|
if (p)
|
|
2286
2289
|
return;
|
|
2287
2290
|
v || (v = n(wt));
|
|
2288
2291
|
const E = v.now();
|
|
2289
|
-
l && l(),
|
|
2292
|
+
l && l(), A !== null ? C = E - A : (!C || k === "finished") && (C = E), k === "finished" && b(), H = C, A = null, k = "running", v.start();
|
|
2290
2293
|
};
|
|
2291
2294
|
t && St();
|
|
2292
|
-
const
|
|
2295
|
+
const Tn = {
|
|
2293
2296
|
then(E, Rt) {
|
|
2294
2297
|
return y.then(E, Rt);
|
|
2295
2298
|
},
|
|
2296
2299
|
get time() {
|
|
2297
|
-
return
|
|
2300
|
+
return et(j);
|
|
2298
2301
|
},
|
|
2299
2302
|
set time(E) {
|
|
2300
|
-
E =
|
|
2303
|
+
E = ut(E), j = E, A !== null || !v || f === 0 ? A = E : C = v.now() - E / f;
|
|
2301
2304
|
},
|
|
2302
2305
|
get duration() {
|
|
2303
|
-
const E =
|
|
2304
|
-
return
|
|
2306
|
+
const E = T.calculatedDuration === null ? $n(T) : T.calculatedDuration;
|
|
2307
|
+
return et(E);
|
|
2305
2308
|
},
|
|
2306
2309
|
get speed() {
|
|
2307
2310
|
return f;
|
|
2308
2311
|
},
|
|
2309
2312
|
set speed(E) {
|
|
2310
|
-
E === f || !v || (f = E,
|
|
2313
|
+
E === f || !v || (f = E, Tn.time = et(j));
|
|
2311
2314
|
},
|
|
2312
2315
|
get state() {
|
|
2313
2316
|
return k;
|
|
2314
2317
|
},
|
|
2315
2318
|
play: St,
|
|
2316
2319
|
pause: () => {
|
|
2317
|
-
k = "paused",
|
|
2320
|
+
k = "paused", A = j;
|
|
2318
2321
|
},
|
|
2319
2322
|
stop: () => {
|
|
2320
|
-
p = !0, k !== "idle" && (k = "idle", c && c(),
|
|
2323
|
+
p = !0, k !== "idle" && (k = "idle", c && c(), it());
|
|
2321
2324
|
},
|
|
2322
2325
|
cancel: () => {
|
|
2323
|
-
|
|
2326
|
+
H !== null && wt(H), it();
|
|
2324
2327
|
},
|
|
2325
2328
|
complete: () => {
|
|
2326
2329
|
k = "finished";
|
|
2327
2330
|
},
|
|
2328
2331
|
sample: (E) => (C = 0, wt(E))
|
|
2329
2332
|
};
|
|
2330
|
-
return
|
|
2333
|
+
return Tn;
|
|
2331
2334
|
}
|
|
2332
2335
|
function bl(t) {
|
|
2333
2336
|
let e;
|
|
@@ -2339,7 +2342,7 @@ const xl = bl(() => Object.hasOwnProperty.call(Element.prototype, "animate")), w
|
|
|
2339
2342
|
"filter",
|
|
2340
2343
|
"transform",
|
|
2341
2344
|
"backgroundColor"
|
|
2342
|
-
]), ie = 10, Sl = 2e4, Tl = (t, e) => e.type === "spring" || t === "backgroundColor" || !
|
|
2345
|
+
]), ie = 10, Sl = 2e4, Tl = (t, e) => e.type === "spring" || t === "backgroundColor" || !Cs(e.ease);
|
|
2343
2346
|
function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
2344
2347
|
if (!(xl() && wl.has(e) && !s.repeatDelay && s.repeatType !== "mirror" && s.damping !== 0 && s.type !== "inertia"))
|
|
2345
2348
|
return !1;
|
|
@@ -2358,11 +2361,11 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2358
2361
|
delay: 0
|
|
2359
2362
|
});
|
|
2360
2363
|
let x = { done: !1, value: h[0] };
|
|
2361
|
-
const
|
|
2362
|
-
let
|
|
2363
|
-
for (; !x.done &&
|
|
2364
|
-
x = g.sample(
|
|
2365
|
-
p = void 0, h =
|
|
2364
|
+
const T = [];
|
|
2365
|
+
let w = 0;
|
|
2366
|
+
for (; !x.done && w < Sl; )
|
|
2367
|
+
x = g.sample(w), T.push(x.value), w += ie;
|
|
2368
|
+
p = void 0, h = T, d = w - ie, f = "linear";
|
|
2366
2369
|
}
|
|
2367
2370
|
const m = Ba(t.owner.current, e, h, {
|
|
2368
2371
|
...s,
|
|
@@ -2392,10 +2395,10 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2392
2395
|
return m.timeline = g, m.onfinish = null, O;
|
|
2393
2396
|
},
|
|
2394
2397
|
get time() {
|
|
2395
|
-
return
|
|
2398
|
+
return et(m.currentTime || 0);
|
|
2396
2399
|
},
|
|
2397
2400
|
set time(g) {
|
|
2398
|
-
m.currentTime =
|
|
2401
|
+
m.currentTime = ut(g);
|
|
2399
2402
|
},
|
|
2400
2403
|
get speed() {
|
|
2401
2404
|
return m.playbackRate;
|
|
@@ -2404,10 +2407,10 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2404
2407
|
m.playbackRate = g;
|
|
2405
2408
|
},
|
|
2406
2409
|
get duration() {
|
|
2407
|
-
return
|
|
2410
|
+
return et(d);
|
|
2408
2411
|
},
|
|
2409
2412
|
play: () => {
|
|
2410
|
-
r || (m.play(),
|
|
2413
|
+
r || (m.play(), nt(y));
|
|
2411
2414
|
},
|
|
2412
2415
|
pause: () => m.pause(),
|
|
2413
2416
|
stop: () => {
|
|
@@ -2465,8 +2468,8 @@ const kl = {
|
|
|
2465
2468
|
type: "keyframes",
|
|
2466
2469
|
ease: [0.25, 0.1, 0.35, 1],
|
|
2467
2470
|
duration: 0.3
|
|
2468
|
-
}, Ml = (t, { keyframes: e }) => e.length > 2 ? Vl :
|
|
2469
|
-
(
|
|
2471
|
+
}, Ml = (t, { keyframes: e }) => e.length > 2 ? Vl : bt.has(t) ? t.startsWith("scale") ? Cl(e[1]) : kl : El, Ye = (t, e) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
|
|
2472
|
+
(dt.test(e) || e === "0") && // And it contains numbers and/or colors
|
|
2470
2473
|
!e.startsWith("url(")), Ol = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
2471
2474
|
function Dl(t) {
|
|
2472
2475
|
const [e, n] = t.slice(0, -1).split("(");
|
|
@@ -2480,13 +2483,13 @@ function Dl(t) {
|
|
|
2480
2483
|
return i !== n && (o *= 100), e + "(" + o + s + ")";
|
|
2481
2484
|
}
|
|
2482
2485
|
const Ll = /([a-z-]*)\(.*?\)/g, Xe = {
|
|
2483
|
-
...
|
|
2486
|
+
...dt,
|
|
2484
2487
|
getAnimatableNone: (t) => {
|
|
2485
2488
|
const e = t.match(Ll);
|
|
2486
2489
|
return e ? e.map(Dl).join(" ") : t;
|
|
2487
2490
|
}
|
|
2488
2491
|
}, Rl = {
|
|
2489
|
-
...
|
|
2492
|
+
...hs,
|
|
2490
2493
|
// Color props
|
|
2491
2494
|
color: I,
|
|
2492
2495
|
backgroundColor: I,
|
|
@@ -2501,17 +2504,17 @@ const Ll = /([a-z-]*)\(.*?\)/g, Xe = {
|
|
|
2501
2504
|
borderLeftColor: I,
|
|
2502
2505
|
filter: Xe,
|
|
2503
2506
|
WebkitFilter: Xe
|
|
2504
|
-
},
|
|
2505
|
-
function
|
|
2506
|
-
let n =
|
|
2507
|
-
return n !== Xe && (n =
|
|
2507
|
+
}, gn = (t) => Rl[t];
|
|
2508
|
+
function Qs(t, e) {
|
|
2509
|
+
let n = gn(t);
|
|
2510
|
+
return n !== Xe && (n = dt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
|
|
2508
2511
|
}
|
|
2509
|
-
const
|
|
2512
|
+
const Zs = (t) => /^0[^.\s]+$/.test(t);
|
|
2510
2513
|
function Bl(t) {
|
|
2511
2514
|
if (typeof t == "number")
|
|
2512
2515
|
return t === 0;
|
|
2513
2516
|
if (t !== null)
|
|
2514
|
-
return t === "none" || t === "0" ||
|
|
2517
|
+
return t === "none" || t === "0" || Zs(t);
|
|
2515
2518
|
}
|
|
2516
2519
|
function Nl(t, e, n, i) {
|
|
2517
2520
|
const s = Ye(e, n);
|
|
@@ -2525,22 +2528,22 @@ function Nl(t, e, n, i) {
|
|
|
2525
2528
|
if (s && l.length && a)
|
|
2526
2529
|
for (let c = 0; c < l.length; c++) {
|
|
2527
2530
|
const u = l[c];
|
|
2528
|
-
o[u] =
|
|
2531
|
+
o[u] = Qs(e, a);
|
|
2529
2532
|
}
|
|
2530
2533
|
return o;
|
|
2531
2534
|
}
|
|
2532
2535
|
function jl({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
|
|
2533
2536
|
return !!Object.keys(u).length;
|
|
2534
2537
|
}
|
|
2535
|
-
function
|
|
2538
|
+
function vn(t, e) {
|
|
2536
2539
|
return t[e] || t.default || t;
|
|
2537
2540
|
}
|
|
2538
2541
|
const Il = {
|
|
2539
2542
|
skipAnimations: !1
|
|
2540
|
-
},
|
|
2541
|
-
const o =
|
|
2543
|
+
}, yn = (t, e, n, i = {}) => (s) => {
|
|
2544
|
+
const o = vn(i, t) || {}, r = o.delay || i.delay || 0;
|
|
2542
2545
|
let { elapsed: a = 0 } = i;
|
|
2543
|
-
a = a -
|
|
2546
|
+
a = a - ut(r);
|
|
2544
2547
|
const l = Nl(e, t, n, o), c = l[0], u = l[l.length - 1], h = Ye(t, c), d = Ye(t, u);
|
|
2545
2548
|
Qt(h === d, `You are trying to animate ${t} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);
|
|
2546
2549
|
let f = {
|
|
@@ -2559,7 +2562,7 @@ const Il = {
|
|
|
2559
2562
|
if (jl(o) || (f = {
|
|
2560
2563
|
...f,
|
|
2561
2564
|
...Ml(t, f)
|
|
2562
|
-
}), f.duration && (f.duration =
|
|
2565
|
+
}), f.duration && (f.duration = ut(f.duration)), f.repeatDelay && (f.repeatDelay = ut(f.repeatDelay)), !h || !d || Ra.current || o.type === !1 || Il.skipAnimations)
|
|
2563
2566
|
return Pl(f);
|
|
2564
2567
|
if (
|
|
2565
2568
|
/**
|
|
@@ -2582,20 +2585,20 @@ const Il = {
|
|
|
2582
2585
|
function ve(t) {
|
|
2583
2586
|
return !!(W(t) && t.add);
|
|
2584
2587
|
}
|
|
2585
|
-
const
|
|
2586
|
-
function
|
|
2588
|
+
const Js = (t) => /^\-?\d*\.?\d+$/.test(t);
|
|
2589
|
+
function bn(t, e) {
|
|
2587
2590
|
t.indexOf(e) === -1 && t.push(e);
|
|
2588
2591
|
}
|
|
2589
|
-
function
|
|
2592
|
+
function xn(t, e) {
|
|
2590
2593
|
const n = t.indexOf(e);
|
|
2591
2594
|
n > -1 && t.splice(n, 1);
|
|
2592
2595
|
}
|
|
2593
|
-
class
|
|
2596
|
+
class wn {
|
|
2594
2597
|
constructor() {
|
|
2595
2598
|
this.subscriptions = [];
|
|
2596
2599
|
}
|
|
2597
2600
|
add(e) {
|
|
2598
|
-
return
|
|
2601
|
+
return bn(this.subscriptions, e), () => xn(this.subscriptions, e);
|
|
2599
2602
|
}
|
|
2600
2603
|
notify(e, n, i) {
|
|
2601
2604
|
const s = this.subscriptions.length;
|
|
@@ -2615,9 +2618,9 @@ class Sn {
|
|
|
2615
2618
|
this.subscriptions.length = 0;
|
|
2616
2619
|
}
|
|
2617
2620
|
}
|
|
2618
|
-
const
|
|
2619
|
-
function
|
|
2620
|
-
t ||
|
|
2621
|
+
const Qn = /* @__PURE__ */ new Set();
|
|
2622
|
+
function Sn(t, e, n) {
|
|
2623
|
+
t || Qn.has(e) || (console.warn(e), n && console.warn(n), Qn.add(e));
|
|
2621
2624
|
}
|
|
2622
2625
|
const Fl = (t) => !isNaN(parseFloat(t));
|
|
2623
2626
|
class zl {
|
|
@@ -2679,10 +2682,10 @@ class zl {
|
|
|
2679
2682
|
* @deprecated
|
|
2680
2683
|
*/
|
|
2681
2684
|
onChange(e) {
|
|
2682
|
-
return process.env.NODE_ENV !== "production" &&
|
|
2685
|
+
return process.env.NODE_ENV !== "production" && Sn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
|
|
2683
2686
|
}
|
|
2684
2687
|
on(e, n) {
|
|
2685
|
-
this.events[e] || (this.events[e] = new
|
|
2688
|
+
this.events[e] || (this.events[e] = new wn());
|
|
2686
2689
|
const i = this.events[e].add(n);
|
|
2687
2690
|
return e === "change" ? () => {
|
|
2688
2691
|
i(), V.read(() => {
|
|
@@ -2756,7 +2759,7 @@ class zl {
|
|
|
2756
2759
|
getVelocity() {
|
|
2757
2760
|
return this.canTrackVelocity ? (
|
|
2758
2761
|
// These casts could be avoided if parseFloat would be typed better
|
|
2759
|
-
|
|
2762
|
+
qs(parseFloat(this.current) - parseFloat(this.prev), this.timeDelta)
|
|
2760
2763
|
) : 0;
|
|
2761
2764
|
}
|
|
2762
2765
|
/**
|
|
@@ -2813,10 +2816,10 @@ class zl {
|
|
|
2813
2816
|
function Mt(t, e) {
|
|
2814
2817
|
return new zl(t, e);
|
|
2815
2818
|
}
|
|
2816
|
-
const
|
|
2819
|
+
const tr = (t) => (e) => e.test(t), Wl = {
|
|
2817
2820
|
test: (t) => t === "auto",
|
|
2818
2821
|
parse: (t) => t
|
|
2819
|
-
},
|
|
2822
|
+
}, er = [xt, P, $, at, Ko, qo, Wl], jt = (t) => er.find(tr(t)), _l = [...er, I, dt], Ul = (t) => _l.find(tr(t));
|
|
2820
2823
|
function Hl(t, e, n) {
|
|
2821
2824
|
t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Mt(n));
|
|
2822
2825
|
}
|
|
@@ -2836,7 +2839,7 @@ function Yl(t, e, n) {
|
|
|
2836
2839
|
for (let a = 0; a < r; a++) {
|
|
2837
2840
|
const l = o[a], c = e[l];
|
|
2838
2841
|
let u = null;
|
|
2839
|
-
Array.isArray(c) && (u = c[0]), u === null && (u = (s = (i = n[l]) !== null && i !== void 0 ? i : t.readValue(l)) !== null && s !== void 0 ? s : e[l]), u != null && (typeof u == "string" && (
|
|
2842
|
+
Array.isArray(c) && (u = c[0]), u === null && (u = (s = (i = n[l]) !== null && i !== void 0 ? i : t.readValue(l)) !== null && s !== void 0 ? s : e[l]), u != null && (typeof u == "string" && (Js(u) || Zs(u)) ? u = parseFloat(u) : !Ul(u) && dt.test(c) && (u = Qs(l, c)), t.addValue(l, Mt(u, { owner: t })), n[l] === void 0 && (n[l] = u), u !== null && t.setBaseTarget(l, u));
|
|
2840
2843
|
}
|
|
2841
2844
|
}
|
|
2842
2845
|
function Xl(t, e) {
|
|
@@ -2868,7 +2871,7 @@ function $l(t, e) {
|
|
|
2868
2871
|
} else
|
|
2869
2872
|
return n !== e;
|
|
2870
2873
|
}
|
|
2871
|
-
function
|
|
2874
|
+
function nr(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
2872
2875
|
let { transition: o = t.getDefaultTransition(), transitionEnd: r, ...a } = t.makeTargetAnimatable(e);
|
|
2873
2876
|
const l = t.getValue("willChange");
|
|
2874
2877
|
i && (o = i);
|
|
@@ -2880,10 +2883,10 @@ function er(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
|
2880
2883
|
const p = {
|
|
2881
2884
|
delay: n,
|
|
2882
2885
|
elapsed: 0,
|
|
2883
|
-
...
|
|
2886
|
+
...vn(o || {}, h)
|
|
2884
2887
|
};
|
|
2885
2888
|
if (window.HandoffAppearAnimations) {
|
|
2886
|
-
const b = t.getProps()[
|
|
2889
|
+
const b = t.getProps()[is];
|
|
2887
2890
|
if (b) {
|
|
2888
2891
|
const v = window.HandoffAppearAnimations(b, h, d, V);
|
|
2889
2892
|
v !== null && (p.elapsed = v, p.isHandoff = !0);
|
|
@@ -2892,7 +2895,7 @@ function er(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
|
2892
2895
|
let m = !p.isHandoff && !$l(d, f);
|
|
2893
2896
|
if (p.type === "spring" && (d.getVelocity() || p.velocity) && (m = !1), d.animation && (m = !1), m)
|
|
2894
2897
|
continue;
|
|
2895
|
-
d.start(
|
|
2898
|
+
d.start(yn(h, d, f, t.shouldReduceMotion && bt.has(h) ? { type: !1 } : p));
|
|
2896
2899
|
const y = d.animation;
|
|
2897
2900
|
ve(l) && (l.add(h), y.then(() => l.remove(h))), c.push(y);
|
|
2898
2901
|
}
|
|
@@ -2904,7 +2907,7 @@ function qe(t, e, n = {}) {
|
|
|
2904
2907
|
const i = ke(t, e, n.custom);
|
|
2905
2908
|
let { transition: s = t.getDefaultTransition() || {} } = i || {};
|
|
2906
2909
|
n.transitionOverride && (s = n.transitionOverride);
|
|
2907
|
-
const o = i ? () => Promise.all(
|
|
2910
|
+
const o = i ? () => Promise.all(nr(t, i, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
|
|
2908
2911
|
const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = s;
|
|
2909
2912
|
return Ql(t, e, c + l, u, h, n);
|
|
2910
2913
|
} : () => Promise.resolve(), { when: a } = s;
|
|
@@ -2936,11 +2939,11 @@ function Jl(t, e, n = {}) {
|
|
|
2936
2939
|
i = qe(t, e, n);
|
|
2937
2940
|
else {
|
|
2938
2941
|
const s = typeof e == "function" ? ke(t, e, n.custom) : e;
|
|
2939
|
-
i = Promise.all(
|
|
2942
|
+
i = Promise.all(nr(t, s, n));
|
|
2940
2943
|
}
|
|
2941
2944
|
return i.then(() => t.notify("AnimationComplete", e));
|
|
2942
2945
|
}
|
|
2943
|
-
const tc = [...
|
|
2946
|
+
const tc = [...sn].reverse(), ec = sn.length;
|
|
2944
2947
|
function nc(t) {
|
|
2945
2948
|
return (e) => Promise.all(e.map(({ animation: n, options: i }) => Jl(t, n, i)));
|
|
2946
2949
|
}
|
|
@@ -2963,35 +2966,35 @@ function ic(t) {
|
|
|
2963
2966
|
const u = t.getProps(), h = t.getVariantContext(!0) || {}, d = [], f = /* @__PURE__ */ new Set();
|
|
2964
2967
|
let p = {}, m = 1 / 0;
|
|
2965
2968
|
for (let b = 0; b < ec; b++) {
|
|
2966
|
-
const v = tc[b], g = n[v], x = u[v] !== void 0 ? u[v] : h[v],
|
|
2967
|
-
|
|
2968
|
-
let k = x === h[v] && x !== u[v] &&
|
|
2969
|
+
const v = tc[b], g = n[v], x = u[v] !== void 0 ? u[v] : h[v], T = Ht(x), w = v === c ? g.isActive : null;
|
|
2970
|
+
w === !1 && (m = b);
|
|
2971
|
+
let k = x === h[v] && x !== u[v] && T;
|
|
2969
2972
|
if (k && i && t.manuallyAnimateOnMount && (k = !1), g.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
|
|
2970
|
-
!g.isActive &&
|
|
2973
|
+
!g.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
|
|
2971
2974
|
!x && !g.prevProp || // Or if the prop doesn't define an animation
|
|
2972
2975
|
Se(x) || typeof x == "boolean")
|
|
2973
2976
|
continue;
|
|
2974
2977
|
let C = sc(g.prevProp, x) || // If we're making this variant active, we want to always make it active
|
|
2975
|
-
v === c && g.isActive && !k &&
|
|
2976
|
-
b > m &&
|
|
2977
|
-
const
|
|
2978
|
-
let
|
|
2979
|
-
|
|
2980
|
-
const { prevResolvedValues:
|
|
2981
|
-
...
|
|
2982
|
-
...
|
|
2983
|
-
}, wt = (
|
|
2984
|
-
C = !0, f.has(
|
|
2978
|
+
v === c && g.isActive && !k && T || // If we removed a higher-priority variant (i is in reverse order)
|
|
2979
|
+
b > m && T, H = !1;
|
|
2980
|
+
const Q = Array.isArray(x) ? x : [x];
|
|
2981
|
+
let X = Q.reduce(s, {});
|
|
2982
|
+
w === !1 && (X = {});
|
|
2983
|
+
const { prevResolvedValues: Z = {} } = g, j = {
|
|
2984
|
+
...Z,
|
|
2985
|
+
...X
|
|
2986
|
+
}, wt = (B) => {
|
|
2987
|
+
C = !0, f.has(B) && (H = !0, f.delete(B)), g.needsAnimating[B] = !0;
|
|
2985
2988
|
};
|
|
2986
|
-
for (const
|
|
2987
|
-
const
|
|
2988
|
-
if (p.hasOwnProperty(
|
|
2989
|
+
for (const B in j) {
|
|
2990
|
+
const it = X[B], Lt = Z[B];
|
|
2991
|
+
if (p.hasOwnProperty(B))
|
|
2989
2992
|
continue;
|
|
2990
2993
|
let St = !1;
|
|
2991
|
-
fe(
|
|
2994
|
+
fe(it) && fe(Lt) ? St = !Ps(it, Lt) : St = it !== Lt, St ? it !== void 0 ? wt(B) : f.add(B) : it !== void 0 && f.has(B) ? wt(B) : g.protectedKeys[B] = !0;
|
|
2992
2995
|
}
|
|
2993
|
-
g.prevProp = x, g.prevResolvedValues =
|
|
2994
|
-
animation:
|
|
2996
|
+
g.prevProp = x, g.prevResolvedValues = X, g.isActive && (p = { ...p, ...X }), i && t.blockInitialAnimation && (C = !1), C && (!k || H) && d.push(...Q.map((B) => ({
|
|
2997
|
+
animation: B,
|
|
2995
2998
|
options: { type: v, ...l }
|
|
2996
2999
|
})));
|
|
2997
3000
|
}
|
|
@@ -3026,9 +3029,9 @@ function ic(t) {
|
|
|
3026
3029
|
};
|
|
3027
3030
|
}
|
|
3028
3031
|
function sc(t, e) {
|
|
3029
|
-
return typeof e == "string" ? e !== t : Array.isArray(e) ? !
|
|
3032
|
+
return typeof e == "string" ? e !== t : Array.isArray(e) ? !Ps(e, t) : !1;
|
|
3030
3033
|
}
|
|
3031
|
-
function
|
|
3034
|
+
function mt(t = !1) {
|
|
3032
3035
|
return {
|
|
3033
3036
|
isActive: t,
|
|
3034
3037
|
protectedKeys: {},
|
|
@@ -3038,16 +3041,16 @@ function pt(t = !1) {
|
|
|
3038
3041
|
}
|
|
3039
3042
|
function rc() {
|
|
3040
3043
|
return {
|
|
3041
|
-
animate:
|
|
3042
|
-
whileInView:
|
|
3043
|
-
whileHover:
|
|
3044
|
-
whileTap:
|
|
3045
|
-
whileDrag:
|
|
3046
|
-
whileFocus:
|
|
3047
|
-
exit:
|
|
3044
|
+
animate: mt(!0),
|
|
3045
|
+
whileInView: mt(),
|
|
3046
|
+
whileHover: mt(),
|
|
3047
|
+
whileTap: mt(),
|
|
3048
|
+
whileDrag: mt(),
|
|
3049
|
+
whileFocus: mt(),
|
|
3050
|
+
exit: mt()
|
|
3048
3051
|
};
|
|
3049
3052
|
}
|
|
3050
|
-
class oc extends
|
|
3053
|
+
class oc extends ft {
|
|
3051
3054
|
/**
|
|
3052
3055
|
* We dynamically generate the AnimationState manager as it contains a reference
|
|
3053
3056
|
* to the underlying animation library. We only want to load that if we load this,
|
|
@@ -3074,7 +3077,7 @@ class oc extends dt {
|
|
|
3074
3077
|
}
|
|
3075
3078
|
}
|
|
3076
3079
|
let ac = 0;
|
|
3077
|
-
class lc extends
|
|
3080
|
+
class lc extends ft {
|
|
3078
3081
|
constructor() {
|
|
3079
3082
|
super(...arguments), this.id = ac++;
|
|
3080
3083
|
}
|
|
@@ -3101,12 +3104,12 @@ const cc = {
|
|
|
3101
3104
|
exit: {
|
|
3102
3105
|
Feature: lc
|
|
3103
3106
|
}
|
|
3104
|
-
},
|
|
3107
|
+
}, Zn = (t, e) => Math.abs(t - e);
|
|
3105
3108
|
function uc(t, e) {
|
|
3106
|
-
const n =
|
|
3109
|
+
const n = Zn(t.x, e.x), i = Zn(t.y, e.y);
|
|
3107
3110
|
return Math.sqrt(n ** 2 + i ** 2);
|
|
3108
3111
|
}
|
|
3109
|
-
class
|
|
3112
|
+
class ir {
|
|
3110
3113
|
constructor(e, n, { transformPagePoint: i, contextWindow: s, dragSnapToOrigin: o = !1 } = {}) {
|
|
3111
3114
|
if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
|
|
3112
3115
|
if (!(this.lastMoveEvent && this.lastMoveEventInfo))
|
|
@@ -3127,51 +3130,51 @@ class nr {
|
|
|
3127
3130
|
return;
|
|
3128
3131
|
const y = Fe(h.type === "pointercancel" ? this.lastMoveEventInfo : Ie(d, this.transformPagePoint), this.history);
|
|
3129
3132
|
this.startEvent && f && f(h, y), p && p(h, y);
|
|
3130
|
-
}, !
|
|
3133
|
+
}, !xs(e))
|
|
3131
3134
|
return;
|
|
3132
3135
|
this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.contextWindow = s || window;
|
|
3133
3136
|
const r = Pe(e), a = Ie(r, this.transformPagePoint), { point: l } = a, { timestamp: c } = N;
|
|
3134
3137
|
this.history = [{ ...l, timestamp: c }];
|
|
3135
3138
|
const { onSessionStart: u } = n;
|
|
3136
|
-
u && u(e, Fe(a, this.history)), this.removeListeners =
|
|
3139
|
+
u && u(e, Fe(a, this.history)), this.removeListeners = ct(tt(this.contextWindow, "pointermove", this.handlePointerMove), tt(this.contextWindow, "pointerup", this.handlePointerUp), tt(this.contextWindow, "pointercancel", this.handlePointerUp));
|
|
3137
3140
|
}
|
|
3138
3141
|
updateHandlers(e) {
|
|
3139
3142
|
this.handlers = e;
|
|
3140
3143
|
}
|
|
3141
3144
|
end() {
|
|
3142
|
-
this.removeListeners && this.removeListeners(),
|
|
3145
|
+
this.removeListeners && this.removeListeners(), nt(this.updatePoint);
|
|
3143
3146
|
}
|
|
3144
3147
|
}
|
|
3145
3148
|
function Ie(t, e) {
|
|
3146
3149
|
return e ? { point: e(t.point) } : t;
|
|
3147
3150
|
}
|
|
3148
|
-
function
|
|
3151
|
+
function Jn(t, e) {
|
|
3149
3152
|
return { x: t.x - e.x, y: t.y - e.y };
|
|
3150
3153
|
}
|
|
3151
3154
|
function Fe({ point: t }, e) {
|
|
3152
3155
|
return {
|
|
3153
3156
|
point: t,
|
|
3154
|
-
delta:
|
|
3155
|
-
offset:
|
|
3157
|
+
delta: Jn(t, sr(e)),
|
|
3158
|
+
offset: Jn(t, hc(e)),
|
|
3156
3159
|
velocity: dc(e, 0.1)
|
|
3157
3160
|
};
|
|
3158
3161
|
}
|
|
3159
3162
|
function hc(t) {
|
|
3160
3163
|
return t[0];
|
|
3161
3164
|
}
|
|
3162
|
-
function
|
|
3165
|
+
function sr(t) {
|
|
3163
3166
|
return t[t.length - 1];
|
|
3164
3167
|
}
|
|
3165
3168
|
function dc(t, e) {
|
|
3166
3169
|
if (t.length < 2)
|
|
3167
3170
|
return { x: 0, y: 0 };
|
|
3168
3171
|
let n = t.length - 1, i = null;
|
|
3169
|
-
const s =
|
|
3170
|
-
for (; n >= 0 && (i = t[n], !(s.timestamp - i.timestamp >
|
|
3172
|
+
const s = sr(t);
|
|
3173
|
+
for (; n >= 0 && (i = t[n], !(s.timestamp - i.timestamp > ut(e))); )
|
|
3171
3174
|
n--;
|
|
3172
3175
|
if (!i)
|
|
3173
3176
|
return { x: 0, y: 0 };
|
|
3174
|
-
const o =
|
|
3177
|
+
const o = et(s.timestamp - i.timestamp);
|
|
3175
3178
|
if (o === 0)
|
|
3176
3179
|
return { x: 0, y: 0 };
|
|
3177
3180
|
const r = {
|
|
@@ -3186,28 +3189,28 @@ function U(t) {
|
|
|
3186
3189
|
function Ke(t, e = 0, n = 0.01) {
|
|
3187
3190
|
return Math.abs(t - e) <= n;
|
|
3188
3191
|
}
|
|
3189
|
-
function
|
|
3192
|
+
function ti(t, e, n, i = 0.5) {
|
|
3190
3193
|
t.origin = i, t.originPoint = M(e.min, e.max, t.origin), t.scale = U(n) / U(e), (Ke(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = M(n.min, n.max, t.origin) - t.originPoint, (Ke(t.translate) || isNaN(t.translate)) && (t.translate = 0);
|
|
3191
3194
|
}
|
|
3192
3195
|
function _t(t, e, n, i) {
|
|
3193
|
-
|
|
3196
|
+
ti(t.x, e.x, n.x, i ? i.originX : void 0), ti(t.y, e.y, n.y, i ? i.originY : void 0);
|
|
3194
3197
|
}
|
|
3195
|
-
function
|
|
3198
|
+
function ei(t, e, n) {
|
|
3196
3199
|
t.min = n.min + e.min, t.max = t.min + U(e);
|
|
3197
3200
|
}
|
|
3198
3201
|
function fc(t, e, n) {
|
|
3199
|
-
|
|
3202
|
+
ei(t.x, e.x, n.x), ei(t.y, e.y, n.y);
|
|
3200
3203
|
}
|
|
3201
|
-
function
|
|
3204
|
+
function ni(t, e, n) {
|
|
3202
3205
|
t.min = e.min - n.min, t.max = t.min + U(e);
|
|
3203
3206
|
}
|
|
3204
3207
|
function Ut(t, e, n) {
|
|
3205
|
-
|
|
3208
|
+
ni(t.x, e.x, n.x), ni(t.y, e.y, n.y);
|
|
3206
3209
|
}
|
|
3207
3210
|
function pc(t, { min: e, max: n }, i) {
|
|
3208
3211
|
return e !== void 0 && t < e ? t = i ? M(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? M(n, t, i.max) : Math.min(t, n)), t;
|
|
3209
3212
|
}
|
|
3210
|
-
function
|
|
3213
|
+
function ii(t, e, n) {
|
|
3211
3214
|
return {
|
|
3212
3215
|
min: e !== void 0 ? t.min + e : void 0,
|
|
3213
3216
|
max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
|
|
@@ -3215,24 +3218,24 @@ function si(t, e, n) {
|
|
|
3215
3218
|
}
|
|
3216
3219
|
function mc(t, { top: e, left: n, bottom: i, right: s }) {
|
|
3217
3220
|
return {
|
|
3218
|
-
x:
|
|
3219
|
-
y:
|
|
3221
|
+
x: ii(t.x, n, s),
|
|
3222
|
+
y: ii(t.y, e, i)
|
|
3220
3223
|
};
|
|
3221
3224
|
}
|
|
3222
|
-
function
|
|
3225
|
+
function si(t, e) {
|
|
3223
3226
|
let n = e.min - t.min, i = e.max - t.max;
|
|
3224
3227
|
return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
|
|
3225
3228
|
}
|
|
3226
3229
|
function gc(t, e) {
|
|
3227
3230
|
return {
|
|
3228
|
-
x:
|
|
3229
|
-
y:
|
|
3231
|
+
x: si(t.x, e.x),
|
|
3232
|
+
y: si(t.y, e.y)
|
|
3230
3233
|
};
|
|
3231
3234
|
}
|
|
3232
3235
|
function vc(t, e) {
|
|
3233
3236
|
let n = 0.5;
|
|
3234
3237
|
const i = U(t), s = U(e);
|
|
3235
|
-
return s > i ? n = Yt(e.min, e.max - i, t.min) : i > s && (n = Yt(t.min, t.max - s, e.min)),
|
|
3238
|
+
return s > i ? n = Yt(e.min, e.max - i, t.min) : i > s && (n = Yt(t.min, t.max - s, e.min)), ht(0, 1, n);
|
|
3236
3239
|
}
|
|
3237
3240
|
function yc(t, e) {
|
|
3238
3241
|
const n = {};
|
|
@@ -3241,35 +3244,35 @@ function yc(t, e) {
|
|
|
3241
3244
|
const $e = 0.35;
|
|
3242
3245
|
function bc(t = $e) {
|
|
3243
3246
|
return t === !1 ? t = 0 : t === !0 && (t = $e), {
|
|
3244
|
-
x:
|
|
3245
|
-
y:
|
|
3247
|
+
x: ri(t, "left", "right"),
|
|
3248
|
+
y: ri(t, "top", "bottom")
|
|
3246
3249
|
};
|
|
3247
3250
|
}
|
|
3248
|
-
function
|
|
3251
|
+
function ri(t, e, n) {
|
|
3249
3252
|
return {
|
|
3250
|
-
min:
|
|
3251
|
-
max:
|
|
3253
|
+
min: oi(t, e),
|
|
3254
|
+
max: oi(t, n)
|
|
3252
3255
|
};
|
|
3253
3256
|
}
|
|
3254
|
-
function
|
|
3257
|
+
function oi(t, e) {
|
|
3255
3258
|
return typeof t == "number" ? t : t[e] || 0;
|
|
3256
3259
|
}
|
|
3257
|
-
const
|
|
3260
|
+
const ai = () => ({
|
|
3258
3261
|
translate: 0,
|
|
3259
3262
|
scale: 1,
|
|
3260
3263
|
origin: 0,
|
|
3261
3264
|
originPoint: 0
|
|
3262
3265
|
}), Ct = () => ({
|
|
3266
|
+
x: ai(),
|
|
3267
|
+
y: ai()
|
|
3268
|
+
}), li = () => ({ min: 0, max: 0 }), L = () => ({
|
|
3263
3269
|
x: li(),
|
|
3264
3270
|
y: li()
|
|
3265
|
-
}), ci = () => ({ min: 0, max: 0 }), L = () => ({
|
|
3266
|
-
x: ci(),
|
|
3267
|
-
y: ci()
|
|
3268
3271
|
});
|
|
3269
|
-
function
|
|
3272
|
+
function Y(t) {
|
|
3270
3273
|
return [t("x"), t("y")];
|
|
3271
3274
|
}
|
|
3272
|
-
function
|
|
3275
|
+
function rr({ top: t, left: e, right: n, bottom: i }) {
|
|
3273
3276
|
return {
|
|
3274
3277
|
x: { min: e, max: n },
|
|
3275
3278
|
y: { min: t, max: i }
|
|
@@ -3295,26 +3298,26 @@ function ze(t) {
|
|
|
3295
3298
|
function Qe({ scale: t, scaleX: e, scaleY: n }) {
|
|
3296
3299
|
return !ze(t) || !ze(e) || !ze(n);
|
|
3297
3300
|
}
|
|
3298
|
-
function
|
|
3299
|
-
return Qe(t) ||
|
|
3301
|
+
function gt(t) {
|
|
3302
|
+
return Qe(t) || or(t) || t.z || t.rotate || t.rotateX || t.rotateY;
|
|
3300
3303
|
}
|
|
3301
|
-
function
|
|
3302
|
-
return
|
|
3304
|
+
function or(t) {
|
|
3305
|
+
return ci(t.x) || ci(t.y);
|
|
3303
3306
|
}
|
|
3304
|
-
function
|
|
3307
|
+
function ci(t) {
|
|
3305
3308
|
return t && t !== "0%";
|
|
3306
3309
|
}
|
|
3307
3310
|
function ye(t, e, n) {
|
|
3308
3311
|
const i = t - n, s = e * i;
|
|
3309
3312
|
return n + s;
|
|
3310
3313
|
}
|
|
3311
|
-
function
|
|
3314
|
+
function ui(t, e, n, i, s) {
|
|
3312
3315
|
return s !== void 0 && (t = ye(t, s, i)), ye(t, n, i) + e;
|
|
3313
3316
|
}
|
|
3314
3317
|
function Ze(t, e = 0, n = 1, i, s) {
|
|
3315
|
-
t.min =
|
|
3318
|
+
t.min = ui(t.min, e, n, i, s), t.max = ui(t.max, e, n, i, s);
|
|
3316
3319
|
}
|
|
3317
|
-
function
|
|
3320
|
+
function ar(t, { x: e, y: n }) {
|
|
3318
3321
|
Ze(t.x, e.translate, e.scale, e.originPoint), Ze(t.y, n.translate, n.scale, n.originPoint);
|
|
3319
3322
|
}
|
|
3320
3323
|
function Sc(t, e, n, i = !1) {
|
|
@@ -3329,32 +3332,32 @@ function Sc(t, e, n, i = !1) {
|
|
|
3329
3332
|
l && l.style && l.style.display === "contents" || (i && o.options.layoutScroll && o.scroll && o !== o.root && Vt(t, {
|
|
3330
3333
|
x: -o.scroll.offset.x,
|
|
3331
3334
|
y: -o.scroll.offset.y
|
|
3332
|
-
}), r && (e.x *= r.x.scale, e.y *= r.y.scale,
|
|
3335
|
+
}), r && (e.x *= r.x.scale, e.y *= r.y.scale, ar(t, r)), i && gt(o.latestValues) && Vt(t, o.latestValues));
|
|
3333
3336
|
}
|
|
3334
|
-
e.x =
|
|
3337
|
+
e.x = hi(e.x), e.y = hi(e.y);
|
|
3335
3338
|
}
|
|
3336
|
-
function
|
|
3339
|
+
function hi(t) {
|
|
3337
3340
|
return Number.isInteger(t) || t > 1.0000000000001 || t < 0.999999999999 ? t : 1;
|
|
3338
3341
|
}
|
|
3339
|
-
function
|
|
3342
|
+
function lt(t, e) {
|
|
3340
3343
|
t.min = t.min + e, t.max = t.max + e;
|
|
3341
3344
|
}
|
|
3342
|
-
function
|
|
3345
|
+
function di(t, e, [n, i, s]) {
|
|
3343
3346
|
const o = e[s] !== void 0 ? e[s] : 0.5, r = M(t.min, t.max, o);
|
|
3344
3347
|
Ze(t, e[n], e[i], r, e.scale);
|
|
3345
3348
|
}
|
|
3346
3349
|
const Tc = ["x", "scaleX", "originX"], Ac = ["y", "scaleY", "originY"];
|
|
3347
3350
|
function Vt(t, e) {
|
|
3348
|
-
|
|
3351
|
+
di(t.x, e, Tc), di(t.y, e, Ac);
|
|
3349
3352
|
}
|
|
3350
|
-
function
|
|
3351
|
-
return
|
|
3353
|
+
function lr(t, e) {
|
|
3354
|
+
return rr(wc(t.getBoundingClientRect(), e));
|
|
3352
3355
|
}
|
|
3353
3356
|
function Pc(t, e, n) {
|
|
3354
|
-
const i =
|
|
3355
|
-
return s && (
|
|
3357
|
+
const i = lr(t, n), { scroll: s } = e;
|
|
3358
|
+
return s && (lt(i.x, s.offset.x), lt(i.y, s.offset.y)), i;
|
|
3356
3359
|
}
|
|
3357
|
-
const
|
|
3360
|
+
const cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, kc = /* @__PURE__ */ new WeakMap();
|
|
3358
3361
|
class Cc {
|
|
3359
3362
|
constructor(e) {
|
|
3360
3363
|
this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = L(), this.visualElement = e;
|
|
@@ -3368,11 +3371,11 @@ class Cc {
|
|
|
3368
3371
|
h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Pe(u, "page").point);
|
|
3369
3372
|
}, o = (u, h) => {
|
|
3370
3373
|
const { drag: d, dragPropagation: f, onDragStart: p } = this.getProps();
|
|
3371
|
-
if (d && !f && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock =
|
|
3374
|
+
if (d && !f && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Ss(d), !this.openGlobalLock))
|
|
3372
3375
|
return;
|
|
3373
|
-
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0),
|
|
3376
|
+
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Y((y) => {
|
|
3374
3377
|
let b = this.getAxisMotionValue(y).get() || 0;
|
|
3375
|
-
if (
|
|
3378
|
+
if ($.test(b)) {
|
|
3376
3379
|
const { projection: v } = this.visualElement;
|
|
3377
3380
|
if (v && v.layout) {
|
|
3378
3381
|
const g = v.layout.layoutBox[y];
|
|
@@ -3393,11 +3396,11 @@ class Cc {
|
|
|
3393
3396
|
return;
|
|
3394
3397
|
}
|
|
3395
3398
|
this.updateAxis("x", h.point, y), this.updateAxis("y", h.point, y), this.visualElement.render(), m && m(u, h);
|
|
3396
|
-
}, a = (u, h) => this.stop(u, h), l = () =>
|
|
3399
|
+
}, a = (u, h) => this.stop(u, h), l = () => Y((u) => {
|
|
3397
3400
|
var h;
|
|
3398
3401
|
return this.getAnimationState(u) === "paused" && ((h = this.getAxisMotionValue(u).animation) === null || h === void 0 ? void 0 : h.play());
|
|
3399
3402
|
}), { dragSnapToOrigin: c } = this.getProps();
|
|
3400
|
-
this.panSession = new
|
|
3403
|
+
this.panSession = new ir(e, {
|
|
3401
3404
|
onSessionStart: s,
|
|
3402
3405
|
onStart: o,
|
|
3403
3406
|
onMove: r,
|
|
@@ -3406,7 +3409,7 @@ class Cc {
|
|
|
3406
3409
|
}, {
|
|
3407
3410
|
transformPagePoint: this.visualElement.getTransformPagePoint(),
|
|
3408
3411
|
dragSnapToOrigin: c,
|
|
3409
|
-
contextWindow:
|
|
3412
|
+
contextWindow: cr(this.visualElement)
|
|
3410
3413
|
});
|
|
3411
3414
|
}
|
|
3412
3415
|
stop(e, n) {
|
|
@@ -3436,7 +3439,7 @@ class Cc {
|
|
|
3436
3439
|
resolveConstraints() {
|
|
3437
3440
|
var e;
|
|
3438
3441
|
const { dragConstraints: n, dragElastic: i } = this.getProps(), s = 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;
|
|
3439
|
-
n && Pt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints = mc(s.layoutBox, n) : this.constraints = !1, this.elastic = bc(i), o !== this.constraints && s && this.constraints && !this.hasMutatedConstraints &&
|
|
3442
|
+
n && Pt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints = mc(s.layoutBox, n) : this.constraints = !1, this.elastic = bc(i), o !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && Y((r) => {
|
|
3440
3443
|
this.getAxisMotionValue(r) && (this.constraints[r] = yc(s.layoutBox[r], this.constraints[r]));
|
|
3441
3444
|
});
|
|
3442
3445
|
}
|
|
@@ -3445,7 +3448,7 @@ class Cc {
|
|
|
3445
3448
|
if (!e || !Pt(e))
|
|
3446
3449
|
return !1;
|
|
3447
3450
|
const i = e.current;
|
|
3448
|
-
|
|
3451
|
+
K(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
|
|
3449
3452
|
const { projection: s } = this.visualElement;
|
|
3450
3453
|
if (!s || !s.layout)
|
|
3451
3454
|
return !1;
|
|
@@ -3453,12 +3456,12 @@ class Cc {
|
|
|
3453
3456
|
let r = gc(s.layout.layoutBox, o);
|
|
3454
3457
|
if (n) {
|
|
3455
3458
|
const a = n(xc(r));
|
|
3456
|
-
this.hasMutatedConstraints = !!a, a && (r =
|
|
3459
|
+
this.hasMutatedConstraints = !!a, a && (r = rr(a));
|
|
3457
3460
|
}
|
|
3458
3461
|
return r;
|
|
3459
3462
|
}
|
|
3460
3463
|
startAnimation(e) {
|
|
3461
|
-
const { drag: n, dragMomentum: i, dragElastic: s, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c =
|
|
3464
|
+
const { drag: n, dragMomentum: i, dragElastic: s, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = Y((u) => {
|
|
3462
3465
|
if (!se(u, n, this.currentDirection))
|
|
3463
3466
|
return;
|
|
3464
3467
|
let h = l && l[u] || {};
|
|
@@ -3480,13 +3483,13 @@ class Cc {
|
|
|
3480
3483
|
}
|
|
3481
3484
|
startAxisValueAnimation(e, n) {
|
|
3482
3485
|
const i = this.getAxisMotionValue(e);
|
|
3483
|
-
return i.start(
|
|
3486
|
+
return i.start(yn(e, i, 0, n));
|
|
3484
3487
|
}
|
|
3485
3488
|
stopAnimation() {
|
|
3486
|
-
|
|
3489
|
+
Y((e) => this.getAxisMotionValue(e).stop());
|
|
3487
3490
|
}
|
|
3488
3491
|
pauseAnimation() {
|
|
3489
|
-
|
|
3492
|
+
Y((e) => {
|
|
3490
3493
|
var n;
|
|
3491
3494
|
return (n = this.getAxisMotionValue(e).animation) === null || n === void 0 ? void 0 : n.pause();
|
|
3492
3495
|
});
|
|
@@ -3506,7 +3509,7 @@ class Cc {
|
|
|
3506
3509
|
return s || this.visualElement.getValue(e, (i.initial ? i.initial[e] : void 0) || 0);
|
|
3507
3510
|
}
|
|
3508
3511
|
snapToCursor(e) {
|
|
3509
|
-
|
|
3512
|
+
Y((n) => {
|
|
3510
3513
|
const { drag: i } = this.getProps();
|
|
3511
3514
|
if (!se(n, i, this.currentDirection))
|
|
3512
3515
|
return;
|
|
@@ -3530,7 +3533,7 @@ class Cc {
|
|
|
3530
3533
|
return;
|
|
3531
3534
|
this.stopAnimation();
|
|
3532
3535
|
const s = { x: 0, y: 0 };
|
|
3533
|
-
|
|
3536
|
+
Y((r) => {
|
|
3534
3537
|
const a = this.getAxisMotionValue(r);
|
|
3535
3538
|
if (a) {
|
|
3536
3539
|
const l = a.get();
|
|
@@ -3538,7 +3541,7 @@ class Cc {
|
|
|
3538
3541
|
}
|
|
3539
3542
|
});
|
|
3540
3543
|
const { transformTemplate: o } = this.visualElement.getProps();
|
|
3541
|
-
this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(),
|
|
3544
|
+
this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), Y((r) => {
|
|
3542
3545
|
if (!se(r, e, null))
|
|
3543
3546
|
return;
|
|
3544
3547
|
const a = this.getAxisMotionValue(r), { min: l, max: c } = this.constraints[r];
|
|
@@ -3549,7 +3552,7 @@ class Cc {
|
|
|
3549
3552
|
if (!this.visualElement.current)
|
|
3550
3553
|
return;
|
|
3551
3554
|
kc.set(this.visualElement, this);
|
|
3552
|
-
const e = this.visualElement.current, n =
|
|
3555
|
+
const e = this.visualElement.current, n = tt(e, "pointerdown", (l) => {
|
|
3553
3556
|
const { drag: c, dragListener: u = !0 } = this.getProps();
|
|
3554
3557
|
c && u && this.start(l);
|
|
3555
3558
|
}), i = () => {
|
|
@@ -3557,8 +3560,8 @@ class Cc {
|
|
|
3557
3560
|
Pt(l) && (this.constraints = this.resolveRefConstraints());
|
|
3558
3561
|
}, { projection: s } = this.visualElement, o = s.addEventListener("measure", i);
|
|
3559
3562
|
s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), i();
|
|
3560
|
-
const r =
|
|
3561
|
-
this.isDragging && c && (
|
|
3563
|
+
const r = J(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
|
|
3564
|
+
this.isDragging && c && (Y((u) => {
|
|
3562
3565
|
const h = this.getAxisMotionValue(u);
|
|
3563
3566
|
h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
|
|
3564
3567
|
}), this.visualElement.render());
|
|
@@ -3587,7 +3590,7 @@ function Vc(t, e = 10) {
|
|
|
3587
3590
|
let n = null;
|
|
3588
3591
|
return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
|
|
3589
3592
|
}
|
|
3590
|
-
class Ec extends
|
|
3593
|
+
class Ec extends ft {
|
|
3591
3594
|
constructor(e) {
|
|
3592
3595
|
super(e), this.removeGroupControls = O, this.removeListeners = O, this.controls = new Cc(e);
|
|
3593
3596
|
}
|
|
@@ -3599,24 +3602,24 @@ class Ec extends dt {
|
|
|
3599
3602
|
this.removeGroupControls(), this.removeListeners();
|
|
3600
3603
|
}
|
|
3601
3604
|
}
|
|
3602
|
-
const
|
|
3605
|
+
const fi = (t) => (e, n) => {
|
|
3603
3606
|
t && V.update(() => t(e, n));
|
|
3604
3607
|
};
|
|
3605
|
-
class Mc extends
|
|
3608
|
+
class Mc extends ft {
|
|
3606
3609
|
constructor() {
|
|
3607
3610
|
super(...arguments), this.removePointerDownListener = O;
|
|
3608
3611
|
}
|
|
3609
3612
|
onPointerDown(e) {
|
|
3610
|
-
this.session = new
|
|
3613
|
+
this.session = new ir(e, this.createPanHandlers(), {
|
|
3611
3614
|
transformPagePoint: this.node.getTransformPagePoint(),
|
|
3612
|
-
contextWindow:
|
|
3615
|
+
contextWindow: cr(this.node)
|
|
3613
3616
|
});
|
|
3614
3617
|
}
|
|
3615
3618
|
createPanHandlers() {
|
|
3616
3619
|
const { onPanSessionStart: e, onPanStart: n, onPan: i, onPanEnd: s } = this.node.getProps();
|
|
3617
3620
|
return {
|
|
3618
|
-
onSessionStart:
|
|
3619
|
-
onStart:
|
|
3621
|
+
onSessionStart: fi(e),
|
|
3622
|
+
onStart: fi(n),
|
|
3620
3623
|
onMove: i,
|
|
3621
3624
|
onEnd: (o, r) => {
|
|
3622
3625
|
delete this.session, s && V.update(() => s(o, r));
|
|
@@ -3624,7 +3627,7 @@ class Mc extends dt {
|
|
|
3624
3627
|
};
|
|
3625
3628
|
}
|
|
3626
3629
|
mount() {
|
|
3627
|
-
this.removePointerDownListener =
|
|
3630
|
+
this.removePointerDownListener = tt(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
|
|
3628
3631
|
}
|
|
3629
3632
|
update() {
|
|
3630
3633
|
this.session && this.session.updateHandlers(this.createPanHandlers());
|
|
@@ -3634,7 +3637,7 @@ class Mc extends dt {
|
|
|
3634
3637
|
}
|
|
3635
3638
|
}
|
|
3636
3639
|
function Oc() {
|
|
3637
|
-
const t = z(
|
|
3640
|
+
const t = z(en);
|
|
3638
3641
|
if (t === null)
|
|
3639
3642
|
return [!0, null];
|
|
3640
3643
|
const { isPresent: e, onExitComplete: n, register: i } = t, s = Er();
|
|
@@ -3652,7 +3655,7 @@ const le = {
|
|
|
3652
3655
|
*/
|
|
3653
3656
|
hasEverUpdated: !1
|
|
3654
3657
|
};
|
|
3655
|
-
function
|
|
3658
|
+
function pi(t, e) {
|
|
3656
3659
|
return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
|
|
3657
3660
|
}
|
|
3658
3661
|
const It = {
|
|
@@ -3660,19 +3663,19 @@ const It = {
|
|
|
3660
3663
|
if (!e.target)
|
|
3661
3664
|
return t;
|
|
3662
3665
|
if (typeof t == "string")
|
|
3663
|
-
if (
|
|
3666
|
+
if (P.test(t))
|
|
3664
3667
|
t = parseFloat(t);
|
|
3665
3668
|
else
|
|
3666
3669
|
return t;
|
|
3667
|
-
const n =
|
|
3670
|
+
const n = pi(t, e.target.x), i = pi(t, e.target.y);
|
|
3668
3671
|
return `${n}% ${i}%`;
|
|
3669
3672
|
}
|
|
3670
3673
|
}, Dc = {
|
|
3671
3674
|
correct: (t, { treeScale: e, projectionDelta: n }) => {
|
|
3672
|
-
const i = t, s =
|
|
3675
|
+
const i = t, s = dt.parse(t);
|
|
3673
3676
|
if (s.length > 5)
|
|
3674
3677
|
return i;
|
|
3675
|
-
const o =
|
|
3678
|
+
const o = dt.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
|
|
3676
3679
|
s[0 + r] /= a, s[1 + r] /= l;
|
|
3677
3680
|
const c = M(a, l, 0.5);
|
|
3678
3681
|
return typeof s[2 + r] == "number" && (s[2 + r] /= c), typeof s[3 + r] == "number" && (s[3 + r] /= c), o(s);
|
|
@@ -3718,9 +3721,9 @@ class Lc extends zi.Component {
|
|
|
3718
3721
|
return null;
|
|
3719
3722
|
}
|
|
3720
3723
|
}
|
|
3721
|
-
function
|
|
3722
|
-
const [e, n] = Oc(), i = z(
|
|
3723
|
-
return zi.createElement(Lc, { ...t, layoutGroup: i, switchLayoutGroup: z(
|
|
3724
|
+
function ur(t) {
|
|
3725
|
+
const [e, n] = Oc(), i = z(rs);
|
|
3726
|
+
return zi.createElement(Lc, { ...t, layoutGroup: i, switchLayoutGroup: z(os), isPresent: e, safeToRemove: n });
|
|
3724
3727
|
}
|
|
3725
3728
|
const Rc = {
|
|
3726
3729
|
borderRadius: {
|
|
@@ -3737,7 +3740,7 @@ const Rc = {
|
|
|
3737
3740
|
borderBottomLeftRadius: It,
|
|
3738
3741
|
borderBottomRightRadius: It,
|
|
3739
3742
|
boxShadow: Dc
|
|
3740
|
-
},
|
|
3743
|
+
}, hr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Bc = hr.length, mi = (t) => typeof t == "string" ? parseFloat(t) : t, gi = (t) => typeof t == "number" || P.test(t);
|
|
3741
3744
|
function Nc(t, e, n, i, s, o) {
|
|
3742
3745
|
s ? (t.opacity = M(
|
|
3743
3746
|
0,
|
|
@@ -3746,56 +3749,56 @@ function Nc(t, e, n, i, s, o) {
|
|
|
3746
3749
|
jc(i)
|
|
3747
3750
|
), t.opacityExit = M(e.opacity !== void 0 ? e.opacity : 1, 0, Ic(i))) : o && (t.opacity = M(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, i));
|
|
3748
3751
|
for (let r = 0; r < Bc; r++) {
|
|
3749
|
-
const a = `border${
|
|
3750
|
-
let l =
|
|
3752
|
+
const a = `border${hr[r]}Radius`;
|
|
3753
|
+
let l = vi(e, a), c = vi(n, a);
|
|
3751
3754
|
if (l === void 0 && c === void 0)
|
|
3752
3755
|
continue;
|
|
3753
|
-
l || (l = 0), c || (c = 0), l === 0 || c === 0 ||
|
|
3756
|
+
l || (l = 0), c || (c = 0), l === 0 || c === 0 || gi(l) === gi(c) ? (t[a] = Math.max(M(mi(l), mi(c), i), 0), ($.test(c) || $.test(l)) && (t[a] += "%")) : t[a] = c;
|
|
3754
3757
|
}
|
|
3755
3758
|
(e.rotate || n.rotate) && (t.rotate = M(e.rotate || 0, n.rotate || 0, i));
|
|
3756
3759
|
}
|
|
3757
|
-
function
|
|
3760
|
+
function vi(t, e) {
|
|
3758
3761
|
return t[e] !== void 0 ? t[e] : t.borderRadius;
|
|
3759
3762
|
}
|
|
3760
|
-
const jc =
|
|
3761
|
-
function
|
|
3763
|
+
const jc = dr(0, 0.5, Rs), Ic = dr(0.5, 0.95, O);
|
|
3764
|
+
function dr(t, e, n) {
|
|
3762
3765
|
return (i) => i < t ? 0 : i > e ? 1 : n(Yt(t, e, i));
|
|
3763
3766
|
}
|
|
3764
|
-
function
|
|
3767
|
+
function yi(t, e) {
|
|
3765
3768
|
t.min = e.min, t.max = e.max;
|
|
3766
3769
|
}
|
|
3767
|
-
function
|
|
3768
|
-
|
|
3770
|
+
function G(t, e) {
|
|
3771
|
+
yi(t.x, e.x), yi(t.y, e.y);
|
|
3769
3772
|
}
|
|
3770
|
-
function
|
|
3773
|
+
function bi(t, e, n, i, s) {
|
|
3771
3774
|
return t -= e, t = ye(t, 1 / n, i), s !== void 0 && (t = ye(t, 1 / s, i)), t;
|
|
3772
3775
|
}
|
|
3773
3776
|
function Fc(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
|
|
3774
|
-
if (
|
|
3777
|
+
if ($.test(e) && (e = parseFloat(e), e = M(r.min, r.max, e / 100) - r.min), typeof e != "number")
|
|
3775
3778
|
return;
|
|
3776
3779
|
let a = M(o.min, o.max, i);
|
|
3777
|
-
t === o && (a -= e), t.min =
|
|
3780
|
+
t === o && (a -= e), t.min = bi(t.min, e, n, a, s), t.max = bi(t.max, e, n, a, s);
|
|
3778
3781
|
}
|
|
3779
|
-
function
|
|
3782
|
+
function xi(t, e, [n, i, s], o, r) {
|
|
3780
3783
|
Fc(t, e[n], e[i], e[s], e.scale, o, r);
|
|
3781
3784
|
}
|
|
3782
3785
|
const zc = ["x", "scaleX", "originX"], Wc = ["y", "scaleY", "originY"];
|
|
3783
|
-
function
|
|
3784
|
-
|
|
3786
|
+
function wi(t, e, n, i) {
|
|
3787
|
+
xi(t.x, e, zc, n ? n.x : void 0, i ? i.x : void 0), xi(t.y, e, Wc, n ? n.y : void 0, i ? i.y : void 0);
|
|
3785
3788
|
}
|
|
3786
|
-
function
|
|
3789
|
+
function Si(t) {
|
|
3787
3790
|
return t.translate === 0 && t.scale === 1;
|
|
3788
3791
|
}
|
|
3789
|
-
function
|
|
3790
|
-
return
|
|
3792
|
+
function fr(t) {
|
|
3793
|
+
return Si(t.x) && Si(t.y);
|
|
3791
3794
|
}
|
|
3792
3795
|
function _c(t, e) {
|
|
3793
3796
|
return t.x.min === e.x.min && t.x.max === e.x.max && t.y.min === e.y.min && t.y.max === e.y.max;
|
|
3794
3797
|
}
|
|
3795
|
-
function
|
|
3798
|
+
function pr(t, e) {
|
|
3796
3799
|
return Math.round(t.x.min) === Math.round(e.x.min) && Math.round(t.x.max) === Math.round(e.x.max) && Math.round(t.y.min) === Math.round(e.y.min) && Math.round(t.y.max) === Math.round(e.y.max);
|
|
3797
3800
|
}
|
|
3798
|
-
function
|
|
3801
|
+
function Ti(t) {
|
|
3799
3802
|
return U(t.x) / U(t.y);
|
|
3800
3803
|
}
|
|
3801
3804
|
class Uc {
|
|
@@ -3803,10 +3806,10 @@ class Uc {
|
|
|
3803
3806
|
this.members = [];
|
|
3804
3807
|
}
|
|
3805
3808
|
add(e) {
|
|
3806
|
-
|
|
3809
|
+
bn(this.members, e), e.scheduleRender();
|
|
3807
3810
|
}
|
|
3808
3811
|
remove(e) {
|
|
3809
|
-
if (
|
|
3812
|
+
if (xn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
|
|
3810
3813
|
const n = this.members[this.members.length - 1];
|
|
3811
3814
|
n && this.promote(n);
|
|
3812
3815
|
}
|
|
@@ -3852,7 +3855,7 @@ class Uc {
|
|
|
3852
3855
|
this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
|
|
3853
3856
|
}
|
|
3854
3857
|
}
|
|
3855
|
-
function
|
|
3858
|
+
function Ai(t, e, n) {
|
|
3856
3859
|
let i = "";
|
|
3857
3860
|
const s = t.x.translate / e.x, o = t.y.translate / e.y;
|
|
3858
3861
|
if ((s || o) && (i = `translate3d(${s}px, ${o}px, 0) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
|
|
@@ -3868,10 +3871,10 @@ class Gc {
|
|
|
3868
3871
|
this.children = [], this.isDirty = !1;
|
|
3869
3872
|
}
|
|
3870
3873
|
add(e) {
|
|
3871
|
-
|
|
3874
|
+
bn(this.children, e), this.isDirty = !0;
|
|
3872
3875
|
}
|
|
3873
3876
|
remove(e) {
|
|
3874
|
-
|
|
3877
|
+
xn(this.children, e), this.isDirty = !0;
|
|
3875
3878
|
}
|
|
3876
3879
|
forEach(e) {
|
|
3877
3880
|
this.isDirty && this.children.sort(Hc), this.isDirty = !1, this.children.forEach(e);
|
|
@@ -3880,9 +3883,9 @@ class Gc {
|
|
|
3880
3883
|
function Yc(t, e) {
|
|
3881
3884
|
const n = performance.now(), i = ({ timestamp: s }) => {
|
|
3882
3885
|
const o = s - n;
|
|
3883
|
-
o >= e && (
|
|
3886
|
+
o >= e && (nt(i), t(o - e));
|
|
3884
3887
|
};
|
|
3885
|
-
return V.read(i, !0), () =>
|
|
3888
|
+
return V.read(i, !0), () => nt(i);
|
|
3886
3889
|
}
|
|
3887
3890
|
function Xc(t) {
|
|
3888
3891
|
window.MotionDebug && window.MotionDebug.record(t);
|
|
@@ -3892,30 +3895,30 @@ function qc(t) {
|
|
|
3892
3895
|
}
|
|
3893
3896
|
function Kc(t, e, n) {
|
|
3894
3897
|
const i = W(t) ? t : Mt(t);
|
|
3895
|
-
return i.start(
|
|
3898
|
+
return i.start(yn("", i, e, n)), i.animation;
|
|
3896
3899
|
}
|
|
3897
|
-
const
|
|
3900
|
+
const Pi = ["", "X", "Y", "Z"], $c = { visibility: "hidden" }, ki = 1e3;
|
|
3898
3901
|
let Qc = 0;
|
|
3899
|
-
const
|
|
3902
|
+
const vt = {
|
|
3900
3903
|
type: "projectionFrame",
|
|
3901
3904
|
totalNodes: 0,
|
|
3902
3905
|
resolvedTargetDeltas: 0,
|
|
3903
3906
|
recalculatedProjection: 0
|
|
3904
3907
|
};
|
|
3905
|
-
function
|
|
3908
|
+
function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
|
|
3906
3909
|
return class {
|
|
3907
3910
|
constructor(r = {}, a = e == null ? void 0 : e()) {
|
|
3908
3911
|
this.id = Qc++, 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.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
|
|
3909
3912
|
this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
|
|
3910
3913
|
}, this.updateProjection = () => {
|
|
3911
|
-
this.projectionUpdateScheduled = !1,
|
|
3914
|
+
this.projectionUpdateScheduled = !1, vt.totalNodes = vt.resolvedTargetDeltas = vt.recalculatedProjection = 0, this.nodes.forEach(tu), this.nodes.forEach(ru), this.nodes.forEach(ou), this.nodes.forEach(eu), Xc(vt);
|
|
3912
3915
|
}, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
|
|
3913
3916
|
for (let l = 0; l < this.path.length; l++)
|
|
3914
3917
|
this.path[l].shouldResetTransform = !0;
|
|
3915
3918
|
this.root === this && (this.nodes = new Gc());
|
|
3916
3919
|
}
|
|
3917
3920
|
addEventListener(r, a) {
|
|
3918
|
-
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new
|
|
3921
|
+
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new wn()), this.eventHandlers.get(r).add(a);
|
|
3919
3922
|
}
|
|
3920
3923
|
notifyListeners(r, ...a) {
|
|
3921
3924
|
const l = this.eventHandlers.get(r);
|
|
@@ -3936,7 +3939,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3936
3939
|
let h;
|
|
3937
3940
|
const d = () => this.root.updateBlockedByResize = !1;
|
|
3938
3941
|
t(r, () => {
|
|
3939
|
-
this.root.updateBlockedByResize = !0, h && h(), h = Yc(d, 250), le.hasAnimatedSinceResize && (le.hasAnimatedSinceResize = !1, this.nodes.forEach(
|
|
3942
|
+
this.root.updateBlockedByResize = !0, h && h(), h = Yc(d, 250), le.hasAnimatedSinceResize && (le.hasAnimatedSinceResize = !1, this.nodes.forEach(Vi));
|
|
3940
3943
|
});
|
|
3941
3944
|
}
|
|
3942
3945
|
l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: d, hasRelativeTargetChanged: f, layout: p }) => {
|
|
@@ -3944,24 +3947,24 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3944
3947
|
this.target = void 0, this.relativeTarget = void 0;
|
|
3945
3948
|
return;
|
|
3946
3949
|
}
|
|
3947
|
-
const m = this.options.transition || u.getDefaultTransition() || hu, { onLayoutAnimationStart: y, onLayoutAnimationComplete: b } = u.getProps(), v = !this.targetLayout || !
|
|
3950
|
+
const m = this.options.transition || u.getDefaultTransition() || hu, { onLayoutAnimationStart: y, onLayoutAnimationComplete: b } = u.getProps(), v = !this.targetLayout || !pr(this.targetLayout, p) || f, g = !d && f;
|
|
3948
3951
|
if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || d && (v || !this.currentAnimation)) {
|
|
3949
3952
|
this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(h, g);
|
|
3950
3953
|
const x = {
|
|
3951
|
-
...
|
|
3954
|
+
...vn(m, "layout"),
|
|
3952
3955
|
onPlay: y,
|
|
3953
3956
|
onComplete: b
|
|
3954
3957
|
};
|
|
3955
3958
|
(u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x);
|
|
3956
3959
|
} else
|
|
3957
|
-
d ||
|
|
3960
|
+
d || Vi(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
|
|
3958
3961
|
this.targetLayout = p;
|
|
3959
3962
|
});
|
|
3960
3963
|
}
|
|
3961
3964
|
unmount() {
|
|
3962
3965
|
this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
|
|
3963
3966
|
const r = this.getStack();
|
|
3964
|
-
r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0,
|
|
3967
|
+
r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, nt(this.updateProjection);
|
|
3965
3968
|
}
|
|
3966
3969
|
// only on the root
|
|
3967
3970
|
blockUpdate() {
|
|
@@ -4004,12 +4007,12 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4004
4007
|
}
|
|
4005
4008
|
update() {
|
|
4006
4009
|
if (this.updateScheduled = !1, this.isUpdateBlocked()) {
|
|
4007
|
-
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(
|
|
4010
|
+
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ci);
|
|
4008
4011
|
return;
|
|
4009
4012
|
}
|
|
4010
4013
|
this.isUpdating || this.nodes.forEach(iu), this.isUpdating = !1, this.nodes.forEach(su), this.nodes.forEach(Zc), this.nodes.forEach(Jc), this.clearAllSnapshots();
|
|
4011
4014
|
const a = performance.now();
|
|
4012
|
-
N.delta =
|
|
4015
|
+
N.delta = ht(0, 1e3 / 60, a - N.timestamp), N.timestamp = a, N.isProcessing = !0, Me.update.process(N), Me.preRender.process(N), Me.render.process(N), N.isProcessing = !1;
|
|
4013
4016
|
}
|
|
4014
4017
|
didUpdate() {
|
|
4015
4018
|
this.updateScheduled || (this.updateScheduled = !0, queueMicrotask(() => this.update()));
|
|
@@ -4054,8 +4057,8 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4054
4057
|
resetTransform() {
|
|
4055
4058
|
if (!s)
|
|
4056
4059
|
return;
|
|
4057
|
-
const r = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !
|
|
4058
|
-
r && (a ||
|
|
4060
|
+
const r = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !fr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
|
|
4061
|
+
r && (a || gt(this.latestValues) || u) && (s(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
|
|
4059
4062
|
}
|
|
4060
4063
|
measure(r = !0) {
|
|
4061
4064
|
const a = this.measurePageBox();
|
|
@@ -4073,48 +4076,48 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4073
4076
|
if (!r)
|
|
4074
4077
|
return L();
|
|
4075
4078
|
const a = r.measureViewportBox(), { scroll: l } = this.root;
|
|
4076
|
-
return l && (
|
|
4079
|
+
return l && (lt(a.x, l.offset.x), lt(a.y, l.offset.y)), a;
|
|
4077
4080
|
}
|
|
4078
4081
|
removeElementScroll(r) {
|
|
4079
4082
|
const a = L();
|
|
4080
|
-
|
|
4083
|
+
G(a, r);
|
|
4081
4084
|
for (let l = 0; l < this.path.length; l++) {
|
|
4082
4085
|
const c = this.path[l], { scroll: u, options: h } = c;
|
|
4083
4086
|
if (c !== this.root && u && h.layoutScroll) {
|
|
4084
4087
|
if (u.isRoot) {
|
|
4085
|
-
|
|
4088
|
+
G(a, r);
|
|
4086
4089
|
const { scroll: d } = this.root;
|
|
4087
|
-
d && (
|
|
4090
|
+
d && (lt(a.x, -d.offset.x), lt(a.y, -d.offset.y));
|
|
4088
4091
|
}
|
|
4089
|
-
|
|
4092
|
+
lt(a.x, u.offset.x), lt(a.y, u.offset.y);
|
|
4090
4093
|
}
|
|
4091
4094
|
}
|
|
4092
4095
|
return a;
|
|
4093
4096
|
}
|
|
4094
4097
|
applyTransform(r, a = !1) {
|
|
4095
4098
|
const l = L();
|
|
4096
|
-
|
|
4099
|
+
G(l, r);
|
|
4097
4100
|
for (let c = 0; c < this.path.length; c++) {
|
|
4098
4101
|
const u = this.path[c];
|
|
4099
4102
|
!a && u.options.layoutScroll && u.scroll && u !== u.root && Vt(l, {
|
|
4100
4103
|
x: -u.scroll.offset.x,
|
|
4101
4104
|
y: -u.scroll.offset.y
|
|
4102
|
-
}),
|
|
4105
|
+
}), gt(u.latestValues) && Vt(l, u.latestValues);
|
|
4103
4106
|
}
|
|
4104
|
-
return
|
|
4107
|
+
return gt(this.latestValues) && Vt(l, this.latestValues), l;
|
|
4105
4108
|
}
|
|
4106
4109
|
removeTransform(r) {
|
|
4107
4110
|
const a = L();
|
|
4108
|
-
|
|
4111
|
+
G(a, r);
|
|
4109
4112
|
for (let l = 0; l < this.path.length; l++) {
|
|
4110
4113
|
const c = this.path[l];
|
|
4111
|
-
if (!c.instance || !
|
|
4114
|
+
if (!c.instance || !gt(c.latestValues))
|
|
4112
4115
|
continue;
|
|
4113
4116
|
Qe(c.latestValues) && c.updateSnapshot();
|
|
4114
4117
|
const u = L(), h = c.measurePageBox();
|
|
4115
|
-
|
|
4118
|
+
G(u, h), wi(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
|
|
4116
4119
|
}
|
|
4117
|
-
return
|
|
4120
|
+
return gt(this.latestValues) && wi(a, this.latestValues), a;
|
|
4118
4121
|
}
|
|
4119
4122
|
setTargetDelta(r) {
|
|
4120
4123
|
this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
|
|
@@ -4143,20 +4146,20 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4143
4146
|
if (!(!this.layout || !(h || d))) {
|
|
4144
4147
|
if (this.resolvedRelativeTargetAt = N.timestamp, !this.targetDelta && !this.relativeTarget) {
|
|
4145
4148
|
const f = this.getClosestProjectingParent();
|
|
4146
|
-
f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Ut(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox),
|
|
4149
|
+
f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Ut(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), G(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
4147
4150
|
}
|
|
4148
4151
|
if (!(!this.relativeTarget && !this.targetDelta)) {
|
|
4149
|
-
if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), fc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) :
|
|
4152
|
+
if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), fc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : G(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : G(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
|
|
4150
4153
|
this.attemptToResolveRelativeTarget = !1;
|
|
4151
4154
|
const f = this.getClosestProjectingParent();
|
|
4152
|
-
f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Ut(this.relativeTargetOrigin, this.target, f.target),
|
|
4155
|
+
f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Ut(this.relativeTargetOrigin, this.target, f.target), G(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
4153
4156
|
}
|
|
4154
|
-
|
|
4157
|
+
vt.resolvedTargetDeltas++;
|
|
4155
4158
|
}
|
|
4156
4159
|
}
|
|
4157
4160
|
}
|
|
4158
4161
|
getClosestProjectingParent() {
|
|
4159
|
-
if (!(!this.parent || Qe(this.parent.latestValues) ||
|
|
4162
|
+
if (!(!this.parent || Qe(this.parent.latestValues) || or(this.parent.latestValues)))
|
|
4160
4163
|
return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
|
|
4161
4164
|
}
|
|
4162
4165
|
isProjecting() {
|
|
@@ -4171,7 +4174,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4171
4174
|
const { layout: u, layoutId: h } = this.options;
|
|
4172
4175
|
if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || h))
|
|
4173
4176
|
return;
|
|
4174
|
-
|
|
4177
|
+
G(this.layoutCorrected, this.layout.layoutBox);
|
|
4175
4178
|
const d = this.treeScale.x, f = this.treeScale.y;
|
|
4176
4179
|
Sc(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox);
|
|
4177
4180
|
const { target: p } = a;
|
|
@@ -4181,7 +4184,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4181
4184
|
}
|
|
4182
4185
|
this.projectionDelta || (this.projectionDelta = Ct(), this.projectionDeltaWithTransform = Ct());
|
|
4183
4186
|
const m = this.projectionTransform;
|
|
4184
|
-
_t(this.projectionDelta, this.layoutCorrected, p, this.latestValues), this.projectionTransform =
|
|
4187
|
+
_t(this.projectionDelta, this.layoutCorrected, p, this.latestValues), this.projectionTransform = Ai(this.projectionDelta, this.treeScale), (this.projectionTransform !== m || this.treeScale.x !== d || this.treeScale.y !== f) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), vt.recalculatedProjection++;
|
|
4185
4188
|
}
|
|
4186
4189
|
hide() {
|
|
4187
4190
|
this.isVisible = !1;
|
|
@@ -4203,13 +4206,13 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4203
4206
|
this.animationProgress = 0;
|
|
4204
4207
|
let g;
|
|
4205
4208
|
this.mixTargetDelta = (x) => {
|
|
4206
|
-
const
|
|
4207
|
-
|
|
4209
|
+
const T = x / 1e3;
|
|
4210
|
+
Ei(h.x, r.x, T), Ei(h.y, r.y, T), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ut(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), cu(this.relativeTarget, this.relativeTargetOrigin, d, T), g && _c(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = L()), G(g, this.relativeTarget)), m && (this.animationValues = u, Nc(u, c, this.latestValues, T, v, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
|
|
4208
4211
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
4209
4212
|
}
|
|
4210
4213
|
startAnimation(r) {
|
|
4211
|
-
this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (
|
|
4212
|
-
le.hasAnimatedSinceResize = !0, this.currentAnimation = Kc(0,
|
|
4214
|
+
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 = V.update(() => {
|
|
4215
|
+
le.hasAnimatedSinceResize = !0, this.currentAnimation = Kc(0, ki, {
|
|
4213
4216
|
...r,
|
|
4214
4217
|
onUpdate: (a) => {
|
|
4215
4218
|
this.mixTargetDelta(a), r.onUpdate && r.onUpdate(a);
|
|
@@ -4226,20 +4229,20 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4226
4229
|
r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
|
|
4227
4230
|
}
|
|
4228
4231
|
finishAnimation() {
|
|
4229
|
-
this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(
|
|
4232
|
+
this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(ki), this.currentAnimation.stop()), this.completeAnimation();
|
|
4230
4233
|
}
|
|
4231
4234
|
applyTransformsToTarget() {
|
|
4232
4235
|
const r = this.getLead();
|
|
4233
4236
|
let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
|
|
4234
4237
|
if (!(!a || !l || !c)) {
|
|
4235
|
-
if (this !== r && this.layout && c &&
|
|
4238
|
+
if (this !== r && this.layout && c && gr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
|
|
4236
4239
|
l = this.target || L();
|
|
4237
4240
|
const h = U(this.layout.layoutBox.x);
|
|
4238
4241
|
l.x.min = r.target.x.min, l.x.max = l.x.min + h;
|
|
4239
4242
|
const d = U(this.layout.layoutBox.y);
|
|
4240
4243
|
l.y.min = r.target.y.min, l.y.max = l.y.min + d;
|
|
4241
4244
|
}
|
|
4242
|
-
|
|
4245
|
+
G(a, l), Vt(a, u), _t(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
|
|
4243
4246
|
}
|
|
4244
4247
|
}
|
|
4245
4248
|
registerSharedNode(r, a) {
|
|
@@ -4286,8 +4289,8 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4286
4289
|
if ((l.rotate || l.rotateX || l.rotateY || l.rotateZ) && (a = !0), !a)
|
|
4287
4290
|
return;
|
|
4288
4291
|
const c = {};
|
|
4289
|
-
for (let u = 0; u <
|
|
4290
|
-
const h = "rotate" +
|
|
4292
|
+
for (let u = 0; u < Pi.length; u++) {
|
|
4293
|
+
const h = "rotate" + Pi[u];
|
|
4291
4294
|
l[h] && (c[h] = l[h], r.setStaticValue(h, 0));
|
|
4292
4295
|
}
|
|
4293
4296
|
r.render();
|
|
@@ -4309,10 +4312,10 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4309
4312
|
const h = this.getLead();
|
|
4310
4313
|
if (!this.projectionDelta || !this.layout || !h.target) {
|
|
4311
4314
|
const m = {};
|
|
4312
|
-
return this.options.layoutId && (m.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, m.pointerEvents = ae(r == null ? void 0 : r.pointerEvents) || ""), this.hasProjected && !
|
|
4315
|
+
return this.options.layoutId && (m.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, m.pointerEvents = ae(r == null ? void 0 : r.pointerEvents) || ""), this.hasProjected && !gt(this.latestValues) && (m.transform = u ? u({}, "") : "none", this.hasProjected = !1), m;
|
|
4313
4316
|
}
|
|
4314
4317
|
const d = h.animationValues || h.latestValues;
|
|
4315
|
-
this.applyTransformsToTarget(), c.transform =
|
|
4318
|
+
this.applyTransformsToTarget(), c.transform = Ai(this.projectionDeltaWithTransform, this.treeScale, d), u && (c.transform = u(d, c.transform));
|
|
4316
4319
|
const { x: f, y: p } = this.projectionDelta;
|
|
4317
4320
|
c.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, h.animationValues ? c.opacity = h === 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 = h === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
|
|
4318
4321
|
for (const m in he) {
|
|
@@ -4336,7 +4339,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4336
4339
|
this.root.nodes.forEach((r) => {
|
|
4337
4340
|
var a;
|
|
4338
4341
|
return (a = r.currentAnimation) === null || a === void 0 ? void 0 : a.stop();
|
|
4339
|
-
}), this.root.nodes.forEach(
|
|
4342
|
+
}), this.root.nodes.forEach(Ci), this.root.sharedNodes.clear();
|
|
4340
4343
|
}
|
|
4341
4344
|
};
|
|
4342
4345
|
}
|
|
@@ -4348,10 +4351,10 @@ function Jc(t) {
|
|
|
4348
4351
|
const n = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
|
|
4349
4352
|
if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
|
|
4350
4353
|
const { layoutBox: i, measuredBox: s } = t.layout, { animationType: o } = t.options, r = n.source !== t.layout.source;
|
|
4351
|
-
o === "size" ?
|
|
4354
|
+
o === "size" ? Y((h) => {
|
|
4352
4355
|
const d = r ? n.measuredBox[h] : n.layoutBox[h], f = U(d);
|
|
4353
4356
|
d.min = i[h].min, d.max = d.min + f;
|
|
4354
|
-
}) :
|
|
4357
|
+
}) : gr(o, n.layoutBox, i) && Y((h) => {
|
|
4355
4358
|
const d = r ? n.measuredBox[h] : n.layoutBox[h], f = U(i[h]);
|
|
4356
4359
|
d.max = d.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + f);
|
|
4357
4360
|
});
|
|
@@ -4359,7 +4362,7 @@ function Jc(t) {
|
|
|
4359
4362
|
_t(a, i, n.layoutBox);
|
|
4360
4363
|
const l = Ct();
|
|
4361
4364
|
r ? _t(l, t.applyTransform(s, !0), n.measuredBox) : _t(l, i, n.layoutBox);
|
|
4362
|
-
const c = !
|
|
4365
|
+
const c = !fr(a);
|
|
4363
4366
|
let u = !1;
|
|
4364
4367
|
if (!t.resumeFrom) {
|
|
4365
4368
|
const h = t.getClosestProjectingParent();
|
|
@@ -4369,7 +4372,7 @@ function Jc(t) {
|
|
|
4369
4372
|
const p = L();
|
|
4370
4373
|
Ut(p, n.layoutBox, d.layoutBox);
|
|
4371
4374
|
const m = L();
|
|
4372
|
-
Ut(m, i, f.layoutBox),
|
|
4375
|
+
Ut(m, i, f.layoutBox), pr(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
|
|
4373
4376
|
}
|
|
4374
4377
|
}
|
|
4375
4378
|
}
|
|
@@ -4388,7 +4391,7 @@ function Jc(t) {
|
|
|
4388
4391
|
t.options.transition = void 0;
|
|
4389
4392
|
}
|
|
4390
4393
|
function tu(t) {
|
|
4391
|
-
|
|
4394
|
+
vt.totalNodes++, 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));
|
|
4392
4395
|
}
|
|
4393
4396
|
function eu(t) {
|
|
4394
4397
|
t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
|
|
@@ -4396,7 +4399,7 @@ function eu(t) {
|
|
|
4396
4399
|
function nu(t) {
|
|
4397
4400
|
t.clearSnapshot();
|
|
4398
4401
|
}
|
|
4399
|
-
function
|
|
4402
|
+
function Ci(t) {
|
|
4400
4403
|
t.clearMeasurements();
|
|
4401
4404
|
}
|
|
4402
4405
|
function iu(t) {
|
|
@@ -4406,7 +4409,7 @@ function su(t) {
|
|
|
4406
4409
|
const { visualElement: e } = t.options;
|
|
4407
4410
|
e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
|
|
4408
4411
|
}
|
|
4409
|
-
function
|
|
4412
|
+
function Vi(t) {
|
|
4410
4413
|
t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
|
|
4411
4414
|
}
|
|
4412
4415
|
function ru(t) {
|
|
@@ -4421,14 +4424,14 @@ function au(t) {
|
|
|
4421
4424
|
function lu(t) {
|
|
4422
4425
|
t.removeLeadSnapshot();
|
|
4423
4426
|
}
|
|
4424
|
-
function
|
|
4427
|
+
function Ei(t, e, n) {
|
|
4425
4428
|
t.translate = M(e.translate, 0, n), t.scale = M(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
|
|
4426
4429
|
}
|
|
4427
|
-
function
|
|
4430
|
+
function Mi(t, e, n, i) {
|
|
4428
4431
|
t.min = M(e.min, n.min, i), t.max = M(e.max, n.max, i);
|
|
4429
4432
|
}
|
|
4430
4433
|
function cu(t, e, n, i) {
|
|
4431
|
-
|
|
4434
|
+
Mi(t.x, e.x, n.x, i), Mi(t.y, e.y, n.y, i);
|
|
4432
4435
|
}
|
|
4433
4436
|
function uu(t) {
|
|
4434
4437
|
return t.animationValues && t.animationValues.opacityExit !== void 0;
|
|
@@ -4436,18 +4439,18 @@ function uu(t) {
|
|
|
4436
4439
|
const hu = {
|
|
4437
4440
|
duration: 0.45,
|
|
4438
4441
|
ease: [0.4, 0, 0.1, 1]
|
|
4439
|
-
},
|
|
4440
|
-
function
|
|
4441
|
-
t.min =
|
|
4442
|
+
}, Oi = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Di = Oi("applewebkit/") && !Oi("chrome/") ? Math.round : O;
|
|
4443
|
+
function Li(t) {
|
|
4444
|
+
t.min = Di(t.min), t.max = Di(t.max);
|
|
4442
4445
|
}
|
|
4443
4446
|
function du(t) {
|
|
4444
|
-
|
|
4447
|
+
Li(t.x), Li(t.y);
|
|
4445
4448
|
}
|
|
4446
|
-
function
|
|
4447
|
-
return t === "position" || t === "preserve-aspect" && !Ke(
|
|
4449
|
+
function gr(t, e, n) {
|
|
4450
|
+
return t === "position" || t === "preserve-aspect" && !Ke(Ti(e), Ti(n), 0.2);
|
|
4448
4451
|
}
|
|
4449
|
-
const fu =
|
|
4450
|
-
attachResizeListener: (t, e) =>
|
|
4452
|
+
const fu = mr({
|
|
4453
|
+
attachResizeListener: (t, e) => J(t, "resize", e),
|
|
4451
4454
|
measureScroll: () => ({
|
|
4452
4455
|
x: document.documentElement.scrollLeft || document.body.scrollLeft,
|
|
4453
4456
|
y: document.documentElement.scrollTop || document.body.scrollTop
|
|
@@ -4455,7 +4458,7 @@ const fu = pr({
|
|
|
4455
4458
|
checkIsScrollRoot: () => !0
|
|
4456
4459
|
}), We = {
|
|
4457
4460
|
current: void 0
|
|
4458
|
-
},
|
|
4461
|
+
}, vr = mr({
|
|
4459
4462
|
measureScroll: (t) => ({
|
|
4460
4463
|
x: t.scrollLeft,
|
|
4461
4464
|
y: t.scrollTop
|
|
@@ -4477,8 +4480,8 @@ const fu = pr({
|
|
|
4477
4480
|
},
|
|
4478
4481
|
drag: {
|
|
4479
4482
|
Feature: Ec,
|
|
4480
|
-
ProjectionNode:
|
|
4481
|
-
MeasureLayout:
|
|
4483
|
+
ProjectionNode: vr,
|
|
4484
|
+
MeasureLayout: ur
|
|
4482
4485
|
}
|
|
4483
4486
|
}, mu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
|
|
4484
4487
|
function gu(t) {
|
|
@@ -4490,14 +4493,14 @@ function gu(t) {
|
|
|
4490
4493
|
}
|
|
4491
4494
|
const vu = 4;
|
|
4492
4495
|
function Je(t, e, n = 1) {
|
|
4493
|
-
|
|
4496
|
+
K(n <= vu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
|
|
4494
4497
|
const [i, s] = gu(t);
|
|
4495
4498
|
if (!i)
|
|
4496
4499
|
return;
|
|
4497
4500
|
const o = window.getComputedStyle(e).getPropertyValue(i);
|
|
4498
4501
|
if (o) {
|
|
4499
4502
|
const r = o.trim();
|
|
4500
|
-
return
|
|
4503
|
+
return Js(r) ? parseFloat(r) : r;
|
|
4501
4504
|
} else
|
|
4502
4505
|
return _e(s) ? Je(s, e, n + 1) : s;
|
|
4503
4506
|
}
|
|
@@ -4532,15 +4535,15 @@ const bu = /* @__PURE__ */ new Set([
|
|
|
4532
4535
|
"y",
|
|
4533
4536
|
"translateX",
|
|
4534
4537
|
"translateY"
|
|
4535
|
-
]),
|
|
4538
|
+
]), yr = (t) => bu.has(t), xu = (t) => Object.keys(t).some(yr), re = (t) => t === xt || t === P, Ri = (t, e) => parseFloat(t.split(", ")[e]), Bi = (t, e) => (n, { transform: i }) => {
|
|
4536
4539
|
if (i === "none" || !i)
|
|
4537
4540
|
return 0;
|
|
4538
4541
|
const s = i.match(/^matrix3d\((.+)\)$/);
|
|
4539
4542
|
if (s)
|
|
4540
|
-
return
|
|
4543
|
+
return Ri(s[1], e);
|
|
4541
4544
|
{
|
|
4542
4545
|
const o = i.match(/^matrix\((.+)\)$/);
|
|
4543
|
-
return o ?
|
|
4546
|
+
return o ? Ri(o[1], t) : 0;
|
|
4544
4547
|
}
|
|
4545
4548
|
}, wu = /* @__PURE__ */ new Set(["x", "y", "z"]), Su = qt.filter((t) => !wu.has(t));
|
|
4546
4549
|
function Tu(t) {
|
|
@@ -4559,8 +4562,8 @@ const Ot = {
|
|
|
4559
4562
|
bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
|
|
4560
4563
|
right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
|
|
4561
4564
|
// Transform
|
|
4562
|
-
x:
|
|
4563
|
-
y:
|
|
4565
|
+
x: Bi(4, 13),
|
|
4566
|
+
y: Bi(5, 14)
|
|
4564
4567
|
};
|
|
4565
4568
|
Ot.translateX = Ot.x;
|
|
4566
4569
|
Ot.translateY = Ot.y;
|
|
@@ -4576,7 +4579,7 @@ const Au = (t, e, n) => {
|
|
|
4576
4579
|
}), t;
|
|
4577
4580
|
}, Pu = (t, e, n = {}, i = {}) => {
|
|
4578
4581
|
e = { ...e }, i = { ...i };
|
|
4579
|
-
const s = Object.keys(e).filter(
|
|
4582
|
+
const s = Object.keys(e).filter(yr);
|
|
4580
4583
|
let o = [], r = !1;
|
|
4581
4584
|
const a = [];
|
|
4582
4585
|
if (s.forEach((l) => {
|
|
@@ -4590,13 +4593,13 @@ const Au = (t, e, n) => {
|
|
|
4590
4593
|
const p = d.length, m = d[0] === null ? 1 : 0;
|
|
4591
4594
|
u = d[m], h = jt(u);
|
|
4592
4595
|
for (let y = m; y < p && d[y] !== null; y++)
|
|
4593
|
-
f ?
|
|
4596
|
+
f ? K(jt(d[y]) === f, "All keyframes must be of the same type") : (f = jt(d[y]), K(f === h || re(h) && re(f), "Keyframes must be of the same dimension as the current value"));
|
|
4594
4597
|
} else
|
|
4595
4598
|
f = jt(d);
|
|
4596
4599
|
if (h !== f)
|
|
4597
4600
|
if (re(h) && re(f)) {
|
|
4598
4601
|
const p = c.get();
|
|
4599
|
-
typeof p == "string" && c.set(parseFloat(p)), typeof d == "string" ? e[l] = parseFloat(d) : Array.isArray(d) && f ===
|
|
4602
|
+
typeof p == "string" && c.set(parseFloat(p)), typeof d == "string" ? e[l] = parseFloat(d) : Array.isArray(d) && f === P && (e[l] = d.map(parseFloat));
|
|
4600
4603
|
} else
|
|
4601
4604
|
h != null && h.transform && (f != null && f.transform) && (u === 0 || d === 0) ? u === 0 ? c.set(f.transform(u)) : e[l] = h.transform(d) : (r || (o = Tu(t), r = !0), a.push(l), i[l] = i[l] !== void 0 ? i[l] : e[l], c.jump(d));
|
|
4602
4605
|
}), a.length) {
|
|
@@ -4613,9 +4616,9 @@ function ku(t, e, n, i) {
|
|
|
4613
4616
|
const Cu = (t, e, n, i) => {
|
|
4614
4617
|
const s = yu(t, e, i);
|
|
4615
4618
|
return e = s.target, i = s.transitionEnd, ku(t, e, n, i);
|
|
4616
|
-
}, tn = { current: null },
|
|
4619
|
+
}, tn = { current: null }, br = { current: !1 };
|
|
4617
4620
|
function Vu() {
|
|
4618
|
-
if (
|
|
4621
|
+
if (br.current = !0, !!we)
|
|
4619
4622
|
if (window.matchMedia) {
|
|
4620
4623
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => tn.current = t.matches;
|
|
4621
4624
|
t.addListener(e), e();
|
|
@@ -4627,7 +4630,7 @@ function Eu(t, e, n) {
|
|
|
4627
4630
|
for (const s in e) {
|
|
4628
4631
|
const o = e[s], r = n[s];
|
|
4629
4632
|
if (W(o))
|
|
4630
|
-
t.addValue(s, o), ve(i) && i.add(s), process.env.NODE_ENV === "development" &&
|
|
4633
|
+
t.addValue(s, o), ve(i) && i.add(s), process.env.NODE_ENV === "development" && Sn(o.version === "10.18.0", `Attempting to mix Framer Motion versions ${o.version} with 10.18.0 may not work as expected.`);
|
|
4631
4634
|
else if (W(r))
|
|
4632
4635
|
t.addValue(s, Mt(o, { owner: t })), ve(i) && i.remove(s);
|
|
4633
4636
|
else if (r !== o)
|
|
@@ -4643,7 +4646,7 @@ function Eu(t, e, n) {
|
|
|
4643
4646
|
e[s] === void 0 && t.removeValue(s);
|
|
4644
4647
|
return e;
|
|
4645
4648
|
}
|
|
4646
|
-
const
|
|
4649
|
+
const Ni = /* @__PURE__ */ new WeakMap(), xr = Object.keys(Gt), Mu = xr.length, ji = [
|
|
4647
4650
|
"AnimationStart",
|
|
4648
4651
|
"AnimationComplete",
|
|
4649
4652
|
"Update",
|
|
@@ -4651,14 +4654,14 @@ const ji = /* @__PURE__ */ new WeakMap(), br = Object.keys(Gt), Mu = br.length,
|
|
|
4651
4654
|
"LayoutMeasure",
|
|
4652
4655
|
"LayoutAnimationStart",
|
|
4653
4656
|
"LayoutAnimationComplete"
|
|
4654
|
-
], Ou =
|
|
4657
|
+
], Ou = rn.length;
|
|
4655
4658
|
class Du {
|
|
4656
4659
|
constructor({ parent: e, props: n, presenceContext: i, reducedMotionConfig: s, visualState: o }, r = {}) {
|
|
4657
4660
|
this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
|
|
4658
4661
|
this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
|
|
4659
4662
|
}, this.scheduleRender = () => V.render(this.render, !1, !0);
|
|
4660
4663
|
const { latestValues: a, renderState: l } = o;
|
|
4661
|
-
this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = r, this.isControllingVariants = Te(n), this.isVariantNode =
|
|
4664
|
+
this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = r, this.isControllingVariants = Te(n), this.isVariantNode = ss(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
|
|
4662
4665
|
const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {});
|
|
4663
4666
|
for (const h in u) {
|
|
4664
4667
|
const d = u[h];
|
|
@@ -4676,10 +4679,10 @@ class Du {
|
|
|
4676
4679
|
return {};
|
|
4677
4680
|
}
|
|
4678
4681
|
mount(e) {
|
|
4679
|
-
this.current = e,
|
|
4682
|
+
this.current = e, Ni.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)), br.current || Vu(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : tn.current, process.env.NODE_ENV !== "production" && Sn(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);
|
|
4680
4683
|
}
|
|
4681
4684
|
unmount() {
|
|
4682
|
-
|
|
4685
|
+
Ni.delete(this.current), this.projection && this.projection.unmount(), nt(this.notifyUpdate), nt(this.render), this.valueSubscriptions.forEach((e) => e()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
|
|
4683
4686
|
for (const e in this.events)
|
|
4684
4687
|
this.events[e].clear();
|
|
4685
4688
|
for (const e in this.features)
|
|
@@ -4687,7 +4690,7 @@ class Du {
|
|
|
4687
4690
|
this.current = null;
|
|
4688
4691
|
}
|
|
4689
4692
|
bindToMotionValue(e, n) {
|
|
4690
|
-
const i =
|
|
4693
|
+
const i = bt.has(e), s = n.on("change", (r) => {
|
|
4691
4694
|
this.latestValues[e] = r, this.props.onUpdate && V.update(this.notifyUpdate, !1, !0), i && this.projection && (this.projection.isTransformDirty = !0);
|
|
4692
4695
|
}), o = n.on("renderRequest", this.scheduleRender);
|
|
4693
4696
|
this.valueSubscriptions.set(e, () => {
|
|
@@ -4701,10 +4704,10 @@ class Du {
|
|
|
4701
4704
|
let r, a;
|
|
4702
4705
|
if (process.env.NODE_ENV !== "production" && s && i) {
|
|
4703
4706
|
const l = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
|
|
4704
|
-
n.ignoreStrict ? Qt(!1, l) :
|
|
4707
|
+
n.ignoreStrict ? Qt(!1, l) : K(!1, l);
|
|
4705
4708
|
}
|
|
4706
4709
|
for (let l = 0; l < Mu; l++) {
|
|
4707
|
-
const c =
|
|
4710
|
+
const c = xr[l], { isEnabled: u, Feature: h, ProjectionNode: d, MeasureLayout: f } = Gt[c];
|
|
4708
4711
|
d && (r = d), u(n) && (!this.features[c] && h && (this.features[c] = new h(this)), f && (a = f));
|
|
4709
4712
|
}
|
|
4710
4713
|
if ((this.type === "html" || this.type === "svg") && !this.projection && r) {
|
|
@@ -4770,8 +4773,8 @@ class Du {
|
|
|
4770
4773
|
*/
|
|
4771
4774
|
update(e, n) {
|
|
4772
4775
|
(e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
|
|
4773
|
-
for (let i = 0; i <
|
|
4774
|
-
const s =
|
|
4776
|
+
for (let i = 0; i < ji.length; i++) {
|
|
4777
|
+
const s = ji[i];
|
|
4775
4778
|
this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
|
|
4776
4779
|
const o = e["on" + s];
|
|
4777
4780
|
o && (this.propEventSubscriptions[s] = this.on(s, o));
|
|
@@ -4808,7 +4811,7 @@ class Du {
|
|
|
4808
4811
|
}
|
|
4809
4812
|
const n = {};
|
|
4810
4813
|
for (let i = 0; i < Ou; i++) {
|
|
4811
|
-
const s =
|
|
4814
|
+
const s = rn[i], o = this.props[s];
|
|
4812
4815
|
(Ht(o) || o === !1) && (n[s] = o);
|
|
4813
4816
|
}
|
|
4814
4817
|
return n;
|
|
@@ -4869,20 +4872,20 @@ class Du {
|
|
|
4869
4872
|
*/
|
|
4870
4873
|
getBaseTarget(e) {
|
|
4871
4874
|
var n;
|
|
4872
|
-
const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (n =
|
|
4875
|
+
const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (n = dn(this.props, i)) === null || n === void 0 ? void 0 : n[e] : void 0;
|
|
4873
4876
|
if (i && s !== void 0)
|
|
4874
4877
|
return s;
|
|
4875
4878
|
const o = this.getBaseTargetFromProps(this.props, e);
|
|
4876
4879
|
return o !== void 0 && !W(o) ? o : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
|
|
4877
4880
|
}
|
|
4878
4881
|
on(e, n) {
|
|
4879
|
-
return this.events[e] || (this.events[e] = new
|
|
4882
|
+
return this.events[e] || (this.events[e] = new wn()), this.events[e].add(n);
|
|
4880
4883
|
}
|
|
4881
4884
|
notify(e, ...n) {
|
|
4882
4885
|
this.events[e] && this.events[e].notify(...n);
|
|
4883
4886
|
}
|
|
4884
4887
|
}
|
|
4885
|
-
class
|
|
4888
|
+
class wr extends Du {
|
|
4886
4889
|
sortInstanceNodePosition(e, n) {
|
|
4887
4890
|
return e.compareDocumentPosition(n) & 2 ? 1 : -1;
|
|
4888
4891
|
}
|
|
@@ -4909,27 +4912,27 @@ class xr extends Du {
|
|
|
4909
4912
|
function Lu(t) {
|
|
4910
4913
|
return window.getComputedStyle(t);
|
|
4911
4914
|
}
|
|
4912
|
-
class Ru extends
|
|
4915
|
+
class Ru extends wr {
|
|
4913
4916
|
constructor() {
|
|
4914
4917
|
super(...arguments), this.type = "html";
|
|
4915
4918
|
}
|
|
4916
4919
|
readValueFromInstance(e, n) {
|
|
4917
|
-
if (
|
|
4918
|
-
const i =
|
|
4920
|
+
if (bt.has(n)) {
|
|
4921
|
+
const i = gn(n);
|
|
4919
4922
|
return i && i.default || 0;
|
|
4920
4923
|
} else {
|
|
4921
|
-
const i = Lu(e), s = (
|
|
4924
|
+
const i = Lu(e), s = (cs(n) ? i.getPropertyValue(n) : i[n]) || 0;
|
|
4922
4925
|
return typeof s == "string" ? s.trim() : s;
|
|
4923
4926
|
}
|
|
4924
4927
|
}
|
|
4925
4928
|
measureInstanceViewportBox(e, { transformPagePoint: n }) {
|
|
4926
|
-
return
|
|
4929
|
+
return lr(e, n);
|
|
4927
4930
|
}
|
|
4928
4931
|
build(e, n, i, s) {
|
|
4929
|
-
|
|
4932
|
+
an(e, n, i, s.transformTemplate);
|
|
4930
4933
|
}
|
|
4931
4934
|
scrapeMotionValuesFromProps(e, n) {
|
|
4932
|
-
return
|
|
4935
|
+
return hn(e, n);
|
|
4933
4936
|
}
|
|
4934
4937
|
handleChildMotionValue() {
|
|
4935
4938
|
this.childSubscription && (this.childSubscription(), delete this.childSubscription);
|
|
@@ -4939,10 +4942,10 @@ class Ru extends xr {
|
|
|
4939
4942
|
}));
|
|
4940
4943
|
}
|
|
4941
4944
|
renderInstance(e, n, i, s) {
|
|
4942
|
-
|
|
4945
|
+
ms(e, n, i, s);
|
|
4943
4946
|
}
|
|
4944
4947
|
}
|
|
4945
|
-
class Bu extends
|
|
4948
|
+
class Bu extends wr {
|
|
4946
4949
|
constructor() {
|
|
4947
4950
|
super(...arguments), this.type = "svg", this.isSVGTag = !1;
|
|
4948
4951
|
}
|
|
@@ -4950,41 +4953,41 @@ class Bu extends xr {
|
|
|
4950
4953
|
return e[n];
|
|
4951
4954
|
}
|
|
4952
4955
|
readValueFromInstance(e, n) {
|
|
4953
|
-
if (
|
|
4954
|
-
const i =
|
|
4956
|
+
if (bt.has(n)) {
|
|
4957
|
+
const i = gn(n);
|
|
4955
4958
|
return i && i.default || 0;
|
|
4956
4959
|
}
|
|
4957
|
-
return n =
|
|
4960
|
+
return n = gs.has(n) ? n : nn(n), e.getAttribute(n);
|
|
4958
4961
|
}
|
|
4959
4962
|
measureInstanceViewportBox() {
|
|
4960
4963
|
return L();
|
|
4961
4964
|
}
|
|
4962
4965
|
scrapeMotionValuesFromProps(e, n) {
|
|
4963
|
-
return
|
|
4966
|
+
return ys(e, n);
|
|
4964
4967
|
}
|
|
4965
4968
|
build(e, n, i, s) {
|
|
4966
|
-
|
|
4969
|
+
cn(e, n, i, this.isSVGTag, s.transformTemplate);
|
|
4967
4970
|
}
|
|
4968
4971
|
renderInstance(e, n, i, s) {
|
|
4969
|
-
|
|
4972
|
+
vs(e, n, i, s);
|
|
4970
4973
|
}
|
|
4971
4974
|
mount(e) {
|
|
4972
|
-
this.isSVGTag =
|
|
4975
|
+
this.isSVGTag = un(e.tagName), super.mount(e);
|
|
4973
4976
|
}
|
|
4974
4977
|
}
|
|
4975
|
-
const Nu = (t, e) =>
|
|
4978
|
+
const Nu = (t, e) => on(t) ? new Bu(e, { enableHardwareAcceleration: !1 }) : new Ru(e, { enableHardwareAcceleration: !0 }), ju = {
|
|
4976
4979
|
layout: {
|
|
4977
|
-
ProjectionNode:
|
|
4978
|
-
MeasureLayout:
|
|
4980
|
+
ProjectionNode: vr,
|
|
4981
|
+
MeasureLayout: ur
|
|
4979
4982
|
}
|
|
4980
4983
|
}, Iu = {
|
|
4981
4984
|
...cc,
|
|
4982
4985
|
...Oa,
|
|
4983
4986
|
...pu,
|
|
4984
4987
|
...ju
|
|
4985
|
-
},
|
|
4988
|
+
}, Sr = /* @__PURE__ */ Fo((t, e) => ya(t, e, Iu, Nu));
|
|
4986
4989
|
function Fu(t) {
|
|
4987
|
-
const { children: e, parentRef: n, onlyChild: i } = t, [s, o] =
|
|
4990
|
+
const { children: e, parentRef: n, onlyChild: i } = t, [s, o] = q({ top: 0, left: 0 });
|
|
4988
4991
|
return Wi(() => {
|
|
4989
4992
|
if (n.current) {
|
|
4990
4993
|
const r = n.current.getBoundingClientRect();
|
|
@@ -4994,8 +4997,8 @@ function Fu(t) {
|
|
|
4994
4997
|
});
|
|
4995
4998
|
}
|
|
4996
4999
|
}, [n]), i ? e : jr(
|
|
4997
|
-
/* @__PURE__ */
|
|
4998
|
-
|
|
5000
|
+
/* @__PURE__ */ S(
|
|
5001
|
+
Sr.div,
|
|
4999
5002
|
{
|
|
5000
5003
|
style: {
|
|
5001
5004
|
position: "fixed",
|
|
@@ -5010,7 +5013,7 @@ function Fu(t) {
|
|
|
5010
5013
|
);
|
|
5011
5014
|
}
|
|
5012
5015
|
function zu(t) {
|
|
5013
|
-
return /* @__PURE__ */
|
|
5016
|
+
return /* @__PURE__ */ S(
|
|
5014
5017
|
"svg",
|
|
5015
5018
|
{
|
|
5016
5019
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5019,7 +5022,7 @@ function zu(t) {
|
|
|
5019
5022
|
fill: "currentColor",
|
|
5020
5023
|
viewBox: "0 0 16 16",
|
|
5021
5024
|
...t,
|
|
5022
|
-
children: /* @__PURE__ */
|
|
5025
|
+
children: /* @__PURE__ */ S(
|
|
5023
5026
|
"path",
|
|
5024
5027
|
{
|
|
5025
5028
|
fill: "currenColor",
|
|
@@ -5029,35 +5032,35 @@ function zu(t) {
|
|
|
5029
5032
|
}
|
|
5030
5033
|
);
|
|
5031
5034
|
}
|
|
5032
|
-
function
|
|
5033
|
-
var
|
|
5034
|
-
const { isActive: i, isCollapsed: s, expanded: o, toggleExpand: r } = n, a = `level-${e}`, l = s ? "collapsed" : "expanded", c = i(t.id) ? "active" : "", u = (
|
|
5035
|
-
function m(
|
|
5036
|
-
var
|
|
5037
|
-
const { level:
|
|
5038
|
-
return !h || s &&
|
|
5035
|
+
function Tr({ item: t, level: e = 0, ...n }) {
|
|
5036
|
+
var T;
|
|
5037
|
+
const { isActive: i, isCollapsed: s, expanded: o, toggleExpand: r } = n, a = `level-${e}`, l = s ? "collapsed" : "expanded", c = i(t.id) ? "active" : "", u = (w, k = a) => `${w} ${k} ${l} ${c}`, h = !!((T = t.children) != null && T.length), [d, f] = q(!1), p = Et();
|
|
5038
|
+
function m(w) {
|
|
5039
|
+
var H;
|
|
5040
|
+
const { level: k, hovered: A, parentRef: C } = w;
|
|
5041
|
+
return !h || s && k >= 2 && !A ? null : /* @__PURE__ */ S(
|
|
5039
5042
|
Fu,
|
|
5040
5043
|
{
|
|
5041
|
-
parentRef:
|
|
5042
|
-
onlyChild: !s || s &&
|
|
5043
|
-
children: /* @__PURE__ */
|
|
5044
|
-
|
|
5044
|
+
parentRef: C,
|
|
5045
|
+
onlyChild: !s || s && k < 2,
|
|
5046
|
+
children: /* @__PURE__ */ S(
|
|
5047
|
+
Sr.div,
|
|
5045
5048
|
{
|
|
5046
|
-
className: u("menu-item__dropdown", `level-${
|
|
5049
|
+
className: u("menu-item__dropdown", `level-${k}`),
|
|
5047
5050
|
initial: { height: s ? "auto" : 0 },
|
|
5048
5051
|
animate: {
|
|
5049
5052
|
height: s || o(t.id) ? "auto" : 0
|
|
5050
5053
|
},
|
|
5051
5054
|
transition: { duration: 0.2 },
|
|
5052
|
-
children: (
|
|
5055
|
+
children: (H = t.children) == null ? void 0 : H.map((Q) => /* @__PURE__ */ _i(Tr, { ...n, key: Q.id, item: Q, level: k }))
|
|
5053
5056
|
},
|
|
5054
5057
|
+s
|
|
5055
5058
|
)
|
|
5056
5059
|
}
|
|
5057
5060
|
);
|
|
5058
5061
|
}
|
|
5059
|
-
const y = h ? "div" : Br;
|
|
5060
|
-
return /* @__PURE__ */
|
|
5062
|
+
const y = h ? "#" : t.path || "#", b = window.location.pathname.split("/")[1], v = y.split("/")[1], g = b !== v && y !== "#" ? window.location.origin + y : y, x = h ? "div" : g.includes("https") ? "a" : Br;
|
|
5063
|
+
return /* @__PURE__ */ R(
|
|
5061
5064
|
"div",
|
|
5062
5065
|
{
|
|
5063
5066
|
ref: p,
|
|
@@ -5065,21 +5068,21 @@ function Sr({ item: t, level: e = 0, ...n }) {
|
|
|
5065
5068
|
onMouseEnter: () => s && f(!0),
|
|
5066
5069
|
onMouseLeave: () => s && f(!1),
|
|
5067
5070
|
children: [
|
|
5068
|
-
/* @__PURE__ */
|
|
5069
|
-
|
|
5071
|
+
/* @__PURE__ */ R(
|
|
5072
|
+
x,
|
|
5070
5073
|
{
|
|
5071
|
-
to:
|
|
5074
|
+
to: g,
|
|
5072
5075
|
style: {
|
|
5073
5076
|
paddingLeft: `${s ? "0.5rem" : `${e * 1}rem`}`
|
|
5074
5077
|
},
|
|
5075
5078
|
className: u("menu-item__link"),
|
|
5076
|
-
onClick: (
|
|
5077
|
-
h && (
|
|
5079
|
+
onClick: (w) => {
|
|
5080
|
+
h && (w.preventDefault(), s || r(t.id));
|
|
5078
5081
|
},
|
|
5079
5082
|
children: [
|
|
5080
|
-
e !== 0 && /* @__PURE__ */
|
|
5081
|
-
/* @__PURE__ */
|
|
5082
|
-
h && /* @__PURE__ */
|
|
5083
|
+
e !== 0 && /* @__PURE__ */ S(Wu, { cls: u, item: t }),
|
|
5084
|
+
/* @__PURE__ */ S("span", { className: u("menu-item__label"), children: t.name }),
|
|
5085
|
+
h && /* @__PURE__ */ S("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ S(
|
|
5083
5086
|
zu,
|
|
5084
5087
|
{
|
|
5085
5088
|
className: u(
|
|
@@ -5098,10 +5101,10 @@ function Sr({ item: t, level: e = 0, ...n }) {
|
|
|
5098
5101
|
}
|
|
5099
5102
|
function Wu({ item: t, cls: e }) {
|
|
5100
5103
|
var r, a;
|
|
5101
|
-
const [n, i] =
|
|
5104
|
+
const [n, i] = q(!1), s = () => {
|
|
5102
5105
|
i(!0);
|
|
5103
5106
|
}, o = (r = t.icon) == null ? void 0 : r.endsWith(".svg");
|
|
5104
|
-
return /* @__PURE__ */
|
|
5107
|
+
return /* @__PURE__ */ S("div", { className: e("menu-item__icon"), children: n ? /* @__PURE__ */ S(
|
|
5105
5108
|
"div",
|
|
5106
5109
|
{
|
|
5107
5110
|
style: {
|
|
@@ -5115,7 +5118,7 @@ function Wu({ item: t, cls: e }) {
|
|
|
5115
5118
|
},
|
|
5116
5119
|
children: (a = t.name.trim().at(0)) == null ? void 0 : a.toUpperCase()
|
|
5117
5120
|
}
|
|
5118
|
-
) : o ? /* @__PURE__ */
|
|
5121
|
+
) : o ? /* @__PURE__ */ S(
|
|
5119
5122
|
Dr,
|
|
5120
5123
|
{
|
|
5121
5124
|
src: t.icon,
|
|
@@ -5125,7 +5128,7 @@ function Wu({ item: t, cls: e }) {
|
|
|
5125
5128
|
});
|
|
5126
5129
|
}
|
|
5127
5130
|
}
|
|
5128
|
-
) : /* @__PURE__ */
|
|
5131
|
+
) : /* @__PURE__ */ S(
|
|
5129
5132
|
"img",
|
|
5130
5133
|
{
|
|
5131
5134
|
src: t.icon || "/",
|
|
@@ -5135,17 +5138,17 @@ function Wu({ item: t, cls: e }) {
|
|
|
5135
5138
|
}
|
|
5136
5139
|
) });
|
|
5137
5140
|
}
|
|
5138
|
-
function
|
|
5141
|
+
function Ii(t) {
|
|
5139
5142
|
for (; t.startsWith("/"); )
|
|
5140
5143
|
t = t.slice(1);
|
|
5141
5144
|
return t;
|
|
5142
5145
|
}
|
|
5143
|
-
function
|
|
5146
|
+
function Ar(t, e, n = []) {
|
|
5144
5147
|
for (const i of t) {
|
|
5145
|
-
if (console.log(i.path, e, i.path === e),
|
|
5148
|
+
if (console.log(i.path, e, i.path === e), Ii(i.path || "") === Ii(e))
|
|
5146
5149
|
return [...n, i];
|
|
5147
5150
|
if (i.children) {
|
|
5148
|
-
const s =
|
|
5151
|
+
const s = Ar(i.children, e, [...n, i]);
|
|
5149
5152
|
if (s)
|
|
5150
5153
|
return s;
|
|
5151
5154
|
}
|
|
@@ -5153,7 +5156,7 @@ function Tr(t, e, n = []) {
|
|
|
5153
5156
|
return null;
|
|
5154
5157
|
}
|
|
5155
5158
|
function _u(t) {
|
|
5156
|
-
return /* @__PURE__ */
|
|
5159
|
+
return /* @__PURE__ */ S(
|
|
5157
5160
|
"svg",
|
|
5158
5161
|
{
|
|
5159
5162
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5162,7 +5165,7 @@ function _u(t) {
|
|
|
5162
5165
|
fill: "none",
|
|
5163
5166
|
viewBox: "0 0 18 20",
|
|
5164
5167
|
...t,
|
|
5165
|
-
children: /* @__PURE__ */
|
|
5168
|
+
children: /* @__PURE__ */ S(
|
|
5166
5169
|
"path",
|
|
5167
5170
|
{
|
|
5168
5171
|
fill: "#E01B00",
|
|
@@ -5177,7 +5180,7 @@ function _u(t) {
|
|
|
5177
5180
|
const Uu = `[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
|
|
5178
5181
|
`;
|
|
5179
5182
|
function Hu() {
|
|
5180
|
-
return /* @__PURE__ */
|
|
5183
|
+
return /* @__PURE__ */ R(
|
|
5181
5184
|
"svg",
|
|
5182
5185
|
{
|
|
5183
5186
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5186,7 +5189,7 @@ function Hu() {
|
|
|
5186
5189
|
fill: "none",
|
|
5187
5190
|
viewBox: "0 0 24 24",
|
|
5188
5191
|
children: [
|
|
5189
|
-
/* @__PURE__ */
|
|
5192
|
+
/* @__PURE__ */ S(
|
|
5190
5193
|
"path",
|
|
5191
5194
|
{
|
|
5192
5195
|
stroke: "#85858A",
|
|
@@ -5196,7 +5199,7 @@ function Hu() {
|
|
|
5196
5199
|
d: "M22 8.27V4.23C22 2.64 21.36 2 19.77 2h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23zM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97zM10.5 19.77v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23z"
|
|
5197
5200
|
}
|
|
5198
5201
|
),
|
|
5199
|
-
/* @__PURE__ */
|
|
5202
|
+
/* @__PURE__ */ S(
|
|
5200
5203
|
"path",
|
|
5201
5204
|
{
|
|
5202
5205
|
stroke: "#85858A",
|
|
@@ -5210,7 +5213,7 @@ function Hu() {
|
|
|
5210
5213
|
);
|
|
5211
5214
|
}
|
|
5212
5215
|
function Gu() {
|
|
5213
|
-
return /* @__PURE__ */
|
|
5216
|
+
return /* @__PURE__ */ S(
|
|
5214
5217
|
"svg",
|
|
5215
5218
|
{
|
|
5216
5219
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5218,7 +5221,7 @@ function Gu() {
|
|
|
5218
5221
|
height: "24",
|
|
5219
5222
|
fill: "none",
|
|
5220
5223
|
viewBox: "0 0 24 24",
|
|
5221
|
-
children: /* @__PURE__ */
|
|
5224
|
+
children: /* @__PURE__ */ S(
|
|
5222
5225
|
"path",
|
|
5223
5226
|
{
|
|
5224
5227
|
stroke: "#85858A",
|
|
@@ -5232,7 +5235,7 @@ function Gu() {
|
|
|
5232
5235
|
);
|
|
5233
5236
|
}
|
|
5234
5237
|
const Yu = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{margin-top:4px;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}
|
|
5235
|
-
`, ih = (t) => /* @__PURE__ */
|
|
5238
|
+
`, ih = (t) => /* @__PURE__ */ S(
|
|
5236
5239
|
Lr,
|
|
5237
5240
|
{
|
|
5238
5241
|
autoClose: 3e3,
|
|
@@ -5246,10 +5249,10 @@ const Yu = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:
|
|
|
5246
5249
|
}
|
|
5247
5250
|
);
|
|
5248
5251
|
function sh(t) {
|
|
5249
|
-
return /* @__PURE__ */
|
|
5252
|
+
return /* @__PURE__ */ S(Hi, { styles: [Uu, Yu], style: { zIndex: 1200 }, children: /* @__PURE__ */ S(Xu, { ...t }) });
|
|
5250
5253
|
}
|
|
5251
5254
|
function Xu(t) {
|
|
5252
|
-
const { baseUrl: e, menuPath: n, logout: i } = t, s = Nr(), [o, r] =
|
|
5255
|
+
const { baseUrl: e, menuPath: n, logout: i } = t, s = Nr(), [o, r] = q([]), [a, l] = q(!1), c = (Ar(o, s.pathname) || []).filter((v) => v.parentKey !== 0), [u, h] = q({}), d = (v) => {
|
|
5253
5256
|
h({
|
|
5254
5257
|
...u,
|
|
5255
5258
|
[v]: !u[v]
|
|
@@ -5261,29 +5264,29 @@ function Xu(t) {
|
|
|
5261
5264
|
(async () => {
|
|
5262
5265
|
const g = e + (n || "/global-menu-config/api/v1/menu-items/user"), x = await Ir.get(g, {
|
|
5263
5266
|
withCredentials: !0
|
|
5264
|
-
}).then((
|
|
5265
|
-
var k,
|
|
5267
|
+
}).then((w) => w.data).catch((w) => {
|
|
5268
|
+
var k, A;
|
|
5266
5269
|
Rr(
|
|
5267
|
-
((
|
|
5270
|
+
((A = (k = w.response) == null ? void 0 : k.data) == null ? void 0 : A.errorMessage) || "Have error when get menu items"
|
|
5268
5271
|
);
|
|
5269
|
-
}),
|
|
5270
|
-
x.forEach((
|
|
5271
|
-
|
|
5272
|
-
}), h(
|
|
5272
|
+
}), T = {};
|
|
5273
|
+
x.forEach((w) => {
|
|
5274
|
+
w.children && (T[w.id] = !0);
|
|
5275
|
+
}), h(T), r(x.map((w) => ({ ...w, parentKey: 0 })));
|
|
5273
5276
|
})();
|
|
5274
5277
|
}, [e, n]);
|
|
5275
|
-
const [p, m] =
|
|
5276
|
-
return /* @__PURE__ */
|
|
5277
|
-
/* @__PURE__ */
|
|
5278
|
+
const [p, m] = q(!1), y = a ? "collapsed" : "expanded", b = (v) => `${v} ${y}`;
|
|
5279
|
+
return /* @__PURE__ */ R("div", { className: b("side-bar"), children: [
|
|
5280
|
+
/* @__PURE__ */ S("div", { className: b("side-bar__wrapper-toggle-btn"), children: /* @__PURE__ */ S(
|
|
5278
5281
|
"button",
|
|
5279
5282
|
{
|
|
5280
5283
|
className: "icon-btn side-bar__toggle-btn",
|
|
5281
5284
|
onClick: f,
|
|
5282
|
-
children: a ? /* @__PURE__ */
|
|
5285
|
+
children: a ? /* @__PURE__ */ S(Hu, {}) : /* @__PURE__ */ S(Gu, {})
|
|
5283
5286
|
}
|
|
5284
5287
|
) }),
|
|
5285
|
-
/* @__PURE__ */
|
|
5286
|
-
|
|
5288
|
+
/* @__PURE__ */ S(
|
|
5289
|
+
ts,
|
|
5287
5290
|
{
|
|
5288
5291
|
className: b("side-bar__menu"),
|
|
5289
5292
|
style: {
|
|
@@ -5293,11 +5296,11 @@ function Xu(t) {
|
|
|
5293
5296
|
height: "100%",
|
|
5294
5297
|
overflowX: "hidden"
|
|
5295
5298
|
},
|
|
5296
|
-
children: o.map((v) => /* @__PURE__ */
|
|
5297
|
-
|
|
5299
|
+
children: o.map((v) => /* @__PURE__ */ S(
|
|
5300
|
+
Tr,
|
|
5298
5301
|
{
|
|
5299
5302
|
item: v,
|
|
5300
|
-
isActive: (x) => c.some((
|
|
5303
|
+
isActive: (x) => c.some((T) => T.id === x),
|
|
5301
5304
|
isCollapsed: a,
|
|
5302
5305
|
expanded: (x) => u[x],
|
|
5303
5306
|
toggleExpand: d
|
|
@@ -5306,19 +5309,19 @@ function Xu(t) {
|
|
|
5306
5309
|
))
|
|
5307
5310
|
}
|
|
5308
5311
|
),
|
|
5309
|
-
/* @__PURE__ */
|
|
5310
|
-
/* @__PURE__ */
|
|
5312
|
+
/* @__PURE__ */ R("div", { className: b("side-bar__wrap-btn-logout"), children: [
|
|
5313
|
+
/* @__PURE__ */ R(
|
|
5311
5314
|
"button",
|
|
5312
5315
|
{
|
|
5313
5316
|
className: b("side-bar__logout-btn"),
|
|
5314
5317
|
onClick: () => m(!0),
|
|
5315
5318
|
children: [
|
|
5316
|
-
/* @__PURE__ */
|
|
5317
|
-
/* @__PURE__ */
|
|
5319
|
+
/* @__PURE__ */ S(_u, {}),
|
|
5320
|
+
/* @__PURE__ */ S("span", { className: b("side-bar__logout-btn__text"), children: "Logout" })
|
|
5318
5321
|
]
|
|
5319
5322
|
}
|
|
5320
5323
|
),
|
|
5321
|
-
/* @__PURE__ */
|
|
5324
|
+
/* @__PURE__ */ S(
|
|
5322
5325
|
Ui,
|
|
5323
5326
|
{
|
|
5324
5327
|
isOpen: p,
|