highsoft-ui 1.0.111 → 1.0.113

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 (68) hide show
  1. package/dist/Button-Bbc4vmW_.js +45 -0
  2. package/dist/Container-LAkF4ShX.js +11 -0
  3. package/dist/CookiePolicyModal-BH2uHybE.js +90 -0
  4. package/dist/Footer-DY0QJnxb.js +783 -0
  5. package/dist/GPTInput-DRFGKJ2u.js +66 -0
  6. package/dist/Header-DbSqXuvO.js +383 -0
  7. package/dist/Logo-CZ5LYqub.js +194 -0
  8. package/dist/NewTag-C-3mRyvV.js +26 -0
  9. package/dist/Notification-_vWBqFiA.js +96 -0
  10. package/dist/PrefPanel-DmiRZs1n.js +1548 -0
  11. package/dist/Search-D_fsZ-hm.js +4673 -0
  12. package/dist/clsx-ROFf4vs9.js +16 -0
  13. package/dist/components/Button/index.js +2 -81
  14. package/dist/components/Container/index.js +2 -11
  15. package/dist/components/Footer/CookiePolicyModal.js +2 -9
  16. package/dist/components/Footer/index.js +2 -833
  17. package/dist/components/GPTInput/index.js +2 -86
  18. package/dist/components/Header/index.js +2 -611
  19. package/dist/components/Logo/index.js +2 -255
  20. package/dist/components/NewTag/index.js +2 -54
  21. package/dist/components/Notification/index.js +2 -100
  22. package/dist/components/PrefPanel/index.js +2 -1945
  23. package/dist/components/Search/index.js +2 -9
  24. package/dist/components/ThemeLoader/index.js +6 -34
  25. package/dist/components/icons/Bubble.js +37 -52
  26. package/dist/components/icons/MadeInNorway.js +110 -145
  27. package/dist/components/icons/Plane.js +17 -23
  28. package/dist/dist-0f0-S8_q.js +211 -0
  29. package/dist/dist-CjrKJb_1.js +27 -0
  30. package/dist/es2015-CzBBLWyD.js +1140 -0
  31. package/dist/esm-C1TDRARf.js +479 -0
  32. package/dist/highsoft-ui.css +2 -1
  33. package/dist/main.js +12 -28
  34. package/dist/php-client.js +9 -9
  35. package/dist/php.js +10 -16
  36. package/dist/utils-C4QGLbxr.js +162 -0
  37. package/dist/utils.js +2 -11
  38. package/package.json +14 -8
  39. package/dist/Announcement03-obPaH4LK.js +0 -23
  40. package/dist/Check-Cm4roSEj.js +0 -23
  41. package/dist/CookiePolicyModal-C5FOuvB-.js +0 -82
  42. package/dist/XClose-CCu1vrNS.js +0 -23
  43. package/dist/clsx-OuTLNxxd.js +0 -16
  44. package/dist/extends-hS2Bh-Yp.js +0 -12
  45. package/dist/index-CUCGgBGk.js +0 -5654
  46. package/dist/index-CYz8LhDn.js +0 -1110
  47. package/dist/index-DThcOQDt.js +0 -234
  48. package/dist/index-hYJmp-0x.js +0 -30
  49. package/dist/utils-BKDJp1i0.js +0 -140
  50. /package/dist/{components → lib/components}/Button/index.d.ts +0 -0
  51. /package/dist/{components → lib/components}/Container/index.d.ts +0 -0
  52. /package/dist/{components → lib/components}/Footer/CookiePolicyModal.d.ts +0 -0
  53. /package/dist/{components → lib/components}/Footer/index.d.ts +0 -0
  54. /package/dist/{components → lib/components}/GPTInput/index.d.ts +0 -0
  55. /package/dist/{components → lib/components}/Header/index.d.ts +0 -0
  56. /package/dist/{components → lib/components}/Logo/index.d.ts +0 -0
  57. /package/dist/{components → lib/components}/NewTag/index.d.ts +0 -0
  58. /package/dist/{components → lib/components}/Notification/index.d.ts +0 -0
  59. /package/dist/{components → lib/components}/PrefPanel/index.d.ts +0 -0
  60. /package/dist/{components → lib/components}/Search/index.d.ts +0 -0
  61. /package/dist/{components → lib/components}/ThemeLoader/index.d.ts +0 -0
  62. /package/dist/{components → lib/components}/icons/Bubble.d.ts +0 -0
  63. /package/dist/{components → lib/components}/icons/MadeInNorway.d.ts +0 -0
  64. /package/dist/{components → lib/components}/icons/Plane.d.ts +0 -0
  65. /package/dist/{main.d.ts → lib/main.d.ts} +0 -0
  66. /package/dist/{php-client.d.ts → lib/php-client.d.ts} +0 -0
  67. /package/dist/{php.d.ts → lib/php.d.ts} +0 -0
  68. /package/dist/{utils.d.ts → lib/utils.d.ts} +0 -0
