highsoft-ui 1.0.109 → 1.0.111

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.
Files changed (8) hide show
  1. package/dist/components/Footer/index.js +82 -80
  2. package/dist/components/Header/index.js +250 -234
  3. package/dist/components/PrefPanel/index.js +673 -650
  4. package/dist/components/Search/index.js +1 -1
  5. package/dist/highsoft-ui.css +1 -1
  6. package/dist/index-CUCGgBGk.js +5654 -0
  7. package/package.json +1 -1
  8. package/dist/index-rhaCwOYf.js +0 -5588
package/dist/components/Header/index.js CHANGED
@@ -1,26 +1,26 @@
1
- import { jsx as e, jsxs as i, Fragment as ne } from "react/jsx-runtime";
2
- import { useRef as U, useState as P, useEffect as A } from "react";
3
- import { a as T, b as W, J as oe, c as re, z as se } from "../../utils-BKDJp1i0.js";
4
- import { A as ie } from "../../Announcement03-obPaH4LK.js";
1
+ import { jsx as t, jsxs as i, Fragment as ot } from "react/jsx-runtime";
2
+ import { useRef as G, useState as O, useEffect as P } from "react";
3
+ import { a as T, b as W, J as rt, c as st, z as it } from "../../utils-BKDJp1i0.js";
4
+ import { A as ct } from "../../Announcement03-obPaH4LK.js";
5
5
  import { _ as w } from "../../extends-hS2Bh-Yp.js";
6
- import { S as j, a as $ } from "../../index-rhaCwOYf.js";
7
- import { X as ce } from "../../XClose-CCu1vrNS.js";
6
+ import { S as $, a as j } from "../../index-CUCGgBGk.js";
7
+ import { X as at } from "../../XClose-CCu1vrNS.js";
8
8
  import { c as b } from "../../clsx-OuTLNxxd.js";
9
9
  import { Button as m } from "../Button/index.js";
10
- import { Container as G } from "../Container/index.js";
10
+ import { Container as Y } from "../Container/index.js";
11
11
  import { Logo as F } from "../Logo/index.js";
12
- import { NewTag as ae } from "../NewTag/index.js";
13
- import { Notification as le } from "../Notification/index.js";
12
+ import { NewTag as lt } from "../NewTag/index.js";
13
+ import { Notification as ht } from "../Notification/index.js";
14
14
  import { PrefPanel as R } from "../PrefPanel/index.js";
