highsoft-ui 1.0.11 → 1.0.12
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/Button/index.js +23 -23
- package/dist/components/GPTInput/index.js +15 -15
- package/dist/components/Header/index.d.ts +8 -7
- package/dist/components/Header/index.js +75 -86
- package/dist/components/Logo/index.js +7 -9
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PrefPanel/index.js +385 -386
- package/dist/highsoft-ui.css +1 -1
- package/dist/{index-CYCXI8lK.js → index-CcO3hfIY.js} +11 -11
- package/dist/main.js +1 -1
- package/dist/scss/variables.scss +8 -12
- package/dist/utils.d.ts +1 -0
- package/dist/utils.js +17 -10
- package/package.json +1 -1
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
4
|
-
const
|
|
5
|
-
button:
|
|
2
|
+
import { forwardRef as w } from "react";
|
|
3
|
+
import { c as l } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
const u = "_button_1we8s_285", z = "_neutral_1we8s_327", f = "_white_1we8s_351", p = "_transparent_1we8s_375", b = "_plain_1we8s_399", d = "_brand_1we8s_423", m = "_success_1we8s_447", g = "_attention_1we8s_471", h = "_danger_1we8s_495", x = "_full_1we8s_621", s = {
|
|
5
|
+
button: u,
|
|
6
6
|
neutral: z,
|
|
7
7
|
white: f,
|
|
8
8
|
transparent: p,
|
|
9
9
|
plain: b,
|
|
10
10
|
brand: d,
|
|
11
11
|
success: m,
|
|
12
|
-
attention:
|
|
13
|
-
danger:
|
|
14
|
-
"size-50": "_size-
|
|
15
|
-
"size-100": "_size-
|
|
16
|
-
"size-200": "_size-
|
|
17
|
-
"size-300": "_size-
|
|
18
|
-
"size-400": "_size-
|
|
19
|
-
"size-500": "_size-
|
|
20
|
-
full:
|
|
21
|
-
}, N =
|
|
12
|
+
attention: g,
|
|
13
|
+
danger: h,
|
|
14
|
+
"size-50": "_size-50_1we8s_519",
|
|
15
|
+
"size-100": "_size-100_1we8s_536",
|
|
16
|
+
"size-200": "_size-200_1we8s_553",
|
|
17
|
+
"size-300": "_size-300_1we8s_570",
|
|
18
|
+
"size-400": "_size-400_1we8s_587",
|
|
19
|
+
"size-500": "_size-500_1we8s_604",
|
|
20
|
+
full: x
|
|
21
|
+
}, N = w(
|
|
22
22
|
({
|
|
23
|
-
children:
|
|
24
|
-
variant:
|
|
25
|
-
size:
|
|
26
|
-
fullWidth:
|
|
23
|
+
children: e,
|
|
24
|
+
variant: t = "neutral",
|
|
25
|
+
size: _ = 200,
|
|
26
|
+
fullWidth: n = !1,
|
|
27
27
|
as: o = "button",
|
|
28
28
|
className: a,
|
|
29
29
|
...r
|
|
30
30
|
}, i) => /* @__PURE__ */ c(
|
|
31
31
|
o,
|
|
32
32
|
{
|
|
33
|
-
className:
|
|
33
|
+
className: l(
|
|
34
34
|
a,
|
|
35
35
|
s.button,
|
|
36
|
-
s[
|
|
37
|
-
s[`size-${
|
|
36
|
+
s[t],
|
|
37
|
+
s[`size-${_}`],
|
|
38
38
|
{
|
|
39
|
-
[s.full]:
|
|
39
|
+
[s.full]: n
|
|
40
40
|
}
|
|
41
41
|
),
|
|
42
42
|
ref: i,
|
|
43
43
|
...r,
|
|
44
|
-
children:
|
|
44
|
+
children: e
|
|
45
45
|
}
|
|
46
46
|
)
|
|
47
47
|
);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as y, useState as
|
|
3
|
-
import { c as
|
|
4
|
-
import
|
|
2
|
+
import { useRef as y, useState as b, useLayoutEffect as x } from "react";
|
|
3
|
+
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import g from "../icons/Bubble.js";
|
|
5
5
|
import C from "../icons/Plane.js";
|
|
6
|
-
const v = "
|
|
6
|
+
const v = "_inputContainer_h08to_285", S = "_bottomFade_h08to_288", K = "_inputWrap_h08to_291", P = "_textarea_h08to_294", N = "_button_h08to_360", W = "_primary_h08to_395", k = "_secondary_h08to_404", D = "_disclaimer_h08to_410", o = {
|
|
7
7
|
inputContainer: v,
|
|
8
8
|
bottomFade: S,
|
|
9
9
|
inputWrap: K,
|
|
@@ -22,7 +22,7 @@ function F({
|
|
|
22
22
|
return /* @__PURE__ */ n(
|
|
23
23
|
"button",
|
|
24
24
|
{
|
|
25
|
-
className:
|
|
25
|
+
className: h(o.button, o[r], s),
|
|
26
26
|
...a,
|
|
27
27
|
children: /* @__PURE__ */ n("span", { children: e })
|
|
28
28
|
}
|
|
@@ -32,46 +32,46 @@ function I({
|
|
|
32
32
|
autoFocus: r,
|
|
33
33
|
onSubmit: s
|
|
34
34
|
}) {
|
|
35
|
-
const e = y(null), [a, i] =
|
|
36
|
-
|
|
35
|
+
const e = y(null), [a, i] = b(""), c = a.trim(), u = !!c;
|
|
36
|
+
x(() => {
|
|
37
37
|
var t;
|
|
38
38
|
r && ((t = e.current) == null || t.focus());
|
|
39
39
|
}, [r]);
|
|
40
40
|
const p = () => {
|
|
41
41
|
const t = e.current;
|
|
42
42
|
t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
|
|
43
|
-
},
|
|
43
|
+
}, _ = (t) => {
|
|
44
44
|
i(t.target.value), p();
|
|
45
45
|
}, m = (t) => {
|
|
46
46
|
t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
|
|
47
|
-
},
|
|
47
|
+
}, d = (t) => {
|
|
48
48
|
t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
|
|
49
|
-
},
|
|
49
|
+
}, f = () => {
|
|
50
50
|
var t;
|
|
51
51
|
(t = e.current) == null || t.focus();
|
|
52
52
|
};
|
|
53
53
|
return /* @__PURE__ */ l(
|
|
54
54
|
"form",
|
|
55
55
|
{
|
|
56
|
-
className:
|
|
57
|
-
onKeyDown:
|
|
56
|
+
className: h(o.inputWrap, { [o.active]: u }),
|
|
57
|
+
onKeyDown: d,
|
|
58
58
|
onSubmit: m,
|
|
59
59
|
children: [
|
|
60
|
-
/* @__PURE__ */ n(
|
|
60
|
+
/* @__PURE__ */ n(g, {}),
|
|
61
61
|
/* @__PURE__ */ n(
|
|
62
62
|
"textarea",
|
|
63
63
|
{
|
|
64
64
|
className: o.textarea,
|
|
65
65
|
ref: e,
|
|
66
66
|
value: a,
|
|
67
|
-
onChange:
|
|
67
|
+
onChange: _
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
70
|
/* @__PURE__ */ l(
|
|
71
71
|
F,
|
|
72
72
|
{
|
|
73
73
|
variant: u ? "primary" : "secondary",
|
|
74
|
-
onClick:
|
|
74
|
+
onClick: f,
|
|
75
75
|
children: [
|
|
76
76
|
/* @__PURE__ */ n(C, {}),
|
|
77
77
|
/* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
|
|
@@ -11,16 +11,17 @@ export interface SubHeaderItem {
|
|
|
11
11
|
export declare function SubHeader({ items }: {
|
|
12
12
|
items: Array<SubHeaderItem>;
|
|
13
13
|
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export interface Notification {
|
|
15
|
+
id?: string;
|
|
16
|
+
title?: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
variant?: NotificationVariant;
|
|
19
|
+
closable?: boolean;
|
|
20
|
+
}
|
|
14
21
|
export declare function Header({ subItems, children, notifications: initialNotifications, // TODO: Fetch these from the internets
|
|
15
22
|
link: Link }: {
|
|
16
23
|
subItems?: Array<SubHeaderItem>;
|
|
17
24
|
children?: ReactNode;
|
|
18
|
-
notifications?: Array<
|
|
19
|
-
id?: string;
|
|
20
|
-
title?: string;
|
|
21
|
-
description?: string;
|
|
22
|
-
variant?: NotificationVariant;
|
|
23
|
-
closable?: boolean;
|
|
24
|
-
}>;
|
|
25
|
+
notifications?: Array<Notification>;
|
|
25
26
|
link?: ElementType;
|
|
26
27
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as e, jsxs as o, Fragment as P } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as b, useEffect as V } from "react";
|
|
3
3
|
import { J as q } from "../../index-CMegByeX.js";
|
|
4
|
-
import { _ as
|
|
5
|
-
import { N as z, X as J } from "../../index-
|
|
4
|
+
import { _ as l } from "../../extends-hS2Bh-Yp.js";
|
|
5
|
+
import { N as z, X as J } from "../../index-CcO3hfIY.js";
|
|
6
6
|
import { c as p } from "../../clsx-OuTLNxxd.js";
|
|
7
7
|
import { Button as c } from "../Button/index.js";
|
|
8
8
|
import { Container as H } from "../Container/index.js";
|
|
9
|
-
import { ThemedLogo as
|
|
9
|
+
import { ThemedLogo as x } from "../Logo/index.js";
|
|
10
10
|
import { PrefPanel as M } from "../PrefPanel/index.js";
|
|
11
11
|
import { useMediaQuery as k } from "../../utils.js";
|
|
12
12
|
var U = function(t) {
|
|
13
|
-
return /* @__PURE__ */ e("svg",
|
|
13
|
+
return /* @__PURE__ */ e("svg", l({
|
|
14
14
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15
15
|
width: 24,
|
|
16
16
|
height: 24,
|
|
@@ -26,7 +26,7 @@ var U = function(t) {
|
|
|
26
26
|
})
|
|
27
27
|
}));
|
|
28
28
|
}, A = function(t) {
|
|
29
|
-
return /* @__PURE__ */ e("svg",
|
|
29
|
+
return /* @__PURE__ */ e("svg", l({
|
|
30
30
|
xmlns: "http://www.w3.org/2000/svg",
|
|
31
31
|
width: 24,
|
|
32
32
|
height: 24,
|
|
@@ -42,7 +42,7 @@ var U = function(t) {
|
|
|
42
42
|
})
|
|
43
43
|
}));
|
|
44
44
|
}, G = function(t) {
|
|
45
|
-
return /* @__PURE__ */ e("svg",
|
|
45
|
+
return /* @__PURE__ */ e("svg", l({
|
|
46
46
|
xmlns: "http://www.w3.org/2000/svg",
|
|
47
47
|
width: 24,
|
|
48
48
|
height: 24,
|
|
@@ -58,7 +58,7 @@ var U = function(t) {
|
|
|
58
58
|
})
|
|
59
59
|
}));
|
|
60
60
|
}, F = function(t) {
|
|
61
|
-
return /* @__PURE__ */ e("svg",
|
|
61
|
+
return /* @__PURE__ */ e("svg", l({
|
|
62
62
|
xmlns: "http://www.w3.org/2000/svg",
|
|
63
63
|
width: 24,
|
|
64
64
|
height: 24,
|
|
@@ -74,7 +74,7 @@ var U = function(t) {
|
|
|
74
74
|
})
|
|
75
75
|
}));
|
|
76
76
|
}, Q = function(t) {
|
|
77
|
-
return /* @__PURE__ */ e("svg",
|
|
77
|
+
return /* @__PURE__ */ e("svg", l({
|
|
78
78
|
xmlns: "http://www.w3.org/2000/svg",
|
|
79
79
|
width: 24,
|
|
80
80
|
height: 24,
|
|
@@ -90,7 +90,7 @@ var U = function(t) {
|
|
|
90
90
|
})
|
|
91
91
|
}));
|
|
92
92
|
}, X = function(t) {
|
|
93
|
-
return /* @__PURE__ */ e("svg",
|
|
93
|
+
return /* @__PURE__ */ e("svg", l({
|
|
94
94
|
xmlns: "http://www.w3.org/2000/svg",
|
|
95
95
|
width: 24,
|
|
96
96
|
height: 24,
|
|
@@ -106,7 +106,7 @@ var U = function(t) {
|
|
|
106
106
|
})
|
|
107
107
|
}));
|
|
108
108
|
}, $ = function(t) {
|
|
109
|
-
return /* @__PURE__ */ e("svg",
|
|
109
|
+
return /* @__PURE__ */ e("svg", l({
|
|
110
110
|
xmlns: "http://www.w3.org/2000/svg",
|
|
111
111
|
width: 24,
|
|
112
112
|
height: 24,
|
|
@@ -122,7 +122,7 @@ var U = function(t) {
|
|
|
122
122
|
})
|
|
123
123
|
}));
|
|
124
124
|
}, N = function(t) {
|
|
125
|
-
return /* @__PURE__ */ e("svg",
|
|
125
|
+
return /* @__PURE__ */ e("svg", l({
|
|
126
126
|
xmlns: "http://www.w3.org/2000/svg",
|
|
127
127
|
width: 24,
|
|
128
128
|
height: 24,
|
|
@@ -137,8 +137,8 @@ var U = function(t) {
|
|
|
137
137
|
d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
|
|
138
138
|
})
|
|
139
139
|
}));
|
|
140
|
-
},
|
|
141
|
-
return /* @__PURE__ */ e("svg",
|
|
140
|
+
}, S = function(t) {
|
|
141
|
+
return /* @__PURE__ */ e("svg", l({
|
|
142
142
|
xmlns: "http://www.w3.org/2000/svg",
|
|
143
143
|
width: 24,
|
|
144
144
|
height: 24,
|
|
@@ -153,8 +153,8 @@ var U = function(t) {
|
|
|
153
153
|
d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
|
|
154
154
|
})
|
|
155
155
|
}));
|
|
156
|
-
},
|
|
157
|
-
return /* @__PURE__ */ e("svg",
|
|
156
|
+
}, L = function(t) {
|
|
157
|
+
return /* @__PURE__ */ e("svg", l({
|
|
158
158
|
xmlns: "http://www.w3.org/2000/svg",
|
|
159
159
|
width: 24,
|
|
160
160
|
height: 24,
|
|
@@ -170,7 +170,7 @@ var U = function(t) {
|
|
|
170
170
|
})
|
|
171
171
|
}));
|
|
172
172
|
}, T = function(t) {
|
|
173
|
-
return /* @__PURE__ */ e("svg",
|
|
173
|
+
return /* @__PURE__ */ e("svg", l({
|
|
174
174
|
xmlns: "http://www.w3.org/2000/svg",
|
|
175
175
|
width: 24,
|
|
176
176
|
height: 24,
|
|
@@ -186,7 +186,7 @@ var U = function(t) {
|
|
|
186
186
|
})
|
|
187
187
|
}));
|
|
188
188
|
};
|
|
189
|
-
const D = "
|
|
189
|
+
const D = "_header_1lvm8_285", E = "_outer_1lvm8_296", R = "_main_1lvm8_305", I = "_container_1lvm8_309", K = "_links_1lvm8_315", Y = "_buttons_1lvm8_316", Z = "_menu_1lvm8_324", e1 = "_logo_1lvm8_329", t1 = "_subContainer_1lvm8_341", r1 = "_selected_1lvm8_369", n1 = "_subTag_1lvm8_381", o1 = "_mobileOverlay_1lvm8_399", s1 = "_show_1lvm8_1", i1 = "_open_1lvm8_411", a1 = "_mobile_1lvm8_399", c1 = "_slideUp_1lvm8_1", l1 = "_sub_1lvm8_341", h1 = "_gpt_1lvm8_477", r = {
|
|
190
190
|
header: D,
|
|
191
191
|
outer: E,
|
|
192
192
|
main: R,
|
|
@@ -198,15 +198,15 @@ const D = "_header_1ar49_293", E = "_outer_1ar49_304", R = "_main_1ar49_313", I
|
|
|
198
198
|
subContainer: t1,
|
|
199
199
|
selected: r1,
|
|
200
200
|
subTag: n1,
|
|
201
|
-
"subTag-success": "_subTag-
|
|
202
|
-
"subTag-brand": "_subTag-
|
|
201
|
+
"subTag-success": "_subTag-success_1lvm8_386",
|
|
202
|
+
"subTag-brand": "_subTag-brand_1lvm8_390",
|
|
203
203
|
mobileOverlay: o1,
|
|
204
204
|
show: s1,
|
|
205
|
-
open:
|
|
206
|
-
mobile:
|
|
205
|
+
open: i1,
|
|
206
|
+
mobile: a1,
|
|
207
207
|
slideUp: c1,
|
|
208
|
-
sub:
|
|
209
|
-
gpt:
|
|
208
|
+
sub: l1,
|
|
209
|
+
gpt: h1
|
|
210
210
|
}, B = [
|
|
211
211
|
{
|
|
212
212
|
title: "Products",
|
|
@@ -241,109 +241,99 @@ const D = "_header_1ar49_293", E = "_outer_1ar49_304", R = "_main_1ar49_313", I
|
|
|
241
241
|
];
|
|
242
242
|
function d1({ items: n }) {
|
|
243
243
|
return /* @__PURE__ */ e("div", { className: p(r.sub, r.outer), children: /* @__PURE__ */ e(H, { className: r.subContainer, as: "ul", children: n.map(
|
|
244
|
-
({ title: t, url:
|
|
245
|
-
|
|
244
|
+
({ title: t, url: m, icon: a, tag: u, tagVariant: v = "success", link: g = "a" }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(g, { href: m, children: [
|
|
245
|
+
a,
|
|
246
246
|
/* @__PURE__ */ o("span", { children: [
|
|
247
247
|
t,
|
|
248
|
-
|
|
248
|
+
u && /* @__PURE__ */ e(
|
|
249
249
|
"span",
|
|
250
250
|
{
|
|
251
251
|
className: p(
|
|
252
252
|
r.subTag,
|
|
253
|
-
r[`subTag-${
|
|
253
|
+
r[`subTag-${v}`]
|
|
254
254
|
),
|
|
255
|
-
children:
|
|
255
|
+
children: u
|
|
256
256
|
}
|
|
257
257
|
)
|
|
258
258
|
] })
|
|
259
259
|
] }) }, d)
|
|
260
260
|
) }) });
|
|
261
261
|
}
|
|
262
|
-
function
|
|
262
|
+
function x1({
|
|
263
263
|
subItems: n,
|
|
264
264
|
children: t,
|
|
265
|
-
notifications:
|
|
265
|
+
notifications: m = [],
|
|
266
266
|
// TODO: Fetch these from the internets
|
|
267
|
-
link:
|
|
267
|
+
link: a = "a"
|
|
268
268
|
}) {
|
|
269
|
-
const
|
|
269
|
+
const u = k("(max-width: 374px)"), v = k("(max-width: 849px)"), g = k("(min-width: 850px) and (max-width: 999px)"), [d, W] = b(!1), [w, f] = b([]);
|
|
270
270
|
V(() => {
|
|
271
|
-
if (
|
|
272
|
-
const
|
|
273
|
-
if (
|
|
274
|
-
const
|
|
271
|
+
if (m.length) {
|
|
272
|
+
const i = localStorage.getItem("notifications");
|
|
273
|
+
if (i) {
|
|
274
|
+
const h = JSON.parse(i);
|
|
275
275
|
f(
|
|
276
|
-
|
|
277
|
-
(s) => !s.id || !
|
|
276
|
+
m.filter(
|
|
277
|
+
(s) => !s.id || !h.closed.includes(s.id)
|
|
278
278
|
)
|
|
279
279
|
);
|
|
280
280
|
} else
|
|
281
|
-
f(
|
|
281
|
+
f(m);
|
|
282
282
|
}
|
|
283
|
-
}, [
|
|
283
|
+
}, [m]);
|
|
284
284
|
const C = () => {
|
|
285
285
|
W(!d);
|
|
286
|
-
}, j = (
|
|
287
|
-
f(w.filter((s) => !s.id || s.id !==
|
|
288
|
-
const
|
|
289
|
-
if (
|
|
290
|
-
const s = JSON.parse(
|
|
291
|
-
s.closed.includes(
|
|
286
|
+
}, j = (i) => {
|
|
287
|
+
f(w.filter((s) => !s.id || s.id !== i));
|
|
288
|
+
const h = localStorage.getItem("notifications");
|
|
289
|
+
if (h) {
|
|
290
|
+
const s = JSON.parse(h);
|
|
291
|
+
s.closed.includes(i) || (s.closed.push(i), localStorage.setItem("notifications", JSON.stringify(s)));
|
|
292
292
|
} else
|
|
293
293
|
localStorage.setItem(
|
|
294
294
|
"notifications",
|
|
295
295
|
JSON.stringify({
|
|
296
|
-
closed: [
|
|
296
|
+
closed: [i]
|
|
297
297
|
})
|
|
298
298
|
);
|
|
299
299
|
};
|
|
300
300
|
return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ o("header", { className: r.header, children: [
|
|
301
301
|
w == null ? void 0 : w.map(
|
|
302
|
-
({ id:
|
|
302
|
+
({ id: i, title: h, description: s, variant: _, closable: O }, y) => /* @__PURE__ */ e(
|
|
303
303
|
z,
|
|
304
304
|
{
|
|
305
305
|
description: s,
|
|
306
306
|
variant: _,
|
|
307
307
|
closable: O,
|
|
308
|
-
onClose: () => j(
|
|
309
|
-
children:
|
|
308
|
+
onClose: () => j(i),
|
|
309
|
+
children: h
|
|
310
310
|
},
|
|
311
311
|
y
|
|
312
312
|
)
|
|
313
313
|
),
|
|
314
314
|
/* @__PURE__ */ e("div", { className: p(r.main, r.outer), children: /* @__PURE__ */ o(H, { as: "nav", className: r.container, children: [
|
|
315
|
-
/* @__PURE__ */ e(
|
|
316
|
-
/* @__PURE__ */ e("ul", { className: r.links, children: B.map(({ title:
|
|
317
|
-
c,
|
|
318
|
-
{
|
|
319
|
-
variant: "plain",
|
|
320
|
-
size: 300,
|
|
321
|
-
as: i,
|
|
322
|
-
href: l,
|
|
323
|
-
children: a
|
|
324
|
-
},
|
|
325
|
-
s
|
|
326
|
-
) })) }),
|
|
315
|
+
/* @__PURE__ */ e(a, { className: r.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ e(x, { showText: !g && !u }) }),
|
|
316
|
+
/* @__PURE__ */ e("ul", { className: r.links, children: B.map(({ title: i, url: h }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(c, { variant: "plain", size: 300, as: a, href: h, children: i }) }, s)) }),
|
|
327
317
|
/* @__PURE__ */ o("div", { className: r.buttons, children: [
|
|
328
318
|
/* @__PURE__ */ o(
|
|
329
319
|
c,
|
|
330
320
|
{
|
|
331
321
|
variant: "transparent",
|
|
332
|
-
as:
|
|
322
|
+
as: a,
|
|
333
323
|
href: "https://www.highcharts.com/chat/gpt/",
|
|
334
324
|
children: [
|
|
335
325
|
/* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
|
|
336
|
-
/* @__PURE__ */ e(
|
|
326
|
+
/* @__PURE__ */ e(S, {})
|
|
337
327
|
]
|
|
338
328
|
}
|
|
339
329
|
),
|
|
340
|
-
/* @__PURE__ */ e(c, { variant: "transparent", children: /* @__PURE__ */ e(N, {}) }),
|
|
330
|
+
/* @__PURE__ */ e(c, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(N, {}) }),
|
|
341
331
|
/* @__PURE__ */ e(M, {}),
|
|
342
332
|
/* @__PURE__ */ e(
|
|
343
333
|
c,
|
|
344
334
|
{
|
|
345
335
|
variant: "brand",
|
|
346
|
-
as:
|
|
336
|
+
as: a,
|
|
347
337
|
href: "https://shop.highcharts.com/account",
|
|
348
338
|
children: /* @__PURE__ */ e(T, {})
|
|
349
339
|
}
|
|
@@ -352,10 +342,10 @@ function b1({
|
|
|
352
342
|
c,
|
|
353
343
|
{
|
|
354
344
|
variant: "success",
|
|
355
|
-
as:
|
|
345
|
+
as: a,
|
|
356
346
|
href: "https://www.highcharts.com/download/",
|
|
357
347
|
children: [
|
|
358
|
-
/* @__PURE__ */ e(
|
|
348
|
+
/* @__PURE__ */ e(L, {}),
|
|
359
349
|
"Get started"
|
|
360
350
|
]
|
|
361
351
|
}
|
|
@@ -376,7 +366,7 @@ function b1({
|
|
|
376
366
|
] }) }),
|
|
377
367
|
!!(n != null && n.length) && /* @__PURE__ */ e(d1, { items: n }),
|
|
378
368
|
t,
|
|
379
|
-
|
|
369
|
+
v && /* @__PURE__ */ o(P, { children: [
|
|
380
370
|
/* @__PURE__ */ e(
|
|
381
371
|
"div",
|
|
382
372
|
{
|
|
@@ -393,11 +383,11 @@ function b1({
|
|
|
393
383
|
children: [
|
|
394
384
|
/* @__PURE__ */ o("div", { className: r.container, children: [
|
|
395
385
|
/* @__PURE__ */ e(
|
|
396
|
-
|
|
386
|
+
a,
|
|
397
387
|
{
|
|
398
388
|
className: r.logo,
|
|
399
389
|
href: "https://www.highcharts.com/",
|
|
400
|
-
children: /* @__PURE__ */ e(
|
|
390
|
+
children: /* @__PURE__ */ e(x, { showText: !u })
|
|
401
391
|
}
|
|
402
392
|
),
|
|
403
393
|
/* @__PURE__ */ o("div", { className: r.buttons, children: [
|
|
@@ -405,15 +395,15 @@ function b1({
|
|
|
405
395
|
c,
|
|
406
396
|
{
|
|
407
397
|
variant: "transparent",
|
|
408
|
-
as:
|
|
398
|
+
as: a,
|
|
409
399
|
href: "https://www.highcharts.com/chat/gpt/",
|
|
410
400
|
children: [
|
|
411
401
|
/* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
|
|
412
|
-
/* @__PURE__ */ e(
|
|
402
|
+
/* @__PURE__ */ e(S, {})
|
|
413
403
|
]
|
|
414
404
|
}
|
|
415
405
|
),
|
|
416
|
-
/* @__PURE__ */ e(c, { variant: "transparent", children: /* @__PURE__ */ e(N, {}) }),
|
|
406
|
+
/* @__PURE__ */ e(c, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(N, {}) }),
|
|
417
407
|
/* @__PURE__ */ e(M, {})
|
|
418
408
|
] })
|
|
419
409
|
] }),
|
|
@@ -423,7 +413,7 @@ function b1({
|
|
|
423
413
|
{
|
|
424
414
|
variant: "brand",
|
|
425
415
|
fullWidth: !0,
|
|
426
|
-
as:
|
|
416
|
+
as: a,
|
|
427
417
|
href: "https://shop.highcharts.com/account",
|
|
428
418
|
children: [
|
|
429
419
|
/* @__PURE__ */ e(T, {}),
|
|
@@ -436,30 +426,29 @@ function b1({
|
|
|
436
426
|
{
|
|
437
427
|
variant: "success",
|
|
438
428
|
fullWidth: !0,
|
|
439
|
-
as:
|
|
429
|
+
as: a,
|
|
440
430
|
href: "https://www.highcharts.com/download/",
|
|
441
431
|
children: [
|
|
442
|
-
/* @__PURE__ */ e(
|
|
432
|
+
/* @__PURE__ */ e(L, {}),
|
|
443
433
|
"Get started"
|
|
444
434
|
]
|
|
445
435
|
}
|
|
446
436
|
)
|
|
447
437
|
] }),
|
|
448
|
-
/* @__PURE__ */ e("ul", { className: r.links, children: B.map(({ title:
|
|
438
|
+
/* @__PURE__ */ e("ul", { className: r.links, children: B.map(({ title: i, url: h, icon: s }, _) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
|
|
449
439
|
c,
|
|
450
440
|
{
|
|
451
441
|
variant: "plain",
|
|
452
442
|
size: 500,
|
|
453
443
|
fullWidth: !0,
|
|
454
|
-
as:
|
|
455
|
-
href:
|
|
444
|
+
as: a,
|
|
445
|
+
href: h,
|
|
456
446
|
children: [
|
|
457
447
|
s,
|
|
458
|
-
|
|
448
|
+
i
|
|
459
449
|
]
|
|
460
|
-
}
|
|
461
|
-
|
|
462
|
-
) })) })
|
|
450
|
+
}
|
|
451
|
+
) }, _)) })
|
|
463
452
|
]
|
|
464
453
|
}
|
|
465
454
|
)
|
|
@@ -467,6 +456,6 @@ function b1({
|
|
|
467
456
|
] }) });
|
|
468
457
|
}
|
|
469
458
|
export {
|
|
470
|
-
|
|
459
|
+
x1 as Header,
|
|
471
460
|
d1 as SubHeader
|
|
472
461
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as c, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { z as h } from "../../index-CMegByeX.js";
|
|
3
|
-
import {
|
|
4
|
-
function
|
|
3
|
+
import { useMounted as d } from "../../utils.js";
|
|
4
|
+
function n({
|
|
5
5
|
title: s = "Highcharts",
|
|
6
6
|
light: l,
|
|
7
7
|
showText: o = !0,
|
|
@@ -246,13 +246,11 @@ function p({
|
|
|
246
246
|
);
|
|
247
247
|
return e ? /* @__PURE__ */ t("a", { href: "https://www.highcharts.com", children: r }) : r;
|
|
248
248
|
}
|
|
249
|
-
function
|
|
250
|
-
const { resolvedTheme: l } = h(),
|
|
251
|
-
return n
|
|
252
|
-
e(!0);
|
|
253
|
-
}, []), /* @__PURE__ */ t(p, { light: !o || l === "light", ...s });
|
|
249
|
+
function a(s) {
|
|
250
|
+
const { resolvedTheme: l } = h(), o = d();
|
|
251
|
+
return /* @__PURE__ */ t(n, { light: !o || l === "light", ...s });
|
|
254
252
|
}
|
|
255
253
|
export {
|
|
256
|
-
|
|
257
|
-
|
|
254
|
+
n as Logo,
|
|
255
|
+
a as ThemedLogo
|
|
258
256
|
};
|