@@ -1,86 +1,2 @@
1
- import { jsx as n, jsxs as l } from "react/jsx-runtime";
2
- import { useRef as _, useState as K, useLayoutEffect as b } from "react";
3
- import { c as d } from "../../clsx-OuTLNxxd.js";
4
- import x from "../icons/Bubble.js";
5
- import R from "../icons/Plane.js";
6
- const L = "_1KLR0a_bottomFade", g = "_1KLR0a_button", C = "_1KLR0a_disclaimer", v = "_1KLR0a_inputContainer", S = "_1KLR0a_inputWrap", P = "_1KLR0a_primary", N = "_1KLR0a_secondary", W = "_1KLR0a_textarea", a = {
7
- bottomFade: L,
8
- button: g,
9
- disclaimer: C,
10
- inputContainer: v,
11
- inputWrap: S,
12
- primary: P,
13
- secondary: N,
14
- textarea: W
15
- };
16
- function k({
17
- variant: r = "primary",
18
- className: s,
19
- children: e,
20
- ...o
21
- }) {
22
- return /* @__PURE__ */ n(
23
- "button",
24
- {
25
- className: d(a.button, a[r], s),
26
- ...o,
27
- children: /* @__PURE__ */ n("span", { children: e })
28
- }
29
- );
30
- }
31
- function E({
32
- autoFocus: r,
33
- onSubmit: s
34
- }) {
35
- const e = _(null), [o, i] = K(""), c = o.trim(), u = !!c;
36
- b(() => {
37
- r && e.current?.focus();
38
- }, [r]);
39
- const p = () => {
40
- const t = e.current;
41
- t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
42
- }, f = (t) => {
43
- i(t.target.value), p();
44
- }, m = (t) => {
45
- t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
46
- }, y = (t) => {
47
- t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
48
- }, h = () => {
49
- e.current?.focus();
50
- };
51
- return /* @__PURE__ */ l(
52
- "form",
53
- {
54
- className: d(a.inputWrap, { [a.active]: u }),
55
- onKeyDown: y,
56
- onSubmit: m,
57
- children: [
58
- /* @__PURE__ */ n(x, {}),
59
- /* @__PURE__ */ n(
60
- "textarea",
61
- {
62
- className: a.textarea,
63
- ref: e,
64
- value: o,
65
- onChange: f
66
- }
67
- ),
68
- /* @__PURE__ */ l(
69
- k,
70
- {
71
- variant: u ? "primary" : "secondary",
72
- onClick: h,
73
- children: [
74
- /* @__PURE__ */ n(R, {}),
75
- /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
76
- ]
77
- }
78
- )
79
- ]
80
- }
81
- );
82
- }
83
- export {
84
- E as GPTInput,
85
- k as default
86
- };
1
+ import { n as e, t } from "../../GPTInput-DRFGKJ2u.js";
2
+ export { e as GPTInput, t as default };
@@ -1,611 +1,2 @@
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
- import { _ as w } from "../../extends-hS2Bh-Yp.js";
6
- import { S as $, a as j } from "../../index-CUCGgBGk.js";
7
- import { X as at } from "../../XClose-CCu1vrNS.js";
8
- import { c as b } from "../../clsx-OuTLNxxd.js";
9
- import { Button as m } from "../Button/index.js";
10
- import { Container as Y } from "../Container/index.js";
11
- import { Logo as F } from "../Logo/index.js";
12
- import { NewTag as lt } from "../NewTag/index.js";
13
- import { Notification as ht } from "../Notification/index.js";
14
- import { PrefPanel as R } from "../PrefPanel/index.js";
15
- var dt = function(e) {
16
- return /* @__PURE__ */ t("svg", w({
17
- xmlns: "http://www.w3.org/2000/svg",
18
- width: 24,
19
- height: 24,
20
- fill: "none",
21
- viewBox: "0 0 24 24"
22
- }, e, {
23
- children: /* @__PURE__ */ t("path", {
24
- stroke: "currentColor",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round",
27
- strokeWidth: 2,
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
- })
30
- }));
31
- }, mt = function(e) {
32
- return /* @__PURE__ */ t("svg", w({
33
- xmlns: "http://www.w3.org/2000/svg",
34
- width: 24,
35
- height: 24,
36
- fill: "none",
37
- viewBox: "0 0 24 24"
38
- }, e, {
39
- children: /* @__PURE__ */ t("path", {
40
- stroke: "currentColor",
41
- strokeLinecap: "round",
42
- strokeLinejoin: "round",
43
- strokeWidth: 2,
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
- })
46
- }));
47
- }, ut = function(e) {
48
- return /* @__PURE__ */ t("svg", w({
49
- xmlns: "http://www.w3.org/2000/svg",
50
- width: 24,
51
- height: 24,
52
- fill: "none",
53
- viewBox: "0 0 24 24"
54
- }, e, {
55
- children: /* @__PURE__ */ t("path", {
56
- stroke: "currentColor",
57
- strokeLinecap: "round",
58
- strokeLinejoin: "round",
59
- strokeWidth: 2,
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
- })
62
- }));
63
- }, pt = function(e) {
64
- return /* @__PURE__ */ t("svg", w({
65
- xmlns: "http://www.w3.org/2000/svg",
66
- width: 24,
67
- height: 24,
68
- fill: "none",
69
- viewBox: "0 0 24 24"
70
- }, e, {
71
- children: /* @__PURE__ */ t("path", {
72
- stroke: "currentColor",
73
- strokeLinecap: "round",
74
- strokeLinejoin: "round",
75
- strokeWidth: 2,
76
- d: "M3 12h12M3 6h18M3 18h18"
77
- })
78
- }));
79
- }, wt = function(e) {
80
- return /* @__PURE__ */ t("svg", w({
81
- xmlns: "http://www.w3.org/2000/svg",
82
- width: 24,
83
- height: 24,
84
- fill: "none",
85
- viewBox: "0 0 24 24"
86
- }, e, {
87
- children: /* @__PURE__ */ t("path", {
88
- stroke: "currentColor",
89
- strokeLinecap: "round",
90
- strokeLinejoin: "round",
91
- strokeWidth: 2,
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
- })
94
- }));
95
- }, ft = function(e) {
96
- return /* @__PURE__ */ t("svg", w({
97
- xmlns: "http://www.w3.org/2000/svg",
98
- width: 24,
99
- height: 24,
100
- fill: "none",
101
- viewBox: "0 0 24 24"
102
- }, e, {
103
- children: /* @__PURE__ */ t("path", {
104
- stroke: "currentColor",
105
- strokeLinecap: "round",
106
- strokeLinejoin: "round",
107
- strokeWidth: 2,
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
- })
110
- }));
111
- }, D = function(e) {
112
- return /* @__PURE__ */ t("svg", w({
113
- xmlns: "http://www.w3.org/2000/svg",
114
- width: 24,
115
- height: 24,
116
- fill: "none",
117
- viewBox: "0 0 24 24"
118
- }, e, {
119
- children: /* @__PURE__ */ t("path", {
120
- stroke: "currentColor",
121
- strokeLinecap: "round",
122
- strokeLinejoin: "round",
123
- strokeWidth: 2,
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
- })
126
- }));
127
- }, U = function(e) {
128
- return /* @__PURE__ */ t("svg", w({
129
- xmlns: "http://www.w3.org/2000/svg",
130
- width: 24,
131
- height: 24,
132
- fill: "none",
133
- viewBox: "0 0 24 24"
134
- }, e, {
135
- children: /* @__PURE__ */ t("path", {
136
- stroke: "currentColor",
137
- strokeLinecap: "round",
138
- strokeLinejoin: "round",
139
- strokeWidth: 2,
140
- d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.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.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 21"
141
- })
142
- }));
143
- };
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
- if (typeof window > "u") return;
170
- const n = window.location.hostname;
171
- if (!n || n === "localhost" || jt(n))
172
- return;
173
- const e = n.replace(/^www\./, ""), c = e.split(".");
174
- return c.length <= 2 ? `.${e}` : `.${c.slice(-2).join(".")}`;
175
- }, V = () => {
176
- if (typeof document > "u") return null;
177
- const n = document.cookie.split("; ").find((e) => e.startsWith(`${J}=`));
178
- if (!n) return null;
179
- try {
180
- return JSON.parse(decodeURIComponent(n.split("=")[1]));
181
- } catch {
182
- return null;
183
- }
184
- }, Rt = () => {
185
- if (typeof document > "u") return null;
186
- const n = document.cookie.split("; ").find((e) => e.startsWith(`${X}=`));
187
- if (!n) return null;
188
- try {
189
- return decodeURIComponent(n.split("=")[1]);
190
- } catch {
191
- return null;
192
- }
193
- }, Z = (n, e) => {
194
- if (typeof document > "u") return;
195
- const c = new Date(
196
- Date.now() + $t * 24 * 60 * 60 * 1e3
197
- ).toUTCString(), s = Ft(), l = [
198
- `${n}=${encodeURIComponent(e)}`,
199
- "path=/",
200
- "SameSite=Lax",
201
- `expires=${c}`
202
- ];
203
- s && l.push(`domain=${s}`), document.cookie = l.join("; ");
204
- }, z = [
205
- {
206
- title: "Products",
207
- url: "https://www.highcharts.com/products/",
208
- icon: /* @__PURE__ */ t(mt, {})
209
- },
210
- {
211
- title: "Demos",
212
- url: "https://www.highcharts.com/demo",
213
- icon: /* @__PURE__ */ t(ft, {})
214
- },
215
- {
216
- title: "Support",
217
- url: "https://www.highcharts.com/support/",
218
- icon: /* @__PURE__ */ t(wt, {})
219
- },
220
- {
221
- title: "Resources",
222
- url: "https://www.highcharts.com/resources/",
223
- icon: /* @__PURE__ */ t(ut, {})
224
- },
225
- {
226
- title: "Pricing",
227
- url: "https://shop.highcharts.com/",
228
- icon: /* @__PURE__ */ t(dt, {})
229
- },
230
- {
231
- title: "Blog",
232
- url: "https://www.highcharts.com/blog/home/",
233
- icon: /* @__PURE__ */ t(ct, {})
234
- }
235
- ];
236
- function d(n, e) {
237
- return e ? n.replace(e, "") : n;
238
- }
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",
253
- pathname: s
254
- }) {
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(
257
- ({
258
- title: q,
259
- url: f,
260
- prefixMatch: x,
261
- icon: N,
262
- selectedIcon: y,
263
- tag: B,
264
- tagVariant: p = "success"
265
- }, M) => {
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,
269
- {
270
- href: d(f, c),
271
- className: b({
272
- [o.selectableIcon]: y,
273
- [o.selected]: S
274
- }),
275
- children: [
276
- /* @__PURE__ */ i("span", { className: o.icons, children: [
277
- /* @__PURE__ */ t("span", { className: o.selectedIcon, children: y }),
278
- /* @__PURE__ */ t("span", { className: o.icon, children: N })
279
- ] }),
280
- /* @__PURE__ */ i("span", { className: o.subTitle, children: [
281
- q,
282
- B && /* @__PURE__ */ t(lt, { variant: p, icon: !1 })
283
- ] })
284
- ]
285
- }
286
- ) }, M);
287
- }
288
- ) }) });
289
- }
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 = [
316
- {
317
- id: Ut("whats-new", K),
318
- content: K
319
- }
320
- ];
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;
328
- return;
329
- }
330
- c.current = !0;
331
- }, [e, n]), P(() => {
332
- n && Z(X, n);
333
- }, [n]), null;
334
- }
335
- function le({
336
- subItems: n,
337
- children: e,
338
- notifications: c = zt,
339
- // TODO: Fetch these from the internets
340
- link: s = "a",
341
- host: l = "https://www.highcharts.com",
342
- pathname: q,
343
- cssVariable: f
344
- }) {
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([]);
346
- W(() => {
347
- const r = B.current;
348
- if (!r) return;
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(
353
- "--header-bottom",
354
- `${Q + C}px`
355
- ), E = C);
356
- };
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));
361
- };
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");
364
- };
365
- }, [f, u.length, n?.length]), W(() => {
366
- if (!c.length) return;
367
- const r = V();
368
- g(
369
- r ? c.filter(
370
- (a) => !a.id || !r.closed.includes(a.id)
371
- ) : c
372
- );
373
- }, [l, c]);
374
- const v = (r) => {
375
- if (r.preventDefault(), !(r.nativeEvent instanceof KeyboardEvent) || r.nativeEvent.code === "Enter" || r.nativeEvent.code === "Space") {
376
- const a = document.querySelector("main");
377
- a && (a.scrollIntoView(), a.getAttribute("tabindex") !== "-1" && a.setAttribute("tabindex", "-1"), a.focus());
378
- }
379
- }, S = () => {
380
- M(!p);
381
- }, tt = (r) => {
382
- if (g(u.filter((h) => !h.id || h.id !== r)), !r) return;
383
- const a = V() ?? {
384
- closed: []
385
- };
386
- a.closed.includes(r) || Z(
387
- J,
388
- JSON.stringify({
389
- closed: [...a.closed, r]
390
- })
391
- );
392
- };
393
- return /* @__PURE__ */ i(rt, { children: [
394
- /* @__PURE__ */ t(Kt, {}),
395
- /* @__PURE__ */ i("header", { className: o.header, children: [
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,
399
- {
400
- id: r,
401
- content: a,
402
- variant: h,
403
- closable: _,
404
- onClose: () => tt(r)
405
- },
406
- Q
407
- )),
408
- /* @__PURE__ */ t("div", { className: b(o.main, o.outer), children: /* @__PURE__ */ i(Y, { as: "nav", className: o.container, children: [
409
- /* @__PURE__ */ t(
410
- m,
411
- {
412
- as: "a",
413
- className: o.skip,
414
- size: 500,
415
- tabIndex: "0",
416
- onClick: v,
417
- onKeyPress: v,
418
- children: "Skip to content"
419
- }
420
- ),
421
- /* @__PURE__ */ t(
422
- s,
423
- {
424
- className: o.logo,
425
- href: d("https://www.highcharts.com/", l),
426
- children: /* @__PURE__ */ t(F, { showText: !y || N && !x })
427
- }
428
- ),
429
- /* @__PURE__ */ t("ul", { className: o.links, children: z.map(({ title: r, url: a }, h) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
430
- m,
431
- {
432
- variant: "plain",
433
- size: 300,
434
- as: s,
435
- href: d(a, l),
436
- children: r
437
- }
438
- ) }, h)) }),
439
- /* @__PURE__ */ i("div", { className: o.buttons, children: [
440
- /* @__PURE__ */ i(
441
- m,
442
- {
443
- variant: "transparent",
444
- as: s,
445
- href: d(
446
- "https://www.highcharts.com/chat/gpt/",
447
- l
448
- ),
449
- children: [
450
- /* @__PURE__ */ t("span", { className: o.gpt, children: "Highcharts GPT" }),
451
- /* @__PURE__ */ t(D, {})
452
- ]
453
- }
454
- ),
455
- /* @__PURE__ */ t($, {}),
456
- /* @__PURE__ */ t(R, {}),
457
- /* @__PURE__ */ i(
458
- m,
459
- {
460
- className: o.cta,
461
- variant: "success",
462
- as: s,
463
- href: d("https://shop.highcharts.com/", l),
464
- "aria-label": "Buy Now",
465
- children: [
466
- /* @__PURE__ */ t(j, {}),
467
- "Buy Now"
468
- ]
469
- }
470
- ),
471
- /* @__PURE__ */ i(
472
- m,
473
- {
474
- className: o.cta,
475
- variant: "brand",
476
- as: s,
477
- href: d(
478
- "https://www.highcharts.com/download/",
479
- l
480
- ),
481
- children: [
482
- /* @__PURE__ */ t(U, {}),
483
- "Try for Free"
484
- ]
485
- }
486
- ),
487
- /* @__PURE__ */ i(
488
- m,
489
- {
490
- variant: p ? "white" : "transparent",
491
- className: o.menu,
492
- onClick: S,
493
- children: [
494
- p ? "Close" : "Menu",
495
- p ? /* @__PURE__ */ t(at, {}) : /* @__PURE__ */ t(pt, {})
496
- ]
497
- }
498
- )
499
- ] })
500
- ] }) }),
501
- !!n?.length && /* @__PURE__ */ t(
502
- Vt,
503
- {
504
- items: n,
505
- link: s,
506
- host: l,
507
- pathname: q
508
- }
509
- ),
510
- e
511
- ] }),
512
- N && /* @__PURE__ */ i(ot, { children: [
513
- /* @__PURE__ */ t(
514
- "div",
515
- {
516
- className: b(o.mobileOverlay, { [o.open]: p }),
517
- onClick: S
518
- }
519
- ),
520
- /* @__PURE__ */ i(
521
- "nav",
522
- {
523
- className: b(o.mobile, {
524
- [o.open]: p
525
- }),
526
- children: [
527
- /* @__PURE__ */ i("div", { className: o.container, children: [
528
- /* @__PURE__ */ t(
529
- s,
530
- {
531
- className: o.logo,
532
- href: d("https://www.highcharts.com/", l),
533
- children: /* @__PURE__ */ t(F, { showText: !x })
534
- }
535
- ),
536
- /* @__PURE__ */ i("div", { className: o.buttons, children: [
537
- /* @__PURE__ */ i(
538
- m,
539
- {
540
- variant: "transparent",
541
- as: s,
542
- href: d(
543
- "https://www.highcharts.com/chat/gpt/",
544
- l
545
- ),
546
- children: [
547
- /* @__PURE__ */ t("span", { className: o.gpt, children: "Highcharts GPT" }),
548
- /* @__PURE__ */ t(D, {})
549
- ]
550
- }
551
- ),
552
- /* @__PURE__ */ t($, {}),
553
- /* @__PURE__ */ t(R, {})
554
- ] })
555
- ] }),
556
- /* @__PURE__ */ i("div", { className: o.buttons, children: [
557
- /* @__PURE__ */ i(
558
- m,
559
- {
560
- variant: "brand",
561
- fullWidth: !0,
562
- as: s,
563
- href: d("https://shop.highcharts.com/", l),
564
- children: [
565
- /* @__PURE__ */ t(j, {}),
566
- "Buy Now"
567
- ]
568
- }
569
- ),
570
- /* @__PURE__ */ i(
571
- m,
572
- {
573
- variant: "success",
574
- fullWidth: !0,
575
- as: s,
576
- href: d(
577
- "https://www.highcharts.com/download/",
578
- l
579
- ),
580
- children: [
581
- /* @__PURE__ */ t(U, {}),
582
- "Try for Free"
583
- ]
584
- }
585
- )
586
- ] }),
587
- /* @__PURE__ */ t("ul", { className: o.links, children: z.map(({ title: r, url: a, icon: h }, _) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(
588
- m,
589
- {
590
- variant: "plain",
591
- size: 500,
592
- fullWidth: !0,
593
- as: s,
594
- href: d(a, l),
595
- children: [
596
- h,
597
- r
598
- ]
599
- }
600
- ) }, _)) })
601
- ]
602
- }
603
- )
604
- ] })
605
- ] })
606
- ] });
607
- }
608
- export {
609
- le as Header,
610
- Vt as SubHeader
611
- };
1
+ import { n as e, t } from "../../Header-DbSqXuvO.js";
2
+ export { t as Header, e as SubHeader };