@ukpc-lib/react 0.1.7 → 0.1.8
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/GlobalMenu/index.d.ts +1 -1
- package/dist/components/index.cjs +4 -4
- package/dist/components/index.js +739 -739
- package/dist/{index-60dc34b2.js → interceptor.const-3d8c3adc.js} +11 -1
- package/dist/{index-e55ba232.cjs → interceptor.const-abe41a95.cjs} +2 -2
- package/dist/share/index.cjs +23 -23
- package/dist/share/index.js +108 -113
- package/package.json +1 -1
- package/web-components-bundle/global-menu/index.cjs +8 -8
- package/web-components-bundle/global-menu/index.js +815 -813
- /package/dist/{index.css → interceptor.css} +0 -0
package/dist/components/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsxs as B, Fragment as Fi, jsx as
|
|
1
|
+
import { jsxs as B, Fragment as Fi, jsx as w } from "react/jsx-runtime";
|
|
2
2
|
import * as D from "react";
|
|
3
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
|
-
import { C as Mr, g as Or, R as Dr, Q as Lr, p as Rr } from "../
|
|
5
|
-
import { a as
|
|
6
|
-
import { Link as
|
|
7
|
-
import { createPortal as
|
|
8
|
-
import
|
|
9
|
-
const
|
|
4
|
+
import { C as Mr, g as Or, R as Dr, Q as Lr, p as Rr, l as Br } from "../interceptor.const-3d8c3adc.js";
|
|
5
|
+
import { a as lh, b as ch } from "../interceptor.const-3d8c3adc.js";
|
|
6
|
+
import { Link as Nr, useLocation as jr } from "react-router-dom";
|
|
7
|
+
import { createPortal as Ir } from "react-dom";
|
|
8
|
+
import Fr from "axios";
|
|
9
|
+
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}
|
|
10
10
|
`;
|
|
11
11
|
function Ui({
|
|
12
12
|
isOpen: t,
|
|
@@ -20,13 +20,13 @@ function Ui({
|
|
|
20
20
|
((o = s.target) == null ? void 0 : o.id) === "modal-wrapper" && e();
|
|
21
21
|
}
|
|
22
22
|
return /* @__PURE__ */ B(Fi, { children: [
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
23
|
+
/* @__PURE__ */ w("style", { type: "text/css", children: zr }),
|
|
24
|
+
/* @__PURE__ */ w("div", { onClick: i, className: "modal-overlay", id: "modal-wrapper", children: /* @__PURE__ */ B("div", { className: "modal-container", children: [
|
|
25
|
+
/* @__PURE__ */ w("h3", { className: "modal-title", children: "Log out" }),
|
|
26
|
+
/* @__PURE__ */ w("p", { className: "text-sm", children: "Are you sure want to log out?" }),
|
|
27
27
|
/* @__PURE__ */ B("div", { className: "modal-footer", children: [
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ w("button", { className: "modal-button", onClick: e, children: "Cancel" }),
|
|
29
|
+
/* @__PURE__ */ w(
|
|
30
30
|
"button",
|
|
31
31
|
{
|
|
32
32
|
onClick: n,
|
|
@@ -38,7 +38,7 @@ function Ui({
|
|
|
38
38
|
] }) })
|
|
39
39
|
] });
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function Wr({ primaryColor: t = "#009d4f" }) {
|
|
42
42
|
return /* @__PURE__ */ B(
|
|
43
43
|
"svg",
|
|
44
44
|
{
|
|
@@ -48,7 +48,7 @@ function zr({ primaryColor: t = "#009d4f" }) {
|
|
|
48
48
|
viewBox: "0 0 24 25",
|
|
49
49
|
fill: "none",
|
|
50
50
|
children: [
|
|
51
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ w(
|
|
52
52
|
"path",
|
|
53
53
|
{
|
|
54
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",
|
|
@@ -59,7 +59,7 @@ function zr({ primaryColor: t = "#009d4f" }) {
|
|
|
59
59
|
"stroke-linejoin": "round"
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
62
|
+
/* @__PURE__ */ w(
|
|
63
63
|
"path",
|
|
64
64
|
{
|
|
65
65
|
d: "M15.9965 11.5H16.0054",
|
|
@@ -69,7 +69,7 @@ function zr({ primaryColor: t = "#009d4f" }) {
|
|
|
69
69
|
"stroke-linejoin": "round"
|
|
70
70
|
}
|
|
71
71
|
),
|
|
72
|
-
/* @__PURE__ */
|
|
72
|
+
/* @__PURE__ */ w(
|
|
73
73
|
"path",
|
|
74
74
|
{
|
|
75
75
|
d: "M11.9955 11.5H12.0045",
|
|
@@ -79,7 +79,7 @@ function zr({ primaryColor: t = "#009d4f" }) {
|
|
|
79
79
|
"stroke-linejoin": "round"
|
|
80
80
|
}
|
|
81
81
|
),
|
|
82
|
-
/* @__PURE__ */
|
|
82
|
+
/* @__PURE__ */ w(
|
|
83
83
|
"path",
|
|
84
84
|
{
|
|
85
85
|
d: "M7.99451 11.5H8.00349",
|
|
@@ -93,7 +93,7 @@ function zr({ primaryColor: t = "#009d4f" }) {
|
|
|
93
93
|
}
|
|
94
94
|
);
|
|
95
95
|
}
|
|
96
|
-
function
|
|
96
|
+
function _r({
|
|
97
97
|
primaryColor: t = "#009d4f"
|
|
98
98
|
}) {
|
|
99
99
|
return /* @__PURE__ */ B(
|
|
@@ -105,7 +105,7 @@ function Wr({
|
|
|
105
105
|
fill: "none",
|
|
106
106
|
xmlns: "http://www.w3.org/2000/svg",
|
|
107
107
|
children: [
|
|
108
|
-
/* @__PURE__ */
|
|
108
|
+
/* @__PURE__ */ w(
|
|
109
109
|
"path",
|
|
110
110
|
{
|
|
111
111
|
"fill-rule": "evenodd",
|
|
@@ -117,7 +117,7 @@ function Wr({
|
|
|
117
117
|
"stroke-linejoin": "round"
|
|
118
118
|
}
|
|
119
119
|
),
|
|
120
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ w(
|
|
121
121
|
"path",
|
|
122
122
|
{
|
|
123
123
|
d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
|
|
@@ -127,22 +127,22 @@ function Wr({
|
|
|
127
127
|
"stroke-linejoin": "round"
|
|
128
128
|
}
|
|
129
129
|
),
|
|
130
|
-
/* @__PURE__ */
|
|
130
|
+
/* @__PURE__ */ w("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: t })
|
|
131
131
|
]
|
|
132
132
|
}
|
|
133
133
|
);
|
|
134
134
|
}
|
|
135
|
-
const
|
|
135
|
+
const Ur = "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=", Hr = `@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
136
|
`;
|
|
137
137
|
function Hi({ children: t, styles: e = [], ...n }) {
|
|
138
138
|
return /* @__PURE__ */ B(Mr.div, { ...n, children: [
|
|
139
|
-
[
|
|
139
|
+
[Hr, ...e].map((i, s) => /* @__PURE__ */ w("style", { type: "text/css", children: i }, s)),
|
|
140
140
|
t
|
|
141
141
|
] });
|
|
142
142
|
}
|
|
143
|
-
const
|
|
143
|
+
const Gr = `.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}
|
|
144
144
|
`;
|
|
145
|
-
function
|
|
145
|
+
function nh({
|
|
146
146
|
logo: t,
|
|
147
147
|
user: e,
|
|
148
148
|
baseUrl: n,
|
|
@@ -157,25 +157,25 @@ function eh({
|
|
|
157
157
|
}, [l, c] = q(!1), u = () => {
|
|
158
158
|
window.location.href = `${n}/authentication/logout?callbackUrl=${window.location.href}`;
|
|
159
159
|
};
|
|
160
|
-
return /* @__PURE__ */ B(Hi, { styles: [
|
|
161
|
-
/* @__PURE__ */
|
|
160
|
+
return /* @__PURE__ */ B(Hi, { styles: [Gr], style: { zIndex: 1202 }, children: [
|
|
161
|
+
/* @__PURE__ */ w(
|
|
162
162
|
"nav",
|
|
163
163
|
{
|
|
164
164
|
className: `navbar ${s}`,
|
|
165
165
|
style: o ? a : i,
|
|
166
166
|
children: /* @__PURE__ */ B("div", { className: "navbar-container", children: [
|
|
167
|
-
/* @__PURE__ */
|
|
167
|
+
/* @__PURE__ */ w("div", { className: "logo-container", children: /* @__PURE__ */ w("img", { src: r, alt: "logo-header" }) }),
|
|
168
168
|
/* @__PURE__ */ B("div", { className: "right-side-container", children: [
|
|
169
169
|
/* @__PURE__ */ B("div", { className: "userContainer", children: [
|
|
170
|
-
/* @__PURE__ */
|
|
170
|
+
/* @__PURE__ */ w(
|
|
171
171
|
"p",
|
|
172
172
|
{
|
|
173
173
|
className: "userFullName",
|
|
174
174
|
children: `${e == null ? void 0 : e.firstName} ${e == null ? void 0 : e.lastName}`
|
|
175
175
|
}
|
|
176
176
|
),
|
|
177
|
-
/* @__PURE__ */
|
|
178
|
-
|
|
177
|
+
/* @__PURE__ */ w(
|
|
178
|
+
Yr,
|
|
179
179
|
{
|
|
180
180
|
primaryColor: o == null ? void 0 : o.primaryColor,
|
|
181
181
|
avatarUrl: e == null ? void 0 : e.avatarUrl,
|
|
@@ -183,13 +183,13 @@ function eh({
|
|
|
183
183
|
}
|
|
184
184
|
)
|
|
185
185
|
] }),
|
|
186
|
-
/* @__PURE__ */
|
|
187
|
-
/* @__PURE__ */
|
|
186
|
+
/* @__PURE__ */ w("span", { className: "cursor-pointer", children: /* @__PURE__ */ w(_r, { primaryColor: o == null ? void 0 : o.primaryColor }) }),
|
|
187
|
+
/* @__PURE__ */ w("span", { className: "cursor-pointer", children: /* @__PURE__ */ w(Wr, { primaryColor: o == null ? void 0 : o.primaryColor }) })
|
|
188
188
|
] })
|
|
189
189
|
] })
|
|
190
190
|
}
|
|
191
191
|
),
|
|
192
|
-
/* @__PURE__ */
|
|
192
|
+
/* @__PURE__ */ w(
|
|
193
193
|
Ui,
|
|
194
194
|
{
|
|
195
195
|
isOpen: l,
|
|
@@ -199,7 +199,7 @@ function eh({
|
|
|
199
199
|
)
|
|
200
200
|
] });
|
|
201
201
|
}
|
|
202
|
-
function
|
|
202
|
+
function Yr({
|
|
203
203
|
avatarUrl: t,
|
|
204
204
|
setShowConfirmModal: e,
|
|
205
205
|
primaryColor: n = "#009d4f"
|
|
@@ -216,25 +216,25 @@ function Gr({
|
|
|
216
216
|
return document.addEventListener("click", f, !0), () => {
|
|
217
217
|
document.removeEventListener("click", f, !0);
|
|
218
218
|
};
|
|
219
|
-
}, [o]), /* @__PURE__ */
|
|
220
|
-
/* @__PURE__ */
|
|
219
|
+
}, [o]), /* @__PURE__ */ w(Fi, { children: /* @__PURE__ */ B("div", { style: { position: "relative" }, children: [
|
|
220
|
+
/* @__PURE__ */ w(
|
|
221
221
|
"img",
|
|
222
222
|
{
|
|
223
223
|
onClick: () => s(!i),
|
|
224
224
|
ref: o,
|
|
225
225
|
alt: "user avatar",
|
|
226
226
|
className: "userAvatar",
|
|
227
|
-
src: t ||
|
|
227
|
+
src: t || Ur
|
|
228
228
|
}
|
|
229
229
|
),
|
|
230
|
-
/* @__PURE__ */
|
|
230
|
+
/* @__PURE__ */ w(
|
|
231
231
|
"div",
|
|
232
232
|
{
|
|
233
233
|
style: { display: i ? "block" : "none" },
|
|
234
234
|
className: "avartarDropdownMenu",
|
|
235
235
|
ref: r,
|
|
236
236
|
children: /* @__PURE__ */ B("ul", { children: [
|
|
237
|
-
/* @__PURE__ */
|
|
237
|
+
/* @__PURE__ */ w(
|
|
238
238
|
"li",
|
|
239
239
|
{
|
|
240
240
|
onMouseEnter: () => u(!0),
|
|
@@ -244,7 +244,7 @@ function Gr({
|
|
|
244
244
|
children: "Profile"
|
|
245
245
|
}
|
|
246
246
|
),
|
|
247
|
-
/* @__PURE__ */
|
|
247
|
+
/* @__PURE__ */ w(
|
|
248
248
|
"li",
|
|
249
249
|
{
|
|
250
250
|
onMouseEnter: () => l(!0),
|
|
@@ -260,57 +260,57 @@ function Gr({
|
|
|
260
260
|
)
|
|
261
261
|
] }) });
|
|
262
262
|
}
|
|
263
|
-
var
|
|
264
|
-
const
|
|
265
|
-
var
|
|
266
|
-
const Gi =
|
|
267
|
-
var
|
|
268
|
-
const ce =
|
|
269
|
-
var Yi = Object.prototype,
|
|
270
|
-
function
|
|
271
|
-
var e =
|
|
263
|
+
var Xr = typeof global == "object" && global && global.Object === Object && global;
|
|
264
|
+
const qr = Xr;
|
|
265
|
+
var Kr = typeof self == "object" && self && self.Object === Object && self, $r = qr || Kr || Function("return this")();
|
|
266
|
+
const Gi = $r;
|
|
267
|
+
var Qr = Gi.Symbol;
|
|
268
|
+
const ce = Qr;
|
|
269
|
+
var Yi = Object.prototype, Zr = Yi.hasOwnProperty, Jr = Yi.toString, Nt = ce ? ce.toStringTag : void 0;
|
|
270
|
+
function to(t) {
|
|
271
|
+
var e = Zr.call(t, Nt), n = t[Nt];
|
|
272
272
|
try {
|
|
273
273
|
t[Nt] = void 0;
|
|
274
274
|
var i = !0;
|
|
275
275
|
} catch {
|
|
276
276
|
}
|
|
277
|
-
var s =
|
|
277
|
+
var s = Jr.call(t);
|
|
278
278
|
return i && (e ? t[Nt] = n : delete t[Nt]), s;
|
|
279
279
|
}
|
|
280
|
-
var
|
|
281
|
-
function
|
|
282
|
-
return
|
|
283
|
-
}
|
|
284
|
-
var io = "[object Null]", so = "[object Undefined]", Vn = ce ? ce.toStringTag : void 0;
|
|
285
|
-
function ro(t) {
|
|
286
|
-
return t == null ? t === void 0 ? so : io : Vn && Vn in Object(t) ? Jr(t) : no(t);
|
|
280
|
+
var eo = Object.prototype, no = eo.toString;
|
|
281
|
+
function io(t) {
|
|
282
|
+
return no.call(t);
|
|
287
283
|
}
|
|
284
|
+
var so = "[object Null]", ro = "[object Undefined]", Vn = ce ? ce.toStringTag : void 0;
|
|
288
285
|
function oo(t) {
|
|
286
|
+
return t == null ? t === void 0 ? ro : so : Vn && Vn in Object(t) ? to(t) : io(t);
|
|
287
|
+
}
|
|
288
|
+
function ao(t) {
|
|
289
289
|
return t != null && typeof t == "object";
|
|
290
290
|
}
|
|
291
|
-
var
|
|
292
|
-
function
|
|
293
|
-
return typeof t == "symbol" ||
|
|
291
|
+
var lo = "[object Symbol]";
|
|
292
|
+
function co(t) {
|
|
293
|
+
return typeof t == "symbol" || ao(t) && oo(t) == lo;
|
|
294
294
|
}
|
|
295
|
-
var
|
|
296
|
-
function
|
|
297
|
-
for (var e = t.length; e-- &&
|
|
295
|
+
var uo = /\s/;
|
|
296
|
+
function ho(t) {
|
|
297
|
+
for (var e = t.length; e-- && uo.test(t.charAt(e)); )
|
|
298
298
|
;
|
|
299
299
|
return e;
|
|
300
300
|
}
|
|
301
|
-
var
|
|
302
|
-
function
|
|
303
|
-
return t && t.slice(0,
|
|
301
|
+
var fo = /^\s+/;
|
|
302
|
+
function po(t) {
|
|
303
|
+
return t && t.slice(0, ho(t) + 1).replace(fo, "");
|
|
304
304
|
}
|
|
305
305
|
function ue(t) {
|
|
306
306
|
var e = typeof t;
|
|
307
307
|
return t != null && (e == "object" || e == "function");
|
|
308
308
|
}
|
|
309
|
-
var En = 0 / 0,
|
|
309
|
+
var En = 0 / 0, mo = /^[-+]0x[0-9a-f]+$/i, go = /^0b[01]+$/i, vo = /^0o[0-7]+$/i, yo = parseInt;
|
|
310
310
|
function Mn(t) {
|
|
311
311
|
if (typeof t == "number")
|
|
312
312
|
return t;
|
|
313
|
-
if (
|
|
313
|
+
if (co(t))
|
|
314
314
|
return En;
|
|
315
315
|
if (ue(t)) {
|
|
316
316
|
var e = typeof t.valueOf == "function" ? t.valueOf() : t;
|
|
@@ -318,75 +318,75 @@ function Mn(t) {
|
|
|
318
318
|
}
|
|
319
319
|
if (typeof t != "string")
|
|
320
320
|
return t === 0 ? t : +t;
|
|
321
|
-
t =
|
|
322
|
-
var n =
|
|
323
|
-
return n ||
|
|
321
|
+
t = po(t);
|
|
322
|
+
var n = go.test(t);
|
|
323
|
+
return n || vo.test(t) ? yo(t.slice(2), n ? 2 : 8) : mo.test(t) ? En : +t;
|
|
324
324
|
}
|
|
325
|
-
var
|
|
325
|
+
var bo = function() {
|
|
326
326
|
return Gi.Date.now();
|
|
327
327
|
};
|
|
328
|
-
const Ve =
|
|
329
|
-
var
|
|
328
|
+
const Ve = bo;
|
|
329
|
+
var xo = "Expected a function", wo = Math.max, So = Math.min;
|
|
330
330
|
function oe(t, e, n) {
|
|
331
331
|
var i, s, o, r, a, l, c = 0, u = !1, h = !1, d = !0;
|
|
332
332
|
if (typeof t != "function")
|
|
333
|
-
throw new TypeError(
|
|
334
|
-
e = Mn(e) || 0, ue(n) && (u = !!n.leading, h = "maxWait" in n, o = h ?
|
|
335
|
-
function f(
|
|
336
|
-
var k = i,
|
|
337
|
-
return i = s = void 0, c =
|
|
333
|
+
throw new TypeError(xo);
|
|
334
|
+
e = Mn(e) || 0, ue(n) && (u = !!n.leading, h = "maxWait" in n, o = h ? wo(Mn(n.maxWait) || 0, e) : o, d = "trailing" in n ? !!n.trailing : d);
|
|
335
|
+
function f(S) {
|
|
336
|
+
var k = i, P = s;
|
|
337
|
+
return i = s = void 0, c = S, r = t.apply(P, k), r;
|
|
338
338
|
}
|
|
339
|
-
function p(
|
|
340
|
-
return c =
|
|
339
|
+
function p(S) {
|
|
340
|
+
return c = S, a = setTimeout(y, e), u ? f(S) : r;
|
|
341
341
|
}
|
|
342
|
-
function m(
|
|
343
|
-
var k =
|
|
344
|
-
return h ?
|
|
342
|
+
function m(S) {
|
|
343
|
+
var k = S - l, P = S - c, C = e - k;
|
|
344
|
+
return h ? So(C, o - P) : C;
|
|
345
345
|
}
|
|
346
|
-
function
|
|
347
|
-
var k =
|
|
348
|
-
return l === void 0 || k >= e || k < 0 || h &&
|
|
346
|
+
function v(S) {
|
|
347
|
+
var k = S - l, P = S - c;
|
|
348
|
+
return l === void 0 || k >= e || k < 0 || h && P >= o;
|
|
349
349
|
}
|
|
350
|
-
function
|
|
351
|
-
var
|
|
352
|
-
if (
|
|
353
|
-
return
|
|
354
|
-
a = setTimeout(
|
|
350
|
+
function y() {
|
|
351
|
+
var S = Ve();
|
|
352
|
+
if (v(S))
|
|
353
|
+
return b(S);
|
|
354
|
+
a = setTimeout(y, m(S));
|
|
355
355
|
}
|
|
356
|
-
function
|
|
357
|
-
return a = void 0, d && i ? f(
|
|
356
|
+
function b(S) {
|
|
357
|
+
return a = void 0, d && i ? f(S) : (i = s = void 0, r);
|
|
358
358
|
}
|
|
359
359
|
function g() {
|
|
360
360
|
a !== void 0 && clearTimeout(a), c = 0, i = l = s = a = void 0;
|
|
361
361
|
}
|
|
362
362
|
function x() {
|
|
363
|
-
return a === void 0 ? r :
|
|
363
|
+
return a === void 0 ? r : b(Ve());
|
|
364
364
|
}
|
|
365
365
|
function T() {
|
|
366
|
-
var
|
|
367
|
-
if (i = arguments, s = this, l =
|
|
366
|
+
var S = Ve(), k = v(S);
|
|
367
|
+
if (i = arguments, s = this, l = S, k) {
|
|
368
368
|
if (a === void 0)
|
|
369
369
|
return p(l);
|
|
370
370
|
if (h)
|
|
371
|
-
return clearTimeout(a), a = setTimeout(
|
|
371
|
+
return clearTimeout(a), a = setTimeout(y, e), f(l);
|
|
372
372
|
}
|
|
373
|
-
return a === void 0 && (a = setTimeout(
|
|
373
|
+
return a === void 0 && (a = setTimeout(y, e)), r;
|
|
374
374
|
}
|
|
375
375
|
return T.cancel = g, T.flush = x, T;
|
|
376
376
|
}
|
|
377
|
-
var
|
|
378
|
-
function
|
|
377
|
+
var To = "Expected a function";
|
|
378
|
+
function Ao(t, e, n) {
|
|
379
379
|
var i = !0, s = !0;
|
|
380
380
|
if (typeof t != "function")
|
|
381
|
-
throw new TypeError(
|
|
381
|
+
throw new TypeError(To);
|
|
382
382
|
return ue(n) && (i = "leading" in n ? !!n.leading : i, s = "trailing" in n ? !!n.trailing : s), oe(t, e, {
|
|
383
383
|
leading: i,
|
|
384
384
|
maxWait: e,
|
|
385
385
|
trailing: s
|
|
386
386
|
});
|
|
387
387
|
}
|
|
388
|
-
var
|
|
389
|
-
const Xi = /* @__PURE__ */ Or(
|
|
388
|
+
var Po = !!(typeof window < "u" && window.document && window.document.createElement), ko = Po;
|
|
389
|
+
const Xi = /* @__PURE__ */ Or(ko);
|
|
390
390
|
var At = function() {
|
|
391
391
|
return At = Object.assign || function(e) {
|
|
392
392
|
for (var n, i = 1, s = arguments.length; i < s; i++) {
|
|
@@ -454,7 +454,7 @@ function Zi(t, e) {
|
|
|
454
454
|
function Ji(t) {
|
|
455
455
|
return ".".concat(t.split(" ").join("."));
|
|
456
456
|
}
|
|
457
|
-
var
|
|
457
|
+
var Co = /* @__PURE__ */ Object.freeze({
|
|
458
458
|
__proto__: null,
|
|
459
459
|
getElementWindow: qi,
|
|
460
460
|
getElementDocument: Ki,
|
|
@@ -462,7 +462,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
462
462
|
addClasses: Qi,
|
|
463
463
|
removeClasses: Zi,
|
|
464
464
|
classNamesToQuery: Ji
|
|
465
|
-
}), st = qi, Ee = Ki,
|
|
465
|
+
}), st = qi, Ee = Ki, Vo = $i, rt = Qi, ot = Zi, F = Ji, te = (
|
|
466
466
|
/** @class */
|
|
467
467
|
function() {
|
|
468
468
|
function t(e, n) {
|
|
@@ -499,12 +499,12 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
499
499
|
}, this.drag = function(s) {
|
|
500
500
|
var o, r, a, l, c, u, h, d, f, p, m;
|
|
501
501
|
if (!(!i.draggedAxis || !i.contentWrapperEl)) {
|
|
502
|
-
var
|
|
503
|
-
s.preventDefault(), s.stopPropagation(), i.draggedAxis === "y" ?
|
|
504
|
-
var
|
|
505
|
-
|
|
506
|
-
var k =
|
|
507
|
-
i.draggedAxis === "x" && i.isRtl && (
|
|
502
|
+
var v, y = i.axis[i.draggedAxis].track, b = (r = (o = y.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);
|
|
503
|
+
s.preventDefault(), s.stopPropagation(), i.draggedAxis === "y" ? v = s.pageY : v = s.pageX;
|
|
504
|
+
var S = v - ((d = (h = y.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
|
+
S = i.draggedAxis === "x" && i.isRtl ? ((p = (f = y.rect) === null || f === void 0 ? void 0 : f[i.axis[i.draggedAxis].sizeAttr]) !== null && p !== void 0 ? p : 0) - g.size - S : S;
|
|
506
|
+
var k = S / (b - g.size), P = k * (x - T);
|
|
507
|
+
i.draggedAxis === "x" && i.isRtl && (P = !((m = t.getRtlHelpers()) === null || m === void 0) && m.isScrollingToNegative ? -P : P), i.contentWrapperEl[i.axis[i.draggedAxis].scrollOffsetAttr] = P;
|
|
508
508
|
}
|
|
509
509
|
}, this.onEndDrag = function(s) {
|
|
510
510
|
var o = Ee(i.el), r = st(i.el);
|
|
@@ -542,7 +542,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
542
542
|
}
|
|
543
543
|
}, typeof this.el != "object" || !this.el.nodeName)
|
|
544
544
|
throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));
|
|
545
|
-
this.onMouseMove =
|
|
545
|
+
this.onMouseMove = Ao(this._onMouseMove, 64), this.onWindowResize = oe(this._onWindowResize, 64, { leading: !0 }), this.onStopScrolling = oe(this._onStopScrolling, this.stopScrollDelay), this.onMouseEntered = oe(this._onMouseEntered, this.stopScrollDelay), this.init();
|
|
546
546
|
}
|
|
547
547
|
return t.getRtlHelpers = function() {
|
|
548
548
|
if (t.rtlHelpers)
|
|
@@ -660,10 +660,10 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
660
660
|
e.preventDefault();
|
|
661
661
|
var c = st(this.el);
|
|
662
662
|
this.axis[n].scrollbar.rect = l.scrollbar.el.getBoundingClientRect();
|
|
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,
|
|
664
|
-
i.contentWrapperEl && (m === -1 ? f >
|
|
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, v = m === -1 ? f - d : f + d, y = 40, b = function() {
|
|
664
|
+
i.contentWrapperEl && (m === -1 ? f > v && (f -= y, i.contentWrapperEl[i.axis[n].scrollOffsetAttr] = f, c.requestAnimationFrame(b)) : f < v && (f += y, i.contentWrapperEl[i.axis[n].scrollOffsetAttr] = f, c.requestAnimationFrame(b)));
|
|
665
665
|
};
|
|
666
|
-
|
|
666
|
+
b();
|
|
667
667
|
}
|
|
668
668
|
}, t.prototype.getContentElement = function() {
|
|
669
669
|
return this.contentEl;
|
|
@@ -710,7 +710,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
710
710
|
scrollableNode: null,
|
|
711
711
|
contentNode: null,
|
|
712
712
|
autoHide: !0
|
|
713
|
-
}, t.getOptions =
|
|
713
|
+
}, t.getOptions = Vo, t.helpers = Co, t;
|
|
714
714
|
}()
|
|
715
715
|
), _ = function() {
|
|
716
716
|
return _ = Object.assign || function(e) {
|
|
@@ -722,7 +722,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
722
722
|
return e;
|
|
723
723
|
}, _.apply(this, arguments);
|
|
724
724
|
};
|
|
725
|
-
function
|
|
725
|
+
function Eo(t, e) {
|
|
726
726
|
var n = {};
|
|
727
727
|
for (var i in t)
|
|
728
728
|
Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
|
|
@@ -732,7 +732,7 @@ function Vo(t, e) {
|
|
|
732
732
|
return n;
|
|
733
733
|
}
|
|
734
734
|
var ts = D.forwardRef(function(t, e) {
|
|
735
|
-
var n = t.children, i = t.scrollableNodeProps, s = i === void 0 ? {} : i, o =
|
|
735
|
+
var n = t.children, i = t.scrollableNodeProps, s = i === void 0 ? {} : i, o = Eo(t, ["children", "scrollableNodeProps"]), r = D.useRef(), a = D.useRef(), l = D.useRef(), c = {}, u = {};
|
|
736
736
|
Object.keys(o).forEach(function(f) {
|
|
737
737
|
Object.prototype.hasOwnProperty.call(te.defaultOptions, f) ? c[f] = o[f] : u[f] = o[f];
|
|
738
738
|
});
|
|
@@ -793,8 +793,8 @@ const es = Dt({
|
|
|
793
793
|
transformPagePoint: (t) => t,
|
|
794
794
|
isStatic: !1,
|
|
795
795
|
reducedMotion: "never"
|
|
796
|
-
}), xe = Dt({}), en = Dt(null), we = typeof document < "u",
|
|
797
|
-
function
|
|
796
|
+
}), xe = Dt({}), en = Dt(null), we = typeof document < "u", Mo = we ? Wi : Xt, ns = Dt({ strict: !1 }), nn = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Oo = "framerAppearId", is = "data-" + nn(Oo);
|
|
797
|
+
function Do(t, e, n, i) {
|
|
798
798
|
const { visualElement: s } = z(xe), o = z(ns), r = z(en), a = z(es).reducedMotion, l = Et();
|
|
799
799
|
i = i || o.renderer, !l.current && i && (l.current = i(t, {
|
|
800
800
|
visualState: e,
|
|
@@ -809,7 +809,7 @@ function Oo(t, e, n, i) {
|
|
|
809
809
|
c && c.update(n, r);
|
|
810
810
|
});
|
|
811
811
|
const u = Et(!!(n[is] && !window.HandoffComplete));
|
|
812
|
-
return
|
|
812
|
+
return Mo(() => {
|
|
813
813
|
c && (c.render(), u.current && c.animationState && c.animationState.animateChanges());
|
|
814
814
|
}), Xt(() => {
|
|
815
815
|
c && (c.updateFeatures(), !u.current && c.animationState && c.animationState.animateChanges(), u.current && (u.current = !1, window.HandoffComplete = !0));
|
|
@@ -818,7 +818,7 @@ function Oo(t, e, n, i) {
|
|
|
818
818
|
function Pt(t) {
|
|
819
819
|
return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
|
|
820
820
|
}
|
|
821
|
-
function
|
|
821
|
+
function Lo(t, e, n) {
|
|
822
822
|
return Cr(
|
|
823
823
|
(i) => {
|
|
824
824
|
i && t.mount && t.mount(i), e && (i ? e.mount(i) : e.unmount()), n && (typeof n == "function" ? n(i) : Pt(n) && (n.current = i));
|
|
@@ -852,7 +852,7 @@ function Te(t) {
|
|
|
852
852
|
function ss(t) {
|
|
853
853
|
return !!(Te(t) || t.variants);
|
|
854
854
|
}
|
|
855
|
-
function
|
|
855
|
+
function Ro(t, e) {
|
|
856
856
|
if (Te(t)) {
|
|
857
857
|
const { initial: n, animate: i } = t;
|
|
858
858
|
return {
|
|
@@ -862,8 +862,8 @@ function Lo(t, e) {
|
|
|
862
862
|
}
|
|
863
863
|
return t.inherit !== !1 ? e : {};
|
|
864
864
|
}
|
|
865
|
-
function
|
|
866
|
-
const { initial: e, animate: n } =
|
|
865
|
+
function Bo(t) {
|
|
866
|
+
const { initial: e, animate: n } = Ro(t, z(xe));
|
|
867
867
|
return be(() => ({ initial: e, animate: n }), [Ln(e), Ln(n)]);
|
|
868
868
|
}
|
|
869
869
|
function Ln(t) {
|
|
@@ -893,25 +893,25 @@ for (const t in Rn)
|
|
|
893
893
|
Gt[t] = {
|
|
894
894
|
isEnabled: (e) => Rn[t].some((n) => !!e[n])
|
|
895
895
|
};
|
|
896
|
-
function
|
|
896
|
+
function No(t) {
|
|
897
897
|
for (const e in t)
|
|
898
898
|
Gt[e] = {
|
|
899
899
|
...Gt[e],
|
|
900
900
|
...t[e]
|
|
901
901
|
};
|
|
902
902
|
}
|
|
903
|
-
const rs = Dt({}), os = Dt({}),
|
|
904
|
-
function
|
|
905
|
-
t &&
|
|
903
|
+
const rs = Dt({}), os = Dt({}), jo = Symbol.for("motionComponentSymbol");
|
|
904
|
+
function Io({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: i, Component: s }) {
|
|
905
|
+
t && No(t);
|
|
906
906
|
function o(a, l) {
|
|
907
907
|
let c;
|
|
908
908
|
const u = {
|
|
909
909
|
...z(es),
|
|
910
910
|
...a,
|
|
911
|
-
layoutId:
|
|
912
|
-
}, { isStatic: h } = u, d =
|
|
911
|
+
layoutId: Fo(a)
|
|
912
|
+
}, { isStatic: h } = u, d = Bo(a), f = i(a, h);
|
|
913
913
|
if (!h && we) {
|
|
914
|
-
d.visualElement =
|
|
914
|
+
d.visualElement = Do(s, f, u, e);
|
|
915
915
|
const p = z(os), m = z(ns).strict;
|
|
916
916
|
d.visualElement && (c = d.visualElement.loadFeatures(
|
|
917
917
|
// Note: Pass the full new combined props to correctly re-render dynamic feature components.
|
|
@@ -925,19 +925,19 @@ function jo({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
|
|
|
925
925
|
xe.Provider,
|
|
926
926
|
{ value: d },
|
|
927
927
|
c && d.visualElement ? D.createElement(c, { visualElement: d.visualElement, ...u }) : null,
|
|
928
|
-
n(s, a,
|
|
928
|
+
n(s, a, Lo(f, d.visualElement, l), f, h, d.visualElement)
|
|
929
929
|
);
|
|
930
930
|
}
|
|
931
931
|
const r = Vr(o);
|
|
932
|
-
return r[
|
|
932
|
+
return r[jo] = s, r;
|
|
933
933
|
}
|
|
934
|
-
function
|
|
934
|
+
function Fo({ layoutId: t }) {
|
|
935
935
|
const e = z(rs).id;
|
|
936
936
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
937
937
|
}
|
|
938
|
-
function
|
|
938
|
+
function zo(t) {
|
|
939
939
|
function e(i, s = {}) {
|
|
940
|
-
return
|
|
940
|
+
return Io(t(i, s));
|
|
941
941
|
}
|
|
942
942
|
if (typeof Proxy > "u")
|
|
943
943
|
return e;
|
|
@@ -951,7 +951,7 @@ function Fo(t) {
|
|
|
951
951
|
get: (i, s) => (n.has(s) || n.set(s, e(s)), n.get(s))
|
|
952
952
|
});
|
|
953
953
|
}
|
|
954
|
-
const
|
|
954
|
+
const Wo = [
|
|
955
955
|
"animate",
|
|
956
956
|
"circle",
|
|
957
957
|
"defs",
|
|
@@ -991,7 +991,7 @@ function on(t) {
|
|
|
991
991
|
/**
|
|
992
992
|
* If it's in our list of lowercase SVG tags, it's an SVG component
|
|
993
993
|
*/
|
|
994
|
-
!!(
|
|
994
|
+
!!(Wo.indexOf(t) > -1 || /**
|
|
995
995
|
* If it contains a capital letter, it's an SVG component
|
|
996
996
|
*/
|
|
997
997
|
/[A-Z]/.test(t))
|
|
@@ -999,7 +999,7 @@ function on(t) {
|
|
|
999
999
|
);
|
|
1000
1000
|
}
|
|
1001
1001
|
const he = {};
|
|
1002
|
-
function
|
|
1002
|
+
function _o(t) {
|
|
1003
1003
|
Object.assign(he, t);
|
|
1004
1004
|
}
|
|
1005
1005
|
const qt = [
|
|
@@ -1024,24 +1024,24 @@ const qt = [
|
|
|
1024
1024
|
function as(t, { layout: e, layoutId: n }) {
|
|
1025
1025
|
return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!he[t] || t === "opacity");
|
|
1026
1026
|
}
|
|
1027
|
-
const W = (t) => !!(t && t.getVelocity),
|
|
1027
|
+
const W = (t) => !!(t && t.getVelocity), Uo = {
|
|
1028
1028
|
x: "translateX",
|
|
1029
1029
|
y: "translateY",
|
|
1030
1030
|
z: "translateZ",
|
|
1031
1031
|
transformPerspective: "perspective"
|
|
1032
|
-
},
|
|
1033
|
-
function
|
|
1032
|
+
}, Ho = qt.length;
|
|
1033
|
+
function Go(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, i, s) {
|
|
1034
1034
|
let o = "";
|
|
1035
|
-
for (let r = 0; r <
|
|
1035
|
+
for (let r = 0; r < Ho; r++) {
|
|
1036
1036
|
const a = qt[r];
|
|
1037
1037
|
if (t[a] !== void 0) {
|
|
1038
|
-
const l =
|
|
1038
|
+
const l = Uo[a] || a;
|
|
1039
1039
|
o += `${l}(${t[a]}) `;
|
|
1040
1040
|
}
|
|
1041
1041
|
}
|
|
1042
1042
|
return e && !t.z && (o += "translateZ(0)"), o = o.trim(), s ? o = s(t, i ? "" : o) : n && i && (o = "none"), o;
|
|
1043
1043
|
}
|
|
1044
|
-
const ls = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = ls("--"), _e = ls("var(--"),
|
|
1044
|
+
const ls = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = ls("--"), _e = ls("var(--"), Yo = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Xo = (t, e) => e && typeof t == "number" ? e.transform(t) : t, ht = (t, e, n) => Math.min(Math.max(n, t), e), xt = {
|
|
1045
1045
|
test: (t) => typeof t == "number",
|
|
1046
1046
|
parse: parseFloat,
|
|
1047
1047
|
transform: (t) => t
|
|
@@ -1051,7 +1051,7 @@ const ls = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = ls("--"),
|
|
|
1051
1051
|
}, ee = {
|
|
1052
1052
|
...xt,
|
|
1053
1053
|
default: 1
|
|
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,
|
|
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, qo = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
|
|
1055
1055
|
function Kt(t) {
|
|
1056
1056
|
return typeof t == "string";
|
|
1057
1057
|
}
|
|
@@ -1059,7 +1059,7 @@ const $t = (t) => ({
|
|
|
1059
1059
|
test: (e) => Kt(e) && e.endsWith(t) && e.split(" ").length === 1,
|
|
1060
1060
|
parse: parseFloat,
|
|
1061
1061
|
transform: (e) => `${e}${t}`
|
|
1062
|
-
}), at = $t("deg"), $ = $t("%"),
|
|
1062
|
+
}), at = $t("deg"), $ = $t("%"), A = $t("px"), Ko = $t("vh"), $o = $t("vw"), Bn = {
|
|
1063
1063
|
...$,
|
|
1064
1064
|
parse: (t) => $.parse(t) / 100,
|
|
1065
1065
|
transform: (t) => $.transform(t * 100)
|
|
@@ -1068,38 +1068,38 @@ const $t = (t) => ({
|
|
|
1068
1068
|
transform: Math.round
|
|
1069
1069
|
}, hs = {
|
|
1070
1070
|
// Border props
|
|
1071
|
-
borderWidth:
|
|
1072
|
-
borderTopWidth:
|
|
1073
|
-
borderRightWidth:
|
|
1074
|
-
borderBottomWidth:
|
|
1075
|
-
borderLeftWidth:
|
|
1076
|
-
borderRadius:
|
|
1077
|
-
radius:
|
|
1078
|
-
borderTopLeftRadius:
|
|
1079
|
-
borderTopRightRadius:
|
|
1080
|
-
borderBottomRightRadius:
|
|
1081
|
-
borderBottomLeftRadius:
|
|
1071
|
+
borderWidth: A,
|
|
1072
|
+
borderTopWidth: A,
|
|
1073
|
+
borderRightWidth: A,
|
|
1074
|
+
borderBottomWidth: A,
|
|
1075
|
+
borderLeftWidth: A,
|
|
1076
|
+
borderRadius: A,
|
|
1077
|
+
radius: A,
|
|
1078
|
+
borderTopLeftRadius: A,
|
|
1079
|
+
borderTopRightRadius: A,
|
|
1080
|
+
borderBottomRightRadius: A,
|
|
1081
|
+
borderBottomLeftRadius: A,
|
|
1082
1082
|
// Positioning props
|
|
1083
|
-
width:
|
|
1084
|
-
maxWidth:
|
|
1085
|
-
height:
|
|
1086
|
-
maxHeight:
|
|
1087
|
-
size:
|
|
1088
|
-
top:
|
|
1089
|
-
right:
|
|
1090
|
-
bottom:
|
|
1091
|
-
left:
|
|
1083
|
+
width: A,
|
|
1084
|
+
maxWidth: A,
|
|
1085
|
+
height: A,
|
|
1086
|
+
maxHeight: A,
|
|
1087
|
+
size: A,
|
|
1088
|
+
top: A,
|
|
1089
|
+
right: A,
|
|
1090
|
+
bottom: A,
|
|
1091
|
+
left: A,
|
|
1092
1092
|
// Spacing props
|
|
1093
|
-
padding:
|
|
1094
|
-
paddingTop:
|
|
1095
|
-
paddingRight:
|
|
1096
|
-
paddingBottom:
|
|
1097
|
-
paddingLeft:
|
|
1098
|
-
margin:
|
|
1099
|
-
marginTop:
|
|
1100
|
-
marginRight:
|
|
1101
|
-
marginBottom:
|
|
1102
|
-
marginLeft:
|
|
1093
|
+
padding: A,
|
|
1094
|
+
paddingTop: A,
|
|
1095
|
+
paddingRight: A,
|
|
1096
|
+
paddingBottom: A,
|
|
1097
|
+
paddingLeft: A,
|
|
1098
|
+
margin: A,
|
|
1099
|
+
marginTop: A,
|
|
1100
|
+
marginRight: A,
|
|
1101
|
+
marginBottom: A,
|
|
1102
|
+
marginLeft: A,
|
|
1103
1103
|
// Transform props
|
|
1104
1104
|
rotate: at,
|
|
1105
1105
|
rotateX: at,
|
|
@@ -1112,19 +1112,19 @@ const $t = (t) => ({
|
|
|
1112
1112
|
skew: at,
|
|
1113
1113
|
skewX: at,
|
|
1114
1114
|
skewY: at,
|
|
1115
|
-
distance:
|
|
1116
|
-
translateX:
|
|
1117
|
-
translateY:
|
|
1118
|
-
translateZ:
|
|
1119
|
-
x:
|
|
1120
|
-
y:
|
|
1121
|
-
z:
|
|
1122
|
-
perspective:
|
|
1123
|
-
transformPerspective:
|
|
1115
|
+
distance: A,
|
|
1116
|
+
translateX: A,
|
|
1117
|
+
translateY: A,
|
|
1118
|
+
translateZ: A,
|
|
1119
|
+
x: A,
|
|
1120
|
+
y: A,
|
|
1121
|
+
z: A,
|
|
1122
|
+
perspective: A,
|
|
1123
|
+
transformPerspective: A,
|
|
1124
1124
|
opacity: zt,
|
|
1125
1125
|
originX: Bn,
|
|
1126
1126
|
originY: Bn,
|
|
1127
|
-
originZ:
|
|
1127
|
+
originZ: A,
|
|
1128
1128
|
// Misc
|
|
1129
1129
|
zIndex: Nn,
|
|
1130
1130
|
// SVG
|
|
@@ -1141,7 +1141,7 @@ function an(t, e, n, i) {
|
|
|
1141
1141
|
o[h] = d;
|
|
1142
1142
|
continue;
|
|
1143
1143
|
}
|
|
1144
|
-
const f = hs[h], p =
|
|
1144
|
+
const f = hs[h], p = Xo(d, f);
|
|
1145
1145
|
if (bt.has(h)) {
|
|
1146
1146
|
if (l = !0, r[h] = p, !u)
|
|
1147
1147
|
continue;
|
|
@@ -1149,7 +1149,7 @@ function an(t, e, n, i) {
|
|
|
1149
1149
|
} else
|
|
1150
1150
|
h.startsWith("origin") ? (c = !0, a[h] = p) : s[h] = p;
|
|
1151
1151
|
}
|
|
1152
|
-
if (e.transform || (l || i ? s.transform =
|
|
1152
|
+
if (e.transform || (l || i ? s.transform = Go(t.transform, n, u, i) : s.transform && (s.transform = "none")), c) {
|
|
1153
1153
|
const { originX: h = "50%", originY: d = "50%", originZ: f = 0 } = a;
|
|
1154
1154
|
s.transformOrigin = `${h} ${d} ${f}`;
|
|
1155
1155
|
}
|
|
@@ -1164,21 +1164,21 @@ function ds(t, e, n) {
|
|
|
1164
1164
|
for (const i in e)
|
|
1165
1165
|
!W(e[i]) && !as(i, n) && (t[i] = e[i]);
|
|
1166
1166
|
}
|
|
1167
|
-
function
|
|
1167
|
+
function Qo({ transformTemplate: t }, e, n) {
|
|
1168
1168
|
return be(() => {
|
|
1169
1169
|
const i = ln();
|
|
1170
1170
|
return an(i, e, { enableHardwareAcceleration: !n }, t), Object.assign({}, i.vars, i.style);
|
|
1171
1171
|
}, [e]);
|
|
1172
1172
|
}
|
|
1173
|
-
function
|
|
1173
|
+
function Zo(t, e, n) {
|
|
1174
1174
|
const i = t.style || {}, s = {};
|
|
1175
|
-
return ds(s, i, t), Object.assign(s,
|
|
1175
|
+
return ds(s, i, t), Object.assign(s, Qo(t, e, n)), t.transformValues ? t.transformValues(s) : s;
|
|
1176
1176
|
}
|
|
1177
|
-
function
|
|
1178
|
-
const i = {}, s =
|
|
1177
|
+
function Jo(t, e, n) {
|
|
1178
|
+
const i = {}, s = Zo(t, e, n);
|
|
1179
1179
|
return t.drag && t.dragListener !== !1 && (i.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (i.tabIndex = 0), i.style = s, i;
|
|
1180
1180
|
}
|
|
1181
|
-
const
|
|
1181
|
+
const ta = /* @__PURE__ */ new Set([
|
|
1182
1182
|
"animate",
|
|
1183
1183
|
"exit",
|
|
1184
1184
|
"variants",
|
|
@@ -1212,17 +1212,17 @@ const Jo = /* @__PURE__ */ new Set([
|
|
|
1212
1212
|
"viewport"
|
|
1213
1213
|
]);
|
|
1214
1214
|
function de(t) {
|
|
1215
|
-
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") ||
|
|
1215
|
+
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || ta.has(t);
|
|
1216
1216
|
}
|
|
1217
1217
|
let fs = (t) => !de(t);
|
|
1218
|
-
function
|
|
1218
|
+
function ea(t) {
|
|
1219
1219
|
t && (fs = (e) => e.startsWith("on") ? !de(e) : t(e));
|
|
1220
1220
|
}
|
|
1221
1221
|
try {
|
|
1222
|
-
|
|
1222
|
+
ea(require("@emotion/is-prop-valid").default);
|
|
1223
1223
|
} catch {
|
|
1224
1224
|
}
|
|
1225
|
-
function
|
|
1225
|
+
function na(t, e, n) {
|
|
1226
1226
|
const i = {};
|
|
1227
1227
|
for (const s in t)
|
|
1228
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
|
|
@@ -1230,24 +1230,24 @@ function ea(t, e, n) {
|
|
|
1230
1230
|
return i;
|
|
1231
1231
|
}
|
|
1232
1232
|
function jn(t, e, n) {
|
|
1233
|
-
return typeof t == "string" ? t :
|
|
1233
|
+
return typeof t == "string" ? t : A.transform(e + n * t);
|
|
1234
1234
|
}
|
|
1235
|
-
function
|
|
1235
|
+
function ia(t, e, n) {
|
|
1236
1236
|
const i = jn(e, t.x, t.width), s = jn(n, t.y, t.height);
|
|
1237
1237
|
return `${i} ${s}`;
|
|
1238
1238
|
}
|
|
1239
|
-
const
|
|
1239
|
+
const sa = {
|
|
1240
1240
|
offset: "stroke-dashoffset",
|
|
1241
1241
|
array: "stroke-dasharray"
|
|
1242
|
-
},
|
|
1242
|
+
}, ra = {
|
|
1243
1243
|
offset: "strokeDashoffset",
|
|
1244
1244
|
array: "strokeDasharray"
|
|
1245
1245
|
};
|
|
1246
|
-
function
|
|
1246
|
+
function oa(t, e, n = 1, i = 0, s = !0) {
|
|
1247
1247
|
t.pathLength = 1;
|
|
1248
|
-
const o = s ?
|
|
1249
|
-
t[o.offset] =
|
|
1250
|
-
const r =
|
|
1248
|
+
const o = s ? sa : ra;
|
|
1249
|
+
t[o.offset] = A.transform(-i);
|
|
1250
|
+
const r = A.transform(e), a = A.transform(n);
|
|
1251
1251
|
t[o.array] = `${r} ${a}`;
|
|
1252
1252
|
}
|
|
1253
1253
|
function cn(t, {
|
|
@@ -1268,13 +1268,13 @@ function cn(t, {
|
|
|
1268
1268
|
}
|
|
1269
1269
|
t.attrs = t.style, t.style = {};
|
|
1270
1270
|
const { attrs: f, style: p, dimensions: m } = t;
|
|
1271
|
-
f.transform && (m && (p.transform = f.transform), delete f.transform), m && (s !== void 0 || o !== void 0 || p.transform) && (p.transformOrigin =
|
|
1271
|
+
f.transform && (m && (p.transform = f.transform), delete f.transform), m && (s !== void 0 || o !== void 0 || p.transform) && (p.transformOrigin = ia(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 && oa(f, r, a, l, !1);
|
|
1272
1272
|
}
|
|
1273
1273
|
const ps = () => ({
|
|
1274
1274
|
...ln(),
|
|
1275
1275
|
attrs: {}
|
|
1276
1276
|
}), un = (t) => typeof t == "string" && t.toLowerCase() === "svg";
|
|
1277
|
-
function
|
|
1277
|
+
function aa(t, e, n, i) {
|
|
1278
1278
|
const s = be(() => {
|
|
1279
1279
|
const o = ps();
|
|
1280
1280
|
return cn(o, e, { enableHardwareAcceleration: !1 }, un(i), t.transformTemplate), {
|
|
@@ -1288,10 +1288,10 @@ function oa(t, e, n, i) {
|
|
|
1288
1288
|
}
|
|
1289
1289
|
return s;
|
|
1290
1290
|
}
|
|
1291
|
-
function
|
|
1291
|
+
function la(t = !1) {
|
|
1292
1292
|
return (n, i, s, { latestValues: o }, r) => {
|
|
1293
|
-
const l = (on(n) ?
|
|
1294
|
-
...
|
|
1293
|
+
const l = (on(n) ? aa : Jo)(i, o, r, n), u = {
|
|
1294
|
+
...na(i, typeof n == "string", t),
|
|
1295
1295
|
...l,
|
|
1296
1296
|
ref: s
|
|
1297
1297
|
}, { children: h } = i, d = be(() => W(h) ? h.get() : h, [h]);
|
|
@@ -1354,27 +1354,27 @@ function ys(t, e) {
|
|
|
1354
1354
|
function dn(t, e, n, i = {}, s = {}) {
|
|
1355
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;
|
|
1356
1356
|
}
|
|
1357
|
-
function
|
|
1357
|
+
function ca(t) {
|
|
1358
1358
|
const e = Et(null);
|
|
1359
1359
|
return e.current === null && (e.current = t()), e.current;
|
|
1360
1360
|
}
|
|
1361
|
-
const fe = (t) => Array.isArray(t),
|
|
1361
|
+
const fe = (t) => Array.isArray(t), ua = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), ha = (t) => fe(t) ? t[t.length - 1] || 0 : t;
|
|
1362
1362
|
function ae(t) {
|
|
1363
1363
|
const e = W(t) ? t.get() : t;
|
|
1364
|
-
return
|
|
1364
|
+
return ua(e) ? e.toValue() : e;
|
|
1365
1365
|
}
|
|
1366
|
-
function
|
|
1366
|
+
function da({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, i, s, o) {
|
|
1367
1367
|
const r = {
|
|
1368
|
-
latestValues:
|
|
1368
|
+
latestValues: fa(i, s, o, t),
|
|
1369
1369
|
renderState: e()
|
|
1370
1370
|
};
|
|
1371
1371
|
return n && (r.mount = (a) => n(i, a, r)), r;
|
|
1372
1372
|
}
|
|
1373
1373
|
const bs = (t) => (e, n) => {
|
|
1374
|
-
const i = z(xe), s = z(en), o = () =>
|
|
1375
|
-
return n ? o() :
|
|
1374
|
+
const i = z(xe), s = z(en), o = () => da(t, e, i, s);
|
|
1375
|
+
return n ? o() : ca(o);
|
|
1376
1376
|
};
|
|
1377
|
-
function
|
|
1377
|
+
function fa(t, e, n, i) {
|
|
1378
1378
|
const s = {}, o = i(t, {});
|
|
1379
1379
|
for (const d in o)
|
|
1380
1380
|
s[d] = ae(o[d]);
|
|
@@ -1388,17 +1388,17 @@ function da(t, e, n, i) {
|
|
|
1388
1388
|
const p = dn(t, f);
|
|
1389
1389
|
if (!p)
|
|
1390
1390
|
return;
|
|
1391
|
-
const { transitionEnd: m, transition:
|
|
1392
|
-
for (const
|
|
1393
|
-
let g = b
|
|
1391
|
+
const { transitionEnd: m, transition: v, ...y } = p;
|
|
1392
|
+
for (const b in y) {
|
|
1393
|
+
let g = y[b];
|
|
1394
1394
|
if (Array.isArray(g)) {
|
|
1395
1395
|
const x = u ? g.length - 1 : 0;
|
|
1396
1396
|
g = g[x];
|
|
1397
1397
|
}
|
|
1398
|
-
g !== null && (s[
|
|
1398
|
+
g !== null && (s[b] = g);
|
|
1399
1399
|
}
|
|
1400
|
-
for (const
|
|
1401
|
-
s[
|
|
1400
|
+
for (const b in m)
|
|
1401
|
+
s[b] = m[b];
|
|
1402
1402
|
}), s;
|
|
1403
1403
|
}
|
|
1404
1404
|
const O = (t) => t;
|
|
@@ -1418,7 +1418,7 @@ class In {
|
|
|
1418
1418
|
this.order.length = 0, this.scheduled.clear();
|
|
1419
1419
|
}
|
|
1420
1420
|
}
|
|
1421
|
-
function
|
|
1421
|
+
function pa(t) {
|
|
1422
1422
|
let e = new In(), n = new In(), i = 0, s = !1, o = !1;
|
|
1423
1423
|
const r = /* @__PURE__ */ new WeakSet(), a = {
|
|
1424
1424
|
/**
|
|
@@ -1459,25 +1459,25 @@ const ne = [
|
|
|
1459
1459
|
"preRender",
|
|
1460
1460
|
"render",
|
|
1461
1461
|
"postRender"
|
|
1462
|
-
],
|
|
1463
|
-
function
|
|
1462
|
+
], ma = 40;
|
|
1463
|
+
function ga(t, e) {
|
|
1464
1464
|
let n = !1, i = !0;
|
|
1465
1465
|
const s = {
|
|
1466
1466
|
delta: 0,
|
|
1467
1467
|
timestamp: 0,
|
|
1468
1468
|
isProcessing: !1
|
|
1469
|
-
}, o = ne.reduce((h, d) => (h[d] =
|
|
1469
|
+
}, o = ne.reduce((h, d) => (h[d] = pa(() => n = !0), h), {}), r = (h) => o[h].process(s), a = () => {
|
|
1470
1470
|
const h = performance.now();
|
|
1471
|
-
n = !1, s.delta = i ? 1e3 / 60 : Math.max(Math.min(h - s.timestamp,
|
|
1471
|
+
n = !1, s.delta = i ? 1e3 / 60 : Math.max(Math.min(h - s.timestamp, ma), 1), s.timestamp = h, s.isProcessing = !0, ne.forEach(r), s.isProcessing = !1, n && e && (i = !1, t(a));
|
|
1472
1472
|
}, l = () => {
|
|
1473
1473
|
n = !0, i = !0, s.isProcessing || t(a);
|
|
1474
1474
|
};
|
|
1475
1475
|
return { schedule: ne.reduce((h, d) => {
|
|
1476
1476
|
const f = o[d];
|
|
1477
|
-
return h[d] = (p, m = !1,
|
|
1477
|
+
return h[d] = (p, m = !1, v = !1) => (n || l(), f.schedule(p, m, v)), h;
|
|
1478
1478
|
}, {}), cancel: (h) => ne.forEach((d) => o[d].cancel(h)), state: s, steps: o };
|
|
1479
1479
|
}
|
|
1480
|
-
const { schedule: V, cancel: nt, state: N, steps: Me } =
|
|
1480
|
+
const { schedule: V, cancel: nt, state: N, steps: Me } = ga(typeof requestAnimationFrame < "u" ? requestAnimationFrame : O, !0), va = {
|
|
1481
1481
|
useVisualState: bs({
|
|
1482
1482
|
scrapeMotionValuesFromProps: ys,
|
|
1483
1483
|
createRenderState: ps,
|
|
@@ -1498,17 +1498,17 @@ const { schedule: V, cancel: nt, state: N, steps: Me } = ma(typeof requestAnimat
|
|
|
1498
1498
|
});
|
|
1499
1499
|
}
|
|
1500
1500
|
})
|
|
1501
|
-
},
|
|
1501
|
+
}, ya = {
|
|
1502
1502
|
useVisualState: bs({
|
|
1503
1503
|
scrapeMotionValuesFromProps: hn,
|
|
1504
1504
|
createRenderState: ln
|
|
1505
1505
|
})
|
|
1506
1506
|
};
|
|
1507
|
-
function
|
|
1507
|
+
function ba(t, { forwardMotionProps: e = !1 }, n, i) {
|
|
1508
1508
|
return {
|
|
1509
|
-
...on(t) ?
|
|
1509
|
+
...on(t) ? va : ya,
|
|
1510
1510
|
preloadedFeatures: n,
|
|
1511
|
-
useRender:
|
|
1511
|
+
useRender: la(e),
|
|
1512
1512
|
createVisualElement: i,
|
|
1513
1513
|
Component: t
|
|
1514
1514
|
};
|
|
@@ -1525,11 +1525,11 @@ function Pe(t, e = "page") {
|
|
|
1525
1525
|
}
|
|
1526
1526
|
};
|
|
1527
1527
|
}
|
|
1528
|
-
const
|
|
1528
|
+
const xa = (t) => (e) => xs(e) && t(e, Pe(e));
|
|
1529
1529
|
function tt(t, e, n, i) {
|
|
1530
|
-
return J(t, e,
|
|
1530
|
+
return J(t, e, xa(n), i);
|
|
1531
1531
|
}
|
|
1532
|
-
const
|
|
1532
|
+
const wa = (t, e) => (n) => e(t(n)), ct = (...t) => t.reduce(wa);
|
|
1533
1533
|
function ws(t) {
|
|
1534
1534
|
let e = null;
|
|
1535
1535
|
return () => {
|
|
@@ -1576,14 +1576,14 @@ function Wn(t, e) {
|
|
|
1576
1576
|
passive: !t.getProps()[i]
|
|
1577
1577
|
});
|
|
1578
1578
|
}
|
|
1579
|
-
class
|
|
1579
|
+
class Sa extends ft {
|
|
1580
1580
|
mount() {
|
|
1581
1581
|
this.unmount = ct(Wn(this.node, !0), Wn(this.node, !1));
|
|
1582
1582
|
}
|
|
1583
1583
|
unmount() {
|
|
1584
1584
|
}
|
|
1585
1585
|
}
|
|
1586
|
-
class
|
|
1586
|
+
class Ta extends ft {
|
|
1587
1587
|
constructor() {
|
|
1588
1588
|
super(...arguments), this.isActive = !1;
|
|
1589
1589
|
}
|
|
@@ -1612,7 +1612,7 @@ function Oe(t, e) {
|
|
|
1612
1612
|
const n = new PointerEvent("pointer" + t);
|
|
1613
1613
|
e(n, Pe(n));
|
|
1614
1614
|
}
|
|
1615
|
-
class
|
|
1615
|
+
class Aa extends ft {
|
|
1616
1616
|
constructor() {
|
|
1617
1617
|
super(...arguments), this.removeStartListeners = O, this.removeEndListeners = O, this.removeAccessibleListeners = O, this.startPointerPress = (e, n) => {
|
|
1618
1618
|
if (this.isPressing)
|
|
@@ -1668,29 +1668,29 @@ class Ta extends ft {
|
|
|
1668
1668
|
this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
|
|
1669
1669
|
}
|
|
1670
1670
|
}
|
|
1671
|
-
const Ue = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(),
|
|
1671
|
+
const Ue = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), Pa = (t) => {
|
|
1672
1672
|
const e = Ue.get(t.target);
|
|
1673
1673
|
e && e(t);
|
|
1674
|
-
},
|
|
1675
|
-
t.forEach(
|
|
1674
|
+
}, ka = (t) => {
|
|
1675
|
+
t.forEach(Pa);
|
|
1676
1676
|
};
|
|
1677
|
-
function
|
|
1677
|
+
function Ca({ root: t, ...e }) {
|
|
1678
1678
|
const n = t || document;
|
|
1679
1679
|
De.has(n) || De.set(n, {});
|
|
1680
1680
|
const i = De.get(n), s = JSON.stringify(e);
|
|
1681
|
-
return i[s] || (i[s] = new IntersectionObserver(
|
|
1681
|
+
return i[s] || (i[s] = new IntersectionObserver(ka, { root: t, ...e })), i[s];
|
|
1682
1682
|
}
|
|
1683
|
-
function
|
|
1684
|
-
const i =
|
|
1683
|
+
function Va(t, e, n) {
|
|
1684
|
+
const i = Ca(e);
|
|
1685
1685
|
return Ue.set(t, n), i.observe(t), () => {
|
|
1686
1686
|
Ue.delete(t), i.unobserve(t);
|
|
1687
1687
|
};
|
|
1688
1688
|
}
|
|
1689
|
-
const
|
|
1689
|
+
const Ea = {
|
|
1690
1690
|
some: 0,
|
|
1691
1691
|
all: 1
|
|
1692
1692
|
};
|
|
1693
|
-
class
|
|
1693
|
+
class Ma extends ft {
|
|
1694
1694
|
constructor() {
|
|
1695
1695
|
super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
|
|
1696
1696
|
}
|
|
@@ -1699,7 +1699,7 @@ class Ea extends ft {
|
|
|
1699
1699
|
const { viewport: e = {} } = this.node.getProps(), { root: n, margin: i, amount: s = "some", once: o } = e, r = {
|
|
1700
1700
|
root: n ? n.current : void 0,
|
|
1701
1701
|
rootMargin: i,
|
|
1702
|
-
threshold: typeof s == "number" ? s :
|
|
1702
|
+
threshold: typeof s == "number" ? s : Ea[s]
|
|
1703
1703
|
}, a = (l) => {
|
|
1704
1704
|
const { isIntersecting: c } = l;
|
|
1705
1705
|
if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
|
|
@@ -1708,7 +1708,7 @@ class Ea extends ft {
|
|
|
1708
1708
|
const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), d = c ? u : h;
|
|
1709
1709
|
d && d(l);
|
|
1710
1710
|
};
|
|
1711
|
-
return
|
|
1711
|
+
return Va(this.node.current, r, a);
|
|
1712
1712
|
}
|
|
1713
1713
|
mount() {
|
|
1714
1714
|
this.startObserver();
|
|
@@ -1717,26 +1717,26 @@ class Ea extends ft {
|
|
|
1717
1717
|
if (typeof IntersectionObserver > "u")
|
|
1718
1718
|
return;
|
|
1719
1719
|
const { props: e, prevProps: n } = this.node;
|
|
1720
|
-
["amount", "margin", "root"].some(
|
|
1720
|
+
["amount", "margin", "root"].some(Oa(e, n)) && this.startObserver();
|
|
1721
1721
|
}
|
|
1722
1722
|
unmount() {
|
|
1723
1723
|
}
|
|
1724
1724
|
}
|
|
1725
|
-
function
|
|
1725
|
+
function Oa({ viewport: t = {} }, { viewport: e = {} } = {}) {
|
|
1726
1726
|
return (n) => t[n] !== e[n];
|
|
1727
1727
|
}
|
|
1728
|
-
const
|
|
1728
|
+
const Da = {
|
|
1729
1729
|
inView: {
|
|
1730
|
-
Feature:
|
|
1730
|
+
Feature: Ma
|
|
1731
1731
|
},
|
|
1732
1732
|
tap: {
|
|
1733
|
-
Feature:
|
|
1733
|
+
Feature: Aa
|
|
1734
1734
|
},
|
|
1735
1735
|
focus: {
|
|
1736
|
-
Feature:
|
|
1736
|
+
Feature: Ta
|
|
1737
1737
|
},
|
|
1738
1738
|
hover: {
|
|
1739
|
-
Feature:
|
|
1739
|
+
Feature: Sa
|
|
1740
1740
|
}
|
|
1741
1741
|
};
|
|
1742
1742
|
function Ps(t, e) {
|
|
@@ -1750,17 +1750,17 @@ function Ps(t, e) {
|
|
|
1750
1750
|
return !1;
|
|
1751
1751
|
return !0;
|
|
1752
1752
|
}
|
|
1753
|
-
function
|
|
1753
|
+
function La(t) {
|
|
1754
1754
|
const e = {};
|
|
1755
1755
|
return t.values.forEach((n, i) => e[i] = n.get()), e;
|
|
1756
1756
|
}
|
|
1757
|
-
function
|
|
1757
|
+
function Ra(t) {
|
|
1758
1758
|
const e = {};
|
|
1759
1759
|
return t.values.forEach((n, i) => e[i] = n.getVelocity()), e;
|
|
1760
1760
|
}
|
|
1761
1761
|
function ke(t, e, n) {
|
|
1762
1762
|
const i = t.getProps();
|
|
1763
|
-
return dn(i, e, n !== void 0 ? n : i.custom,
|
|
1763
|
+
return dn(i, e, n !== void 0 ? n : i.custom, La(t), Ra(t));
|
|
1764
1764
|
}
|
|
1765
1765
|
let Qt = O, K = O;
|
|
1766
1766
|
process.env.NODE_ENV !== "production" && (Qt = (t, e) => {
|
|
@@ -1769,7 +1769,7 @@ process.env.NODE_ENV !== "production" && (Qt = (t, e) => {
|
|
|
1769
1769
|
if (!t)
|
|
1770
1770
|
throw new Error(e);
|
|
1771
1771
|
});
|
|
1772
|
-
const ut = (t) => t * 1e3, et = (t) => t / 1e3,
|
|
1772
|
+
const ut = (t) => t * 1e3, et = (t) => t / 1e3, Ba = {
|
|
1773
1773
|
current: !1
|
|
1774
1774
|
}, ks = (t) => Array.isArray(t) && typeof t[0] == "number";
|
|
1775
1775
|
function Cs(t) {
|
|
@@ -1790,7 +1790,7 @@ function Es(t) {
|
|
|
1790
1790
|
if (t)
|
|
1791
1791
|
return ks(t) ? Ft(t) : Array.isArray(t) ? t.map(Es) : Vs[t];
|
|
1792
1792
|
}
|
|
1793
|
-
function
|
|
1793
|
+
function Na(t, e, n, { delay: i = 0, duration: s, repeat: o = 0, repeatType: r = "loop", ease: a, times: l } = {}) {
|
|
1794
1794
|
const c = { [e]: n };
|
|
1795
1795
|
l && (c.offset = l);
|
|
1796
1796
|
const u = Es(a);
|
|
@@ -1803,36 +1803,36 @@ function Ba(t, e, n, { delay: i = 0, duration: s, repeat: o = 0, repeatType: r =
|
|
|
1803
1803
|
direction: r === "reverse" ? "alternate" : "normal"
|
|
1804
1804
|
});
|
|
1805
1805
|
}
|
|
1806
|
-
function
|
|
1806
|
+
function ja(t, { repeat: e, repeatType: n = "loop" }) {
|
|
1807
1807
|
const i = e && n !== "loop" && e % 2 === 1 ? 0 : t.length - 1;
|
|
1808
1808
|
return t[i];
|
|
1809
1809
|
}
|
|
1810
|
-
const Ms = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t,
|
|
1811
|
-
function
|
|
1810
|
+
const Ms = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Ia = 1e-7, Fa = 12;
|
|
1811
|
+
function za(t, e, n, i, s) {
|
|
1812
1812
|
let o, r, a = 0;
|
|
1813
1813
|
do
|
|
1814
1814
|
r = e + (n - e) / 2, o = Ms(r, i, s) - t, o > 0 ? n = r : e = r;
|
|
1815
|
-
while (Math.abs(o) >
|
|
1815
|
+
while (Math.abs(o) > Ia && ++a < Fa);
|
|
1816
1816
|
return r;
|
|
1817
1817
|
}
|
|
1818
1818
|
function Zt(t, e, n, i) {
|
|
1819
1819
|
if (t === e && n === i)
|
|
1820
1820
|
return O;
|
|
1821
|
-
const s = (o) =>
|
|
1821
|
+
const s = (o) => za(o, 0, 1, t, n);
|
|
1822
1822
|
return (o) => o === 0 || o === 1 ? o : Ms(s(o), e, i);
|
|
1823
1823
|
}
|
|
1824
|
-
const
|
|
1824
|
+
const Wa = Zt(0.42, 0, 1, 1), _a = Zt(0, 0, 0.58, 1), Os = Zt(0.42, 0, 0.58, 1), Ua = (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), Ha = Ds(fn), Bs = Zt(0.33, 1.53, 0.69, 0.99), pn = Ls(Bs), Ga = Ds(pn), Ya = (t) => (t *= 2) < 1 ? 0.5 * pn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), _n = {
|
|
1825
1825
|
linear: O,
|
|
1826
|
-
easeIn:
|
|
1826
|
+
easeIn: Wa,
|
|
1827
1827
|
easeInOut: Os,
|
|
1828
|
-
easeOut:
|
|
1828
|
+
easeOut: _a,
|
|
1829
1829
|
circIn: fn,
|
|
1830
|
-
circInOut:
|
|
1830
|
+
circInOut: Ha,
|
|
1831
1831
|
circOut: Rs,
|
|
1832
1832
|
backIn: pn,
|
|
1833
|
-
backInOut:
|
|
1833
|
+
backInOut: Ga,
|
|
1834
1834
|
backOut: Bs,
|
|
1835
|
-
anticipate:
|
|
1835
|
+
anticipate: Ya
|
|
1836
1836
|
}, Un = (t) => {
|
|
1837
1837
|
if (Array.isArray(t)) {
|
|
1838
1838
|
K(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
|
|
@@ -1841,7 +1841,7 @@ const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1), Os = Zt(0.42, 0, 0.58, 1),
|
|
|
1841
1841
|
} else if (typeof t == "string")
|
|
1842
1842
|
return K(_n[t] !== void 0, `Invalid easing type '${t}'`), _n[t];
|
|
1843
1843
|
return t;
|
|
1844
|
-
}, mn = (t, e) => (n) => !!(Kt(n) &&
|
|
1844
|
+
}, mn = (t, e) => (n) => !!(Kt(n) && qo.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Ns = (t, e, n) => (i) => {
|
|
1845
1845
|
if (!Kt(i))
|
|
1846
1846
|
return i;
|
|
1847
1847
|
const [s, o, r, a] = i.match(Ae);
|
|
@@ -1851,15 +1851,15 @@ const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1), Os = Zt(0.42, 0, 0.58, 1),
|
|
|
1851
1851
|
[n]: parseFloat(r),
|
|
1852
1852
|
alpha: a !== void 0 ? parseFloat(a) : 1
|
|
1853
1853
|
};
|
|
1854
|
-
},
|
|
1854
|
+
}, Xa = (t) => ht(0, 255, t), Le = {
|
|
1855
1855
|
...xt,
|
|
1856
|
-
transform: (t) => Math.round(
|
|
1856
|
+
transform: (t) => Math.round(Xa(t))
|
|
1857
1857
|
}, yt = {
|
|
1858
1858
|
test: mn("rgb", "red"),
|
|
1859
1859
|
parse: Ns("red", "green", "blue"),
|
|
1860
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)) + ")"
|
|
1861
1861
|
};
|
|
1862
|
-
function
|
|
1862
|
+
function qa(t) {
|
|
1863
1863
|
let e = "", n = "", i = "", s = "";
|
|
1864
1864
|
return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), i = t.substring(5, 7), s = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), i = t.substring(3, 4), s = t.substring(4, 5), e += e, n += n, i += i, s += s), {
|
|
1865
1865
|
red: parseInt(e, 16),
|
|
@@ -1870,7 +1870,7 @@ function Xa(t) {
|
|
|
1870
1870
|
}
|
|
1871
1871
|
const He = {
|
|
1872
1872
|
test: mn("#"),
|
|
1873
|
-
parse:
|
|
1873
|
+
parse: qa,
|
|
1874
1874
|
transform: yt.transform
|
|
1875
1875
|
}, kt = {
|
|
1876
1876
|
test: mn("hsl", "hue"),
|
|
@@ -1884,7 +1884,7 @@ const He = {
|
|
|
1884
1884
|
function Re(t, e, n) {
|
|
1885
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;
|
|
1886
1886
|
}
|
|
1887
|
-
function
|
|
1887
|
+
function Ka({ hue: t, saturation: e, lightness: n, alpha: i }) {
|
|
1888
1888
|
t /= 360, e /= 100, n /= 100;
|
|
1889
1889
|
let s = 0, o = 0, r = 0;
|
|
1890
1890
|
if (!e)
|
|
@@ -1903,23 +1903,23 @@ function qa({ hue: t, saturation: e, lightness: n, alpha: i }) {
|
|
|
1903
1903
|
const Be = (t, e, n) => {
|
|
1904
1904
|
const i = t * t;
|
|
1905
1905
|
return Math.sqrt(Math.max(0, n * (e * e - i) + i));
|
|
1906
|
-
},
|
|
1906
|
+
}, $a = [He, yt, kt], Qa = (t) => $a.find((e) => e.test(t));
|
|
1907
1907
|
function Hn(t) {
|
|
1908
|
-
const e =
|
|
1908
|
+
const e = Qa(t);
|
|
1909
1909
|
K(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`);
|
|
1910
1910
|
let n = e.parse(t);
|
|
1911
|
-
return e === kt && (n =
|
|
1911
|
+
return e === kt && (n = Ka(n)), n;
|
|
1912
1912
|
}
|
|
1913
1913
|
const js = (t, e) => {
|
|
1914
1914
|
const n = Hn(t), i = Hn(e), s = { ...n };
|
|
1915
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));
|
|
1916
1916
|
};
|
|
1917
|
-
function
|
|
1917
|
+
function Za(t) {
|
|
1918
1918
|
var e, n;
|
|
1919
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;
|
|
1920
1920
|
}
|
|
1921
1921
|
const Is = {
|
|
1922
|
-
regex:
|
|
1922
|
+
regex: Yo,
|
|
1923
1923
|
countKey: "Vars",
|
|
1924
1924
|
token: "${v}",
|
|
1925
1925
|
parse: O
|
|
@@ -1961,16 +1961,16 @@ function _s(t) {
|
|
|
1961
1961
|
return a;
|
|
1962
1962
|
};
|
|
1963
1963
|
}
|
|
1964
|
-
const
|
|
1965
|
-
function
|
|
1964
|
+
const Ja = (t) => typeof t == "number" ? 0 : t;
|
|
1965
|
+
function tl(t) {
|
|
1966
1966
|
const e = Ws(t);
|
|
1967
|
-
return _s(t)(e.map(
|
|
1967
|
+
return _s(t)(e.map(Ja));
|
|
1968
1968
|
}
|
|
1969
1969
|
const dt = {
|
|
1970
|
-
test:
|
|
1970
|
+
test: Za,
|
|
1971
1971
|
parse: Ws,
|
|
1972
1972
|
createTransformer: _s,
|
|
1973
|
-
getAnimatableNone:
|
|
1973
|
+
getAnimatableNone: tl
|
|
1974
1974
|
}, Us = (t, e) => (n) => `${n > 0 ? e : t}`;
|
|
1975
1975
|
function Hs(t, e) {
|
|
1976
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);
|
|
@@ -1982,7 +1982,7 @@ const Gs = (t, e) => {
|
|
|
1982
1982
|
n[r] = s[r](o);
|
|
1983
1983
|
return n;
|
|
1984
1984
|
};
|
|
1985
|
-
},
|
|
1985
|
+
}, el = (t, e) => {
|
|
1986
1986
|
const n = { ...t, ...e }, i = {};
|
|
1987
1987
|
for (const s in n)
|
|
1988
1988
|
t[s] !== void 0 && e[s] !== void 0 && (i[s] = Hs(t[s], e[s]));
|
|
@@ -1998,11 +1998,11 @@ const Gs = (t, e) => {
|
|
|
1998
1998
|
const i = e - t;
|
|
1999
1999
|
return i === 0 ? 1 : (n - t) / i;
|
|
2000
2000
|
}, Gn = (t, e) => (n) => M(t, e, n);
|
|
2001
|
-
function
|
|
2002
|
-
return typeof t == "number" ? Gn : typeof t == "string" ? I.test(t) ? js : Ys : Array.isArray(t) ? Gs : typeof t == "object" ?
|
|
2001
|
+
function nl(t) {
|
|
2002
|
+
return typeof t == "number" ? Gn : typeof t == "string" ? I.test(t) ? js : Ys : Array.isArray(t) ? Gs : typeof t == "object" ? el : Gn;
|
|
2003
2003
|
}
|
|
2004
|
-
function
|
|
2005
|
-
const i = [], s = n ||
|
|
2004
|
+
function il(t, e, n) {
|
|
2005
|
+
const i = [], s = n || nl(t[0]), o = t.length - 1;
|
|
2006
2006
|
for (let r = 0; r < o; r++) {
|
|
2007
2007
|
let a = s(t[r], t[r + 1]);
|
|
2008
2008
|
if (e) {
|
|
@@ -2018,7 +2018,7 @@ function Xs(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
|
|
|
2018
2018
|
if (K(o === e.length, "Both input and output ranges must be the same length"), o === 1)
|
|
2019
2019
|
return () => e[0];
|
|
2020
2020
|
t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
|
|
2021
|
-
const r =
|
|
2021
|
+
const r = il(e, i, s), a = r.length, l = (c) => {
|
|
2022
2022
|
let u = 0;
|
|
2023
2023
|
if (a > 1)
|
|
2024
2024
|
for (; u < t.length - 2 && !(c < t[u + 1]); u++)
|
|
@@ -2028,34 +2028,34 @@ function Xs(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
|
|
|
2028
2028
|
};
|
|
2029
2029
|
return n ? (c) => l(ht(t[0], t[o - 1], c)) : l;
|
|
2030
2030
|
}
|
|
2031
|
-
function
|
|
2031
|
+
function sl(t, e) {
|
|
2032
2032
|
const n = t[t.length - 1];
|
|
2033
2033
|
for (let i = 1; i <= e; i++) {
|
|
2034
2034
|
const s = Yt(0, e, i);
|
|
2035
2035
|
t.push(M(n, 1, s));
|
|
2036
2036
|
}
|
|
2037
2037
|
}
|
|
2038
|
-
function
|
|
2038
|
+
function rl(t) {
|
|
2039
2039
|
const e = [0];
|
|
2040
|
-
return
|
|
2040
|
+
return sl(e, t.length - 1), e;
|
|
2041
2041
|
}
|
|
2042
|
-
function
|
|
2042
|
+
function ol(t, e) {
|
|
2043
2043
|
return t.map((n) => n * e);
|
|
2044
2044
|
}
|
|
2045
|
-
function
|
|
2045
|
+
function al(t, e) {
|
|
2046
2046
|
return t.map(() => e || Os).splice(0, t.length - 1);
|
|
2047
2047
|
}
|
|
2048
2048
|
function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
|
|
2049
|
-
const s =
|
|
2049
|
+
const s = Ua(i) ? i.map(Un) : Un(i), o = {
|
|
2050
2050
|
done: !1,
|
|
2051
2051
|
value: e[0]
|
|
2052
|
-
}, r =
|
|
2052
|
+
}, r = ol(
|
|
2053
2053
|
// Only use the provided offsets if they're the correct length
|
|
2054
2054
|
// TODO Maybe we should warn here if there's a length mismatch
|
|
2055
|
-
n && n.length === e.length ? n :
|
|
2055
|
+
n && n.length === e.length ? n : rl(e),
|
|
2056
2056
|
t
|
|
2057
2057
|
), a = Xs(r, e, {
|
|
2058
|
-
ease: Array.isArray(s) ? s :
|
|
2058
|
+
ease: Array.isArray(s) ? s : al(e, s)
|
|
2059
2059
|
});
|
|
2060
2060
|
return {
|
|
2061
2061
|
calculatedDuration: t,
|
|
@@ -2065,17 +2065,17 @@ function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
|
|
|
2065
2065
|
function qs(t, e) {
|
|
2066
2066
|
return e ? t * (1e3 / e) : 0;
|
|
2067
2067
|
}
|
|
2068
|
-
const
|
|
2068
|
+
const ll = 5;
|
|
2069
2069
|
function Ks(t, e, n) {
|
|
2070
|
-
const i = Math.max(e -
|
|
2070
|
+
const i = Math.max(e - ll, 0);
|
|
2071
2071
|
return qs(n - t(i), e - i);
|
|
2072
2072
|
}
|
|
2073
|
-
const je = 1e-3,
|
|
2074
|
-
function
|
|
2073
|
+
const je = 1e-3, cl = 0.01, Yn = 10, ul = 0.05, hl = 1;
|
|
2074
|
+
function dl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: i = 1 }) {
|
|
2075
2075
|
let s, o;
|
|
2076
2076
|
Qt(t <= ut(Yn), "Spring duration must be 10 seconds or less");
|
|
2077
2077
|
let r = 1 - e;
|
|
2078
|
-
r = ht(
|
|
2078
|
+
r = ht(ul, hl, r), t = ht(cl, Yn, et(t)), r < 1 ? (s = (c) => {
|
|
2079
2079
|
const u = c * r, h = u * t, d = u - n, f = Ge(c, r), p = Math.exp(-h);
|
|
2080
2080
|
return je - d / f * p;
|
|
2081
2081
|
}, o = (c) => {
|
|
@@ -2088,7 +2088,7 @@ function hl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: i = 1
|
|
|
2088
2088
|
const u = Math.exp(-c * t), h = (n - c) * (t * t);
|
|
2089
2089
|
return u * h;
|
|
2090
2090
|
});
|
|
2091
|
-
const a = 5 / t, l =
|
|
2091
|
+
const a = 5 / t, l = pl(s, o, a);
|
|
2092
2092
|
if (t = ut(t), isNaN(l))
|
|
2093
2093
|
return {
|
|
2094
2094
|
stiffness: 100,
|
|
@@ -2104,21 +2104,21 @@ function hl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: i = 1
|
|
|
2104
2104
|
};
|
|
2105
2105
|
}
|
|
2106
2106
|
}
|
|
2107
|
-
const
|
|
2108
|
-
function
|
|
2107
|
+
const fl = 12;
|
|
2108
|
+
function pl(t, e, n) {
|
|
2109
2109
|
let i = n;
|
|
2110
|
-
for (let s = 1; s <
|
|
2110
|
+
for (let s = 1; s < fl; s++)
|
|
2111
2111
|
i = i - t(i) / e(i);
|
|
2112
2112
|
return i;
|
|
2113
2113
|
}
|
|
2114
2114
|
function Ge(t, e) {
|
|
2115
2115
|
return t * Math.sqrt(1 - e * e);
|
|
2116
2116
|
}
|
|
2117
|
-
const
|
|
2117
|
+
const ml = ["duration", "bounce"], gl = ["stiffness", "damping", "mass"];
|
|
2118
2118
|
function Xn(t, e) {
|
|
2119
2119
|
return e.some((n) => t[n] !== void 0);
|
|
2120
2120
|
}
|
|
2121
|
-
function
|
|
2121
|
+
function vl(t) {
|
|
2122
2122
|
let e = {
|
|
2123
2123
|
velocity: 0,
|
|
2124
2124
|
stiffness: 100,
|
|
@@ -2127,8 +2127,8 @@ function gl(t) {
|
|
|
2127
2127
|
isResolvedFromDuration: !1,
|
|
2128
2128
|
...t
|
|
2129
2129
|
};
|
|
2130
|
-
if (!Xn(t,
|
|
2131
|
-
const n =
|
|
2130
|
+
if (!Xn(t, gl) && Xn(t, ml)) {
|
|
2131
|
+
const n = dl(t);
|
|
2132
2132
|
e = {
|
|
2133
2133
|
...e,
|
|
2134
2134
|
...n,
|
|
@@ -2138,38 +2138,38 @@ function gl(t) {
|
|
|
2138
2138
|
return e;
|
|
2139
2139
|
}
|
|
2140
2140
|
function $s({ keyframes: t, restDelta: e, restSpeed: n, ...i }) {
|
|
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 } =
|
|
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 } = vl({
|
|
2142
2142
|
...i,
|
|
2143
2143
|
velocity: -et(i.velocity || 0)
|
|
2144
|
-
}), f = h || 0, p = l / (2 * Math.sqrt(a * c)), m = o - s,
|
|
2145
|
-
n || (n =
|
|
2146
|
-
let
|
|
2144
|
+
}), f = h || 0, p = l / (2 * Math.sqrt(a * c)), m = o - s, v = et(Math.sqrt(a / c)), y = Math.abs(m) < 5;
|
|
2145
|
+
n || (n = y ? 0.01 : 2), e || (e = y ? 5e-3 : 0.5);
|
|
2146
|
+
let b;
|
|
2147
2147
|
if (p < 1) {
|
|
2148
|
-
const g = Ge(
|
|
2149
|
-
|
|
2150
|
-
const T = Math.exp(-p *
|
|
2151
|
-
return o - T * ((f + p *
|
|
2148
|
+
const g = Ge(v, p);
|
|
2149
|
+
b = (x) => {
|
|
2150
|
+
const T = Math.exp(-p * v * x);
|
|
2151
|
+
return o - T * ((f + p * v * m) / g * Math.sin(g * x) + m * Math.cos(g * x));
|
|
2152
2152
|
};
|
|
2153
2153
|
} else if (p === 1)
|
|
2154
|
-
|
|
2154
|
+
b = (g) => o - Math.exp(-v * g) * (m + (f + v * m) * g);
|
|
2155
2155
|
else {
|
|
2156
|
-
const g =
|
|
2157
|
-
|
|
2158
|
-
const T = Math.exp(-p *
|
|
2159
|
-
return o - T * ((f + p *
|
|
2156
|
+
const g = v * Math.sqrt(p * p - 1);
|
|
2157
|
+
b = (x) => {
|
|
2158
|
+
const T = Math.exp(-p * v * x), S = Math.min(g * x, 300);
|
|
2159
|
+
return o - T * ((f + p * v * m) * Math.sinh(S) + g * m * Math.cosh(S)) / g;
|
|
2160
2160
|
};
|
|
2161
2161
|
}
|
|
2162
2162
|
return {
|
|
2163
2163
|
calculatedDuration: d && u || null,
|
|
2164
2164
|
next: (g) => {
|
|
2165
|
-
const x =
|
|
2165
|
+
const x = b(g);
|
|
2166
2166
|
if (d)
|
|
2167
2167
|
r.done = g >= u;
|
|
2168
2168
|
else {
|
|
2169
2169
|
let T = f;
|
|
2170
|
-
g !== 0 && (p < 1 ? T = Ks(
|
|
2171
|
-
const
|
|
2172
|
-
r.done =
|
|
2170
|
+
g !== 0 && (p < 1 ? T = Ks(b, g, x) : T = 0);
|
|
2171
|
+
const S = Math.abs(T) <= n, k = Math.abs(o - x) <= e;
|
|
2172
|
+
r.done = S && k;
|
|
2173
2173
|
}
|
|
2174
2174
|
return r.value = r.done ? o : x, r;
|
|
2175
2175
|
}
|
|
@@ -2179,19 +2179,19 @@ function qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
|
|
|
2179
2179
|
const h = t[0], d = {
|
|
2180
2180
|
done: !1,
|
|
2181
2181
|
value: h
|
|
2182
|
-
}, f = (
|
|
2182
|
+
}, f = (P) => a !== void 0 && P < a || l !== void 0 && P > l, p = (P) => a === void 0 ? l : l === void 0 || Math.abs(a - P) < Math.abs(l - P) ? a : l;
|
|
2183
2183
|
let m = n * e;
|
|
2184
|
-
const
|
|
2185
|
-
|
|
2186
|
-
const
|
|
2187
|
-
const C =
|
|
2188
|
-
d.done = Math.abs(C) <= c, d.value = d.done ?
|
|
2184
|
+
const v = h + m, y = r === void 0 ? v : r(v);
|
|
2185
|
+
y !== v && (m = y - h);
|
|
2186
|
+
const b = (P) => -m * Math.exp(-P / i), g = (P) => y + b(P), x = (P) => {
|
|
2187
|
+
const C = b(P), H = g(P);
|
|
2188
|
+
d.done = Math.abs(C) <= c, d.value = d.done ? y : H;
|
|
2189
2189
|
};
|
|
2190
|
-
let T,
|
|
2191
|
-
const k = (
|
|
2192
|
-
f(d.value) && (T =
|
|
2190
|
+
let T, S;
|
|
2191
|
+
const k = (P) => {
|
|
2192
|
+
f(d.value) && (T = P, S = $s({
|
|
2193
2193
|
keyframes: [d.value, p(d.value)],
|
|
2194
|
-
velocity: Ks(g,
|
|
2194
|
+
velocity: Ks(g, P, d.value),
|
|
2195
2195
|
damping: s,
|
|
2196
2196
|
stiffness: o,
|
|
2197
2197
|
restDelta: c,
|
|
@@ -2200,13 +2200,13 @@ function qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
|
|
|
2200
2200
|
};
|
|
2201
2201
|
return k(0), {
|
|
2202
2202
|
calculatedDuration: null,
|
|
2203
|
-
next: (
|
|
2203
|
+
next: (P) => {
|
|
2204
2204
|
let C = !1;
|
|
2205
|
-
return !
|
|
2205
|
+
return !S && T === void 0 && (C = !0, x(P), k(P)), T !== void 0 && P > T ? S.next(P - T) : (!C && x(P), d);
|
|
2206
2206
|
}
|
|
2207
2207
|
};
|
|
2208
2208
|
}
|
|
2209
|
-
const
|
|
2209
|
+
const yl = (t) => {
|
|
2210
2210
|
const e = ({ timestamp: n }) => t(n);
|
|
2211
2211
|
return {
|
|
2212
2212
|
start: () => V.update(e, !0),
|
|
@@ -2226,35 +2226,35 @@ function $n(t) {
|
|
|
2226
2226
|
e += n, i = t.next(e);
|
|
2227
2227
|
return e >= Kn ? 1 / 0 : e;
|
|
2228
2228
|
}
|
|
2229
|
-
const
|
|
2229
|
+
const bl = {
|
|
2230
2230
|
decay: qn,
|
|
2231
2231
|
inertia: qn,
|
|
2232
2232
|
tween: me,
|
|
2233
2233
|
keyframes: me,
|
|
2234
2234
|
spring: $s
|
|
2235
2235
|
};
|
|
2236
|
-
function ge({ autoplay: t = !0, delay: e = 0, driver: n =
|
|
2237
|
-
let f = 1, p = !1, m,
|
|
2238
|
-
const
|
|
2239
|
-
|
|
2236
|
+
function ge({ autoplay: t = !0, delay: e = 0, driver: n = yl, keyframes: i, type: s = "keyframes", repeat: o = 0, repeatDelay: r = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: h, ...d }) {
|
|
2237
|
+
let f = 1, p = !1, m, v;
|
|
2238
|
+
const y = () => {
|
|
2239
|
+
v = new Promise((E) => {
|
|
2240
2240
|
m = E;
|
|
2241
2241
|
});
|
|
2242
2242
|
};
|
|
2243
|
-
|
|
2244
|
-
let
|
|
2245
|
-
const g =
|
|
2243
|
+
y();
|
|
2244
|
+
let b;
|
|
2245
|
+
const g = bl[s] || me;
|
|
2246
2246
|
let x;
|
|
2247
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, {
|
|
2248
2248
|
clamp: !1
|
|
2249
2249
|
}), i = [0, 100]);
|
|
2250
2250
|
const T = g({ ...d, keyframes: i });
|
|
2251
|
-
let
|
|
2252
|
-
a === "mirror" && (
|
|
2251
|
+
let S;
|
|
2252
|
+
a === "mirror" && (S = g({
|
|
2253
2253
|
...d,
|
|
2254
2254
|
keyframes: [...i].reverse(),
|
|
2255
2255
|
velocity: -(d.velocity || 0)
|
|
2256
2256
|
}));
|
|
2257
|
-
let k = "idle",
|
|
2257
|
+
let k = "idle", P = null, C = null, H = null;
|
|
2258
2258
|
T.calculatedDuration === null && o && (T.calculatedDuration = $n(T));
|
|
2259
2259
|
const { calculatedDuration: Q } = T;
|
|
2260
2260
|
let X = 1 / 0, Z = 1 / 0;
|
|
@@ -2263,44 +2263,44 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2263
2263
|
const wt = (E) => {
|
|
2264
2264
|
if (C === null)
|
|
2265
2265
|
return;
|
|
2266
|
-
f > 0 && (C = Math.min(C, E)), f < 0 && (C = Math.min(E - Z / f, C)),
|
|
2266
|
+
f > 0 && (C = Math.min(C, E)), f < 0 && (C = Math.min(E - Z / f, C)), P !== null ? j = P : j = Math.round(E - C) * f;
|
|
2267
2267
|
const Rt = j - e * (f >= 0 ? 1 : -1), An = f >= 0 ? Rt < 0 : Rt > Z;
|
|
2268
|
-
j = Math.max(Rt, 0), k === "finished" &&
|
|
2268
|
+
j = Math.max(Rt, 0), k === "finished" && P === null && (j = Z);
|
|
2269
2269
|
let Pn = j, kn = T;
|
|
2270
2270
|
if (o) {
|
|
2271
2271
|
const Ce = Math.min(j, Z) / X;
|
|
2272
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 =
|
|
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 = S)), Pn = ht(0, 1, pt) * X;
|
|
2274
2274
|
}
|
|
2275
2275
|
const Bt = An ? { done: !1, value: i[0] } : kn.next(Pn);
|
|
2276
2276
|
x && (Bt.value = x(Bt.value));
|
|
2277
2277
|
let { done: Cn } = Bt;
|
|
2278
2278
|
!An && Q !== null && (Cn = f >= 0 ? j >= Z : j <= 0);
|
|
2279
|
-
const Pr =
|
|
2279
|
+
const Pr = P === null && (k === "finished" || k === "running" && Cn);
|
|
2280
2280
|
return h && h(Bt.value), Pr && Lt(), Bt;
|
|
2281
2281
|
}, R = () => {
|
|
2282
|
-
|
|
2282
|
+
b && b.stop(), b = void 0;
|
|
2283
2283
|
}, it = () => {
|
|
2284
|
-
k = "idle", R(), m(),
|
|
2284
|
+
k = "idle", R(), m(), y(), C = H = null;
|
|
2285
2285
|
}, Lt = () => {
|
|
2286
2286
|
k = "finished", u && u(), R(), m();
|
|
2287
2287
|
}, St = () => {
|
|
2288
2288
|
if (p)
|
|
2289
2289
|
return;
|
|
2290
|
-
|
|
2291
|
-
const E =
|
|
2292
|
-
l && l(),
|
|
2290
|
+
b || (b = n(wt));
|
|
2291
|
+
const E = b.now();
|
|
2292
|
+
l && l(), P !== null ? C = E - P : (!C || k === "finished") && (C = E), k === "finished" && y(), H = C, P = null, k = "running", b.start();
|
|
2293
2293
|
};
|
|
2294
2294
|
t && St();
|
|
2295
2295
|
const Tn = {
|
|
2296
2296
|
then(E, Rt) {
|
|
2297
|
-
return
|
|
2297
|
+
return v.then(E, Rt);
|
|
2298
2298
|
},
|
|
2299
2299
|
get time() {
|
|
2300
2300
|
return et(j);
|
|
2301
2301
|
},
|
|
2302
2302
|
set time(E) {
|
|
2303
|
-
E = ut(E), j = E,
|
|
2303
|
+
E = ut(E), j = E, P !== null || !b || f === 0 ? P = E : C = b.now() - E / f;
|
|
2304
2304
|
},
|
|
2305
2305
|
get duration() {
|
|
2306
2306
|
const E = T.calculatedDuration === null ? $n(T) : T.calculatedDuration;
|
|
@@ -2310,14 +2310,14 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2310
2310
|
return f;
|
|
2311
2311
|
},
|
|
2312
2312
|
set speed(E) {
|
|
2313
|
-
E === f || !
|
|
2313
|
+
E === f || !b || (f = E, Tn.time = et(j));
|
|
2314
2314
|
},
|
|
2315
2315
|
get state() {
|
|
2316
2316
|
return k;
|
|
2317
2317
|
},
|
|
2318
2318
|
play: St,
|
|
2319
2319
|
pause: () => {
|
|
2320
|
-
k = "paused",
|
|
2320
|
+
k = "paused", P = j;
|
|
2321
2321
|
},
|
|
2322
2322
|
stop: () => {
|
|
2323
2323
|
p = !0, k !== "idle" && (k = "idle", c && c(), it());
|
|
@@ -2332,19 +2332,19 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2332
2332
|
};
|
|
2333
2333
|
return Tn;
|
|
2334
2334
|
}
|
|
2335
|
-
function
|
|
2335
|
+
function xl(t) {
|
|
2336
2336
|
let e;
|
|
2337
2337
|
return () => (e === void 0 && (e = t()), e);
|
|
2338
2338
|
}
|
|
2339
|
-
const
|
|
2339
|
+
const wl = xl(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Sl = /* @__PURE__ */ new Set([
|
|
2340
2340
|
"opacity",
|
|
2341
2341
|
"clipPath",
|
|
2342
2342
|
"filter",
|
|
2343
2343
|
"transform",
|
|
2344
2344
|
"backgroundColor"
|
|
2345
|
-
]), ie = 10,
|
|
2346
|
-
function
|
|
2347
|
-
if (!(
|
|
2345
|
+
]), ie = 10, Tl = 2e4, Al = (t, e) => e.type === "spring" || t === "backgroundColor" || !Cs(e.ease);
|
|
2346
|
+
function Pl(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
2347
|
+
if (!(wl() && Sl.has(e) && !s.repeatDelay && s.repeatType !== "mirror" && s.damping !== 0 && s.type !== "inertia"))
|
|
2348
2348
|
return !1;
|
|
2349
2349
|
let r = !1, a, l, c = !1;
|
|
2350
2350
|
const u = () => {
|
|
@@ -2354,7 +2354,7 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2354
2354
|
};
|
|
2355
2355
|
u();
|
|
2356
2356
|
let { keyframes: h, duration: d = 300, ease: f, times: p } = s;
|
|
2357
|
-
if (
|
|
2357
|
+
if (Al(e, s)) {
|
|
2358
2358
|
const g = ge({
|
|
2359
2359
|
...s,
|
|
2360
2360
|
repeat: 0,
|
|
@@ -2362,12 +2362,12 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2362
2362
|
});
|
|
2363
2363
|
let x = { done: !1, value: h[0] };
|
|
2364
2364
|
const T = [];
|
|
2365
|
-
let
|
|
2366
|
-
for (; !x.done &&
|
|
2367
|
-
x = g.sample(
|
|
2368
|
-
p = void 0, h = T, d =
|
|
2365
|
+
let S = 0;
|
|
2366
|
+
for (; !x.done && S < Tl; )
|
|
2367
|
+
x = g.sample(S), T.push(x.value), S += ie;
|
|
2368
|
+
p = void 0, h = T, d = S - ie, f = "linear";
|
|
2369
2369
|
}
|
|
2370
|
-
const m =
|
|
2370
|
+
const m = Na(t.owner.current, e, h, {
|
|
2371
2371
|
...s,
|
|
2372
2372
|
duration: d,
|
|
2373
2373
|
/**
|
|
@@ -2380,13 +2380,13 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2380
2380
|
*/
|
|
2381
2381
|
ease: f,
|
|
2382
2382
|
times: p
|
|
2383
|
-
}),
|
|
2383
|
+
}), v = () => {
|
|
2384
2384
|
c = !1, m.cancel();
|
|
2385
|
-
},
|
|
2386
|
-
c = !0, V.update(
|
|
2385
|
+
}, y = () => {
|
|
2386
|
+
c = !0, V.update(v), a(), u();
|
|
2387
2387
|
};
|
|
2388
2388
|
return m.onfinish = () => {
|
|
2389
|
-
c || (t.set(
|
|
2389
|
+
c || (t.set(ja(h, s)), i && i(), y());
|
|
2390
2390
|
}, {
|
|
2391
2391
|
then(g, x) {
|
|
2392
2392
|
return l.then(g, x);
|
|
@@ -2410,7 +2410,7 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2410
2410
|
return et(d);
|
|
2411
2411
|
},
|
|
2412
2412
|
play: () => {
|
|
2413
|
-
r || (m.play(), nt(
|
|
2413
|
+
r || (m.play(), nt(v));
|
|
2414
2414
|
},
|
|
2415
2415
|
pause: () => m.pause(),
|
|
2416
2416
|
stop: () => {
|
|
@@ -2424,15 +2424,15 @@ function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
|
2424
2424
|
});
|
|
2425
2425
|
t.setWithVelocity(x.sample(g - ie).value, x.sample(g).value, ie);
|
|
2426
2426
|
}
|
|
2427
|
-
|
|
2427
|
+
y();
|
|
2428
2428
|
},
|
|
2429
2429
|
complete: () => {
|
|
2430
2430
|
c || m.finish();
|
|
2431
2431
|
},
|
|
2432
|
-
cancel:
|
|
2432
|
+
cancel: y
|
|
2433
2433
|
};
|
|
2434
2434
|
}
|
|
2435
|
-
function
|
|
2435
|
+
function kl({ keyframes: t, delay: e, onUpdate: n, onComplete: i }) {
|
|
2436
2436
|
const s = () => (n && n(t[t.length - 1]), i && i(), {
|
|
2437
2437
|
time: 0,
|
|
2438
2438
|
speed: 1,
|
|
@@ -2451,27 +2451,27 @@ function Pl({ keyframes: t, delay: e, onUpdate: n, onComplete: i }) {
|
|
|
2451
2451
|
onComplete: s
|
|
2452
2452
|
}) : s();
|
|
2453
2453
|
}
|
|
2454
|
-
const
|
|
2454
|
+
const Cl = {
|
|
2455
2455
|
type: "spring",
|
|
2456
2456
|
stiffness: 500,
|
|
2457
2457
|
damping: 25,
|
|
2458
2458
|
restSpeed: 10
|
|
2459
|
-
},
|
|
2459
|
+
}, Vl = (t) => ({
|
|
2460
2460
|
type: "spring",
|
|
2461
2461
|
stiffness: 550,
|
|
2462
2462
|
damping: t === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2463
2463
|
restSpeed: 10
|
|
2464
|
-
}),
|
|
2464
|
+
}), El = {
|
|
2465
2465
|
type: "keyframes",
|
|
2466
2466
|
duration: 0.8
|
|
2467
|
-
},
|
|
2467
|
+
}, Ml = {
|
|
2468
2468
|
type: "keyframes",
|
|
2469
2469
|
ease: [0.25, 0.1, 0.35, 1],
|
|
2470
2470
|
duration: 0.3
|
|
2471
|
-
},
|
|
2471
|
+
}, Ol = (t, { keyframes: e }) => e.length > 2 ? El : bt.has(t) ? t.startsWith("scale") ? Vl(e[1]) : Cl : Ml, Ye = (t, e) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
|
|
2472
2472
|
(dt.test(e) || e === "0") && // And it contains numbers and/or colors
|
|
2473
|
-
!e.startsWith("url(")),
|
|
2474
|
-
function
|
|
2473
|
+
!e.startsWith("url(")), Dl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
2474
|
+
function Ll(t) {
|
|
2475
2475
|
const [e, n] = t.slice(0, -1).split("(");
|
|
2476
2476
|
if (e === "drop-shadow")
|
|
2477
2477
|
return t;
|
|
@@ -2479,16 +2479,16 @@ function Dl(t) {
|
|
|
2479
2479
|
if (!i)
|
|
2480
2480
|
return t;
|
|
2481
2481
|
const s = n.replace(i, "");
|
|
2482
|
-
let o =
|
|
2482
|
+
let o = Dl.has(e) ? 1 : 0;
|
|
2483
2483
|
return i !== n && (o *= 100), e + "(" + o + s + ")";
|
|
2484
2484
|
}
|
|
2485
|
-
const
|
|
2485
|
+
const Rl = /([a-z-]*)\(.*?\)/g, Xe = {
|
|
2486
2486
|
...dt,
|
|
2487
2487
|
getAnimatableNone: (t) => {
|
|
2488
|
-
const e = t.match(
|
|
2489
|
-
return e ? e.map(
|
|
2488
|
+
const e = t.match(Rl);
|
|
2489
|
+
return e ? e.map(Ll).join(" ") : t;
|
|
2490
2490
|
}
|
|
2491
|
-
},
|
|
2491
|
+
}, Bl = {
|
|
2492
2492
|
...hs,
|
|
2493
2493
|
// Color props
|
|
2494
2494
|
color: I,
|
|
@@ -2504,19 +2504,19 @@ const Ll = /([a-z-]*)\(.*?\)/g, Xe = {
|
|
|
2504
2504
|
borderLeftColor: I,
|
|
2505
2505
|
filter: Xe,
|
|
2506
2506
|
WebkitFilter: Xe
|
|
2507
|
-
}, gn = (t) =>
|
|
2507
|
+
}, gn = (t) => Bl[t];
|
|
2508
2508
|
function Qs(t, e) {
|
|
2509
2509
|
let n = gn(t);
|
|
2510
2510
|
return n !== Xe && (n = dt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
|
|
2511
2511
|
}
|
|
2512
2512
|
const Zs = (t) => /^0[^.\s]+$/.test(t);
|
|
2513
|
-
function
|
|
2513
|
+
function Nl(t) {
|
|
2514
2514
|
if (typeof t == "number")
|
|
2515
2515
|
return t === 0;
|
|
2516
2516
|
if (t !== null)
|
|
2517
2517
|
return t === "none" || t === "0" || Zs(t);
|
|
2518
2518
|
}
|
|
2519
|
-
function
|
|
2519
|
+
function jl(t, e, n, i) {
|
|
2520
2520
|
const s = Ye(e, n);
|
|
2521
2521
|
let o;
|
|
2522
2522
|
Array.isArray(n) ? o = [...n] : o = [null, n];
|
|
@@ -2524,7 +2524,7 @@ function Nl(t, e, n, i) {
|
|
|
2524
2524
|
let a;
|
|
2525
2525
|
const l = [];
|
|
2526
2526
|
for (let c = 0; c < o.length; c++)
|
|
2527
|
-
o[c] === null && (o[c] = c === 0 ? r : o[c - 1]),
|
|
2527
|
+
o[c] === null && (o[c] = c === 0 ? r : o[c - 1]), Nl(o[c]) && l.push(c), typeof o[c] == "string" && o[c] !== "none" && o[c] !== "0" && (a = o[c]);
|
|
2528
2528
|
if (s && l.length && a)
|
|
2529
2529
|
for (let c = 0; c < l.length; c++) {
|
|
2530
2530
|
const u = l[c];
|
|
@@ -2532,19 +2532,19 @@ function Nl(t, e, n, i) {
|
|
|
2532
2532
|
}
|
|
2533
2533
|
return o;
|
|
2534
2534
|
}
|
|
2535
|
-
function
|
|
2535
|
+
function Il({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
|
|
2536
2536
|
return !!Object.keys(u).length;
|
|
2537
2537
|
}
|
|
2538
2538
|
function vn(t, e) {
|
|
2539
2539
|
return t[e] || t.default || t;
|
|
2540
2540
|
}
|
|
2541
|
-
const
|
|
2541
|
+
const Fl = {
|
|
2542
2542
|
skipAnimations: !1
|
|
2543
2543
|
}, yn = (t, e, n, i = {}) => (s) => {
|
|
2544
2544
|
const o = vn(i, t) || {}, r = o.delay || i.delay || 0;
|
|
2545
2545
|
let { elapsed: a = 0 } = i;
|
|
2546
2546
|
a = a - ut(r);
|
|
2547
|
-
const l =
|
|
2547
|
+
const l = jl(e, t, n, o), c = l[0], u = l[l.length - 1], h = Ye(t, c), d = Ye(t, u);
|
|
2548
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.`);
|
|
2549
2549
|
let f = {
|
|
2550
2550
|
keyframes: l,
|
|
@@ -2559,11 +2559,11 @@ const Il = {
|
|
|
2559
2559
|
s(), o.onComplete && o.onComplete();
|
|
2560
2560
|
}
|
|
2561
2561
|
};
|
|
2562
|
-
if (
|
|
2562
|
+
if (Il(o) || (f = {
|
|
2563
2563
|
...f,
|
|
2564
|
-
...
|
|
2565
|
-
}), f.duration && (f.duration = ut(f.duration)), f.repeatDelay && (f.repeatDelay = ut(f.repeatDelay)), !h || !d ||
|
|
2566
|
-
return
|
|
2564
|
+
...Ol(t, f)
|
|
2565
|
+
}), f.duration && (f.duration = ut(f.duration)), f.repeatDelay && (f.repeatDelay = ut(f.repeatDelay)), !h || !d || Ba.current || o.type === !1 || Fl.skipAnimations)
|
|
2566
|
+
return kl(f);
|
|
2567
2567
|
if (
|
|
2568
2568
|
/**
|
|
2569
2569
|
* If this is a handoff animation, the optimised animation will be running via
|
|
@@ -2576,7 +2576,7 @@ const Il = {
|
|
|
2576
2576
|
*/
|
|
2577
2577
|
!e.owner.getProps().onUpdate
|
|
2578
2578
|
) {
|
|
2579
|
-
const p =
|
|
2579
|
+
const p = Pl(e, t, f);
|
|
2580
2580
|
if (p)
|
|
2581
2581
|
return p;
|
|
2582
2582
|
}
|
|
@@ -2622,8 +2622,8 @@ const Qn = /* @__PURE__ */ new Set();
|
|
|
2622
2622
|
function Sn(t, e, n) {
|
|
2623
2623
|
t || Qn.has(e) || (console.warn(e), n && console.warn(n), Qn.add(e));
|
|
2624
2624
|
}
|
|
2625
|
-
const
|
|
2626
|
-
class
|
|
2625
|
+
const zl = (t) => !isNaN(parseFloat(t));
|
|
2626
|
+
class Wl {
|
|
2627
2627
|
/**
|
|
2628
2628
|
* @param init - The initiating value
|
|
2629
2629
|
* @param config - Optional configuration options
|
|
@@ -2639,7 +2639,7 @@ class zl {
|
|
|
2639
2639
|
this.lastUpdated !== r && (this.timeDelta = o, this.lastUpdated = r, V.postRender(this.scheduleVelocityCheck)), this.prev !== this.current && this.events.change && this.events.change.notify(this.current), this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()), s && this.events.renderRequest && this.events.renderRequest.notify(this.current);
|
|
2640
2640
|
}, this.scheduleVelocityCheck = () => V.postRender(this.velocityCheck), this.velocityCheck = ({ timestamp: i }) => {
|
|
2641
2641
|
i !== this.lastUpdated && (this.prev = this.current, this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()));
|
|
2642
|
-
}, this.hasAnimated = !1, this.prev = this.current = e, this.canTrackVelocity =
|
|
2642
|
+
}, this.hasAnimated = !1, this.prev = this.current = e, this.canTrackVelocity = zl(this.current), this.owner = n.owner;
|
|
2643
2643
|
}
|
|
2644
2644
|
/**
|
|
2645
2645
|
* Adds a function that will be notified when the `MotionValue` is updated.
|
|
@@ -2814,41 +2814,41 @@ class zl {
|
|
|
2814
2814
|
}
|
|
2815
2815
|
}
|
|
2816
2816
|
function Mt(t, e) {
|
|
2817
|
-
return new
|
|
2817
|
+
return new Wl(t, e);
|
|
2818
2818
|
}
|
|
2819
|
-
const tr = (t) => (e) => e.test(t),
|
|
2819
|
+
const tr = (t) => (e) => e.test(t), _l = {
|
|
2820
2820
|
test: (t) => t === "auto",
|
|
2821
2821
|
parse: (t) => t
|
|
2822
|
-
}, er = [xt,
|
|
2823
|
-
function
|
|
2822
|
+
}, er = [xt, A, $, at, $o, Ko, _l], jt = (t) => er.find(tr(t)), Ul = [...er, I, dt], Hl = (t) => Ul.find(tr(t));
|
|
2823
|
+
function Gl(t, e, n) {
|
|
2824
2824
|
t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Mt(n));
|
|
2825
2825
|
}
|
|
2826
|
-
function
|
|
2826
|
+
function Yl(t, e) {
|
|
2827
2827
|
const n = ke(t, e);
|
|
2828
2828
|
let { transitionEnd: i = {}, transition: s = {}, ...o } = n ? t.makeTargetAnimatable(n, !1) : {};
|
|
2829
2829
|
o = { ...o, ...i };
|
|
2830
2830
|
for (const r in o) {
|
|
2831
|
-
const a =
|
|
2832
|
-
|
|
2831
|
+
const a = ha(o[r]);
|
|
2832
|
+
Gl(t, r, a);
|
|
2833
2833
|
}
|
|
2834
2834
|
}
|
|
2835
|
-
function
|
|
2835
|
+
function Xl(t, e, n) {
|
|
2836
2836
|
var i, s;
|
|
2837
2837
|
const o = Object.keys(e).filter((a) => !t.hasValue(a)), r = o.length;
|
|
2838
2838
|
if (r)
|
|
2839
2839
|
for (let a = 0; a < r; a++) {
|
|
2840
2840
|
const l = o[a], c = e[l];
|
|
2841
2841
|
let u = null;
|
|
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) : !
|
|
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) : !Hl(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));
|
|
2843
2843
|
}
|
|
2844
2844
|
}
|
|
2845
|
-
function
|
|
2845
|
+
function ql(t, e) {
|
|
2846
2846
|
return e ? (e[t] || e.default || e).from : void 0;
|
|
2847
2847
|
}
|
|
2848
|
-
function
|
|
2848
|
+
function Kl(t, e, n) {
|
|
2849
2849
|
const i = {};
|
|
2850
2850
|
for (const s in t) {
|
|
2851
|
-
const o =
|
|
2851
|
+
const o = ql(s, e);
|
|
2852
2852
|
if (o !== void 0)
|
|
2853
2853
|
i[s] = o;
|
|
2854
2854
|
else {
|
|
@@ -2858,11 +2858,11 @@ function ql(t, e, n) {
|
|
|
2858
2858
|
}
|
|
2859
2859
|
return i;
|
|
2860
2860
|
}
|
|
2861
|
-
function
|
|
2861
|
+
function $l({ protectedKeys: t, needsAnimating: e }, n) {
|
|
2862
2862
|
const i = t.hasOwnProperty(n) && e[n] !== !0;
|
|
2863
2863
|
return e[n] = !1, i;
|
|
2864
2864
|
}
|
|
2865
|
-
function
|
|
2865
|
+
function Ql(t, e) {
|
|
2866
2866
|
const n = t.get();
|
|
2867
2867
|
if (Array.isArray(e)) {
|
|
2868
2868
|
for (let i = 0; i < e.length; i++)
|
|
@@ -2878,7 +2878,7 @@ function nr(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
|
2878
2878
|
const c = [], u = s && t.animationState && t.animationState.getState()[s];
|
|
2879
2879
|
for (const h in a) {
|
|
2880
2880
|
const d = t.getValue(h), f = a[h];
|
|
2881
|
-
if (!d || f === void 0 || u &&
|
|
2881
|
+
if (!d || f === void 0 || u && $l(u, h))
|
|
2882
2882
|
continue;
|
|
2883
2883
|
const p = {
|
|
2884
2884
|
delay: n,
|
|
@@ -2886,21 +2886,21 @@ function nr(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
|
2886
2886
|
...vn(o || {}, h)
|
|
2887
2887
|
};
|
|
2888
2888
|
if (window.HandoffAppearAnimations) {
|
|
2889
|
-
const
|
|
2890
|
-
if (
|
|
2891
|
-
const
|
|
2892
|
-
|
|
2889
|
+
const y = t.getProps()[is];
|
|
2890
|
+
if (y) {
|
|
2891
|
+
const b = window.HandoffAppearAnimations(y, h, d, V);
|
|
2892
|
+
b !== null && (p.elapsed = b, p.isHandoff = !0);
|
|
2893
2893
|
}
|
|
2894
2894
|
}
|
|
2895
|
-
let m = !p.isHandoff &&
|
|
2895
|
+
let m = !p.isHandoff && !Ql(d, f);
|
|
2896
2896
|
if (p.type === "spring" && (d.getVelocity() || p.velocity) && (m = !1), d.animation && (m = !1), m)
|
|
2897
2897
|
continue;
|
|
2898
2898
|
d.start(yn(h, d, f, t.shouldReduceMotion && bt.has(h) ? { type: !1 } : p));
|
|
2899
|
-
const
|
|
2900
|
-
ve(l) && (l.add(h),
|
|
2899
|
+
const v = d.animation;
|
|
2900
|
+
ve(l) && (l.add(h), v.then(() => l.remove(h))), c.push(v);
|
|
2901
2901
|
}
|
|
2902
2902
|
return r && Promise.all(c).then(() => {
|
|
2903
|
-
r &&
|
|
2903
|
+
r && Yl(t, r);
|
|
2904
2904
|
}), c;
|
|
2905
2905
|
}
|
|
2906
2906
|
function qe(t, e, n = {}) {
|
|
@@ -2909,7 +2909,7 @@ function qe(t, e, n = {}) {
|
|
|
2909
2909
|
n.transitionOverride && (s = n.transitionOverride);
|
|
2910
2910
|
const o = i ? () => Promise.all(nr(t, i, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
|
|
2911
2911
|
const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = s;
|
|
2912
|
-
return
|
|
2912
|
+
return Zl(t, e, c + l, u, h, n);
|
|
2913
2913
|
} : () => Promise.resolve(), { when: a } = s;
|
|
2914
2914
|
if (a) {
|
|
2915
2915
|
const [l, c] = a === "beforeChildren" ? [o, r] : [r, o];
|
|
@@ -2917,19 +2917,19 @@ function qe(t, e, n = {}) {
|
|
|
2917
2917
|
} else
|
|
2918
2918
|
return Promise.all([o(), r(n.delay)]);
|
|
2919
2919
|
}
|
|
2920
|
-
function
|
|
2920
|
+
function Zl(t, e, n = 0, i = 0, s = 1, o) {
|
|
2921
2921
|
const r = [], a = (t.variantChildren.size - 1) * i, l = s === 1 ? (c = 0) => c * i : (c = 0) => a - c * i;
|
|
2922
|
-
return Array.from(t.variantChildren).sort(
|
|
2922
|
+
return Array.from(t.variantChildren).sort(Jl).forEach((c, u) => {
|
|
2923
2923
|
c.notify("AnimationStart", e), r.push(qe(c, e, {
|
|
2924
2924
|
...o,
|
|
2925
2925
|
delay: n + l(u)
|
|
2926
2926
|
}).then(() => c.notify("AnimationComplete", e)));
|
|
2927
2927
|
}), Promise.all(r);
|
|
2928
2928
|
}
|
|
2929
|
-
function
|
|
2929
|
+
function Jl(t, e) {
|
|
2930
2930
|
return t.sortNodePosition(e);
|
|
2931
2931
|
}
|
|
2932
|
-
function
|
|
2932
|
+
function tc(t, e, n = {}) {
|
|
2933
2933
|
t.notify("AnimationStart", e);
|
|
2934
2934
|
let i;
|
|
2935
2935
|
if (Array.isArray(e)) {
|
|
@@ -2943,13 +2943,13 @@ function Jl(t, e, n = {}) {
|
|
|
2943
2943
|
}
|
|
2944
2944
|
return i.then(() => t.notify("AnimationComplete", e));
|
|
2945
2945
|
}
|
|
2946
|
-
const
|
|
2947
|
-
function nc(t) {
|
|
2948
|
-
return (e) => Promise.all(e.map(({ animation: n, options: i }) => Jl(t, n, i)));
|
|
2949
|
-
}
|
|
2946
|
+
const ec = [...sn].reverse(), nc = sn.length;
|
|
2950
2947
|
function ic(t) {
|
|
2951
|
-
|
|
2952
|
-
|
|
2948
|
+
return (e) => Promise.all(e.map(({ animation: n, options: i }) => tc(t, n, i)));
|
|
2949
|
+
}
|
|
2950
|
+
function sc(t) {
|
|
2951
|
+
let e = ic(t);
|
|
2952
|
+
const n = oc();
|
|
2953
2953
|
let i = !0;
|
|
2954
2954
|
const s = (l, c) => {
|
|
2955
2955
|
const u = ke(t, c);
|
|
@@ -2965,21 +2965,21 @@ function ic(t) {
|
|
|
2965
2965
|
function r(l, c) {
|
|
2966
2966
|
const u = t.getProps(), h = t.getVariantContext(!0) || {}, d = [], f = /* @__PURE__ */ new Set();
|
|
2967
2967
|
let p = {}, m = 1 / 0;
|
|
2968
|
-
for (let
|
|
2969
|
-
const
|
|
2970
|
-
|
|
2971
|
-
let k = x === h[
|
|
2968
|
+
for (let y = 0; y < nc; y++) {
|
|
2969
|
+
const b = ec[y], g = n[b], x = u[b] !== void 0 ? u[b] : h[b], T = Ht(x), S = b === c ? g.isActive : null;
|
|
2970
|
+
S === !1 && (m = y);
|
|
2971
|
+
let k = x === h[b] && x !== u[b] && T;
|
|
2972
2972
|
if (k && i && t.manuallyAnimateOnMount && (k = !1), g.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
|
|
2973
|
-
!g.isActive &&
|
|
2973
|
+
!g.isActive && S === null || // If we didn't and don't have any defined prop for this animation type
|
|
2974
2974
|
!x && !g.prevProp || // Or if the prop doesn't define an animation
|
|
2975
2975
|
Se(x) || typeof x == "boolean")
|
|
2976
2976
|
continue;
|
|
2977
|
-
let C =
|
|
2978
|
-
|
|
2979
|
-
|
|
2977
|
+
let C = rc(g.prevProp, x) || // If we're making this variant active, we want to always make it active
|
|
2978
|
+
b === c && g.isActive && !k && T || // If we removed a higher-priority variant (i is in reverse order)
|
|
2979
|
+
y > m && T, H = !1;
|
|
2980
2980
|
const Q = Array.isArray(x) ? x : [x];
|
|
2981
2981
|
let X = Q.reduce(s, {});
|
|
2982
|
-
|
|
2982
|
+
S === !1 && (X = {});
|
|
2983
2983
|
const { prevResolvedValues: Z = {} } = g, j = {
|
|
2984
2984
|
...Z,
|
|
2985
2985
|
...X
|
|
@@ -2995,18 +2995,18 @@ function ic(t) {
|
|
|
2995
2995
|
}
|
|
2996
2996
|
g.prevProp = x, g.prevResolvedValues = X, g.isActive && (p = { ...p, ...X }), i && t.blockInitialAnimation && (C = !1), C && (!k || H) && d.push(...Q.map((R) => ({
|
|
2997
2997
|
animation: R,
|
|
2998
|
-
options: { type:
|
|
2998
|
+
options: { type: b, ...l }
|
|
2999
2999
|
})));
|
|
3000
3000
|
}
|
|
3001
3001
|
if (f.size) {
|
|
3002
|
-
const
|
|
3003
|
-
f.forEach((
|
|
3004
|
-
const g = t.getBaseTarget(
|
|
3005
|
-
g !== void 0 && (b
|
|
3006
|
-
}), d.push({ animation:
|
|
3002
|
+
const y = {};
|
|
3003
|
+
f.forEach((b) => {
|
|
3004
|
+
const g = t.getBaseTarget(b);
|
|
3005
|
+
g !== void 0 && (y[b] = g);
|
|
3006
|
+
}), d.push({ animation: y });
|
|
3007
3007
|
}
|
|
3008
|
-
let
|
|
3009
|
-
return i && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (
|
|
3008
|
+
let v = !!d.length;
|
|
3009
|
+
return i && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (v = !1), i = !1, v ? e(d) : Promise.resolve();
|
|
3010
3010
|
}
|
|
3011
3011
|
function a(l, c, u) {
|
|
3012
3012
|
var h;
|
|
@@ -3028,7 +3028,7 @@ function ic(t) {
|
|
|
3028
3028
|
getState: () => n
|
|
3029
3029
|
};
|
|
3030
3030
|
}
|
|
3031
|
-
function
|
|
3031
|
+
function rc(t, e) {
|
|
3032
3032
|
return typeof e == "string" ? e !== t : Array.isArray(e) ? !Ps(e, t) : !1;
|
|
3033
3033
|
}
|
|
3034
3034
|
function mt(t = !1) {
|
|
@@ -3039,7 +3039,7 @@ function mt(t = !1) {
|
|
|
3039
3039
|
prevResolvedValues: {}
|
|
3040
3040
|
};
|
|
3041
3041
|
}
|
|
3042
|
-
function
|
|
3042
|
+
function oc() {
|
|
3043
3043
|
return {
|
|
3044
3044
|
animate: mt(!0),
|
|
3045
3045
|
whileInView: mt(),
|
|
@@ -3050,14 +3050,14 @@ function rc() {
|
|
|
3050
3050
|
exit: mt()
|
|
3051
3051
|
};
|
|
3052
3052
|
}
|
|
3053
|
-
class
|
|
3053
|
+
class ac extends ft {
|
|
3054
3054
|
/**
|
|
3055
3055
|
* We dynamically generate the AnimationState manager as it contains a reference
|
|
3056
3056
|
* to the underlying animation library. We only want to load that if we load this,
|
|
3057
3057
|
* so people can optionally code split it out using the `m` component.
|
|
3058
3058
|
*/
|
|
3059
3059
|
constructor(e) {
|
|
3060
|
-
super(e), e.animationState || (e.animationState =
|
|
3060
|
+
super(e), e.animationState || (e.animationState = sc(e));
|
|
3061
3061
|
}
|
|
3062
3062
|
updateAnimationControlsSubscription() {
|
|
3063
3063
|
const { animate: e } = this.node.getProps();
|
|
@@ -3076,10 +3076,10 @@ class oc extends ft {
|
|
|
3076
3076
|
unmount() {
|
|
3077
3077
|
}
|
|
3078
3078
|
}
|
|
3079
|
-
let
|
|
3080
|
-
class
|
|
3079
|
+
let lc = 0;
|
|
3080
|
+
class cc extends ft {
|
|
3081
3081
|
constructor() {
|
|
3082
|
-
super(...arguments), this.id =
|
|
3082
|
+
super(...arguments), this.id = lc++;
|
|
3083
3083
|
}
|
|
3084
3084
|
update() {
|
|
3085
3085
|
if (!this.node.presenceContext)
|
|
@@ -3097,15 +3097,15 @@ class lc extends ft {
|
|
|
3097
3097
|
unmount() {
|
|
3098
3098
|
}
|
|
3099
3099
|
}
|
|
3100
|
-
const
|
|
3100
|
+
const uc = {
|
|
3101
3101
|
animation: {
|
|
3102
|
-
Feature:
|
|
3102
|
+
Feature: ac
|
|
3103
3103
|
},
|
|
3104
3104
|
exit: {
|
|
3105
|
-
Feature:
|
|
3105
|
+
Feature: cc
|
|
3106
3106
|
}
|
|
3107
3107
|
}, Zn = (t, e) => Math.abs(t - e);
|
|
3108
|
-
function
|
|
3108
|
+
function hc(t, e) {
|
|
3109
3109
|
const n = Zn(t.x, e.x), i = Zn(t.y, e.y);
|
|
3110
3110
|
return Math.sqrt(n ** 2 + i ** 2);
|
|
3111
3111
|
}
|
|
@@ -3114,13 +3114,13 @@ class ir {
|
|
|
3114
3114
|
if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
|
|
3115
3115
|
if (!(this.lastMoveEvent && this.lastMoveEventInfo))
|
|
3116
3116
|
return;
|
|
3117
|
-
const h = Fe(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, f =
|
|
3117
|
+
const h = Fe(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, f = hc(h.offset, { x: 0, y: 0 }) >= 3;
|
|
3118
3118
|
if (!d && !f)
|
|
3119
3119
|
return;
|
|
3120
3120
|
const { point: p } = h, { timestamp: m } = N;
|
|
3121
3121
|
this.history.push({ ...p, timestamp: m });
|
|
3122
|
-
const { onStart:
|
|
3123
|
-
d || (
|
|
3122
|
+
const { onStart: v, onMove: y } = this.handlers;
|
|
3123
|
+
d || (v && v(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), y && y(this.lastMoveEvent, h);
|
|
3124
3124
|
}, this.handlePointerMove = (h, d) => {
|
|
3125
3125
|
this.lastMoveEvent = h, this.lastMoveEventInfo = Ie(d, this.transformPagePoint), V.update(this.updatePoint, !0);
|
|
3126
3126
|
}, this.handlePointerUp = (h, d) => {
|
|
@@ -3128,8 +3128,8 @@ class ir {
|
|
|
3128
3128
|
const { onEnd: f, onSessionEnd: p, resumeAnimation: m } = this.handlers;
|
|
3129
3129
|
if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
|
|
3130
3130
|
return;
|
|
3131
|
-
const
|
|
3132
|
-
this.startEvent && f && f(h,
|
|
3131
|
+
const v = Fe(h.type === "pointercancel" ? this.lastMoveEventInfo : Ie(d, this.transformPagePoint), this.history);
|
|
3132
|
+
this.startEvent && f && f(h, v), p && p(h, v);
|
|
3133
3133
|
}, !xs(e))
|
|
3134
3134
|
return;
|
|
3135
3135
|
this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.contextWindow = s || window;
|
|
@@ -3155,17 +3155,17 @@ function Fe({ point: t }, e) {
|
|
|
3155
3155
|
return {
|
|
3156
3156
|
point: t,
|
|
3157
3157
|
delta: Jn(t, sr(e)),
|
|
3158
|
-
offset: Jn(t,
|
|
3159
|
-
velocity:
|
|
3158
|
+
offset: Jn(t, dc(e)),
|
|
3159
|
+
velocity: fc(e, 0.1)
|
|
3160
3160
|
};
|
|
3161
3161
|
}
|
|
3162
|
-
function
|
|
3162
|
+
function dc(t) {
|
|
3163
3163
|
return t[0];
|
|
3164
3164
|
}
|
|
3165
3165
|
function sr(t) {
|
|
3166
3166
|
return t[t.length - 1];
|
|
3167
3167
|
}
|
|
3168
|
-
function
|
|
3168
|
+
function fc(t, e) {
|
|
3169
3169
|
if (t.length < 2)
|
|
3170
3170
|
return { x: 0, y: 0 };
|
|
3171
3171
|
let n = t.length - 1, i = null;
|
|
@@ -3198,7 +3198,7 @@ function _t(t, e, n, i) {
|
|
|
3198
3198
|
function ei(t, e, n) {
|
|
3199
3199
|
t.min = n.min + e.min, t.max = t.min + U(e);
|
|
3200
3200
|
}
|
|
3201
|
-
function
|
|
3201
|
+
function pc(t, e, n) {
|
|
3202
3202
|
ei(t.x, e.x, n.x), ei(t.y, e.y, n.y);
|
|
3203
3203
|
}
|
|
3204
3204
|
function ni(t, e, n) {
|
|
@@ -3207,7 +3207,7 @@ function ni(t, e, n) {
|
|
|
3207
3207
|
function Ut(t, e, n) {
|
|
3208
3208
|
ni(t.x, e.x, n.x), ni(t.y, e.y, n.y);
|
|
3209
3209
|
}
|
|
3210
|
-
function
|
|
3210
|
+
function mc(t, { min: e, max: n }, i) {
|
|
3211
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;
|
|
3212
3212
|
}
|
|
3213
3213
|
function ii(t, e, n) {
|
|
@@ -3216,7 +3216,7 @@ function ii(t, e, n) {
|
|
|
3216
3216
|
max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
|
|
3217
3217
|
};
|
|
3218
3218
|
}
|
|
3219
|
-
function
|
|
3219
|
+
function gc(t, { top: e, left: n, bottom: i, right: s }) {
|
|
3220
3220
|
return {
|
|
3221
3221
|
x: ii(t.x, n, s),
|
|
3222
3222
|
y: ii(t.y, e, i)
|
|
@@ -3226,23 +3226,23 @@ function si(t, e) {
|
|
|
3226
3226
|
let n = e.min - t.min, i = e.max - t.max;
|
|
3227
3227
|
return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
|
|
3228
3228
|
}
|
|
3229
|
-
function
|
|
3229
|
+
function vc(t, e) {
|
|
3230
3230
|
return {
|
|
3231
3231
|
x: si(t.x, e.x),
|
|
3232
3232
|
y: si(t.y, e.y)
|
|
3233
3233
|
};
|
|
3234
3234
|
}
|
|
3235
|
-
function
|
|
3235
|
+
function yc(t, e) {
|
|
3236
3236
|
let n = 0.5;
|
|
3237
3237
|
const i = U(t), s = U(e);
|
|
3238
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);
|
|
3239
3239
|
}
|
|
3240
|
-
function
|
|
3240
|
+
function bc(t, e) {
|
|
3241
3241
|
const n = {};
|
|
3242
3242
|
return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
|
|
3243
3243
|
}
|
|
3244
3244
|
const $e = 0.35;
|
|
3245
|
-
function
|
|
3245
|
+
function xc(t = $e) {
|
|
3246
3246
|
return t === !1 ? t = 0 : t === !0 && (t = $e), {
|
|
3247
3247
|
x: ri(t, "left", "right"),
|
|
3248
3248
|
y: ri(t, "top", "bottom")
|
|
@@ -3278,10 +3278,10 @@ function rr({ top: t, left: e, right: n, bottom: i }) {
|
|
|
3278
3278
|
y: { min: t, max: i }
|
|
3279
3279
|
};
|
|
3280
3280
|
}
|
|
3281
|
-
function
|
|
3281
|
+
function wc({ x: t, y: e }) {
|
|
3282
3282
|
return { top: e.min, right: t.max, bottom: e.max, left: t.min };
|
|
3283
3283
|
}
|
|
3284
|
-
function
|
|
3284
|
+
function Sc(t, e) {
|
|
3285
3285
|
if (!e)
|
|
3286
3286
|
return t;
|
|
3287
3287
|
const n = e({ x: t.left, y: t.top }), i = e({ x: t.right, y: t.bottom });
|
|
@@ -3320,7 +3320,7 @@ function Ze(t, e = 0, n = 1, i, s) {
|
|
|
3320
3320
|
function ar(t, { x: e, y: n }) {
|
|
3321
3321
|
Ze(t.x, e.translate, e.scale, e.originPoint), Ze(t.y, n.translate, n.scale, n.originPoint);
|
|
3322
3322
|
}
|
|
3323
|
-
function
|
|
3323
|
+
function Tc(t, e, n, i = !1) {
|
|
3324
3324
|
const s = n.length;
|
|
3325
3325
|
if (!s)
|
|
3326
3326
|
return;
|
|
@@ -3346,19 +3346,19 @@ function di(t, e, [n, i, s]) {
|
|
|
3346
3346
|
const o = e[s] !== void 0 ? e[s] : 0.5, r = M(t.min, t.max, o);
|
|
3347
3347
|
Ze(t, e[n], e[i], r, e.scale);
|
|
3348
3348
|
}
|
|
3349
|
-
const
|
|
3349
|
+
const Ac = ["x", "scaleX", "originX"], Pc = ["y", "scaleY", "originY"];
|
|
3350
3350
|
function Vt(t, e) {
|
|
3351
|
-
di(t.x, e,
|
|
3351
|
+
di(t.x, e, Ac), di(t.y, e, Pc);
|
|
3352
3352
|
}
|
|
3353
3353
|
function lr(t, e) {
|
|
3354
|
-
return rr(
|
|
3354
|
+
return rr(Sc(t.getBoundingClientRect(), e));
|
|
3355
3355
|
}
|
|
3356
|
-
function
|
|
3356
|
+
function kc(t, e, n) {
|
|
3357
3357
|
const i = lr(t, n), { scroll: s } = e;
|
|
3358
3358
|
return s && (lt(i.x, s.offset.x), lt(i.y, s.offset.y)), i;
|
|
3359
3359
|
}
|
|
3360
|
-
const cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null,
|
|
3361
|
-
class
|
|
3360
|
+
const cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Cc = /* @__PURE__ */ new WeakMap();
|
|
3361
|
+
class Vc {
|
|
3362
3362
|
constructor(e) {
|
|
3363
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;
|
|
3364
3364
|
}
|
|
@@ -3373,16 +3373,16 @@ class Cc {
|
|
|
3373
3373
|
const { drag: d, dragPropagation: f, onDragStart: p } = this.getProps();
|
|
3374
3374
|
if (d && !f && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Ss(d), !this.openGlobalLock))
|
|
3375
3375
|
return;
|
|
3376
|
-
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Y((
|
|
3377
|
-
let
|
|
3378
|
-
if ($.test(
|
|
3379
|
-
const { projection:
|
|
3380
|
-
if (
|
|
3381
|
-
const g =
|
|
3382
|
-
g && (
|
|
3376
|
+
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Y((v) => {
|
|
3377
|
+
let y = this.getAxisMotionValue(v).get() || 0;
|
|
3378
|
+
if ($.test(y)) {
|
|
3379
|
+
const { projection: b } = this.visualElement;
|
|
3380
|
+
if (b && b.layout) {
|
|
3381
|
+
const g = b.layout.layoutBox[v];
|
|
3382
|
+
g && (y = U(g) * (parseFloat(y) / 100));
|
|
3383
3383
|
}
|
|
3384
3384
|
}
|
|
3385
|
-
this.originPoint[
|
|
3385
|
+
this.originPoint[v] = y;
|
|
3386
3386
|
}), p && V.update(() => p(u, h), !1, !0);
|
|
3387
3387
|
const { animationState: m } = this.visualElement;
|
|
3388
3388
|
m && m.setActive("whileDrag", !0);
|
|
@@ -3390,12 +3390,12 @@ class Cc {
|
|
|
3390
3390
|
const { dragPropagation: d, dragDirectionLock: f, onDirectionLock: p, onDrag: m } = this.getProps();
|
|
3391
3391
|
if (!d && !this.openGlobalLock)
|
|
3392
3392
|
return;
|
|
3393
|
-
const { offset:
|
|
3393
|
+
const { offset: v } = h;
|
|
3394
3394
|
if (f && this.currentDirection === null) {
|
|
3395
|
-
this.currentDirection =
|
|
3395
|
+
this.currentDirection = Ec(v), this.currentDirection !== null && p && p(this.currentDirection);
|
|
3396
3396
|
return;
|
|
3397
3397
|
}
|
|
3398
|
-
this.updateAxis("x", h.point,
|
|
3398
|
+
this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), m && m(u, h);
|
|
3399
3399
|
}, a = (u, h) => this.stop(u, h), l = () => Y((u) => {
|
|
3400
3400
|
var h;
|
|
3401
3401
|
return this.getAnimationState(u) === "paused" && ((h = this.getAxisMotionValue(u).animation) === null || h === void 0 ? void 0 : h.play());
|
|
@@ -3434,13 +3434,13 @@ class Cc {
|
|
|
3434
3434
|
return;
|
|
3435
3435
|
const o = this.getAxisMotionValue(e);
|
|
3436
3436
|
let r = this.originPoint[e] + i[e];
|
|
3437
|
-
this.constraints && this.constraints[e] && (r =
|
|
3437
|
+
this.constraints && this.constraints[e] && (r = mc(r, this.constraints[e], this.elastic[e])), o.set(r);
|
|
3438
3438
|
}
|
|
3439
3439
|
resolveConstraints() {
|
|
3440
3440
|
var e;
|
|
3441
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;
|
|
3442
|
-
n && Pt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints =
|
|
3443
|
-
this.getAxisMotionValue(r) && (this.constraints[r] =
|
|
3442
|
+
n && Pt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints = gc(s.layoutBox, n) : this.constraints = !1, this.elastic = xc(i), o !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && Y((r) => {
|
|
3443
|
+
this.getAxisMotionValue(r) && (this.constraints[r] = bc(s.layoutBox[r], this.constraints[r]));
|
|
3444
3444
|
});
|
|
3445
3445
|
}
|
|
3446
3446
|
resolveRefConstraints() {
|
|
@@ -3452,10 +3452,10 @@ class Cc {
|
|
|
3452
3452
|
const { projection: s } = this.visualElement;
|
|
3453
3453
|
if (!s || !s.layout)
|
|
3454
3454
|
return !1;
|
|
3455
|
-
const o =
|
|
3456
|
-
let r =
|
|
3455
|
+
const o = kc(i, s.root, this.visualElement.getTransformPagePoint());
|
|
3456
|
+
let r = vc(s.layout.layoutBox, o);
|
|
3457
3457
|
if (n) {
|
|
3458
|
-
const a = n(
|
|
3458
|
+
const a = n(wc(r));
|
|
3459
3459
|
this.hasMutatedConstraints = !!a, a && (r = rr(a));
|
|
3460
3460
|
}
|
|
3461
3461
|
return r;
|
|
@@ -3537,7 +3537,7 @@ class Cc {
|
|
|
3537
3537
|
const a = this.getAxisMotionValue(r);
|
|
3538
3538
|
if (a) {
|
|
3539
3539
|
const l = a.get();
|
|
3540
|
-
s[r] =
|
|
3540
|
+
s[r] = yc({ min: l, max: l }, this.constraints[r]);
|
|
3541
3541
|
}
|
|
3542
3542
|
});
|
|
3543
3543
|
const { transformTemplate: o } = this.visualElement.getProps();
|
|
@@ -3551,7 +3551,7 @@ class Cc {
|
|
|
3551
3551
|
addListeners() {
|
|
3552
3552
|
if (!this.visualElement.current)
|
|
3553
3553
|
return;
|
|
3554
|
-
|
|
3554
|
+
Cc.set(this.visualElement, this);
|
|
3555
3555
|
const e = this.visualElement.current, n = tt(e, "pointerdown", (l) => {
|
|
3556
3556
|
const { drag: c, dragListener: u = !0 } = this.getProps();
|
|
3557
3557
|
c && u && this.start(l);
|
|
@@ -3586,13 +3586,13 @@ class Cc {
|
|
|
3586
3586
|
function se(t, e, n) {
|
|
3587
3587
|
return (e === !0 || e === t) && (n === null || n === t);
|
|
3588
3588
|
}
|
|
3589
|
-
function
|
|
3589
|
+
function Ec(t, e = 10) {
|
|
3590
3590
|
let n = null;
|
|
3591
3591
|
return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
|
|
3592
3592
|
}
|
|
3593
|
-
class
|
|
3593
|
+
class Mc extends ft {
|
|
3594
3594
|
constructor(e) {
|
|
3595
|
-
super(e), this.removeGroupControls = O, this.removeListeners = O, this.controls = new
|
|
3595
|
+
super(e), this.removeGroupControls = O, this.removeListeners = O, this.controls = new Vc(e);
|
|
3596
3596
|
}
|
|
3597
3597
|
mount() {
|
|
3598
3598
|
const { dragControls: e } = this.node.getProps();
|
|
@@ -3605,7 +3605,7 @@ class Ec extends ft {
|
|
|
3605
3605
|
const fi = (t) => (e, n) => {
|
|
3606
3606
|
t && V.update(() => t(e, n));
|
|
3607
3607
|
};
|
|
3608
|
-
class
|
|
3608
|
+
class Oc extends ft {
|
|
3609
3609
|
constructor() {
|
|
3610
3610
|
super(...arguments), this.removePointerDownListener = O;
|
|
3611
3611
|
}
|
|
@@ -3636,7 +3636,7 @@ class Mc extends ft {
|
|
|
3636
3636
|
this.removePointerDownListener(), this.session && this.session.end();
|
|
3637
3637
|
}
|
|
3638
3638
|
}
|
|
3639
|
-
function
|
|
3639
|
+
function Dc() {
|
|
3640
3640
|
const t = z(en);
|
|
3641
3641
|
if (t === null)
|
|
3642
3642
|
return [!0, null];
|
|
@@ -3663,14 +3663,14 @@ const It = {
|
|
|
3663
3663
|
if (!e.target)
|
|
3664
3664
|
return t;
|
|
3665
3665
|
if (typeof t == "string")
|
|
3666
|
-
if (
|
|
3666
|
+
if (A.test(t))
|
|
3667
3667
|
t = parseFloat(t);
|
|
3668
3668
|
else
|
|
3669
3669
|
return t;
|
|
3670
3670
|
const n = pi(t, e.target.x), i = pi(t, e.target.y);
|
|
3671
3671
|
return `${n}% ${i}%`;
|
|
3672
3672
|
}
|
|
3673
|
-
},
|
|
3673
|
+
}, Lc = {
|
|
3674
3674
|
correct: (t, { treeScale: e, projectionDelta: n }) => {
|
|
3675
3675
|
const i = t, s = dt.parse(t);
|
|
3676
3676
|
if (s.length > 5)
|
|
@@ -3681,7 +3681,7 @@ const It = {
|
|
|
3681
3681
|
return typeof s[2 + r] == "number" && (s[2 + r] /= c), typeof s[3 + r] == "number" && (s[3 + r] /= c), o(s);
|
|
3682
3682
|
}
|
|
3683
3683
|
};
|
|
3684
|
-
class
|
|
3684
|
+
class Rc extends zi.Component {
|
|
3685
3685
|
/**
|
|
3686
3686
|
* This only mounts projection nodes for components that
|
|
3687
3687
|
* need measuring, we might want to do it for all components
|
|
@@ -3689,7 +3689,7 @@ class Lc extends zi.Component {
|
|
|
3689
3689
|
*/
|
|
3690
3690
|
componentDidMount() {
|
|
3691
3691
|
const { visualElement: e, layoutGroup: n, switchLayoutGroup: i, layoutId: s } = this.props, { projection: o } = e;
|
|
3692
|
-
|
|
3692
|
+
_o(Bc), o && (n.group && n.group.add(o), i && i.register && s && i.register(o), o.root.didUpdate(), o.addEventListener("animationComplete", () => {
|
|
3693
3693
|
this.safeToRemove();
|
|
3694
3694
|
}), o.setOptions({
|
|
3695
3695
|
...o.options,
|
|
@@ -3722,10 +3722,10 @@ class Lc extends zi.Component {
|
|
|
3722
3722
|
}
|
|
3723
3723
|
}
|
|
3724
3724
|
function ur(t) {
|
|
3725
|
-
const [e, n] =
|
|
3726
|
-
return zi.createElement(
|
|
3725
|
+
const [e, n] = Dc(), i = z(rs);
|
|
3726
|
+
return zi.createElement(Rc, { ...t, layoutGroup: i, switchLayoutGroup: z(os), isPresent: e, safeToRemove: n });
|
|
3727
3727
|
}
|
|
3728
|
-
const
|
|
3728
|
+
const Bc = {
|
|
3729
3729
|
borderRadius: {
|
|
3730
3730
|
...It,
|
|
3731
3731
|
applyTo: [
|
|
@@ -3739,16 +3739,16 @@ const Rc = {
|
|
|
3739
3739
|
borderTopRightRadius: It,
|
|
3740
3740
|
borderBottomLeftRadius: It,
|
|
3741
3741
|
borderBottomRightRadius: It,
|
|
3742
|
-
boxShadow:
|
|
3743
|
-
}, hr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"],
|
|
3744
|
-
function
|
|
3742
|
+
boxShadow: Lc
|
|
3743
|
+
}, hr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Nc = hr.length, mi = (t) => typeof t == "string" ? parseFloat(t) : t, gi = (t) => typeof t == "number" || A.test(t);
|
|
3744
|
+
function jc(t, e, n, i, s, o) {
|
|
3745
3745
|
s ? (t.opacity = M(
|
|
3746
3746
|
0,
|
|
3747
3747
|
// TODO Reinstate this if only child
|
|
3748
3748
|
n.opacity !== void 0 ? n.opacity : 1,
|
|
3749
|
-
|
|
3750
|
-
), t.opacityExit = M(e.opacity !== void 0 ? e.opacity : 1, 0,
|
|
3751
|
-
for (let r = 0; r <
|
|
3749
|
+
Ic(i)
|
|
3750
|
+
), t.opacityExit = M(e.opacity !== void 0 ? e.opacity : 1, 0, Fc(i))) : o && (t.opacity = M(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, i));
|
|
3751
|
+
for (let r = 0; r < Nc; r++) {
|
|
3752
3752
|
const a = `border${hr[r]}Radius`;
|
|
3753
3753
|
let l = vi(e, a), c = vi(n, a);
|
|
3754
3754
|
if (l === void 0 && c === void 0)
|
|
@@ -3760,7 +3760,7 @@ function Nc(t, e, n, i, s, o) {
|
|
|
3760
3760
|
function vi(t, e) {
|
|
3761
3761
|
return t[e] !== void 0 ? t[e] : t.borderRadius;
|
|
3762
3762
|
}
|
|
3763
|
-
const
|
|
3763
|
+
const Ic = dr(0, 0.5, Rs), Fc = dr(0.5, 0.95, O);
|
|
3764
3764
|
function dr(t, e, n) {
|
|
3765
3765
|
return (i) => i < t ? 0 : i > e ? 1 : n(Yt(t, e, i));
|
|
3766
3766
|
}
|
|
@@ -3773,18 +3773,18 @@ function G(t, e) {
|
|
|
3773
3773
|
function bi(t, e, n, i, s) {
|
|
3774
3774
|
return t -= e, t = ye(t, 1 / n, i), s !== void 0 && (t = ye(t, 1 / s, i)), t;
|
|
3775
3775
|
}
|
|
3776
|
-
function
|
|
3776
|
+
function zc(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
|
|
3777
3777
|
if ($.test(e) && (e = parseFloat(e), e = M(r.min, r.max, e / 100) - r.min), typeof e != "number")
|
|
3778
3778
|
return;
|
|
3779
3779
|
let a = M(o.min, o.max, i);
|
|
3780
3780
|
t === o && (a -= e), t.min = bi(t.min, e, n, a, s), t.max = bi(t.max, e, n, a, s);
|
|
3781
3781
|
}
|
|
3782
3782
|
function xi(t, e, [n, i, s], o, r) {
|
|
3783
|
-
|
|
3783
|
+
zc(t, e[n], e[i], e[s], e.scale, o, r);
|
|
3784
3784
|
}
|
|
3785
|
-
const
|
|
3785
|
+
const Wc = ["x", "scaleX", "originX"], _c = ["y", "scaleY", "originY"];
|
|
3786
3786
|
function wi(t, e, n, i) {
|
|
3787
|
-
xi(t.x, e,
|
|
3787
|
+
xi(t.x, e, Wc, n ? n.x : void 0, i ? i.x : void 0), xi(t.y, e, _c, n ? n.y : void 0, i ? i.y : void 0);
|
|
3788
3788
|
}
|
|
3789
3789
|
function Si(t) {
|
|
3790
3790
|
return t.translate === 0 && t.scale === 1;
|
|
@@ -3792,7 +3792,7 @@ function Si(t) {
|
|
|
3792
3792
|
function fr(t) {
|
|
3793
3793
|
return Si(t.x) && Si(t.y);
|
|
3794
3794
|
}
|
|
3795
|
-
function
|
|
3795
|
+
function Uc(t, e) {
|
|
3796
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;
|
|
3797
3797
|
}
|
|
3798
3798
|
function pr(t, e) {
|
|
@@ -3801,7 +3801,7 @@ function pr(t, e) {
|
|
|
3801
3801
|
function Ti(t) {
|
|
3802
3802
|
return U(t.x) / U(t.y);
|
|
3803
3803
|
}
|
|
3804
|
-
class
|
|
3804
|
+
class Hc {
|
|
3805
3805
|
constructor() {
|
|
3806
3806
|
this.members = [];
|
|
3807
3807
|
}
|
|
@@ -3865,8 +3865,8 @@ function Ai(t, e, n) {
|
|
|
3865
3865
|
const r = t.x.scale * e.x, a = t.y.scale * e.y;
|
|
3866
3866
|
return (r !== 1 || a !== 1) && (i += `scale(${r}, ${a})`), i || "none";
|
|
3867
3867
|
}
|
|
3868
|
-
const
|
|
3869
|
-
class
|
|
3868
|
+
const Gc = (t, e) => t.depth - e.depth;
|
|
3869
|
+
class Yc {
|
|
3870
3870
|
constructor() {
|
|
3871
3871
|
this.children = [], this.isDirty = !1;
|
|
3872
3872
|
}
|
|
@@ -3877,28 +3877,28 @@ class Gc {
|
|
|
3877
3877
|
xn(this.children, e), this.isDirty = !0;
|
|
3878
3878
|
}
|
|
3879
3879
|
forEach(e) {
|
|
3880
|
-
this.isDirty && this.children.sort(
|
|
3880
|
+
this.isDirty && this.children.sort(Gc), this.isDirty = !1, this.children.forEach(e);
|
|
3881
3881
|
}
|
|
3882
3882
|
}
|
|
3883
|
-
function
|
|
3883
|
+
function Xc(t, e) {
|
|
3884
3884
|
const n = performance.now(), i = ({ timestamp: s }) => {
|
|
3885
3885
|
const o = s - n;
|
|
3886
3886
|
o >= e && (nt(i), t(o - e));
|
|
3887
3887
|
};
|
|
3888
3888
|
return V.read(i, !0), () => nt(i);
|
|
3889
3889
|
}
|
|
3890
|
-
function
|
|
3890
|
+
function qc(t) {
|
|
3891
3891
|
window.MotionDebug && window.MotionDebug.record(t);
|
|
3892
3892
|
}
|
|
3893
|
-
function
|
|
3893
|
+
function Kc(t) {
|
|
3894
3894
|
return t instanceof SVGElement && t.tagName !== "svg";
|
|
3895
3895
|
}
|
|
3896
|
-
function
|
|
3896
|
+
function $c(t, e, n) {
|
|
3897
3897
|
const i = W(t) ? t : Mt(t);
|
|
3898
3898
|
return i.start(yn("", i, e, n)), i.animation;
|
|
3899
3899
|
}
|
|
3900
|
-
const Pi = ["", "X", "Y", "Z"],
|
|
3901
|
-
let
|
|
3900
|
+
const Pi = ["", "X", "Y", "Z"], Qc = { visibility: "hidden" }, ki = 1e3;
|
|
3901
|
+
let Zc = 0;
|
|
3902
3902
|
const vt = {
|
|
3903
3903
|
type: "projectionFrame",
|
|
3904
3904
|
totalNodes: 0,
|
|
@@ -3908,14 +3908,14 @@ const vt = {
|
|
|
3908
3908
|
function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
|
|
3909
3909
|
return class {
|
|
3910
3910
|
constructor(r = {}, a = e == null ? void 0 : e()) {
|
|
3911
|
-
this.id =
|
|
3911
|
+
this.id = Zc++, 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 = () => {
|
|
3912
3912
|
this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
|
|
3913
3913
|
}, this.updateProjection = () => {
|
|
3914
|
-
this.projectionUpdateScheduled = !1, vt.totalNodes = vt.resolvedTargetDeltas = vt.recalculatedProjection = 0, this.nodes.forEach(
|
|
3914
|
+
this.projectionUpdateScheduled = !1, vt.totalNodes = vt.resolvedTargetDeltas = vt.recalculatedProjection = 0, this.nodes.forEach(eu), this.nodes.forEach(ou), this.nodes.forEach(au), this.nodes.forEach(nu), qc(vt);
|
|
3915
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;
|
|
3916
3916
|
for (let l = 0; l < this.path.length; l++)
|
|
3917
3917
|
this.path[l].shouldResetTransform = !0;
|
|
3918
|
-
this.root === this && (this.nodes = new
|
|
3918
|
+
this.root === this && (this.nodes = new Yc());
|
|
3919
3919
|
}
|
|
3920
3920
|
addEventListener(r, a) {
|
|
3921
3921
|
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new wn()), this.eventHandlers.get(r).add(a);
|
|
@@ -3933,13 +3933,13 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3933
3933
|
mount(r, a = this.root.hasTreeAnimated) {
|
|
3934
3934
|
if (this.instance)
|
|
3935
3935
|
return;
|
|
3936
|
-
this.isSVG =
|
|
3936
|
+
this.isSVG = Kc(r), this.instance = r;
|
|
3937
3937
|
const { layoutId: l, layout: c, visualElement: u } = this.options;
|
|
3938
3938
|
if (u && !u.current && u.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), t) {
|
|
3939
3939
|
let h;
|
|
3940
3940
|
const d = () => this.root.updateBlockedByResize = !1;
|
|
3941
3941
|
t(r, () => {
|
|
3942
|
-
this.root.updateBlockedByResize = !0, h && h(), h =
|
|
3942
|
+
this.root.updateBlockedByResize = !0, h && h(), h = Xc(d, 250), le.hasAnimatedSinceResize && (le.hasAnimatedSinceResize = !1, this.nodes.forEach(Vi));
|
|
3943
3943
|
});
|
|
3944
3944
|
}
|
|
3945
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 }) => {
|
|
@@ -3947,13 +3947,13 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3947
3947
|
this.target = void 0, this.relativeTarget = void 0;
|
|
3948
3948
|
return;
|
|
3949
3949
|
}
|
|
3950
|
-
const m = this.options.transition || u.getDefaultTransition() ||
|
|
3951
|
-
if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || d && (
|
|
3950
|
+
const m = this.options.transition || u.getDefaultTransition() || du, { onLayoutAnimationStart: v, onLayoutAnimationComplete: y } = u.getProps(), b = !this.targetLayout || !pr(this.targetLayout, p) || f, g = !d && f;
|
|
3951
|
+
if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || d && (b || !this.currentAnimation)) {
|
|
3952
3952
|
this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(h, g);
|
|
3953
3953
|
const x = {
|
|
3954
3954
|
...vn(m, "layout"),
|
|
3955
|
-
onPlay:
|
|
3956
|
-
onComplete:
|
|
3955
|
+
onPlay: v,
|
|
3956
|
+
onComplete: y
|
|
3957
3957
|
};
|
|
3958
3958
|
(u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x);
|
|
3959
3959
|
} else
|
|
@@ -3981,7 +3981,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3981
3981
|
}
|
|
3982
3982
|
// Note: currently only running on root node
|
|
3983
3983
|
startUpdate() {
|
|
3984
|
-
this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(
|
|
3984
|
+
this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(lu), this.animationId++);
|
|
3985
3985
|
}
|
|
3986
3986
|
getTransformTemplate() {
|
|
3987
3987
|
const { visualElement: r } = this.options;
|
|
@@ -4010,7 +4010,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4010
4010
|
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ci);
|
|
4011
4011
|
return;
|
|
4012
4012
|
}
|
|
4013
|
-
this.isUpdating || this.nodes.forEach(
|
|
4013
|
+
this.isUpdating || this.nodes.forEach(su), this.isUpdating = !1, this.nodes.forEach(ru), this.nodes.forEach(Jc), this.nodes.forEach(tu), this.clearAllSnapshots();
|
|
4014
4014
|
const a = performance.now();
|
|
4015
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;
|
|
4016
4016
|
}
|
|
@@ -4018,7 +4018,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4018
4018
|
this.updateScheduled || (this.updateScheduled = !0, queueMicrotask(() => this.update()));
|
|
4019
4019
|
}
|
|
4020
4020
|
clearAllSnapshots() {
|
|
4021
|
-
this.nodes.forEach(
|
|
4021
|
+
this.nodes.forEach(iu), this.sharedNodes.forEach(cu);
|
|
4022
4022
|
}
|
|
4023
4023
|
scheduleUpdateProjection() {
|
|
4024
4024
|
this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, V.preRender(this.updateProjection, !1, !0));
|
|
@@ -4063,7 +4063,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4063
4063
|
measure(r = !0) {
|
|
4064
4064
|
const a = this.measurePageBox();
|
|
4065
4065
|
let l = this.removeElementScroll(a);
|
|
4066
|
-
return r && (l = this.removeTransform(l)),
|
|
4066
|
+
return r && (l = this.removeTransform(l)), fu(l), {
|
|
4067
4067
|
animationId: this.root.animationId,
|
|
4068
4068
|
measuredBox: a,
|
|
4069
4069
|
layoutBox: l,
|
|
@@ -4149,7 +4149,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4149
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;
|
|
4150
4150
|
}
|
|
4151
4151
|
if (!(!this.relativeTarget && !this.targetDelta)) {
|
|
4152
|
-
if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(),
|
|
4152
|
+
if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), pc(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) {
|
|
4153
4153
|
this.attemptToResolveRelativeTarget = !1;
|
|
4154
4154
|
const f = this.getClosestProjectingParent();
|
|
4155
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;
|
|
@@ -4176,7 +4176,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4176
4176
|
return;
|
|
4177
4177
|
G(this.layoutCorrected, this.layout.layoutBox);
|
|
4178
4178
|
const d = this.treeScale.x, f = this.treeScale.y;
|
|
4179
|
-
|
|
4179
|
+
Tc(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox);
|
|
4180
4180
|
const { target: p } = a;
|
|
4181
4181
|
if (!p) {
|
|
4182
4182
|
this.projectionTransform && (this.projectionDelta = Ct(), this.projectionTransform = "none", this.scheduleRender());
|
|
@@ -4202,17 +4202,17 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4202
4202
|
setAnimationOrigin(r, a = !1) {
|
|
4203
4203
|
const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = Ct();
|
|
4204
4204
|
(!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
|
|
4205
|
-
const d = L(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = f !== p,
|
|
4205
|
+
const d = L(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = f !== p, v = this.getStack(), y = !v || v.members.length <= 1, b = !!(m && !y && this.options.crossfade === !0 && !this.path.some(hu));
|
|
4206
4206
|
this.animationProgress = 0;
|
|
4207
4207
|
let g;
|
|
4208
4208
|
this.mixTargetDelta = (x) => {
|
|
4209
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),
|
|
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), uu(this.relativeTarget, this.relativeTargetOrigin, d, T), g && Uc(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = L()), G(g, this.relativeTarget)), m && (this.animationValues = u, jc(u, c, this.latestValues, T, b, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
|
|
4211
4211
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
4212
4212
|
}
|
|
4213
4213
|
startAnimation(r) {
|
|
4214
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 =
|
|
4215
|
+
le.hasAnimatedSinceResize = !0, this.currentAnimation = $c(0, ki, {
|
|
4216
4216
|
...r,
|
|
4217
4217
|
onUpdate: (a) => {
|
|
4218
4218
|
this.mixTargetDelta(a), r.onUpdate && r.onUpdate(a);
|
|
@@ -4246,7 +4246,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4246
4246
|
}
|
|
4247
4247
|
}
|
|
4248
4248
|
registerSharedNode(r, a) {
|
|
4249
|
-
this.sharedNodes.has(r) || this.sharedNodes.set(r, new
|
|
4249
|
+
this.sharedNodes.has(r) || this.sharedNodes.set(r, new Hc()), this.sharedNodes.get(r).add(a);
|
|
4250
4250
|
const c = a.options.initialPromotionConfig;
|
|
4251
4251
|
a.promote({
|
|
4252
4252
|
transition: c ? c.transition : void 0,
|
|
@@ -4303,7 +4303,7 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4303
4303
|
if (!this.instance || this.isSVG)
|
|
4304
4304
|
return;
|
|
4305
4305
|
if (!this.isVisible)
|
|
4306
|
-
return
|
|
4306
|
+
return Qc;
|
|
4307
4307
|
const c = {
|
|
4308
4308
|
visibility: ""
|
|
4309
4309
|
}, u = this.getTransformTemplate();
|
|
@@ -4321,13 +4321,13 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4321
4321
|
for (const m in he) {
|
|
4322
4322
|
if (d[m] === void 0)
|
|
4323
4323
|
continue;
|
|
4324
|
-
const { correct:
|
|
4325
|
-
if (
|
|
4326
|
-
const g =
|
|
4324
|
+
const { correct: v, applyTo: y } = he[m], b = c.transform === "none" ? d[m] : v(d[m], h);
|
|
4325
|
+
if (y) {
|
|
4326
|
+
const g = y.length;
|
|
4327
4327
|
for (let x = 0; x < g; x++)
|
|
4328
|
-
c[
|
|
4328
|
+
c[y[x]] = b;
|
|
4329
4329
|
} else
|
|
4330
|
-
c[m] =
|
|
4330
|
+
c[m] = b;
|
|
4331
4331
|
}
|
|
4332
4332
|
return this.options.layoutId && (c.pointerEvents = h === this ? ae(r == null ? void 0 : r.pointerEvents) || "" : "none"), c;
|
|
4333
4333
|
}
|
|
@@ -4343,10 +4343,10 @@ function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4343
4343
|
}
|
|
4344
4344
|
};
|
|
4345
4345
|
}
|
|
4346
|
-
function
|
|
4346
|
+
function Jc(t) {
|
|
4347
4347
|
t.updateLayout();
|
|
4348
4348
|
}
|
|
4349
|
-
function
|
|
4349
|
+
function tu(t) {
|
|
4350
4350
|
var e;
|
|
4351
4351
|
const n = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
|
|
4352
4352
|
if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
|
|
@@ -4390,38 +4390,38 @@ function Jc(t) {
|
|
|
4390
4390
|
}
|
|
4391
4391
|
t.options.transition = void 0;
|
|
4392
4392
|
}
|
|
4393
|
-
function
|
|
4393
|
+
function eu(t) {
|
|
4394
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));
|
|
4395
4395
|
}
|
|
4396
|
-
function
|
|
4396
|
+
function nu(t) {
|
|
4397
4397
|
t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
|
|
4398
4398
|
}
|
|
4399
|
-
function
|
|
4399
|
+
function iu(t) {
|
|
4400
4400
|
t.clearSnapshot();
|
|
4401
4401
|
}
|
|
4402
4402
|
function Ci(t) {
|
|
4403
4403
|
t.clearMeasurements();
|
|
4404
4404
|
}
|
|
4405
|
-
function
|
|
4405
|
+
function su(t) {
|
|
4406
4406
|
t.isLayoutDirty = !1;
|
|
4407
4407
|
}
|
|
4408
|
-
function
|
|
4408
|
+
function ru(t) {
|
|
4409
4409
|
const { visualElement: e } = t.options;
|
|
4410
4410
|
e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
|
|
4411
4411
|
}
|
|
4412
4412
|
function Vi(t) {
|
|
4413
4413
|
t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
|
|
4414
4414
|
}
|
|
4415
|
-
function
|
|
4415
|
+
function ou(t) {
|
|
4416
4416
|
t.resolveTargetDelta();
|
|
4417
4417
|
}
|
|
4418
|
-
function
|
|
4418
|
+
function au(t) {
|
|
4419
4419
|
t.calcProjection();
|
|
4420
4420
|
}
|
|
4421
|
-
function
|
|
4421
|
+
function lu(t) {
|
|
4422
4422
|
t.resetRotation();
|
|
4423
4423
|
}
|
|
4424
|
-
function
|
|
4424
|
+
function cu(t) {
|
|
4425
4425
|
t.removeLeadSnapshot();
|
|
4426
4426
|
}
|
|
4427
4427
|
function Ei(t, e, n) {
|
|
@@ -4430,26 +4430,26 @@ function Ei(t, e, n) {
|
|
|
4430
4430
|
function Mi(t, e, n, i) {
|
|
4431
4431
|
t.min = M(e.min, n.min, i), t.max = M(e.max, n.max, i);
|
|
4432
4432
|
}
|
|
4433
|
-
function
|
|
4433
|
+
function uu(t, e, n, i) {
|
|
4434
4434
|
Mi(t.x, e.x, n.x, i), Mi(t.y, e.y, n.y, i);
|
|
4435
4435
|
}
|
|
4436
|
-
function
|
|
4436
|
+
function hu(t) {
|
|
4437
4437
|
return t.animationValues && t.animationValues.opacityExit !== void 0;
|
|
4438
4438
|
}
|
|
4439
|
-
const
|
|
4439
|
+
const du = {
|
|
4440
4440
|
duration: 0.45,
|
|
4441
4441
|
ease: [0.4, 0, 0.1, 1]
|
|
4442
4442
|
}, Oi = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Di = Oi("applewebkit/") && !Oi("chrome/") ? Math.round : O;
|
|
4443
4443
|
function Li(t) {
|
|
4444
4444
|
t.min = Di(t.min), t.max = Di(t.max);
|
|
4445
4445
|
}
|
|
4446
|
-
function
|
|
4446
|
+
function fu(t) {
|
|
4447
4447
|
Li(t.x), Li(t.y);
|
|
4448
4448
|
}
|
|
4449
4449
|
function gr(t, e, n) {
|
|
4450
4450
|
return t === "position" || t === "preserve-aspect" && !Ke(Ti(e), Ti(n), 0.2);
|
|
4451
4451
|
}
|
|
4452
|
-
const
|
|
4452
|
+
const pu = mr({
|
|
4453
4453
|
attachResizeListener: (t, e) => J(t, "resize", e),
|
|
4454
4454
|
measureScroll: () => ({
|
|
4455
4455
|
x: document.documentElement.scrollLeft || document.body.scrollLeft,
|
|
@@ -4465,7 +4465,7 @@ const fu = mr({
|
|
|
4465
4465
|
}),
|
|
4466
4466
|
defaultParent: () => {
|
|
4467
4467
|
if (!We.current) {
|
|
4468
|
-
const t = new
|
|
4468
|
+
const t = new pu({});
|
|
4469
4469
|
t.mount(window), t.setOptions({ layoutScroll: !0 }), We.current = t;
|
|
4470
4470
|
}
|
|
4471
4471
|
return We.current;
|
|
@@ -4474,27 +4474,27 @@ const fu = mr({
|
|
|
4474
4474
|
t.style.transform = e !== void 0 ? e : "none";
|
|
4475
4475
|
},
|
|
4476
4476
|
checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
|
|
4477
|
-
}),
|
|
4477
|
+
}), mu = {
|
|
4478
4478
|
pan: {
|
|
4479
|
-
Feature:
|
|
4479
|
+
Feature: Oc
|
|
4480
4480
|
},
|
|
4481
4481
|
drag: {
|
|
4482
|
-
Feature:
|
|
4482
|
+
Feature: Mc,
|
|
4483
4483
|
ProjectionNode: vr,
|
|
4484
4484
|
MeasureLayout: ur
|
|
4485
4485
|
}
|
|
4486
|
-
},
|
|
4487
|
-
function
|
|
4488
|
-
const e =
|
|
4486
|
+
}, gu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
|
|
4487
|
+
function vu(t) {
|
|
4488
|
+
const e = gu.exec(t);
|
|
4489
4489
|
if (!e)
|
|
4490
4490
|
return [,];
|
|
4491
4491
|
const [, n, i] = e;
|
|
4492
4492
|
return [n, i];
|
|
4493
4493
|
}
|
|
4494
|
-
const
|
|
4494
|
+
const yu = 4;
|
|
4495
4495
|
function Je(t, e, n = 1) {
|
|
4496
|
-
K(n <=
|
|
4497
|
-
const [i, s] =
|
|
4496
|
+
K(n <= yu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
|
|
4497
|
+
const [i, s] = vu(t);
|
|
4498
4498
|
if (!i)
|
|
4499
4499
|
return;
|
|
4500
4500
|
const o = window.getComputedStyle(e).getPropertyValue(i);
|
|
@@ -4504,7 +4504,7 @@ function Je(t, e, n = 1) {
|
|
|
4504
4504
|
} else
|
|
4505
4505
|
return _e(s) ? Je(s, e, n + 1) : s;
|
|
4506
4506
|
}
|
|
4507
|
-
function
|
|
4507
|
+
function bu(t, { ...e }, n) {
|
|
4508
4508
|
const i = t.current;
|
|
4509
4509
|
if (!(i instanceof Element))
|
|
4510
4510
|
return { target: e, transitionEnd: n };
|
|
@@ -4524,7 +4524,7 @@ function yu(t, { ...e }, n) {
|
|
|
4524
4524
|
}
|
|
4525
4525
|
return { target: e, transitionEnd: n };
|
|
4526
4526
|
}
|
|
4527
|
-
const
|
|
4527
|
+
const xu = /* @__PURE__ */ new Set([
|
|
4528
4528
|
"width",
|
|
4529
4529
|
"height",
|
|
4530
4530
|
"top",
|
|
@@ -4535,7 +4535,7 @@ const bu = /* @__PURE__ */ new Set([
|
|
|
4535
4535
|
"y",
|
|
4536
4536
|
"translateX",
|
|
4537
4537
|
"translateY"
|
|
4538
|
-
]), yr = (t) =>
|
|
4538
|
+
]), yr = (t) => xu.has(t), wu = (t) => Object.keys(t).some(yr), re = (t) => t === xt || t === A, Ri = (t, e) => parseFloat(t.split(", ")[e]), Bi = (t, e) => (n, { transform: i }) => {
|
|
4539
4539
|
if (i === "none" || !i)
|
|
4540
4540
|
return 0;
|
|
4541
4541
|
const s = i.match(/^matrix3d\((.+)\)$/);
|
|
@@ -4545,10 +4545,10 @@ const bu = /* @__PURE__ */ new Set([
|
|
|
4545
4545
|
const o = i.match(/^matrix\((.+)\)$/);
|
|
4546
4546
|
return o ? Ri(o[1], t) : 0;
|
|
4547
4547
|
}
|
|
4548
|
-
},
|
|
4549
|
-
function
|
|
4548
|
+
}, Su = /* @__PURE__ */ new Set(["x", "y", "z"]), Tu = qt.filter((t) => !Su.has(t));
|
|
4549
|
+
function Au(t) {
|
|
4550
4550
|
const e = [];
|
|
4551
|
-
return
|
|
4551
|
+
return Tu.forEach((n) => {
|
|
4552
4552
|
const i = t.getValue(n);
|
|
4553
4553
|
i !== void 0 && (e.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
|
|
4554
4554
|
}), e.length && t.render(), e;
|
|
@@ -4567,7 +4567,7 @@ const Ot = {
|
|
|
4567
4567
|
};
|
|
4568
4568
|
Ot.translateX = Ot.x;
|
|
4569
4569
|
Ot.translateY = Ot.y;
|
|
4570
|
-
const
|
|
4570
|
+
const Pu = (t, e, n) => {
|
|
4571
4571
|
const i = e.measureViewportBox(), s = e.current, o = getComputedStyle(s), { display: r } = o, a = {};
|
|
4572
4572
|
r === "none" && e.setStaticValue("display", t.display || "block"), n.forEach((c) => {
|
|
4573
4573
|
a[c] = Ot[c](i, o);
|
|
@@ -4577,7 +4577,7 @@ const Au = (t, e, n) => {
|
|
|
4577
4577
|
const u = e.getValue(c);
|
|
4578
4578
|
u && u.jump(a[c]), t[c] = Ot[c](l, o);
|
|
4579
4579
|
}), t;
|
|
4580
|
-
},
|
|
4580
|
+
}, ku = (t, e, n = {}, i = {}) => {
|
|
4581
4581
|
e = { ...e }, i = { ...i };
|
|
4582
4582
|
const s = Object.keys(e).filter(yr);
|
|
4583
4583
|
let o = [], r = !1;
|
|
@@ -4592,32 +4592,32 @@ const Au = (t, e, n) => {
|
|
|
4592
4592
|
if (fe(d)) {
|
|
4593
4593
|
const p = d.length, m = d[0] === null ? 1 : 0;
|
|
4594
4594
|
u = d[m], h = jt(u);
|
|
4595
|
-
for (let
|
|
4596
|
-
f ? K(jt(d[
|
|
4595
|
+
for (let v = m; v < p && d[v] !== null; v++)
|
|
4596
|
+
f ? K(jt(d[v]) === f, "All keyframes must be of the same type") : (f = jt(d[v]), K(f === h || re(h) && re(f), "Keyframes must be of the same dimension as the current value"));
|
|
4597
4597
|
} else
|
|
4598
4598
|
f = jt(d);
|
|
4599
4599
|
if (h !== f)
|
|
4600
4600
|
if (re(h) && re(f)) {
|
|
4601
4601
|
const p = c.get();
|
|
4602
|
-
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 === A && (e[l] = d.map(parseFloat));
|
|
4603
4603
|
} else
|
|
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 =
|
|
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 = Au(t), r = !0), a.push(l), i[l] = i[l] !== void 0 ? i[l] : e[l], c.jump(d));
|
|
4605
4605
|
}), a.length) {
|
|
4606
|
-
const l = a.indexOf("height") >= 0 ? window.pageYOffset : null, c =
|
|
4606
|
+
const l = a.indexOf("height") >= 0 ? window.pageYOffset : null, c = Pu(e, t, a);
|
|
4607
4607
|
return o.length && o.forEach(([u, h]) => {
|
|
4608
4608
|
t.getValue(u).set(h);
|
|
4609
4609
|
}), t.render(), we && l !== null && window.scrollTo({ top: l }), { target: c, transitionEnd: i };
|
|
4610
4610
|
} else
|
|
4611
4611
|
return { target: e, transitionEnd: i };
|
|
4612
4612
|
};
|
|
4613
|
-
function
|
|
4614
|
-
return
|
|
4613
|
+
function Cu(t, e, n, i) {
|
|
4614
|
+
return wu(e) ? ku(t, e, n, i) : { target: e, transitionEnd: i };
|
|
4615
4615
|
}
|
|
4616
|
-
const
|
|
4617
|
-
const s =
|
|
4618
|
-
return e = s.target, i = s.transitionEnd,
|
|
4616
|
+
const Vu = (t, e, n, i) => {
|
|
4617
|
+
const s = bu(t, e, i);
|
|
4618
|
+
return e = s.target, i = s.transitionEnd, Cu(t, e, n, i);
|
|
4619
4619
|
}, tn = { current: null }, br = { current: !1 };
|
|
4620
|
-
function
|
|
4620
|
+
function Eu() {
|
|
4621
4621
|
if (br.current = !0, !!we)
|
|
4622
4622
|
if (window.matchMedia) {
|
|
4623
4623
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => tn.current = t.matches;
|
|
@@ -4625,7 +4625,7 @@ function Vu() {
|
|
|
4625
4625
|
} else
|
|
4626
4626
|
tn.current = !1;
|
|
4627
4627
|
}
|
|
4628
|
-
function
|
|
4628
|
+
function Mu(t, e, n) {
|
|
4629
4629
|
const { willChange: i } = e;
|
|
4630
4630
|
for (const s in e) {
|
|
4631
4631
|
const o = e[s], r = n[s];
|
|
@@ -4646,7 +4646,7 @@ function Eu(t, e, n) {
|
|
|
4646
4646
|
e[s] === void 0 && t.removeValue(s);
|
|
4647
4647
|
return e;
|
|
4648
4648
|
}
|
|
4649
|
-
const Ni = /* @__PURE__ */ new WeakMap(), xr = Object.keys(Gt),
|
|
4649
|
+
const Ni = /* @__PURE__ */ new WeakMap(), xr = Object.keys(Gt), Ou = xr.length, ji = [
|
|
4650
4650
|
"AnimationStart",
|
|
4651
4651
|
"AnimationComplete",
|
|
4652
4652
|
"Update",
|
|
@@ -4654,8 +4654,8 @@ const Ni = /* @__PURE__ */ new WeakMap(), xr = Object.keys(Gt), Mu = xr.length,
|
|
|
4654
4654
|
"LayoutMeasure",
|
|
4655
4655
|
"LayoutAnimationStart",
|
|
4656
4656
|
"LayoutAnimationComplete"
|
|
4657
|
-
],
|
|
4658
|
-
class
|
|
4657
|
+
], Du = rn.length;
|
|
4658
|
+
class Lu {
|
|
4659
4659
|
constructor({ parent: e, props: n, presenceContext: i, reducedMotionConfig: s, visualState: o }, r = {}) {
|
|
4660
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 = () => {
|
|
4661
4661
|
this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
|
|
@@ -4679,7 +4679,7 @@ class Du {
|
|
|
4679
4679
|
return {};
|
|
4680
4680
|
}
|
|
4681
4681
|
mount(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 ||
|
|
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 || Eu(), 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);
|
|
4683
4683
|
}
|
|
4684
4684
|
unmount() {
|
|
4685
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);
|
|
@@ -4706,7 +4706,7 @@ class Du {
|
|
|
4706
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.";
|
|
4707
4707
|
n.ignoreStrict ? Qt(!1, l) : K(!1, l);
|
|
4708
4708
|
}
|
|
4709
|
-
for (let l = 0; l <
|
|
4709
|
+
for (let l = 0; l < Ou; l++) {
|
|
4710
4710
|
const c = xr[l], { isEnabled: u, Feature: h, ProjectionNode: d, MeasureLayout: f } = Gt[c];
|
|
4711
4711
|
d && (r = d), u(n) && (!this.features[c] && h && (this.features[c] = new h(this)), f && (a = f));
|
|
4712
4712
|
}
|
|
@@ -4779,7 +4779,7 @@ class Du {
|
|
|
4779
4779
|
const o = e["on" + s];
|
|
4780
4780
|
o && (this.propEventSubscriptions[s] = this.on(s, o));
|
|
4781
4781
|
}
|
|
4782
|
-
this.prevMotionValues =
|
|
4782
|
+
this.prevMotionValues = Mu(this, this.scrapeMotionValuesFromProps(e, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
|
|
4783
4783
|
}
|
|
4784
4784
|
getProps() {
|
|
4785
4785
|
return this.props;
|
|
@@ -4810,7 +4810,7 @@ class Du {
|
|
|
4810
4810
|
return this.props.initial !== void 0 && (i.initial = this.props.initial), i;
|
|
4811
4811
|
}
|
|
4812
4812
|
const n = {};
|
|
4813
|
-
for (let i = 0; i <
|
|
4813
|
+
for (let i = 0; i < Du; i++) {
|
|
4814
4814
|
const s = rn[i], o = this.props[s];
|
|
4815
4815
|
(Ht(o) || o === !1) && (n[s] = o);
|
|
4816
4816
|
}
|
|
@@ -4885,7 +4885,7 @@ class Du {
|
|
|
4885
4885
|
this.events[e] && this.events[e].notify(...n);
|
|
4886
4886
|
}
|
|
4887
4887
|
}
|
|
4888
|
-
class wr extends
|
|
4888
|
+
class wr extends Lu {
|
|
4889
4889
|
sortInstanceNodePosition(e, n) {
|
|
4890
4890
|
return e.compareDocumentPosition(n) & 2 ? 1 : -1;
|
|
4891
4891
|
}
|
|
@@ -4896,10 +4896,10 @@ class wr extends Du {
|
|
|
4896
4896
|
delete n[e], delete i[e];
|
|
4897
4897
|
}
|
|
4898
4898
|
makeTargetAnimatableFromInstance({ transition: e, transitionEnd: n, ...i }, { transformValues: s }, o) {
|
|
4899
|
-
let r =
|
|
4899
|
+
let r = Kl(i, e || {}, this);
|
|
4900
4900
|
if (s && (n && (n = s(n)), i && (i = s(i)), r && (r = s(r))), o) {
|
|
4901
|
-
|
|
4902
|
-
const a =
|
|
4901
|
+
Xl(this, i, r);
|
|
4902
|
+
const a = Vu(this, i, r, n);
|
|
4903
4903
|
n = a.transitionEnd, i = a.target;
|
|
4904
4904
|
}
|
|
4905
4905
|
return {
|
|
@@ -4909,10 +4909,10 @@ class wr extends Du {
|
|
|
4909
4909
|
};
|
|
4910
4910
|
}
|
|
4911
4911
|
}
|
|
4912
|
-
function
|
|
4912
|
+
function Ru(t) {
|
|
4913
4913
|
return window.getComputedStyle(t);
|
|
4914
4914
|
}
|
|
4915
|
-
class
|
|
4915
|
+
class Bu extends wr {
|
|
4916
4916
|
constructor() {
|
|
4917
4917
|
super(...arguments), this.type = "html";
|
|
4918
4918
|
}
|
|
@@ -4921,7 +4921,7 @@ class Ru extends wr {
|
|
|
4921
4921
|
const i = gn(n);
|
|
4922
4922
|
return i && i.default || 0;
|
|
4923
4923
|
} else {
|
|
4924
|
-
const i =
|
|
4924
|
+
const i = Ru(e), s = (cs(n) ? i.getPropertyValue(n) : i[n]) || 0;
|
|
4925
4925
|
return typeof s == "string" ? s.trim() : s;
|
|
4926
4926
|
}
|
|
4927
4927
|
}
|
|
@@ -4945,7 +4945,7 @@ class Ru extends wr {
|
|
|
4945
4945
|
ms(e, n, i, s);
|
|
4946
4946
|
}
|
|
4947
4947
|
}
|
|
4948
|
-
class
|
|
4948
|
+
class Nu extends wr {
|
|
4949
4949
|
constructor() {
|
|
4950
4950
|
super(...arguments), this.type = "svg", this.isSVGTag = !1;
|
|
4951
4951
|
}
|
|
@@ -4975,18 +4975,18 @@ class Bu extends wr {
|
|
|
4975
4975
|
this.isSVGTag = un(e.tagName), super.mount(e);
|
|
4976
4976
|
}
|
|
4977
4977
|
}
|
|
4978
|
-
const
|
|
4978
|
+
const ju = (t, e) => on(t) ? new Nu(e, { enableHardwareAcceleration: !1 }) : new Bu(e, { enableHardwareAcceleration: !0 }), Iu = {
|
|
4979
4979
|
layout: {
|
|
4980
4980
|
ProjectionNode: vr,
|
|
4981
4981
|
MeasureLayout: ur
|
|
4982
4982
|
}
|
|
4983
|
-
},
|
|
4984
|
-
...
|
|
4985
|
-
...
|
|
4986
|
-
...
|
|
4987
|
-
...
|
|
4988
|
-
}, Sr = /* @__PURE__ */
|
|
4989
|
-
function
|
|
4983
|
+
}, Fu = {
|
|
4984
|
+
...uc,
|
|
4985
|
+
...Da,
|
|
4986
|
+
...mu,
|
|
4987
|
+
...Iu
|
|
4988
|
+
}, Sr = /* @__PURE__ */ zo((t, e) => ba(t, e, Fu, ju));
|
|
4989
|
+
function zu(t) {
|
|
4990
4990
|
const { children: e, parentRef: n, onlyChild: i } = t, [s, o] = q({ top: 0, left: 0 });
|
|
4991
4991
|
return Wi(() => {
|
|
4992
4992
|
if (n.current) {
|
|
@@ -4996,8 +4996,8 @@ function Fu(t) {
|
|
|
4996
4996
|
left: r.left + r.width
|
|
4997
4997
|
});
|
|
4998
4998
|
}
|
|
4999
|
-
}, [n]), i ? e :
|
|
5000
|
-
/* @__PURE__ */
|
|
4999
|
+
}, [n]), i ? e : Ir(
|
|
5000
|
+
/* @__PURE__ */ w(
|
|
5001
5001
|
Sr.div,
|
|
5002
5002
|
{
|
|
5003
5003
|
style: {
|
|
@@ -5012,8 +5012,8 @@ function Fu(t) {
|
|
|
5012
5012
|
n.current
|
|
5013
5013
|
);
|
|
5014
5014
|
}
|
|
5015
|
-
function
|
|
5016
|
-
return /* @__PURE__ */
|
|
5015
|
+
function Wu(t) {
|
|
5016
|
+
return /* @__PURE__ */ w(
|
|
5017
5017
|
"svg",
|
|
5018
5018
|
{
|
|
5019
5019
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5022,7 +5022,7 @@ function zu(t) {
|
|
|
5022
5022
|
fill: "currentColor",
|
|
5023
5023
|
viewBox: "0 0 16 16",
|
|
5024
5024
|
...t,
|
|
5025
|
-
children: /* @__PURE__ */
|
|
5025
|
+
children: /* @__PURE__ */ w(
|
|
5026
5026
|
"path",
|
|
5027
5027
|
{
|
|
5028
5028
|
fill: "currenColor",
|
|
@@ -5034,16 +5034,16 @@ function zu(t) {
|
|
|
5034
5034
|
}
|
|
5035
5035
|
function Tr({ item: t, level: e = 0, ...n }) {
|
|
5036
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 = (
|
|
5038
|
-
function m(
|
|
5037
|
+
const { isActive: i, isCollapsed: s, expanded: o, toggleExpand: r } = n, a = `level-${e}`, l = s ? "collapsed" : "expanded", c = i(t.id) ? "active" : "", u = (S, k = a) => `${S} ${k} ${l} ${c}`, h = !!((T = t.children) != null && T.length), [d, f] = q(!1), p = Et();
|
|
5038
|
+
function m(S) {
|
|
5039
5039
|
var H;
|
|
5040
|
-
const { level: k, hovered:
|
|
5041
|
-
return !h || s && k >= 2 && !
|
|
5042
|
-
|
|
5040
|
+
const { level: k, hovered: P, parentRef: C } = S;
|
|
5041
|
+
return !h || s && k >= 2 && !P ? null : /* @__PURE__ */ w(
|
|
5042
|
+
zu,
|
|
5043
5043
|
{
|
|
5044
5044
|
parentRef: C,
|
|
5045
5045
|
onlyChild: !s || s && k < 2,
|
|
5046
|
-
children: /* @__PURE__ */
|
|
5046
|
+
children: /* @__PURE__ */ w(
|
|
5047
5047
|
Sr.div,
|
|
5048
5048
|
{
|
|
5049
5049
|
className: u("menu-item__dropdown", `level-${k}`),
|
|
@@ -5059,7 +5059,7 @@ function Tr({ item: t, level: e = 0, ...n }) {
|
|
|
5059
5059
|
}
|
|
5060
5060
|
);
|
|
5061
5061
|
}
|
|
5062
|
-
const
|
|
5062
|
+
const v = h ? "#" : t.path || "#", y = window.location.pathname.split("/")[1], b = v.split("/")[1], g = y !== b && v !== "#" ? window.location.origin + v : v, x = h ? "div" : g.includes("https") ? "a" : Nr;
|
|
5063
5063
|
return /* @__PURE__ */ B(
|
|
5064
5064
|
"div",
|
|
5065
5065
|
{
|
|
@@ -5076,14 +5076,14 @@ function Tr({ item: t, level: e = 0, ...n }) {
|
|
|
5076
5076
|
paddingLeft: `${s ? "0.5rem" : `${e * 1}rem`}`
|
|
5077
5077
|
},
|
|
5078
5078
|
className: u("menu-item__link"),
|
|
5079
|
-
onClick: (
|
|
5080
|
-
h && (
|
|
5079
|
+
onClick: (S) => {
|
|
5080
|
+
h && (S.preventDefault(), s || r(t.id));
|
|
5081
5081
|
},
|
|
5082
5082
|
children: [
|
|
5083
|
-
e !== 0 && /* @__PURE__ */
|
|
5084
|
-
/* @__PURE__ */
|
|
5085
|
-
h && /* @__PURE__ */
|
|
5086
|
-
|
|
5083
|
+
e !== 0 && /* @__PURE__ */ w(_u, { cls: u, item: t }),
|
|
5084
|
+
/* @__PURE__ */ w("span", { className: u("menu-item__label"), children: t.name }),
|
|
5085
|
+
h && /* @__PURE__ */ w("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ w(
|
|
5086
|
+
Wu,
|
|
5087
5087
|
{
|
|
5088
5088
|
className: u(
|
|
5089
5089
|
`menu-item__icon-arrow__icon ${o(t.id) ? "open" : "close"}`
|
|
@@ -5099,12 +5099,12 @@ function Tr({ item: t, level: e = 0, ...n }) {
|
|
|
5099
5099
|
t.id
|
|
5100
5100
|
);
|
|
5101
5101
|
}
|
|
5102
|
-
function
|
|
5102
|
+
function _u({ item: t, cls: e }) {
|
|
5103
5103
|
var r, a;
|
|
5104
5104
|
const [n, i] = q(!1), s = () => {
|
|
5105
5105
|
i(!0);
|
|
5106
5106
|
}, o = (r = t.icon) == null ? void 0 : r.endsWith(".svg");
|
|
5107
|
-
return /* @__PURE__ */
|
|
5107
|
+
return /* @__PURE__ */ w("div", { className: e("menu-item__icon"), children: n ? /* @__PURE__ */ w(
|
|
5108
5108
|
"div",
|
|
5109
5109
|
{
|
|
5110
5110
|
style: {
|
|
@@ -5118,7 +5118,7 @@ function Wu({ item: t, cls: e }) {
|
|
|
5118
5118
|
},
|
|
5119
5119
|
children: (a = t.name.trim().at(0)) == null ? void 0 : a.toUpperCase()
|
|
5120
5120
|
}
|
|
5121
|
-
) : o ? /* @__PURE__ */
|
|
5121
|
+
) : o ? /* @__PURE__ */ w(
|
|
5122
5122
|
Dr,
|
|
5123
5123
|
{
|
|
5124
5124
|
src: t.icon,
|
|
@@ -5128,7 +5128,7 @@ function Wu({ item: t, cls: e }) {
|
|
|
5128
5128
|
});
|
|
5129
5129
|
}
|
|
5130
5130
|
}
|
|
5131
|
-
) : /* @__PURE__ */
|
|
5131
|
+
) : /* @__PURE__ */ w(
|
|
5132
5132
|
"img",
|
|
5133
5133
|
{
|
|
5134
5134
|
src: t.icon || "/",
|
|
@@ -5155,8 +5155,8 @@ function Ar(t, e, n = []) {
|
|
|
5155
5155
|
}
|
|
5156
5156
|
return null;
|
|
5157
5157
|
}
|
|
5158
|
-
function
|
|
5159
|
-
return /* @__PURE__ */
|
|
5158
|
+
function Uu(t) {
|
|
5159
|
+
return /* @__PURE__ */ w(
|
|
5160
5160
|
"svg",
|
|
5161
5161
|
{
|
|
5162
5162
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5165,7 +5165,7 @@ function _u(t) {
|
|
|
5165
5165
|
fill: "none",
|
|
5166
5166
|
viewBox: "0 0 18 20",
|
|
5167
5167
|
...t,
|
|
5168
|
-
children: /* @__PURE__ */
|
|
5168
|
+
children: /* @__PURE__ */ w(
|
|
5169
5169
|
"path",
|
|
5170
5170
|
{
|
|
5171
5171
|
fill: "#E01B00",
|
|
@@ -5177,10 +5177,10 @@ function _u(t) {
|
|
|
5177
5177
|
}
|
|
5178
5178
|
);
|
|
5179
5179
|
}
|
|
5180
|
-
const
|
|
5180
|
+
const Hu = `[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}
|
|
5181
5181
|
`;
|
|
5182
|
-
function
|
|
5183
|
-
return /* @__PURE__ */
|
|
5182
|
+
function Gu() {
|
|
5183
|
+
return /* @__PURE__ */ w(
|
|
5184
5184
|
"svg",
|
|
5185
5185
|
{
|
|
5186
5186
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5190,12 +5190,12 @@ function Hu() {
|
|
|
5190
5190
|
stroke: "currentColor",
|
|
5191
5191
|
strokeWidth: "0",
|
|
5192
5192
|
viewBox: "0 0 24 24",
|
|
5193
|
-
children: /* @__PURE__ */
|
|
5193
|
+
children: /* @__PURE__ */ w("path", { d: "M21 18v2H3v-2h18zM6.596 3.903L8.01 5.318 4.828 8.5 8.01 11.68l-1.414 1.415L2 8.5l4.596-4.597zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z" })
|
|
5194
5194
|
}
|
|
5195
5195
|
);
|
|
5196
5196
|
}
|
|
5197
|
-
function
|
|
5198
|
-
return /* @__PURE__ */
|
|
5197
|
+
function Yu() {
|
|
5198
|
+
return /* @__PURE__ */ w(
|
|
5199
5199
|
"svg",
|
|
5200
5200
|
{
|
|
5201
5201
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5205,12 +5205,12 @@ function Gu() {
|
|
|
5205
5205
|
stroke: "currentColor",
|
|
5206
5206
|
strokeWidth: "0",
|
|
5207
5207
|
viewBox: "0 0 24 24",
|
|
5208
|
-
children: /* @__PURE__ */
|
|
5208
|
+
children: /* @__PURE__ */ w("path", { d: "M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z" })
|
|
5209
5209
|
}
|
|
5210
5210
|
);
|
|
5211
5211
|
}
|
|
5212
|
-
const
|
|
5213
|
-
`,
|
|
5212
|
+
const Xu = `.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;color:#85858a}.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}
|
|
5213
|
+
`, sh = (t) => /* @__PURE__ */ w(
|
|
5214
5214
|
Lr,
|
|
5215
5215
|
{
|
|
5216
5216
|
autoClose: 3e3,
|
|
@@ -5223,47 +5223,47 @@ const Yu = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:
|
|
|
5223
5223
|
...t
|
|
5224
5224
|
}
|
|
5225
5225
|
);
|
|
5226
|
-
function
|
|
5227
|
-
return /* @__PURE__ */
|
|
5228
|
-
}
|
|
5229
|
-
function
|
|
5230
|
-
const { baseUrl: e, menuPath: n
|
|
5231
|
-
|
|
5232
|
-
...
|
|
5233
|
-
[
|
|
5226
|
+
function rh(t) {
|
|
5227
|
+
return /* @__PURE__ */ w(Hi, { styles: [Hu, Xu], style: { zIndex: 1200 }, children: /* @__PURE__ */ w(qu, { ...t }) });
|
|
5228
|
+
}
|
|
5229
|
+
function qu(t) {
|
|
5230
|
+
const { baseUrl: e, menuPath: n } = t, i = jr(), [s, o] = q([]), [r, a] = q(!1), l = (Ar(s, i.pathname) || []).filter((y) => y.parentKey !== 0), [c, u] = q({}), h = (y) => {
|
|
5231
|
+
u({
|
|
5232
|
+
...c,
|
|
5233
|
+
[y]: !c[y]
|
|
5234
5234
|
});
|
|
5235
|
-
},
|
|
5236
|
-
|
|
5235
|
+
}, d = () => {
|
|
5236
|
+
a(!r);
|
|
5237
5237
|
};
|
|
5238
5238
|
Xt(() => {
|
|
5239
5239
|
(async () => {
|
|
5240
|
-
const
|
|
5240
|
+
const b = e + (n || "/global-menu-config/api/v1/menu-items/user"), g = await Fr.get(b, {
|
|
5241
5241
|
withCredentials: !0
|
|
5242
|
-
}).then((
|
|
5243
|
-
var
|
|
5242
|
+
}).then((T) => T.data).catch((T) => {
|
|
5243
|
+
var S, k;
|
|
5244
5244
|
Rr(
|
|
5245
|
-
((
|
|
5245
|
+
((k = (S = T.response) == null ? void 0 : S.data) == null ? void 0 : k.errorMessage) || "Have error when get menu items"
|
|
5246
5246
|
);
|
|
5247
|
-
}),
|
|
5248
|
-
|
|
5249
|
-
|
|
5250
|
-
}),
|
|
5247
|
+
}), x = {};
|
|
5248
|
+
g.forEach((T) => {
|
|
5249
|
+
T.children && (x[T.id] = !0);
|
|
5250
|
+
}), u(x), o(g.map((T) => ({ ...T, parentKey: 0 })));
|
|
5251
5251
|
})();
|
|
5252
5252
|
}, [e, n]);
|
|
5253
|
-
const [
|
|
5254
|
-
return /* @__PURE__ */ B("div", { className:
|
|
5255
|
-
/* @__PURE__ */
|
|
5253
|
+
const [f, p] = q(!1), m = r ? "collapsed" : "expanded", v = (y) => `${y} ${m}`;
|
|
5254
|
+
return /* @__PURE__ */ B("div", { className: v("side-bar"), children: [
|
|
5255
|
+
/* @__PURE__ */ w("div", { className: v("side-bar__wrapper-toggle-btn"), children: /* @__PURE__ */ w(
|
|
5256
5256
|
"button",
|
|
5257
5257
|
{
|
|
5258
5258
|
className: "icon-btn side-bar__toggle-btn",
|
|
5259
|
-
onClick:
|
|
5260
|
-
children:
|
|
5259
|
+
onClick: d,
|
|
5260
|
+
children: r ? /* @__PURE__ */ w(Yu, {}) : /* @__PURE__ */ w(Gu, {})
|
|
5261
5261
|
}
|
|
5262
5262
|
) }),
|
|
5263
|
-
/* @__PURE__ */
|
|
5263
|
+
/* @__PURE__ */ w(
|
|
5264
5264
|
ts,
|
|
5265
5265
|
{
|
|
5266
|
-
className:
|
|
5266
|
+
className: v("side-bar__menu"),
|
|
5267
5267
|
style: {
|
|
5268
5268
|
marginTop: 24,
|
|
5269
5269
|
flex: 1,
|
|
@@ -5271,47 +5271,47 @@ function Xu(t) {
|
|
|
5271
5271
|
height: "100%",
|
|
5272
5272
|
overflowX: "hidden"
|
|
5273
5273
|
},
|
|
5274
|
-
children:
|
|
5274
|
+
children: s.map((y) => /* @__PURE__ */ w(
|
|
5275
5275
|
Tr,
|
|
5276
5276
|
{
|
|
5277
|
-
item:
|
|
5278
|
-
isActive: (
|
|
5279
|
-
isCollapsed:
|
|
5280
|
-
expanded: (
|
|
5281
|
-
toggleExpand:
|
|
5277
|
+
item: y,
|
|
5278
|
+
isActive: (g) => l.some((x) => x.id === g),
|
|
5279
|
+
isCollapsed: r,
|
|
5280
|
+
expanded: (g) => c[g],
|
|
5281
|
+
toggleExpand: h
|
|
5282
5282
|
},
|
|
5283
|
-
|
|
5283
|
+
y.id
|
|
5284
5284
|
))
|
|
5285
5285
|
}
|
|
5286
5286
|
),
|
|
5287
|
-
/* @__PURE__ */ B("div", { className:
|
|
5287
|
+
/* @__PURE__ */ B("div", { className: v("side-bar__wrap-btn-logout"), children: [
|
|
5288
5288
|
/* @__PURE__ */ B(
|
|
5289
5289
|
"button",
|
|
5290
5290
|
{
|
|
5291
|
-
className:
|
|
5292
|
-
onClick: () =>
|
|
5291
|
+
className: v("side-bar__logout-btn"),
|
|
5292
|
+
onClick: () => p(!0),
|
|
5293
5293
|
children: [
|
|
5294
|
-
/* @__PURE__ */
|
|
5295
|
-
/* @__PURE__ */
|
|
5294
|
+
/* @__PURE__ */ w(Uu, {}),
|
|
5295
|
+
/* @__PURE__ */ w("span", { className: v("side-bar__logout-btn__text"), children: "Logout" })
|
|
5296
5296
|
]
|
|
5297
5297
|
}
|
|
5298
5298
|
),
|
|
5299
|
-
/* @__PURE__ */
|
|
5299
|
+
/* @__PURE__ */ w(
|
|
5300
5300
|
Ui,
|
|
5301
5301
|
{
|
|
5302
|
-
isOpen:
|
|
5303
|
-
onClose: () =>
|
|
5304
|
-
onConfirm:
|
|
5302
|
+
isOpen: f,
|
|
5303
|
+
onClose: () => p(!1),
|
|
5304
|
+
onConfirm: () => t.logout ? t.logout() : Br(t.baseUrl)
|
|
5305
5305
|
}
|
|
5306
5306
|
)
|
|
5307
5307
|
] })
|
|
5308
5308
|
] });
|
|
5309
5309
|
}
|
|
5310
5310
|
export {
|
|
5311
|
-
|
|
5312
|
-
|
|
5313
|
-
|
|
5311
|
+
rh as GlobalMenu,
|
|
5312
|
+
sh as ToastConfig,
|
|
5313
|
+
nh as TopBar,
|
|
5314
5314
|
Rr as pushError,
|
|
5315
|
-
|
|
5316
|
-
|
|
5315
|
+
lh as pushSuccess,
|
|
5316
|
+
ch as pushWarning
|
|
5317
5317
|
};
|