highsoft-ui 1.0.62 → 1.0.64
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 +49 -49
- package/dist/components/Container/index.js +1 -1
- package/dist/components/Footer/index.js +369 -343
- package/dist/components/GPTInput/index.js +31 -31
- package/dist/components/Header/index.js +200 -182
- package/dist/components/NewTag/index.js +15 -15
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PrefPanel/index.js +227 -227
- package/dist/components/icons/MadeInNorway.d.ts +1 -0
- package/dist/components/icons/MadeInNorway.js +146 -0
- package/dist/highsoft-ui.css +1 -1
- package/dist/index-pnL-sAld.js +68 -0
- package/dist/main.js +1 -1
- package/package.json +2 -1
- package/dist/index-DvBbx2s8.js +0 -68
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
1
|
+
import { jsx as r, jsxs as a, Fragment as O } from "react/jsx-runtime";
|
|
2
2
|
import * as l from "react";
|
|
3
|
-
import
|
|
4
|
-
import { A as
|
|
5
|
-
import { P, d as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { c as
|
|
8
|
-
import { Button as
|
|
9
|
-
import { Container as
|
|
10
|
-
import { ThemedLogo as
|
|
11
|
-
import { NewTag as
|
|
12
|
-
import
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
import C, { useRef as $, useState as P, useEffect as Pt } from "react";
|
|
4
|
+
import { A as Ot } from "../../Announcement03-obPaH4LK.js";
|
|
5
|
+
import { P as D, d as St, c as Et, e as j, a as z, f as S, g as F, h as Mt, R as At, j as Rt, i as It, k as Lt, F as Gt, D as kt, l as Tt, C as jt } from "../../index-CM3YgRXK.js";
|
|
6
|
+
import { _ as G } from "../../extends-hS2Bh-Yp.js";
|
|
7
|
+
import { c as M } from "../../clsx-OuTLNxxd.js";
|
|
8
|
+
import { Button as K } from "../Button/index.js";
|
|
9
|
+
import { Container as zt } from "../Container/index.js";
|
|
10
|
+
import { ThemedLogo as Ft } from "../Logo/index.js";
|
|
11
|
+
import { NewTag as Ut } from "../NewTag/index.js";
|
|
12
|
+
import Wt from "../icons/MadeInNorway.js";
|
|
13
|
+
import { a as J, c as Bt, v as Y } from "../../utils-C7rfowvr.js";
|
|
14
|
+
var Ht = function(e) {
|
|
15
|
+
return /* @__PURE__ */ r("svg", G({
|
|
15
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16
17
|
width: 24,
|
|
17
18
|
height: 24,
|
|
@@ -23,11 +24,11 @@ var Vt = function(e) {
|
|
|
23
24
|
strokeLinecap: "round",
|
|
24
25
|
strokeLinejoin: "round",
|
|
25
26
|
strokeWidth: 2,
|
|
26
|
-
d: "
|
|
27
|
+
d: "M5 15c-.9319 0-1.3978 0-1.7654-.1522a2 2 0 0 1-1.0824-1.0824C2 13.3978 2 12.9319 2 12V5.2c0-1.1201 0-1.6802.218-2.108a2 2 0 0 1 .874-.874C3.5198 2 4.08 2 5.2 2H12c.9319 0 1.3978 0 1.7654.1522.49.203.8794.5924 1.0824 1.0824C15 3.6022 15 4.0681 15 5m-2.8 17h6.6c1.1201 0 1.6802 0 2.108-.218a2 2 0 0 0 .874-.874C22 20.4802 22 19.9201 22 18.8v-6.6c0-1.1201 0-1.6802-.218-2.108a2 2 0 0 0-.874-.874C20.4802 9 19.9201 9 18.8 9h-6.6c-1.1201 0-1.6802 0-2.108.218a2 2 0 0 0-.874.874C9 10.5198 9 11.0799 9 12.2v6.6c0 1.1201 0 1.6802.218 2.108.1917.3763.4977.6823.874.874.4278.218.9879.218 2.108.218"
|
|
27
28
|
})
|
|
28
29
|
}));
|
|
29
|
-
},
|
|
30
|
-
return /* @__PURE__ */ r("svg",
|
|
30
|
+
}, Vt = function(e) {
|
|
31
|
+
return /* @__PURE__ */ r("svg", G({
|
|
31
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
32
33
|
width: 24,
|
|
33
34
|
height: 24,
|
|
@@ -39,11 +40,11 @@ var Vt = function(e) {
|
|
|
39
40
|
strokeLinecap: "round",
|
|
40
41
|
strokeLinejoin: "round",
|
|
41
42
|
strokeWidth: 2,
|
|
42
|
-
d: "
|
|
43
|
+
d: "M2.5 12h3.382A1.809 1.809 0 0 1 7.5 13c.3064.6129.9328 1 1.618 1h5.764a1.809 1.809 0 0 0 1.618-1c.3064-.6129.9328-1 1.618-1H21.5M8.9666 4h6.0668c1.0769 0 1.6153 0 2.0907.164.4204.145.8033.3816 1.121.6928.3592.3518.6.8334 1.0816 1.7966l2.1665 4.3331c.189.378.2835.567.3502.765.0592.176.1019.357.1276.5408.029.2069.029.4182.029.8408V15.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C19.7202 20 18.8802 20 17.2 20H6.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 17.7202 2 16.8802 2 15.2v-2.0669c0-.4226 0-.6339.029-.8408a3 3 0 0 1 .1276-.5408c.0667-.198.1612-.387.3501-.765l2.1666-4.3331c.4816-.9632.7224-1.4448 1.0816-1.7967a3 3 0 0 1 1.121-.6927C7.3513 4 7.8897 4 8.9666 4"
|
|
43
44
|
})
|
|
44
45
|
}));
|
|
45
46
|
}, $t = function(e) {
|
|
46
|
-
return /* @__PURE__ */ r("svg",
|
|
47
|
+
return /* @__PURE__ */ r("svg", G({
|
|
47
48
|
xmlns: "http://www.w3.org/2000/svg",
|
|
48
49
|
width: 24,
|
|
49
50
|
height: 24,
|
|
@@ -59,7 +60,7 @@ var Vt = function(e) {
|
|
|
59
60
|
})
|
|
60
61
|
}));
|
|
61
62
|
}, Jt = function(e) {
|
|
62
|
-
return /* @__PURE__ */ r("svg",
|
|
63
|
+
return /* @__PURE__ */ r("svg", G({
|
|
63
64
|
xmlns: "http://www.w3.org/2000/svg",
|
|
64
65
|
width: 24,
|
|
65
66
|
height: 24,
|
|
@@ -86,9 +87,9 @@ var Vt = function(e) {
|
|
|
86
87
|
clip: "rect(0, 0, 0, 0)",
|
|
87
88
|
whiteSpace: "nowrap",
|
|
88
89
|
wordWrap: "normal"
|
|
89
|
-
}), qt = "VisuallyHidden",
|
|
90
|
+
}), qt = "VisuallyHidden", X = l.forwardRef(
|
|
90
91
|
(t, e) => /* @__PURE__ */ r(
|
|
91
|
-
|
|
92
|
+
D.span,
|
|
92
93
|
{
|
|
93
94
|
...t,
|
|
94
95
|
ref: e,
|
|
@@ -96,34 +97,34 @@ var Vt = function(e) {
|
|
|
96
97
|
}
|
|
97
98
|
)
|
|
98
99
|
);
|
|
99
|
-
|
|
100
|
-
var
|
|
100
|
+
X.displayName = qt;
|
|
101
|
+
var Zt = X, k = "Dialog", [Q, yr] = Et(k), [Kt, w] = Q(k), tt = (t) => {
|
|
101
102
|
const {
|
|
102
103
|
__scopeDialog: e,
|
|
103
104
|
children: o,
|
|
104
|
-
open:
|
|
105
|
-
defaultOpen:
|
|
106
|
-
onOpenChange:
|
|
107
|
-
modal:
|
|
108
|
-
} = t,
|
|
109
|
-
prop:
|
|
110
|
-
defaultProp:
|
|
111
|
-
onChange:
|
|
105
|
+
open: n,
|
|
106
|
+
defaultOpen: i,
|
|
107
|
+
onOpenChange: s,
|
|
108
|
+
modal: u = !0
|
|
109
|
+
} = t, p = l.useRef(null), h = l.useRef(null), [f, x] = St({
|
|
110
|
+
prop: n,
|
|
111
|
+
defaultProp: i ?? !1,
|
|
112
|
+
onChange: s,
|
|
112
113
|
caller: k
|
|
113
114
|
});
|
|
114
115
|
return /* @__PURE__ */ r(
|
|
115
116
|
Kt,
|
|
116
117
|
{
|
|
117
118
|
scope: e,
|
|
118
|
-
triggerRef:
|
|
119
|
-
contentRef:
|
|
119
|
+
triggerRef: p,
|
|
120
|
+
contentRef: h,
|
|
120
121
|
contentId: j(),
|
|
121
122
|
titleId: j(),
|
|
122
123
|
descriptionId: j(),
|
|
123
124
|
open: f,
|
|
124
|
-
onOpenChange:
|
|
125
|
-
onOpenToggle: l.useCallback(() =>
|
|
126
|
-
modal:
|
|
125
|
+
onOpenChange: x,
|
|
126
|
+
onOpenToggle: l.useCallback(() => x((T) => !T), [x]),
|
|
127
|
+
modal: u,
|
|
127
128
|
children: o
|
|
128
129
|
}
|
|
129
130
|
);
|
|
@@ -131,179 +132,179 @@ var Ut = Z, k = "Dialog", [Q, mr] = Mt(k), [Kt, w] = Q(k), tt = (t) => {
|
|
|
131
132
|
tt.displayName = k;
|
|
132
133
|
var et = "DialogTrigger", rt = l.forwardRef(
|
|
133
134
|
(t, e) => {
|
|
134
|
-
const { __scopeDialog: o, ...
|
|
135
|
+
const { __scopeDialog: o, ...n } = t, i = w(et, o), s = z(e, i.triggerRef);
|
|
135
136
|
return /* @__PURE__ */ r(
|
|
136
|
-
|
|
137
|
+
D.button,
|
|
137
138
|
{
|
|
138
139
|
type: "button",
|
|
139
140
|
"aria-haspopup": "dialog",
|
|
140
|
-
"aria-expanded":
|
|
141
|
-
"aria-controls":
|
|
142
|
-
"data-state":
|
|
143
|
-
...
|
|
144
|
-
ref:
|
|
145
|
-
onClick:
|
|
141
|
+
"aria-expanded": i.open,
|
|
142
|
+
"aria-controls": i.contentId,
|
|
143
|
+
"data-state": B(i.open),
|
|
144
|
+
...n,
|
|
145
|
+
ref: s,
|
|
146
|
+
onClick: S(t.onClick, i.onOpenToggle)
|
|
146
147
|
}
|
|
147
148
|
);
|
|
148
149
|
}
|
|
149
150
|
);
|
|
150
151
|
rt.displayName = et;
|
|
151
|
-
var
|
|
152
|
+
var U = "DialogPortal", [Xt, ot] = Q(U, {
|
|
152
153
|
forceMount: void 0
|
|
153
|
-
}),
|
|
154
|
-
const { __scopeDialog: e, forceMount: o, children:
|
|
155
|
-
return /* @__PURE__ */ r(Xt, { scope: e, forceMount: o, children: l.Children.map(
|
|
154
|
+
}), nt = (t) => {
|
|
155
|
+
const { __scopeDialog: e, forceMount: o, children: n, container: i } = t, s = w(U, e);
|
|
156
|
+
return /* @__PURE__ */ r(Xt, { scope: e, forceMount: o, children: l.Children.map(n, (u) => /* @__PURE__ */ r(F, { present: o || s.open, children: /* @__PURE__ */ r(Mt, { asChild: !0, container: i, children: u }) })) });
|
|
156
157
|
};
|
|
157
|
-
|
|
158
|
-
var
|
|
158
|
+
nt.displayName = U;
|
|
159
|
+
var R = "DialogOverlay", st = l.forwardRef(
|
|
159
160
|
(t, e) => {
|
|
160
|
-
const o = ot(
|
|
161
|
-
return
|
|
161
|
+
const o = ot(R, t.__scopeDialog), { forceMount: n = o.forceMount, ...i } = t, s = w(R, t.__scopeDialog);
|
|
162
|
+
return s.modal ? /* @__PURE__ */ r(F, { present: n || s.open, children: /* @__PURE__ */ r(te, { ...i, ref: e }) }) : null;
|
|
162
163
|
}
|
|
163
164
|
);
|
|
164
|
-
|
|
165
|
-
var
|
|
165
|
+
st.displayName = R;
|
|
166
|
+
var Qt = Rt("DialogOverlay.RemoveScroll"), te = l.forwardRef(
|
|
166
167
|
(t, e) => {
|
|
167
|
-
const { __scopeDialog: o, ...
|
|
168
|
+
const { __scopeDialog: o, ...n } = t, i = w(R, o);
|
|
168
169
|
return (
|
|
169
170
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
170
171
|
// ie. when `Overlay` and `Content` are siblings
|
|
171
|
-
/* @__PURE__ */ r(At, { as:
|
|
172
|
-
|
|
172
|
+
/* @__PURE__ */ r(At, { as: Qt, allowPinchZoom: !0, shards: [i.contentRef], children: /* @__PURE__ */ r(
|
|
173
|
+
D.div,
|
|
173
174
|
{
|
|
174
|
-
"data-state":
|
|
175
|
-
...
|
|
175
|
+
"data-state": B(i.open),
|
|
176
|
+
...n,
|
|
176
177
|
ref: e,
|
|
177
|
-
style: { pointerEvents: "auto", ...
|
|
178
|
+
style: { pointerEvents: "auto", ...n.style }
|
|
178
179
|
}
|
|
179
180
|
) })
|
|
180
181
|
);
|
|
181
182
|
}
|
|
182
|
-
),
|
|
183
|
+
), _ = "DialogContent", it = l.forwardRef(
|
|
183
184
|
(t, e) => {
|
|
184
|
-
const o = ot(
|
|
185
|
-
return /* @__PURE__ */ r(
|
|
185
|
+
const o = ot(_, t.__scopeDialog), { forceMount: n = o.forceMount, ...i } = t, s = w(_, t.__scopeDialog);
|
|
186
|
+
return /* @__PURE__ */ r(F, { present: n || s.open, children: s.modal ? /* @__PURE__ */ r(ee, { ...i, ref: e }) : /* @__PURE__ */ r(re, { ...i, ref: e }) });
|
|
186
187
|
}
|
|
187
188
|
);
|
|
188
|
-
|
|
189
|
-
var
|
|
189
|
+
it.displayName = _;
|
|
190
|
+
var ee = l.forwardRef(
|
|
190
191
|
(t, e) => {
|
|
191
|
-
const o = w(
|
|
192
|
+
const o = w(_, t.__scopeDialog), n = l.useRef(null), i = z(e, o.contentRef, n);
|
|
192
193
|
return l.useEffect(() => {
|
|
193
|
-
const
|
|
194
|
-
if (
|
|
194
|
+
const s = n.current;
|
|
195
|
+
if (s) return It(s);
|
|
195
196
|
}, []), /* @__PURE__ */ r(
|
|
196
|
-
|
|
197
|
+
at,
|
|
197
198
|
{
|
|
198
199
|
...t,
|
|
199
|
-
ref:
|
|
200
|
+
ref: i,
|
|
200
201
|
trapFocus: o.open,
|
|
201
202
|
disableOutsidePointerEvents: !0,
|
|
202
|
-
onCloseAutoFocus:
|
|
203
|
-
|
|
203
|
+
onCloseAutoFocus: S(t.onCloseAutoFocus, (s) => {
|
|
204
|
+
s.preventDefault(), o.triggerRef.current?.focus();
|
|
204
205
|
}),
|
|
205
|
-
onPointerDownOutside:
|
|
206
|
-
const
|
|
207
|
-
(
|
|
206
|
+
onPointerDownOutside: S(t.onPointerDownOutside, (s) => {
|
|
207
|
+
const u = s.detail.originalEvent, p = u.button === 0 && u.ctrlKey === !0;
|
|
208
|
+
(u.button === 2 || p) && s.preventDefault();
|
|
208
209
|
}),
|
|
209
|
-
onFocusOutside:
|
|
210
|
+
onFocusOutside: S(
|
|
210
211
|
t.onFocusOutside,
|
|
211
|
-
(
|
|
212
|
+
(s) => s.preventDefault()
|
|
212
213
|
)
|
|
213
214
|
}
|
|
214
215
|
);
|
|
215
216
|
}
|
|
216
|
-
),
|
|
217
|
+
), re = l.forwardRef(
|
|
217
218
|
(t, e) => {
|
|
218
|
-
const o = w(
|
|
219
|
+
const o = w(_, t.__scopeDialog), n = l.useRef(!1), i = l.useRef(!1);
|
|
219
220
|
return /* @__PURE__ */ r(
|
|
220
|
-
|
|
221
|
+
at,
|
|
221
222
|
{
|
|
222
223
|
...t,
|
|
223
224
|
ref: e,
|
|
224
225
|
trapFocus: !1,
|
|
225
226
|
disableOutsidePointerEvents: !1,
|
|
226
|
-
onCloseAutoFocus: (
|
|
227
|
-
t.onCloseAutoFocus?.(
|
|
227
|
+
onCloseAutoFocus: (s) => {
|
|
228
|
+
t.onCloseAutoFocus?.(s), s.defaultPrevented || (n.current || o.triggerRef.current?.focus(), s.preventDefault()), n.current = !1, i.current = !1;
|
|
228
229
|
},
|
|
229
|
-
onInteractOutside: (
|
|
230
|
-
t.onInteractOutside?.(
|
|
231
|
-
const
|
|
232
|
-
o.triggerRef.current?.contains(
|
|
230
|
+
onInteractOutside: (s) => {
|
|
231
|
+
t.onInteractOutside?.(s), s.defaultPrevented || (n.current = !0, s.detail.originalEvent.type === "pointerdown" && (i.current = !0));
|
|
232
|
+
const u = s.target;
|
|
233
|
+
o.triggerRef.current?.contains(u) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && i.current && s.preventDefault();
|
|
233
234
|
}
|
|
234
235
|
}
|
|
235
236
|
);
|
|
236
237
|
}
|
|
237
|
-
),
|
|
238
|
+
), at = l.forwardRef(
|
|
238
239
|
(t, e) => {
|
|
239
|
-
const { __scopeDialog: o, trapFocus:
|
|
240
|
-
return Lt(), /* @__PURE__ */
|
|
240
|
+
const { __scopeDialog: o, trapFocus: n, onOpenAutoFocus: i, onCloseAutoFocus: s, ...u } = t, p = w(_, o), h = l.useRef(null), f = z(e, h);
|
|
241
|
+
return Lt(), /* @__PURE__ */ a(O, { children: [
|
|
241
242
|
/* @__PURE__ */ r(
|
|
242
|
-
|
|
243
|
+
Gt,
|
|
243
244
|
{
|
|
244
245
|
asChild: !0,
|
|
245
246
|
loop: !0,
|
|
246
|
-
trapped:
|
|
247
|
-
onMountAutoFocus:
|
|
248
|
-
onUnmountAutoFocus:
|
|
247
|
+
trapped: n,
|
|
248
|
+
onMountAutoFocus: i,
|
|
249
|
+
onUnmountAutoFocus: s,
|
|
249
250
|
children: /* @__PURE__ */ r(
|
|
250
|
-
|
|
251
|
+
kt,
|
|
251
252
|
{
|
|
252
253
|
role: "dialog",
|
|
253
|
-
id:
|
|
254
|
-
"aria-describedby":
|
|
255
|
-
"aria-labelledby":
|
|
256
|
-
"data-state":
|
|
257
|
-
...
|
|
254
|
+
id: p.contentId,
|
|
255
|
+
"aria-describedby": p.descriptionId,
|
|
256
|
+
"aria-labelledby": p.titleId,
|
|
257
|
+
"data-state": B(p.open),
|
|
258
|
+
...u,
|
|
258
259
|
ref: f,
|
|
259
|
-
onDismiss: () =>
|
|
260
|
+
onDismiss: () => p.onOpenChange(!1)
|
|
260
261
|
}
|
|
261
262
|
)
|
|
262
263
|
}
|
|
263
264
|
),
|
|
264
|
-
/* @__PURE__ */
|
|
265
|
-
/* @__PURE__ */ r(
|
|
266
|
-
/* @__PURE__ */ r(ae, { contentRef:
|
|
265
|
+
/* @__PURE__ */ a(O, { children: [
|
|
266
|
+
/* @__PURE__ */ r(se, { titleId: p.titleId }),
|
|
267
|
+
/* @__PURE__ */ r(ae, { contentRef: h, descriptionId: p.descriptionId })
|
|
267
268
|
] })
|
|
268
269
|
] });
|
|
269
270
|
}
|
|
270
|
-
),
|
|
271
|
+
), W = "DialogTitle", ct = l.forwardRef(
|
|
271
272
|
(t, e) => {
|
|
272
|
-
const { __scopeDialog: o, ...
|
|
273
|
-
return /* @__PURE__ */ r(
|
|
273
|
+
const { __scopeDialog: o, ...n } = t, i = w(W, o);
|
|
274
|
+
return /* @__PURE__ */ r(D.h2, { id: i.titleId, ...n, ref: e });
|
|
274
275
|
}
|
|
275
276
|
);
|
|
276
|
-
ct.displayName =
|
|
277
|
-
var lt = "DialogDescription",
|
|
277
|
+
ct.displayName = W;
|
|
278
|
+
var lt = "DialogDescription", oe = l.forwardRef(
|
|
278
279
|
(t, e) => {
|
|
279
|
-
const { __scopeDialog: o, ...
|
|
280
|
-
return /* @__PURE__ */ r(
|
|
280
|
+
const { __scopeDialog: o, ...n } = t, i = w(lt, o);
|
|
281
|
+
return /* @__PURE__ */ r(D.p, { id: i.descriptionId, ...n, ref: e });
|
|
281
282
|
}
|
|
282
283
|
);
|
|
283
|
-
|
|
284
|
-
var ht = "DialogClose",
|
|
284
|
+
oe.displayName = lt;
|
|
285
|
+
var ht = "DialogClose", ne = l.forwardRef(
|
|
285
286
|
(t, e) => {
|
|
286
|
-
const { __scopeDialog: o, ...
|
|
287
|
+
const { __scopeDialog: o, ...n } = t, i = w(ht, o);
|
|
287
288
|
return /* @__PURE__ */ r(
|
|
288
|
-
|
|
289
|
+
D.button,
|
|
289
290
|
{
|
|
290
291
|
type: "button",
|
|
291
|
-
...
|
|
292
|
+
...n,
|
|
292
293
|
ref: e,
|
|
293
|
-
onClick:
|
|
294
|
+
onClick: S(t.onClick, () => i.onOpenChange(!1))
|
|
294
295
|
}
|
|
295
296
|
);
|
|
296
297
|
}
|
|
297
298
|
);
|
|
298
|
-
|
|
299
|
-
function
|
|
299
|
+
ne.displayName = ht;
|
|
300
|
+
function B(t) {
|
|
300
301
|
return t ? "open" : "closed";
|
|
301
302
|
}
|
|
302
|
-
var dt = "DialogTitleWarning", [
|
|
303
|
-
contentName:
|
|
304
|
-
titleName:
|
|
303
|
+
var dt = "DialogTitleWarning", [Cr, ut] = Tt(dt, {
|
|
304
|
+
contentName: _,
|
|
305
|
+
titleName: W,
|
|
305
306
|
docsSlug: "dialog"
|
|
306
|
-
}),
|
|
307
|
+
}), se = ({ titleId: t }) => {
|
|
307
308
|
const e = ut(dt), o = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
|
|
308
309
|
|
|
309
310
|
If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
@@ -312,124 +313,124 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
|
|
|
312
313
|
return l.useEffect(() => {
|
|
313
314
|
t && (document.getElementById(t) || console.error(o));
|
|
314
315
|
}, [o, t]), null;
|
|
315
|
-
},
|
|
316
|
-
const
|
|
316
|
+
}, ie = "DialogDescriptionWarning", ae = ({ contentRef: t, descriptionId: e }) => {
|
|
317
|
+
const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ut(ie).contentName}}.`;
|
|
317
318
|
return l.useEffect(() => {
|
|
318
|
-
const
|
|
319
|
-
e &&
|
|
320
|
-
}, [
|
|
321
|
-
},
|
|
319
|
+
const i = t.current?.getAttribute("aria-describedby");
|
|
320
|
+
e && i && (document.getElementById(e) || console.warn(n));
|
|
321
|
+
}, [n, t, e]), null;
|
|
322
|
+
}, ce = tt, le = rt, he = nt, de = st, ue = it, pe = ct, pt = {
|
|
322
323
|
color: void 0,
|
|
323
324
|
size: void 0,
|
|
324
325
|
className: void 0,
|
|
325
326
|
style: void 0,
|
|
326
327
|
attr: void 0
|
|
327
|
-
},
|
|
328
|
-
function
|
|
328
|
+
}, q = C.createContext && /* @__PURE__ */ C.createContext(pt), ge = ["attr", "size", "title"];
|
|
329
|
+
function me(t, e) {
|
|
329
330
|
if (t == null) return {};
|
|
330
|
-
var o =
|
|
331
|
+
var o = we(t, e), n, i;
|
|
331
332
|
if (Object.getOwnPropertySymbols) {
|
|
332
|
-
var
|
|
333
|
-
for (
|
|
334
|
-
|
|
333
|
+
var s = Object.getOwnPropertySymbols(t);
|
|
334
|
+
for (i = 0; i < s.length; i++)
|
|
335
|
+
n = s[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (o[n] = t[n]);
|
|
335
336
|
}
|
|
336
337
|
return o;
|
|
337
338
|
}
|
|
338
|
-
function
|
|
339
|
+
function we(t, e) {
|
|
339
340
|
if (t == null) return {};
|
|
340
341
|
var o = {};
|
|
341
|
-
for (var
|
|
342
|
-
if (Object.prototype.hasOwnProperty.call(t,
|
|
343
|
-
if (e.indexOf(
|
|
344
|
-
o[
|
|
342
|
+
for (var n in t)
|
|
343
|
+
if (Object.prototype.hasOwnProperty.call(t, n)) {
|
|
344
|
+
if (e.indexOf(n) >= 0) continue;
|
|
345
|
+
o[n] = t[n];
|
|
345
346
|
}
|
|
346
347
|
return o;
|
|
347
348
|
}
|
|
348
|
-
function
|
|
349
|
-
return
|
|
349
|
+
function I() {
|
|
350
|
+
return I = Object.assign ? Object.assign.bind() : function(t) {
|
|
350
351
|
for (var e = 1; e < arguments.length; e++) {
|
|
351
352
|
var o = arguments[e];
|
|
352
|
-
for (var
|
|
353
|
-
Object.prototype.hasOwnProperty.call(o,
|
|
353
|
+
for (var n in o)
|
|
354
|
+
Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
|
|
354
355
|
}
|
|
355
356
|
return t;
|
|
356
|
-
},
|
|
357
|
+
}, I.apply(this, arguments);
|
|
357
358
|
}
|
|
358
|
-
function
|
|
359
|
+
function Z(t, e) {
|
|
359
360
|
var o = Object.keys(t);
|
|
360
361
|
if (Object.getOwnPropertySymbols) {
|
|
361
|
-
var
|
|
362
|
-
e && (
|
|
363
|
-
return Object.getOwnPropertyDescriptor(t,
|
|
364
|
-
})), o.push.apply(o,
|
|
362
|
+
var n = Object.getOwnPropertySymbols(t);
|
|
363
|
+
e && (n = n.filter(function(i) {
|
|
364
|
+
return Object.getOwnPropertyDescriptor(t, i).enumerable;
|
|
365
|
+
})), o.push.apply(o, n);
|
|
365
366
|
}
|
|
366
367
|
return o;
|
|
367
368
|
}
|
|
368
|
-
function
|
|
369
|
+
function L(t) {
|
|
369
370
|
for (var e = 1; e < arguments.length; e++) {
|
|
370
371
|
var o = arguments[e] != null ? arguments[e] : {};
|
|
371
|
-
e % 2 ?
|
|
372
|
-
|
|
373
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) :
|
|
374
|
-
Object.defineProperty(t,
|
|
372
|
+
e % 2 ? Z(Object(o), !0).forEach(function(n) {
|
|
373
|
+
fe(t, n, o[n]);
|
|
374
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : Z(Object(o)).forEach(function(n) {
|
|
375
|
+
Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(o, n));
|
|
375
376
|
});
|
|
376
377
|
}
|
|
377
378
|
return t;
|
|
378
379
|
}
|
|
379
|
-
function
|
|
380
|
-
return e =
|
|
380
|
+
function fe(t, e, o) {
|
|
381
|
+
return e = ve(e), e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
|
|
381
382
|
}
|
|
382
|
-
function
|
|
383
|
-
var e =
|
|
383
|
+
function ve(t) {
|
|
384
|
+
var e = be(t, "string");
|
|
384
385
|
return typeof e == "symbol" ? e : e + "";
|
|
385
386
|
}
|
|
386
|
-
function
|
|
387
|
+
function be(t, e) {
|
|
387
388
|
if (typeof t != "object" || !t) return t;
|
|
388
389
|
var o = t[Symbol.toPrimitive];
|
|
389
390
|
if (o !== void 0) {
|
|
390
|
-
var
|
|
391
|
-
if (typeof
|
|
391
|
+
var n = o.call(t, e);
|
|
392
|
+
if (typeof n != "object") return n;
|
|
392
393
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
393
394
|
}
|
|
394
395
|
return (e === "string" ? String : Number)(t);
|
|
395
396
|
}
|
|
396
397
|
function gt(t) {
|
|
397
|
-
return t && t.map((e, o) => /* @__PURE__ */
|
|
398
|
+
return t && t.map((e, o) => /* @__PURE__ */ C.createElement(e.tag, L({
|
|
398
399
|
key: o
|
|
399
400
|
}, e.attr), gt(e.child)));
|
|
400
401
|
}
|
|
401
402
|
function y(t) {
|
|
402
|
-
return (e) => /* @__PURE__ */
|
|
403
|
-
attr:
|
|
403
|
+
return (e) => /* @__PURE__ */ C.createElement(ye, I({
|
|
404
|
+
attr: L({}, t.attr)
|
|
404
405
|
}, e), gt(t.child));
|
|
405
406
|
}
|
|
406
|
-
function
|
|
407
|
+
function ye(t) {
|
|
407
408
|
var e = (o) => {
|
|
408
409
|
var {
|
|
409
|
-
attr:
|
|
410
|
-
size:
|
|
411
|
-
title:
|
|
412
|
-
} = t,
|
|
413
|
-
return o.className && (
|
|
410
|
+
attr: n,
|
|
411
|
+
size: i,
|
|
412
|
+
title: s
|
|
413
|
+
} = t, u = me(t, ge), p = i || o.size || "1em", h;
|
|
414
|
+
return o.className && (h = o.className), t.className && (h = (h ? h + " " : "") + t.className), /* @__PURE__ */ C.createElement("svg", I({
|
|
414
415
|
stroke: "currentColor",
|
|
415
416
|
fill: "currentColor",
|
|
416
417
|
strokeWidth: "0"
|
|
417
|
-
}, o.attr,
|
|
418
|
-
className:
|
|
419
|
-
style:
|
|
418
|
+
}, o.attr, n, u, {
|
|
419
|
+
className: h,
|
|
420
|
+
style: L(L({
|
|
420
421
|
color: t.color || o.color
|
|
421
422
|
}, o.style), t.style),
|
|
422
|
-
height:
|
|
423
|
-
width:
|
|
423
|
+
height: p,
|
|
424
|
+
width: p,
|
|
424
425
|
xmlns: "http://www.w3.org/2000/svg"
|
|
425
|
-
}),
|
|
426
|
+
}), s && /* @__PURE__ */ C.createElement("title", null, s), t.children);
|
|
426
427
|
};
|
|
427
|
-
return
|
|
428
|
+
return q !== void 0 ? /* @__PURE__ */ C.createElement(q.Consumer, null, (o) => e(o)) : e(pt);
|
|
428
429
|
}
|
|
429
430
|
function mt(t) {
|
|
430
431
|
return y({ attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" }, child: [] }] })(t);
|
|
431
432
|
}
|
|
432
|
-
function
|
|
433
|
+
function Ce(t) {
|
|
433
434
|
return y({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" }, child: [] }] })(t);
|
|
434
435
|
}
|
|
435
436
|
function wt(t) {
|
|
@@ -438,7 +439,7 @@ function wt(t) {
|
|
|
438
439
|
function _e(t) {
|
|
439
440
|
return y({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" }, child: [] }] })(t);
|
|
440
441
|
}
|
|
441
|
-
function
|
|
442
|
+
function xe(t) {
|
|
442
443
|
return y({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" }, child: [] }] })(t);
|
|
443
444
|
}
|
|
444
445
|
function ft(t) {
|
|
@@ -450,42 +451,45 @@ function vt(t) {
|
|
|
450
451
|
function De(t) {
|
|
451
452
|
return y({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" }, child: [] }] })(t);
|
|
452
453
|
}
|
|
453
|
-
const Ne = "
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
error:
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
454
|
+
const Ne = "wUsx_G_bottom", Pe = "wUsx_G_bottomLinks", Oe = "wUsx_G_discord", Se = "wUsx_G_discordAvatars", Ee = "wUsx_G_discordAvatarStatus", Me = "wUsx_G_discordContent", Ae = "wUsx_G_discordJoin", Re = "wUsx_G_discordMembers", Ie = "wUsx_G_discordPlus", Le = "wUsx_G_error", Ge = "wUsx_G_footer", ke = "wUsx_G_help", Te = "wUsx_G_helpBall", je = "wUsx_G_helpContent", ze = "wUsx_G_helpItem", Fe = "wUsx_G_helpWays", Ue = "wUsx_G_highcharts", We = "wUsx_G_links", Be = "wUsx_G_logo", He = "wUsx_G_newsletter", Ve = "wUsx_G_newsletterContent", $e = "wUsx_G_newsletterError", Je = "wUsx_G_norway", Ye = "wUsx_G_notCharts", qe = "wUsx_G_online", Ze = "wUsx_G_socials", Ke = "wUsx_G_success", Xe = "wUsx_G_tabletBottomLeft", Qe = "wUsx_G_tagged", tr = "wUsx_G_top", er = "wUsx_G_youtube", rr = "wUsx_G_youtubeContent", or = "wUsx_G_youtubeOverlay", c = {
|
|
455
|
+
bottom: Ne,
|
|
456
|
+
bottomLinks: Pe,
|
|
457
|
+
discord: Oe,
|
|
458
|
+
discordAvatars: Se,
|
|
459
|
+
discordAvatarStatus: Ee,
|
|
460
|
+
discordContent: Me,
|
|
461
|
+
discordJoin: Ae,
|
|
462
|
+
discordMembers: Re,
|
|
463
|
+
discordPlus: Ie,
|
|
464
|
+
error: Le,
|
|
465
|
+
footer: Ge,
|
|
466
|
+
help: ke,
|
|
467
|
+
helpBall: Te,
|
|
468
|
+
helpContent: je,
|
|
469
|
+
helpItem: ze,
|
|
470
|
+
helpWays: Fe,
|
|
471
|
+
highcharts: Ue,
|
|
472
|
+
links: We,
|
|
473
|
+
logo: Be,
|
|
474
|
+
newsletter: He,
|
|
475
|
+
newsletterContent: Ve,
|
|
476
|
+
newsletterError: $e,
|
|
477
|
+
norway: Je,
|
|
478
|
+
notCharts: Ye,
|
|
479
|
+
online: qe,
|
|
480
|
+
socials: Ze,
|
|
481
|
+
success: Ke,
|
|
482
|
+
tabletBottomLeft: Xe,
|
|
483
|
+
tagged: Qe,
|
|
484
|
+
top: tr,
|
|
485
|
+
youtube: er,
|
|
486
|
+
youtubeContent: rr,
|
|
487
|
+
youtubeOverlay: or
|
|
484
488
|
};
|
|
485
|
-
function
|
|
489
|
+
function A(t, e) {
|
|
486
490
|
return e ? t.replace(e, "") : t;
|
|
487
491
|
}
|
|
488
|
-
const
|
|
492
|
+
const nr = [
|
|
489
493
|
{
|
|
490
494
|
icon: /* @__PURE__ */ r(Jt, {}),
|
|
491
495
|
subtitle: "Ask tech and sales questions with",
|
|
@@ -510,7 +514,7 @@ const tr = [
|
|
|
510
514
|
title: "Licensing Options",
|
|
511
515
|
url: "https://shop.highcharts.com/contact"
|
|
512
516
|
}
|
|
513
|
-
],
|
|
517
|
+
], sr = {
|
|
514
518
|
Products: [
|
|
515
519
|
{
|
|
516
520
|
title: "Core",
|
|
@@ -542,19 +546,31 @@ const tr = [
|
|
|
542
546
|
}
|
|
543
547
|
],
|
|
544
548
|
Integrations: [
|
|
549
|
+
{
|
|
550
|
+
title: "React",
|
|
551
|
+
url: "https://www.highcharts.com/integrations/react/"
|
|
552
|
+
},
|
|
553
|
+
{
|
|
554
|
+
title: "TypeScript",
|
|
555
|
+
url: "https://www.highcharts.com/integrations/typescript/"
|
|
556
|
+
},
|
|
545
557
|
{
|
|
546
558
|
title: "Angular",
|
|
547
559
|
url: "https://www.highcharts.com/integrations/angular/"
|
|
548
560
|
},
|
|
549
561
|
{
|
|
550
|
-
title: "
|
|
551
|
-
url: "https://www.highcharts.com/integrations/
|
|
552
|
-
tag: "New"
|
|
562
|
+
title: "Vue",
|
|
563
|
+
url: "https://www.highcharts.com/integrations/vue/"
|
|
553
564
|
},
|
|
554
565
|
{
|
|
555
566
|
title: "JavaScript",
|
|
556
567
|
url: "https://www.highcharts.com/integrations/javascript/"
|
|
557
568
|
},
|
|
569
|
+
{
|
|
570
|
+
title: "Flutter",
|
|
571
|
+
url: "https://www.highcharts.com/integrations/flutter/",
|
|
572
|
+
tag: "New"
|
|
573
|
+
},
|
|
558
574
|
{
|
|
559
575
|
title: "Node.js",
|
|
560
576
|
url: "https://www.highcharts.com/integrations/node/"
|
|
@@ -563,21 +579,9 @@ const tr = [
|
|
|
563
579
|
title: "Python",
|
|
564
580
|
url: "https://www.highcharts.com/integrations/python/"
|
|
565
581
|
},
|
|
566
|
-
{
|
|
567
|
-
title: "React",
|
|
568
|
-
url: "https://www.highcharts.com/integrations/react/"
|
|
569
|
-
},
|
|
570
582
|
{
|
|
571
583
|
title: "Svelte",
|
|
572
584
|
url: "https://www.highcharts.com/integrations/svelte/"
|
|
573
|
-
},
|
|
574
|
-
{
|
|
575
|
-
title: "TypeScript",
|
|
576
|
-
url: "https://www.highcharts.com/integrations/typescript/"
|
|
577
|
-
},
|
|
578
|
-
{
|
|
579
|
-
title: "Vue",
|
|
580
|
-
url: "https://www.highcharts.com/integrations/vue/"
|
|
581
585
|
}
|
|
582
586
|
],
|
|
583
587
|
Documentation: [
|
|
@@ -729,7 +733,7 @@ const tr = [
|
|
|
729
733
|
url: "https://www.highcharts.com/chat/gpt/"
|
|
730
734
|
}
|
|
731
735
|
]
|
|
732
|
-
},
|
|
736
|
+
}, ir = [
|
|
733
737
|
{
|
|
734
738
|
icon: /* @__PURE__ */ r(ft, {}),
|
|
735
739
|
url: "https://stackoverflow.com/questions/tagged/highcharts",
|
|
@@ -746,7 +750,7 @@ const tr = [
|
|
|
746
750
|
label: "X"
|
|
747
751
|
},
|
|
748
752
|
{
|
|
749
|
-
icon: /* @__PURE__ */ r(
|
|
753
|
+
icon: /* @__PURE__ */ r(Ce, {}),
|
|
750
754
|
url: "https://www.facebook.com/Highcharts",
|
|
751
755
|
label: "Facebook"
|
|
752
756
|
},
|
|
@@ -756,7 +760,7 @@ const tr = [
|
|
|
756
760
|
label: "Instagram"
|
|
757
761
|
},
|
|
758
762
|
{
|
|
759
|
-
icon: /* @__PURE__ */ r(
|
|
763
|
+
icon: /* @__PURE__ */ r(xe, {}),
|
|
760
764
|
url: "https://www.linkedin.com/company/highsoft",
|
|
761
765
|
label: "LinkedIn"
|
|
762
766
|
},
|
|
@@ -771,20 +775,20 @@ const tr = [
|
|
|
771
775
|
label: "Youtube"
|
|
772
776
|
}
|
|
773
777
|
];
|
|
774
|
-
function
|
|
775
|
-
const [t, e] =
|
|
776
|
-
return /* @__PURE__ */
|
|
778
|
+
function ar() {
|
|
779
|
+
const [t, e] = Bt(), o = "npm install highcharts --save";
|
|
780
|
+
return /* @__PURE__ */ a(K, { variant: "neutral", onClick: () => t(o), children: [
|
|
777
781
|
o,
|
|
778
|
-
e ? /* @__PURE__ */ r(
|
|
782
|
+
e ? /* @__PURE__ */ r(jt, {}) : /* @__PURE__ */ r(Ht, {})
|
|
779
783
|
] });
|
|
780
784
|
}
|
|
781
|
-
function
|
|
785
|
+
function _r({
|
|
782
786
|
link: t = "a",
|
|
783
787
|
host: e = "https://www.highcharts.com"
|
|
784
788
|
}) {
|
|
785
|
-
const o =
|
|
786
|
-
|
|
787
|
-
if (
|
|
789
|
+
const o = $(null), n = $(null), [i, s] = P(!1), [u, p] = P(!1), [h, f] = P(""), [x, T] = P(0), [bt, yt] = P(), Ct = J("(max-width: 849px)"), _t = J("(min-width: 850px) and (max-width: 999px)");
|
|
790
|
+
Pt(() => {
|
|
791
|
+
if (n.current) {
|
|
788
792
|
const g = async () => {
|
|
789
793
|
try {
|
|
790
794
|
return (await (await fetch(
|
|
@@ -805,21 +809,21 @@ function fr({
|
|
|
805
809
|
async (v) => {
|
|
806
810
|
if (v[0].isIntersecting) {
|
|
807
811
|
m.disconnect();
|
|
808
|
-
const [b,
|
|
812
|
+
const [b, N] = await Promise.all([
|
|
809
813
|
g(),
|
|
810
814
|
d()
|
|
811
815
|
]);
|
|
812
|
-
T(b), yt(
|
|
816
|
+
T(b), yt(N);
|
|
813
817
|
}
|
|
814
818
|
},
|
|
815
819
|
{ rootMargin: "100px" }
|
|
816
820
|
);
|
|
817
|
-
return m.observe(
|
|
821
|
+
return m.observe(n.current), () => m.disconnect();
|
|
818
822
|
}
|
|
819
|
-
}, [
|
|
820
|
-
const
|
|
821
|
-
|
|
822
|
-
},
|
|
823
|
+
}, [n.current]);
|
|
824
|
+
const E = !!h && h !== "Something went wrong", xt = (g) => {
|
|
825
|
+
E ? Y(g.target.value) && f("") : h && f("");
|
|
826
|
+
}, Dt = async (g) => {
|
|
823
827
|
g.preventDefault();
|
|
824
828
|
const d = o.current;
|
|
825
829
|
if (d) {
|
|
@@ -827,15 +831,15 @@ function fr({
|
|
|
827
831
|
d.value = "", d.focus();
|
|
828
832
|
return;
|
|
829
833
|
}
|
|
830
|
-
if (
|
|
831
|
-
|
|
834
|
+
if (E) {
|
|
835
|
+
E && d.focus();
|
|
832
836
|
return;
|
|
833
837
|
}
|
|
834
|
-
if (!
|
|
838
|
+
if (!Y(d.value)) {
|
|
835
839
|
f("Check the email format and try again"), d.focus();
|
|
836
840
|
return;
|
|
837
841
|
}
|
|
838
|
-
f(""),
|
|
842
|
+
f(""), s(!0);
|
|
839
843
|
try {
|
|
840
844
|
(await fetch(
|
|
841
845
|
"https://hc-dev.highcharts.com/wp-json/activecampaign/v1/newsletter-signup",
|
|
@@ -846,53 +850,53 @@ function fr({
|
|
|
846
850
|
},
|
|
847
851
|
body: JSON.stringify({ email: d.value })
|
|
848
852
|
}
|
|
849
|
-
)).ok ?
|
|
853
|
+
)).ok ? p(!0) : f("Something went wrong");
|
|
850
854
|
} catch {
|
|
851
855
|
f("Something went wrong");
|
|
852
856
|
} finally {
|
|
853
|
-
|
|
857
|
+
s(!1);
|
|
854
858
|
}
|
|
855
859
|
}
|
|
856
|
-
},
|
|
857
|
-
/* @__PURE__ */
|
|
860
|
+
}, H = /* @__PURE__ */ a(O, { children: [
|
|
861
|
+
/* @__PURE__ */ a("span", { children: [
|
|
858
862
|
"© ",
|
|
859
863
|
(/* @__PURE__ */ new Date()).getFullYear(),
|
|
860
864
|
" Highsoft. All rights reserved."
|
|
861
865
|
] }),
|
|
862
|
-
/* @__PURE__ */
|
|
866
|
+
/* @__PURE__ */ a("div", { className: c.bottomLinks, children: [
|
|
863
867
|
/* @__PURE__ */ r(t, { href: "#", children: "Privacy & Legal Policies" }),
|
|
864
868
|
/* @__PURE__ */ r(t, { href: "#", children: "Accessibility Statement" }),
|
|
865
869
|
/* @__PURE__ */ r(t, { href: "#", children: "Sitemap" })
|
|
866
870
|
] })
|
|
867
|
-
] }),
|
|
868
|
-
return /* @__PURE__ */
|
|
869
|
-
/* @__PURE__ */
|
|
870
|
-
/* @__PURE__ */
|
|
871
|
+
] }), V = /* @__PURE__ */ r("ul", { className: c.socials, children: ir.map(({ icon: g, url: d, label: m }, v) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", { href: d, "aria-label": m, children: g }) }, v)) });
|
|
872
|
+
return /* @__PURE__ */ a(zt, { as: "footer", className: c.footer, children: [
|
|
873
|
+
/* @__PURE__ */ a("div", { className: c.top, children: [
|
|
874
|
+
/* @__PURE__ */ a("div", { className: c.highcharts, children: [
|
|
871
875
|
/* @__PURE__ */ r(
|
|
872
876
|
t,
|
|
873
877
|
{
|
|
874
878
|
className: c.logo,
|
|
875
|
-
href:
|
|
876
|
-
children: /* @__PURE__ */ r(
|
|
879
|
+
href: A("https://www.highcharts.com/", e),
|
|
880
|
+
children: /* @__PURE__ */ r(Ft, {})
|
|
877
881
|
}
|
|
878
882
|
),
|
|
879
883
|
/* @__PURE__ */ r("p", { children: "We make it easy for developers to create charts and dashboards for web and mobile platforms." }),
|
|
880
|
-
/* @__PURE__ */ r(
|
|
884
|
+
/* @__PURE__ */ r(ar, {})
|
|
881
885
|
] }),
|
|
882
|
-
/* @__PURE__ */
|
|
883
|
-
/* @__PURE__ */ r(
|
|
886
|
+
/* @__PURE__ */ a(ce, { children: [
|
|
887
|
+
/* @__PURE__ */ r(le, { asChild: !0, children: /* @__PURE__ */ a("button", { className: c.youtube, children: [
|
|
884
888
|
/* @__PURE__ */ r(vt, {}),
|
|
885
889
|
/* @__PURE__ */ r("p", { children: "Meet the team behind the charts" })
|
|
886
890
|
] }) }),
|
|
887
|
-
/* @__PURE__ */
|
|
888
|
-
/* @__PURE__ */ r(
|
|
889
|
-
/* @__PURE__ */
|
|
890
|
-
|
|
891
|
+
/* @__PURE__ */ a(he, { children: [
|
|
892
|
+
/* @__PURE__ */ r(de, { className: c.youtubeOverlay }),
|
|
893
|
+
/* @__PURE__ */ a(
|
|
894
|
+
ue,
|
|
891
895
|
{
|
|
892
896
|
className: c.youtubeContent,
|
|
893
897
|
"aria-describedby": void 0,
|
|
894
898
|
children: [
|
|
895
|
-
/* @__PURE__ */ r(
|
|
899
|
+
/* @__PURE__ */ r(Zt, { asChild: !0, children: /* @__PURE__ */ r(pe, { children: "Video: Meet the team behind the charts" }) }),
|
|
896
900
|
/* @__PURE__ */ r(
|
|
897
901
|
"iframe",
|
|
898
902
|
{
|
|
@@ -908,69 +912,97 @@ function fr({
|
|
|
908
912
|
)
|
|
909
913
|
] })
|
|
910
914
|
] }),
|
|
911
|
-
/* @__PURE__ */
|
|
912
|
-
/* @__PURE__ */
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
{
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
}
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
915
|
+
/* @__PURE__ */ a("div", { className: c.notCharts, children: [
|
|
916
|
+
/* @__PURE__ */ a(
|
|
917
|
+
"div",
|
|
918
|
+
{
|
|
919
|
+
className: M(c.newsletter, {
|
|
920
|
+
[c.success]: u
|
|
921
|
+
}),
|
|
922
|
+
"data-theme": u && "light",
|
|
923
|
+
children: [
|
|
924
|
+
/* @__PURE__ */ a("h2", { children: [
|
|
925
|
+
/* @__PURE__ */ r(Ot, {}),
|
|
926
|
+
"Stay in the Loop"
|
|
927
|
+
] }),
|
|
928
|
+
u ? /* @__PURE__ */ a("div", { className: c.newsletterContent, children: [
|
|
929
|
+
/* @__PURE__ */ r(Vt, {}),
|
|
930
|
+
"Check your inbox and confirm your email to finish signing up."
|
|
931
|
+
] }) : /* @__PURE__ */ a("form", { onSubmit: Dt, children: [
|
|
932
|
+
/* @__PURE__ */ r(
|
|
933
|
+
"input",
|
|
934
|
+
{
|
|
935
|
+
className: M({ [c.error]: h }),
|
|
936
|
+
placeholder: "Email address",
|
|
937
|
+
"aria-invalid": E,
|
|
938
|
+
onChange: xt,
|
|
939
|
+
ref: o
|
|
940
|
+
}
|
|
941
|
+
),
|
|
942
|
+
/* @__PURE__ */ r(
|
|
943
|
+
K,
|
|
944
|
+
{
|
|
945
|
+
variant: h ? "danger" : "brand",
|
|
946
|
+
loading: i,
|
|
947
|
+
children: "Sign up"
|
|
948
|
+
}
|
|
949
|
+
),
|
|
950
|
+
h && /* @__PURE__ */ a("div", { className: c.newsletterError, children: [
|
|
951
|
+
h,
|
|
952
|
+
/* @__PURE__ */ r(
|
|
953
|
+
"svg",
|
|
954
|
+
{
|
|
955
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
956
|
+
width: "13",
|
|
957
|
+
height: "7",
|
|
958
|
+
viewBox: "0 0 13 7",
|
|
959
|
+
fill: "none",
|
|
960
|
+
children: /* @__PURE__ */ r(
|
|
961
|
+
"path",
|
|
962
|
+
{
|
|
963
|
+
d: "M12.5 0H0L4.58809 4.97043C5.35857 5.80512 6.66869 5.83131 7.47191 5.02809L12.5 0Z",
|
|
964
|
+
fill: "black"
|
|
965
|
+
}
|
|
966
|
+
)
|
|
967
|
+
}
|
|
968
|
+
)
|
|
969
|
+
] })
|
|
970
|
+
] }),
|
|
971
|
+
/* @__PURE__ */ a("p", { children: [
|
|
972
|
+
"By signing up, you agree to the",
|
|
973
|
+
" ",
|
|
974
|
+
/* @__PURE__ */ r(t, { href: A("https://www.highcharts.com/", e), children: "Privacy Policy" })
|
|
975
|
+
] })
|
|
976
|
+
]
|
|
977
|
+
}
|
|
978
|
+
),
|
|
979
|
+
/* @__PURE__ */ a(
|
|
948
980
|
"a",
|
|
949
981
|
{
|
|
950
982
|
className: c.discord,
|
|
951
983
|
href: "https://discord.com/invite/xHxxcyyy6K",
|
|
952
|
-
ref:
|
|
984
|
+
ref: n,
|
|
953
985
|
children: [
|
|
954
|
-
/* @__PURE__ */
|
|
986
|
+
/* @__PURE__ */ a("h2", { children: [
|
|
955
987
|
/* @__PURE__ */ r(mt, {}),
|
|
956
988
|
"Discord ",
|
|
957
989
|
/* @__PURE__ */ r("span", { children: "/ Total" })
|
|
958
990
|
] }),
|
|
959
|
-
/* @__PURE__ */
|
|
991
|
+
/* @__PURE__ */ a("p", { className: c.discordContent, children: [
|
|
960
992
|
/* @__PURE__ */ r("span", { className: c.discordJoin, children: "Join us" }),
|
|
961
993
|
" ",
|
|
962
|
-
!!
|
|
963
|
-
|
|
994
|
+
!!x && /* @__PURE__ */ a("span", { className: c.discordMembers, children: [
|
|
995
|
+
x,
|
|
964
996
|
" members"
|
|
965
997
|
] })
|
|
966
998
|
] }),
|
|
967
|
-
/* @__PURE__ */
|
|
968
|
-
bt?.members.slice(0, 5).map(({ status: g, avatar_url: d }, m) => /* @__PURE__ */
|
|
999
|
+
/* @__PURE__ */ a("ul", { className: c.discordAvatars, children: [
|
|
1000
|
+
bt?.members.slice(0, 5).map(({ status: g, avatar_url: d }, m) => /* @__PURE__ */ a("li", { children: [
|
|
969
1001
|
/* @__PURE__ */ r("img", { src: d }),
|
|
970
1002
|
/* @__PURE__ */ r(
|
|
971
1003
|
"span",
|
|
972
1004
|
{
|
|
973
|
-
className:
|
|
1005
|
+
className: M(c.discordAvatarStatus, {
|
|
974
1006
|
[c.online]: g === "online"
|
|
975
1007
|
})
|
|
976
1008
|
}
|
|
@@ -983,23 +1015,23 @@ function fr({
|
|
|
983
1015
|
)
|
|
984
1016
|
] })
|
|
985
1017
|
] }),
|
|
986
|
-
/* @__PURE__ */
|
|
987
|
-
/* @__PURE__ */
|
|
1018
|
+
/* @__PURE__ */ a("div", { className: c.help, children: [
|
|
1019
|
+
/* @__PURE__ */ a("div", { className: c.helpWays, children: [
|
|
988
1020
|
/* @__PURE__ */ r("span", { children: "Ways to get help" }),
|
|
989
|
-
/* @__PURE__ */
|
|
1021
|
+
/* @__PURE__ */ a("p", { children: [
|
|
990
1022
|
"We operate in CET",
|
|
991
|
-
|
|
1023
|
+
Ct ? " " : /* @__PURE__ */ r("br", {}),
|
|
992
1024
|
"Monday - Friday"
|
|
993
1025
|
] })
|
|
994
1026
|
] }),
|
|
995
|
-
|
|
1027
|
+
nr.map(({ icon: g, subtitle: d, title: m, url: v }, b) => /* @__PURE__ */ a(
|
|
996
1028
|
t,
|
|
997
1029
|
{
|
|
998
|
-
href:
|
|
1030
|
+
href: A(v, e),
|
|
999
1031
|
className: c.helpItem,
|
|
1000
1032
|
children: [
|
|
1001
1033
|
/* @__PURE__ */ r("div", { className: c.helpBall, children: g }),
|
|
1002
|
-
/* @__PURE__ */
|
|
1034
|
+
/* @__PURE__ */ a("div", { className: c.helpContent, children: [
|
|
1003
1035
|
/* @__PURE__ */ r("span", { children: d }),
|
|
1004
1036
|
/* @__PURE__ */ r("span", { children: m })
|
|
1005
1037
|
] })
|
|
@@ -1008,38 +1040,32 @@ function fr({
|
|
|
1008
1040
|
b
|
|
1009
1041
|
))
|
|
1010
1042
|
] }),
|
|
1011
|
-
/* @__PURE__ */
|
|
1012
|
-
Object.entries(
|
|
1043
|
+
/* @__PURE__ */ a("div", { className: c.links, children: [
|
|
1044
|
+
Object.entries(sr).map(([g, d], m) => /* @__PURE__ */ a("div", { children: [
|
|
1013
1045
|
/* @__PURE__ */ r("h2", { children: g }),
|
|
1014
|
-
/* @__PURE__ */ r("ul", { children: d.map(({ title: v, url: b, tag:
|
|
1046
|
+
/* @__PURE__ */ r("ul", { children: d.map(({ title: v, url: b, tag: N }, Nt) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ a(
|
|
1015
1047
|
t,
|
|
1016
1048
|
{
|
|
1017
|
-
href:
|
|
1018
|
-
className:
|
|
1049
|
+
href: A(b, e),
|
|
1050
|
+
className: M({ [c.tagged]: N }),
|
|
1019
1051
|
children: [
|
|
1020
|
-
|
|
1021
|
-
|
|
1052
|
+
N ? /* @__PURE__ */ r("span", { children: v }) : v,
|
|
1053
|
+
N && /* @__PURE__ */ r(Ut, { variant: "brand", icon: !1, border: !0 })
|
|
1022
1054
|
]
|
|
1023
1055
|
}
|
|
1024
|
-
) },
|
|
1056
|
+
) }, Nt)) })
|
|
1025
1057
|
] }, m)),
|
|
1026
|
-
/* @__PURE__ */ r("div", { className: c.norway, children: /* @__PURE__ */ r(
|
|
1027
|
-
"img",
|
|
1028
|
-
{
|
|
1029
|
-
src: "https://businessnorway.com/images/made-in-norway-logo.png",
|
|
1030
|
-
alt: "Made in Norway"
|
|
1031
|
-
}
|
|
1032
|
-
) })
|
|
1058
|
+
/* @__PURE__ */ r("div", { className: c.norway, children: /* @__PURE__ */ r(Wt, {}) })
|
|
1033
1059
|
] }),
|
|
1034
|
-
/* @__PURE__ */ r("div", { className: c.bottom, children:
|
|
1035
|
-
/* @__PURE__ */ r("div", { className: c.tabletBottomLeft, children:
|
|
1036
|
-
|
|
1037
|
-
] }) : /* @__PURE__ */
|
|
1038
|
-
|
|
1039
|
-
|
|
1060
|
+
/* @__PURE__ */ r("div", { className: c.bottom, children: _t ? /* @__PURE__ */ a(O, { children: [
|
|
1061
|
+
/* @__PURE__ */ r("div", { className: c.tabletBottomLeft, children: H }),
|
|
1062
|
+
V
|
|
1063
|
+
] }) : /* @__PURE__ */ a(O, { children: [
|
|
1064
|
+
H,
|
|
1065
|
+
V
|
|
1040
1066
|
] }) })
|
|
1041
1067
|
] });
|
|
1042
1068
|
}
|
|
1043
1069
|
export {
|
|
1044
|
-
|
|
1070
|
+
_r as Footer
|
|
1045
1071
|
};
|