15
- var he = function(n) {
16
- return /* @__PURE__ */ e("svg", w({
15
+ var dt = function(e) {
16
+ return /* @__PURE__ */ t("svg", w({
17
17
  xmlns: "http://www.w3.org/2000/svg",
18
18
  width: 24,
19
19
  height: 24,
20
20
  fill: "none",
21
21
  viewBox: "0 0 24 24"
22
- }, n, {
23
- children: /* @__PURE__ */ e("path", {
22
+ }, e, {
23
+ children: /* @__PURE__ */ t("path", {
24
24
  stroke: "currentColor",
25
25
  strokeLinecap: "round",
26
26
  strokeLinejoin: "round",
@@ -28,15 +28,15 @@ var he = function(n) {
28
28
  d: "M6 11v4m12-6v4m-1-9c2.4487 0 3.7731.3748 4.4321.6654.0878.0388.1317.0581.2583.179.0759.0724.2145.285.2501.3837.0595.1646.0595.2546.0595.4346v10.7484c0 .9088 0 1.3632-.1363 1.5968-.1386.2375-.2723.348-.5318.4393-.255.0897-.7699-.0092-1.7997-.2071A13.45 13.45 0 0 0 17 18c-3 0-6 2-10 2-2.4487 0-3.7731-.3748-4.4321-.6654-.0878-.0388-.1317-.0581-.2583-.179-.076-.0724-.2145-.285-.2501-.3837C2 18.6073 2 18.5173 2 18.3373V7.5889c0-.9088 0-1.3632.1363-1.5968.1386-.2375.2723-.348.5318-.4393.255-.0898.77.0092 1.7997.207A13.44 13.44 0 0 0 7 6c3 0 6-2 10-2m-2.5 8c0 1.3807-1.1193 2.5-2.5 2.5S9.5 13.3807 9.5 12s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5"
29
29
  })
30
30
  }));
31
- }, de = function(n) {
32
- return /* @__PURE__ */ e("svg", w({
31
+ }, mt = function(e) {
32
+ return /* @__PURE__ */ t("svg", w({
33
33
  xmlns: "http://www.w3.org/2000/svg",
34
34
  width: 24,
35
35
  height: 24,
36
36
  fill: "none",
37
37
  viewBox: "0 0 24 24"
38
- }, n, {
39
- children: /* @__PURE__ */ e("path", {
38
+ }, e, {
39
+ children: /* @__PURE__ */ t("path", {
40
40
  stroke: "currentColor",
41
41
  strokeLinecap: "round",
42
42
  strokeLinejoin: "round",
@@ -44,15 +44,15 @@ var he = function(n) {
44
44
  d: "M11 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V13m-9-5h4v4m-.5-8.5V2m3.9393 2.5607L20.5 3.5m.0103 5h1.5M3 13.3471c.652.1007 1.3199.1529 2 .1529 4.3864 0 8.2653-2.1724 10.6197-5.5"
45
45
  })
46
46
  }));
47
- }, me = function(n) {
48
- return /* @__PURE__ */ e("svg", w({
47
+ }, ut = function(e) {
48
+ return /* @__PURE__ */ t("svg", w({
49
49
  xmlns: "http://www.w3.org/2000/svg",
50
50
  width: 24,
51
51
  height: 24,
52
52
  fill: "none",
53
53
  viewBox: "0 0 24 24"
54
- }, n, {
55
- children: /* @__PURE__ */ e("path", {
54
+ }, e, {
55
+ children: /* @__PURE__ */ t("path", {
56
56
  stroke: "currentColor",
57
57
  strokeLinecap: "round",
58
58
  strokeLinejoin: "round",
@@ -60,15 +60,15 @@ var he = function(n) {
60
60
  d: "M14 2.2695v4.1306c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C14.7599 8 15.0399 8 15.6 8h4.1305M16 13H8m8 4H8m2-8H8m6-7H8.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.2798 4 5.1198 4 6.8v10.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C6.2798 22 7.1198 22 8.8 22h6.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 19.7202 20 18.8802 20 17.2V8z"
61
61
  })
62
62
  }));
63
- }, ue = function(n) {
64
- return /* @__PURE__ */ e("svg", w({
63
+ }, pt = function(e) {
64
+ return /* @__PURE__ */ t("svg", w({
65
65
  xmlns: "http://www.w3.org/2000/svg",
66
66
  width: 24,
67
67
  height: 24,
68
68
  fill: "none",
69
69
  viewBox: "0 0 24 24"
70
- }, n, {
71
- children: /* @__PURE__ */ e("path", {
70
+ }, e, {
71
+ children: /* @__PURE__ */ t("path", {
72
72
  stroke: "currentColor",
73
73
  strokeLinecap: "round",
74
74
  strokeLinejoin: "round",
@@ -76,15 +76,15 @@ var he = function(n) {
76
76
  d: "M3 12h12M3 6h18M3 18h18"
77
77
  })
78
78
  }));
79
- }, pe = function(n) {
80
- return /* @__PURE__ */ e("svg", w({
79
+ }, wt = function(e) {
80
+ return /* @__PURE__ */ t("svg", w({
81
81
  xmlns: "http://www.w3.org/2000/svg",
82
82
  width: 24,
83
83
  height: 24,
84
84
  fill: "none",
85
85
  viewBox: "0 0 24 24"
86
- }, n, {
87
- children: /* @__PURE__ */ e("path", {
86
+ }, e, {
87
+ children: /* @__PURE__ */ t("path", {
88
88
  stroke: "currentColor",
89
89
  strokeLinecap: "round",
90
90
  strokeLinejoin: "round",
@@ -92,15 +92,15 @@ var he = function(n) {
92
92
  d: "M10 8.0022a2.2485 2.2485 0 0 1 2.501-1.4698 2.248 2.248 0 0 1 1.8682 2.2193c0 1.4989-2.2483 2.2483-2.2483 2.2483m.029 3h.01M7 18v2.3355c0 .5329 0 .7993.1092.9361a.5.5 0 0 0 .3913.1881c.1751-.0002.3832-.1666.7993-.4995l2.3854-1.9084c.4873-.3898.731-.5847 1.0023-.7233a3 3 0 0 1 .7617-.2672C12.7477 18 13.0597 18 13.6837 18H16.2c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.7202 21 14.8802 21 13.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8V14c0 .93 0 1.395.1022 1.7765a3 3 0 0 0 2.1213 2.1213C5.605 18 6.07 18 7 18"
93
93
  })
94
94
  }));
95
- }, we = function(n) {
96
- return /* @__PURE__ */ e("svg", w({
95
+ }, ft = function(e) {
96
+ return /* @__PURE__ */ t("svg", w({
97
97
  xmlns: "http://www.w3.org/2000/svg",
98
98
  width: 24,
99
99
  height: 24,
100
100
  fill: "none",
101
101
  viewBox: "0 0 24 24"
102
- }, n, {
103
- children: /* @__PURE__ */ e("path", {
102
+ }, e, {
103
+ children: /* @__PURE__ */ t("path", {
104
104
  stroke: "currentColor",
105
105
  strokeLinecap: "round",
106
106
  strokeLinejoin: "round",
@@ -108,15 +108,15 @@ var he = function(n) {
108
108
  d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
109
109
  })
110
110
  }));
111
- }, D = function(n) {
112
- return /* @__PURE__ */ e("svg", w({
111
+ }, D = function(e) {
112
+ return /* @__PURE__ */ t("svg", w({
113
113
  xmlns: "http://www.w3.org/2000/svg",
114
114
  width: 24,
115
115
  height: 24,
116
116
  fill: "none",
117
117
  viewBox: "0 0 24 24"
118
- }, n, {
119
- children: /* @__PURE__ */ e("path", {
118
+ }, e, {
119
+ children: /* @__PURE__ */ t("path", {
120
120
  stroke: "currentColor",
121
121
  strokeLinecap: "round",
122
122
  strokeLinejoin: "round",
@@ -124,15 +124,15 @@ var he = function(n) {
124
124
  d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
125
125
  })
126
126
  }));
127
- }, V = function(n) {
128
- return /* @__PURE__ */ e("svg", w({
127
+ }, U = function(e) {
128
+ return /* @__PURE__ */ t("svg", w({
129
129
  xmlns: "http://www.w3.org/2000/svg",
130
130
  width: 24,
131
131
  height: 24,
132
132
  fill: "none",
133
133
  viewBox: "0 0 24 24"
134
- }, n, {
135
- children: /* @__PURE__ */ e("path", {
134
+ }, e, {
135
+ children: /* @__PURE__ */ t("path", {
136
136
  stroke: "currentColor",
137
137
  strokeLinecap: "round",
138
138
  strokeLinejoin: "round",
@@ -141,135 +141,145 @@ var he = function(n) {
141
141
  })
142
142
  }));
143
143
  };
144
- const fe = "m_QBtq_buttons", ge = "m_QBtq_container", ve = "m_QBtq_content", _e = "m_QBtq_cta", Ce = "m_QBtq_gpt", ke = "m_QBtq_header", be = "m_QBtq_icon", xe = "m_QBtq_icons", Be = "m_QBtq_links", Ne = "m_QBtq_logo", ye = "m_QBtq_main", qe = "m_QBtq_menu", Se = "m_QBtq_mobile", Me = "m_QBtq_mobileOverlay", Qe = "m_QBtq_open", Te = "m_QBtq_outer", He = "m_QBtq_selectableIcon", Ee = "m_QBtq_selected", Le = "m_QBtq_selectedIcon", Ie = "m_QBtq_skip", Oe = "m_QBtq_sub", Pe = "m_QBtq_subContainer", Ae = "m_QBtq_subTitle", o = {
145
- buttons: fe,
146
- container: ge,
147
- content: ve,
148
- cta: _e,
149
- gpt: Ce,
150
- header: ke,
151
- icon: be,
152
- icons: xe,
153
- links: Be,
154
- logo: Ne,
155
- main: ye,
156
- menu: qe,
157
- mobile: Se,
158
- mobileOverlay: Me,
159
- open: Qe,
160
- outer: Te,
161
- selectableIcon: He,
162
- selected: Ee,
163
- selectedIcon: Le,
164
- skip: Ie,
165
- sub: Oe,
166
- subContainer: Pe,
167
- subTitle: Ae
168
- }, Y = "notifications", J = "theme", We = 365 * 20, je = (t) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t), $e = () => {
144
+ const gt = "m_QBtq_buttons", vt = "m_QBtq_container", Ct = "m_QBtq_content", _t = "m_QBtq_cta", kt = "m_QBtq_gpt", bt = "m_QBtq_header", xt = "m_QBtq_icon", Nt = "m_QBtq_icons", yt = "m_QBtq_links", Bt = "m_QBtq_logo", St = "m_QBtq_main", qt = "m_QBtq_menu", Mt = "m_QBtq_mobile", Qt = "m_QBtq_mobileOverlay", Tt = "m_QBtq_open", Ht = "m_QBtq_outer", Et = "m_QBtq_selectableIcon", It = "m_QBtq_selected", Lt = "m_QBtq_selectedIcon", At = "m_QBtq_skip", Ot = "m_QBtq_sub", Pt = "m_QBtq_subContainer", Wt = "m_QBtq_subTitle", o = {
145
+ buttons: gt,
146
+ container: vt,
147
+ content: Ct,
148
+ cta: _t,
149
+ gpt: kt,
150
+ header: bt,
151
+ icon: xt,
152
+ icons: Nt,
153
+ links: yt,
154
+ logo: Bt,
155
+ main: St,
156
+ menu: qt,
157
+ mobile: Mt,
158
+ mobileOverlay: Qt,
159
+ open: Tt,
160
+ outer: Ht,
161
+ selectableIcon: Et,
162
+ selected: It,
163
+ selectedIcon: Lt,
164
+ skip: At,
165
+ sub: Ot,
166
+ subContainer: Pt,
167
+ subTitle: Wt
168
+ }, J = "notifications", X = "theme", $t = 365 * 20, jt = (n) => /^\d{1,3}(?:\.\d{1,3}){3}$/.test(n), Ft = () => {
169
169
  if (typeof window > "u") return;
170
- const t = window.location.hostname;
171
- if (!t || t === "localhost" || je(t))
170
+ const n = window.location.hostname;
171
+ if (!n || n === "localhost" || jt(n))
172
172
  return;
173
- const n = t.replace(/^www\./, ""), l = n.split(".");
174
- return l.length <= 2 ? `.${n}` : `.${l.slice(-2).join(".")}`;
175
- }, z = () => {
173
+ const e = n.replace(/^www\./, ""), c = e.split(".");
174
+ return c.length <= 2 ? `.${e}` : `.${c.slice(-2).join(".")}`;
175
+ }, V = () => {
176
176
  if (typeof document > "u") return null;
177
- const t = document.cookie.split("; ").find((n) => n.startsWith(`${Y}=`));
178
- if (!t) return null;
177
+ const n = document.cookie.split("; ").find((e) => e.startsWith(`${J}=`));
178
+ if (!n) return null;
179
179
  try {
180
- return JSON.parse(decodeURIComponent(t.split("=")[1]));
180
+ return JSON.parse(decodeURIComponent(n.split("=")[1]));
181
181
  } catch {
182
182
  return null;
183
183
  }
184
- }, Fe = () => {
184
+ }, Rt = () => {
185
185
  if (typeof document > "u") return null;
186
- const t = document.cookie.split("; ").find((n) => n.startsWith(`${J}=`));
187
- if (!t) return null;
186
+ const n = document.cookie.split("; ").find((e) => e.startsWith(`${X}=`));
187
+ if (!n) return null;
188
188
  try {
189
- return decodeURIComponent(t.split("=")[1]);
189
+ return decodeURIComponent(n.split("=")[1]);
190
190
  } catch {
191
191
  return null;
192
192
  }
193
- }, X = (t, n) => {
193
+ }, Z = (n, e) => {
194
194
  if (typeof document > "u") return;
195
- const l = new Date(
196
- Date.now() + We * 24 * 60 * 60 * 1e3
197
- ).toUTCString(), s = $e(), a = [
198
- `${t}=${encodeURIComponent(n)}`,
195
+ const c = new Date(
196
+ Date.now() + $t * 24 * 60 * 60 * 1e3
197
+ ).toUTCString(), s = Ft(), l = [
198
+ `${n}=${encodeURIComponent(e)}`,
199
199
  "path=/",
200
200
  "SameSite=Lax",
201
- `expires=${l}`
201
+ `expires=${c}`
202
202
  ];
203
- s && a.push(`domain=${s}`), document.cookie = a.join("; ");
204
- }, K = [
203
+ s && l.push(`domain=${s}`), document.cookie = l.join("; ");
204
+ }, z = [
205
205
  {
206
206
  title: "Products",
207
207
  url: "https://www.highcharts.com/products/",
208
- icon: /* @__PURE__ */ e(de, {})
208
+ icon: /* @__PURE__ */ t(mt, {})
209
209
  },
210
210
  {
211
211
  title: "Demos",
212
212
  url: "https://www.highcharts.com/demo",
213
- icon: /* @__PURE__ */ e(we, {})
213
+ icon: /* @__PURE__ */ t(ft, {})
214
214
  },
215
215
  {
216
216
  title: "Support",
217
217
  url: "https://www.highcharts.com/support/",
218
- icon: /* @__PURE__ */ e(pe, {})
218
+ icon: /* @__PURE__ */ t(wt, {})
219
219
  },
220
220
  {
221
221
  title: "Resources",
222
222
  url: "https://www.highcharts.com/resources/",
223
- icon: /* @__PURE__ */ e(me, {})
223
+ icon: /* @__PURE__ */ t(ut, {})
224
224
  },
225
225
  {
226
226
  title: "Pricing",
227
227
  url: "https://shop.highcharts.com/",
228
- icon: /* @__PURE__ */ e(he, {})
228
+ icon: /* @__PURE__ */ t(dt, {})
229
229
  },
230
230
  {
231
231
  title: "Blog",
232
232
  url: "https://www.highcharts.com/blog/home/",
233
- icon: /* @__PURE__ */ e(ie, {})
233
+ icon: /* @__PURE__ */ t(ct, {})
234
234
  }
235
235
  ];
236
- function d(t, n) {
237
- return n ? t.replace(n, "") : t;
236
+ function d(n, e) {
237
+ return e ? n.replace(e, "") : n;
238
238
  }
239
- function Re({
240
- items: t,
241
- link: n = "a",
242
- host: l = "https://www.highcharts.com",
239
+ function Dt(n) {
240
+ let e = 2166136261;
241
+ for (let c = 0; c < n.length; c++)
242
+ e ^= n.charCodeAt(c), e = Math.imul(e, 16777619);
243
+ return (e >>> 0).toString(36);
244
+ }
245
+ function Ut(n, e) {
246
+ const s = (Array.isArray(e) ? e : [e]).map(({ url: l = "" }) => l.trim()).join("|");
247
+ return `${n}-${Dt(s)}`;
248
+ }
249
+ function Vt({
250
+ items: n,
251
+ link: e = "a",
252
+ host: c = "https://www.highcharts.com",
243
253
  pathname: s
244
254
  }) {
245
- const a = re();
246
- return /* @__PURE__ */ e("div", { className: b(o.sub, o.outer), children: /* @__PURE__ */ e(G, { className: o.subContainer, as: "ul", children: t.map(
255
+ const l = st();
256
+ return /* @__PURE__ */ t("div", { className: b(o.sub, o.outer), children: /* @__PURE__ */ t(Y, { className: o.subContainer, as: "ul", children: n.map(
247
257
  ({
248
- title: S,
258
+ title: q,
249
259
  url: f,
250
260
  prefixMatch: x,
251
- icon: B,
252
- selectedIcon: N,
253
- tag: y,
261
+ icon: N,
262
+ selectedIcon: y,
263
+ tag: B,
254
264
  tagVariant: p = "success"
255
265
  }, M) => {
256
- const u = s || typeof window < "u" && window.location.pathname, g = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(f, g), q = u && (!!s || a) && v.origin === g && (x ? u.startsWith(v.pathname) : v.pathname === u);
257
- return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
258
- n,
266
+ const u = s || typeof window < "u" && window.location.pathname, g = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(f, g), S = u && (!!s || l) && v.origin === g && (x ? u.startsWith(v.pathname) : v.pathname === u);
267
+ return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
268
+ e,
259
269
  {
260
- href: d(f, l),
270
+ href: d(f, c),
261
271
  className: b({
262
- [o.selectableIcon]: N,
263
- [o.selected]: q
272
+ [o.selectableIcon]: y,
273
+ [o.selected]: S
264
274
  }),
265
275
  children: [
266
276
  /* @__PURE__ */ i("span", { className: o.icons, children: [
267
- /* @__PURE__ */ e("span", { className: o.selectedIcon, children: N }),
268
- /* @__PURE__ */ e("span", { className: o.icon, children: B })
277
+ /* @__PURE__ */ t("span", { className: o.selectedIcon, children: y }),
278
+ /* @__PURE__ */ t("span", { className: o.icon, children: N })
269
279
  ] }),
270
280
  /* @__PURE__ */ i("span", { className: o.subTitle, children: [
271
- S,
272
- y && /* @__PURE__ */ e(ae, { variant: p, icon: !1 })
281
+ q,
282
+ B && /* @__PURE__ */ t(lt, { variant: p, icon: !1 })
273
283
  ] })
274
284
  ]
275
285
  }
@@ -277,120 +287,126 @@ function Re({
277
287
  }
278
288
  ) }) });
279
289
  }
280
- const De = [
290
+ const K = [
291
+ {
292
+ title: "Highcharts at CSUN 2026",
293
+ description: "See what we're presenting",
294
+ url: "https://www.highcharts.com/blog/news/highcharts-at-csun-2026-accessible-data-meets-ai/",
295
+ tag: "new"
296
+ },
297
+ {
298
+ title: "Grid Pro",
299
+ description: "50% off through March 2026",
300
+ url: "https://www.highcharts.com/products/grid/",
301
+ tag: "new"
302
+ },
303
+ {
304
+ title: "Highcharts React v4.2.1",
305
+ description: "See what's new",
306
+ url: "https://www.highcharts.com/blog/post/highcharts-react-v4-2-1-better-docs-better-defaults-better-dx/",
307
+ tag: "new"
308
+ },
309
+ {
310
+ title: "Highcharts on Discord",
311
+ description: "Join our server",
312
+ url: "https://discord.com/invite/xHxxcyyy6K",
313
+ tag: "new"
314
+ }
315
+ ], zt = [
281
316
  {
282
- id: "whats-new",
283
- content: [
284
- {
285
- title: "Grid Pro",
286
- description: "50% off through March 2026",
287
- url: "https://www.highcharts.com/products/grid/",
288
- tag: "new"
289
- },
290
- {
291
- title: "Highcharts React v4.2.1",
292
- description: "See what's new",
293
- url: "https://www.highcharts.com/blog/post/highcharts-react-v4-2-1-better-docs-better-defaults-better-dx/",
294
- tag: "new"
295
- },
296
- {
297
- title: "Highcharts on Discord",
298
- description: "Join our server",
299
- url: "https://discord.com/invite/xHxxcyyy6K",
300
- tag: "new"
301
- }
302
- ]
317
+ id: Ut("whats-new", K),
318
+ content: K
303
319
  }
304
320
  ];
305
- function Ve() {
306
- const { theme: t, setTheme: n } = se(), l = U(!1);
307
- return A(() => {
308
- if (l.current) return;
309
- const s = Fe();
310
- if (s && s !== t) {
311
- n(s), l.current = !0;
321
+ function Kt() {
322
+ const { theme: n, setTheme: e } = it(), c = G(!1);
323
+ return P(() => {
324
+ if (c.current) return;
325
+ const s = Rt();
326
+ if (s && s !== n) {
327
+ e(s), c.current = !0;
312
328
  return;
313
329
  }
314
- l.current = !0;
315
- }, [n, t]), A(() => {
316
- t && X(J, t);
317
- }, [t]), null;
330
+ c.current = !0;
331
+ }, [e, n]), P(() => {
332
+ n && Z(X, n);
333
+ }, [n]), null;
318
334
  }
319
- function it({
320
- subItems: t,
321
- children: n,
322
- notifications: l = De,
335
+ function le({
336
+ subItems: n,
337
+ children: e,
338
+ notifications: c = zt,
323
339
  // TODO: Fetch these from the internets
324
340
  link: s = "a",
325
- host: a = "https://www.highcharts.com",
326
- pathname: S,
341
+ host: l = "https://www.highcharts.com",
342
+ pathname: q,
327
343
  cssVariable: f
328
344
  }) {
329
- const x = T("(max-width: 374px)"), B = T("(max-width: 849px)"), N = T("(max-width: 1300px)"), y = U(null), [p, M] = P(!1), [u, g] = P([]);
345
+ const x = T("(max-width: 374px)"), N = T("(max-width: 849px)"), y = T("(max-width: 1300px)"), B = G(null), [p, M] = O(!1), [u, g] = O([]);
330
346
  W(() => {
331
- const r = y.current;
347
+ const r = B.current;
332
348
  if (!r) return;
333
- const c = 48, h = 82, C = t?.length ? 72 : 0, Q = h + u.length * c + C, ee = -(h + u.length * c);
334
- let H = window.scrollY, _ = 0, E = null, k = null;
335
- const L = () => {
336
- k = null, !(!r || E === _) && (r.style.transform = `translate3d(0, ${_}px, 0)`, f && document.documentElement.style.setProperty(
349
+ const a = 48, h = 82, _ = n?.length ? 72 : 0, Q = h + u.length * a + _, et = -(h + u.length * a);
350
+ let H = window.scrollY, C = 0, E = null, k = null;
351
+ const I = () => {
352
+ k = null, !(!r || E === C) && (r.style.transform = `translate3d(0, ${C}px, 0)`, f && document.documentElement.style.setProperty(
337
353
  "--header-bottom",
338
- `${Q + _}px`
339
- ), E = _);
354
+ `${Q + C}px`
355
+ ), E = C);
340
356
  };
341
- L();
342
- const I = () => {
343
- const O = window.scrollY, te = O - H;
344
- H = O, _ = Math.min(0, Math.max(ee, _ - te)), k === null && (k = window.requestAnimationFrame(L));
357
+ I();
358
+ const L = () => {
359
+ const A = window.scrollY, nt = A - H;
360
+ H = A, C = Math.min(0, Math.max(et, C - nt)), k === null && (k = window.requestAnimationFrame(I));
345
361
  };
346
- return window.addEventListener("scroll", I, { passive: !0 }), () => {
347
- window.removeEventListener("scroll", I), k !== null && cancelAnimationFrame(k), r.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
362
+ return window.addEventListener("scroll", L, { passive: !0 }), () => {
363
+ window.removeEventListener("scroll", L), k !== null && cancelAnimationFrame(k), r.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
348
364
  };
349
- }, [f, u.length, t?.length]), W(() => {
350
- if (!l.length) return;
351
- const r = z();
365
+ }, [f, u.length, n?.length]), W(() => {
366
+ if (!c.length) return;
367
+ const r = V();
352
368
  g(
353
- r ? l.filter(
354
- (c) => !c.id || !r.closed.includes(c.id)
355
- ) : l
369
+ r ? c.filter(
370
+ (a) => !a.id || !r.closed.includes(a.id)
371
+ ) : c
356
372
  );
357
- }, [a, l]);
373
+ }, [l, c]);
358
374
  const v = (r) => {
359
375
  if (r.preventDefault(), !(r.nativeEvent instanceof KeyboardEvent) || r.nativeEvent.code === "Enter" || r.nativeEvent.code === "Space") {
360
- const c = document.querySelector("main");
361
- c && (c.scrollIntoView(), c.getAttribute("tabindex") !== "-1" && c.setAttribute("tabindex", "-1"), c.focus());
376
+ const a = document.querySelector("main");
377
+ a && (a.scrollIntoView(), a.getAttribute("tabindex") !== "-1" && a.setAttribute("tabindex", "-1"), a.focus());
362
378
  }
363
- }, q = () => {
379
+ }, S = () => {
364
380
  M(!p);
365
- }, Z = (r) => {
381
+ }, tt = (r) => {
366
382
  if (g(u.filter((h) => !h.id || h.id !== r)), !r) return;
367
- const c = z() ?? {
383
+ const a = V() ?? {
368
384
  closed: []
369
385
  };
370
- c.closed.includes(r) || X(
371
- Y,
386
+ a.closed.includes(r) || Z(
387
+ J,
372
388
  JSON.stringify({
373
- closed: [...c.closed, r]
389
+ closed: [...a.closed, r]
374
390
  })
375
391
  );
376
392
  };
377
- return /* @__PURE__ */ i(oe, { children: [
378
- /* @__PURE__ */ e(Ve, {}),
393
+ return /* @__PURE__ */ i(rt, { children: [
394
+ /* @__PURE__ */ t(Kt, {}),
379
395
  /* @__PURE__ */ i("header", { className: o.header, children: [
380
- /* @__PURE__ */ i("div", { className: o.content, ref: y, children: [
381
- u?.map(({ id: r, content: c, variant: h, closable: C }, Q) => /* @__PURE__ */ e(
382
- le,
396
+ /* @__PURE__ */ i("div", { className: o.content, ref: B, children: [
397
+ u?.map(({ id: r, content: a, variant: h, closable: _ }, Q) => /* @__PURE__ */ t(
398
+ ht,
383
399
  {
384
400
  id: r,
385
- content: c,
401
+ content: a,
386
402
  variant: h,
387
- closable: C,
388
- onClose: () => Z(r)
403
+ closable: _,
404
+ onClose: () => tt(r)
389
405
  },
390
406
  Q
391
407
  )),
392
- /* @__PURE__ */ e("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ i(G, { as: "nav", className: o.container, children: [
393
- /* @__PURE__ */ e(
408
+ /* @__PURE__ */ t("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ i(Y, { as: "nav", className: o.container, children: [
409
+ /* @__PURE__ */ t(
394
410
  m,
395
411
  {
396
412
  as: "a",
@@ -402,21 +418,21 @@ function it({
402
418
  children: "Skip to content"
403
419
  }
404
420
  ),
405
- /* @__PURE__ */ e(
421
+ /* @__PURE__ */ t(
406
422
  s,
407
423
  {
408
424
  className: o.logo,
409
- href: d("https://www.highcharts.com/", a),
410
- children: /* @__PURE__ */ e(F, { showText: !N || B && !x })
425
+ href: d("https://www.highcharts.com/", l),
426
+ children: /* @__PURE__ */ t(F, { showText: !y || N && !x })
411
427
  }
412
428
  ),
413
- /* @__PURE__ */ e("ul", { className: o.links, children: K.map(({ title: r, url: c }, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
429
+ /* @__PURE__ */ t("ul", { className: o.links, children: z.map(({ title: r, url: a }, h) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
414
430
  m,
415
431
  {
416
432
  variant: "plain",
417
433
  size: 300,
418
434
  as: s,
419
- href: d(c, a),
435
+ href: d(a, l),
420
436
  children: r
421
437
  }
422
438
  ) }, h)) }),
@@ -428,26 +444,26 @@ function it({
428
444
  as: s,
429
445
  href: d(
430
446
  "https://www.highcharts.com/chat/gpt/",
431
- a
447
+ l
432
448
  ),
433
449
  children: [
434
- /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
435
- /* @__PURE__ */ e(D, {})
450
+ /* @__PURE__ */ t("span", { className: o.gpt, children: "Highcharts GPT" }),
451
+ /* @__PURE__ */ t(D, {})
436
452
  ]
437
453
  }
438
454
  ),
439
- /* @__PURE__ */ e(j, {}),
440
- /* @__PURE__ */ e(R, {}),
455
+ /* @__PURE__ */ t($, {}),
456
+ /* @__PURE__ */ t(R, {}),
441
457
  /* @__PURE__ */ i(
442
458
  m,
443
459
  {
444
460
  className: o.cta,
445
461
  variant: "success",
446
462
  as: s,
447
- href: d("https://shop.highcharts.com/", a),
463
+ href: d("https://shop.highcharts.com/", l),
448
464
  "aria-label": "Buy Now",
449
465
  children: [
450
- /* @__PURE__ */ e($, {}),
466
+ /* @__PURE__ */ t(j, {}),
451
467
  "Buy Now"
452
468
  ]
453
469
  }
@@ -460,10 +476,10 @@ function it({
460
476
  as: s,
461
477
  href: d(
462
478
  "https://www.highcharts.com/download/",
463
- a
479
+ l
464
480
  ),
465
481
  children: [
466
- /* @__PURE__ */ e(V, {}),
482
+ /* @__PURE__ */ t(U, {}),
467
483
  "Try for Free"
468
484
  ]
469
485
  }
@@ -473,32 +489,32 @@ function it({
473
489
  {
474
490
  variant: p ? "white" : "transparent",
475
491
  className: o.menu,
476
- onClick: q,
492
+ onClick: S,
477
493
  children: [
478
494
  p ? "Close" : "Menu",
479
- p ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(ue, {})
495
+ p ? /* @__PURE__ */ t(at, {}) : /* @__PURE__ */ t(pt, {})
480
496
  ]
481
497
  }
482
498
  )
483
499
  ] })
484
500
  ] }) }),
485
- !!t?.length && /* @__PURE__ */ e(
486
- Re,
501
+ !!n?.length && /* @__PURE__ */ t(
502
+ Vt,
487
503
  {
488
- items: t,
504
+ items: n,
489
505
  link: s,
490
- host: a,
491
- pathname: S
506
+ host: l,
507
+ pathname: q
492
508
  }
493
509
  ),
494
- n
510
+ e
495
511
  ] }),
496
- B && /* @__PURE__ */ i(ne, { children: [
497
- /* @__PURE__ */ e(
512
+ N && /* @__PURE__ */ i(ot, { children: [
513
+ /* @__PURE__ */ t(
498
514
  "div",
499
515
  {
500
516
  className: b(o.mobileOverlay, { [o.open]: p }),
501
- onClick: q
517
+ onClick: S
502
518
  }
503
519
  ),
504
520
  /* @__PURE__ */ i(
@@ -509,12 +525,12 @@ function it({
509
525
  }),
510
526
  children: [
511
527
  /* @__PURE__ */ i("div", { className: o.container, children: [
512
- /* @__PURE__ */ e(
528
+ /* @__PURE__ */ t(
513
529
  s,
514
530
  {
515
531
  className: o.logo,
516
- href: d("https://www.highcharts.com/", a),
517
- children: /* @__PURE__ */ e(F, { showText: !x })
532
+ href: d("https://www.highcharts.com/", l),
533
+ children: /* @__PURE__ */ t(F, { showText: !x })
518
534
  }
519
535
  ),
520
536
  /* @__PURE__ */ i("div", { className: o.buttons, children: [
@@ -525,16 +541,16 @@ function it({
525
541
  as: s,
526
542
  href: d(
527
543
  "https://www.highcharts.com/chat/gpt/",
528
- a
544
+ l
529
545
  ),
530
546
  children: [
531
- /* @__PURE__ */ e("span", { className: o.gpt, children: "Highcharts GPT" }),
532
- /* @__PURE__ */ e(D, {})
547
+ /* @__PURE__ */ t("span", { className: o.gpt, children: "Highcharts GPT" }),
548
+ /* @__PURE__ */ t(D, {})
533
549
  ]
534
550
  }
535
551
  ),
536
- /* @__PURE__ */ e(j, {}),
537
- /* @__PURE__ */ e(R, {})
552
+ /* @__PURE__ */ t($, {}),
553
+ /* @__PURE__ */ t(R, {})
538
554
  ] })
539
555
  ] }),
540
556
  /* @__PURE__ */ i("div", { className: o.buttons, children: [
@@ -544,9 +560,9 @@ function it({
544
560
  variant: "brand",
545
561
  fullWidth: !0,
546
562
  as: s,
547
- href: d("https://shop.highcharts.com/", a),
563
+ href: d("https://shop.highcharts.com/", l),
548
564
  children: [
549
- /* @__PURE__ */ e($, {}),
565
+ /* @__PURE__ */ t(j, {}),
550
566
  "Buy Now"
551
567
  ]
552
568
  }
@@ -559,29 +575,29 @@ function it({
559
575
  as: s,
560
576
  href: d(
561
577
  "https://www.highcharts.com/download/",
562
- a
578
+ l
563
579
  ),
564
580
  children: [
565
- /* @__PURE__ */ e(V, {}),
581
+ /* @__PURE__ */ t(U, {}),
566
582
  "Try for Free"
567
583
  ]
568
584
  }
569
585
  )
570
586
  ] }),
571
- /* @__PURE__ */ e("ul", { className: o.links, children: K.map(({ title: r, url: c, icon: h }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
587
+ /* @__PURE__ */ t("ul", { className: o.links, children: z.map(({ title: r, url: a, icon: h }, _) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
572
588
  m,
573
589
  {
574
590
  variant: "plain",
575
591
  size: 500,
576
592
  fullWidth: !0,
577
593
  as: s,
578
- href: d(c, a),
594
+ href: d(a, l),
579
595
  children: [
580
596
  h,
581
597
  r
582
598
  ]
583
599
  }
584
- ) }, C)) })
600
+ ) }, _)) })
585
601
  ]
586
602
  }
587
603
  )
@@ -590,6 +606,6 @@ function it({
590
606
  ] });
591
607
  }
592
608
  export {
593
- it as Header,
594
- Re as SubHeader
609
+ le as Header,
610
+ Vt as SubHeader
595
611
  };