highsoft-ui 1.0.173 → 1.0.175
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +90 -1
- package/dist/Breadcrumb-CyaMrJfW.js +80 -0
- package/dist/{BrowserFrame-CisPLoTR.js → BrowserFrame-_qNod9an.js} +5 -5
- package/dist/{Button-CdrrwvXk.js → Button-DFcjZsF4.js} +1 -1
- package/dist/{ButtonGroup-JtJaVLlu.js → ButtonGroup-dTeFICBP.js} +1 -1
- package/dist/{Checkbox-DU_KGp-P.js → Checkbox-X7FrR_6F.js} +1 -1
- package/dist/{CodeBlock-CGBo8nwy.js → CodeBlock-rPC0sIvR.js} +4 -4
- package/dist/{CookiePolicyModal-xPb4G_hM.js → CookiePolicyModal-D-IOZSoU.js} +2 -2
- package/dist/{CopyCode-72gVieQO.js → CopyCode-DS2T69as.js} +2 -2
- package/dist/{Dropdown-DLRtYhFa.js → Dropdown-Ck7IASlc.js} +1 -1
- package/dist/{Features-BS-_cksu.js → Features-BQ5o3wcc.js} +8 -8
- package/dist/{Footer-CqtCkr_g.js → Footer-C2tXo3oR.js} +7 -7
- package/dist/{FooterBottom-B8GCRg2o.js → FooterBottom-BPuLsXI1.js} +24 -24
- package/dist/{FooterHelp-D5X2Pco9.js → FooterHelp-99gRcRar.js} +22 -22
- package/dist/{FooterLinks-yn_sgcbu.js → FooterLinks-DXTz-d8e.js} +7 -7
- package/dist/{Header-CQKgp8xy.js → Header-DqE0a41T.js} +49 -49
- package/dist/ImagePair-BH6ZnPcE.js +44 -0
- package/dist/{InputGrouped-DLghbzO7.js → InputGrouped-DNiMvxxa.js} +13 -13
- package/dist/{Label-B-Xt6XQQ.js → Label-DTIv_3zs.js} +1 -1
- package/dist/{List-B1zRI6pm.js → List-CdwPhveO.js} +11 -11
- package/dist/{LogoCarousel-TbyB0ot0.js → LogoCarousel-BsmxIlzx.js} +2 -2
- package/dist/{NewsletterSignup-BPLup66s.js → NewsletterSignup-CTbjNSnk.js} +12 -12
- package/dist/{Notification-DtqcW5FH.js → Notification-CTSGBhJk.js} +3 -3
- package/dist/{PrefPanel-6oTpfC5q.js → PrefPanel-CwrWfi3R.js} +8 -8
- package/dist/{PrevNextNav-XaxS2FTm.js → PrevNextNav-BwP-lRaG.js} +1 -1
- package/dist/{RoadmapDetails-CLQzIxv7.js → RoadmapDetails-B-2pgXHz.js} +5 -5
- package/dist/{SearchDropdown-Ow5_Hu21.js → SearchDropdown-g3g30peB.js} +1 -1
- package/dist/{VideoCover-25FfvhPg.js → VideoCover-DdN1nXfu.js} +5 -5
- package/dist/{VideoPlayer-CB2lOh95.js → VideoPlayer-C0pHiwYx.js} +7 -7
- package/dist/{VideoPlayerModal-CVJbPd6n.js → VideoPlayerModal-Bh2u5h8g.js} +2 -2
- package/dist/{YoutubeModal-j51vfjYk.js → YoutubeModal-CXSHjsEd.js} +2 -2
- package/dist/components/Breadcrumb/index.js +2 -0
- package/dist/components/BrowserFrame/index.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/CodeBlock/index.js +1 -1
- package/dist/components/CopyCode/index.js +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Features/index.js +1 -1
- package/dist/components/Figure/ImagePair.js +2 -0
- package/dist/components/Figure/ZoomImage.js +70 -0
- package/dist/components/Figure/index.js +43 -0
- package/dist/components/Footer/CookiePolicyModal.js +1 -1
- package/dist/components/Footer/FooterBottom.js +1 -1
- package/dist/components/Footer/FooterHelp.js +1 -1
- package/dist/components/Footer/FooterLinks.js +1 -1
- package/dist/components/Footer/YoutubeModal.js +1 -1
- package/dist/components/Footer/index.js +1 -1
- package/dist/components/Header/index.js +1 -1
- package/dist/components/InputGrouped/index.js +1 -1
- package/dist/components/Label/index.js +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/LogoCarousel/index.js +1 -1
- package/dist/components/Modal/ModalContactFooter.js +2 -2
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/NewsletterSignup/index.js +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PrefPanel/index.js +1 -1
- package/dist/components/PrevNextNav/index.js +1 -1
- package/dist/components/RoadmapDetails/index.js +1 -1
- package/dist/components/Search/SearchDialog.js +10 -10
- package/dist/components/Search/index.js +2 -2
- package/dist/components/SearchDropdown/index.js +1 -1
- package/dist/components/Sidebar/NavDisclosure.js +1 -1
- package/dist/components/Sidebar/NavGroup.js +1 -1
- package/dist/components/Sidebar/Sidebar.js +10 -10
- package/dist/components/Sidebar/SidebarLayout.js +1 -1
- package/dist/components/Sidebar/SidebarSwitcher.js +1 -1
- package/dist/components/VideoCover/index.js +1 -1
- package/dist/components/VideoPlayer/VideoPlayerModal.js +1 -1
- package/dist/components/VideoPlayer/index.js +1 -1
- package/dist/{create-element-DvDqDt-f.js → create-element-DHbI55TT.js} +1 -1
- package/dist/{esm-zUd-Cmgs.js → esm-DQBytmnt.js} +24 -10
- package/dist/highsoft-ui.css +1 -1
- package/dist/lib/components/Breadcrumb/index.d.ts +36 -0
- package/dist/lib/components/Figure/ImagePair.d.ts +20 -0
- package/dist/lib/components/Figure/ZoomImage.d.ts +18 -0
- package/dist/lib/components/Figure/index.d.ts +96 -0
- package/dist/lib/main.d.ts +4 -0
- package/dist/main.js +55 -53
- package/dist/{prism-light-oph9ikSp.js → prism-light-D9OePufj.js} +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { t as i } from "./Label-
|
|
2
|
+
import { L as t } from "./esm-DQBytmnt.js";
|
|
3
|
+
import { n } from "./Typography-DI1AkqiO.js";
|
|
4
|
+
import { t as r } from "./Icon-DJTgdvsG.js";
|
|
5
|
+
import { t as i } from "./Label-DTIv_3zs.js";
|
|
6
6
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
7
|
var s = {
|
|
8
8
|
externalIcon: "N4RQEq_externalIcon",
|
|
@@ -267,7 +267,7 @@ var l = {
|
|
|
267
267
|
function u({ link: u = "a", host: d = "https://www.highcharts.com" }) {
|
|
268
268
|
return /* @__PURE__ */ a("div", {
|
|
269
269
|
className: s.links,
|
|
270
|
-
children: Object.entries(l).map(([l, f], p) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(
|
|
270
|
+
children: Object.entries(l).map(([l, f], p) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(n, {
|
|
271
271
|
as: "h2",
|
|
272
272
|
size: 100,
|
|
273
273
|
weight: "medium",
|
|
@@ -278,12 +278,12 @@ function u({ link: u = "a", host: d = "https://www.highcharts.com" }) {
|
|
|
278
278
|
href: c(f, d),
|
|
279
279
|
className: e({ [s.tagged]: p }),
|
|
280
280
|
target: f.includes("highcharts.com") ? void 0 : "_blank",
|
|
281
|
-
children: [/* @__PURE__ */ o(
|
|
281
|
+
children: [/* @__PURE__ */ o(n, {
|
|
282
282
|
as: "span",
|
|
283
283
|
size: 100,
|
|
284
284
|
color: "secondary",
|
|
285
285
|
className: s.linkLabel,
|
|
286
|
-
children: [l, !f.includes("highcharts.com") && /* @__PURE__ */ a(
|
|
286
|
+
children: [l, !f.includes("highcharts.com") && /* @__PURE__ */ a(r, {
|
|
287
287
|
name: t,
|
|
288
288
|
size: 12,
|
|
289
289
|
className: s.externalIcon
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { a as e, d as t, i as n, o as r, u as i } from "./utils-bAjntFD8.js";
|
|
3
3
|
import { t as a } from "./clsx-BWCAbrjV.js";
|
|
4
|
-
import {
|
|
5
|
-
import { t as _ } from "./Button-
|
|
4
|
+
import { H as o, M as s, at as c, c as l, j as u, lt as d, m as f, n as p, p as m, rt as h, x as g } from "./esm-DQBytmnt.js";
|
|
5
|
+
import { t as _ } from "./Button-DFcjZsF4.js";
|
|
6
6
|
import { t as v } from "./Container-BDssaLig.js";
|
|
7
7
|
import { t as y } from "./Logo-Bz0G2G-k.js";
|
|
8
|
-
import { t as b } from "./PrefPanel-
|
|
9
|
-
import { t as x } from "./Label-
|
|
10
|
-
import { t as S } from "./Notification-
|
|
8
|
+
import { t as b } from "./PrefPanel-CwrWfi3R.js";
|
|
9
|
+
import { t as x } from "./Label-DTIv_3zs.js";
|
|
10
|
+
import { t as S } from "./Notification-CTSGBhJk.js";
|
|
11
11
|
import { Search as C } from "./components/Search/index.js";
|
|
12
12
|
import { useEffect as w, useRef as T, useState as E } from "react";
|
|
13
13
|
import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
|
|
@@ -76,32 +76,32 @@ var A = {
|
|
|
76
76
|
{
|
|
77
77
|
title: "Products",
|
|
78
78
|
url: "https://www.highcharts.com/products/",
|
|
79
|
-
icon: /* @__PURE__ */ O(
|
|
79
|
+
icon: /* @__PURE__ */ O(h, {})
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
title: "Demos",
|
|
83
83
|
url: "https://www.highcharts.com/demo",
|
|
84
|
-
icon: /* @__PURE__ */ O(
|
|
84
|
+
icon: /* @__PURE__ */ O(g, {})
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
87
|
title: "Support",
|
|
88
88
|
url: "https://www.highcharts.com/support/",
|
|
89
|
-
icon: /* @__PURE__ */ O(
|
|
89
|
+
icon: /* @__PURE__ */ O(u, {})
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
title: "Resources",
|
|
93
93
|
url: "https://www.highcharts.com/resources/",
|
|
94
|
-
icon: /* @__PURE__ */ O(
|
|
94
|
+
icon: /* @__PURE__ */ O(o, {})
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
title: "Pricing",
|
|
98
98
|
url: "https://shop.highcharts.com/",
|
|
99
|
-
icon: /* @__PURE__ */ O(
|
|
99
|
+
icon: /* @__PURE__ */ O(c, {})
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
title: "Blog",
|
|
103
103
|
url: "https://www.highcharts.com/blog/home/",
|
|
104
|
-
icon: /* @__PURE__ */ O(
|
|
104
|
+
icon: /* @__PURE__ */ O(d, {})
|
|
105
105
|
}
|
|
106
106
|
];
|
|
107
107
|
function B(e, t) {
|
|
@@ -194,17 +194,17 @@ function Y() {
|
|
|
194
194
|
e && R(M, e);
|
|
195
195
|
}, [e]), null;
|
|
196
196
|
}
|
|
197
|
-
function X({ subItems: t, children: r, notifications: o = J, link:
|
|
197
|
+
function X({ subItems: t, children: r, notifications: o = J, link: c = "a", host: u = "https://www.highcharts.com", pathname: d, cssVariable: h, position: g = "sticky" }) {
|
|
198
198
|
let x = e("(max-width: 374px)"), w = e("(max-width: 849px)"), M = e("(max-width: 1300px)"), N = G(t), P = T(null), [F, L] = E(!1), [V, H] = E([]);
|
|
199
199
|
n(() => {
|
|
200
200
|
let e = P.current;
|
|
201
201
|
if (!e) return;
|
|
202
202
|
let n = t?.length ? N ? U : W : 0, r = 82 + V.length * 48 + n, i = -(82 + V.length * 48);
|
|
203
|
-
if (
|
|
204
|
-
e.style.transform = "",
|
|
203
|
+
if (g === "static") return e.style.transform = "", h && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
|
|
204
|
+
e.style.transform = "", h && document.documentElement.style.removeProperty("--header-bottom");
|
|
205
205
|
};
|
|
206
206
|
let a = window.scrollY, o = 0, s = null, c = null, l = () => {
|
|
207
|
-
c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`,
|
|
207
|
+
c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, h && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
|
|
208
208
|
};
|
|
209
209
|
l();
|
|
210
210
|
let u = () => {
|
|
@@ -212,19 +212,19 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
212
212
|
a = e, o = Math.min(0, Math.max(i, o - t)), c === null && (c = window.requestAnimationFrame(l));
|
|
213
213
|
};
|
|
214
214
|
return window.addEventListener("scroll", u, { passive: !0 }), () => {
|
|
215
|
-
window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "",
|
|
215
|
+
window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", h && document.documentElement.style.removeProperty("--header-bottom");
|
|
216
216
|
};
|
|
217
217
|
}, [
|
|
218
|
-
|
|
218
|
+
h,
|
|
219
219
|
N,
|
|
220
220
|
V.length,
|
|
221
|
-
|
|
221
|
+
g,
|
|
222
222
|
t?.length
|
|
223
223
|
]), n(() => {
|
|
224
224
|
if (!o.length) return;
|
|
225
225
|
let e = I();
|
|
226
226
|
H(e ? o.filter((t) => !t.id || !e.closed.includes(t.id)) : o);
|
|
227
|
-
}, [
|
|
227
|
+
}, [u, o]);
|
|
228
228
|
let q = (e) => {
|
|
229
229
|
if (e.preventDefault(), !(e.nativeEvent instanceof KeyboardEvent) || e.nativeEvent.code === "Enter" || e.nativeEvent.code === "Space") {
|
|
230
230
|
let e = document.querySelector("main");
|
|
@@ -265,9 +265,9 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
265
265
|
onKeyPress: q,
|
|
266
266
|
children: "Skip to content"
|
|
267
267
|
}),
|
|
268
|
-
/* @__PURE__ */ O(
|
|
268
|
+
/* @__PURE__ */ O(c, {
|
|
269
269
|
className: A.logo,
|
|
270
|
-
href: B("https://www.highcharts.com/",
|
|
270
|
+
href: B("https://www.highcharts.com/", u),
|
|
271
271
|
children: /* @__PURE__ */ O(y, { showText: !M || w && !x })
|
|
272
272
|
}),
|
|
273
273
|
/* @__PURE__ */ O("ul", {
|
|
@@ -275,8 +275,8 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
275
275
|
children: z.map(({ title: e, url: t }, n) => /* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(_, {
|
|
276
276
|
variant: "plain",
|
|
277
277
|
size: 300,
|
|
278
|
-
as:
|
|
279
|
-
href: B(t,
|
|
278
|
+
as: c,
|
|
279
|
+
href: B(t, u),
|
|
280
280
|
children: e
|
|
281
281
|
}) }, n))
|
|
282
282
|
}),
|
|
@@ -285,35 +285,35 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
285
285
|
children: [
|
|
286
286
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
287
287
|
variant: "transparent",
|
|
288
|
-
as:
|
|
289
|
-
href: B("https://www.highcharts.com/chat/gpt/",
|
|
288
|
+
as: c,
|
|
289
|
+
href: B("https://www.highcharts.com/chat/gpt/", u),
|
|
290
290
|
children: [/* @__PURE__ */ O("span", {
|
|
291
291
|
className: A.gpt,
|
|
292
292
|
children: "Highcharts Assist"
|
|
293
|
-
}), /* @__PURE__ */ O(
|
|
293
|
+
}), /* @__PURE__ */ O(m, {})]
|
|
294
294
|
}) }),
|
|
295
295
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(C, {}) }),
|
|
296
296
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
|
|
297
297
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
298
298
|
className: A.cta,
|
|
299
299
|
variant: "success",
|
|
300
|
-
as:
|
|
301
|
-
href: B("https://shop.highcharts.com/",
|
|
300
|
+
as: c,
|
|
301
|
+
href: B("https://shop.highcharts.com/", u),
|
|
302
302
|
"aria-label": "Buy Now",
|
|
303
|
-
children: [/* @__PURE__ */ O(
|
|
303
|
+
children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
|
|
304
304
|
}) }),
|
|
305
305
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
306
306
|
className: A.cta,
|
|
307
307
|
variant: "brand",
|
|
308
|
-
as:
|
|
309
|
-
href: B("https://www.highcharts.com/download/",
|
|
310
|
-
children: [/* @__PURE__ */ O(
|
|
308
|
+
as: c,
|
|
309
|
+
href: B("https://www.highcharts.com/download/", u),
|
|
310
|
+
children: [/* @__PURE__ */ O(l, {}), "Try for Free"]
|
|
311
311
|
}) }),
|
|
312
312
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
313
313
|
variant: F ? "soft" : "transparent",
|
|
314
314
|
className: A.menu,
|
|
315
315
|
onClick: X,
|
|
316
|
-
children: [F ? "Close" : "Menu", O(F ?
|
|
316
|
+
children: [F ? "Close" : "Menu", O(F ? p : s, {})]
|
|
317
317
|
}) })
|
|
318
318
|
]
|
|
319
319
|
})
|
|
@@ -322,9 +322,9 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
322
322
|
}),
|
|
323
323
|
!!t?.length && /* @__PURE__ */ O(K, {
|
|
324
324
|
items: t,
|
|
325
|
-
link:
|
|
326
|
-
host:
|
|
327
|
-
pathname:
|
|
325
|
+
link: c,
|
|
326
|
+
host: u,
|
|
327
|
+
pathname: d
|
|
328
328
|
}),
|
|
329
329
|
r
|
|
330
330
|
]
|
|
@@ -336,21 +336,21 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
336
336
|
children: [
|
|
337
337
|
/* @__PURE__ */ k("div", {
|
|
338
338
|
className: A.container,
|
|
339
|
-
children: [/* @__PURE__ */ O(
|
|
339
|
+
children: [/* @__PURE__ */ O(c, {
|
|
340
340
|
className: A.logo,
|
|
341
|
-
href: B("https://www.highcharts.com/",
|
|
341
|
+
href: B("https://www.highcharts.com/", u),
|
|
342
342
|
children: /* @__PURE__ */ O(y, { showText: !x })
|
|
343
343
|
}), /* @__PURE__ */ k("ul", {
|
|
344
344
|
className: A.buttons,
|
|
345
345
|
children: [
|
|
346
346
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
347
347
|
variant: "transparent",
|
|
348
|
-
as:
|
|
349
|
-
href: B("https://www.highcharts.com/chat/gpt/",
|
|
348
|
+
as: c,
|
|
349
|
+
href: B("https://www.highcharts.com/chat/gpt/", u),
|
|
350
350
|
children: [/* @__PURE__ */ O("span", {
|
|
351
351
|
className: A.gpt,
|
|
352
352
|
children: "Highcharts Assist"
|
|
353
|
-
}), /* @__PURE__ */ O(
|
|
353
|
+
}), /* @__PURE__ */ O(m, {})]
|
|
354
354
|
}) }),
|
|
355
355
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(C, {}) }),
|
|
356
356
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
|
|
@@ -362,15 +362,15 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
362
362
|
children: [/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
363
363
|
variant: "brand",
|
|
364
364
|
fullWidth: !0,
|
|
365
|
-
as:
|
|
366
|
-
href: B("https://shop.highcharts.com/",
|
|
367
|
-
children: [/* @__PURE__ */ O(
|
|
365
|
+
as: c,
|
|
366
|
+
href: B("https://shop.highcharts.com/", u),
|
|
367
|
+
children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
|
|
368
368
|
}) }), /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
369
369
|
variant: "success",
|
|
370
370
|
fullWidth: !0,
|
|
371
|
-
as:
|
|
372
|
-
href: B("https://www.highcharts.com/download/",
|
|
373
|
-
children: [/* @__PURE__ */ O(
|
|
371
|
+
as: c,
|
|
372
|
+
href: B("https://www.highcharts.com/download/", u),
|
|
373
|
+
children: [/* @__PURE__ */ O(l, {}), "Try for Free"]
|
|
374
374
|
}) })]
|
|
375
375
|
}),
|
|
376
376
|
/* @__PURE__ */ O("ul", {
|
|
@@ -379,8 +379,8 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
379
379
|
variant: "plain",
|
|
380
380
|
size: 500,
|
|
381
381
|
fullWidth: !0,
|
|
382
|
-
as:
|
|
383
|
-
href: B(t,
|
|
382
|
+
as: c,
|
|
383
|
+
href: B(t, u),
|
|
384
384
|
children: [n, e]
|
|
385
385
|
}) }, r))
|
|
386
386
|
})
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
+
import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
3
|
+
var i = {
|
|
4
|
+
bordered: "a722Tq_bordered",
|
|
5
|
+
caption: "a722Tq_caption",
|
|
6
|
+
card: "a722Tq_card",
|
|
7
|
+
center: "a722Tq_center",
|
|
8
|
+
closeButton: "a722Tq_closeButton",
|
|
9
|
+
dark: "a722Tq_dark",
|
|
10
|
+
figure: "a722Tq_figure",
|
|
11
|
+
image: "a722Tq_image",
|
|
12
|
+
light: "a722Tq_light",
|
|
13
|
+
lightbox: "a722Tq_lightbox",
|
|
14
|
+
lightboxBar: "a722Tq_lightboxBar",
|
|
15
|
+
lightboxBody: "a722Tq_lightboxBody",
|
|
16
|
+
lightboxCaption: "a722Tq_lightboxCaption",
|
|
17
|
+
lightboxImage: "a722Tq_lightboxImage",
|
|
18
|
+
media: "a722Tq_media",
|
|
19
|
+
zoomBadge: "a722Tq_zoomBadge",
|
|
20
|
+
zoomButton: "a722Tq_zoomButton"
|
|
21
|
+
};
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region lib/components/Figure/ImagePair.tsx
|
|
24
|
+
function a({ src: a, srcDark: o, alt: s, width: c, height: l, loading: u, srcSet: d, sizes: f, className: p }) {
|
|
25
|
+
return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("img", {
|
|
26
|
+
className: e(i.image, p, o && i.light),
|
|
27
|
+
src: a,
|
|
28
|
+
alt: s,
|
|
29
|
+
width: c,
|
|
30
|
+
height: l,
|
|
31
|
+
loading: u,
|
|
32
|
+
srcSet: d,
|
|
33
|
+
sizes: f
|
|
34
|
+
}), o && /* @__PURE__ */ n("img", {
|
|
35
|
+
className: e(i.image, p, i.dark),
|
|
36
|
+
src: o,
|
|
37
|
+
alt: s,
|
|
38
|
+
width: c,
|
|
39
|
+
height: l,
|
|
40
|
+
loading: u
|
|
41
|
+
})] });
|
|
42
|
+
}
|
|
43
|
+
//#endregion
|
|
44
|
+
export { i as n, a as t };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import {
|
|
4
|
-
import { t as i } from "./Button-
|
|
3
|
+
import { G as t, W as n, et as r } from "./esm-DQBytmnt.js";
|
|
4
|
+
import { t as i } from "./Button-DFcjZsF4.js";
|
|
5
5
|
import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
|
|
6
6
|
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
7
7
|
var f = {
|
|
@@ -42,7 +42,7 @@ function m({ children: t, className: n }) {
|
|
|
42
42
|
children: t
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
|
-
var h = a(({ label:
|
|
45
|
+
var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T, onChange: E, value: D, defaultValue: O, ...k }, A) => {
|
|
46
46
|
let j = c(null), M = A || j, [N, P] = l(!1), [F, I] = l(!1), [L, R] = l(!1), z = C === "password", [B, V] = l(O === void 0 ? "" : String(O)), H = D !== void 0, U = H ? String(D).length > 0 : B.length > 0, W = o((e) => {
|
|
47
47
|
P(!0), w?.(e);
|
|
48
48
|
}, [w]), G = o((e) => {
|
|
@@ -82,14 +82,14 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
82
82
|
children: [/* @__PURE__ */ d("div", {
|
|
83
83
|
className: f.leftContent,
|
|
84
84
|
children: [
|
|
85
|
-
|
|
85
|
+
r && /* @__PURE__ */ d("div", {
|
|
86
86
|
className: f.labelRow,
|
|
87
87
|
children: [h && /* @__PURE__ */ u("span", {
|
|
88
88
|
className: f.labelIcon,
|
|
89
89
|
children: h
|
|
90
90
|
}), /* @__PURE__ */ d("span", {
|
|
91
91
|
className: f.label,
|
|
92
|
-
children: [
|
|
92
|
+
children: [r, a && /* @__PURE__ */ u("span", {
|
|
93
93
|
className: f.required,
|
|
94
94
|
children: " *"
|
|
95
95
|
})]
|
|
@@ -100,7 +100,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
100
100
|
type: Y,
|
|
101
101
|
className: e(f.inputElement, x),
|
|
102
102
|
disabled: b,
|
|
103
|
-
"aria-label":
|
|
103
|
+
"aria-label": r,
|
|
104
104
|
"aria-required": a,
|
|
105
105
|
"aria-invalid": v,
|
|
106
106
|
value: D,
|
|
@@ -131,7 +131,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
131
131
|
e.stopPropagation(), R((e) => !e);
|
|
132
132
|
},
|
|
133
133
|
"aria-label": L ? "Hide password" : "Show password",
|
|
134
|
-
children: u(L ? n :
|
|
134
|
+
children: u(L ? n : t, {})
|
|
135
135
|
}),
|
|
136
136
|
_
|
|
137
137
|
]
|
|
@@ -140,7 +140,7 @@ var h = a(({ label: t, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
140
140
|
});
|
|
141
141
|
});
|
|
142
142
|
h.displayName = "InputGrouped";
|
|
143
|
-
var g = a(({ label:
|
|
143
|
+
var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labelIcon: s, hasError: p = !1, success: m = !1, disabled: h = !1, className: g, wrapperClassName: _, placeholder: v, children: y, onFocus: b, onBlur: x, onChange: S, value: C, defaultValue: w, ...T }, E) => {
|
|
144
144
|
let D = c(null), O = E || D, [k, A] = l(!1), [j, M] = l(!1), [N, P] = l(w === void 0 ? "" : String(w)), F = C !== void 0, I = F ? String(C).length > 0 : N.length > 0, L = o((e) => {
|
|
145
145
|
A(!0), b?.(e);
|
|
146
146
|
}, [b]), R = o((e) => {
|
|
@@ -173,14 +173,14 @@ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labe
|
|
|
173
173
|
children: [/* @__PURE__ */ d("div", {
|
|
174
174
|
className: f.leftContent,
|
|
175
175
|
children: [
|
|
176
|
-
|
|
176
|
+
t && /* @__PURE__ */ d("div", {
|
|
177
177
|
className: f.labelRow,
|
|
178
178
|
children: [s && /* @__PURE__ */ u("span", {
|
|
179
179
|
className: f.labelIcon,
|
|
180
180
|
children: s
|
|
181
181
|
}), /* @__PURE__ */ d("span", {
|
|
182
182
|
className: f.label,
|
|
183
|
-
children: [
|
|
183
|
+
children: [t, n && /* @__PURE__ */ u("span", {
|
|
184
184
|
className: f.required,
|
|
185
185
|
children: " *"
|
|
186
186
|
})]
|
|
@@ -190,8 +190,8 @@ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labe
|
|
|
190
190
|
ref: O,
|
|
191
191
|
className: e(f.inputElement, f.selectElement, g),
|
|
192
192
|
disabled: h,
|
|
193
|
-
"aria-label":
|
|
194
|
-
"aria-required":
|
|
193
|
+
"aria-label": t,
|
|
194
|
+
"aria-required": n,
|
|
195
195
|
"aria-invalid": p,
|
|
196
196
|
value: C,
|
|
197
197
|
defaultValue: w,
|
|
@@ -215,7 +215,7 @@ var g = a(({ label: n, required: r = !1, helpText: i, showHelpText: a = !1, labe
|
|
|
215
215
|
className: f.rightContent,
|
|
216
216
|
children: /* @__PURE__ */ u("span", {
|
|
217
217
|
className: e(f.iconRight, f.chevron),
|
|
218
|
-
children: /* @__PURE__ */ u(
|
|
218
|
+
children: /* @__PURE__ */ u(r, {})
|
|
219
219
|
})
|
|
220
220
|
})]
|
|
221
221
|
})
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import {
|
|
4
|
-
import { t as n } from "./
|
|
5
|
-
import { t as r } from "./
|
|
3
|
+
import { st as t } from "./esm-DQBytmnt.js";
|
|
4
|
+
import { t as n } from "./Typography-DI1AkqiO.js";
|
|
5
|
+
import { t as r } from "./Icon-DJTgdvsG.js";
|
|
6
6
|
import { createContext as i, forwardRef as a, useContext as o } from "react";
|
|
7
7
|
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
8
8
|
var l = {
|
|
@@ -23,26 +23,26 @@ var l = {
|
|
|
23
23
|
100: 12,
|
|
24
24
|
200: 16,
|
|
25
25
|
300: 16
|
|
26
|
-
}, d = i(null), f = a(({ variant:
|
|
26
|
+
}, d = i(null), f = a(({ variant: r = "bullet", size: i = 200, icon: a = t, color: o = "primary", iconColor: c, start: u, className: f, style: p, children: m, ...h }, g) => {
|
|
27
27
|
let _ = {
|
|
28
|
-
"--hsui-list-color":
|
|
29
|
-
...c && { "--hsui-list-icon-color":
|
|
28
|
+
"--hsui-list-color": n[o],
|
|
29
|
+
...c && { "--hsui-list-icon-color": n[c] },
|
|
30
30
|
...u !== void 0 && { "--hsui-list-start": u - 1 },
|
|
31
31
|
...p
|
|
32
32
|
}, v = {
|
|
33
33
|
ref: g,
|
|
34
34
|
role: "list",
|
|
35
|
-
className: e("hsui-list", f, l.list, l[
|
|
35
|
+
className: e("hsui-list", f, l.list, l[r], l[`size-${i}`]),
|
|
36
36
|
style: _,
|
|
37
37
|
...h
|
|
38
38
|
};
|
|
39
39
|
return /* @__PURE__ */ s(d.Provider, {
|
|
40
40
|
value: {
|
|
41
|
-
variant:
|
|
41
|
+
variant: r,
|
|
42
42
|
size: i,
|
|
43
43
|
icon: a
|
|
44
44
|
},
|
|
45
|
-
children:
|
|
45
|
+
children: r === "number" ? /* @__PURE__ */ s("ol", {
|
|
46
46
|
...v,
|
|
47
47
|
start: u,
|
|
48
48
|
children: m
|
|
@@ -55,7 +55,7 @@ var l = {
|
|
|
55
55
|
f.displayName = "List";
|
|
56
56
|
var p = a(({ icon: i, iconColor: a, className: f, style: p, children: m, ...h }, g) => {
|
|
57
57
|
let _ = o(d), v = _?.variant ?? "bullet", y = _?.size ?? 200, b = i ?? _?.icon ?? t, x = a ? {
|
|
58
|
-
"--hsui-list-icon-color":
|
|
58
|
+
"--hsui-list-icon-color": n[a],
|
|
59
59
|
...p
|
|
60
60
|
} : p;
|
|
61
61
|
return /* @__PURE__ */ c("li", {
|
|
@@ -66,7 +66,7 @@ var p = a(({ icon: i, iconColor: a, className: f, style: p, children: m, ...h },
|
|
|
66
66
|
children: [/* @__PURE__ */ s("span", {
|
|
67
67
|
className: l.marker,
|
|
68
68
|
"aria-hidden": "true",
|
|
69
|
-
children: v === "bullet" && /* @__PURE__ */ s(
|
|
69
|
+
children: v === "bullet" && /* @__PURE__ */ s(r, {
|
|
70
70
|
name: b,
|
|
71
71
|
size: u[y]
|
|
72
72
|
})
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { a as e } from "./utils-bAjntFD8.js";
|
|
3
3
|
import { t } from "./clsx-BWCAbrjV.js";
|
|
4
|
-
import {
|
|
5
|
-
import { t as i } from "./Button-
|
|
4
|
+
import { E as n, S as r } from "./esm-DQBytmnt.js";
|
|
5
|
+
import { t as i } from "./Button-DFcjZsF4.js";
|
|
6
6
|
import { n as a, t as o } from "./ClientLogo-Dj7K48YL.js";
|
|
7
7
|
import { useEffect as s, useRef as c, useState as l } from "react";
|
|
8
8
|
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { l as e } from "./utils-bAjntFD8.js";
|
|
3
3
|
import { t } from "./clsx-BWCAbrjV.js";
|
|
4
|
-
import {
|
|
5
|
-
import { t as a } from "./Button-
|
|
6
|
-
import {
|
|
7
|
-
import { t as s } from "./
|
|
8
|
-
import { t as c } from "./
|
|
9
|
-
import {
|
|
4
|
+
import { V as n, lt as r, tt as i } from "./esm-DQBytmnt.js";
|
|
5
|
+
import { t as a } from "./Button-DFcjZsF4.js";
|
|
6
|
+
import { n as o } from "./Typography-DI1AkqiO.js";
|
|
7
|
+
import { t as s } from "./Icon-DJTgdvsG.js";
|
|
8
|
+
import { t as c } from "./Link-CYR92_U0.js";
|
|
9
|
+
import { t as l } from "./InputSolo-CbnsJlJu.js";
|
|
10
10
|
import { useEffect as u, useRef as d, useState as f } from "react";
|
|
11
11
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
12
12
|
var h = {
|
|
@@ -72,13 +72,13 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
|
|
|
72
72
|
}),
|
|
73
73
|
"data-theme": L ? "light" : void 0,
|
|
74
74
|
children: [
|
|
75
|
-
/* @__PURE__ */ m("h2", { children: [/* @__PURE__ */ p(
|
|
75
|
+
/* @__PURE__ */ m("h2", { children: [/* @__PURE__ */ p(s, {
|
|
76
76
|
name: r,
|
|
77
77
|
size: 12
|
|
78
78
|
}), "Stay in the Loop"] }),
|
|
79
79
|
L ? /* @__PURE__ */ m("div", {
|
|
80
80
|
className: h.content,
|
|
81
|
-
children: [/* @__PURE__ */ p(
|
|
81
|
+
children: [/* @__PURE__ */ p(s, {
|
|
82
82
|
name: n,
|
|
83
83
|
size: 16
|
|
84
84
|
}), E ? "Check your inbox and confirm your email to finish signing up." : "You’re already subscribed to our newsletter."]
|
|
@@ -90,7 +90,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
|
|
|
90
90
|
className: h.errorTip,
|
|
91
91
|
role: "alert",
|
|
92
92
|
children: M
|
|
93
|
-
}), /* @__PURE__ */ p(
|
|
93
|
+
}), /* @__PURE__ */ p(l, {
|
|
94
94
|
ref: C,
|
|
95
95
|
placeholder: "Email address",
|
|
96
96
|
type: "email",
|
|
@@ -104,7 +104,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
|
|
|
104
104
|
size: 200,
|
|
105
105
|
variant: "success",
|
|
106
106
|
disabled: !0,
|
|
107
|
-
children: [/* @__PURE__ */ p(
|
|
107
|
+
children: [/* @__PURE__ */ p(s, {
|
|
108
108
|
name: i,
|
|
109
109
|
size: 16
|
|
110
110
|
}), "You’re in"]
|
|
@@ -117,13 +117,13 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
|
|
|
117
117
|
})
|
|
118
118
|
})]
|
|
119
119
|
}),
|
|
120
|
-
/* @__PURE__ */ m(
|
|
120
|
+
/* @__PURE__ */ m(o, {
|
|
121
121
|
as: "p",
|
|
122
122
|
size: 75,
|
|
123
123
|
children: [
|
|
124
124
|
"By signing up, you agree to the",
|
|
125
125
|
" ",
|
|
126
|
-
/* @__PURE__ */ p(
|
|
126
|
+
/* @__PURE__ */ p(c, {
|
|
127
127
|
as: g,
|
|
128
128
|
href: _,
|
|
129
129
|
variant: "fancy",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import { t } from "./esm-
|
|
4
|
-
import { t as n } from "./Button-
|
|
3
|
+
import { n as t } from "./esm-DQBytmnt.js";
|
|
4
|
+
import { t as n } from "./Button-DFcjZsF4.js";
|
|
5
5
|
import { t as r } from "./Container-BDssaLig.js";
|
|
6
|
-
import { t as i } from "./Label-
|
|
6
|
+
import { t as i } from "./Label-DTIv_3zs.js";
|
|
7
7
|
import { useEffect as a, useState as o } from "react";
|
|
8
8
|
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
9
9
|
var u = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { d as e, o as t } from "./utils-bAjntFD8.js";
|
|
3
3
|
import { t as n } from "./clsx-BWCAbrjV.js";
|
|
4
|
-
import { D as r,
|
|
5
|
-
import { t as c } from "./Button-
|
|
4
|
+
import { D as r, O as i, g as a, nt as o, u as s } from "./esm-DQBytmnt.js";
|
|
5
|
+
import { t as c } from "./Button-DFcjZsF4.js";
|
|
6
6
|
import { _ as l, a as u, d, h as f, i as p, l as m, m as h, n as ee, o as g, p as _, r as v, t as y, u as b, y as x } from "./es2015-DGI5uxql.js";
|
|
7
7
|
import { a as S, i as te, n as C, r as w, t as T } from "./dist-D5nNWgEm.js";
|
|
8
8
|
import * as E from "react";
|
|
@@ -204,11 +204,11 @@ function $({ children: e, id: t, ...r }) {
|
|
|
204
204
|
}), /* @__PURE__ */ k("label", {
|
|
205
205
|
htmlFor: t,
|
|
206
206
|
className: Q.radio,
|
|
207
|
-
children: [e, /* @__PURE__ */ O(
|
|
207
|
+
children: [e, /* @__PURE__ */ O(o, { className: Q.check })]
|
|
208
208
|
})] });
|
|
209
209
|
}
|
|
210
210
|
function de() {
|
|
211
|
-
let { theme: n, systemTheme:
|
|
211
|
+
let { theme: n, systemTheme: o, setTheme: l } = e(), u = t();
|
|
212
212
|
return /* @__PURE__ */ k(oe, { children: [/* @__PURE__ */ O(ce, {
|
|
213
213
|
asChild: !0,
|
|
214
214
|
children: /* @__PURE__ */ k(c, {
|
|
@@ -228,9 +228,9 @@ function de() {
|
|
|
228
228
|
checked: n === "system",
|
|
229
229
|
onChange: () => l("system"),
|
|
230
230
|
children: [
|
|
231
|
-
/* @__PURE__ */ O(
|
|
231
|
+
/* @__PURE__ */ O(i, {}),
|
|
232
232
|
"Auto (",
|
|
233
|
-
|
|
233
|
+
o,
|
|
234
234
|
")"
|
|
235
235
|
]
|
|
236
236
|
}),
|
|
@@ -239,14 +239,14 @@ function de() {
|
|
|
239
239
|
name: "theme",
|
|
240
240
|
checked: n === "light",
|
|
241
241
|
onChange: () => l("light"),
|
|
242
|
-
children: [/* @__PURE__ */ O(
|
|
242
|
+
children: [/* @__PURE__ */ O(s, {}), "Light"]
|
|
243
243
|
}),
|
|
244
244
|
/* @__PURE__ */ k($, {
|
|
245
245
|
id: "dark",
|
|
246
246
|
name: "theme",
|
|
247
247
|
checked: n === "dark",
|
|
248
248
|
onChange: () => l("dark"),
|
|
249
|
-
children: [/* @__PURE__ */ O(
|
|
249
|
+
children: [/* @__PURE__ */ O(r, {}), "Dark"]
|
|
250
250
|
})
|
|
251
251
|
] })
|
|
252
252
|
}) })] });
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import {
|
|
2
|
+
import { $ as t, Q as n } from "./esm-DQBytmnt.js";
|
|
3
3
|
import { t as r } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { forwardRef as i } from "react";
|
|
5
5
|
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|