@ukpc-lib/react 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.cjs +6 -6
- package/dist/components/index.js +488 -485
- package/dist/share/index.cjs +18 -18
- package/dist/share/index.js +257 -247
- package/package.json +3 -5
- package/web-components-bundle/global-menu/index.cjs +12 -11
- package/web-components-bundle/global-menu/index.js +655 -636
- package/web-components-bundle/global-topbar/index.cjs +2 -2
- package/web-components-bundle/global-topbar/index.js +2 -2
- package/web-components-bundle/{index-fe58ccfa.cjs → index-447756c6.cjs} +16 -16
- package/web-components-bundle/{index-6fdc89ad.js → index-6ba7e1d4.js} +380 -377
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as R, Fragment as Fi, jsx as w } from "react/jsx-runtime";
|
|
2
2
|
import * as D from "react";
|
|
3
3
|
import zi, { useState as X, useRef as Et, useEffect as Xt, createContext as Dt, useLayoutEffect as Wi, useContext as z, useInsertionEffect as kr, useCallback as Cr, useMemo as be, forwardRef as Vr, createElement as _i, useId as Er } from "react";
|
|
4
4
|
import { C as Mr, g as Or, R as Dr, Q as Lr, p as Rr } from "../index-60dc34b2.js";
|
|
@@ -6,15 +6,7 @@ import { a as ah, b as lh } from "../index-60dc34b2.js";
|
|
|
6
6
|
import { Link as Br, useLocation as Nr } from "react-router-dom";
|
|
7
7
|
import { createPortal as jr } from "react-dom";
|
|
8
8
|
import Ir from "axios";
|
|
9
|
-
const Fr =
|
|
10
|
-
`;
|
|
11
|
-
function en({ children: t, styles: e = [], ...n }) {
|
|
12
|
-
return /* @__PURE__ */ B(Mr.div, { ...n, children: [
|
|
13
|
-
[Fr, ...e].map((i, s) => /* @__PURE__ */ w("style", { type: "text/css", children: i }, s)),
|
|
14
|
-
t
|
|
15
|
-
] });
|
|
16
|
-
}
|
|
17
|
-
const zr = `.modal-overlay{z-index:1300;position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-title{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}.modal-button{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
|
|
9
|
+
const Fr = `.modal-overlay{z-index:1300;position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-title{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}.modal-button{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
|
|
18
10
|
`;
|
|
19
11
|
function Ui({
|
|
20
12
|
isOpen: t,
|
|
@@ -27,24 +19,27 @@ function Ui({
|
|
|
27
19
|
var o;
|
|
28
20
|
((o = s.target) == null ? void 0 : o.id) === "modal-wrapper" && e();
|
|
29
21
|
}
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */ w("
|
|
32
|
-
/* @__PURE__ */ w("
|
|
33
|
-
|
|
34
|
-
/* @__PURE__ */ w("
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
"button",
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
22
|
+
return /* @__PURE__ */ R(Fi, { children: [
|
|
23
|
+
/* @__PURE__ */ w("style", { type: "text/css", children: Fr }),
|
|
24
|
+
/* @__PURE__ */ w("div", { onClick: i, className: "modal-overlay", id: "modal-wrapper", children: /* @__PURE__ */ R("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
|
+
/* @__PURE__ */ R("div", { className: "modal-footer", children: [
|
|
28
|
+
/* @__PURE__ */ w("button", { className: "modal-button", onClick: e, children: "Cancel" }),
|
|
29
|
+
/* @__PURE__ */ w(
|
|
30
|
+
"button",
|
|
31
|
+
{
|
|
32
|
+
onClick: n,
|
|
33
|
+
className: "text-white confirm-btn modal-button",
|
|
34
|
+
children: "Confirm"
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
] })
|
|
38
|
+
] }) })
|
|
39
|
+
] });
|
|
45
40
|
}
|
|
46
|
-
function
|
|
47
|
-
return /* @__PURE__ */
|
|
41
|
+
function zr({ primaryColor: t = "#009d4f" }) {
|
|
42
|
+
return /* @__PURE__ */ R(
|
|
48
43
|
"svg",
|
|
49
44
|
{
|
|
50
45
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -98,10 +93,10 @@ function Wr({ primaryColor: t = "#009d4f" }) {
|
|
|
98
93
|
}
|
|
99
94
|
);
|
|
100
95
|
}
|
|
101
|
-
function
|
|
96
|
+
function Wr({
|
|
102
97
|
primaryColor: t = "#009d4f"
|
|
103
98
|
}) {
|
|
104
|
-
return /* @__PURE__ */
|
|
99
|
+
return /* @__PURE__ */ R(
|
|
105
100
|
"svg",
|
|
106
101
|
{
|
|
107
102
|
width: "24",
|
|
@@ -137,7 +132,15 @@ function _r({
|
|
|
137
132
|
}
|
|
138
133
|
);
|
|
139
134
|
}
|
|
140
|
-
const
|
|
135
|
+
const _r = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAYAAAADgWq5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA3XSURBVHgBtVl7jFxVGf/dO3feMzuzO/tuu92y2xIoCEgCgUQogSIKhBIgaAxpFdREITxMVCrYNqB/+A8QCYQYbIuJUTChGqBQDCkaMUCgW0qtpe12t933drezs/N+XX/fuefOzK6l0KInPb2POfec3/m+3/c6a+ALNNu247xczL6Ofbm+j+suLck+pK972XcYhrEbX6AZOItGoGt4uZ99jQtu+tAnmP7kIPLz8yiwS/NHmxDr6kJTdzfaVq5qnGIb+/azAX9GgDXQTQJUQB3Y+SqOvL1bgXVB6nELv2OvcqllX74Uq2+8SV2buBE40n+QwHfgfwlYq34r+7rU+Bj2vvgH/Ou1VxXIxeAaW7Xht6ph1NGzCfAr7/meC3wb+xYCH8IXBaylurWQnu/d++IfMUCwRS1Nuz7mFN813lfVUrYh3xi1lWXIlXd/F1eww5H2rQQ9gLMFTCAP8PJEamIcO+77AebHx+u/6Y8FrItNJDqVL2Awm8WJQhFejwedfj9WhIJosjz8wKCkUdupu6koOX7n08+60haKPHnGgAlEuLp5bGAPdm78yUKO6tU4cQ3w/uQc3pqYwkypQOAGTNNU3SJoi+N6wmFclWjmBnxqvEja1rMJcF8kghseeRT9V62Rl5s595bPDZggxE29fPD11/DWLx9f/FsNqFwrvP5l6DjenZmBKN40TM5qqrEeAUzJGnz28Rpgv6atFRdGQmrXjjG6QrDV/Q0/+zlWf/1GebWB82//TMAE0svLnpnDh+N/umfDaY1KfnlrdBw7R8ZguyQxPJSsoW493JDHY7JbaiGhSNCycEt3J3oDgZp2qi5HOMgbjuCOp59B+8pV4rsvWWyIpwJ8ND0x0fvKQ/dDPIJh1yWgWVsbW6xU8au9+8jXAqUJWJRo2OdDiGqPBv1ojcUQIRVOptOYnEsjky+iUrXREw3jm91dihQ26VPRs0NvoKmrk6DJ6c6uAQK+pBGftQis8LZ3z/ZtIGjFQRJS78zQ05q1u/0nk5ghWOFoazCAloCFGIF2xKPobmtHW1sCifZWeP1e5DM5jJPjHxwaxsGpJE5WykhYlprZI1IWr0FOGASd4tpv/OIx3PHrZy4mJuHzZhejuYgKDxza9Tqkm4ah5Ck8NUzpjhG5z/L7QQIWsGGfFzGvGJeeUMZY5G0oxGgXRYBSjsSi6GpvwZoL+7GqM4GhbM5hkOEIw6SkDcN5ISIZ2fOh6mz36ziwEDCb7CK+94UXHFAKsHMVQzK1lIWfakq+T4p0+RwhWP5Tm1CcVAbFb7w+xwA9XnVvkS4RbuCS5Z18tvT8LmgO0+s5axrY5Ri8gH3gVICvPvLmG0hPTjjSNVyp6kk5Uhii7Mm01W9i1X6S1yLR7apj78ozKEPjDqoVlIsFLmIjJNKm6wpEI2iOBMhzT10wohmzDtSloGAZ2bNngZRNTYcNwt0ju3Y5vK19jIZJG7ssZiuL93kMTSmC5X3Acnq1lEM2lUQ2OYsTY2PI8BoOeOEXgVfLiPqtmmBqVGt4NrWG3932vCvlNY1GtyYzOYmpfR9pKsgWRa91ryBvXZ8pb1PFspo0YJpqxIlCCf6qiRx3eWwkidBkCj2JGfT3LsU+Gtp83sbyZcsRpTtDbhYtytWJUVfrkwqRbE0rJ4xilBIu0MtQO7fwzQ6XEldPfVQHa7vc1cZlurs26+9eOngIQ/MpeMmVeCiAXNWLXBkEVuDVwniqiH2Tafzz4Cj2T6QwkytifHYOyfQ8ZuYLeHN4FEUKxZWuY6v63k039NqDf/+bPK5TEiYdJOnunT16xLFu6TqKyVURTEvZwwlVBsaFUsqdAZlKBWYuj85QBJmq5A8mYpEw5uYraPUauHBZBxf18LuqChSlSgnnLO1AjnTxaA+huCl5BqUt63q0x6gq92lj+shhnEdaiCezND+QPHrUIbzgMZ3Q61ib7QQPdevwWh6DtPIygXpMD4p0Cx0RA+cnOlUaWShXkZsvYwkN7LLz+5AtVbF0SbcKzyGfhfTMNFYtaVXaMVzfRrCOlzE0TL0Z3owO7HEdw8UCuFfuMlOTNWnWrFWnhY5DdpnsXFfEYxjN5NSGKpw0ncsy8kVRplkcn06izQ+E6IujzQlcviqH9/49zIhmoY9AffQyYZ8fZsmjMghnaqNuIRLWbceQhculTMYFHK8Bzk1POzvUiY3zrVnLqZRJmI6UpfU3t+AfKt00tTHaODw2gQIHlctlTCaLGDqZwfzvX6Ira0IgEMTw1BRGR4awsiOOsBVg2uFXvK2vZzgobVN5oaqjYOXedOuthWZTATJr8V1RQyeCqMm1LvCepihDcRDJYlEBrkqgEP5yBQ8DhD8eRlu8CSuW96ClOYYSc2SDGjs6PonxZAqdTdRWuGlBpm+gIXuzDQfTwvSlIXBo92S7oExDewudLi7yxVEm5ndfcAF5yOSFq3jok6Ufm8sjze+C8WYsWXUuWnpXoBgM4/3jE9gzPO4EFY4zqqiF4gU+uOaLtZfQHsttIuEhuQl3dEB8sZs1aUY4FDCqTvJj63xN5wwtrCSaKc2xXAEpZmIrOoSfQILG1kOpfuXSS9Ddswz+YBA9zIGPkUIf7NuvpNfmDao5lJUYjo93c2xXy66bbersdPEOCWDJO+FjHpo1Jl1y1KkgXkIrwmiwP7Fjr6STlpcuK48CxTybztDQPEimUojxuv+99zB9bNihVjGNALUS9AfgJTWWB6M1Cdq60qsVBg0kWQxYkKiir43qVY5bAxLVeAxolaDm0G19dbO2CsdWCCBPQ5tIZZArVVQSP8nodGB4BIPDx5FlsLDI11lyt1wu4bJ4u/LpCpBZpwOABlpAGZ68be1b6QJOWpLRc1fJ2Ipz4nAduespFrkzxx8bdSMQAyMnyzpnzpdKBJpFdzSIJYkE+np70HtOL6KRIGZnZnF8cgpLQzG0+ILaMzR4h0XN1bNE1kRfn5KuVNSul/jzkssuX/9hLTXXEm2wW1tPXPOZXPBktqAqCFXq2I5WsswpjlWqSsm5cgXTLE5l+OiJWRW66d/wTr6E/oAP7bBrLs02Tln+qLW6LrpInnbLfy7gHd5weH3b6gswvf/jU+7VjXYizP0nTuCVw4MYnJsjjx2LrlYNRQ01iEAHZ1MYTqbhHRxVJdOKzg60NUUUzY4UWH14vehg4r+UX3QxexNe1845XAWyd1x4ESIdisNvNwLeLfw4785vxKc3PaIJUFUewlXcXKmM96nSd1h0jpKfZeYQMkqqZhnnkZhN0JJrlLgrcVs2k41YOICVXe0Is3SS9LNKflveELyMdCelCGDfT6Es529Ly0VE1by6Mudd//XXu3TYVgPMhyRV81Tr6gs2hds7kZUwDcegxjNZvM0INnBihiCrzBuY7DA5N0XkBGXy2SlHbFUuqQcxWOYYzQTbxoJTPLz4a8u0MG34lR8uku9hJvUVApT8Q3zJKLndzA2vLuYQ4PswtdJ/3doaHVx9u01OW5KX/vBexeNksYSXh4bxG6aRH88lafisJKhan1e6l1mZl++YC9CtSTBQZRQX9jMpipGf3bEQ2mlsQapdNpOn1McrTJhsllN8V2IlIqqrUAiSYko499LtZVjMvh+N4XgojC996y7BJW53y38BFinzIlLGSGe3A5RuyCYYARkMhuBjkJCTHK+EXk7u8zIXIPAycwKTwKFDu0+iGe+EGuliFWmTIdwMqdouwM3IKLGFErWTzeeoMQMZFqVObmyq0N659qvou/Y6gfZU49lEo4Shy+mB23+6EfGubiVBOQTxM2cQNYqqg4xuIuEgAYdo8WFGsRC7FQjBE4ygxKQmbfiQZSQrBOPwNLczKMUQZj0X4qYdz2io2k96kXm1SFlaLp9XjqEl0Yqbb7vN5e7mBRixqLknPwcPHIh/f/16ZHOyc+a8THIU6bmJEvnX6KttisuSKpjSKfG8QRLxMMF5+E42E6CGAtyccF/AWtz8PKNhS2sCkzRk0ZyYhJfjm1ta8Ojjj2FpT88pT37MxYD1gAfPPe88/GjjwwRoOZWAlPOUkgD1UbqKEuwRhvQwzx18lg9NLOETTHoSXDTKbC7EMCzGJxV2RdduUl3LfPIs3kjCdSaTJqU8yFPad939HQErQ799qvNiC6do4kJE0jevu3VTUyyOTQ9vRIVG4UpHpCxNXJiU8/KuSj6KNIsMvR66Lj8NVDyBAJPNCUjRiKWlLG7RrRWzrFyWdC/Fgw//GBddrE6mtnzaqbyB0zT3fHhsdBQP3XsfxkZGlBsSFSr1GI6f9pLT8l7O0WQTeXIxSm2UuMkcjSrRkqBXKCkteSW1FP/LoNPBpCZL6XposE8+ywNAZow42/PhBtBSpL7M3rv9+efx2+eeo0S99VTQcNSq/CoBi5pzLJcsbkKkn+W9ABa35UjYUvmBeIeeZT24+rpr8bWbbkIoHB6CQ4Pdp8PzmYA16F44R1nrJ5jT/m7rVvz19TecPJaqFsDlakXxWYCJNCt89mgDbWluVvx0D7mjTU248qqrsO7225BgksS2Q4NNfhaWzwW4AbicDTzB3jtJ4HsHBvDmzp0YPHQYhVKRbi6oKFIgOKGFBAhpQb4Pkt8r+s7B5VdcgWvWrhWJyk+SH2w2zuDPX2cEuAH4Gl42sK933w0ePowZhu9JHpWmyM8y3ZvwOMoz4r7+foLtc4cmNdAnjf/33+lOA14k7/4VdDkW/iV0Dk6RMARH9QOfR/Wf1v4D3Fe7Fu3OpbsAAAAASUVORK5CYII=", Ur = `@import"https://fonts.cdnfonts.com/css/tt-firs-neue-trl?styles=143111,143113,143105,143108,143110,143101,143099,143103,143097,143115";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:TT Firs Neue Trl,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}
|
|
136
|
+
`;
|
|
137
|
+
function Hi({ children: t, styles: e = [], ...n }) {
|
|
138
|
+
return /* @__PURE__ */ R(Mr.div, { ...n, children: [
|
|
139
|
+
[Ur, ...e].map((i, s) => /* @__PURE__ */ w("style", { type: "text/css", children: i }, s)),
|
|
140
|
+
t
|
|
141
|
+
] });
|
|
142
|
+
}
|
|
143
|
+
const Hr = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.5rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.navbar-container img{height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}.relative{position:relative}.cursor-pointer{cursor:pointer}
|
|
141
144
|
`;
|
|
142
145
|
function eh({
|
|
143
146
|
logo: t,
|
|
@@ -154,16 +157,16 @@ function eh({
|
|
|
154
157
|
}, [l, c] = X(!1), u = () => {
|
|
155
158
|
window.location.href = `${n}/authentication/logout?callbackUrl=${window.location.href}`;
|
|
156
159
|
};
|
|
157
|
-
return /* @__PURE__ */
|
|
160
|
+
return /* @__PURE__ */ R(Hi, { styles: [Hr], style: { zIndex: 1202 }, children: [
|
|
158
161
|
/* @__PURE__ */ w(
|
|
159
162
|
"nav",
|
|
160
163
|
{
|
|
161
164
|
className: `navbar ${s}`,
|
|
162
165
|
style: o ? a : i,
|
|
163
|
-
children: /* @__PURE__ */
|
|
166
|
+
children: /* @__PURE__ */ R("div", { className: "navbar-container", children: [
|
|
164
167
|
/* @__PURE__ */ w("div", { className: "logo-container", children: /* @__PURE__ */ w("img", { src: r, alt: "logo-header" }) }),
|
|
165
|
-
/* @__PURE__ */
|
|
166
|
-
/* @__PURE__ */
|
|
168
|
+
/* @__PURE__ */ R("div", { className: "right-side-container", children: [
|
|
169
|
+
/* @__PURE__ */ R("div", { className: "userContainer", children: [
|
|
167
170
|
/* @__PURE__ */ w(
|
|
168
171
|
"p",
|
|
169
172
|
{
|
|
@@ -180,8 +183,8 @@ function eh({
|
|
|
180
183
|
}
|
|
181
184
|
)
|
|
182
185
|
] }),
|
|
183
|
-
/* @__PURE__ */ w("span", { className: "cursor-pointer", children: /* @__PURE__ */ w(
|
|
184
|
-
/* @__PURE__ */ w("span", { className: "cursor-pointer", children: /* @__PURE__ */ w(
|
|
186
|
+
/* @__PURE__ */ w("span", { className: "cursor-pointer", children: /* @__PURE__ */ w(Wr, { primaryColor: o == null ? void 0 : o.primaryColor }) }),
|
|
187
|
+
/* @__PURE__ */ w("span", { className: "cursor-pointer", children: /* @__PURE__ */ w(zr, { primaryColor: o == null ? void 0 : o.primaryColor }) })
|
|
185
188
|
] })
|
|
186
189
|
] })
|
|
187
190
|
}
|
|
@@ -213,7 +216,7 @@ function Gr({
|
|
|
213
216
|
return document.addEventListener("click", f, !0), () => {
|
|
214
217
|
document.removeEventListener("click", f, !0);
|
|
215
218
|
};
|
|
216
|
-
}, [o]), /* @__PURE__ */ w(
|
|
219
|
+
}, [o]), /* @__PURE__ */ w(Fi, { children: /* @__PURE__ */ R("div", { style: { position: "relative" }, children: [
|
|
217
220
|
/* @__PURE__ */ w(
|
|
218
221
|
"img",
|
|
219
222
|
{
|
|
@@ -221,7 +224,7 @@ function Gr({
|
|
|
221
224
|
ref: o,
|
|
222
225
|
alt: "user avatar",
|
|
223
226
|
className: "userAvatar",
|
|
224
|
-
src: t ||
|
|
227
|
+
src: t || _r
|
|
225
228
|
}
|
|
226
229
|
),
|
|
227
230
|
/* @__PURE__ */ w(
|
|
@@ -230,7 +233,7 @@ function Gr({
|
|
|
230
233
|
style: { display: i ? "block" : "none" },
|
|
231
234
|
className: "avartarDropdownMenu",
|
|
232
235
|
ref: r,
|
|
233
|
-
children: /* @__PURE__ */
|
|
236
|
+
children: /* @__PURE__ */ R("ul", { children: [
|
|
234
237
|
/* @__PURE__ */ w(
|
|
235
238
|
"li",
|
|
236
239
|
{
|
|
@@ -260,10 +263,10 @@ function Gr({
|
|
|
260
263
|
var Yr = typeof global == "object" && global && global.Object === Object && global;
|
|
261
264
|
const Xr = Yr;
|
|
262
265
|
var qr = typeof self == "object" && self && self.Object === Object && self, Kr = Xr || qr || Function("return this")();
|
|
263
|
-
const
|
|
264
|
-
var $r =
|
|
266
|
+
const Gi = Kr;
|
|
267
|
+
var $r = Gi.Symbol;
|
|
265
268
|
const ce = $r;
|
|
266
|
-
var
|
|
269
|
+
var Yi = Object.prototype, Qr = Yi.hasOwnProperty, Zr = Yi.toString, Nt = ce ? ce.toStringTag : void 0;
|
|
267
270
|
function Jr(t) {
|
|
268
271
|
var e = Qr.call(t, Nt), n = t[Nt];
|
|
269
272
|
try {
|
|
@@ -278,9 +281,9 @@ var to = Object.prototype, eo = to.toString;
|
|
|
278
281
|
function no(t) {
|
|
279
282
|
return eo.call(t);
|
|
280
283
|
}
|
|
281
|
-
var io = "[object Null]", so = "[object Undefined]",
|
|
284
|
+
var io = "[object Null]", so = "[object Undefined]", Vn = ce ? ce.toStringTag : void 0;
|
|
282
285
|
function ro(t) {
|
|
283
|
-
return t == null ? t === void 0 ? so : io :
|
|
286
|
+
return t == null ? t === void 0 ? so : io : Vn && Vn in Object(t) ? Jr(t) : no(t);
|
|
284
287
|
}
|
|
285
288
|
function oo(t) {
|
|
286
289
|
return t != null && typeof t == "object";
|
|
@@ -303,12 +306,12 @@ function ue(t) {
|
|
|
303
306
|
var e = typeof t;
|
|
304
307
|
return t != null && (e == "object" || e == "function");
|
|
305
308
|
}
|
|
306
|
-
var
|
|
307
|
-
function
|
|
309
|
+
var En = 0 / 0, po = /^[-+]0x[0-9a-f]+$/i, mo = /^0b[01]+$/i, go = /^0o[0-7]+$/i, vo = parseInt;
|
|
310
|
+
function Mn(t) {
|
|
308
311
|
if (typeof t == "number")
|
|
309
312
|
return t;
|
|
310
313
|
if (lo(t))
|
|
311
|
-
return
|
|
314
|
+
return En;
|
|
312
315
|
if (ue(t)) {
|
|
313
316
|
var e = typeof t.valueOf == "function" ? t.valueOf() : t;
|
|
314
317
|
t = ue(e) ? e + "" : e;
|
|
@@ -317,10 +320,10 @@ function On(t) {
|
|
|
317
320
|
return t === 0 ? t : +t;
|
|
318
321
|
t = fo(t);
|
|
319
322
|
var n = mo.test(t);
|
|
320
|
-
return n || go.test(t) ? vo(t.slice(2), n ? 2 : 8) : po.test(t) ?
|
|
323
|
+
return n || go.test(t) ? vo(t.slice(2), n ? 2 : 8) : po.test(t) ? En : +t;
|
|
321
324
|
}
|
|
322
325
|
var yo = function() {
|
|
323
|
-
return
|
|
326
|
+
return Gi.Date.now();
|
|
324
327
|
};
|
|
325
328
|
const Ve = yo;
|
|
326
329
|
var bo = "Expected a function", xo = Math.max, wo = Math.min;
|
|
@@ -328,7 +331,7 @@ function oe(t, e, n) {
|
|
|
328
331
|
var i, s, o, r, a, l, c = 0, u = !1, h = !1, d = !0;
|
|
329
332
|
if (typeof t != "function")
|
|
330
333
|
throw new TypeError(bo);
|
|
331
|
-
e =
|
|
334
|
+
e = Mn(e) || 0, ue(n) && (u = !!n.leading, h = "maxWait" in n, o = h ? xo(Mn(n.maxWait) || 0, e) : o, d = "trailing" in n ? !!n.trailing : d);
|
|
332
335
|
function f(S) {
|
|
333
336
|
var k = i, P = s;
|
|
334
337
|
return i = s = void 0, c = S, r = t.apply(P, k), r;
|
|
@@ -383,7 +386,7 @@ function To(t, e, n) {
|
|
|
383
386
|
});
|
|
384
387
|
}
|
|
385
388
|
var Ao = !!(typeof window < "u" && window.document && window.document.createElement), Po = Ao;
|
|
386
|
-
const
|
|
389
|
+
const Xi = /* @__PURE__ */ Or(Po);
|
|
387
390
|
var At = function() {
|
|
388
391
|
return At = Object.assign || function(e) {
|
|
389
392
|
for (var n, i = 1, s = arguments.length; i < s; i++) {
|
|
@@ -393,11 +396,11 @@ var At = function() {
|
|
|
393
396
|
}
|
|
394
397
|
return e;
|
|
395
398
|
}, At.apply(this, arguments);
|
|
396
|
-
}, Tt = null,
|
|
397
|
-
|
|
398
|
-
|
|
399
|
+
}, Tt = null, On = null;
|
|
400
|
+
Xi && window.addEventListener("resize", function() {
|
|
401
|
+
On !== window.devicePixelRatio && (On = window.devicePixelRatio, Tt = null);
|
|
399
402
|
});
|
|
400
|
-
function
|
|
403
|
+
function Dn() {
|
|
401
404
|
if (Tt === null) {
|
|
402
405
|
if (typeof document > "u")
|
|
403
406
|
return Tt = 0, Tt;
|
|
@@ -408,13 +411,13 @@ function Ln() {
|
|
|
408
411
|
}
|
|
409
412
|
return Tt;
|
|
410
413
|
}
|
|
411
|
-
function
|
|
414
|
+
function qi(t) {
|
|
412
415
|
return !t || !t.ownerDocument || !t.ownerDocument.defaultView ? window : t.ownerDocument.defaultView;
|
|
413
416
|
}
|
|
414
|
-
function
|
|
417
|
+
function Ki(t) {
|
|
415
418
|
return !t || !t.ownerDocument ? document : t.ownerDocument;
|
|
416
419
|
}
|
|
417
|
-
var
|
|
420
|
+
var $i = function(t) {
|
|
418
421
|
var e = {}, n = Array.prototype.reduce.call(t, function(i, s) {
|
|
419
422
|
var o = s.name.match(/data-simplebar-(.+)/);
|
|
420
423
|
if (o) {
|
|
@@ -439,27 +442,27 @@ var Ki = function(t) {
|
|
|
439
442
|
}, e);
|
|
440
443
|
return n;
|
|
441
444
|
};
|
|
442
|
-
function
|
|
445
|
+
function Qi(t, e) {
|
|
443
446
|
var n;
|
|
444
447
|
t && (n = t.classList).add.apply(n, e.split(" "));
|
|
445
448
|
}
|
|
446
|
-
function
|
|
449
|
+
function Zi(t, e) {
|
|
447
450
|
t && e.split(" ").forEach(function(n) {
|
|
448
451
|
t.classList.remove(n);
|
|
449
452
|
});
|
|
450
453
|
}
|
|
451
|
-
function
|
|
454
|
+
function Ji(t) {
|
|
452
455
|
return ".".concat(t.split(" ").join("."));
|
|
453
456
|
}
|
|
454
457
|
var ko = /* @__PURE__ */ Object.freeze({
|
|
455
458
|
__proto__: null,
|
|
456
|
-
getElementWindow:
|
|
457
|
-
getElementDocument:
|
|
458
|
-
getOptions:
|
|
459
|
-
addClasses:
|
|
460
|
-
removeClasses:
|
|
461
|
-
classNamesToQuery:
|
|
462
|
-
}), it =
|
|
459
|
+
getElementWindow: qi,
|
|
460
|
+
getElementDocument: Ki,
|
|
461
|
+
getOptions: $i,
|
|
462
|
+
addClasses: Qi,
|
|
463
|
+
removeClasses: Zi,
|
|
464
|
+
classNamesToQuery: Ji
|
|
465
|
+
}), it = qi, Ee = Ki, Co = $i, st = Qi, rt = Zi, F = Ji, te = (
|
|
463
466
|
/** @class */
|
|
464
467
|
function() {
|
|
465
468
|
function t(e, n) {
|
|
@@ -561,9 +564,9 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
561
564
|
}, t.rtlHelpers;
|
|
562
565
|
}, t.prototype.getScrollbarWidth = function() {
|
|
563
566
|
try {
|
|
564
|
-
return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 :
|
|
567
|
+
return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 : Dn();
|
|
565
568
|
} catch {
|
|
566
|
-
return
|
|
569
|
+
return Dn();
|
|
567
570
|
}
|
|
568
571
|
}, t.getOffset = function(e) {
|
|
569
572
|
var n = e.getBoundingClientRect(), i = Ee(e), s = it(e);
|
|
@@ -572,7 +575,7 @@ var ko = /* @__PURE__ */ Object.freeze({
|
|
|
572
575
|
left: n.left + (s.pageXOffset || i.documentElement.scrollLeft)
|
|
573
576
|
};
|
|
574
577
|
}, t.prototype.init = function() {
|
|
575
|
-
|
|
578
|
+
Xi && (this.initDOM(), this.rtlHelpers = t.getRtlHelpers(), this.scrollbarWidth = this.getScrollbarWidth(), this.recalculate(), this.initListeners());
|
|
576
579
|
}, t.prototype.initDOM = function() {
|
|
577
580
|
var e, n;
|
|
578
581
|
this.wrapperEl = this.el.querySelector(F(this.classNames.wrapper)), this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(F(this.classNames.contentWrapper)), this.contentEl = this.options.contentNode || this.el.querySelector(F(this.classNames.contentEl)), this.offsetEl = this.el.querySelector(F(this.classNames.offset)), this.maskEl = this.el.querySelector(F(this.classNames.mask)), this.placeholderEl = this.findChild(this.wrapperEl, F(this.classNames.placeholder)), this.heightAutoObserverWrapperEl = this.el.querySelector(F(this.classNames.heightAutoObserverWrapperEl)), this.heightAutoObserverEl = this.el.querySelector(F(this.classNames.heightAutoObserverEl)), this.axis.x.track.el = this.findChild(this.el, "".concat(F(this.classNames.track)).concat(F(this.classNames.horizontal))), this.axis.y.track.el = this.findChild(this.el, "".concat(F(this.classNames.track)).concat(F(this.classNames.vertical))), this.axis.x.scrollbar.el = ((e = this.axis.x.track.el) === null || e === void 0 ? void 0 : e.querySelector(F(this.classNames.scrollbar))) || null, this.axis.y.scrollbar.el = ((n = this.axis.y.track.el) === null || n === void 0 ? void 0 : n.querySelector(F(this.classNames.scrollbar))) || null, this.options.autoHide || (st(this.axis.x.scrollbar.el, this.classNames.visible), st(this.axis.y.scrollbar.el, this.classNames.visible));
|
|
@@ -728,7 +731,7 @@ function Vo(t, e) {
|
|
|
728
731
|
e.indexOf(i[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[s]) && (n[i[s]] = t[i[s]]);
|
|
729
732
|
return n;
|
|
730
733
|
}
|
|
731
|
-
var
|
|
734
|
+
var ts = D.forwardRef(function(t, e) {
|
|
732
735
|
var n = t.children, i = t.scrollableNodeProps, s = i === void 0 ? {} : i, o = Vo(t, ["children", "scrollableNodeProps"]), r = D.useRef(), a = D.useRef(), l = D.useRef(), c = {}, u = {};
|
|
733
736
|
Object.keys(o).forEach(function(f) {
|
|
734
737
|
Object.prototype.hasOwnProperty.call(te.defaultOptions, f) ? c[f] = o[f] : u[f] = o[f];
|
|
@@ -785,14 +788,14 @@ var Ji = D.forwardRef(function(t, e) {
|
|
|
785
788
|
)
|
|
786
789
|
);
|
|
787
790
|
});
|
|
788
|
-
|
|
789
|
-
const
|
|
791
|
+
ts.displayName = "SimpleBar";
|
|
792
|
+
const es = Dt({
|
|
790
793
|
transformPagePoint: (t) => t,
|
|
791
794
|
isStatic: !1,
|
|
792
795
|
reducedMotion: "never"
|
|
793
|
-
}), xe = Dt({}),
|
|
796
|
+
}), xe = Dt({}), en = Dt(null), we = typeof document < "u", Eo = we ? Wi : Xt, ns = Dt({ strict: !1 }), nn = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Mo = "framerAppearId", is = "data-" + nn(Mo);
|
|
794
797
|
function Oo(t, e, n, i) {
|
|
795
|
-
const { visualElement: s } = z(xe), o = z(
|
|
798
|
+
const { visualElement: s } = z(xe), o = z(ns), r = z(en), a = z(es).reducedMotion, l = Et();
|
|
796
799
|
i = i || o.renderer, !l.current && i && (l.current = i(t, {
|
|
797
800
|
visualState: e,
|
|
798
801
|
parent: s,
|
|
@@ -805,7 +808,7 @@ function Oo(t, e, n, i) {
|
|
|
805
808
|
kr(() => {
|
|
806
809
|
c && c.update(n, r);
|
|
807
810
|
});
|
|
808
|
-
const u = Et(!!(n[
|
|
811
|
+
const u = Et(!!(n[is] && !window.HandoffComplete));
|
|
809
812
|
return Eo(() => {
|
|
810
813
|
c && (c.render(), u.current && c.animationState && c.animationState.animateChanges());
|
|
811
814
|
}), Xt(() => {
|
|
@@ -834,7 +837,7 @@ function Ht(t) {
|
|
|
834
837
|
function Se(t) {
|
|
835
838
|
return t !== null && typeof t == "object" && typeof t.start == "function";
|
|
836
839
|
}
|
|
837
|
-
const
|
|
840
|
+
const sn = [
|
|
838
841
|
"animate",
|
|
839
842
|
"whileInView",
|
|
840
843
|
"whileFocus",
|
|
@@ -842,11 +845,11 @@ const rn = [
|
|
|
842
845
|
"whileTap",
|
|
843
846
|
"whileDrag",
|
|
844
847
|
"exit"
|
|
845
|
-
],
|
|
848
|
+
], rn = ["initial", ...sn];
|
|
846
849
|
function Te(t) {
|
|
847
|
-
return Se(t.animate) ||
|
|
850
|
+
return Se(t.animate) || rn.some((e) => Ht(t[e]));
|
|
848
851
|
}
|
|
849
|
-
function
|
|
852
|
+
function ss(t) {
|
|
850
853
|
return !!(Te(t) || t.variants);
|
|
851
854
|
}
|
|
852
855
|
function Lo(t, e) {
|
|
@@ -861,12 +864,12 @@ function Lo(t, e) {
|
|
|
861
864
|
}
|
|
862
865
|
function Ro(t) {
|
|
863
866
|
const { initial: e, animate: n } = Lo(t, z(xe));
|
|
864
|
-
return be(() => ({ initial: e, animate: n }), [
|
|
867
|
+
return be(() => ({ initial: e, animate: n }), [Ln(e), Ln(n)]);
|
|
865
868
|
}
|
|
866
|
-
function
|
|
869
|
+
function Ln(t) {
|
|
867
870
|
return Array.isArray(t) ? t.join(" ") : t;
|
|
868
871
|
}
|
|
869
|
-
const
|
|
872
|
+
const Rn = {
|
|
870
873
|
animation: [
|
|
871
874
|
"animate",
|
|
872
875
|
"variants",
|
|
@@ -886,9 +889,9 @@ const Bn = {
|
|
|
886
889
|
inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
|
|
887
890
|
layout: ["layout", "layoutId"]
|
|
888
891
|
}, Gt = {};
|
|
889
|
-
for (const t in
|
|
892
|
+
for (const t in Rn)
|
|
890
893
|
Gt[t] = {
|
|
891
|
-
isEnabled: (e) =>
|
|
894
|
+
isEnabled: (e) => Rn[t].some((n) => !!e[n])
|
|
892
895
|
};
|
|
893
896
|
function Bo(t) {
|
|
894
897
|
for (const e in t)
|
|
@@ -897,19 +900,19 @@ function Bo(t) {
|
|
|
897
900
|
...t[e]
|
|
898
901
|
};
|
|
899
902
|
}
|
|
900
|
-
const
|
|
903
|
+
const rs = Dt({}), os = Dt({}), No = Symbol.for("motionComponentSymbol");
|
|
901
904
|
function jo({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: i, Component: s }) {
|
|
902
905
|
t && Bo(t);
|
|
903
906
|
function o(a, l) {
|
|
904
907
|
let c;
|
|
905
908
|
const u = {
|
|
906
|
-
...z(
|
|
909
|
+
...z(es),
|
|
907
910
|
...a,
|
|
908
911
|
layoutId: Io(a)
|
|
909
912
|
}, { isStatic: h } = u, d = Ro(a), f = i(a, h);
|
|
910
913
|
if (!h && we) {
|
|
911
914
|
d.visualElement = Oo(s, f, u, e);
|
|
912
|
-
const p = z(
|
|
915
|
+
const p = z(os), m = z(ns).strict;
|
|
913
916
|
d.visualElement && (c = d.visualElement.loadFeatures(
|
|
914
917
|
// Note: Pass the full new combined props to correctly re-render dynamic feature components.
|
|
915
918
|
u,
|
|
@@ -929,7 +932,7 @@ function jo({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
|
|
|
929
932
|
return r[No] = s, r;
|
|
930
933
|
}
|
|
931
934
|
function Io({ layoutId: t }) {
|
|
932
|
-
const e = z(
|
|
935
|
+
const e = z(rs).id;
|
|
933
936
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
934
937
|
}
|
|
935
938
|
function Fo(t) {
|
|
@@ -975,7 +978,7 @@ const zo = [
|
|
|
975
978
|
"use",
|
|
976
979
|
"view"
|
|
977
980
|
];
|
|
978
|
-
function
|
|
981
|
+
function on(t) {
|
|
979
982
|
return (
|
|
980
983
|
/**
|
|
981
984
|
* If it's not a string, it's a custom React component. Currently we only support
|
|
@@ -1018,7 +1021,7 @@ const qt = [
|
|
|
1018
1021
|
"skewX",
|
|
1019
1022
|
"skewY"
|
|
1020
1023
|
], yt = new Set(qt);
|
|
1021
|
-
function
|
|
1024
|
+
function as(t, { layout: e, layoutId: n }) {
|
|
1022
1025
|
return yt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!he[t] || t === "opacity");
|
|
1023
1026
|
}
|
|
1024
1027
|
const W = (t) => !!(t && t.getVelocity), _o = {
|
|
@@ -1038,7 +1041,7 @@ function Ho(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0
|
|
|
1038
1041
|
}
|
|
1039
1042
|
return e && !t.z && (o += "translateZ(0)"), o = o.trim(), s ? o = s(t, i ? "" : o) : n && i && (o = "none"), o;
|
|
1040
1043
|
}
|
|
1041
|
-
const
|
|
1044
|
+
const ls = (t) => (e) => typeof e == "string" && e.startsWith(t), cs = ls("--"), _e = ls("var(--"), Go = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Yo = (t, e) => e && typeof t == "number" ? e.transform(t) : t, ut = (t, e, n) => Math.min(Math.max(n, t), e), bt = {
|
|
1042
1045
|
test: (t) => typeof t == "number",
|
|
1043
1046
|
parse: parseFloat,
|
|
1044
1047
|
transform: (t) => t
|
|
@@ -1048,7 +1051,7 @@ const as = (t) => (e) => typeof e == "string" && e.startsWith(t), ls = as("--"),
|
|
|
1048
1051
|
}, ee = {
|
|
1049
1052
|
...bt,
|
|
1050
1053
|
default: 1
|
|
1051
|
-
}, Wt = (t) => Math.round(t * 1e5) / 1e5, Ae = /(-)?([\d]*\.?[\d])+/g,
|
|
1054
|
+
}, Wt = (t) => Math.round(t * 1e5) / 1e5, Ae = /(-)?([\d]*\.?[\d])+/g, us = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Xo = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
|
|
1052
1055
|
function Kt(t) {
|
|
1053
1056
|
return typeof t == "string";
|
|
1054
1057
|
}
|
|
@@ -1056,14 +1059,14 @@ const $t = (t) => ({
|
|
|
1056
1059
|
test: (e) => Kt(e) && e.endsWith(t) && e.split(" ").length === 1,
|
|
1057
1060
|
parse: parseFloat,
|
|
1058
1061
|
transform: (e) => `${e}${t}`
|
|
1059
|
-
}), ot = $t("deg"), K = $t("%"), T = $t("px"), qo = $t("vh"), Ko = $t("vw"),
|
|
1062
|
+
}), ot = $t("deg"), K = $t("%"), T = $t("px"), qo = $t("vh"), Ko = $t("vw"), Bn = {
|
|
1060
1063
|
...K,
|
|
1061
1064
|
parse: (t) => K.parse(t) / 100,
|
|
1062
1065
|
transform: (t) => K.transform(t * 100)
|
|
1063
|
-
},
|
|
1066
|
+
}, Nn = {
|
|
1064
1067
|
...bt,
|
|
1065
1068
|
transform: Math.round
|
|
1066
|
-
},
|
|
1069
|
+
}, hs = {
|
|
1067
1070
|
// Border props
|
|
1068
1071
|
borderWidth: T,
|
|
1069
1072
|
borderTopWidth: T,
|
|
@@ -1119,26 +1122,26 @@ const $t = (t) => ({
|
|
|
1119
1122
|
perspective: T,
|
|
1120
1123
|
transformPerspective: T,
|
|
1121
1124
|
opacity: zt,
|
|
1122
|
-
originX:
|
|
1123
|
-
originY:
|
|
1125
|
+
originX: Bn,
|
|
1126
|
+
originY: Bn,
|
|
1124
1127
|
originZ: T,
|
|
1125
1128
|
// Misc
|
|
1126
|
-
zIndex:
|
|
1129
|
+
zIndex: Nn,
|
|
1127
1130
|
// SVG
|
|
1128
1131
|
fillOpacity: zt,
|
|
1129
1132
|
strokeOpacity: zt,
|
|
1130
|
-
numOctaves:
|
|
1133
|
+
numOctaves: Nn
|
|
1131
1134
|
};
|
|
1132
|
-
function
|
|
1135
|
+
function an(t, e, n, i) {
|
|
1133
1136
|
const { style: s, vars: o, transform: r, transformOrigin: a } = t;
|
|
1134
1137
|
let l = !1, c = !1, u = !0;
|
|
1135
1138
|
for (const h in e) {
|
|
1136
1139
|
const d = e[h];
|
|
1137
|
-
if (
|
|
1140
|
+
if (cs(h)) {
|
|
1138
1141
|
o[h] = d;
|
|
1139
1142
|
continue;
|
|
1140
1143
|
}
|
|
1141
|
-
const f =
|
|
1144
|
+
const f = hs[h], p = Yo(d, f);
|
|
1142
1145
|
if (yt.has(h)) {
|
|
1143
1146
|
if (l = !0, r[h] = p, !u)
|
|
1144
1147
|
continue;
|
|
@@ -1151,25 +1154,25 @@ function ln(t, e, n, i) {
|
|
|
1151
1154
|
s.transformOrigin = `${h} ${d} ${f}`;
|
|
1152
1155
|
}
|
|
1153
1156
|
}
|
|
1154
|
-
const
|
|
1157
|
+
const ln = () => ({
|
|
1155
1158
|
style: {},
|
|
1156
1159
|
transform: {},
|
|
1157
1160
|
transformOrigin: {},
|
|
1158
1161
|
vars: {}
|
|
1159
1162
|
});
|
|
1160
|
-
function
|
|
1163
|
+
function ds(t, e, n) {
|
|
1161
1164
|
for (const i in e)
|
|
1162
|
-
!W(e[i]) && !
|
|
1165
|
+
!W(e[i]) && !as(i, n) && (t[i] = e[i]);
|
|
1163
1166
|
}
|
|
1164
1167
|
function $o({ transformTemplate: t }, e, n) {
|
|
1165
1168
|
return be(() => {
|
|
1166
|
-
const i =
|
|
1167
|
-
return
|
|
1169
|
+
const i = ln();
|
|
1170
|
+
return an(i, e, { enableHardwareAcceleration: !n }, t), Object.assign({}, i.vars, i.style);
|
|
1168
1171
|
}, [e]);
|
|
1169
1172
|
}
|
|
1170
1173
|
function Qo(t, e, n) {
|
|
1171
1174
|
const i = t.style || {}, s = {};
|
|
1172
|
-
return
|
|
1175
|
+
return ds(s, i, t), Object.assign(s, $o(t, e, n)), t.transformValues ? t.transformValues(s) : s;
|
|
1173
1176
|
}
|
|
1174
1177
|
function Zo(t, e, n) {
|
|
1175
1178
|
const i = {}, s = Qo(t, e, n);
|
|
@@ -1211,9 +1214,9 @@ const Jo = /* @__PURE__ */ new Set([
|
|
|
1211
1214
|
function de(t) {
|
|
1212
1215
|
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Jo.has(t);
|
|
1213
1216
|
}
|
|
1214
|
-
let
|
|
1217
|
+
let fs = (t) => !de(t);
|
|
1215
1218
|
function ta(t) {
|
|
1216
|
-
t && (
|
|
1219
|
+
t && (fs = (e) => e.startsWith("on") ? !de(e) : t(e));
|
|
1217
1220
|
}
|
|
1218
1221
|
try {
|
|
1219
1222
|
ta(require("@emotion/is-prop-valid").default);
|
|
@@ -1222,15 +1225,15 @@ try {
|
|
|
1222
1225
|
function ea(t, e, n) {
|
|
1223
1226
|
const i = {};
|
|
1224
1227
|
for (const s in t)
|
|
1225
|
-
s === "values" && typeof t.values == "object" || (
|
|
1228
|
+
s === "values" && typeof t.values == "object" || (fs(s) || n === !0 && de(s) || !e && !de(s) || // If trying to use native HTML drag events, forward drag listeners
|
|
1226
1229
|
t.draggable && s.startsWith("onDrag")) && (i[s] = t[s]);
|
|
1227
1230
|
return i;
|
|
1228
1231
|
}
|
|
1229
|
-
function
|
|
1232
|
+
function jn(t, e, n) {
|
|
1230
1233
|
return typeof t == "string" ? t : T.transform(e + n * t);
|
|
1231
1234
|
}
|
|
1232
1235
|
function na(t, e, n) {
|
|
1233
|
-
const i =
|
|
1236
|
+
const i = jn(e, t.x, t.width), s = jn(n, t.y, t.height);
|
|
1234
1237
|
return `${i} ${s}`;
|
|
1235
1238
|
}
|
|
1236
1239
|
const ia = {
|
|
@@ -1247,7 +1250,7 @@ function ra(t, e, n = 1, i = 0, s = !0) {
|
|
|
1247
1250
|
const r = T.transform(e), a = T.transform(n);
|
|
1248
1251
|
t[o.array] = `${r} ${a}`;
|
|
1249
1252
|
}
|
|
1250
|
-
function
|
|
1253
|
+
function cn(t, {
|
|
1251
1254
|
attrX: e,
|
|
1252
1255
|
attrY: n,
|
|
1253
1256
|
attrScale: i,
|
|
@@ -1259,7 +1262,7 @@ function un(t, {
|
|
|
1259
1262
|
// This is object creation, which we try to avoid per-frame.
|
|
1260
1263
|
...c
|
|
1261
1264
|
}, u, h, d) {
|
|
1262
|
-
if (
|
|
1265
|
+
if (an(t, c, u, d), h) {
|
|
1263
1266
|
t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
|
|
1264
1267
|
return;
|
|
1265
1268
|
}
|
|
@@ -1267,27 +1270,27 @@ function un(t, {
|
|
|
1267
1270
|
const { attrs: f, style: p, dimensions: m } = t;
|
|
1268
1271
|
f.transform && (m && (p.transform = f.transform), delete f.transform), m && (s !== void 0 || o !== void 0 || p.transform) && (p.transformOrigin = na(m, s !== void 0 ? s : 0.5, o !== void 0 ? o : 0.5)), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), i !== void 0 && (f.scale = i), r !== void 0 && ra(f, r, a, l, !1);
|
|
1269
1272
|
}
|
|
1270
|
-
const
|
|
1271
|
-
...
|
|
1273
|
+
const ps = () => ({
|
|
1274
|
+
...ln(),
|
|
1272
1275
|
attrs: {}
|
|
1273
|
-
}),
|
|
1276
|
+
}), un = (t) => typeof t == "string" && t.toLowerCase() === "svg";
|
|
1274
1277
|
function oa(t, e, n, i) {
|
|
1275
1278
|
const s = be(() => {
|
|
1276
|
-
const o =
|
|
1277
|
-
return
|
|
1279
|
+
const o = ps();
|
|
1280
|
+
return cn(o, e, { enableHardwareAcceleration: !1 }, un(i), t.transformTemplate), {
|
|
1278
1281
|
...o.attrs,
|
|
1279
1282
|
style: { ...o.style }
|
|
1280
1283
|
};
|
|
1281
1284
|
}, [e]);
|
|
1282
1285
|
if (t.style) {
|
|
1283
1286
|
const o = {};
|
|
1284
|
-
|
|
1287
|
+
ds(o, t.style, t), s.style = { ...o, ...s.style };
|
|
1285
1288
|
}
|
|
1286
1289
|
return s;
|
|
1287
1290
|
}
|
|
1288
1291
|
function aa(t = !1) {
|
|
1289
1292
|
return (n, i, s, { latestValues: o }, r) => {
|
|
1290
|
-
const l = (
|
|
1293
|
+
const l = (on(n) ? oa : Zo)(i, o, r, n), u = {
|
|
1291
1294
|
...ea(i, typeof n == "string", t),
|
|
1292
1295
|
...l,
|
|
1293
1296
|
ref: s
|
|
@@ -1298,12 +1301,12 @@ function aa(t = !1) {
|
|
|
1298
1301
|
});
|
|
1299
1302
|
};
|
|
1300
1303
|
}
|
|
1301
|
-
function
|
|
1304
|
+
function ms(t, { style: e, vars: n }, i, s) {
|
|
1302
1305
|
Object.assign(t.style, e, s && s.getProjectionStyles(i));
|
|
1303
1306
|
for (const o in n)
|
|
1304
1307
|
t.style.setProperty(o, n[o]);
|
|
1305
1308
|
}
|
|
1306
|
-
const
|
|
1309
|
+
const gs = /* @__PURE__ */ new Set([
|
|
1307
1310
|
"baseFrequency",
|
|
1308
1311
|
"diffuseConstant",
|
|
1309
1312
|
"kernelMatrix",
|
|
@@ -1328,19 +1331,19 @@ const ms = /* @__PURE__ */ new Set([
|
|
|
1328
1331
|
"textLength",
|
|
1329
1332
|
"lengthAdjust"
|
|
1330
1333
|
]);
|
|
1331
|
-
function
|
|
1332
|
-
|
|
1334
|
+
function vs(t, e, n, i) {
|
|
1335
|
+
ms(t, e, void 0, i);
|
|
1333
1336
|
for (const s in e.attrs)
|
|
1334
|
-
t.setAttribute(
|
|
1337
|
+
t.setAttribute(gs.has(s) ? s : nn(s), e.attrs[s]);
|
|
1335
1338
|
}
|
|
1336
|
-
function
|
|
1339
|
+
function hn(t, e) {
|
|
1337
1340
|
const { style: n } = t, i = {};
|
|
1338
1341
|
for (const s in n)
|
|
1339
|
-
(W(n[s]) || e.style && W(e.style[s]) ||
|
|
1342
|
+
(W(n[s]) || e.style && W(e.style[s]) || as(s, t)) && (i[s] = n[s]);
|
|
1340
1343
|
return i;
|
|
1341
1344
|
}
|
|
1342
|
-
function
|
|
1343
|
-
const n =
|
|
1345
|
+
function ys(t, e) {
|
|
1346
|
+
const n = hn(t, e);
|
|
1344
1347
|
for (const i in t)
|
|
1345
1348
|
if (W(t[i]) || W(e[i])) {
|
|
1346
1349
|
const s = qt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
|
|
@@ -1348,7 +1351,7 @@ function vs(t, e) {
|
|
|
1348
1351
|
}
|
|
1349
1352
|
return n;
|
|
1350
1353
|
}
|
|
1351
|
-
function
|
|
1354
|
+
function dn(t, e, n, i = {}, s = {}) {
|
|
1352
1355
|
return typeof e == "function" && (e = e(n !== void 0 ? n : t.custom, i, s)), typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function" && (e = e(n !== void 0 ? n : t.custom, i, s)), e;
|
|
1353
1356
|
}
|
|
1354
1357
|
function la(t) {
|
|
@@ -1367,8 +1370,8 @@ function ha({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }
|
|
|
1367
1370
|
};
|
|
1368
1371
|
return n && (r.mount = (a) => n(i, a, r)), r;
|
|
1369
1372
|
}
|
|
1370
|
-
const
|
|
1371
|
-
const i = z(xe), s = z(
|
|
1373
|
+
const bs = (t) => (e, n) => {
|
|
1374
|
+
const i = z(xe), s = z(en), o = () => ha(t, e, i, s);
|
|
1372
1375
|
return n ? o() : la(o);
|
|
1373
1376
|
};
|
|
1374
1377
|
function da(t, e, n, i) {
|
|
@@ -1376,13 +1379,13 @@ function da(t, e, n, i) {
|
|
|
1376
1379
|
for (const d in o)
|
|
1377
1380
|
s[d] = ae(o[d]);
|
|
1378
1381
|
let { initial: r, animate: a } = t;
|
|
1379
|
-
const l = Te(t), c =
|
|
1382
|
+
const l = Te(t), c = ss(t);
|
|
1380
1383
|
e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
|
|
1381
1384
|
let u = n ? n.initial === !1 : !1;
|
|
1382
1385
|
u = u || r === !1;
|
|
1383
1386
|
const h = u ? a : r;
|
|
1384
1387
|
return h && typeof h != "boolean" && !Se(h) && (Array.isArray(h) ? h : [h]).forEach((f) => {
|
|
1385
|
-
const p =
|
|
1388
|
+
const p = dn(t, f);
|
|
1386
1389
|
if (!p)
|
|
1387
1390
|
return;
|
|
1388
1391
|
const { transitionEnd: m, transition: y, ...b } = p;
|
|
@@ -1399,7 +1402,7 @@ function da(t, e, n, i) {
|
|
|
1399
1402
|
}), s;
|
|
1400
1403
|
}
|
|
1401
1404
|
const O = (t) => t;
|
|
1402
|
-
class
|
|
1405
|
+
class In {
|
|
1403
1406
|
constructor() {
|
|
1404
1407
|
this.order = [], this.scheduled = /* @__PURE__ */ new Set();
|
|
1405
1408
|
}
|
|
@@ -1416,7 +1419,7 @@ class Fn {
|
|
|
1416
1419
|
}
|
|
1417
1420
|
}
|
|
1418
1421
|
function fa(t) {
|
|
1419
|
-
let e = new
|
|
1422
|
+
let e = new In(), n = new In(), i = 0, s = !1, o = !1;
|
|
1420
1423
|
const r = /* @__PURE__ */ new WeakSet(), a = {
|
|
1421
1424
|
/**
|
|
1422
1425
|
* Schedule a process to run on the next frame.
|
|
@@ -1475,9 +1478,9 @@ function ma(t, e) {
|
|
|
1475
1478
|
}, {}), cancel: (h) => ne.forEach((d) => o[d].cancel(h)), state: s, steps: o };
|
|
1476
1479
|
}
|
|
1477
1480
|
const { schedule: V, cancel: et, state: N, steps: Me } = ma(typeof requestAnimationFrame < "u" ? requestAnimationFrame : O, !0), ga = {
|
|
1478
|
-
useVisualState:
|
|
1479
|
-
scrapeMotionValuesFromProps:
|
|
1480
|
-
createRenderState:
|
|
1481
|
+
useVisualState: bs({
|
|
1482
|
+
scrapeMotionValuesFromProps: ys,
|
|
1483
|
+
createRenderState: ps,
|
|
1481
1484
|
onMount: (t, e, { renderState: n, latestValues: i }) => {
|
|
1482
1485
|
V.read(() => {
|
|
1483
1486
|
try {
|
|
@@ -1491,19 +1494,19 @@ const { schedule: V, cancel: et, state: N, steps: Me } = ma(typeof requestAnimat
|
|
|
1491
1494
|
};
|
|
1492
1495
|
}
|
|
1493
1496
|
}), V.render(() => {
|
|
1494
|
-
|
|
1497
|
+
cn(n, i, { enableHardwareAcceleration: !1 }, un(e.tagName), t.transformTemplate), vs(e, n);
|
|
1495
1498
|
});
|
|
1496
1499
|
}
|
|
1497
1500
|
})
|
|
1498
1501
|
}, va = {
|
|
1499
|
-
useVisualState:
|
|
1500
|
-
scrapeMotionValuesFromProps:
|
|
1501
|
-
createRenderState:
|
|
1502
|
+
useVisualState: bs({
|
|
1503
|
+
scrapeMotionValuesFromProps: hn,
|
|
1504
|
+
createRenderState: ln
|
|
1502
1505
|
})
|
|
1503
1506
|
};
|
|
1504
1507
|
function ya(t, { forwardMotionProps: e = !1 }, n, i) {
|
|
1505
1508
|
return {
|
|
1506
|
-
...
|
|
1509
|
+
...on(t) ? ga : va,
|
|
1507
1510
|
preloadedFeatures: n,
|
|
1508
1511
|
useRender: aa(e),
|
|
1509
1512
|
createVisualElement: i,
|
|
@@ -1513,7 +1516,7 @@ function ya(t, { forwardMotionProps: e = !1 }, n, i) {
|
|
|
1513
1516
|
function Z(t, e, n, i = { passive: !0 }) {
|
|
1514
1517
|
return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
|
|
1515
1518
|
}
|
|
1516
|
-
const
|
|
1519
|
+
const xs = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
|
|
1517
1520
|
function Pe(t, e = "page") {
|
|
1518
1521
|
return {
|
|
1519
1522
|
point: {
|
|
@@ -1522,12 +1525,12 @@ function Pe(t, e = "page") {
|
|
|
1522
1525
|
}
|
|
1523
1526
|
};
|
|
1524
1527
|
}
|
|
1525
|
-
const ba = (t) => (e) =>
|
|
1528
|
+
const ba = (t) => (e) => xs(e) && t(e, Pe(e));
|
|
1526
1529
|
function J(t, e, n, i) {
|
|
1527
1530
|
return Z(t, e, ba(n), i);
|
|
1528
1531
|
}
|
|
1529
1532
|
const xa = (t, e) => (n) => e(t(n)), lt = (...t) => t.reduce(xa);
|
|
1530
|
-
function
|
|
1533
|
+
function ws(t) {
|
|
1531
1534
|
let e = null;
|
|
1532
1535
|
return () => {
|
|
1533
1536
|
const n = () => {
|
|
@@ -1536,23 +1539,23 @@ function xs(t) {
|
|
|
1536
1539
|
return e === null ? (e = t, n) : !1;
|
|
1537
1540
|
};
|
|
1538
1541
|
}
|
|
1539
|
-
const
|
|
1540
|
-
function
|
|
1542
|
+
const Fn = ws("dragHorizontal"), zn = ws("dragVertical");
|
|
1543
|
+
function Ss(t) {
|
|
1541
1544
|
let e = !1;
|
|
1542
1545
|
if (t === "y")
|
|
1543
|
-
e = Wn();
|
|
1544
|
-
else if (t === "x")
|
|
1545
1546
|
e = zn();
|
|
1547
|
+
else if (t === "x")
|
|
1548
|
+
e = Fn();
|
|
1546
1549
|
else {
|
|
1547
|
-
const n =
|
|
1550
|
+
const n = Fn(), i = zn();
|
|
1548
1551
|
n && i ? e = () => {
|
|
1549
1552
|
n(), i();
|
|
1550
1553
|
} : (n && n(), i && i());
|
|
1551
1554
|
}
|
|
1552
1555
|
return e;
|
|
1553
1556
|
}
|
|
1554
|
-
function
|
|
1555
|
-
const t =
|
|
1557
|
+
function Ts() {
|
|
1558
|
+
const t = Ss(!0);
|
|
1556
1559
|
return t ? (t(), !1) : !0;
|
|
1557
1560
|
}
|
|
1558
1561
|
class dt {
|
|
@@ -1562,9 +1565,9 @@ class dt {
|
|
|
1562
1565
|
update() {
|
|
1563
1566
|
}
|
|
1564
1567
|
}
|
|
1565
|
-
function
|
|
1568
|
+
function Wn(t, e) {
|
|
1566
1569
|
const n = "pointer" + (e ? "enter" : "leave"), i = "onHover" + (e ? "Start" : "End"), s = (o, r) => {
|
|
1567
|
-
if (o.pointerType === "touch" ||
|
|
1570
|
+
if (o.pointerType === "touch" || Ts())
|
|
1568
1571
|
return;
|
|
1569
1572
|
const a = t.getProps();
|
|
1570
1573
|
t.animationState && a.whileHover && t.animationState.setActive("whileHover", e), a[i] && V.update(() => a[i](o, r));
|
|
@@ -1575,7 +1578,7 @@ function _n(t, e) {
|
|
|
1575
1578
|
}
|
|
1576
1579
|
class wa extends dt {
|
|
1577
1580
|
mount() {
|
|
1578
|
-
this.unmount = lt(
|
|
1581
|
+
this.unmount = lt(Wn(this.node, !0), Wn(this.node, !1));
|
|
1579
1582
|
}
|
|
1580
1583
|
unmount() {
|
|
1581
1584
|
}
|
|
@@ -1602,7 +1605,7 @@ class Sa extends dt {
|
|
|
1602
1605
|
unmount() {
|
|
1603
1606
|
}
|
|
1604
1607
|
}
|
|
1605
|
-
const
|
|
1608
|
+
const As = (t, e) => e ? t === e ? !0 : As(t, e.parentElement) : !1;
|
|
1606
1609
|
function Oe(t, e) {
|
|
1607
1610
|
if (!e)
|
|
1608
1611
|
return;
|
|
@@ -1620,7 +1623,7 @@ class Ta extends dt {
|
|
|
1620
1623
|
return;
|
|
1621
1624
|
const { onTap: c, onTapCancel: u, globalTapTarget: h } = this.node.getProps();
|
|
1622
1625
|
V.update(() => {
|
|
1623
|
-
!h && !
|
|
1626
|
+
!h && !As(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
|
|
1624
1627
|
});
|
|
1625
1628
|
}, { passive: !(i.onTap || i.onPointerUp) }), r = J(window, "pointercancel", (a, l) => this.cancelPress(a, l), { passive: !(i.onTapCancel || i.onPointerCancel) });
|
|
1626
1629
|
this.removeEndListeners = lt(o, r), this.startPress(e, n);
|
|
@@ -1649,7 +1652,7 @@ class Ta extends dt {
|
|
|
1649
1652
|
s && this.node.animationState && this.node.animationState.setActive("whileTap", !0), i && V.update(() => i(e, n));
|
|
1650
1653
|
}
|
|
1651
1654
|
checkPressEnd() {
|
|
1652
|
-
return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !
|
|
1655
|
+
return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !Ts();
|
|
1653
1656
|
}
|
|
1654
1657
|
cancelPress(e, n) {
|
|
1655
1658
|
if (!this.checkPressEnd())
|
|
@@ -1736,7 +1739,7 @@ const Oa = {
|
|
|
1736
1739
|
Feature: wa
|
|
1737
1740
|
}
|
|
1738
1741
|
};
|
|
1739
|
-
function
|
|
1742
|
+
function Ps(t, e) {
|
|
1740
1743
|
if (!Array.isArray(e))
|
|
1741
1744
|
return !1;
|
|
1742
1745
|
const n = e.length;
|
|
@@ -1757,7 +1760,7 @@ function La(t) {
|
|
|
1757
1760
|
}
|
|
1758
1761
|
function ke(t, e, n) {
|
|
1759
1762
|
const i = t.getProps();
|
|
1760
|
-
return
|
|
1763
|
+
return dn(i, e, n !== void 0 ? n : i.custom, Da(t), La(t));
|
|
1761
1764
|
}
|
|
1762
1765
|
let Qt = O, q = O;
|
|
1763
1766
|
process.env.NODE_ENV !== "production" && (Qt = (t, e) => {
|
|
@@ -1768,11 +1771,11 @@ process.env.NODE_ENV !== "production" && (Qt = (t, e) => {
|
|
|
1768
1771
|
});
|
|
1769
1772
|
const ct = (t) => t * 1e3, tt = (t) => t / 1e3, Ra = {
|
|
1770
1773
|
current: !1
|
|
1771
|
-
},
|
|
1772
|
-
function
|
|
1773
|
-
return !!(!t || typeof t == "string" &&
|
|
1774
|
+
}, ks = (t) => Array.isArray(t) && typeof t[0] == "number";
|
|
1775
|
+
function Cs(t) {
|
|
1776
|
+
return !!(!t || typeof t == "string" && Vs[t] || ks(t) || Array.isArray(t) && t.every(Cs));
|
|
1774
1777
|
}
|
|
1775
|
-
const Ft = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`,
|
|
1778
|
+
const Ft = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Vs = {
|
|
1776
1779
|
linear: "linear",
|
|
1777
1780
|
ease: "ease",
|
|
1778
1781
|
easeIn: "ease-in",
|
|
@@ -1783,14 +1786,14 @@ const Ft = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Cs = {
|
|
|
1783
1786
|
backIn: Ft([0.31, 0.01, 0.66, -0.59]),
|
|
1784
1787
|
backOut: Ft([0.33, 1.53, 0.69, 0.99])
|
|
1785
1788
|
};
|
|
1786
|
-
function
|
|
1789
|
+
function Es(t) {
|
|
1787
1790
|
if (t)
|
|
1788
|
-
return
|
|
1791
|
+
return ks(t) ? Ft(t) : Array.isArray(t) ? t.map(Es) : Vs[t];
|
|
1789
1792
|
}
|
|
1790
1793
|
function Ba(t, e, n, { delay: i = 0, duration: s, repeat: o = 0, repeatType: r = "loop", ease: a, times: l } = {}) {
|
|
1791
1794
|
const c = { [e]: n };
|
|
1792
1795
|
l && (c.offset = l);
|
|
1793
|
-
const u =
|
|
1796
|
+
const u = Es(a);
|
|
1794
1797
|
return Array.isArray(u) && (c.easing = u), t.animate(c, {
|
|
1795
1798
|
delay: i,
|
|
1796
1799
|
duration: s,
|
|
@@ -1804,11 +1807,11 @@ function Na(t, { repeat: e, repeatType: n = "loop" }) {
|
|
|
1804
1807
|
const i = e && n !== "loop" && e % 2 === 1 ? 0 : t.length - 1;
|
|
1805
1808
|
return t[i];
|
|
1806
1809
|
}
|
|
1807
|
-
const
|
|
1810
|
+
const Ms = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ja = 1e-7, Ia = 12;
|
|
1808
1811
|
function Fa(t, e, n, i, s) {
|
|
1809
1812
|
let o, r, a = 0;
|
|
1810
1813
|
do
|
|
1811
|
-
r = e + (n - e) / 2, o =
|
|
1814
|
+
r = e + (n - e) / 2, o = Ms(r, i, s) - t, o > 0 ? n = r : e = r;
|
|
1812
1815
|
while (Math.abs(o) > ja && ++a < Ia);
|
|
1813
1816
|
return r;
|
|
1814
1817
|
}
|
|
@@ -1816,29 +1819,29 @@ function Zt(t, e, n, i) {
|
|
|
1816
1819
|
if (t === e && n === i)
|
|
1817
1820
|
return O;
|
|
1818
1821
|
const s = (o) => Fa(o, 0, 1, t, n);
|
|
1819
|
-
return (o) => o === 0 || o === 1 ? o :
|
|
1822
|
+
return (o) => o === 0 || o === 1 ? o : Ms(s(o), e, i);
|
|
1820
1823
|
}
|
|
1821
|
-
const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1),
|
|
1824
|
+
const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1), Os = Zt(0.42, 0, 0.58, 1), _a = (t) => Array.isArray(t) && typeof t[0] != "number", Ds = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Ls = (t) => (e) => 1 - t(1 - e), fn = (t) => 1 - Math.sin(Math.acos(t)), Rs = Ls(fn), Ua = Ds(fn), Bs = Zt(0.33, 1.53, 0.69, 0.99), pn = Ls(Bs), Ha = Ds(pn), Ga = (t) => (t *= 2) < 1 ? 0.5 * pn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), _n = {
|
|
1822
1825
|
linear: O,
|
|
1823
1826
|
easeIn: za,
|
|
1824
|
-
easeInOut:
|
|
1827
|
+
easeInOut: Os,
|
|
1825
1828
|
easeOut: Wa,
|
|
1826
|
-
circIn:
|
|
1829
|
+
circIn: fn,
|
|
1827
1830
|
circInOut: Ua,
|
|
1828
|
-
circOut:
|
|
1829
|
-
backIn:
|
|
1831
|
+
circOut: Rs,
|
|
1832
|
+
backIn: pn,
|
|
1830
1833
|
backInOut: Ha,
|
|
1831
|
-
backOut:
|
|
1834
|
+
backOut: Bs,
|
|
1832
1835
|
anticipate: Ga
|
|
1833
|
-
},
|
|
1836
|
+
}, Un = (t) => {
|
|
1834
1837
|
if (Array.isArray(t)) {
|
|
1835
1838
|
q(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
|
|
1836
1839
|
const [e, n, i, s] = t;
|
|
1837
1840
|
return Zt(e, n, i, s);
|
|
1838
1841
|
} else if (typeof t == "string")
|
|
1839
|
-
return q(
|
|
1842
|
+
return q(_n[t] !== void 0, `Invalid easing type '${t}'`), _n[t];
|
|
1840
1843
|
return t;
|
|
1841
|
-
},
|
|
1844
|
+
}, mn = (t, e) => (n) => !!(Kt(n) && Xo.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Ns = (t, e, n) => (i) => {
|
|
1842
1845
|
if (!Kt(i))
|
|
1843
1846
|
return i;
|
|
1844
1847
|
const [s, o, r, a] = i.match(Ae);
|
|
@@ -1852,8 +1855,8 @@ const za = Zt(0.42, 0, 1, 1), Wa = Zt(0, 0, 0.58, 1), Ms = Zt(0.42, 0, 0.58, 1),
|
|
|
1852
1855
|
...bt,
|
|
1853
1856
|
transform: (t) => Math.round(Ya(t))
|
|
1854
1857
|
}, vt = {
|
|
1855
|
-
test:
|
|
1856
|
-
parse:
|
|
1858
|
+
test: mn("rgb", "red"),
|
|
1859
|
+
parse: Ns("red", "green", "blue"),
|
|
1857
1860
|
transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + Le.transform(t) + ", " + Le.transform(e) + ", " + Le.transform(n) + ", " + Wt(zt.transform(i)) + ")"
|
|
1858
1861
|
};
|
|
1859
1862
|
function Xa(t) {
|
|
@@ -1866,12 +1869,12 @@ function Xa(t) {
|
|
|
1866
1869
|
};
|
|
1867
1870
|
}
|
|
1868
1871
|
const He = {
|
|
1869
|
-
test:
|
|
1872
|
+
test: mn("#"),
|
|
1870
1873
|
parse: Xa,
|
|
1871
1874
|
transform: vt.transform
|
|
1872
1875
|
}, kt = {
|
|
1873
|
-
test:
|
|
1874
|
-
parse:
|
|
1876
|
+
test: mn("hsl", "hue"),
|
|
1877
|
+
parse: Ns("hue", "saturation", "lightness"),
|
|
1875
1878
|
transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + K.transform(Wt(e)) + ", " + K.transform(Wt(n)) + ", " + Wt(zt.transform(i)) + ")"
|
|
1876
1879
|
}, I = {
|
|
1877
1880
|
test: (t) => vt.test(t) || He.test(t) || kt.test(t),
|
|
@@ -1901,31 +1904,31 @@ const Be = (t, e, n) => {
|
|
|
1901
1904
|
const i = t * t;
|
|
1902
1905
|
return Math.sqrt(Math.max(0, n * (e * e - i) + i));
|
|
1903
1906
|
}, Ka = [He, vt, kt], $a = (t) => Ka.find((e) => e.test(t));
|
|
1904
|
-
function
|
|
1907
|
+
function Hn(t) {
|
|
1905
1908
|
const e = $a(t);
|
|
1906
1909
|
q(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`);
|
|
1907
1910
|
let n = e.parse(t);
|
|
1908
1911
|
return e === kt && (n = qa(n)), n;
|
|
1909
1912
|
}
|
|
1910
|
-
const
|
|
1911
|
-
const n =
|
|
1913
|
+
const js = (t, e) => {
|
|
1914
|
+
const n = Hn(t), i = Hn(e), s = { ...n };
|
|
1912
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), vt.transform(s));
|
|
1913
1916
|
};
|
|
1914
1917
|
function Qa(t) {
|
|
1915
1918
|
var e, n;
|
|
1916
|
-
return isNaN(t) && Kt(t) && (((e = t.match(Ae)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(
|
|
1919
|
+
return isNaN(t) && Kt(t) && (((e = t.match(Ae)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(us)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
|
|
1917
1920
|
}
|
|
1918
|
-
const
|
|
1921
|
+
const Is = {
|
|
1919
1922
|
regex: Go,
|
|
1920
1923
|
countKey: "Vars",
|
|
1921
1924
|
token: "${v}",
|
|
1922
1925
|
parse: O
|
|
1923
|
-
},
|
|
1924
|
-
regex:
|
|
1926
|
+
}, Fs = {
|
|
1927
|
+
regex: us,
|
|
1925
1928
|
countKey: "Colors",
|
|
1926
1929
|
token: "${c}",
|
|
1927
1930
|
parse: I.parse
|
|
1928
|
-
},
|
|
1931
|
+
}, zs = {
|
|
1929
1932
|
regex: Ae,
|
|
1930
1933
|
countKey: "Numbers",
|
|
1931
1934
|
token: "${n}",
|
|
@@ -1944,36 +1947,36 @@ function pe(t) {
|
|
|
1944
1947
|
numColors: 0,
|
|
1945
1948
|
numNumbers: 0
|
|
1946
1949
|
};
|
|
1947
|
-
return n.value.includes("var(--") && Ne(n,
|
|
1950
|
+
return n.value.includes("var(--") && Ne(n, Is), Ne(n, Fs), Ne(n, zs), n;
|
|
1948
1951
|
}
|
|
1949
|
-
function
|
|
1952
|
+
function Ws(t) {
|
|
1950
1953
|
return pe(t).values;
|
|
1951
1954
|
}
|
|
1952
|
-
function
|
|
1955
|
+
function _s(t) {
|
|
1953
1956
|
const { values: e, numColors: n, numVars: i, tokenised: s } = pe(t), o = e.length;
|
|
1954
1957
|
return (r) => {
|
|
1955
1958
|
let a = s;
|
|
1956
1959
|
for (let l = 0; l < o; l++)
|
|
1957
|
-
l < i ? a = a.replace(
|
|
1960
|
+
l < i ? a = a.replace(Is.token, r[l]) : l < i + n ? a = a.replace(Fs.token, I.transform(r[l])) : a = a.replace(zs.token, Wt(r[l]));
|
|
1958
1961
|
return a;
|
|
1959
1962
|
};
|
|
1960
1963
|
}
|
|
1961
1964
|
const Za = (t) => typeof t == "number" ? 0 : t;
|
|
1962
1965
|
function Ja(t) {
|
|
1963
|
-
const e =
|
|
1964
|
-
return
|
|
1966
|
+
const e = Ws(t);
|
|
1967
|
+
return _s(t)(e.map(Za));
|
|
1965
1968
|
}
|
|
1966
1969
|
const ht = {
|
|
1967
1970
|
test: Qa,
|
|
1968
|
-
parse:
|
|
1969
|
-
createTransformer:
|
|
1971
|
+
parse: Ws,
|
|
1972
|
+
createTransformer: _s,
|
|
1970
1973
|
getAnimatableNone: Ja
|
|
1971
|
-
},
|
|
1972
|
-
function
|
|
1973
|
-
return typeof t == "number" ? (n) => M(t, e, n) : I.test(t) ?
|
|
1974
|
+
}, Us = (t, e) => (n) => `${n > 0 ? e : t}`;
|
|
1975
|
+
function Hs(t, e) {
|
|
1976
|
+
return typeof t == "number" ? (n) => M(t, e, n) : I.test(t) ? js(t, e) : t.startsWith("var(") ? Us(t, e) : Ys(t, e);
|
|
1974
1977
|
}
|
|
1975
|
-
const
|
|
1976
|
-
const n = [...t], i = n.length, s = t.map((o, r) =>
|
|
1978
|
+
const Gs = (t, e) => {
|
|
1979
|
+
const n = [...t], i = n.length, s = t.map((o, r) => Hs(o, e[r]));
|
|
1977
1980
|
return (o) => {
|
|
1978
1981
|
for (let r = 0; r < i; r++)
|
|
1979
1982
|
n[r] = s[r](o);
|
|
@@ -1982,21 +1985,21 @@ const Hs = (t, e) => {
|
|
|
1982
1985
|
}, tl = (t, e) => {
|
|
1983
1986
|
const n = { ...t, ...e }, i = {};
|
|
1984
1987
|
for (const s in n)
|
|
1985
|
-
t[s] !== void 0 && e[s] !== void 0 && (i[s] =
|
|
1988
|
+
t[s] !== void 0 && e[s] !== void 0 && (i[s] = Hs(t[s], e[s]));
|
|
1986
1989
|
return (s) => {
|
|
1987
1990
|
for (const o in i)
|
|
1988
1991
|
n[o] = i[o](s);
|
|
1989
1992
|
return n;
|
|
1990
1993
|
};
|
|
1991
|
-
},
|
|
1994
|
+
}, Ys = (t, e) => {
|
|
1992
1995
|
const n = ht.createTransformer(e), i = pe(t), s = pe(e);
|
|
1993
|
-
return i.numVars === s.numVars && i.numColors === s.numColors && i.numNumbers >= s.numNumbers ? lt(
|
|
1996
|
+
return i.numVars === s.numVars && i.numColors === s.numColors && i.numNumbers >= s.numNumbers ? lt(Gs(i.values, s.values), n) : (Qt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Us(t, e));
|
|
1994
1997
|
}, Yt = (t, e, n) => {
|
|
1995
1998
|
const i = e - t;
|
|
1996
1999
|
return i === 0 ? 1 : (n - t) / i;
|
|
1997
|
-
},
|
|
2000
|
+
}, Gn = (t, e) => (n) => M(t, e, n);
|
|
1998
2001
|
function el(t) {
|
|
1999
|
-
return typeof t == "number" ?
|
|
2002
|
+
return typeof t == "number" ? Gn : typeof t == "string" ? I.test(t) ? js : Ys : Array.isArray(t) ? Gs : typeof t == "object" ? tl : Gn;
|
|
2000
2003
|
}
|
|
2001
2004
|
function nl(t, e, n) {
|
|
2002
2005
|
const i = [], s = n || el(t[0]), o = t.length - 1;
|
|
@@ -2010,7 +2013,7 @@ function nl(t, e, n) {
|
|
|
2010
2013
|
}
|
|
2011
2014
|
return i;
|
|
2012
2015
|
}
|
|
2013
|
-
function
|
|
2016
|
+
function Xs(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
|
|
2014
2017
|
const o = t.length;
|
|
2015
2018
|
if (q(o === e.length, "Both input and output ranges must be the same length"), o === 1)
|
|
2016
2019
|
return () => e[0];
|
|
@@ -2040,10 +2043,10 @@ function rl(t, e) {
|
|
|
2040
2043
|
return t.map((n) => n * e);
|
|
2041
2044
|
}
|
|
2042
2045
|
function ol(t, e) {
|
|
2043
|
-
return t.map(() => e ||
|
|
2046
|
+
return t.map(() => e || Os).splice(0, t.length - 1);
|
|
2044
2047
|
}
|
|
2045
2048
|
function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
|
|
2046
|
-
const s = _a(i) ? i.map(
|
|
2049
|
+
const s = _a(i) ? i.map(Un) : Un(i), o = {
|
|
2047
2050
|
done: !1,
|
|
2048
2051
|
value: e[0]
|
|
2049
2052
|
}, r = rl(
|
|
@@ -2051,7 +2054,7 @@ function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
|
|
|
2051
2054
|
// TODO Maybe we should warn here if there's a length mismatch
|
|
2052
2055
|
n && n.length === e.length ? n : sl(e),
|
|
2053
2056
|
t
|
|
2054
|
-
), a =
|
|
2057
|
+
), a = Xs(r, e, {
|
|
2055
2058
|
ease: Array.isArray(s) ? s : ol(e, s)
|
|
2056
2059
|
});
|
|
2057
2060
|
return {
|
|
@@ -2059,20 +2062,20 @@ function me({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }
|
|
|
2059
2062
|
next: (l) => (o.value = a(l), o.done = l >= t, o)
|
|
2060
2063
|
};
|
|
2061
2064
|
}
|
|
2062
|
-
function
|
|
2065
|
+
function qs(t, e) {
|
|
2063
2066
|
return e ? t * (1e3 / e) : 0;
|
|
2064
2067
|
}
|
|
2065
2068
|
const al = 5;
|
|
2066
|
-
function
|
|
2069
|
+
function Ks(t, e, n) {
|
|
2067
2070
|
const i = Math.max(e - al, 0);
|
|
2068
|
-
return
|
|
2071
|
+
return qs(n - t(i), e - i);
|
|
2069
2072
|
}
|
|
2070
|
-
const je = 1e-3, ll = 0.01,
|
|
2073
|
+
const je = 1e-3, ll = 0.01, Yn = 10, cl = 0.05, ul = 1;
|
|
2071
2074
|
function hl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: i = 1 }) {
|
|
2072
2075
|
let s, o;
|
|
2073
|
-
Qt(t <= ct(
|
|
2076
|
+
Qt(t <= ct(Yn), "Spring duration must be 10 seconds or less");
|
|
2074
2077
|
let r = 1 - e;
|
|
2075
|
-
r = ut(cl, ul, r), t = ut(ll,
|
|
2078
|
+
r = ut(cl, ul, r), t = ut(ll, Yn, tt(t)), r < 1 ? (s = (c) => {
|
|
2076
2079
|
const u = c * r, h = u * t, d = u - n, f = Ge(c, r), p = Math.exp(-h);
|
|
2077
2080
|
return je - d / f * p;
|
|
2078
2081
|
}, o = (c) => {
|
|
@@ -2112,7 +2115,7 @@ function Ge(t, e) {
|
|
|
2112
2115
|
return t * Math.sqrt(1 - e * e);
|
|
2113
2116
|
}
|
|
2114
2117
|
const pl = ["duration", "bounce"], ml = ["stiffness", "damping", "mass"];
|
|
2115
|
-
function
|
|
2118
|
+
function Xn(t, e) {
|
|
2116
2119
|
return e.some((n) => t[n] !== void 0);
|
|
2117
2120
|
}
|
|
2118
2121
|
function gl(t) {
|
|
@@ -2124,7 +2127,7 @@ function gl(t) {
|
|
|
2124
2127
|
isResolvedFromDuration: !1,
|
|
2125
2128
|
...t
|
|
2126
2129
|
};
|
|
2127
|
-
if (!
|
|
2130
|
+
if (!Xn(t, ml) && Xn(t, pl)) {
|
|
2128
2131
|
const n = hl(t);
|
|
2129
2132
|
e = {
|
|
2130
2133
|
...e,
|
|
@@ -2134,7 +2137,7 @@ function gl(t) {
|
|
|
2134
2137
|
}
|
|
2135
2138
|
return e;
|
|
2136
2139
|
}
|
|
2137
|
-
function
|
|
2140
|
+
function $s({ keyframes: t, restDelta: e, restSpeed: n, ...i }) {
|
|
2138
2141
|
const s = t[0], o = t[t.length - 1], r = { done: !1, value: s }, { stiffness: a, damping: l, mass: c, duration: u, velocity: h, isResolvedFromDuration: d } = gl({
|
|
2139
2142
|
...i,
|
|
2140
2143
|
velocity: -tt(i.velocity || 0)
|
|
@@ -2164,7 +2167,7 @@ function Ks({ keyframes: t, restDelta: e, restSpeed: n, ...i }) {
|
|
|
2164
2167
|
r.done = g >= u;
|
|
2165
2168
|
else {
|
|
2166
2169
|
let A = f;
|
|
2167
|
-
g !== 0 && (p < 1 ? A =
|
|
2170
|
+
g !== 0 && (p < 1 ? A = Ks(v, g, x) : A = 0);
|
|
2168
2171
|
const S = Math.abs(A) <= n, k = Math.abs(o - x) <= e;
|
|
2169
2172
|
r.done = S && k;
|
|
2170
2173
|
}
|
|
@@ -2172,7 +2175,7 @@ function Ks({ keyframes: t, restDelta: e, restSpeed: n, ...i }) {
|
|
|
2172
2175
|
}
|
|
2173
2176
|
};
|
|
2174
2177
|
}
|
|
2175
|
-
function
|
|
2178
|
+
function qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
|
|
2176
2179
|
const h = t[0], d = {
|
|
2177
2180
|
done: !1,
|
|
2178
2181
|
value: h
|
|
@@ -2186,9 +2189,9 @@ function Kn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
|
|
|
2186
2189
|
};
|
|
2187
2190
|
let A, S;
|
|
2188
2191
|
const k = (P) => {
|
|
2189
|
-
f(d.value) && (A = P, S =
|
|
2192
|
+
f(d.value) && (A = P, S = $s({
|
|
2190
2193
|
keyframes: [d.value, p(d.value)],
|
|
2191
|
-
velocity:
|
|
2194
|
+
velocity: Ks(g, P, d.value),
|
|
2192
2195
|
damping: s,
|
|
2193
2196
|
stiffness: o,
|
|
2194
2197
|
restDelta: c,
|
|
@@ -2214,21 +2217,21 @@ const vl = (t) => {
|
|
|
2214
2217
|
*/
|
|
2215
2218
|
now: () => N.isProcessing ? N.timestamp : performance.now()
|
|
2216
2219
|
};
|
|
2217
|
-
},
|
|
2218
|
-
function
|
|
2220
|
+
}, Kn = 2e4;
|
|
2221
|
+
function $n(t) {
|
|
2219
2222
|
let e = 0;
|
|
2220
2223
|
const n = 50;
|
|
2221
2224
|
let i = t.next(e);
|
|
2222
|
-
for (; !i.done && e <
|
|
2225
|
+
for (; !i.done && e < Kn; )
|
|
2223
2226
|
e += n, i = t.next(e);
|
|
2224
|
-
return e >=
|
|
2227
|
+
return e >= Kn ? 1 / 0 : e;
|
|
2225
2228
|
}
|
|
2226
2229
|
const yl = {
|
|
2227
|
-
decay:
|
|
2228
|
-
inertia:
|
|
2230
|
+
decay: qn,
|
|
2231
|
+
inertia: qn,
|
|
2229
2232
|
tween: me,
|
|
2230
2233
|
keyframes: me,
|
|
2231
|
-
spring:
|
|
2234
|
+
spring: $s
|
|
2232
2235
|
};
|
|
2233
2236
|
function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type: s = "keyframes", repeat: o = 0, repeatDelay: r = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: h, ...d }) {
|
|
2234
2237
|
let f = 1, p = !1, m, y;
|
|
@@ -2241,7 +2244,7 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2241
2244
|
let v;
|
|
2242
2245
|
const g = yl[s] || me;
|
|
2243
2246
|
let x;
|
|
2244
|
-
g !== me && typeof i[0] != "number" && (process.env.NODE_ENV !== "production" && q(i.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${i}`), x =
|
|
2247
|
+
g !== me && typeof i[0] != "number" && (process.env.NODE_ENV !== "production" && q(i.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${i}`), x = Xs([0, 100], i, {
|
|
2245
2248
|
clamp: !1
|
|
2246
2249
|
}), i = [0, 100]);
|
|
2247
2250
|
const A = g({ ...d, keyframes: i });
|
|
@@ -2252,7 +2255,7 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2252
2255
|
velocity: -(d.velocity || 0)
|
|
2253
2256
|
}));
|
|
2254
2257
|
let k = "idle", P = null, C = null, $ = null;
|
|
2255
|
-
A.calculatedDuration === null && o && (A.calculatedDuration =
|
|
2258
|
+
A.calculatedDuration === null && o && (A.calculatedDuration = $n(A));
|
|
2256
2259
|
const { calculatedDuration: xt } = A;
|
|
2257
2260
|
let Y = 1 / 0, Q = 1 / 0;
|
|
2258
2261
|
xt !== null && (Y = xt + r, Q = Y * (o + 1) - r);
|
|
@@ -2261,26 +2264,26 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2261
2264
|
if (C === null)
|
|
2262
2265
|
return;
|
|
2263
2266
|
f > 0 && (C = Math.min(C, E)), f < 0 && (C = Math.min(E - Q / f, C)), P !== null ? j = P : j = Math.round(E - C) * f;
|
|
2264
|
-
const Rt = j - e * (f >= 0 ? 1 : -1),
|
|
2267
|
+
const Rt = j - e * (f >= 0 ? 1 : -1), An = f >= 0 ? Rt < 0 : Rt > Q;
|
|
2265
2268
|
j = Math.max(Rt, 0), k === "finished" && P === null && (j = Q);
|
|
2266
|
-
let
|
|
2269
|
+
let Pn = j, kn = A;
|
|
2267
2270
|
if (o) {
|
|
2268
2271
|
const Ce = Math.min(j, Q) / Y;
|
|
2269
2272
|
let Jt = Math.floor(Ce), ft = Ce % 1;
|
|
2270
|
-
!ft && Ce >= 1 && (ft = 1), ft === 1 && Jt--, Jt = Math.min(Jt, o + 1), !!(Jt % 2) && (a === "reverse" ? (ft = 1 - ft, r && (ft -= r / Y)) : a === "mirror" && (
|
|
2273
|
+
!ft && Ce >= 1 && (ft = 1), ft === 1 && Jt--, Jt = Math.min(Jt, o + 1), !!(Jt % 2) && (a === "reverse" ? (ft = 1 - ft, r && (ft -= r / Y)) : a === "mirror" && (kn = S)), Pn = ut(0, 1, ft) * Y;
|
|
2271
2274
|
}
|
|
2272
|
-
const Bt =
|
|
2275
|
+
const Bt = An ? { done: !1, value: i[0] } : kn.next(Pn);
|
|
2273
2276
|
x && (Bt.value = x(Bt.value));
|
|
2274
|
-
let { done:
|
|
2275
|
-
!
|
|
2276
|
-
const
|
|
2277
|
-
return h && h(Bt.value),
|
|
2278
|
-
},
|
|
2277
|
+
let { done: Cn } = Bt;
|
|
2278
|
+
!An && xt !== null && (Cn = f >= 0 ? j >= Q : j <= 0);
|
|
2279
|
+
const Pr = P === null && (k === "finished" || k === "running" && Cn);
|
|
2280
|
+
return h && h(Bt.value), Pr && Lt(), Bt;
|
|
2281
|
+
}, B = () => {
|
|
2279
2282
|
v && v.stop(), v = void 0;
|
|
2280
2283
|
}, nt = () => {
|
|
2281
|
-
k = "idle",
|
|
2284
|
+
k = "idle", B(), m(), b(), C = $ = null;
|
|
2282
2285
|
}, Lt = () => {
|
|
2283
|
-
k = "finished", u && u(),
|
|
2286
|
+
k = "finished", u && u(), B(), m();
|
|
2284
2287
|
}, St = () => {
|
|
2285
2288
|
if (p)
|
|
2286
2289
|
return;
|
|
@@ -2289,7 +2292,7 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2289
2292
|
l && l(), P !== null ? C = E - P : (!C || k === "finished") && (C = E), k === "finished" && b(), $ = C, P = null, k = "running", v.start();
|
|
2290
2293
|
};
|
|
2291
2294
|
t && St();
|
|
2292
|
-
const
|
|
2295
|
+
const Tn = {
|
|
2293
2296
|
then(E, Rt) {
|
|
2294
2297
|
return y.then(E, Rt);
|
|
2295
2298
|
},
|
|
@@ -2300,14 +2303,14 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2300
2303
|
E = ct(E), j = E, P !== null || !v || f === 0 ? P = E : C = v.now() - E / f;
|
|
2301
2304
|
},
|
|
2302
2305
|
get duration() {
|
|
2303
|
-
const E = A.calculatedDuration === null ?
|
|
2306
|
+
const E = A.calculatedDuration === null ? $n(A) : A.calculatedDuration;
|
|
2304
2307
|
return tt(E);
|
|
2305
2308
|
},
|
|
2306
2309
|
get speed() {
|
|
2307
2310
|
return f;
|
|
2308
2311
|
},
|
|
2309
2312
|
set speed(E) {
|
|
2310
|
-
E === f || !v || (f = E,
|
|
2313
|
+
E === f || !v || (f = E, Tn.time = tt(j));
|
|
2311
2314
|
},
|
|
2312
2315
|
get state() {
|
|
2313
2316
|
return k;
|
|
@@ -2327,7 +2330,7 @@ function ge({ autoplay: t = !0, delay: e = 0, driver: n = vl, keyframes: i, type
|
|
|
2327
2330
|
},
|
|
2328
2331
|
sample: (E) => (C = 0, wt(E))
|
|
2329
2332
|
};
|
|
2330
|
-
return
|
|
2333
|
+
return Tn;
|
|
2331
2334
|
}
|
|
2332
2335
|
function bl(t) {
|
|
2333
2336
|
let e;
|
|
@@ -2339,7 +2342,7 @@ const xl = bl(() => Object.hasOwnProperty.call(Element.prototype, "animate")), w
|
|
|
2339
2342
|
"filter",
|
|
2340
2343
|
"transform",
|
|
2341
2344
|
"backgroundColor"
|
|
2342
|
-
]), ie = 10, Sl = 2e4, Tl = (t, e) => e.type === "spring" || t === "backgroundColor" || !
|
|
2345
|
+
]), ie = 10, Sl = 2e4, Tl = (t, e) => e.type === "spring" || t === "backgroundColor" || !Cs(e.ease);
|
|
2343
2346
|
function Al(t, e, { onUpdate: n, onComplete: i, ...s }) {
|
|
2344
2347
|
if (!(xl() && wl.has(e) && !s.repeatDelay && s.repeatType !== "mirror" && s.damping !== 0 && s.type !== "inertia"))
|
|
2345
2348
|
return !1;
|
|
@@ -2486,7 +2489,7 @@ const Ll = /([a-z-]*)\(.*?\)/g, Xe = {
|
|
|
2486
2489
|
return e ? e.map(Dl).join(" ") : t;
|
|
2487
2490
|
}
|
|
2488
2491
|
}, Rl = {
|
|
2489
|
-
...
|
|
2492
|
+
...hs,
|
|
2490
2493
|
// Color props
|
|
2491
2494
|
color: I,
|
|
2492
2495
|
backgroundColor: I,
|
|
@@ -2501,17 +2504,17 @@ const Ll = /([a-z-]*)\(.*?\)/g, Xe = {
|
|
|
2501
2504
|
borderLeftColor: I,
|
|
2502
2505
|
filter: Xe,
|
|
2503
2506
|
WebkitFilter: Xe
|
|
2504
|
-
},
|
|
2505
|
-
function
|
|
2506
|
-
let n =
|
|
2507
|
+
}, gn = (t) => Rl[t];
|
|
2508
|
+
function Qs(t, e) {
|
|
2509
|
+
let n = gn(t);
|
|
2507
2510
|
return n !== Xe && (n = ht), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
|
|
2508
2511
|
}
|
|
2509
|
-
const
|
|
2512
|
+
const Zs = (t) => /^0[^.\s]+$/.test(t);
|
|
2510
2513
|
function Bl(t) {
|
|
2511
2514
|
if (typeof t == "number")
|
|
2512
2515
|
return t === 0;
|
|
2513
2516
|
if (t !== null)
|
|
2514
|
-
return t === "none" || t === "0" ||
|
|
2517
|
+
return t === "none" || t === "0" || Zs(t);
|
|
2515
2518
|
}
|
|
2516
2519
|
function Nl(t, e, n, i) {
|
|
2517
2520
|
const s = Ye(e, n);
|
|
@@ -2525,20 +2528,20 @@ function Nl(t, e, n, i) {
|
|
|
2525
2528
|
if (s && l.length && a)
|
|
2526
2529
|
for (let c = 0; c < l.length; c++) {
|
|
2527
2530
|
const u = l[c];
|
|
2528
|
-
o[u] =
|
|
2531
|
+
o[u] = Qs(e, a);
|
|
2529
2532
|
}
|
|
2530
2533
|
return o;
|
|
2531
2534
|
}
|
|
2532
2535
|
function jl({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
|
|
2533
2536
|
return !!Object.keys(u).length;
|
|
2534
2537
|
}
|
|
2535
|
-
function
|
|
2538
|
+
function vn(t, e) {
|
|
2536
2539
|
return t[e] || t.default || t;
|
|
2537
2540
|
}
|
|
2538
2541
|
const Il = {
|
|
2539
2542
|
skipAnimations: !1
|
|
2540
|
-
},
|
|
2541
|
-
const o =
|
|
2543
|
+
}, yn = (t, e, n, i = {}) => (s) => {
|
|
2544
|
+
const o = vn(i, t) || {}, r = o.delay || i.delay || 0;
|
|
2542
2545
|
let { elapsed: a = 0 } = i;
|
|
2543
2546
|
a = a - ct(r);
|
|
2544
2547
|
const l = Nl(e, t, n, o), c = l[0], u = l[l.length - 1], h = Ye(t, c), d = Ye(t, u);
|
|
@@ -2582,20 +2585,20 @@ const Il = {
|
|
|
2582
2585
|
function ve(t) {
|
|
2583
2586
|
return !!(W(t) && t.add);
|
|
2584
2587
|
}
|
|
2585
|
-
const
|
|
2586
|
-
function
|
|
2588
|
+
const Js = (t) => /^\-?\d*\.?\d+$/.test(t);
|
|
2589
|
+
function bn(t, e) {
|
|
2587
2590
|
t.indexOf(e) === -1 && t.push(e);
|
|
2588
2591
|
}
|
|
2589
|
-
function
|
|
2592
|
+
function xn(t, e) {
|
|
2590
2593
|
const n = t.indexOf(e);
|
|
2591
2594
|
n > -1 && t.splice(n, 1);
|
|
2592
2595
|
}
|
|
2593
|
-
class
|
|
2596
|
+
class wn {
|
|
2594
2597
|
constructor() {
|
|
2595
2598
|
this.subscriptions = [];
|
|
2596
2599
|
}
|
|
2597
2600
|
add(e) {
|
|
2598
|
-
return
|
|
2601
|
+
return bn(this.subscriptions, e), () => xn(this.subscriptions, e);
|
|
2599
2602
|
}
|
|
2600
2603
|
notify(e, n, i) {
|
|
2601
2604
|
const s = this.subscriptions.length;
|
|
@@ -2615,9 +2618,9 @@ class Sn {
|
|
|
2615
2618
|
this.subscriptions.length = 0;
|
|
2616
2619
|
}
|
|
2617
2620
|
}
|
|
2618
|
-
const
|
|
2619
|
-
function
|
|
2620
|
-
t ||
|
|
2621
|
+
const Qn = /* @__PURE__ */ new Set();
|
|
2622
|
+
function Sn(t, e, n) {
|
|
2623
|
+
t || Qn.has(e) || (console.warn(e), n && console.warn(n), Qn.add(e));
|
|
2621
2624
|
}
|
|
2622
2625
|
const Fl = (t) => !isNaN(parseFloat(t));
|
|
2623
2626
|
class zl {
|
|
@@ -2679,10 +2682,10 @@ class zl {
|
|
|
2679
2682
|
* @deprecated
|
|
2680
2683
|
*/
|
|
2681
2684
|
onChange(e) {
|
|
2682
|
-
return process.env.NODE_ENV !== "production" &&
|
|
2685
|
+
return process.env.NODE_ENV !== "production" && Sn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
|
|
2683
2686
|
}
|
|
2684
2687
|
on(e, n) {
|
|
2685
|
-
this.events[e] || (this.events[e] = new
|
|
2688
|
+
this.events[e] || (this.events[e] = new wn());
|
|
2686
2689
|
const i = this.events[e].add(n);
|
|
2687
2690
|
return e === "change" ? () => {
|
|
2688
2691
|
i(), V.read(() => {
|
|
@@ -2756,7 +2759,7 @@ class zl {
|
|
|
2756
2759
|
getVelocity() {
|
|
2757
2760
|
return this.canTrackVelocity ? (
|
|
2758
2761
|
// These casts could be avoided if parseFloat would be typed better
|
|
2759
|
-
|
|
2762
|
+
qs(parseFloat(this.current) - parseFloat(this.prev), this.timeDelta)
|
|
2760
2763
|
) : 0;
|
|
2761
2764
|
}
|
|
2762
2765
|
/**
|
|
@@ -2813,10 +2816,10 @@ class zl {
|
|
|
2813
2816
|
function Mt(t, e) {
|
|
2814
2817
|
return new zl(t, e);
|
|
2815
2818
|
}
|
|
2816
|
-
const
|
|
2819
|
+
const tr = (t) => (e) => e.test(t), Wl = {
|
|
2817
2820
|
test: (t) => t === "auto",
|
|
2818
2821
|
parse: (t) => t
|
|
2819
|
-
},
|
|
2822
|
+
}, er = [bt, T, K, ot, Ko, qo, Wl], jt = (t) => er.find(tr(t)), _l = [...er, I, ht], Ul = (t) => _l.find(tr(t));
|
|
2820
2823
|
function Hl(t, e, n) {
|
|
2821
2824
|
t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Mt(n));
|
|
2822
2825
|
}
|
|
@@ -2836,7 +2839,7 @@ function Yl(t, e, n) {
|
|
|
2836
2839
|
for (let a = 0; a < r; a++) {
|
|
2837
2840
|
const l = o[a], c = e[l];
|
|
2838
2841
|
let u = null;
|
|
2839
|
-
Array.isArray(c) && (u = c[0]), u === null && (u = (s = (i = n[l]) !== null && i !== void 0 ? i : t.readValue(l)) !== null && s !== void 0 ? s : e[l]), u != null && (typeof u == "string" && (
|
|
2842
|
+
Array.isArray(c) && (u = c[0]), u === null && (u = (s = (i = n[l]) !== null && i !== void 0 ? i : t.readValue(l)) !== null && s !== void 0 ? s : e[l]), u != null && (typeof u == "string" && (Js(u) || Zs(u)) ? u = parseFloat(u) : !Ul(u) && ht.test(c) && (u = Qs(l, c)), t.addValue(l, Mt(u, { owner: t })), n[l] === void 0 && (n[l] = u), u !== null && t.setBaseTarget(l, u));
|
|
2840
2843
|
}
|
|
2841
2844
|
}
|
|
2842
2845
|
function Xl(t, e) {
|
|
@@ -2868,7 +2871,7 @@ function $l(t, e) {
|
|
|
2868
2871
|
} else
|
|
2869
2872
|
return n !== e;
|
|
2870
2873
|
}
|
|
2871
|
-
function
|
|
2874
|
+
function nr(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
2872
2875
|
let { transition: o = t.getDefaultTransition(), transitionEnd: r, ...a } = t.makeTargetAnimatable(e);
|
|
2873
2876
|
const l = t.getValue("willChange");
|
|
2874
2877
|
i && (o = i);
|
|
@@ -2880,10 +2883,10 @@ function er(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
|
2880
2883
|
const p = {
|
|
2881
2884
|
delay: n,
|
|
2882
2885
|
elapsed: 0,
|
|
2883
|
-
...
|
|
2886
|
+
...vn(o || {}, h)
|
|
2884
2887
|
};
|
|
2885
2888
|
if (window.HandoffAppearAnimations) {
|
|
2886
|
-
const b = t.getProps()[
|
|
2889
|
+
const b = t.getProps()[is];
|
|
2887
2890
|
if (b) {
|
|
2888
2891
|
const v = window.HandoffAppearAnimations(b, h, d, V);
|
|
2889
2892
|
v !== null && (p.elapsed = v, p.isHandoff = !0);
|
|
@@ -2892,7 +2895,7 @@ function er(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
|
|
|
2892
2895
|
let m = !p.isHandoff && !$l(d, f);
|
|
2893
2896
|
if (p.type === "spring" && (d.getVelocity() || p.velocity) && (m = !1), d.animation && (m = !1), m)
|
|
2894
2897
|
continue;
|
|
2895
|
-
d.start(
|
|
2898
|
+
d.start(yn(h, d, f, t.shouldReduceMotion && yt.has(h) ? { type: !1 } : p));
|
|
2896
2899
|
const y = d.animation;
|
|
2897
2900
|
ve(l) && (l.add(h), y.then(() => l.remove(h))), c.push(y);
|
|
2898
2901
|
}
|
|
@@ -2904,7 +2907,7 @@ function qe(t, e, n = {}) {
|
|
|
2904
2907
|
const i = ke(t, e, n.custom);
|
|
2905
2908
|
let { transition: s = t.getDefaultTransition() || {} } = i || {};
|
|
2906
2909
|
n.transitionOverride && (s = n.transitionOverride);
|
|
2907
|
-
const o = i ? () => Promise.all(
|
|
2910
|
+
const o = i ? () => Promise.all(nr(t, i, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
|
|
2908
2911
|
const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = s;
|
|
2909
2912
|
return Ql(t, e, c + l, u, h, n);
|
|
2910
2913
|
} : () => Promise.resolve(), { when: a } = s;
|
|
@@ -2936,11 +2939,11 @@ function Jl(t, e, n = {}) {
|
|
|
2936
2939
|
i = qe(t, e, n);
|
|
2937
2940
|
else {
|
|
2938
2941
|
const s = typeof e == "function" ? ke(t, e, n.custom) : e;
|
|
2939
|
-
i = Promise.all(
|
|
2942
|
+
i = Promise.all(nr(t, s, n));
|
|
2940
2943
|
}
|
|
2941
2944
|
return i.then(() => t.notify("AnimationComplete", e));
|
|
2942
2945
|
}
|
|
2943
|
-
const tc = [...
|
|
2946
|
+
const tc = [...sn].reverse(), ec = sn.length;
|
|
2944
2947
|
function nc(t) {
|
|
2945
2948
|
return (e) => Promise.all(e.map(({ animation: n, options: i }) => Jl(t, n, i)));
|
|
2946
2949
|
}
|
|
@@ -2980,18 +2983,18 @@ function ic(t) {
|
|
|
2980
2983
|
const { prevResolvedValues: Q = {} } = g, j = {
|
|
2981
2984
|
...Q,
|
|
2982
2985
|
...Y
|
|
2983
|
-
}, wt = (
|
|
2984
|
-
C = !0, f.has(
|
|
2986
|
+
}, wt = (B) => {
|
|
2987
|
+
C = !0, f.has(B) && ($ = !0, f.delete(B)), g.needsAnimating[B] = !0;
|
|
2985
2988
|
};
|
|
2986
|
-
for (const
|
|
2987
|
-
const nt = Y[
|
|
2988
|
-
if (p.hasOwnProperty(
|
|
2989
|
+
for (const B in j) {
|
|
2990
|
+
const nt = Y[B], Lt = Q[B];
|
|
2991
|
+
if (p.hasOwnProperty(B))
|
|
2989
2992
|
continue;
|
|
2990
2993
|
let St = !1;
|
|
2991
|
-
fe(nt) && fe(Lt) ? St = !
|
|
2994
|
+
fe(nt) && fe(Lt) ? St = !Ps(nt, Lt) : St = nt !== Lt, St ? nt !== void 0 ? wt(B) : f.add(B) : nt !== void 0 && f.has(B) ? wt(B) : g.protectedKeys[B] = !0;
|
|
2992
2995
|
}
|
|
2993
|
-
g.prevProp = x, g.prevResolvedValues = Y, g.isActive && (p = { ...p, ...Y }), i && t.blockInitialAnimation && (C = !1), C && (!k || $) && d.push(...xt.map((
|
|
2994
|
-
animation:
|
|
2996
|
+
g.prevProp = x, g.prevResolvedValues = Y, g.isActive && (p = { ...p, ...Y }), i && t.blockInitialAnimation && (C = !1), C && (!k || $) && d.push(...xt.map((B) => ({
|
|
2997
|
+
animation: B,
|
|
2995
2998
|
options: { type: v, ...l }
|
|
2996
2999
|
})));
|
|
2997
3000
|
}
|
|
@@ -3026,7 +3029,7 @@ function ic(t) {
|
|
|
3026
3029
|
};
|
|
3027
3030
|
}
|
|
3028
3031
|
function sc(t, e) {
|
|
3029
|
-
return typeof e == "string" ? e !== t : Array.isArray(e) ? !
|
|
3032
|
+
return typeof e == "string" ? e !== t : Array.isArray(e) ? !Ps(e, t) : !1;
|
|
3030
3033
|
}
|
|
3031
3034
|
function pt(t = !1) {
|
|
3032
3035
|
return {
|
|
@@ -3101,12 +3104,12 @@ const cc = {
|
|
|
3101
3104
|
exit: {
|
|
3102
3105
|
Feature: lc
|
|
3103
3106
|
}
|
|
3104
|
-
},
|
|
3107
|
+
}, Zn = (t, e) => Math.abs(t - e);
|
|
3105
3108
|
function uc(t, e) {
|
|
3106
|
-
const n =
|
|
3109
|
+
const n = Zn(t.x, e.x), i = Zn(t.y, e.y);
|
|
3107
3110
|
return Math.sqrt(n ** 2 + i ** 2);
|
|
3108
3111
|
}
|
|
3109
|
-
class
|
|
3112
|
+
class ir {
|
|
3110
3113
|
constructor(e, n, { transformPagePoint: i, contextWindow: s, dragSnapToOrigin: o = !1 } = {}) {
|
|
3111
3114
|
if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
|
|
3112
3115
|
if (!(this.lastMoveEvent && this.lastMoveEventInfo))
|
|
@@ -3127,7 +3130,7 @@ class nr {
|
|
|
3127
3130
|
return;
|
|
3128
3131
|
const y = Fe(h.type === "pointercancel" ? this.lastMoveEventInfo : Ie(d, this.transformPagePoint), this.history);
|
|
3129
3132
|
this.startEvent && f && f(h, y), p && p(h, y);
|
|
3130
|
-
}, !
|
|
3133
|
+
}, !xs(e))
|
|
3131
3134
|
return;
|
|
3132
3135
|
this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.contextWindow = s || window;
|
|
3133
3136
|
const r = Pe(e), a = Ie(r, this.transformPagePoint), { point: l } = a, { timestamp: c } = N;
|
|
@@ -3145,28 +3148,28 @@ class nr {
|
|
|
3145
3148
|
function Ie(t, e) {
|
|
3146
3149
|
return e ? { point: e(t.point) } : t;
|
|
3147
3150
|
}
|
|
3148
|
-
function
|
|
3151
|
+
function Jn(t, e) {
|
|
3149
3152
|
return { x: t.x - e.x, y: t.y - e.y };
|
|
3150
3153
|
}
|
|
3151
3154
|
function Fe({ point: t }, e) {
|
|
3152
3155
|
return {
|
|
3153
3156
|
point: t,
|
|
3154
|
-
delta:
|
|
3155
|
-
offset:
|
|
3157
|
+
delta: Jn(t, sr(e)),
|
|
3158
|
+
offset: Jn(t, hc(e)),
|
|
3156
3159
|
velocity: dc(e, 0.1)
|
|
3157
3160
|
};
|
|
3158
3161
|
}
|
|
3159
3162
|
function hc(t) {
|
|
3160
3163
|
return t[0];
|
|
3161
3164
|
}
|
|
3162
|
-
function
|
|
3165
|
+
function sr(t) {
|
|
3163
3166
|
return t[t.length - 1];
|
|
3164
3167
|
}
|
|
3165
3168
|
function dc(t, e) {
|
|
3166
3169
|
if (t.length < 2)
|
|
3167
3170
|
return { x: 0, y: 0 };
|
|
3168
3171
|
let n = t.length - 1, i = null;
|
|
3169
|
-
const s =
|
|
3172
|
+
const s = sr(t);
|
|
3170
3173
|
for (; n >= 0 && (i = t[n], !(s.timestamp - i.timestamp > ct(e))); )
|
|
3171
3174
|
n--;
|
|
3172
3175
|
if (!i)
|
|
@@ -3186,28 +3189,28 @@ function U(t) {
|
|
|
3186
3189
|
function Ke(t, e = 0, n = 0.01) {
|
|
3187
3190
|
return Math.abs(t - e) <= n;
|
|
3188
3191
|
}
|
|
3189
|
-
function
|
|
3192
|
+
function ti(t, e, n, i = 0.5) {
|
|
3190
3193
|
t.origin = i, t.originPoint = M(e.min, e.max, t.origin), t.scale = U(n) / U(e), (Ke(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = M(n.min, n.max, t.origin) - t.originPoint, (Ke(t.translate) || isNaN(t.translate)) && (t.translate = 0);
|
|
3191
3194
|
}
|
|
3192
3195
|
function _t(t, e, n, i) {
|
|
3193
|
-
|
|
3196
|
+
ti(t.x, e.x, n.x, i ? i.originX : void 0), ti(t.y, e.y, n.y, i ? i.originY : void 0);
|
|
3194
3197
|
}
|
|
3195
|
-
function
|
|
3198
|
+
function ei(t, e, n) {
|
|
3196
3199
|
t.min = n.min + e.min, t.max = t.min + U(e);
|
|
3197
3200
|
}
|
|
3198
3201
|
function fc(t, e, n) {
|
|
3199
|
-
|
|
3202
|
+
ei(t.x, e.x, n.x), ei(t.y, e.y, n.y);
|
|
3200
3203
|
}
|
|
3201
|
-
function
|
|
3204
|
+
function ni(t, e, n) {
|
|
3202
3205
|
t.min = e.min - n.min, t.max = t.min + U(e);
|
|
3203
3206
|
}
|
|
3204
3207
|
function Ut(t, e, n) {
|
|
3205
|
-
|
|
3208
|
+
ni(t.x, e.x, n.x), ni(t.y, e.y, n.y);
|
|
3206
3209
|
}
|
|
3207
3210
|
function pc(t, { min: e, max: n }, i) {
|
|
3208
3211
|
return e !== void 0 && t < e ? t = i ? M(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? M(n, t, i.max) : Math.min(t, n)), t;
|
|
3209
3212
|
}
|
|
3210
|
-
function
|
|
3213
|
+
function ii(t, e, n) {
|
|
3211
3214
|
return {
|
|
3212
3215
|
min: e !== void 0 ? t.min + e : void 0,
|
|
3213
3216
|
max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
|
|
@@ -3215,18 +3218,18 @@ function si(t, e, n) {
|
|
|
3215
3218
|
}
|
|
3216
3219
|
function mc(t, { top: e, left: n, bottom: i, right: s }) {
|
|
3217
3220
|
return {
|
|
3218
|
-
x:
|
|
3219
|
-
y:
|
|
3221
|
+
x: ii(t.x, n, s),
|
|
3222
|
+
y: ii(t.y, e, i)
|
|
3220
3223
|
};
|
|
3221
3224
|
}
|
|
3222
|
-
function
|
|
3225
|
+
function si(t, e) {
|
|
3223
3226
|
let n = e.min - t.min, i = e.max - t.max;
|
|
3224
3227
|
return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
|
|
3225
3228
|
}
|
|
3226
3229
|
function gc(t, e) {
|
|
3227
3230
|
return {
|
|
3228
|
-
x:
|
|
3229
|
-
y:
|
|
3231
|
+
x: si(t.x, e.x),
|
|
3232
|
+
y: si(t.y, e.y)
|
|
3230
3233
|
};
|
|
3231
3234
|
}
|
|
3232
3235
|
function vc(t, e) {
|
|
@@ -3241,35 +3244,35 @@ function yc(t, e) {
|
|
|
3241
3244
|
const $e = 0.35;
|
|
3242
3245
|
function bc(t = $e) {
|
|
3243
3246
|
return t === !1 ? t = 0 : t === !0 && (t = $e), {
|
|
3244
|
-
x:
|
|
3245
|
-
y:
|
|
3247
|
+
x: ri(t, "left", "right"),
|
|
3248
|
+
y: ri(t, "top", "bottom")
|
|
3246
3249
|
};
|
|
3247
3250
|
}
|
|
3248
|
-
function
|
|
3251
|
+
function ri(t, e, n) {
|
|
3249
3252
|
return {
|
|
3250
|
-
min:
|
|
3251
|
-
max:
|
|
3253
|
+
min: oi(t, e),
|
|
3254
|
+
max: oi(t, n)
|
|
3252
3255
|
};
|
|
3253
3256
|
}
|
|
3254
|
-
function
|
|
3257
|
+
function oi(t, e) {
|
|
3255
3258
|
return typeof t == "number" ? t : t[e] || 0;
|
|
3256
3259
|
}
|
|
3257
|
-
const
|
|
3260
|
+
const ai = () => ({
|
|
3258
3261
|
translate: 0,
|
|
3259
3262
|
scale: 1,
|
|
3260
3263
|
origin: 0,
|
|
3261
3264
|
originPoint: 0
|
|
3262
3265
|
}), Ct = () => ({
|
|
3266
|
+
x: ai(),
|
|
3267
|
+
y: ai()
|
|
3268
|
+
}), li = () => ({ min: 0, max: 0 }), L = () => ({
|
|
3263
3269
|
x: li(),
|
|
3264
3270
|
y: li()
|
|
3265
|
-
}), ci = () => ({ min: 0, max: 0 }), L = () => ({
|
|
3266
|
-
x: ci(),
|
|
3267
|
-
y: ci()
|
|
3268
3271
|
});
|
|
3269
3272
|
function G(t) {
|
|
3270
3273
|
return [t("x"), t("y")];
|
|
3271
3274
|
}
|
|
3272
|
-
function
|
|
3275
|
+
function rr({ top: t, left: e, right: n, bottom: i }) {
|
|
3273
3276
|
return {
|
|
3274
3277
|
x: { min: e, max: n },
|
|
3275
3278
|
y: { min: t, max: i }
|
|
@@ -3296,25 +3299,25 @@ function Qe({ scale: t, scaleX: e, scaleY: n }) {
|
|
|
3296
3299
|
return !ze(t) || !ze(e) || !ze(n);
|
|
3297
3300
|
}
|
|
3298
3301
|
function mt(t) {
|
|
3299
|
-
return Qe(t) ||
|
|
3302
|
+
return Qe(t) || or(t) || t.z || t.rotate || t.rotateX || t.rotateY;
|
|
3300
3303
|
}
|
|
3301
|
-
function
|
|
3302
|
-
return
|
|
3304
|
+
function or(t) {
|
|
3305
|
+
return ci(t.x) || ci(t.y);
|
|
3303
3306
|
}
|
|
3304
|
-
function
|
|
3307
|
+
function ci(t) {
|
|
3305
3308
|
return t && t !== "0%";
|
|
3306
3309
|
}
|
|
3307
3310
|
function ye(t, e, n) {
|
|
3308
3311
|
const i = t - n, s = e * i;
|
|
3309
3312
|
return n + s;
|
|
3310
3313
|
}
|
|
3311
|
-
function
|
|
3314
|
+
function ui(t, e, n, i, s) {
|
|
3312
3315
|
return s !== void 0 && (t = ye(t, s, i)), ye(t, n, i) + e;
|
|
3313
3316
|
}
|
|
3314
3317
|
function Ze(t, e = 0, n = 1, i, s) {
|
|
3315
|
-
t.min =
|
|
3318
|
+
t.min = ui(t.min, e, n, i, s), t.max = ui(t.max, e, n, i, s);
|
|
3316
3319
|
}
|
|
3317
|
-
function
|
|
3320
|
+
function ar(t, { x: e, y: n }) {
|
|
3318
3321
|
Ze(t.x, e.translate, e.scale, e.originPoint), Ze(t.y, n.translate, n.scale, n.originPoint);
|
|
3319
3322
|
}
|
|
3320
3323
|
function Sc(t, e, n, i = !1) {
|
|
@@ -3329,32 +3332,32 @@ function Sc(t, e, n, i = !1) {
|
|
|
3329
3332
|
l && l.style && l.style.display === "contents" || (i && o.options.layoutScroll && o.scroll && o !== o.root && Vt(t, {
|
|
3330
3333
|
x: -o.scroll.offset.x,
|
|
3331
3334
|
y: -o.scroll.offset.y
|
|
3332
|
-
}), r && (e.x *= r.x.scale, e.y *= r.y.scale,
|
|
3335
|
+
}), r && (e.x *= r.x.scale, e.y *= r.y.scale, ar(t, r)), i && mt(o.latestValues) && Vt(t, o.latestValues));
|
|
3333
3336
|
}
|
|
3334
|
-
e.x =
|
|
3337
|
+
e.x = hi(e.x), e.y = hi(e.y);
|
|
3335
3338
|
}
|
|
3336
|
-
function
|
|
3339
|
+
function hi(t) {
|
|
3337
3340
|
return Number.isInteger(t) || t > 1.0000000000001 || t < 0.999999999999 ? t : 1;
|
|
3338
3341
|
}
|
|
3339
3342
|
function at(t, e) {
|
|
3340
3343
|
t.min = t.min + e, t.max = t.max + e;
|
|
3341
3344
|
}
|
|
3342
|
-
function
|
|
3345
|
+
function di(t, e, [n, i, s]) {
|
|
3343
3346
|
const o = e[s] !== void 0 ? e[s] : 0.5, r = M(t.min, t.max, o);
|
|
3344
3347
|
Ze(t, e[n], e[i], r, e.scale);
|
|
3345
3348
|
}
|
|
3346
3349
|
const Tc = ["x", "scaleX", "originX"], Ac = ["y", "scaleY", "originY"];
|
|
3347
3350
|
function Vt(t, e) {
|
|
3348
|
-
|
|
3351
|
+
di(t.x, e, Tc), di(t.y, e, Ac);
|
|
3349
3352
|
}
|
|
3350
|
-
function
|
|
3351
|
-
return
|
|
3353
|
+
function lr(t, e) {
|
|
3354
|
+
return rr(wc(t.getBoundingClientRect(), e));
|
|
3352
3355
|
}
|
|
3353
3356
|
function Pc(t, e, n) {
|
|
3354
|
-
const i =
|
|
3357
|
+
const i = lr(t, n), { scroll: s } = e;
|
|
3355
3358
|
return s && (at(i.x, s.offset.x), at(i.y, s.offset.y)), i;
|
|
3356
3359
|
}
|
|
3357
|
-
const
|
|
3360
|
+
const cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, kc = /* @__PURE__ */ new WeakMap();
|
|
3358
3361
|
class Cc {
|
|
3359
3362
|
constructor(e) {
|
|
3360
3363
|
this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = L(), this.visualElement = e;
|
|
@@ -3368,7 +3371,7 @@ class Cc {
|
|
|
3368
3371
|
h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Pe(u, "page").point);
|
|
3369
3372
|
}, o = (u, h) => {
|
|
3370
3373
|
const { drag: d, dragPropagation: f, onDragStart: p } = this.getProps();
|
|
3371
|
-
if (d && !f && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock =
|
|
3374
|
+
if (d && !f && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Ss(d), !this.openGlobalLock))
|
|
3372
3375
|
return;
|
|
3373
3376
|
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), G((y) => {
|
|
3374
3377
|
let b = this.getAxisMotionValue(y).get() || 0;
|
|
@@ -3397,7 +3400,7 @@ class Cc {
|
|
|
3397
3400
|
var h;
|
|
3398
3401
|
return this.getAnimationState(u) === "paused" && ((h = this.getAxisMotionValue(u).animation) === null || h === void 0 ? void 0 : h.play());
|
|
3399
3402
|
}), { dragSnapToOrigin: c } = this.getProps();
|
|
3400
|
-
this.panSession = new
|
|
3403
|
+
this.panSession = new ir(e, {
|
|
3401
3404
|
onSessionStart: s,
|
|
3402
3405
|
onStart: o,
|
|
3403
3406
|
onMove: r,
|
|
@@ -3406,7 +3409,7 @@ class Cc {
|
|
|
3406
3409
|
}, {
|
|
3407
3410
|
transformPagePoint: this.visualElement.getTransformPagePoint(),
|
|
3408
3411
|
dragSnapToOrigin: c,
|
|
3409
|
-
contextWindow:
|
|
3412
|
+
contextWindow: cr(this.visualElement)
|
|
3410
3413
|
});
|
|
3411
3414
|
}
|
|
3412
3415
|
stop(e, n) {
|
|
@@ -3453,7 +3456,7 @@ class Cc {
|
|
|
3453
3456
|
let r = gc(s.layout.layoutBox, o);
|
|
3454
3457
|
if (n) {
|
|
3455
3458
|
const a = n(xc(r));
|
|
3456
|
-
this.hasMutatedConstraints = !!a, a && (r =
|
|
3459
|
+
this.hasMutatedConstraints = !!a, a && (r = rr(a));
|
|
3457
3460
|
}
|
|
3458
3461
|
return r;
|
|
3459
3462
|
}
|
|
@@ -3480,7 +3483,7 @@ class Cc {
|
|
|
3480
3483
|
}
|
|
3481
3484
|
startAxisValueAnimation(e, n) {
|
|
3482
3485
|
const i = this.getAxisMotionValue(e);
|
|
3483
|
-
return i.start(
|
|
3486
|
+
return i.start(yn(e, i, 0, n));
|
|
3484
3487
|
}
|
|
3485
3488
|
stopAnimation() {
|
|
3486
3489
|
G((e) => this.getAxisMotionValue(e).stop());
|
|
@@ -3599,7 +3602,7 @@ class Ec extends dt {
|
|
|
3599
3602
|
this.removeGroupControls(), this.removeListeners();
|
|
3600
3603
|
}
|
|
3601
3604
|
}
|
|
3602
|
-
const
|
|
3605
|
+
const fi = (t) => (e, n) => {
|
|
3603
3606
|
t && V.update(() => t(e, n));
|
|
3604
3607
|
};
|
|
3605
3608
|
class Mc extends dt {
|
|
@@ -3607,16 +3610,16 @@ class Mc extends dt {
|
|
|
3607
3610
|
super(...arguments), this.removePointerDownListener = O;
|
|
3608
3611
|
}
|
|
3609
3612
|
onPointerDown(e) {
|
|
3610
|
-
this.session = new
|
|
3613
|
+
this.session = new ir(e, this.createPanHandlers(), {
|
|
3611
3614
|
transformPagePoint: this.node.getTransformPagePoint(),
|
|
3612
|
-
contextWindow:
|
|
3615
|
+
contextWindow: cr(this.node)
|
|
3613
3616
|
});
|
|
3614
3617
|
}
|
|
3615
3618
|
createPanHandlers() {
|
|
3616
3619
|
const { onPanSessionStart: e, onPanStart: n, onPan: i, onPanEnd: s } = this.node.getProps();
|
|
3617
3620
|
return {
|
|
3618
|
-
onSessionStart:
|
|
3619
|
-
onStart:
|
|
3621
|
+
onSessionStart: fi(e),
|
|
3622
|
+
onStart: fi(n),
|
|
3620
3623
|
onMove: i,
|
|
3621
3624
|
onEnd: (o, r) => {
|
|
3622
3625
|
delete this.session, s && V.update(() => s(o, r));
|
|
@@ -3634,7 +3637,7 @@ class Mc extends dt {
|
|
|
3634
3637
|
}
|
|
3635
3638
|
}
|
|
3636
3639
|
function Oc() {
|
|
3637
|
-
const t = z(
|
|
3640
|
+
const t = z(en);
|
|
3638
3641
|
if (t === null)
|
|
3639
3642
|
return [!0, null];
|
|
3640
3643
|
const { isPresent: e, onExitComplete: n, register: i } = t, s = Er();
|
|
@@ -3652,7 +3655,7 @@ const le = {
|
|
|
3652
3655
|
*/
|
|
3653
3656
|
hasEverUpdated: !1
|
|
3654
3657
|
};
|
|
3655
|
-
function
|
|
3658
|
+
function pi(t, e) {
|
|
3656
3659
|
return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
|
|
3657
3660
|
}
|
|
3658
3661
|
const It = {
|
|
@@ -3664,7 +3667,7 @@ const It = {
|
|
|
3664
3667
|
t = parseFloat(t);
|
|
3665
3668
|
else
|
|
3666
3669
|
return t;
|
|
3667
|
-
const n =
|
|
3670
|
+
const n = pi(t, e.target.x), i = pi(t, e.target.y);
|
|
3668
3671
|
return `${n}% ${i}%`;
|
|
3669
3672
|
}
|
|
3670
3673
|
}, Dc = {
|
|
@@ -3718,9 +3721,9 @@ class Lc extends zi.Component {
|
|
|
3718
3721
|
return null;
|
|
3719
3722
|
}
|
|
3720
3723
|
}
|
|
3721
|
-
function
|
|
3722
|
-
const [e, n] = Oc(), i = z(
|
|
3723
|
-
return zi.createElement(Lc, { ...t, layoutGroup: i, switchLayoutGroup: z(
|
|
3724
|
+
function ur(t) {
|
|
3725
|
+
const [e, n] = Oc(), i = z(rs);
|
|
3726
|
+
return zi.createElement(Lc, { ...t, layoutGroup: i, switchLayoutGroup: z(os), isPresent: e, safeToRemove: n });
|
|
3724
3727
|
}
|
|
3725
3728
|
const Rc = {
|
|
3726
3729
|
borderRadius: {
|
|
@@ -3737,7 +3740,7 @@ const Rc = {
|
|
|
3737
3740
|
borderBottomLeftRadius: It,
|
|
3738
3741
|
borderBottomRightRadius: It,
|
|
3739
3742
|
boxShadow: Dc
|
|
3740
|
-
},
|
|
3743
|
+
}, hr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Bc = hr.length, mi = (t) => typeof t == "string" ? parseFloat(t) : t, gi = (t) => typeof t == "number" || T.test(t);
|
|
3741
3744
|
function Nc(t, e, n, i, s, o) {
|
|
3742
3745
|
s ? (t.opacity = M(
|
|
3743
3746
|
0,
|
|
@@ -3746,56 +3749,56 @@ function Nc(t, e, n, i, s, o) {
|
|
|
3746
3749
|
jc(i)
|
|
3747
3750
|
), t.opacityExit = M(e.opacity !== void 0 ? e.opacity : 1, 0, Ic(i))) : o && (t.opacity = M(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, i));
|
|
3748
3751
|
for (let r = 0; r < Bc; r++) {
|
|
3749
|
-
const a = `border${
|
|
3750
|
-
let l =
|
|
3752
|
+
const a = `border${hr[r]}Radius`;
|
|
3753
|
+
let l = vi(e, a), c = vi(n, a);
|
|
3751
3754
|
if (l === void 0 && c === void 0)
|
|
3752
3755
|
continue;
|
|
3753
|
-
l || (l = 0), c || (c = 0), l === 0 || c === 0 ||
|
|
3756
|
+
l || (l = 0), c || (c = 0), l === 0 || c === 0 || gi(l) === gi(c) ? (t[a] = Math.max(M(mi(l), mi(c), i), 0), (K.test(c) || K.test(l)) && (t[a] += "%")) : t[a] = c;
|
|
3754
3757
|
}
|
|
3755
3758
|
(e.rotate || n.rotate) && (t.rotate = M(e.rotate || 0, n.rotate || 0, i));
|
|
3756
3759
|
}
|
|
3757
|
-
function
|
|
3760
|
+
function vi(t, e) {
|
|
3758
3761
|
return t[e] !== void 0 ? t[e] : t.borderRadius;
|
|
3759
3762
|
}
|
|
3760
|
-
const jc =
|
|
3761
|
-
function
|
|
3763
|
+
const jc = dr(0, 0.5, Rs), Ic = dr(0.5, 0.95, O);
|
|
3764
|
+
function dr(t, e, n) {
|
|
3762
3765
|
return (i) => i < t ? 0 : i > e ? 1 : n(Yt(t, e, i));
|
|
3763
3766
|
}
|
|
3764
|
-
function
|
|
3767
|
+
function yi(t, e) {
|
|
3765
3768
|
t.min = e.min, t.max = e.max;
|
|
3766
3769
|
}
|
|
3767
3770
|
function H(t, e) {
|
|
3768
|
-
|
|
3771
|
+
yi(t.x, e.x), yi(t.y, e.y);
|
|
3769
3772
|
}
|
|
3770
|
-
function
|
|
3773
|
+
function bi(t, e, n, i, s) {
|
|
3771
3774
|
return t -= e, t = ye(t, 1 / n, i), s !== void 0 && (t = ye(t, 1 / s, i)), t;
|
|
3772
3775
|
}
|
|
3773
3776
|
function Fc(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
|
|
3774
3777
|
if (K.test(e) && (e = parseFloat(e), e = M(r.min, r.max, e / 100) - r.min), typeof e != "number")
|
|
3775
3778
|
return;
|
|
3776
3779
|
let a = M(o.min, o.max, i);
|
|
3777
|
-
t === o && (a -= e), t.min =
|
|
3780
|
+
t === o && (a -= e), t.min = bi(t.min, e, n, a, s), t.max = bi(t.max, e, n, a, s);
|
|
3778
3781
|
}
|
|
3779
|
-
function
|
|
3782
|
+
function xi(t, e, [n, i, s], o, r) {
|
|
3780
3783
|
Fc(t, e[n], e[i], e[s], e.scale, o, r);
|
|
3781
3784
|
}
|
|
3782
3785
|
const zc = ["x", "scaleX", "originX"], Wc = ["y", "scaleY", "originY"];
|
|
3783
|
-
function
|
|
3784
|
-
|
|
3786
|
+
function wi(t, e, n, i) {
|
|
3787
|
+
xi(t.x, e, zc, n ? n.x : void 0, i ? i.x : void 0), xi(t.y, e, Wc, n ? n.y : void 0, i ? i.y : void 0);
|
|
3785
3788
|
}
|
|
3786
|
-
function
|
|
3789
|
+
function Si(t) {
|
|
3787
3790
|
return t.translate === 0 && t.scale === 1;
|
|
3788
3791
|
}
|
|
3789
|
-
function
|
|
3790
|
-
return
|
|
3792
|
+
function fr(t) {
|
|
3793
|
+
return Si(t.x) && Si(t.y);
|
|
3791
3794
|
}
|
|
3792
3795
|
function _c(t, e) {
|
|
3793
3796
|
return t.x.min === e.x.min && t.x.max === e.x.max && t.y.min === e.y.min && t.y.max === e.y.max;
|
|
3794
3797
|
}
|
|
3795
|
-
function
|
|
3798
|
+
function pr(t, e) {
|
|
3796
3799
|
return Math.round(t.x.min) === Math.round(e.x.min) && Math.round(t.x.max) === Math.round(e.x.max) && Math.round(t.y.min) === Math.round(e.y.min) && Math.round(t.y.max) === Math.round(e.y.max);
|
|
3797
3800
|
}
|
|
3798
|
-
function
|
|
3801
|
+
function Ti(t) {
|
|
3799
3802
|
return U(t.x) / U(t.y);
|
|
3800
3803
|
}
|
|
3801
3804
|
class Uc {
|
|
@@ -3803,10 +3806,10 @@ class Uc {
|
|
|
3803
3806
|
this.members = [];
|
|
3804
3807
|
}
|
|
3805
3808
|
add(e) {
|
|
3806
|
-
|
|
3809
|
+
bn(this.members, e), e.scheduleRender();
|
|
3807
3810
|
}
|
|
3808
3811
|
remove(e) {
|
|
3809
|
-
if (
|
|
3812
|
+
if (xn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
|
|
3810
3813
|
const n = this.members[this.members.length - 1];
|
|
3811
3814
|
n && this.promote(n);
|
|
3812
3815
|
}
|
|
@@ -3852,7 +3855,7 @@ class Uc {
|
|
|
3852
3855
|
this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
|
|
3853
3856
|
}
|
|
3854
3857
|
}
|
|
3855
|
-
function
|
|
3858
|
+
function Ai(t, e, n) {
|
|
3856
3859
|
let i = "";
|
|
3857
3860
|
const s = t.x.translate / e.x, o = t.y.translate / e.y;
|
|
3858
3861
|
if ((s || o) && (i = `translate3d(${s}px, ${o}px, 0) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
|
|
@@ -3868,10 +3871,10 @@ class Gc {
|
|
|
3868
3871
|
this.children = [], this.isDirty = !1;
|
|
3869
3872
|
}
|
|
3870
3873
|
add(e) {
|
|
3871
|
-
|
|
3874
|
+
bn(this.children, e), this.isDirty = !0;
|
|
3872
3875
|
}
|
|
3873
3876
|
remove(e) {
|
|
3874
|
-
|
|
3877
|
+
xn(this.children, e), this.isDirty = !0;
|
|
3875
3878
|
}
|
|
3876
3879
|
forEach(e) {
|
|
3877
3880
|
this.isDirty && this.children.sort(Hc), this.isDirty = !1, this.children.forEach(e);
|
|
@@ -3892,9 +3895,9 @@ function qc(t) {
|
|
|
3892
3895
|
}
|
|
3893
3896
|
function Kc(t, e, n) {
|
|
3894
3897
|
const i = W(t) ? t : Mt(t);
|
|
3895
|
-
return i.start(
|
|
3898
|
+
return i.start(yn("", i, e, n)), i.animation;
|
|
3896
3899
|
}
|
|
3897
|
-
const
|
|
3900
|
+
const Pi = ["", "X", "Y", "Z"], $c = { visibility: "hidden" }, ki = 1e3;
|
|
3898
3901
|
let Qc = 0;
|
|
3899
3902
|
const gt = {
|
|
3900
3903
|
type: "projectionFrame",
|
|
@@ -3902,7 +3905,7 @@ const gt = {
|
|
|
3902
3905
|
resolvedTargetDeltas: 0,
|
|
3903
3906
|
recalculatedProjection: 0
|
|
3904
3907
|
};
|
|
3905
|
-
function
|
|
3908
|
+
function mr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
|
|
3906
3909
|
return class {
|
|
3907
3910
|
constructor(r = {}, a = e == null ? void 0 : e()) {
|
|
3908
3911
|
this.id = Qc++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
|
|
@@ -3915,7 +3918,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3915
3918
|
this.root === this && (this.nodes = new Gc());
|
|
3916
3919
|
}
|
|
3917
3920
|
addEventListener(r, a) {
|
|
3918
|
-
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new
|
|
3921
|
+
return this.eventHandlers.has(r) || this.eventHandlers.set(r, new wn()), this.eventHandlers.get(r).add(a);
|
|
3919
3922
|
}
|
|
3920
3923
|
notifyListeners(r, ...a) {
|
|
3921
3924
|
const l = this.eventHandlers.get(r);
|
|
@@ -3936,7 +3939,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3936
3939
|
let h;
|
|
3937
3940
|
const d = () => this.root.updateBlockedByResize = !1;
|
|
3938
3941
|
t(r, () => {
|
|
3939
|
-
this.root.updateBlockedByResize = !0, h && h(), h = Yc(d, 250), le.hasAnimatedSinceResize && (le.hasAnimatedSinceResize = !1, this.nodes.forEach(
|
|
3942
|
+
this.root.updateBlockedByResize = !0, h && h(), h = Yc(d, 250), le.hasAnimatedSinceResize && (le.hasAnimatedSinceResize = !1, this.nodes.forEach(Vi));
|
|
3940
3943
|
});
|
|
3941
3944
|
}
|
|
3942
3945
|
l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: d, hasRelativeTargetChanged: f, layout: p }) => {
|
|
@@ -3944,17 +3947,17 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
3944
3947
|
this.target = void 0, this.relativeTarget = void 0;
|
|
3945
3948
|
return;
|
|
3946
3949
|
}
|
|
3947
|
-
const m = this.options.transition || u.getDefaultTransition() || hu, { onLayoutAnimationStart: y, onLayoutAnimationComplete: b } = u.getProps(), v = !this.targetLayout || !
|
|
3950
|
+
const m = this.options.transition || u.getDefaultTransition() || hu, { onLayoutAnimationStart: y, onLayoutAnimationComplete: b } = u.getProps(), v = !this.targetLayout || !pr(this.targetLayout, p) || f, g = !d && f;
|
|
3948
3951
|
if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || d && (v || !this.currentAnimation)) {
|
|
3949
3952
|
this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(h, g);
|
|
3950
3953
|
const x = {
|
|
3951
|
-
...
|
|
3954
|
+
...vn(m, "layout"),
|
|
3952
3955
|
onPlay: y,
|
|
3953
3956
|
onComplete: b
|
|
3954
3957
|
};
|
|
3955
3958
|
(u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x);
|
|
3956
3959
|
} else
|
|
3957
|
-
d ||
|
|
3960
|
+
d || Vi(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
|
|
3958
3961
|
this.targetLayout = p;
|
|
3959
3962
|
});
|
|
3960
3963
|
}
|
|
@@ -4004,7 +4007,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4004
4007
|
}
|
|
4005
4008
|
update() {
|
|
4006
4009
|
if (this.updateScheduled = !1, this.isUpdateBlocked()) {
|
|
4007
|
-
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(
|
|
4010
|
+
this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ci);
|
|
4008
4011
|
return;
|
|
4009
4012
|
}
|
|
4010
4013
|
this.isUpdating || this.nodes.forEach(iu), this.isUpdating = !1, this.nodes.forEach(su), this.nodes.forEach(Zc), this.nodes.forEach(Jc), this.clearAllSnapshots();
|
|
@@ -4054,7 +4057,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4054
4057
|
resetTransform() {
|
|
4055
4058
|
if (!s)
|
|
4056
4059
|
return;
|
|
4057
|
-
const r = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !
|
|
4060
|
+
const r = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !fr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
|
|
4058
4061
|
r && (a || mt(this.latestValues) || u) && (s(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
|
|
4059
4062
|
}
|
|
4060
4063
|
measure(r = !0) {
|
|
@@ -4112,9 +4115,9 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4112
4115
|
continue;
|
|
4113
4116
|
Qe(c.latestValues) && c.updateSnapshot();
|
|
4114
4117
|
const u = L(), h = c.measurePageBox();
|
|
4115
|
-
H(u, h),
|
|
4118
|
+
H(u, h), wi(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
|
|
4116
4119
|
}
|
|
4117
|
-
return mt(this.latestValues) &&
|
|
4120
|
+
return mt(this.latestValues) && wi(a, this.latestValues), a;
|
|
4118
4121
|
}
|
|
4119
4122
|
setTargetDelta(r) {
|
|
4120
4123
|
this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
|
|
@@ -4146,7 +4149,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4146
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), H(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
4147
4150
|
}
|
|
4148
4151
|
if (!(!this.relativeTarget && !this.targetDelta)) {
|
|
4149
|
-
if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), fc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : H(this.target, this.layout.layoutBox),
|
|
4152
|
+
if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), fc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : H(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : H(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
|
|
4150
4153
|
this.attemptToResolveRelativeTarget = !1;
|
|
4151
4154
|
const f = this.getClosestProjectingParent();
|
|
4152
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), H(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
@@ -4156,7 +4159,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4156
4159
|
}
|
|
4157
4160
|
}
|
|
4158
4161
|
getClosestProjectingParent() {
|
|
4159
|
-
if (!(!this.parent || Qe(this.parent.latestValues) ||
|
|
4162
|
+
if (!(!this.parent || Qe(this.parent.latestValues) || or(this.parent.latestValues)))
|
|
4160
4163
|
return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
|
|
4161
4164
|
}
|
|
4162
4165
|
isProjecting() {
|
|
@@ -4181,7 +4184,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4181
4184
|
}
|
|
4182
4185
|
this.projectionDelta || (this.projectionDelta = Ct(), this.projectionDeltaWithTransform = Ct());
|
|
4183
4186
|
const m = this.projectionTransform;
|
|
4184
|
-
_t(this.projectionDelta, this.layoutCorrected, p, this.latestValues), this.projectionTransform =
|
|
4187
|
+
_t(this.projectionDelta, this.layoutCorrected, p, this.latestValues), this.projectionTransform = Ai(this.projectionDelta, this.treeScale), (this.projectionTransform !== m || this.treeScale.x !== d || this.treeScale.y !== f) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), gt.recalculatedProjection++;
|
|
4185
4188
|
}
|
|
4186
4189
|
hide() {
|
|
4187
4190
|
this.isVisible = !1;
|
|
@@ -4204,12 +4207,12 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4204
4207
|
let g;
|
|
4205
4208
|
this.mixTargetDelta = (x) => {
|
|
4206
4209
|
const A = x / 1e3;
|
|
4207
|
-
|
|
4210
|
+
Ei(h.x, r.x, A), Ei(h.y, r.y, A), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ut(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), cu(this.relativeTarget, this.relativeTargetOrigin, d, A), g && _c(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = L()), H(g, this.relativeTarget)), m && (this.animationValues = u, Nc(u, c, this.latestValues, A, v, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = A;
|
|
4208
4211
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
4209
4212
|
}
|
|
4210
4213
|
startAnimation(r) {
|
|
4211
4214
|
this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (et(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = V.update(() => {
|
|
4212
|
-
le.hasAnimatedSinceResize = !0, this.currentAnimation = Kc(0,
|
|
4215
|
+
le.hasAnimatedSinceResize = !0, this.currentAnimation = Kc(0, ki, {
|
|
4213
4216
|
...r,
|
|
4214
4217
|
onUpdate: (a) => {
|
|
4215
4218
|
this.mixTargetDelta(a), r.onUpdate && r.onUpdate(a);
|
|
@@ -4226,13 +4229,13 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4226
4229
|
r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
|
|
4227
4230
|
}
|
|
4228
4231
|
finishAnimation() {
|
|
4229
|
-
this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(
|
|
4232
|
+
this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(ki), this.currentAnimation.stop()), this.completeAnimation();
|
|
4230
4233
|
}
|
|
4231
4234
|
applyTransformsToTarget() {
|
|
4232
4235
|
const r = this.getLead();
|
|
4233
4236
|
let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
|
|
4234
4237
|
if (!(!a || !l || !c)) {
|
|
4235
|
-
if (this !== r && this.layout && c &&
|
|
4238
|
+
if (this !== r && this.layout && c && gr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
|
|
4236
4239
|
l = this.target || L();
|
|
4237
4240
|
const h = U(this.layout.layoutBox.x);
|
|
4238
4241
|
l.x.min = r.target.x.min, l.x.max = l.x.min + h;
|
|
@@ -4286,8 +4289,8 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4286
4289
|
if ((l.rotate || l.rotateX || l.rotateY || l.rotateZ) && (a = !0), !a)
|
|
4287
4290
|
return;
|
|
4288
4291
|
const c = {};
|
|
4289
|
-
for (let u = 0; u <
|
|
4290
|
-
const h = "rotate" +
|
|
4292
|
+
for (let u = 0; u < Pi.length; u++) {
|
|
4293
|
+
const h = "rotate" + Pi[u];
|
|
4291
4294
|
l[h] && (c[h] = l[h], r.setStaticValue(h, 0));
|
|
4292
4295
|
}
|
|
4293
4296
|
r.render();
|
|
@@ -4312,7 +4315,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4312
4315
|
return this.options.layoutId && (m.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, m.pointerEvents = ae(r == null ? void 0 : r.pointerEvents) || ""), this.hasProjected && !mt(this.latestValues) && (m.transform = u ? u({}, "") : "none", this.hasProjected = !1), m;
|
|
4313
4316
|
}
|
|
4314
4317
|
const d = h.animationValues || h.latestValues;
|
|
4315
|
-
this.applyTransformsToTarget(), c.transform =
|
|
4318
|
+
this.applyTransformsToTarget(), c.transform = Ai(this.projectionDeltaWithTransform, this.treeScale, d), u && (c.transform = u(d, c.transform));
|
|
4316
4319
|
const { x: f, y: p } = this.projectionDelta;
|
|
4317
4320
|
c.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, h.animationValues ? c.opacity = h === this ? (l = (a = d.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : c.opacity = h === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
|
|
4318
4321
|
for (const m in he) {
|
|
@@ -4336,7 +4339,7 @@ function pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
4336
4339
|
this.root.nodes.forEach((r) => {
|
|
4337
4340
|
var a;
|
|
4338
4341
|
return (a = r.currentAnimation) === null || a === void 0 ? void 0 : a.stop();
|
|
4339
|
-
}), this.root.nodes.forEach(
|
|
4342
|
+
}), this.root.nodes.forEach(Ci), this.root.sharedNodes.clear();
|
|
4340
4343
|
}
|
|
4341
4344
|
};
|
|
4342
4345
|
}
|
|
@@ -4351,7 +4354,7 @@ function Jc(t) {
|
|
|
4351
4354
|
o === "size" ? G((h) => {
|
|
4352
4355
|
const d = r ? n.measuredBox[h] : n.layoutBox[h], f = U(d);
|
|
4353
4356
|
d.min = i[h].min, d.max = d.min + f;
|
|
4354
|
-
}) :
|
|
4357
|
+
}) : gr(o, n.layoutBox, i) && G((h) => {
|
|
4355
4358
|
const d = r ? n.measuredBox[h] : n.layoutBox[h], f = U(i[h]);
|
|
4356
4359
|
d.max = d.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + f);
|
|
4357
4360
|
});
|
|
@@ -4359,7 +4362,7 @@ function Jc(t) {
|
|
|
4359
4362
|
_t(a, i, n.layoutBox);
|
|
4360
4363
|
const l = Ct();
|
|
4361
4364
|
r ? _t(l, t.applyTransform(s, !0), n.measuredBox) : _t(l, i, n.layoutBox);
|
|
4362
|
-
const c = !
|
|
4365
|
+
const c = !fr(a);
|
|
4363
4366
|
let u = !1;
|
|
4364
4367
|
if (!t.resumeFrom) {
|
|
4365
4368
|
const h = t.getClosestProjectingParent();
|
|
@@ -4369,7 +4372,7 @@ function Jc(t) {
|
|
|
4369
4372
|
const p = L();
|
|
4370
4373
|
Ut(p, n.layoutBox, d.layoutBox);
|
|
4371
4374
|
const m = L();
|
|
4372
|
-
Ut(m, i, f.layoutBox),
|
|
4375
|
+
Ut(m, i, f.layoutBox), pr(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
|
|
4373
4376
|
}
|
|
4374
4377
|
}
|
|
4375
4378
|
}
|
|
@@ -4396,7 +4399,7 @@ function eu(t) {
|
|
|
4396
4399
|
function nu(t) {
|
|
4397
4400
|
t.clearSnapshot();
|
|
4398
4401
|
}
|
|
4399
|
-
function
|
|
4402
|
+
function Ci(t) {
|
|
4400
4403
|
t.clearMeasurements();
|
|
4401
4404
|
}
|
|
4402
4405
|
function iu(t) {
|
|
@@ -4406,7 +4409,7 @@ function su(t) {
|
|
|
4406
4409
|
const { visualElement: e } = t.options;
|
|
4407
4410
|
e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
|
|
4408
4411
|
}
|
|
4409
|
-
function
|
|
4412
|
+
function Vi(t) {
|
|
4410
4413
|
t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
|
|
4411
4414
|
}
|
|
4412
4415
|
function ru(t) {
|
|
@@ -4421,14 +4424,14 @@ function au(t) {
|
|
|
4421
4424
|
function lu(t) {
|
|
4422
4425
|
t.removeLeadSnapshot();
|
|
4423
4426
|
}
|
|
4424
|
-
function
|
|
4427
|
+
function Ei(t, e, n) {
|
|
4425
4428
|
t.translate = M(e.translate, 0, n), t.scale = M(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
|
|
4426
4429
|
}
|
|
4427
|
-
function
|
|
4430
|
+
function Mi(t, e, n, i) {
|
|
4428
4431
|
t.min = M(e.min, n.min, i), t.max = M(e.max, n.max, i);
|
|
4429
4432
|
}
|
|
4430
4433
|
function cu(t, e, n, i) {
|
|
4431
|
-
|
|
4434
|
+
Mi(t.x, e.x, n.x, i), Mi(t.y, e.y, n.y, i);
|
|
4432
4435
|
}
|
|
4433
4436
|
function uu(t) {
|
|
4434
4437
|
return t.animationValues && t.animationValues.opacityExit !== void 0;
|
|
@@ -4436,17 +4439,17 @@ function uu(t) {
|
|
|
4436
4439
|
const hu = {
|
|
4437
4440
|
duration: 0.45,
|
|
4438
4441
|
ease: [0.4, 0, 0.1, 1]
|
|
4439
|
-
},
|
|
4440
|
-
function
|
|
4441
|
-
t.min =
|
|
4442
|
+
}, Oi = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Di = Oi("applewebkit/") && !Oi("chrome/") ? Math.round : O;
|
|
4443
|
+
function Li(t) {
|
|
4444
|
+
t.min = Di(t.min), t.max = Di(t.max);
|
|
4442
4445
|
}
|
|
4443
4446
|
function du(t) {
|
|
4444
|
-
|
|
4447
|
+
Li(t.x), Li(t.y);
|
|
4445
4448
|
}
|
|
4446
|
-
function
|
|
4447
|
-
return t === "position" || t === "preserve-aspect" && !Ke(
|
|
4449
|
+
function gr(t, e, n) {
|
|
4450
|
+
return t === "position" || t === "preserve-aspect" && !Ke(Ti(e), Ti(n), 0.2);
|
|
4448
4451
|
}
|
|
4449
|
-
const fu =
|
|
4452
|
+
const fu = mr({
|
|
4450
4453
|
attachResizeListener: (t, e) => Z(t, "resize", e),
|
|
4451
4454
|
measureScroll: () => ({
|
|
4452
4455
|
x: document.documentElement.scrollLeft || document.body.scrollLeft,
|
|
@@ -4455,7 +4458,7 @@ const fu = pr({
|
|
|
4455
4458
|
checkIsScrollRoot: () => !0
|
|
4456
4459
|
}), We = {
|
|
4457
4460
|
current: void 0
|
|
4458
|
-
},
|
|
4461
|
+
}, vr = mr({
|
|
4459
4462
|
measureScroll: (t) => ({
|
|
4460
4463
|
x: t.scrollLeft,
|
|
4461
4464
|
y: t.scrollTop
|
|
@@ -4477,8 +4480,8 @@ const fu = pr({
|
|
|
4477
4480
|
},
|
|
4478
4481
|
drag: {
|
|
4479
4482
|
Feature: Ec,
|
|
4480
|
-
ProjectionNode:
|
|
4481
|
-
MeasureLayout:
|
|
4483
|
+
ProjectionNode: vr,
|
|
4484
|
+
MeasureLayout: ur
|
|
4482
4485
|
}
|
|
4483
4486
|
}, mu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
|
|
4484
4487
|
function gu(t) {
|
|
@@ -4497,7 +4500,7 @@ function Je(t, e, n = 1) {
|
|
|
4497
4500
|
const o = window.getComputedStyle(e).getPropertyValue(i);
|
|
4498
4501
|
if (o) {
|
|
4499
4502
|
const r = o.trim();
|
|
4500
|
-
return
|
|
4503
|
+
return Js(r) ? parseFloat(r) : r;
|
|
4501
4504
|
} else
|
|
4502
4505
|
return _e(s) ? Je(s, e, n + 1) : s;
|
|
4503
4506
|
}
|
|
@@ -4532,15 +4535,15 @@ const bu = /* @__PURE__ */ new Set([
|
|
|
4532
4535
|
"y",
|
|
4533
4536
|
"translateX",
|
|
4534
4537
|
"translateY"
|
|
4535
|
-
]),
|
|
4538
|
+
]), yr = (t) => bu.has(t), xu = (t) => Object.keys(t).some(yr), re = (t) => t === bt || t === T, Ri = (t, e) => parseFloat(t.split(", ")[e]), Bi = (t, e) => (n, { transform: i }) => {
|
|
4536
4539
|
if (i === "none" || !i)
|
|
4537
4540
|
return 0;
|
|
4538
4541
|
const s = i.match(/^matrix3d\((.+)\)$/);
|
|
4539
4542
|
if (s)
|
|
4540
|
-
return
|
|
4543
|
+
return Ri(s[1], e);
|
|
4541
4544
|
{
|
|
4542
4545
|
const o = i.match(/^matrix\((.+)\)$/);
|
|
4543
|
-
return o ?
|
|
4546
|
+
return o ? Ri(o[1], t) : 0;
|
|
4544
4547
|
}
|
|
4545
4548
|
}, wu = /* @__PURE__ */ new Set(["x", "y", "z"]), Su = qt.filter((t) => !wu.has(t));
|
|
4546
4549
|
function Tu(t) {
|
|
@@ -4559,8 +4562,8 @@ const Ot = {
|
|
|
4559
4562
|
bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
|
|
4560
4563
|
right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
|
|
4561
4564
|
// Transform
|
|
4562
|
-
x:
|
|
4563
|
-
y:
|
|
4565
|
+
x: Bi(4, 13),
|
|
4566
|
+
y: Bi(5, 14)
|
|
4564
4567
|
};
|
|
4565
4568
|
Ot.translateX = Ot.x;
|
|
4566
4569
|
Ot.translateY = Ot.y;
|
|
@@ -4576,7 +4579,7 @@ const Au = (t, e, n) => {
|
|
|
4576
4579
|
}), t;
|
|
4577
4580
|
}, Pu = (t, e, n = {}, i = {}) => {
|
|
4578
4581
|
e = { ...e }, i = { ...i };
|
|
4579
|
-
const s = Object.keys(e).filter(
|
|
4582
|
+
const s = Object.keys(e).filter(yr);
|
|
4580
4583
|
let o = [], r = !1;
|
|
4581
4584
|
const a = [];
|
|
4582
4585
|
if (s.forEach((l) => {
|
|
@@ -4613,9 +4616,9 @@ function ku(t, e, n, i) {
|
|
|
4613
4616
|
const Cu = (t, e, n, i) => {
|
|
4614
4617
|
const s = yu(t, e, i);
|
|
4615
4618
|
return e = s.target, i = s.transitionEnd, ku(t, e, n, i);
|
|
4616
|
-
}, tn = { current: null },
|
|
4619
|
+
}, tn = { current: null }, br = { current: !1 };
|
|
4617
4620
|
function Vu() {
|
|
4618
|
-
if (
|
|
4621
|
+
if (br.current = !0, !!we)
|
|
4619
4622
|
if (window.matchMedia) {
|
|
4620
4623
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => tn.current = t.matches;
|
|
4621
4624
|
t.addListener(e), e();
|
|
@@ -4627,7 +4630,7 @@ function Eu(t, e, n) {
|
|
|
4627
4630
|
for (const s in e) {
|
|
4628
4631
|
const o = e[s], r = n[s];
|
|
4629
4632
|
if (W(o))
|
|
4630
|
-
t.addValue(s, o), ve(i) && i.add(s), process.env.NODE_ENV === "development" &&
|
|
4633
|
+
t.addValue(s, o), ve(i) && i.add(s), process.env.NODE_ENV === "development" && Sn(o.version === "10.18.0", `Attempting to mix Framer Motion versions ${o.version} with 10.18.0 may not work as expected.`);
|
|
4631
4634
|
else if (W(r))
|
|
4632
4635
|
t.addValue(s, Mt(o, { owner: t })), ve(i) && i.remove(s);
|
|
4633
4636
|
else if (r !== o)
|
|
@@ -4643,7 +4646,7 @@ function Eu(t, e, n) {
|
|
|
4643
4646
|
e[s] === void 0 && t.removeValue(s);
|
|
4644
4647
|
return e;
|
|
4645
4648
|
}
|
|
4646
|
-
const
|
|
4649
|
+
const Ni = /* @__PURE__ */ new WeakMap(), xr = Object.keys(Gt), Mu = xr.length, ji = [
|
|
4647
4650
|
"AnimationStart",
|
|
4648
4651
|
"AnimationComplete",
|
|
4649
4652
|
"Update",
|
|
@@ -4651,14 +4654,14 @@ const ji = /* @__PURE__ */ new WeakMap(), br = Object.keys(Gt), Mu = br.length,
|
|
|
4651
4654
|
"LayoutMeasure",
|
|
4652
4655
|
"LayoutAnimationStart",
|
|
4653
4656
|
"LayoutAnimationComplete"
|
|
4654
|
-
], Ou =
|
|
4657
|
+
], Ou = rn.length;
|
|
4655
4658
|
class Du {
|
|
4656
4659
|
constructor({ parent: e, props: n, presenceContext: i, reducedMotionConfig: s, visualState: o }, r = {}) {
|
|
4657
4660
|
this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
|
|
4658
4661
|
this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
|
|
4659
4662
|
}, this.scheduleRender = () => V.render(this.render, !1, !0);
|
|
4660
4663
|
const { latestValues: a, renderState: l } = o;
|
|
4661
|
-
this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = r, this.isControllingVariants = Te(n), this.isVariantNode =
|
|
4664
|
+
this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = r, this.isControllingVariants = Te(n), this.isVariantNode = ss(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
|
|
4662
4665
|
const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {});
|
|
4663
4666
|
for (const h in u) {
|
|
4664
4667
|
const d = u[h];
|
|
@@ -4676,10 +4679,10 @@ class Du {
|
|
|
4676
4679
|
return {};
|
|
4677
4680
|
}
|
|
4678
4681
|
mount(e) {
|
|
4679
|
-
this.current = e,
|
|
4682
|
+
this.current = e, Ni.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, i) => this.bindToMotionValue(i, n)), br.current || Vu(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : tn.current, process.env.NODE_ENV !== "production" && Sn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
|
|
4680
4683
|
}
|
|
4681
4684
|
unmount() {
|
|
4682
|
-
|
|
4685
|
+
Ni.delete(this.current), this.projection && this.projection.unmount(), et(this.notifyUpdate), et(this.render), this.valueSubscriptions.forEach((e) => e()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
|
|
4683
4686
|
for (const e in this.events)
|
|
4684
4687
|
this.events[e].clear();
|
|
4685
4688
|
for (const e in this.features)
|
|
@@ -4704,7 +4707,7 @@ class Du {
|
|
|
4704
4707
|
n.ignoreStrict ? Qt(!1, l) : q(!1, l);
|
|
4705
4708
|
}
|
|
4706
4709
|
for (let l = 0; l < Mu; l++) {
|
|
4707
|
-
const c =
|
|
4710
|
+
const c = xr[l], { isEnabled: u, Feature: h, ProjectionNode: d, MeasureLayout: f } = Gt[c];
|
|
4708
4711
|
d && (r = d), u(n) && (!this.features[c] && h && (this.features[c] = new h(this)), f && (a = f));
|
|
4709
4712
|
}
|
|
4710
4713
|
if ((this.type === "html" || this.type === "svg") && !this.projection && r) {
|
|
@@ -4770,8 +4773,8 @@ class Du {
|
|
|
4770
4773
|
*/
|
|
4771
4774
|
update(e, n) {
|
|
4772
4775
|
(e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
|
|
4773
|
-
for (let i = 0; i <
|
|
4774
|
-
const s =
|
|
4776
|
+
for (let i = 0; i < ji.length; i++) {
|
|
4777
|
+
const s = ji[i];
|
|
4775
4778
|
this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
|
|
4776
4779
|
const o = e["on" + s];
|
|
4777
4780
|
o && (this.propEventSubscriptions[s] = this.on(s, o));
|
|
@@ -4808,7 +4811,7 @@ class Du {
|
|
|
4808
4811
|
}
|
|
4809
4812
|
const n = {};
|
|
4810
4813
|
for (let i = 0; i < Ou; i++) {
|
|
4811
|
-
const s =
|
|
4814
|
+
const s = rn[i], o = this.props[s];
|
|
4812
4815
|
(Ht(o) || o === !1) && (n[s] = o);
|
|
4813
4816
|
}
|
|
4814
4817
|
return n;
|
|
@@ -4869,20 +4872,20 @@ class Du {
|
|
|
4869
4872
|
*/
|
|
4870
4873
|
getBaseTarget(e) {
|
|
4871
4874
|
var n;
|
|
4872
|
-
const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (n =
|
|
4875
|
+
const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (n = dn(this.props, i)) === null || n === void 0 ? void 0 : n[e] : void 0;
|
|
4873
4876
|
if (i && s !== void 0)
|
|
4874
4877
|
return s;
|
|
4875
4878
|
const o = this.getBaseTargetFromProps(this.props, e);
|
|
4876
4879
|
return o !== void 0 && !W(o) ? o : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
|
|
4877
4880
|
}
|
|
4878
4881
|
on(e, n) {
|
|
4879
|
-
return this.events[e] || (this.events[e] = new
|
|
4882
|
+
return this.events[e] || (this.events[e] = new wn()), this.events[e].add(n);
|
|
4880
4883
|
}
|
|
4881
4884
|
notify(e, ...n) {
|
|
4882
4885
|
this.events[e] && this.events[e].notify(...n);
|
|
4883
4886
|
}
|
|
4884
4887
|
}
|
|
4885
|
-
class
|
|
4888
|
+
class wr extends Du {
|
|
4886
4889
|
sortInstanceNodePosition(e, n) {
|
|
4887
4890
|
return e.compareDocumentPosition(n) & 2 ? 1 : -1;
|
|
4888
4891
|
}
|
|
@@ -4909,27 +4912,27 @@ class xr extends Du {
|
|
|
4909
4912
|
function Lu(t) {
|
|
4910
4913
|
return window.getComputedStyle(t);
|
|
4911
4914
|
}
|
|
4912
|
-
class Ru extends
|
|
4915
|
+
class Ru extends wr {
|
|
4913
4916
|
constructor() {
|
|
4914
4917
|
super(...arguments), this.type = "html";
|
|
4915
4918
|
}
|
|
4916
4919
|
readValueFromInstance(e, n) {
|
|
4917
4920
|
if (yt.has(n)) {
|
|
4918
|
-
const i =
|
|
4921
|
+
const i = gn(n);
|
|
4919
4922
|
return i && i.default || 0;
|
|
4920
4923
|
} else {
|
|
4921
|
-
const i = Lu(e), s = (
|
|
4924
|
+
const i = Lu(e), s = (cs(n) ? i.getPropertyValue(n) : i[n]) || 0;
|
|
4922
4925
|
return typeof s == "string" ? s.trim() : s;
|
|
4923
4926
|
}
|
|
4924
4927
|
}
|
|
4925
4928
|
measureInstanceViewportBox(e, { transformPagePoint: n }) {
|
|
4926
|
-
return
|
|
4929
|
+
return lr(e, n);
|
|
4927
4930
|
}
|
|
4928
4931
|
build(e, n, i, s) {
|
|
4929
|
-
|
|
4932
|
+
an(e, n, i, s.transformTemplate);
|
|
4930
4933
|
}
|
|
4931
4934
|
scrapeMotionValuesFromProps(e, n) {
|
|
4932
|
-
return
|
|
4935
|
+
return hn(e, n);
|
|
4933
4936
|
}
|
|
4934
4937
|
handleChildMotionValue() {
|
|
4935
4938
|
this.childSubscription && (this.childSubscription(), delete this.childSubscription);
|
|
@@ -4939,10 +4942,10 @@ class Ru extends xr {
|
|
|
4939
4942
|
}));
|
|
4940
4943
|
}
|
|
4941
4944
|
renderInstance(e, n, i, s) {
|
|
4942
|
-
|
|
4945
|
+
ms(e, n, i, s);
|
|
4943
4946
|
}
|
|
4944
4947
|
}
|
|
4945
|
-
class Bu extends
|
|
4948
|
+
class Bu extends wr {
|
|
4946
4949
|
constructor() {
|
|
4947
4950
|
super(...arguments), this.type = "svg", this.isSVGTag = !1;
|
|
4948
4951
|
}
|
|
@@ -4951,38 +4954,38 @@ class Bu extends xr {
|
|
|
4951
4954
|
}
|
|
4952
4955
|
readValueFromInstance(e, n) {
|
|
4953
4956
|
if (yt.has(n)) {
|
|
4954
|
-
const i =
|
|
4957
|
+
const i = gn(n);
|
|
4955
4958
|
return i && i.default || 0;
|
|
4956
4959
|
}
|
|
4957
|
-
return n =
|
|
4960
|
+
return n = gs.has(n) ? n : nn(n), e.getAttribute(n);
|
|
4958
4961
|
}
|
|
4959
4962
|
measureInstanceViewportBox() {
|
|
4960
4963
|
return L();
|
|
4961
4964
|
}
|
|
4962
4965
|
scrapeMotionValuesFromProps(e, n) {
|
|
4963
|
-
return
|
|
4966
|
+
return ys(e, n);
|
|
4964
4967
|
}
|
|
4965
4968
|
build(e, n, i, s) {
|
|
4966
|
-
|
|
4969
|
+
cn(e, n, i, this.isSVGTag, s.transformTemplate);
|
|
4967
4970
|
}
|
|
4968
4971
|
renderInstance(e, n, i, s) {
|
|
4969
|
-
|
|
4972
|
+
vs(e, n, i, s);
|
|
4970
4973
|
}
|
|
4971
4974
|
mount(e) {
|
|
4972
|
-
this.isSVGTag =
|
|
4975
|
+
this.isSVGTag = un(e.tagName), super.mount(e);
|
|
4973
4976
|
}
|
|
4974
4977
|
}
|
|
4975
|
-
const Nu = (t, e) =>
|
|
4978
|
+
const Nu = (t, e) => on(t) ? new Bu(e, { enableHardwareAcceleration: !1 }) : new Ru(e, { enableHardwareAcceleration: !0 }), ju = {
|
|
4976
4979
|
layout: {
|
|
4977
|
-
ProjectionNode:
|
|
4978
|
-
MeasureLayout:
|
|
4980
|
+
ProjectionNode: vr,
|
|
4981
|
+
MeasureLayout: ur
|
|
4979
4982
|
}
|
|
4980
4983
|
}, Iu = {
|
|
4981
4984
|
...cc,
|
|
4982
4985
|
...Oa,
|
|
4983
4986
|
...pu,
|
|
4984
4987
|
...ju
|
|
4985
|
-
},
|
|
4988
|
+
}, Sr = /* @__PURE__ */ Fo((t, e) => ya(t, e, Iu, Nu));
|
|
4986
4989
|
function Fu(t) {
|
|
4987
4990
|
const { children: e, parentRef: n, onlyChild: i } = t, [s, o] = X({ top: 0, left: 0 });
|
|
4988
4991
|
return Wi(() => {
|
|
@@ -4995,7 +4998,7 @@ function Fu(t) {
|
|
|
4995
4998
|
}
|
|
4996
4999
|
}, [n]), i ? e : jr(
|
|
4997
5000
|
/* @__PURE__ */ w(
|
|
4998
|
-
|
|
5001
|
+
Sr.div,
|
|
4999
5002
|
{
|
|
5000
5003
|
style: {
|
|
5001
5004
|
position: "fixed",
|
|
@@ -5029,7 +5032,7 @@ function zu(t) {
|
|
|
5029
5032
|
}
|
|
5030
5033
|
);
|
|
5031
5034
|
}
|
|
5032
|
-
function
|
|
5035
|
+
function Tr({ item: t, level: e = 0, ...n }) {
|
|
5033
5036
|
var b;
|
|
5034
5037
|
const { isActive: i, isCollapsed: s, expanded: o, toggleExpand: r } = n, a = `level-${e}`, l = s ? "collapsed" : "expanded", c = i(t.id) ? "active" : "", u = (v, g = a) => `${v} ${g} ${l} ${c}`, h = !!((b = t.children) != null && b.length), [d, f] = X(!1), p = Et();
|
|
5035
5038
|
function m(v) {
|
|
@@ -5041,7 +5044,7 @@ function Sr({ item: t, level: e = 0, ...n }) {
|
|
|
5041
5044
|
parentRef: A,
|
|
5042
5045
|
onlyChild: !s || s && g < 2,
|
|
5043
5046
|
children: /* @__PURE__ */ w(
|
|
5044
|
-
|
|
5047
|
+
Sr.div,
|
|
5045
5048
|
{
|
|
5046
5049
|
className: u("menu-item__dropdown", `level-${g}`),
|
|
5047
5050
|
initial: { height: s ? "auto" : 0 },
|
|
@@ -5049,7 +5052,7 @@ function Sr({ item: t, level: e = 0, ...n }) {
|
|
|
5049
5052
|
height: s || o(t.id) ? "auto" : 0
|
|
5050
5053
|
},
|
|
5051
5054
|
transition: { duration: 0.2 },
|
|
5052
|
-
children: (S = t.children) == null ? void 0 : S.map((k) => /* @__PURE__ */ _i(
|
|
5055
|
+
children: (S = t.children) == null ? void 0 : S.map((k) => /* @__PURE__ */ _i(Tr, { ...n, key: k.id, item: k, level: g }))
|
|
5053
5056
|
},
|
|
5054
5057
|
+s
|
|
5055
5058
|
)
|
|
@@ -5057,7 +5060,7 @@ function Sr({ item: t, level: e = 0, ...n }) {
|
|
|
5057
5060
|
);
|
|
5058
5061
|
}
|
|
5059
5062
|
const y = h ? "div" : Br;
|
|
5060
|
-
return /* @__PURE__ */
|
|
5063
|
+
return /* @__PURE__ */ R(
|
|
5061
5064
|
"div",
|
|
5062
5065
|
{
|
|
5063
5066
|
ref: p,
|
|
@@ -5065,7 +5068,7 @@ function Sr({ item: t, level: e = 0, ...n }) {
|
|
|
5065
5068
|
onMouseEnter: () => s && f(!0),
|
|
5066
5069
|
onMouseLeave: () => s && f(!1),
|
|
5067
5070
|
children: [
|
|
5068
|
-
/* @__PURE__ */
|
|
5071
|
+
/* @__PURE__ */ R(
|
|
5069
5072
|
y,
|
|
5070
5073
|
{
|
|
5071
5074
|
to: h ? "#" : t.path || "#",
|
|
@@ -5135,17 +5138,17 @@ function Wu({ item: t, cls: e }) {
|
|
|
5135
5138
|
}
|
|
5136
5139
|
) });
|
|
5137
5140
|
}
|
|
5138
|
-
function
|
|
5141
|
+
function Ii(t) {
|
|
5139
5142
|
for (; t.startsWith("/"); )
|
|
5140
5143
|
t = t.slice(1);
|
|
5141
5144
|
return t;
|
|
5142
5145
|
}
|
|
5143
|
-
function
|
|
5146
|
+
function Ar(t, e, n = []) {
|
|
5144
5147
|
for (const i of t) {
|
|
5145
|
-
if (console.log(i.path, e, i.path === e),
|
|
5148
|
+
if (console.log(i.path, e, i.path === e), Ii(i.path || "") === Ii(e))
|
|
5146
5149
|
return [...n, i];
|
|
5147
5150
|
if (i.children) {
|
|
5148
|
-
const s =
|
|
5151
|
+
const s = Ar(i.children, e, [...n, i]);
|
|
5149
5152
|
if (s)
|
|
5150
5153
|
return s;
|
|
5151
5154
|
}
|
|
@@ -5177,7 +5180,7 @@ function _u(t) {
|
|
|
5177
5180
|
const Uu = `[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
|
|
5178
5181
|
`;
|
|
5179
5182
|
function Hu() {
|
|
5180
|
-
return /* @__PURE__ */
|
|
5183
|
+
return /* @__PURE__ */ R(
|
|
5181
5184
|
"svg",
|
|
5182
5185
|
{
|
|
5183
5186
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5246,10 +5249,10 @@ const Yu = `.side-bar{display:flex;flex-direction:column;max-width:18rem;height:
|
|
|
5246
5249
|
}
|
|
5247
5250
|
);
|
|
5248
5251
|
function sh(t) {
|
|
5249
|
-
return /* @__PURE__ */ w(
|
|
5252
|
+
return /* @__PURE__ */ w(Hi, { styles: [Uu, Yu], style: { zIndex: 1200 }, children: /* @__PURE__ */ w(Xu, { ...t }) });
|
|
5250
5253
|
}
|
|
5251
5254
|
function Xu(t) {
|
|
5252
|
-
const { baseUrl: e, menuPath: n, logout: i } = t, s = Nr(), [o, r] = X([]), [a, l] = X(!1), c = (
|
|
5255
|
+
const { baseUrl: e, menuPath: n, logout: i } = t, s = Nr(), [o, r] = X([]), [a, l] = X(!1), c = (Ar(o, s.pathname) || []).filter((v) => v.parentKey !== 0), [u, h] = X({}), d = (v) => {
|
|
5253
5256
|
h({
|
|
5254
5257
|
...u,
|
|
5255
5258
|
[v]: !u[v]
|
|
@@ -5273,7 +5276,7 @@ function Xu(t) {
|
|
|
5273
5276
|
})();
|
|
5274
5277
|
}, [e, n]);
|
|
5275
5278
|
const [p, m] = X(!1), y = a ? "collapsed" : "expanded", b = (v) => `${v} ${y}`;
|
|
5276
|
-
return /* @__PURE__ */
|
|
5279
|
+
return /* @__PURE__ */ R("div", { className: b("side-bar"), children: [
|
|
5277
5280
|
/* @__PURE__ */ w("div", { className: b("side-bar__wrapper-toggle-btn"), children: /* @__PURE__ */ w(
|
|
5278
5281
|
"button",
|
|
5279
5282
|
{
|
|
@@ -5283,7 +5286,7 @@ function Xu(t) {
|
|
|
5283
5286
|
}
|
|
5284
5287
|
) }),
|
|
5285
5288
|
/* @__PURE__ */ w(
|
|
5286
|
-
|
|
5289
|
+
ts,
|
|
5287
5290
|
{
|
|
5288
5291
|
className: b("side-bar__menu"),
|
|
5289
5292
|
style: {
|
|
@@ -5294,7 +5297,7 @@ function Xu(t) {
|
|
|
5294
5297
|
overflowX: "hidden"
|
|
5295
5298
|
},
|
|
5296
5299
|
children: o.map((v) => /* @__PURE__ */ w(
|
|
5297
|
-
|
|
5300
|
+
Tr,
|
|
5298
5301
|
{
|
|
5299
5302
|
item: v,
|
|
5300
5303
|
isActive: (x) => c.some((A) => A.id === x),
|
|
@@ -5306,8 +5309,8 @@ function Xu(t) {
|
|
|
5306
5309
|
))
|
|
5307
5310
|
}
|
|
5308
5311
|
),
|
|
5309
|
-
/* @__PURE__ */
|
|
5310
|
-
/* @__PURE__ */
|
|
5312
|
+
/* @__PURE__ */ R("div", { className: b("side-bar__wrap-btn-logout"), children: [
|
|
5313
|
+
/* @__PURE__ */ R(
|
|
5311
5314
|
"button",
|
|
5312
5315
|
{
|
|
5313
5316
|
className: b("side-bar__logout-btn"),
|