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.
@@ -1,17 +1,18 @@
1
- import { jsx as r, jsxs as s, Fragment as N } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as a, Fragment as O } from "react/jsx-runtime";
2
2
  import * as l from "react";
3
- import _, { useRef as J, useState as S, useEffect as Ot } from "react";
4
- import { A as St } from "../../Announcement03-obPaH4LK.js";
5
- import { P, d as xt, c as Mt, e as j, a as F, f as x, g as W, h as Et, R as At, j as Rt, i as It, k as Lt, F as kt, D as Tt, l as jt, C as zt } from "../../index-CM3YgRXK.js";
6
- import { _ as L } from "../../extends-hS2Bh-Yp.js";
7
- import { c as z } from "../../clsx-OuTLNxxd.js";
8
- import { Button as X } from "../Button/index.js";
9
- import { Container as Ft } from "../Container/index.js";
10
- import { ThemedLogo as Wt } from "../Logo/index.js";
11
- import { NewTag as Bt } from "../NewTag/index.js";
12
- import { a as Y, c as Ht, v as q } from "../../utils-C7rfowvr.js";
13
- var Vt = function(e) {
14
- return /* @__PURE__ */ r("svg", L({
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: "m7.5 12 3 3 6-6m5.5 3c0 5.5228-4.4772 10-10 10S2 17.5228 2 12 6.4772 2 12 2s10 4.4772 10 10"
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
- }, Gt = function(e) {
30
- return /* @__PURE__ */ r("svg", L({
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: "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"
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", L({
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", L({
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", Z = l.forwardRef(
90
+ }), qt = "VisuallyHidden", X = l.forwardRef(
90
91
  (t, e) => /* @__PURE__ */ r(
91
- P.span,
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
- Z.displayName = qt;
100
- var Ut = Z, k = "Dialog", [Q, mr] = Mt(k), [Kt, w] = Q(k), tt = (t) => {
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: i,
105
- defaultOpen: a,
106
- onOpenChange: n,
107
- modal: h = !0
108
- } = t, u = l.useRef(null), p = l.useRef(null), [f, D] = xt({
109
- prop: i,
110
- defaultProp: a ?? !1,
111
- onChange: n,
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: u,
119
- contentRef: p,
119
+ triggerRef: p,
120
+ contentRef: h,
120
121
  contentId: j(),
121
122
  titleId: j(),
122
123
  descriptionId: j(),
123
124
  open: f,
124
- onOpenChange: D,
125
- onOpenToggle: l.useCallback(() => D((T) => !T), [D]),
126
- modal: h,
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, ...i } = t, a = w(et, o), n = F(e, a.triggerRef);
135
+ const { __scopeDialog: o, ...n } = t, i = w(et, o), s = z(e, i.triggerRef);
135
136
  return /* @__PURE__ */ r(
136
- P.button,
137
+ D.button,
137
138
  {
138
139
  type: "button",
139
140
  "aria-haspopup": "dialog",
140
- "aria-expanded": a.open,
141
- "aria-controls": a.contentId,
142
- "data-state": V(a.open),
143
- ...i,
144
- ref: n,
145
- onClick: x(t.onClick, a.onOpenToggle)
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 B = "DialogPortal", [Xt, ot] = Q(B, {
152
+ var U = "DialogPortal", [Xt, ot] = Q(U, {
152
153
  forceMount: void 0
153
- }), it = (t) => {
154
- const { __scopeDialog: e, forceMount: o, children: i, container: a } = t, n = w(B, e);
155
- return /* @__PURE__ */ r(Xt, { scope: e, forceMount: o, children: l.Children.map(i, (h) => /* @__PURE__ */ r(W, { present: o || n.open, children: /* @__PURE__ */ r(Et, { asChild: !0, container: a, children: h }) })) });
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
- it.displayName = B;
158
- var A = "DialogOverlay", nt = l.forwardRef(
158
+ nt.displayName = U;
159
+ var R = "DialogOverlay", st = l.forwardRef(
159
160
  (t, e) => {
160
- const o = ot(A, t.__scopeDialog), { forceMount: i = o.forceMount, ...a } = t, n = w(A, t.__scopeDialog);
161
- return n.modal ? /* @__PURE__ */ r(W, { present: i || n.open, children: /* @__PURE__ */ r(Qt, { ...a, ref: e }) }) : null;
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
- nt.displayName = A;
165
- var Zt = Rt("DialogOverlay.RemoveScroll"), Qt = l.forwardRef(
165
+ st.displayName = R;
166
+ var Qt = Rt("DialogOverlay.RemoveScroll"), te = l.forwardRef(
166
167
  (t, e) => {
167
- const { __scopeDialog: o, ...i } = t, a = w(A, 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: Zt, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ r(
172
- P.div,
172
+ /* @__PURE__ */ r(At, { as: Qt, allowPinchZoom: !0, shards: [i.contentRef], children: /* @__PURE__ */ r(
173
+ D.div,
173
174
  {
174
- "data-state": V(a.open),
175
- ...i,
175
+ "data-state": B(i.open),
176
+ ...n,
176
177
  ref: e,
177
- style: { pointerEvents: "auto", ...i.style }
178
+ style: { pointerEvents: "auto", ...n.style }
178
179
  }
179
180
  ) })
180
181
  );
181
182
  }
182
- ), C = "DialogContent", at = l.forwardRef(
183
+ ), _ = "DialogContent", it = l.forwardRef(
183
184
  (t, e) => {
184
- const o = ot(C, t.__scopeDialog), { forceMount: i = o.forceMount, ...a } = t, n = w(C, t.__scopeDialog);
185
- return /* @__PURE__ */ r(W, { present: i || n.open, children: n.modal ? /* @__PURE__ */ r(te, { ...a, ref: e }) : /* @__PURE__ */ r(ee, { ...a, ref: e }) });
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
- at.displayName = C;
189
- var te = l.forwardRef(
189
+ it.displayName = _;
190
+ var ee = l.forwardRef(
190
191
  (t, e) => {
191
- const o = w(C, t.__scopeDialog), i = l.useRef(null), a = F(e, o.contentRef, i);
192
+ const o = w(_, t.__scopeDialog), n = l.useRef(null), i = z(e, o.contentRef, n);
192
193
  return l.useEffect(() => {
193
- const n = i.current;
194
- if (n) return It(n);
194
+ const s = n.current;
195
+ if (s) return It(s);
195
196
  }, []), /* @__PURE__ */ r(
196
- st,
197
+ at,
197
198
  {
198
199
  ...t,
199
- ref: a,
200
+ ref: i,
200
201
  trapFocus: o.open,
201
202
  disableOutsidePointerEvents: !0,
202
- onCloseAutoFocus: x(t.onCloseAutoFocus, (n) => {
203
- n.preventDefault(), o.triggerRef.current?.focus();
203
+ onCloseAutoFocus: S(t.onCloseAutoFocus, (s) => {
204
+ s.preventDefault(), o.triggerRef.current?.focus();
204
205
  }),
205
- onPointerDownOutside: x(t.onPointerDownOutside, (n) => {
206
- const h = n.detail.originalEvent, u = h.button === 0 && h.ctrlKey === !0;
207
- (h.button === 2 || u) && n.preventDefault();
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: x(
210
+ onFocusOutside: S(
210
211
  t.onFocusOutside,
211
- (n) => n.preventDefault()
212
+ (s) => s.preventDefault()
212
213
  )
213
214
  }
214
215
  );
215
216
  }
216
- ), ee = l.forwardRef(
217
+ ), re = l.forwardRef(
217
218
  (t, e) => {
218
- const o = w(C, t.__scopeDialog), i = l.useRef(!1), a = l.useRef(!1);
219
+ const o = w(_, t.__scopeDialog), n = l.useRef(!1), i = l.useRef(!1);
219
220
  return /* @__PURE__ */ r(
220
- st,
221
+ at,
221
222
  {
222
223
  ...t,
223
224
  ref: e,
224
225
  trapFocus: !1,
225
226
  disableOutsidePointerEvents: !1,
226
- onCloseAutoFocus: (n) => {
227
- t.onCloseAutoFocus?.(n), n.defaultPrevented || (i.current || o.triggerRef.current?.focus(), n.preventDefault()), i.current = !1, a.current = !1;
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: (n) => {
230
- t.onInteractOutside?.(n), n.defaultPrevented || (i.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
231
- const h = n.target;
232
- o.triggerRef.current?.contains(h) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
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
- ), st = l.forwardRef(
238
+ ), at = l.forwardRef(
238
239
  (t, e) => {
239
- const { __scopeDialog: o, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: n, ...h } = t, u = w(C, o), p = l.useRef(null), f = F(e, p);
240
- return Lt(), /* @__PURE__ */ s(N, { children: [
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
- kt,
243
+ Gt,
243
244
  {
244
245
  asChild: !0,
245
246
  loop: !0,
246
- trapped: i,
247
- onMountAutoFocus: a,
248
- onUnmountAutoFocus: n,
247
+ trapped: n,
248
+ onMountAutoFocus: i,
249
+ onUnmountAutoFocus: s,
249
250
  children: /* @__PURE__ */ r(
250
- Tt,
251
+ kt,
251
252
  {
252
253
  role: "dialog",
253
- id: u.contentId,
254
- "aria-describedby": u.descriptionId,
255
- "aria-labelledby": u.titleId,
256
- "data-state": V(u.open),
257
- ...h,
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: () => u.onOpenChange(!1)
260
+ onDismiss: () => p.onOpenChange(!1)
260
261
  }
261
262
  )
262
263
  }
263
264
  ),
264
- /* @__PURE__ */ s(N, { children: [
265
- /* @__PURE__ */ r(ie, { titleId: u.titleId }),
266
- /* @__PURE__ */ r(ae, { contentRef: p, descriptionId: u.descriptionId })
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
- ), H = "DialogTitle", ct = l.forwardRef(
271
+ ), W = "DialogTitle", ct = l.forwardRef(
271
272
  (t, e) => {
272
- const { __scopeDialog: o, ...i } = t, a = w(H, o);
273
- return /* @__PURE__ */ r(P.h2, { id: a.titleId, ...i, ref: e });
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 = H;
277
- var lt = "DialogDescription", re = l.forwardRef(
277
+ ct.displayName = W;
278
+ var lt = "DialogDescription", oe = l.forwardRef(
278
279
  (t, e) => {
279
- const { __scopeDialog: o, ...i } = t, a = w(lt, o);
280
- return /* @__PURE__ */ r(P.p, { id: a.descriptionId, ...i, ref: e });
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
- re.displayName = lt;
284
- var ht = "DialogClose", oe = l.forwardRef(
284
+ oe.displayName = lt;
285
+ var ht = "DialogClose", ne = l.forwardRef(
285
286
  (t, e) => {
286
- const { __scopeDialog: o, ...i } = t, a = w(ht, o);
287
+ const { __scopeDialog: o, ...n } = t, i = w(ht, o);
287
288
  return /* @__PURE__ */ r(
288
- P.button,
289
+ D.button,
289
290
  {
290
291
  type: "button",
291
- ...i,
292
+ ...n,
292
293
  ref: e,
293
- onClick: x(t.onClick, () => a.onOpenChange(!1))
294
+ onClick: S(t.onClick, () => i.onOpenChange(!1))
294
295
  }
295
296
  );
296
297
  }
297
298
  );
298
- oe.displayName = ht;
299
- function V(t) {
299
+ ne.displayName = ht;
300
+ function B(t) {
300
301
  return t ? "open" : "closed";
301
302
  }
302
- var dt = "DialogTitleWarning", [wr, ut] = jt(dt, {
303
- contentName: C,
304
- titleName: H,
303
+ var dt = "DialogTitleWarning", [Cr, ut] = Tt(dt, {
304
+ contentName: _,
305
+ titleName: W,
305
306
  docsSlug: "dialog"
306
- }), ie = ({ titleId: t }) => {
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
- }, ne = "DialogDescriptionWarning", ae = ({ contentRef: t, descriptionId: e }) => {
316
- const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ut(ne).contentName}}.`;
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 a = t.current?.getAttribute("aria-describedby");
319
- e && a && (document.getElementById(e) || console.warn(i));
320
- }, [i, t, e]), null;
321
- }, se = tt, ce = rt, le = it, he = nt, de = at, ue = ct, pt = {
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
- }, U = _.createContext && /* @__PURE__ */ _.createContext(pt), pe = ["attr", "size", "title"];
328
- function ge(t, e) {
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 = me(t, e), i, a;
331
+ var o = we(t, e), n, i;
331
332
  if (Object.getOwnPropertySymbols) {
332
- var n = Object.getOwnPropertySymbols(t);
333
- for (a = 0; a < n.length; a++)
334
- i = n[a], !(e.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(t, i) && (o[i] = t[i]);
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 me(t, e) {
339
+ function we(t, e) {
339
340
  if (t == null) return {};
340
341
  var o = {};
341
- for (var i in t)
342
- if (Object.prototype.hasOwnProperty.call(t, i)) {
343
- if (e.indexOf(i) >= 0) continue;
344
- o[i] = t[i];
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 R() {
349
- return R = Object.assign ? Object.assign.bind() : function(t) {
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 i in o)
353
- Object.prototype.hasOwnProperty.call(o, i) && (t[i] = o[i]);
353
+ for (var n in o)
354
+ Object.prototype.hasOwnProperty.call(o, n) && (t[n] = o[n]);
354
355
  }
355
356
  return t;
356
- }, R.apply(this, arguments);
357
+ }, I.apply(this, arguments);
357
358
  }
358
- function K(t, e) {
359
+ function Z(t, e) {
359
360
  var o = Object.keys(t);
360
361
  if (Object.getOwnPropertySymbols) {
361
- var i = Object.getOwnPropertySymbols(t);
362
- e && (i = i.filter(function(a) {
363
- return Object.getOwnPropertyDescriptor(t, a).enumerable;
364
- })), o.push.apply(o, i);
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 I(t) {
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 ? K(Object(o), !0).forEach(function(i) {
372
- we(t, i, o[i]);
373
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : K(Object(o)).forEach(function(i) {
374
- Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(o, i));
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 we(t, e, o) {
380
- return e = fe(e), e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
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 fe(t) {
383
- var e = ve(t, "string");
383
+ function ve(t) {
384
+ var e = be(t, "string");
384
385
  return typeof e == "symbol" ? e : e + "";
385
386
  }
386
- function ve(t, e) {
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 i = o.call(t, e);
391
- if (typeof i != "object") return i;
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__ */ _.createElement(e.tag, I({
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__ */ _.createElement(be, R({
403
- attr: I({}, t.attr)
403
+ return (e) => /* @__PURE__ */ C.createElement(ye, I({
404
+ attr: L({}, t.attr)
404
405
  }, e), gt(t.child));
405
406
  }
406
- function be(t) {
407
+ function ye(t) {
407
408
  var e = (o) => {
408
409
  var {
409
- attr: i,
410
- size: a,
411
- title: n
412
- } = t, h = ge(t, pe), u = a || o.size || "1em", p;
413
- return o.className && (p = o.className), t.className && (p = (p ? p + " " : "") + t.className), /* @__PURE__ */ _.createElement("svg", R({
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, i, h, {
418
- className: p,
419
- style: I(I({
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: u,
423
- width: u,
423
+ height: p,
424
+ width: p,
424
425
  xmlns: "http://www.w3.org/2000/svg"
425
- }), n && /* @__PURE__ */ _.createElement("title", null, n), t.children);
426
+ }), s && /* @__PURE__ */ C.createElement("title", null, s), t.children);
426
427
  };
427
- return U !== void 0 ? /* @__PURE__ */ _.createElement(U.Consumer, null, (o) => e(o)) : e(pt);
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 ye(t) {
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 Ce(t) {
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 = "_footer_1hbei_321", Pe = "_top_1hbei_343", Oe = "_highcharts_1hbei_349", Se = "_logo_1hbei_358", xe = "_youtube_1hbei_372", Me = "_youtubeOverlay_1hbei_442", Ee = "_youtubeContent_1hbei_454", Ae = "_notCharts_1hbei_471", Re = "_newsletter_1hbei_504", Ie = "_error_1hbei_540", Le = "_discord_1hbei_576", ke = "_discordPlus_1hbei_585", Te = "_discordJoin_1hbei_589", je = "_discordMembers_1hbei_593", ze = "_discordContent_1hbei_616", Fe = "_discordAvatars_1hbei_633", We = "_discordAvatarStatus_1hbei_660", Be = "_online_1hbei_671", He = "_help_1hbei_685", Ve = "_helpWays_1hbei_694", Ge = "_helpItem_1hbei_707", $e = "_helpBall_1hbei_720", Je = "_helpContent_1hbei_737", Ye = "_links_1hbei_755", qe = "_tagged_1hbei_785", Ue = "_norway_1hbei_789", Ke = "_bottom_1hbei_799", Xe = "_bottomLinks_1hbei_809", Ze = "_tabletBottomLeft_1hbei_818", Qe = "_socials_1hbei_824", c = {
454
- footer: Ne,
455
- top: Pe,
456
- highcharts: Oe,
457
- logo: Se,
458
- youtube: xe,
459
- youtubeOverlay: Me,
460
- youtubeContent: Ee,
461
- notCharts: Ae,
462
- newsletter: Re,
463
- error: Ie,
464
- discord: Le,
465
- discordPlus: ke,
466
- discordJoin: Te,
467
- discordMembers: je,
468
- discordContent: ze,
469
- discordAvatars: Fe,
470
- discordAvatarStatus: We,
471
- online: Be,
472
- help: He,
473
- helpWays: Ve,
474
- helpItem: Ge,
475
- helpBall: $e,
476
- helpContent: Je,
477
- links: Ye,
478
- tagged: qe,
479
- norway: Ue,
480
- bottom: Ke,
481
- bottomLinks: Xe,
482
- tabletBottomLeft: Ze,
483
- socials: Qe
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 E(t, e) {
489
+ function A(t, e) {
486
490
  return e ? t.replace(e, "") : t;
487
491
  }
488
- const tr = [
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
- ], er = {
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: "Flutter",
551
- url: "https://www.highcharts.com/integrations/flutter/",
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
- }, rr = [
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(ye, {}),
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(Ce, {}),
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 or() {
775
- const [t, e] = Ht(), o = "npm install highcharts --save";
776
- return /* @__PURE__ */ s(X, { variant: "neutral", onClick: () => t(o), children: [
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(zt, {}) : /* @__PURE__ */ r(Gt, {})
782
+ e ? /* @__PURE__ */ r(jt, {}) : /* @__PURE__ */ r(Ht, {})
779
783
  ] });
780
784
  }
781
- function fr({
785
+ function _r({
782
786
  link: t = "a",
783
787
  host: e = "https://www.highcharts.com"
784
788
  }) {
785
- const o = J(null), i = J(null), [a, n] = S(!1), [h, u] = S(!1), [p, f] = S(""), [D, T] = S(0), [bt, yt] = S(), _t = Y("(max-width: 849px)"), Ct = Y("(min-width: 850px) and (max-width: 999px)");
786
- Ot(() => {
787
- if (i.current) {
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, O] = await Promise.all([
812
+ const [b, N] = await Promise.all([
809
813
  g(),
810
814
  d()
811
815
  ]);
812
- T(b), yt(O);
816
+ T(b), yt(N);
813
817
  }
814
818
  },
815
819
  { rootMargin: "100px" }
816
820
  );
817
- return m.observe(i.current), () => m.disconnect();
821
+ return m.observe(n.current), () => m.disconnect();
818
822
  }
819
- }, [i.current]);
820
- const M = !!p && p !== "Something went wrong", Dt = (g) => {
821
- M ? q(g.target.value) && f("") : p && f("");
822
- }, Nt = async (g) => {
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 (h || M) {
831
- M && d.focus();
834
+ if (E) {
835
+ E && d.focus();
832
836
  return;
833
837
  }
834
- if (!q(d.value)) {
838
+ if (!Y(d.value)) {
835
839
  f("Check the email format and try again"), d.focus();
836
840
  return;
837
841
  }
838
- f(""), n(!0);
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 ? u(!0) : f("Something went wrong");
853
+ )).ok ? p(!0) : f("Something went wrong");
850
854
  } catch {
851
855
  f("Something went wrong");
852
856
  } finally {
853
- n(!1);
857
+ s(!1);
854
858
  }
855
859
  }
856
- }, G = /* @__PURE__ */ s(N, { children: [
857
- /* @__PURE__ */ s("span", { children: [
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__ */ s("div", { className: c.bottomLinks, children: [
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
- ] }), $ = /* @__PURE__ */ r("ul", { className: c.socials, children: rr.map(({ icon: g, url: d, label: m }, v) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", { href: d, "aria-label": m, children: g }) }, v)) });
868
- return /* @__PURE__ */ s(Ft, { as: "footer", className: c.footer, children: [
869
- /* @__PURE__ */ s("div", { className: c.top, children: [
870
- /* @__PURE__ */ s("div", { className: c.highcharts, children: [
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: E("https://www.highcharts.com/", e),
876
- children: /* @__PURE__ */ r(Wt, {})
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(or, {})
884
+ /* @__PURE__ */ r(ar, {})
881
885
  ] }),
882
- /* @__PURE__ */ s(se, { children: [
883
- /* @__PURE__ */ r(ce, { asChild: !0, children: /* @__PURE__ */ s("button", { className: c.youtube, children: [
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__ */ s(le, { children: [
888
- /* @__PURE__ */ r(he, { className: c.youtubeOverlay }),
889
- /* @__PURE__ */ s(
890
- de,
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(Ut, { asChild: !0, children: /* @__PURE__ */ r(ue, { children: "Video: Meet the team behind the charts" }) }),
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__ */ s("div", { className: c.notCharts, children: [
912
- /* @__PURE__ */ s("div", { className: c.newsletter, children: [
913
- /* @__PURE__ */ s("h2", { children: [
914
- /* @__PURE__ */ r(St, {}),
915
- "Stay in the Loop"
916
- ] }),
917
- /* @__PURE__ */ s("form", { onSubmit: Nt, children: [
918
- /* @__PURE__ */ r(
919
- "input",
920
- {
921
- className: z({ [c.error]: p }),
922
- placeholder: "Email address",
923
- disabled: h,
924
- "aria-invalid": M,
925
- onChange: Dt,
926
- ref: o
927
- }
928
- ),
929
- /* @__PURE__ */ r(
930
- X,
931
- {
932
- variant: h ? "success" : p ? "danger" : "brand",
933
- loading: a,
934
- children: h ? /* @__PURE__ */ s(N, { children: [
935
- /* @__PURE__ */ r(Vt, {}),
936
- "You're in"
937
- ] }) : "Sign up"
938
- }
939
- )
940
- ] }),
941
- /* @__PURE__ */ s("p", { children: [
942
- "By signing up, you agree to the",
943
- " ",
944
- /* @__PURE__ */ r(t, { href: E("https://www.highcharts.com/", e), children: "Privacy Policy" })
945
- ] })
946
- ] }),
947
- /* @__PURE__ */ s(
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: i,
984
+ ref: n,
953
985
  children: [
954
- /* @__PURE__ */ s("h2", { children: [
986
+ /* @__PURE__ */ a("h2", { children: [
955
987
  /* @__PURE__ */ r(mt, {}),
956
988
  "Discord ",
957
989
  /* @__PURE__ */ r("span", { children: "/ Total" })
958
990
  ] }),
959
- /* @__PURE__ */ s("p", { className: c.discordContent, children: [
991
+ /* @__PURE__ */ a("p", { className: c.discordContent, children: [
960
992
  /* @__PURE__ */ r("span", { className: c.discordJoin, children: "Join us" }),
961
993
  " ",
962
- !!D && /* @__PURE__ */ s("span", { className: c.discordMembers, children: [
963
- D,
994
+ !!x && /* @__PURE__ */ a("span", { className: c.discordMembers, children: [
995
+ x,
964
996
  " members"
965
997
  ] })
966
998
  ] }),
967
- /* @__PURE__ */ s("ul", { className: c.discordAvatars, children: [
968
- bt?.members.slice(0, 5).map(({ status: g, avatar_url: d }, m) => /* @__PURE__ */ s("li", { children: [
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: z(c.discordAvatarStatus, {
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__ */ s("div", { className: c.help, children: [
987
- /* @__PURE__ */ s("div", { className: c.helpWays, children: [
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__ */ s("p", { children: [
1021
+ /* @__PURE__ */ a("p", { children: [
990
1022
  "We operate in CET",
991
- _t ? " " : /* @__PURE__ */ r("br", {}),
1023
+ Ct ? " " : /* @__PURE__ */ r("br", {}),
992
1024
  "Monday - Friday"
993
1025
  ] })
994
1026
  ] }),
995
- tr.map(({ icon: g, subtitle: d, title: m, url: v }, b) => /* @__PURE__ */ s(
1027
+ nr.map(({ icon: g, subtitle: d, title: m, url: v }, b) => /* @__PURE__ */ a(
996
1028
  t,
997
1029
  {
998
- href: E(v, e),
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__ */ s("div", { className: c.helpContent, children: [
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__ */ s("div", { className: c.links, children: [
1012
- Object.entries(er).map(([g, d], m) => /* @__PURE__ */ s("div", { children: [
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: O }, Pt) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ s(
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: E(b, e),
1018
- className: z({ [c.tagged]: O }),
1049
+ href: A(b, e),
1050
+ className: M({ [c.tagged]: N }),
1019
1051
  children: [
1020
- O ? /* @__PURE__ */ r("span", { children: v }) : v,
1021
- O && /* @__PURE__ */ r(Bt, { variant: "brand", icon: !1, border: !0 })
1052
+ N ? /* @__PURE__ */ r("span", { children: v }) : v,
1053
+ N && /* @__PURE__ */ r(Ut, { variant: "brand", icon: !1, border: !0 })
1022
1054
  ]
1023
1055
  }
1024
- ) }, Pt)) })
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: Ct ? /* @__PURE__ */ s(N, { children: [
1035
- /* @__PURE__ */ r("div", { className: c.tabletBottomLeft, children: G }),
1036
- $
1037
- ] }) : /* @__PURE__ */ s(N, { children: [
1038
- G,
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
- fr as Footer
1070
+ _r as Footer
1045
1071
  };