@hanzogui/logo 3.0.5 → 4.3.1
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/cjs/GuiLogo.cjs +36 -32
- package/dist/cjs/GuiLogo.native.js +44 -42
- package/dist/cjs/GuiLogo.native.js.map +1 -1
- package/dist/cjs/GuiLogoSvg.cjs +12 -10
- package/dist/cjs/GuiLogoSvg.native.js +59 -57
- package/dist/cjs/GuiLogoSvg.native.js.map +1 -1
- package/dist/cjs/LogoIcon.cjs +33 -29
- package/dist/cjs/LogoIcon.native.js +36 -34
- package/dist/cjs/LogoIcon.native.js.map +1 -1
- package/dist/cjs/LogoWords.cjs +63 -52
- package/dist/cjs/LogoWords.native.js +67 -60
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/SeasonProvider.cjs +21 -16
- package/dist/cjs/SeasonProvider.native.js +21 -16
- package/dist/cjs/SeasonProvider.native.js.map +1 -1
- package/dist/cjs/ThemeTint.cjs +40 -37
- package/dist/cjs/ThemeTint.native.js +43 -41
- package/dist/cjs/ThemeTint.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +14 -12
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tints.cjs +61 -47
- package/dist/cjs/tints.native.js +59 -49
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.cjs +90 -77
- package/dist/cjs/useTint.native.js +99 -90
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/GuiLogo.mjs +20 -18
- package/dist/esm/GuiLogo.mjs.map +1 -1
- package/dist/esm/GuiLogo.native.js +2 -2
- package/dist/esm/GuiLogo.native.js.map +1 -1
- package/dist/esm/LogoIcon.mjs +18 -16
- package/dist/esm/LogoIcon.mjs.map +1 -1
- package/dist/esm/LogoIcon.native.js.map +1 -1
- package/dist/esm/LogoWords.mjs +35 -26
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +38 -33
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/dist/esm/SeasonProvider.mjs +6 -3
- package/dist/esm/SeasonProvider.mjs.map +1 -1
- package/dist/esm/SeasonProvider.native.js +6 -3
- package/dist/esm/SeasonProvider.native.js.map +1 -1
- package/dist/esm/ThemeTint.mjs +25 -24
- package/dist/esm/ThemeTint.mjs.map +1 -1
- package/dist/esm/ThemeTint.native.js +27 -27
- package/dist/esm/ThemeTint.native.js.map +1 -1
- package/dist/esm/tints.mjs +37 -25
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +34 -26
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.mjs +62 -51
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +72 -65
- package/dist/esm/useTint.native.js.map +1 -1
- package/package.json +5 -5
- package/src/SeasonProvider.tsx +2 -2
- package/types/SeasonProvider.d.ts.map +1 -1
package/dist/esm/LogoWords.mjs
CHANGED
|
@@ -8,37 +8,46 @@ const LogoWords = React.memo(({
|
|
|
8
8
|
animated,
|
|
9
9
|
...props
|
|
10
10
|
}) => {
|
|
11
|
-
const Tint = useTint()
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
const Tint = useTint();
|
|
12
|
+
const [hovered, setHovered] = React.useState(false);
|
|
13
|
+
const [mounted, setMounted] = React.useState("start");
|
|
14
|
+
const {
|
|
15
|
+
tintIndex: index
|
|
16
|
+
} = Tint;
|
|
17
17
|
useEffect(() => {
|
|
18
|
-
|
|
18
|
+
const idle = window.requestIdleCallback || setTimeout;
|
|
19
|
+
idle(() => {
|
|
19
20
|
setTimeout(() => {
|
|
20
21
|
setMounted("animate");
|
|
21
|
-
}, 50)
|
|
22
|
+
}, 50);
|
|
23
|
+
setTimeout(() => {
|
|
22
24
|
setMounted("done");
|
|
23
25
|
}, 1500);
|
|
24
26
|
});
|
|
25
|
-
}, [])
|
|
27
|
+
}, []);
|
|
28
|
+
useEffect(() => {
|
|
26
29
|
const handleKeyDown = event => {
|
|
27
30
|
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
28
|
-
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length
|
|
31
|
+
if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
|
|
32
|
+
Tint.setTintIndex(index2);
|
|
33
|
+
}
|
|
29
34
|
};
|
|
30
|
-
|
|
35
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
36
|
+
return () => {
|
|
31
37
|
window.removeEventListener("keydown", handleKeyDown);
|
|
32
38
|
};
|
|
33
39
|
}, [Tint]);
|
|
34
|
-
const getColor = i =>
|
|
35
|
-
|
|
36
|
-
[
|
|
40
|
+
const getColor = i => {
|
|
41
|
+
if (hovered) return `var(--${Tint.tints[i]}9)`;
|
|
42
|
+
return defaultColors[i];
|
|
43
|
+
};
|
|
44
|
+
const x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
45
|
+
const [layout, setLayout] = useState();
|
|
37
46
|
return /* @__PURE__ */jsxs(XStack, {
|
|
38
|
-
onMouseEnter: () => setHovered(
|
|
39
|
-
onMouseLeave: () => setHovered(
|
|
47
|
+
onMouseEnter: () => setHovered(true),
|
|
48
|
+
onMouseLeave: () => setHovered(false),
|
|
40
49
|
paddingVertical: "$2",
|
|
41
|
-
"data-tauri-drag-region":
|
|
50
|
+
"data-tauri-drag-region": true,
|
|
42
51
|
marginVertical: "$-2",
|
|
43
52
|
position: "relative",
|
|
44
53
|
className: "logo-words",
|
|
@@ -47,9 +56,9 @@ const LogoWords = React.memo(({
|
|
|
47
56
|
},
|
|
48
57
|
onMouseMove: e => {
|
|
49
58
|
if (!layout) return;
|
|
50
|
-
const x2 = e.clientX - layout.pageX
|
|
51
|
-
|
|
52
|
-
|
|
59
|
+
const x2 = e.clientX - layout.pageX;
|
|
60
|
+
const sectionWidth = layout.width / 7;
|
|
61
|
+
const section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
53
62
|
Tint.setTintIndex(section);
|
|
54
63
|
},
|
|
55
64
|
...props,
|
|
@@ -63,12 +72,12 @@ const LogoWords = React.memo(({
|
|
|
63
72
|
size: 4,
|
|
64
73
|
backgroundColor: "$color12"
|
|
65
74
|
}), /* @__PURE__ */jsxs("svg", {
|
|
66
|
-
"data-tauri-drag-region":
|
|
75
|
+
"data-tauri-drag-region": true,
|
|
67
76
|
width: 373 * (1 / downscale) * 0.3333333,
|
|
68
77
|
height: 41 * (1 / downscale) * 0.3333333,
|
|
69
78
|
viewBox: "0 0 373 41",
|
|
70
79
|
children: [/* @__PURE__ */jsx("polygon", {
|
|
71
|
-
"data-tauri-drag-region":
|
|
80
|
+
"data-tauri-drag-region": true,
|
|
72
81
|
shapeRendering: "crispEdges",
|
|
73
82
|
fill: getColor(0),
|
|
74
83
|
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
|
|
@@ -78,7 +87,7 @@ const LogoWords = React.memo(({
|
|
|
78
87
|
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
79
88
|
fillRule: "nonzero"
|
|
80
89
|
}), /* @__PURE__ */jsx("polygon", {
|
|
81
|
-
"data-tauri-drag-region":
|
|
90
|
+
"data-tauri-drag-region": true,
|
|
82
91
|
shapeRendering: "crispEdges",
|
|
83
92
|
fill: getColor(2),
|
|
84
93
|
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
|
|
@@ -87,17 +96,17 @@ const LogoWords = React.memo(({
|
|
|
87
96
|
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
88
97
|
fillRule: "nonzero"
|
|
89
98
|
}), /* @__PURE__ */jsx("polygon", {
|
|
90
|
-
"data-tauri-drag-region":
|
|
99
|
+
"data-tauri-drag-region": true,
|
|
91
100
|
shapeRendering: "crispEdges",
|
|
92
101
|
fill: getColor(4),
|
|
93
102
|
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
|
|
94
103
|
}), /* @__PURE__ */jsx("polygon", {
|
|
95
|
-
"data-tauri-drag-region":
|
|
104
|
+
"data-tauri-drag-region": true,
|
|
96
105
|
shapeRendering: "crispEdges",
|
|
97
106
|
fill: getColor(5),
|
|
98
107
|
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
|
|
99
108
|
}), /* @__PURE__ */jsx("polygon", {
|
|
100
|
-
"data-tauri-drag-region":
|
|
109
|
+
"data-tauri-drag-region": true,
|
|
101
110
|
shapeRendering: "crispEdges",
|
|
102
111
|
fill: getColor(6),
|
|
103
112
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","defaultColors","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,OAAOA,KAAA,IAASC,SAAA,EAAWC,QAAA,QAAgB;AAE3C,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,OAAA,QAAe;AAyGhB,SAAAC,GAAA,EAaFC,IAAA,QAbE;AApGR,MAAMC,aAAA,GAAgB,CACpB,kBACA,kBACA,kBACA,kBACA,eACA,iBACA,eACF;AAYO,MAAMC,SAAA,GASTT,KAAA,CAAMU,IAAA,CAAK,CAAC;EAAEC,SAAA,GAAY;EAAGC,QAAA;EAAU,GAAGC;AAAM,MAAM;EACxD,MAAMC,IAAA,GAAOT,OAAA,CAAQ;
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","defaultColors","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -5,48 +5,54 @@ import { useTint } from "./useTint.native.js";
|
|
|
5
5
|
var defaultColors = ["var(--color12)", "var(--color12)", "var(--color12)", "var(--color12)", "var(--red9)", "var(--green9)", "var(--blue9)"];
|
|
6
6
|
var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
7
7
|
var {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
downscale = 1,
|
|
9
|
+
animated,
|
|
10
|
+
...props
|
|
11
|
+
} = param;
|
|
12
|
+
var Tint = useTint();
|
|
13
|
+
var [hovered, setHovered] = React.useState(false);
|
|
14
|
+
var [mounted, setMounted] = React.useState("start");
|
|
15
|
+
var {
|
|
16
|
+
tintIndex: index
|
|
17
|
+
} = Tint;
|
|
18
18
|
useEffect(function () {
|
|
19
19
|
var idle = window.requestIdleCallback || setTimeout;
|
|
20
20
|
idle(function () {
|
|
21
21
|
setTimeout(function () {
|
|
22
22
|
setMounted("animate");
|
|
23
|
-
}, 50)
|
|
23
|
+
}, 50);
|
|
24
|
+
setTimeout(function () {
|
|
24
25
|
setMounted("done");
|
|
25
26
|
}, 1500);
|
|
26
27
|
});
|
|
27
|
-
}, [])
|
|
28
|
+
}, []);
|
|
29
|
+
useEffect(function () {
|
|
28
30
|
var handleKeyDown = function (event) {
|
|
29
31
|
var index2 = Number.parseInt(event.key, 10) - 1;
|
|
30
|
-
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length
|
|
32
|
+
if (!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length) {
|
|
33
|
+
Tint.setTintIndex(index2);
|
|
34
|
+
}
|
|
31
35
|
};
|
|
32
|
-
|
|
36
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
37
|
+
return function () {
|
|
33
38
|
window.removeEventListener("keydown", handleKeyDown);
|
|
34
39
|
};
|
|
35
40
|
}, [Tint]);
|
|
36
41
|
var getColor = function (i) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
42
|
+
if (hovered) return `var(--${Tint.tints[i]}9)`;
|
|
43
|
+
return defaultColors[i];
|
|
44
|
+
};
|
|
45
|
+
var x = Math.round(index * 18.5 + 18 / 2 * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0));
|
|
46
|
+
var [layout, setLayout] = useState();
|
|
41
47
|
return /* @__PURE__ */_jsxs(XStack, {
|
|
42
48
|
onMouseEnter: function () {
|
|
43
|
-
return setHovered(
|
|
49
|
+
return setHovered(true);
|
|
44
50
|
},
|
|
45
51
|
onMouseLeave: function () {
|
|
46
|
-
return setHovered(
|
|
52
|
+
return setHovered(false);
|
|
47
53
|
},
|
|
48
54
|
paddingVertical: "$2",
|
|
49
|
-
"data-tauri-drag-region":
|
|
55
|
+
"data-tauri-drag-region": true,
|
|
50
56
|
marginVertical: "$-2",
|
|
51
57
|
position: "relative",
|
|
52
58
|
className: "logo-words",
|
|
@@ -55,12 +61,11 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
55
61
|
},
|
|
56
62
|
// @ts-ignore
|
|
57
63
|
onMouseMove: function (e) {
|
|
58
|
-
if (layout)
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
+
if (!layout) return;
|
|
65
|
+
var x2 = e.clientX - layout.pageX;
|
|
66
|
+
var sectionWidth = layout.width / 7;
|
|
67
|
+
var section = Math.min(6, Math.floor(x2 / sectionWidth));
|
|
68
|
+
Tint.setTintIndex(section);
|
|
64
69
|
},
|
|
65
70
|
...props,
|
|
66
71
|
children: [animated && /* @__PURE__ */_jsx(Circle, {
|
|
@@ -74,12 +79,12 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
74
79
|
size: 4,
|
|
75
80
|
backgroundColor: "$color12"
|
|
76
81
|
}), /* @__PURE__ */_jsxs("svg", {
|
|
77
|
-
"data-tauri-drag-region":
|
|
82
|
+
"data-tauri-drag-region": true,
|
|
78
83
|
width: 373 * (1 / downscale) * 0.3333333,
|
|
79
84
|
height: 41 * (1 / downscale) * 0.3333333,
|
|
80
85
|
viewBox: "0 0 373 41",
|
|
81
86
|
children: [/* @__PURE__ */_jsx("polygon", {
|
|
82
|
-
"data-tauri-drag-region":
|
|
87
|
+
"data-tauri-drag-region": true,
|
|
83
88
|
shapeRendering: "crispEdges",
|
|
84
89
|
fill: getColor(0),
|
|
85
90
|
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903"
|
|
@@ -95,7 +100,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
95
100
|
// onMouseEnter={() => Tint.setTintIndex(1)}
|
|
96
101
|
/* @__PURE__ */
|
|
97
102
|
_jsx("polygon", {
|
|
98
|
-
"data-tauri-drag-region":
|
|
103
|
+
"data-tauri-drag-region": true,
|
|
99
104
|
shapeRendering: "crispEdges",
|
|
100
105
|
fill: getColor(2),
|
|
101
106
|
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903"
|
|
@@ -110,7 +115,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
110
115
|
// onMouseEnter={() => Tint.setTintIndex(3)}
|
|
111
116
|
/* @__PURE__ */
|
|
112
117
|
_jsx("polygon", {
|
|
113
|
-
"data-tauri-drag-region":
|
|
118
|
+
"data-tauri-drag-region": true,
|
|
114
119
|
shapeRendering: "crispEdges",
|
|
115
120
|
fill: getColor(4),
|
|
116
121
|
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903"
|
|
@@ -118,7 +123,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
118
123
|
// onMouseEnter={() => Tint.setTintIndex(4)}
|
|
119
124
|
/* @__PURE__ */
|
|
120
125
|
_jsx("polygon", {
|
|
121
|
-
"data-tauri-drag-region":
|
|
126
|
+
"data-tauri-drag-region": true,
|
|
122
127
|
shapeRendering: "crispEdges",
|
|
123
128
|
fill: getColor(5),
|
|
124
129
|
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903"
|
|
@@ -126,7 +131,7 @@ var LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
|
126
131
|
// onMouseEnter={() => Tint.setTintIndex(5)}
|
|
127
132
|
/* @__PURE__ */
|
|
128
133
|
_jsx("polygon", {
|
|
129
|
-
"data-tauri-drag-region":
|
|
134
|
+
"data-tauri-drag-region": true,
|
|
130
135
|
shapeRendering: "crispEdges",
|
|
131
136
|
fill: getColor(6),
|
|
132
137
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","defaultColors","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAOA,GAAA,IAASC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAgB;AAE3C,OAAAC,KAAS,IAAAC,SAAQ,EAAAC,QAAc;AAC/B,SAASC,MAAA,EAAAC,MAAA,QAAe;AAyGhB,SAAAC,OAaF,6BAbE;AApGR,IAAAC,aAAM,IACJ,kBACA,kBACA,kBACA,kBACA,eACA,iBACA,eACF;AAYO,IAAAC,SAAM,kBASKP,KAAA,CAAAQ,IAAA,WAAeC,KAAU;EACzC;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","defaultColors","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","tints","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","x2","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,14 +3,17 @@ import { setTintFamily } from "./tints.mjs";
|
|
|
3
3
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
4
4
|
function useSeasonSync() {
|
|
5
5
|
useEffect(() => {
|
|
6
|
-
const computed = window.
|
|
7
|
-
|
|
6
|
+
const computed = window.__GUI_SEASON__;
|
|
7
|
+
if (computed) {
|
|
8
|
+
setTintFamily(computed);
|
|
9
|
+
}
|
|
8
10
|
}, []);
|
|
9
11
|
}
|
|
10
12
|
function SeasonProvider({
|
|
11
13
|
children
|
|
12
14
|
}) {
|
|
13
|
-
|
|
15
|
+
useSeasonSync();
|
|
16
|
+
return /* @__PURE__ */jsx(Fragment, {
|
|
14
17
|
children
|
|
15
18
|
});
|
|
16
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","setTintFamily","Fragment","jsx","useSeasonSync","computed","window","
|
|
1
|
+
{"version":3,"names":["useEffect","setTintFamily","Fragment","jsx","useSeasonSync","computed","window","__GUI_SEASON__","SeasonProvider","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAC1B,SAASC,aAAA,QAAsC;AA2C3C,SAAAC,QAAA,EAAAC,GAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBJ,SAAA,CAAU,MAAM;IACd,MAAMK,QAAA,GAAYC,MAAA,CAAeC,cAAA;IACjC,IAAIF,QAAA,EAAU;MACZJ,aAAA,CAAcI,QAAQ;IACxB;EACF,GAAG,EAAE;AACP;AAEO,SAASG,eAAe;EAC7BC;AACF,GAEoB;EAClBL,aAAA,CAAc;EAEd,OACE,eAAAD,GAAA,CAAAD,QAAA;IAQGO;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -3,15 +3,18 @@ import { useEffect } from "react";
|
|
|
3
3
|
import { setTintFamily } from "./tints.native.js";
|
|
4
4
|
function useSeasonSync() {
|
|
5
5
|
useEffect(function () {
|
|
6
|
-
var computed = window.
|
|
7
|
-
|
|
6
|
+
var computed = window.__GUI_SEASON__;
|
|
7
|
+
if (computed) {
|
|
8
|
+
setTintFamily(computed);
|
|
9
|
+
}
|
|
8
10
|
}, []);
|
|
9
11
|
}
|
|
10
12
|
function SeasonProvider(param) {
|
|
11
13
|
var {
|
|
12
14
|
children
|
|
13
15
|
} = param;
|
|
14
|
-
|
|
16
|
+
useSeasonSync();
|
|
17
|
+
return /* @__PURE__ */_jsx(_Fragment, {
|
|
15
18
|
children: (/* disabled because were launchig v2 and its lunar new year */
|
|
16
19
|
/* <script
|
|
17
20
|
suppressHydrationWarning
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useEffect","setTintFamily","useSeasonSync","computed","window","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useEffect","setTintFamily","useSeasonSync","computed","window","__GUI_SEASON__","SeasonProvider","param","children"],"sources":["../../src/SeasonProvider.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA;AAC1B,SAASC,SAAA,eAAsC;AA2C3C,SAAAC,aAAA;AAjBJ,SAASC,cAAA,EAAgB;EACvBF,SAAA,CAAU,YAAM;IACd,IAAAG,QAAM,GAAAC,MAAY,CAAAC,cAAe;IACjC,IAAIF,QAAA,EAAU;MACZF,aAAA,CAAcE,QAAQ;IACxB;EACF,GAAG,EAAE;AACP;AAEO,SAASG,eAAeC,KAAA;EAC7B;IAAAC;EAAA,IAAAD,KAAA;EACFL,aAEoB;EAClB,sBAAcL,IAAA,CAAAE,SAAA;IAEdS,QACE,GAWJ","ignoreList":[]}
|
package/dist/esm/ThemeTint.mjs
CHANGED
|
@@ -2,29 +2,30 @@ import { Theme } from "@hanzogui/web";
|
|
|
2
2
|
import { useTint } from "./useTint.mjs";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
const ThemeTint = ({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
};
|
|
5
|
+
disable,
|
|
6
|
+
children,
|
|
7
|
+
...rest
|
|
8
|
+
}) => {
|
|
9
|
+
const curTint = useTint().tint;
|
|
10
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
11
|
+
...rest,
|
|
12
|
+
name: disable ? null : curTint,
|
|
13
|
+
children
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
const ThemeTintAlt = ({
|
|
17
|
+
children,
|
|
18
|
+
disable,
|
|
19
|
+
offset = 1,
|
|
20
|
+
...rest
|
|
21
|
+
}) => {
|
|
22
|
+
const curTint = useTint(offset).tintAlt;
|
|
23
|
+
const name = disable ? null : curTint;
|
|
24
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
25
|
+
name,
|
|
26
|
+
...rest,
|
|
27
|
+
children
|
|
28
|
+
});
|
|
29
|
+
};
|
|
29
30
|
export { ThemeTint, ThemeTintAlt };
|
|
30
31
|
//# sourceMappingURL=ThemeTint.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Theme","useTint","jsx","ThemeTint","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,KAAA,QAAa;AAEvC,SAASC,OAAA,QAAe;AAUpB,SAAAC,GAAA;AARG,MAAMC,SAAA,GAAYA,CAAC;
|
|
1
|
+
{"version":3,"names":["Theme","useTint","jsx","ThemeTint","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,KAAA,QAAa;AAEvC,SAASC,OAAA,QAAe;AAUpB,SAAAC,GAAA;AARG,MAAMC,SAAA,GAAYA,CAAC;EACxBC,OAAA;EACAC,QAAA;EACA,GAAGC;AACL,MAAuD;EACrD,MAAMC,OAAA,GAAUN,OAAA,CAAQ,EAAEO,IAAA;EAE1B,OACE,eAAAN,GAAA,CAACF,KAAA;IAAO,GAAGM,IAAA;IAAMG,IAAA,EAAML,OAAA,GAAU,OAAOG,OAAA;IACrCF;EAAA,CACH;AAEJ;AAEO,MAAMK,YAAA,GAAeA,CAAC;EAC3BL,QAAA;EACAD,OAAA;EACAO,MAAA,GAAS;EACT,GAAGL;AACL,MAAwE;EACtE,MAAMC,OAAA,GAAUN,OAAA,CAAQU,MAAM,EAAEC,OAAA;EAChC,MAAMH,IAAA,GAAOL,OAAA,GAAU,OAAOG,OAAA;EAC9B,OACE,eAAAL,GAAA,CAACF,KAAA;IAAMS,IAAA;IAAa,GAAGH,IAAA;IACpBD;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -2,32 +2,32 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Theme } from "@hanzogui/web";
|
|
3
3
|
import { useTint } from "./useTint.native.js";
|
|
4
4
|
var ThemeTint = function (param) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
5
|
+
var {
|
|
6
|
+
disable,
|
|
7
|
+
children,
|
|
8
|
+
...rest
|
|
9
|
+
} = param;
|
|
10
|
+
var curTint = useTint().tint;
|
|
11
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
12
|
+
...rest,
|
|
13
|
+
name: disable ? null : curTint,
|
|
14
|
+
children
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
var ThemeTintAlt = function (param) {
|
|
18
|
+
var {
|
|
19
|
+
children,
|
|
20
|
+
disable,
|
|
21
|
+
offset = 1,
|
|
22
|
+
...rest
|
|
23
|
+
} = param;
|
|
24
|
+
var curTint = useTint(offset).tintAlt;
|
|
25
|
+
var name = disable ? null : curTint;
|
|
26
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
27
|
+
name,
|
|
28
|
+
...rest,
|
|
29
|
+
children
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
32
|
export { ThemeTint, ThemeTintAlt };
|
|
33
33
|
//# sourceMappingURL=ThemeTint.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Theme","useTint","ThemeTint","param","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,GAAA,IAAAC,IAAA,QAAa;AAEvC,SAASC,KAAA,uBAAe;AAUpB,SAAAC,OAAA;AARG,IAAAC,SAAM,YAAAA,CAAaC,KAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Theme","useTint","ThemeTint","param","disable","children","rest","curTint","tint","name","ThemeTintAlt","offset","tintAlt"],"sources":["../../src/ThemeTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAA0BA,GAAA,IAAAC,IAAA,QAAa;AAEvC,SAASC,KAAA,uBAAe;AAUpB,SAAAC,OAAA;AARG,IAAAC,SAAM,YAAAA,CAAaC,KAAA;EACxB;IAAAC,OAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EACA,IAAAI,OAAA,GAAAN,OAAA,GAAAO,IAAA;EACA,OAAG,eAAAT,IAAA,CAAAC,KAAA;IACL,GAAuDM,IAAA;IACrDG,IAAM,EAAAL,OAAA,GAAU,OAAQG,OAAE;IAE1BF;EAKF;AAEO;AAAsB,IAC3BK,YAAA,YAAAA,CAAAP,KAAA;EACA;IAAAE,QAAA;IAAAD,OAAA;IAAAO,MAAA;IAAA,GAAAL;EAAA,IAAAH,KAAA;EACA,IAAAI,OAAS,GAAAN,OAAA,CAAAU,MAAA,EAAAC,OAAA;EACT,IAAGH,IAAA,GAAAL,OAAA,UAAAG,OAAA;EACL,OAAwE,eAAAR,IAAA,CAAAC,KAAA;IACtES,IAAM;IACN,GAAAH,IAAM;IACND;EAKF","ignoreList":[]}
|
package/dist/esm/tints.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const listeners = /* @__PURE__ */new Set()
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
const listeners = /* @__PURE__ */new Set();
|
|
3
|
+
const familiesValues = {
|
|
4
|
+
gui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
|
+
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
+
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
|
+
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
|
+
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
+
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
|
+
};
|
|
12
|
+
const DEFAULT_FAMILY = "@hanzo/gui";
|
|
13
|
+
const familiesNames = Object.keys(familiesValues);
|
|
14
|
+
const families = familiesValues;
|
|
15
15
|
let fam = DEFAULT_FAMILY;
|
|
16
16
|
function getTints() {
|
|
17
17
|
return {
|
|
@@ -22,29 +22,41 @@ function getTints() {
|
|
|
22
22
|
}
|
|
23
23
|
function useTints() {
|
|
24
24
|
const [val, setVal] = React.useState(getTints());
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
return onTintFamilyChange(() => {
|
|
27
|
+
React.startTransition(() => {
|
|
28
|
+
setVal(getTints());
|
|
29
|
+
});
|
|
28
30
|
});
|
|
29
|
-
}
|
|
31
|
+
}, []);
|
|
32
|
+
return val;
|
|
30
33
|
}
|
|
31
34
|
function setTintFamily(next) {
|
|
32
|
-
if (!families[next]) throw
|
|
33
|
-
|
|
35
|
+
if (!families[next]) throw `impossible`;
|
|
36
|
+
fam = next;
|
|
37
|
+
if (typeof document !== "undefined") {
|
|
34
38
|
const root = document.documentElement.classList;
|
|
35
39
|
familiesNames.forEach(s => {
|
|
36
|
-
s !== "@hanzo/gui"
|
|
37
|
-
|
|
40
|
+
if (s !== "@hanzo/gui") {
|
|
41
|
+
root.remove(`${s}-season`);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
if (next !== "@hanzo/gui") {
|
|
45
|
+
root.add(`${next}-season`);
|
|
46
|
+
}
|
|
38
47
|
}
|
|
39
48
|
React.startTransition(() => {
|
|
40
49
|
listeners.forEach(l => l(next));
|
|
41
50
|
});
|
|
42
51
|
}
|
|
43
52
|
const setNextTintFamily = () => {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
53
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
54
|
+
};
|
|
55
|
+
const onTintFamilyChange = cb => {
|
|
56
|
+
listeners.add(cb);
|
|
57
|
+
return () => {
|
|
47
58
|
listeners.delete(cb);
|
|
48
|
-
}
|
|
59
|
+
};
|
|
60
|
+
};
|
|
49
61
|
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
50
62
|
//# sourceMappingURL=tints.mjs.map
|
package/dist/esm/tints.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","listeners","Set","familiesValues","gui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","gui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,GAAA,EAAK,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EAClEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;EAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;EACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;EACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;EAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC7DC,UAAA,EAAY,CAAC,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,OAAO;AACzE;AAIA,MAAMC,cAAA,GAAyB;AAE/B,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;AAGhD,MAAMY,QAAA,GAAWZ,cAAA;AAIjB,IAAIa,GAAA,GAAkBL,cAAA;AAEf,SAASM,SAAA,EAId;EACA,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASX,GAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/CjB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,OAAOC,kBAAA,CAAmB,MAAM;MAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;QAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;MACnB,CAAC;IACH,CAAC;EACH,GAAG,EAAE;EAEL,OAAOI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA;EAGN,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MAC3B,IAAIA,CAAA,KAAM,cAAc;QACtBJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,cAAc;MACzBE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;IAC3B;EACF;EAEA5B,KAAA,CAAM0B,eAAA,CAAgB,MAAM;IAC1BzB,SAAA,CAAUgC,OAAA,CAASI,CAAA,IAAMA,CAAA,CAAET,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMU,iBAAA,GAAoBA,CAAA,KAAY;EAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;AACtF;AAEO,MAAMf,kBAAA,GAAsBgB,EAAA,IAAsB;EACvDxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE;EAChB,OAAO,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB;AACF","ignoreList":[]}
|